groovinads-ui 1.2.65 → 1.2.67

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "groovinads-ui",
 	"description": "Groovinads UI is a React component library designed exclusively for Groovinads applications. It provides ready-to-use UI elements styled according to Groovinads design guidelines to facilitate rapid development.",
-	"version": "1.2.65",
+	"version": "1.2.67",
 	"keywords": [
 		"css",
 		"sass",

package/src/components/Inputs/Input.jsx

@@ -28,6 +28,7 @@ const Input = ({
 	value,
 	min,
     max,
+	maxLength,
 }) => {
 	const { toCamelCase } = useTextFormatter();
 	const inputRef = useRef(null);
@@ -103,6 +104,7 @@ const Input = ({
 						ref={inputRef}
 						min={min}
                         max={max}
+						maxLength={maxLength}
 					/>
 					<label htmlFor={id}>{label}</label>
 				</div>

package/src/components/Inputs/InputEmail.jsx

@@ -16,7 +16,6 @@ const InputEmail = ({
 	textError = 'You must enter a valid email address',
 	apiGetEmail,
 	apiPostEmail,
-	apiDeleteEmail,
 }) => {
 	// STATE
 	const [notifications, setNotifications] = useState([]);
@@ -32,6 +31,7 @@ const InputEmail = ({
 	// GET, Returns a list of emails
 	const fetchNotifications = async () => {
 		const resp = await ComponentsService.getInfo(apiGetEmail);
+		console.log('resp', resp);
 		setNotifications(resp || []);
 		
 	};
@@ -80,10 +80,16 @@ const InputEmail = ({
 	// DELETE, Receives a list of emails
 	const handleDeleteEmail = async (emailToDelete) => {
 		setSelectedButton([...selectedButton, emailToDelete]);
-		const resp = await ComponentsService.deleteEmails(
-			apiDeleteEmail,
-			emailToDelete,
+
+		const emailDeletedList = notifications.filter(
+			(email) => email !== emailToDelete,
+		)
+
+		const resp = await ComponentsService.postInfo(
+			apiPostEmail,
+			emailDeletedList,
 		);
+		
 		setTimeout(() => {
 			setSelectedButton(
 				selectedButton.filter((email) => email !== emailToDelete),
@@ -126,10 +132,10 @@ const InputEmail = ({
 				</div>
 			</div>
 			{/* SECTIONS LIST ADDED EMAILS */}
-			{notifications.length ? (
+			{notifications?.length ? (
 				<div className='shared-users-list'>
 					<h3>{titleList}</h3>
-					{notifications.map((email, index) => (
+					{notifications?.map((email, index) => (
 						<div key={`email${index}`} className='shared-user-item'>
 							<div className='shared-user'>
 								<Icon iconName='user-circle' scale={2} />
@@ -161,7 +167,6 @@ InputEmail.propTypes = {
 	showModal: PropTypes.bool,
 	apiGetEmail: PropTypes.string.isRequired,
 	apiPostEmail: PropTypes.string.isRequired,
-	apiDeleteEmail: PropTypes.string.isRequired,
 	titleList: PropTypes.string,
 	label: PropTypes.string,
 	textButton: PropTypes.string,

package/src/stories/InputEmail.stories.jsx

@@ -16,9 +16,8 @@ const Template = (args) => {
 			{/* <Button size='lg' onClick={() => setShowModal(!showModal)}>Cambiar</Button> */}
 			<InputEmail
 				{...args}
-				apiGetEmail={'v2/retail-media/retailers/settings/notifications'}
-				apiPostEmail={'v2/retail-media/retailers/settings/notifications'}
-				apiDeleteEmail={'v2/retail-media/retailers/settings/notifications'}
+				apiGetEmail={'v2/retail-media/brands/settings/notifications'}
+				apiPostEmail={'v2/retail-media/brands/settings/notifications'}
 				// showModal={showModal}
 			/>
 		</>