@imtbl/checkout-widgets 2.4.14-alpha.3 → 2.4.14-alpha.5

package/src/widgets/sale/context/SaleContextProvider.tsx

@@ -1,6 +1,4 @@
 import {
-  AssessmentResult,
-  fetchRiskAssessment,
   FundingRoute,
   SaleItem, SalePaymentTypes,
 } from '@imtbl/checkout-sdk';
@@ -98,7 +96,6 @@ type SaleContextValues = SaleContextProps & {
   orderQuote: OrderQuote;
   signTokenIds: string[];
   selectedCurrency: OrderQuoteCurrency | undefined;
-  riskAssessment: AssessmentResult | undefined;
 };
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -141,7 +138,6 @@ const SaleContext = createContext<SaleContextValues>({
   selectedCurrency: undefined,
   waitFulfillmentSettlements: true,
   hideExcludedPaymentTypes: false,
-  riskAssessment: undefined,
 });
 
 SaleContext.displayName = 'SaleSaleContext';
@@ -206,8 +202,6 @@ export function SaleContextProvider(props: {
 
   const [invalidParameters, setInvalidParameters] = useState<boolean>(false);
 
-  const [riskAssessment, setRiskAssessment] = useState<AssessmentResult | undefined>();
-
   const { selectedCurrency, orderQuote, orderQuoteError } = useQuoteOrder({
     items,
     provider,
@@ -246,23 +240,6 @@ export function SaleContextProvider(props: {
     getUserInfo();
   }, [provider]);
 
-  useEffect(() => {
-    if (!checkout || riskAssessment) {
-      return;
-    }
-
-    (async () => {
-      const address = await (await provider?.getSigner())?.getAddress();
-
-      if (!address) {
-        return;
-      }
-
-      const assessment = await fetchRiskAssessment([address], checkout.config);
-      setRiskAssessment(assessment);
-    })();
-  }, [checkout, provider]);
-
   const {
     sign: signOrder,
     executeAll,
@@ -416,7 +393,6 @@ export function SaleContextProvider(props: {
       selectedCurrency,
       waitFulfillmentSettlements,
       hideExcludedPaymentTypes,
-      riskAssessment,
     }),
     [
       config,
@@ -451,7 +427,6 @@ export function SaleContextProvider(props: {
       selectedCurrency,
       waitFulfillmentSettlements,
       hideExcludedPaymentTypes,
-      riskAssessment,
     ],
   );
 

package/src/widgets/sale/views/OrderSummary.tsx

@@ -1,7 +1,8 @@
 import { Box, Heading } from '@biom3/react';
-import { useContext, useEffect } from 'react';
+import { useCallback, useContext, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { isAddressSanctioned, SalePaymentTypes } from '@imtbl/checkout-sdk';
+import { parseUnits } from 'ethers';
+import { fetchRiskAssessmentV2, isSingleAddressSanctioned, SalePaymentTypes } from '@imtbl/checkout-sdk';
 
 import {
   OrderSummarySubViews,
@@ -33,6 +34,8 @@ import { HandoverTarget } from '../../../context/handover-context/HandoverContex
 import { ViewContext, ViewActions, SharedViews } from '../../../context/view-context/ViewContext';
 import { useHandover } from '../../../lib/hooks/useHandover';
 import { errorToString, getRemoteRive } from '../../../lib/utils';
+import { ConnectLoaderContext } from '../../../context/connect-loader-context/ConnectLoaderContext';
+import { getPricingBySymbol } from '../utils/pricing';
 
 type OrderSummaryProps = {
   subView: OrderSummarySubViews;
@@ -50,10 +53,14 @@ export function OrderSummary({ subView }: OrderSummaryProps) {
     selectedCurrency,
     setPaymentMethod,
     environment,
-    riskAssessment,
     paymentMethod,
+    orderQuote,
+    items,
   } = useSaleContext();
 
+  const { connectLoaderState } = useContext(ConnectLoaderContext);
+  const { checkout, provider } = connectLoaderState;
+
   const { viewDispatch, viewState } = useContext(ViewContext);
   const { cryptoFiatDispatch, cryptoFiatState } = useContext(CryptoFiatContext);
   const { addHandover, closeHandover } = useHandover({
@@ -92,8 +99,43 @@ export function OrderSummary({ subView }: OrderSummaryProps) {
     signAndProceed(selectedCurrency?.address);
   };
 
-  const onProceedToBuy = (fundingBalance: FundingBalance) => {
-    if (riskAssessment && isAddressSanctioned(riskAssessment)) {
+  const onProceedToBuy = useCallback(async (fundingBalance: FundingBalance) => {
+    if (!checkout || !provider) return;
+
+    const { type, fundingItem } = fundingBalance;
+
+    // Calculate total amount from all order items for risk assessment
+    // Based on how item prices are calculated in OrderItems.tsx
+    const totalAmount = items.reduce((total, item) => {
+      const pricing = getPricingBySymbol(
+        fundingItem.token.symbol,
+        orderQuote?.products[item.productId]?.pricing,
+        cryptoFiatState.conversions,
+      );
+      const itemAmount = pricing?.amount || 0;
+      return total + itemAmount;
+    }, 0);
+
+    // Perform sanctions check once we have valid asset and amount data
+    const address = await (await provider?.getSigner())?.getAddress();
+
+    if (!address) {
+      return;
+    }
+
+    if (!fundingItem.token.address) {
+      throw new Error('Invalid data: fundingItem.token.address is missing');
+    }
+
+    const riskAssessmentData = [{
+      address,
+      tokenAddr: fundingItem.token.address,
+      amount: parseUnits(totalAmount.toString(), fundingItem.token.decimals),
+    }];
+
+    const riskAssessment = await fetchRiskAssessmentV2(riskAssessmentData, checkout.config);
+
+    if (riskAssessment && isSingleAddressSanctioned(riskAssessment, address)) {
       const error = new Error('Sanctioned address');
       sendFailedEvent(error.message, {}, [], undefined, { riskAssessment, paymentMethod });
 
@@ -110,8 +152,6 @@ export function OrderSummary({ subView }: OrderSummaryProps) {
       return;
     }
 
-    const { type, fundingItem } = fundingBalance;
-
     sendProceedToPay(
       SaleWidgetViews.ORDER_SUMMARY,
       fundingBalance,
@@ -138,7 +178,7 @@ export function OrderSummary({ subView }: OrderSummaryProps) {
         },
       },
     });
-  };
+  }, [paymentMethod, sendFailedEvent, viewDispatch, checkout, provider]);
 
   const {
     fundingBalances,

package/src/widgets/sale/views/PaymentMethods.tsx

@@ -1,7 +1,7 @@
 import { Box, Heading } from '@biom3/react';
 import { useContext, useEffect } from 'react';
 
-import { isAddressSanctioned, SalePaymentTypes } from '@imtbl/checkout-sdk';
+import { SalePaymentTypes } from '@imtbl/checkout-sdk';
 import { useTranslation } from 'react-i18next';
 import { FooterLogo } from '../../../components/Footer/FooterLogo';
 import { HeaderNavigation } from '../../../components/Header/HeaderNavigation';
@@ -32,10 +32,9 @@ export function PaymentMethods() {
     invalidParameters,
     disabledPaymentTypes,
     hideExcludedPaymentTypes,
-    riskAssessment,
   } = useSaleContext();
   const {
-    sendFailedEvent, sendPageView, sendCloseEvent, sendSelectedPaymentMethod,
+    sendPageView, sendCloseEvent, sendSelectedPaymentMethod,
   } = useSaleEvent();
 
   const handleOptionClick = (type: SalePaymentTypes) => {
@@ -51,25 +50,6 @@ export function PaymentMethods() {
       paymentMethod
       && [SalePaymentTypes.DEBIT, SalePaymentTypes.CREDIT].includes(paymentMethod)
     ) {
-      if (riskAssessment && isAddressSanctioned(riskAssessment)) {
-        const error = new Error('Sanctioned address');
-        sendFailedEvent(error.message, {}, [], undefined, { riskAssessment, paymentMethod });
-
-        viewDispatch({
-          payload: {
-            type: ViewActions.UPDATE_VIEW,
-            view: {
-              type: SharedViews.SERVICE_UNAVAILABLE_ERROR_VIEW,
-              error,
-            },
-          },
-        });
-
-        setPaymentMethod(undefined);
-
-        return;
-      }
-
       sign(SignPaymentTypes.FIAT, undefined, () => {
         viewDispatch({
           payload: {