Merge pull request #1059 from Hexastack/1058-issue---missing-list-dynamic-form-control

fix(frontend): add limit validation based on block list type
This commit is contained in:
Med Marrouchi
2025-05-29 15:53:35 +01:00
committed by GitHub
3 changed files with 19 additions and 7 deletions

View File

@@ -113,16 +113,26 @@ const ListMessageForm = () => {
label={t("label.content_limit")}
type="number"
inputProps={{
maxLength: 25,
step: "1",
min: 2,
max: 4,
maxLength: 2,
step: 1,
min: displayMode === OutgoingMessageFormat.list ? 2 : 1,
max: displayMode === OutgoingMessageFormat.list ? 4 : 10,
}}
{...register("options.content.limit", {
validate: {
min: (value) =>
(value && value >= 2 && value <= 4) ||
t("message.invalid_list_limit"),
limitRange: (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,
})}