fix: change yup string validation for html

Author: santipalenque

src/pages/sponsors-global/form-templates/form-template-popup.js

@@ -22,6 +22,7 @@ import AdditionalInputList from "../../../components/mui/formik-inputs/additiona
 import useScrollToError from "../../../hooks/useScrollToError";
 import {
   formMetafieldsValidation,
+  requiredHTMLValidation,
   requiredStringValidation
 } from "../../../utils/yup";
 
@@ -53,7 +54,7 @@ const FormTemplateDialog = ({
     validationSchema: yup.object().shape({
       code: requiredStringValidation(),
       name: requiredStringValidation(),
-      instructions: requiredStringValidation(),
+      instructions: requiredHTMLValidation(),
       meta_fields: formMetafieldsValidation()
     }),
     enableReinitialize: true,

src/pages/sponsors-global/form-templates/sponsor-inventory-popup.js

@@ -32,7 +32,8 @@ import {
   decimalValidation,
   requiredStringValidation,
   positiveNumberValidation,
-  formMetafieldsValidation
+  formMetafieldsValidation,
+  requiredHTMLValidation
 } from "../../../utils/yup";
 import AdditionalInputList from "../../../components/mui/formik-inputs/additional-input/additional-input-list";
 import MuiFormikQuantityField from "../../../components/mui/formik-inputs/mui-formik-quantity-field";
@@ -66,7 +67,7 @@ const SponsorItemDialog = ({
     validationSchema: yup.object().shape({
       code: requiredStringValidation(),
       name: requiredStringValidation(),
-      description: requiredStringValidation(),
+      description: requiredHTMLValidation(),
       images: yup.array(),
       early_bird_rate: decimalValidation(),
       standard_rate: decimalValidation(),

src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js

@@ -18,6 +18,7 @@ import {
   decimalValidation,
   formMetafieldsValidation,
   positiveNumberValidation,
+  requiredHTMLValidation,
   requiredStringValidation
 } from "../../../../utils/yup";
 import MuiFormikTextField from "../../../../components/mui/formik-inputs/mui-formik-textfield";
@@ -38,7 +39,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => {
     validationSchema: yup.object({
       code: requiredStringValidation(),
       name: requiredStringValidation(),
-      description: requiredStringValidation(),
+      description: requiredHTMLValidation(),
       early_bird_rate: decimalValidation(),
       standard_rate: decimalValidation(),
       onsite_rate: decimalValidation(),

src/pages/sponsors/sponsor-forms-list-page/components/form-template/form-template-form.js

@@ -17,6 +17,7 @@ import {
   addIssAfterDateFieldValidator,
   formMetafieldsValidation,
   opensAtValidation,
+  requiredHTMLValidation,
   requiredStringValidation
 } from "../../../../../utils/yup";
 import DropdownCheckbox from "../../../../../components/mui/dropdown-checkbox";
@@ -51,7 +52,7 @@ const FormTemplateForm = ({
     initialValues: buildInitialValues(initialValues, summitTZ),
     validationSchema: yup.object({
       code: requiredStringValidation(),
-      instructions: requiredStringValidation(),
+      instructions: requiredHTMLValidation(),
       opens_at: opensAtValidation(),
       expires_at: yup
         .date(T.translate("validation.date"))

src/utils/yup.js

@@ -87,6 +87,22 @@ export const rateCellValidation = () =>
 export const requiredStringValidation = () =>
   yup.string().required(T.translate("validation.required"));
 
+const stripHtmlTags = (htmlString) => htmlString.replace(/<[^>]*>/g, "");
+
+export const requiredHTMLValidation = () =>
+  yup
+    .string()
+    .transform((value, originalValue) => {
+      // If the value is a string, strip HTML tags
+      if (typeof originalValue === "string") {
+        const strippedValue = stripHtmlTags(originalValue);
+        // Return the stripped value for subsequent validation
+        return strippedValue.trim(); // Also trim whitespace
+      }
+      return value; // Handle non-string values appropriately
+    })
+    .required(T.translate("validation.required"));
+
 export const positiveNumberValidation = () =>
   numberValidation()
     .integer(T.translate("validation.integer"))