argous 1.2.235 → 1.2.236

package/dist/components/ContactValidationInput/ContactValidationInput.js

@@ -112,6 +112,7 @@ var ContactValidationInput = function (_a) {
     var inputValue = state.inputValue, loading = state.loading, searched = state.searched, validated = state.validated, idContato = state.idContato, cdContato = state.cdContato, code = state.code, message = state.message, validating = state.validating;
     var createModal = utils_1.useModal().createModal;
     var sealModal = createModal(SealModal_1.default);
+    var onChangeRef = react_1.useRef(onChange);
     var logicSetState = function (_a) {
         var type = _a.type, field = _a.field, value = _a.value;
         return setState(function (states) {
@@ -148,13 +149,13 @@ var ContactValidationInput = function (_a) {
         padding: 5,
         fontSize: 22
     };
-    var handleOnChange = function (event) {
+    var handleOnChange = react_1.useCallback(function (event) {
         event.target.value = event.target.value.toString().toLowerCase();
         logicSetState({ type: 'inputValue', value: event.target.value });
-        (typeof onChange === 'function') && onChange(event);
-    };
+        (typeof onChangeRef.current === 'function') && onChangeRef.current(event);
+    }, []);
     var search = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var parameters, fetchOptions, _a, status, cdContato, isVerificado;
+        var parameters, fetchOptions, _a, status, cdContato, isVerificado, newInputValue_1, newEvent;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
@@ -180,13 +181,17 @@ var ContactValidationInput = function (_a) {
                 case 1:
                     _a = _b.sent(), status = _a.status, cdContato = _a.cdContato, isVerificado = _a.isVerificado;
                     if (status) {
-                        setState(function (states) { return (__assign(__assign({}, states), { cdContato: cdContato, inputValue: (cdContato || ''), searched: true, validated: isVerificado })); });
+                        newInputValue_1 = (cdContato || '');
+                        setState(function (states) { return (__assign(__assign({}, states), { cdContato: cdContato, inputValue: newInputValue_1, searched: true, validated: isVerificado })); });
+                        newEvent = new Event('search');
+                        Object.defineProperty(newEvent, 'target', { writable: false, value: { value: newInputValue_1 } });
+                        handleOnChange(newEvent);
                     }
                     logicSetState({ type: 'loading', field: 'input', value: false });
                     return [2 /*return*/];
             }
         });
-    }); }, [cellphoneType, emailType, invalidType, cpf]);
+    }); }, [cellphoneType, emailType, invalidType, cpf, handleOnChange]);
     react_1.useEffect(function () {
         search();
     }, [search]);

package/lib/components/ContactValidationInput/ContactValidationInput.js

@@ -5,7 +5,7 @@ import { api, headers } from '../../api';
 import { numbersOnly, useModal } from '../../utils';
 import { setError } from '../../utils/api';
 import { Button, CircularProgress, Grid, IconButton, InputAdornment, TextField, Typography, useTheme } from '@material-ui/core';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { IoMdCheckmark } from 'react-icons/io';
 import { LiaExclamationTriangleSolid } from 'react-icons/lia';
 import { PiSealCheck } from 'react-icons/pi';
@@ -64,6 +64,7 @@ const ContactValidationInput = ({
   const { inputValue, loading, searched, validated, idContato, cdContato, code, message, validating } = state;
   const { createModal } = useModal();
   const sealModal = createModal(SealModal);
+  const onChangeRef = useRef(onChange);
 
   const logicSetState = ({ type, field, value }) => setState((states) => ({ 
     ...states, 
@@ -108,11 +109,11 @@ const ContactValidationInput = ({
   };
 
 
-  const handleOnChange = (event) => {
+  const handleOnChange = useCallback((event) => {
     event.target.value = event.target.value.toString().toLowerCase();
     logicSetState({ type: 'inputValue', value: event.target.value });
-    (typeof onChange === 'function') && onChange(event);
-  };
+    (typeof onChangeRef.current === 'function') && onChangeRef.current(event);
+  }, []);
 
   const search = useCallback(async () => {
     if (invalidType) return;
@@ -133,17 +134,23 @@ const ContactValidationInput = ({
 
     const { status, cdContato, isVerificado } = await fetch(`${api()}agscontactconfirmation.rslvr`, fetchOptions).then(async (response) => await response.json());
     if (status) {
+      const newInputValue = (cdContato || '');
+
       setState((states) => ({ 
         ...states, 
         cdContato, 
-        inputValue: (cdContato || ''), 
+        inputValue: newInputValue, 
         searched: true, 
         validated: isVerificado 
       }));
+
+      let newEvent = new Event('search');
+      Object.defineProperty(newEvent, 'target', { writable: false, value: { value: newInputValue } });
+      handleOnChange(newEvent);
     }
 
     logicSetState({ type: 'loading', field: 'input', value: false });
-  }, [cellphoneType, emailType, invalidType, cpf]);
+  }, [cellphoneType, emailType, invalidType, cpf, handleOnChange]);
 
   useEffect(() => {
     search();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.235",
+  "version": "1.2.236",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",