@kimafinance/kima-transaction-widget 1.1.6 → 1.1.7

package/dist/index.modern.js

@@ -623,7 +623,10 @@ const initialState = {
   backendUrl: '',
   nodeProviderQuery: '',
   txId: -1,
-  currencyOptions: COIN_LIST['USDK']
+  currencyOptions: COIN_LIST['USDK'],
+  compliantOption: true,
+  sourceCompliant: true,
+  targetCompliant: true
 };
 const optionSlice = createSlice({
   name: 'option',
@@ -637,6 +640,9 @@ const optionSlice = createSlice({
       state.serviceFee = -1;
       state.amount = 0;
       state.targetAddress = '';
+      state.compliantOption = true;
+      state.sourceCompliant = true;
+      state.targetCompliant = true;
     },
     setTheme: (state, action) => {
       state.theme = action.payload;
@@ -709,6 +715,15 @@ const optionSlice = createSlice({
     },
     setCurrencyOptions: (state, action) => {
       state.currencyOptions = action.payload;
+    },
+    setCompliantOption: (state, action) => {
+      state.compliantOption = action.payload;
+    },
+    setSourceCompliant: (state, action) => {
+      state.sourceCompliant = action.payload;
+    },
+    setTargetCompliant: (state, action) => {
+      state.targetCompliant = action.payload;
     }
   }
 });
@@ -737,7 +752,10 @@ const {
   setBackendUrl,
   setNodeProviderQuery,
   setTxId,
-  setCurrencyOptions
+  setCurrencyOptions,
+  setCompliantOption,
+  setSourceCompliant,
+  setTargetCompliant
 } = optionSlice.actions;
 var optionReducer = optionSlice.reducer;
 
@@ -774,6 +792,9 @@ const selectBackendUrl = state => state.option.backendUrl;
 const selectNodeProviderQuery = state => state.option.nodeProviderQuery;
 const selectTxId = state => state.option.txId;
 const selectCurrencyOptions = state => state.option.currencyOptions;
+const selectCompliantOption = state => state.option.compliantOption;
+const selectSourceCompliant = state => state.option.sourceCompliant;
+const selectTargetCompliant = state => state.option.targetCompliant;
 
 const EthereumProviderContext = React.createContext({
   connect: () => {},
@@ -1809,6 +1830,8 @@ const WalletButton = ({
 }) => {
   const dispatch = useDispatch();
   const theme = useSelector(selectTheme);
+  const sourceCompliant = useSelector(selectSourceCompliant);
+  const compliantOption = useSelector(selectCompliantOption);
   const selectedNetwork = useSelector(selectOriginNetwork);
   const {
     disconnect: disconnectSolana
@@ -1846,9 +1869,11 @@ const WalletButton = ({
     "data-testid": connectWalletBtn
   }, React.createElement(PrimaryButton, {
     clickHandler: handleClick
-  }, isReady ? `Disconnect ${getShortenedAddress(walletAddress || '')}` : 'Wallet'), !isReady && React.createElement("p", {
+  }, isReady ? `Disconnect ${getShortenedAddress(walletAddress || '')}` : 'Wallet'), !isReady ? React.createElement("p", {
     className: 'provider-error'
-  }, statusMessage));
+  }, statusMessage) : !sourceCompliant && compliantOption ? React.createElement("p", {
+    className: 'provider-error'
+  }, "Non-compliant address") : null);
 };
 
 const CoinDropdown = () => {
@@ -2345,6 +2370,8 @@ const SingleForm = ({
   const mode = useSelector(selectMode);
   const theme = useSelector(selectTheme);
   const amount = useSelector(selectAmount);
+  const compliantOption = useSelector(selectCompliantOption);
+  const targetCompliant = useSelector(selectTargetCompliant);
   const transactionOption = useSelector(selectTransactionOption);
   const selectedCoin = useSelector(selectCurrencyOptions);
   return React.createElement("div", {
@@ -2370,7 +2397,9 @@ const SingleForm = ({
     className: `form-item ${theme}`
   }, React.createElement("span", {
     className: 'label'
-  }, "Target Address:"), React.createElement(AddressInput, null)), mode === ModeOptions.bridge ? React.createElement("div", {
+  }, "Target Address:"), React.createElement(AddressInput, null), compliantOption && !targetCompliant ? React.createElement("p", {
+    className: 'error'
+  }, "Non-compliant address") : null), mode === ModeOptions.bridge ? React.createElement("div", {
     className: `form-item ${theme}`
   }, React.createElement("span", {
     className: 'label'
@@ -6449,6 +6478,9 @@ const TransferWidget = ({
   const sourceChain = useSelector(selectOriginNetwork);
   const targetAddress = useSelector(selectTargetAddress);
   const targetNetwork = useSelector(selectTargetNetwork);
+  const compliantOption = useSelector(selectCompliantOption);
+  const sourceCompliant = useSelector(selectSourceCompliant);
+  const targetCompliant = useSelector(selectTargetCompliant);
   const isApproving = useSelector(selectApproving);
   const errorHandler = useSelector(selectErrorHandler);
   const closeHandler = useSelector(selectCloseHandler);
@@ -6458,6 +6490,32 @@ const TransferWidget = ({
   } = useCurrencyOptions();
   const backendUrl = useSelector(selectBackendUrl);
   const nodeProviderQuery = useSelector(selectNodeProviderQuery);
+  useEffect(() => {
+    if (!walletAddress) return;
+    (async function () {
+      try {
+        const res = await fetchWrapper.post(`${backendUrl}/compliant`, JSON.stringify({
+          address: walletAddress
+        }));
+        dispatch(setSourceCompliant(res === 'ok'));
+      } catch (e) {
+        console.log('xplorisk check failed', e);
+      }
+    })();
+  }, [walletAddress]);
+  useEffect(() => {
+    if (!targetAddress) return;
+    (async function () {
+      try {
+        const res = await fetchWrapper.post(`${backendUrl}/compliant`, JSON.stringify({
+          address: targetAddress
+        }));
+        dispatch(setTargetCompliant(res === 'ok'));
+      } catch (e) {
+        console.log('xplorisk check failed', e);
+      }
+    })();
+  }, [targetAddress]);
   useEffect(() => {
     if (!nodeProviderQuery) return;
     (async function () {
@@ -6560,14 +6618,16 @@ const TransferWidget = ({
         }
         return;
       }
-      if (mode === ModeOptions.payment && wizardStep === 1 && fee >= 0) {
+      if (mode === ModeOptions.payment && wizardStep === 1 && fee >= 0 && (!compliantOption || sourceCompliant && targetCompliant)) {
         dispatch(setConfirming(true));
         setWizardStep(5);
       } else setWizardStep(step => step + 1);
     }
     if (!isWizard && !formStep) {
       if (isReady) {
-        if (fee >= 0 && mode === ModeOptions.payment || fee >= 0 && targetAddress && amount > 0) {
+        if (fee < 0) return;
+        if (compliantOption && (!sourceCompliant || !targetCompliant)) return;
+        if (mode === ModeOptions.payment || targetAddress && amount > 0) {
           dispatch(setConfirming(true));
           setFormStep(1);
         }
@@ -6662,6 +6722,7 @@ const KimaTransactionWidget = ({
   fontSize: _fontSize = FontSizeOptions.medium,
   titleOption,
   paymentTitleOption,
+  compliantOption: _compliantOption = true,
   transactionOption,
   kimaBackendUrl,
   kimaNodeProviderQuery,
@@ -6674,6 +6735,7 @@ const KimaTransactionWidget = ({
   useEffect(() => {
     dispatch(setTheme(_theme));
     if (transactionOption) dispatch(setTransactionOption(transactionOption));
+    dispatch(setCompliantOption(_compliantOption));
     dispatch(setErrorHandler(_errorHandler));
     dispatch(setCloseHandler(_closeHandler));
     dispatch(setSuccessHandler(_successHandler));
@@ -6689,6 +6751,16 @@ const KimaTransactionWidget = ({
         } catch (e) {
           console.log('rpc disconnected', e);
         }
+        try {
+          if (transactionOption !== null && transactionOption !== void 0 && transactionOption.targetAddress) {
+            const compliantRes = await fetchWrapper.post(`${kimaBackendUrl}/compliant`, JSON.stringify({
+              address: transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.targetAddress
+            }));
+            dispatch(setTargetCompliant(compliantRes === 'ok'));
+          }
+        } catch (e) {
+          console.log('xplorisk check failed', e);
+        }
       })();
       dispatch(setTargetAddress((transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.targetAddress) || ''));
       dispatch(setAmount((transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.amount) || 0));