fix(frontend): add limit validation based on block list type

This commit is contained in:
yassinedorbozgithub 2025-05-29 07:19:28 +01:00
parent 4692339bea
commit d54fab07d0
3 changed files with 15 additions and 3 deletions

View File

@ -103,6 +103,7 @@
"message_is_required": "Message is required",
"context_var_is_required": "You need to add a context variable",
"invalid_list_limit": "List limit must be >=2 and <= 4",
"invalid_carousel_limit": "List limit must be >=1 and <= 10",
"no_content_type": "No content type available, please create one first",
"invalid_max_fallback_attempt_limit": "Max fallback attempt limit must have positive value",
"regex_is_invalid": "Regex is invalid",

View File

@ -103,6 +103,7 @@
"message_is_required": "Le message est requis",
"context_var_is_required": "Vous devez ajouter une variable contextuelle",
"invalid_list_limit": "La limite doit être >=2 et <= 4",
"invalid_carousel_limit": "La limite doit être >=1 et <= 10",
"no_content_type": "Il n'y a aucun type de contenu pour le moment, veuillez en ajouter un.",
"invalid_max_fallback_attempt_limit": "La limite des tentatives de secours doit être un nombre positif.",
"regex_is_invalid": "Le regex est invalide",

View File

@ -120,9 +120,19 @@ const ListMessageForm = () => {
}}
{...register("options.content.limit", {
validate: {
min: (value) =>
(value && value >= 2 && value <= 4) ||
t("message.invalid_list_limit"),
min: (value) => {
if (
displayMode === OutgoingMessageFormat.list &&
(value < 2 || value > 4)
) {
return t("message.invalid_list_limit");
} else if (
displayMode === OutgoingMessageFormat.carousel &&
(value < 1 || value > 10)
) {
return t("message.invalid_carousel_limit");
}
},
},
valueAsNumber: true,
})}