@@ -33,11 +33,12 @@ const useInputNumber = (
33
33
cssClasses += " has-error" ;
34
34
}
35
35
36
- const inputChangeHandler = ( event ) => {
37
- setInputValue ( cardIndex , event . target . value ) ;
36
+ const resetBrand = ( ) => {
37
+ setBrand ( cardIndex , "" ) ;
38
+ setBrandImageSrc ( "" ) ;
38
39
} ;
39
40
40
- const getBrandContengency = ( bin ) => {
41
+ const getBrandContingency = ( bin ) => {
41
42
let oldPrefix = "" ;
42
43
let brand = null ;
43
44
for ( const [ currentBrandKey , currentBrand ] of Object . entries ( brands ) ) {
@@ -56,13 +57,7 @@ const useInputNumber = (
56
57
return brand ;
57
58
} ;
58
59
59
- const resetBrand = ( ) => {
60
- setBrand ( cardIndex , "" ) ;
61
- setBrandImageSrc ( "" ) ;
62
- } ;
63
-
64
- const changeBrand = async ( ) => {
65
- const cardNumber = formatCardNumber ( inputValue ) ;
60
+ const changeBrand = async ( cardNumber ) => {
66
61
if ( cardNumber . length !== 16 ) {
67
62
resetBrand ( ) ;
68
63
return ;
@@ -78,7 +73,7 @@ const useInputNumber = (
78
73
79
74
let brand = result . brand ;
80
75
if ( ! response . ok || typeof result . brandName == "undefined" ) {
81
- brand = getBrandContengency ( bin ) ;
76
+ brand = getBrandContingency ( bin ) ;
82
77
}
83
78
84
79
if ( brand === null ) {
@@ -104,9 +99,14 @@ const useInputNumber = (
104
99
}
105
100
} ;
106
101
102
+ const inputChangeHandler = ( event ) => {
103
+ setInputValue ( cardIndex , event . target . value ) ;
104
+ changeBrand ( formatCardNumber ( event . target . value ) ) ;
105
+ } ;
106
+
107
107
const inputBlurHandler = ( event ) => {
108
108
validateInputNumber ( event . target . value ) ;
109
- changeBrand ( ) ;
109
+ changeBrand ( formatCardNumber ( event . target . value ) ) ;
110
110
setIsActive ( false ) ;
111
111
} ;
112
112
0 commit comments