@ref-finance/ref-sdk 1.3.10 → 1.3.11

package/dist/ref-sdk.cjs.development.js

@@ -5191,6 +5191,7 @@ var useTokenBalances = function useTokenBalances(tokens, AccountId) {
   };
 };
 
+var _ALLOWED_KEYS;
 var getPriceImpact$1 = function getPriceImpact(value, tokenIn, tokenInAmount) {
   var textColor = Number(value) <= 1 ? 'text-greenLight' : 1 < Number(value) && Number(value) <= 2 ? 'text-warn' : 'text-error';
   var displayValue = scientificNotationToString(multiply(tokenInAmount || '0', divide(value, '100')));
@@ -5502,7 +5503,33 @@ var HalfAndMaxAmount = function HalfAndMaxAmount(_ref6) {
   }, "Max"));
 };
 var DECIMAL_POINT = '.';
-var ALLOWED_KEYS = ['Backspace', 'Tab', 'ArrowLeft', 'ArrowRight', 'Delete', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', DECIMAL_POINT];
+var ALLOWED_KEYS = (_ALLOWED_KEYS = {
+  '0': true,
+  '1': true,
+  '2': true,
+  '3': true,
+  '4': true,
+  '5': true,
+  '6': true,
+  '7': true,
+  '8': true,
+  '9': true
+}, _ALLOWED_KEYS[DECIMAL_POINT] = true, _ALLOWED_KEYS);
+var isValidInput = function isValidInput(value) {
+  var decimalPointsAmount = 0;
+  if (value === DECIMAL_POINT) return false;
+  for (var i = 0; i < value.length; i++) {
+    var _char = value[i];
+    if (!ALLOWED_KEYS[_char]) return false;
+    if (_char === DECIMAL_POINT) {
+      decimalPointsAmount++;
+      if (decimalPointsAmount === 2) {
+        return false;
+      }
+    }
+  }
+  return true;
+};
 var TokenAmount = function TokenAmount(props) {
   var _ref$current2;
   var balance = props.balance,
@@ -5523,28 +5550,6 @@ var TokenAmount = function TokenAmount(props) {
   var _useState5 = React.useState(false),
     hoverSelect = _useState5[0],
     setHoverSelect = _useState5[1];
-  var handleKeyDown = function handleKeyDown(event) {
-    if (!ALLOWED_KEYS.includes(event.key) && !event.ctrlKey) {
-      event.preventDefault();
-    }
-    var isDecimalPoint = event.key === DECIMAL_POINT;
-    if (!isDecimalPoint) return;
-    // Ensure only one dot is allowed
-    var inputValue = event.target.value;
-    if (inputValue.includes(DECIMAL_POINT)) {
-      event.preventDefault();
-    }
-    // prohibit only one dot
-    if (inputValue.length === 0) {
-      event.preventDefault();
-    }
-  };
-  var handlePaste = function handlePaste(event) {
-    var paste = event.clipboardData.getData('text');
-    if (!/^[0-9.]+$/.test(paste)) {
-      event.preventDefault();
-    }
-  };
   var handleChange = function handleChange(amount) {
     if (onChangeAmount) {
       onChangeAmount(amount);
@@ -5634,11 +5639,10 @@ var TokenAmount = function TokenAmount(props) {
     className: "__ref-swap-widget-input-class",
     value: amount,
     type: "text",
-    onKeyDown: handleKeyDown,
-    onPaste: handlePaste,
     placeholder: !onChangeAmount ? '-' : '0.0',
     onChange: function onChange(_ref7) {
       var target = _ref7.target;
+      if (!isValidInput(target.value)) return;
       target.setCustomValidity('');
       handleChange(target.value);
     },