{"version":3,"file":"BPlbbUu6.js","sources":["../../../../components/form/select.vue","../../../../components/form/textarea.vue","../../../../components/form/checkbox.vue","../../../../components/form/checkbox-list.vue","../../../../components/form/file.vue","../../../../components/contact/form-single.vue"],"sourcesContent":["<template>\n  <div class=\"form-label text-grey\" v-if=\"label\">\n    {{ label }}\n    <span v-if=\"optional\" class=\"inline-block\">(Optional)</span>\n    <span v-if=\"rules && rules.includes('required')\" class=\"inline-block\"\n      >*</span\n    >\n  </div>\n\n  <span v-if=\"instructions\" class=\"copy-xs mb-20\">{{ instructions }}</span>\n\n  <Field\n    as=\"select\"\n    :name=\"name\"\n    class=\"form-select form-select--light mt-5\"\n    v-model=\"value\"\n    @change=\"updateValue\"\n    :aria-label=\"arialabel\"\n  >\n    <option value=\"\" disabled selected v-text=\"placeholder\" />\n    <option\n      v-for=\"(option, optionKey) in options\"\n      :value=\"optionKey\"\n      v-text=\"option\"\n    />\n  </Field>\n  <ErrorMessage :name=\"name\" class=\"form-error mt-5\" />\n</template>\n\n<script setup lang=\"ts\">\nconst props = defineProps({\n  name: String,\n  label: String,\n  placeholder: String,\n  initialValue: {\n    type: String,\n    default: ''\n  },\n  rules: String,\n  optional: {\n    type: Boolean,\n    default: () => false\n  },\n  options: {\n    type: Object,\n    required: true\n  },\n  arialabel: String,\n  instructions: String\n})\n\nconst value = ref('')\n\nconst emit = defineEmits(['update'])\n\nfunction updateValue() {\n  emit('update', value.value)\n}\n\nonMounted(() => {\n  if (props.initialValue !== '' && !isNull(props.initialValue))\n    value.value = props.initialValue\n})\n</script>\n\n<style scoped></style>\n","<template>\n  <div class=\"form-label text-grey\" v-if=\"label\">\n    {{ label }}\n    <span v-if=\"optional\" class=\"inline-block\">(Optional)</span>\n    <span v-if=\"rules && rules.includes('required')\" class=\"inline-block\"\n      >*</span\n    >\n  </div>\n  <span v-if=\"instructions\" class=\"copy-xs mb-20\">{{ instructions }}</span>\n\n  <Field\n    class=\"form-textarea form-textarea--light\"\n    v-model=\"value\"\n    :name=\"name\"\n    as=\"textarea\"\n    :placeholder=\"placeholder\"\n    @change=\"updateValue\"\n    :aria-label=\"name\"\n  />\n  <ErrorMessage :name=\"name\" class=\"form-error mt-5\" />\n</template>\n\n<script setup lang=\"ts\">\nconst props = defineProps({\n  name: String,\n  label: String,\n  placeholder: String,\n  rules: String,\n  optional: {\n    type: Boolean,\n    default: () => false\n  },\n  initialValue: {\n    type: String,\n    default: ''\n  },\n  type: {\n    type: String,\n    default: 'text'\n  },\n  instructions: String\n})\n\nconst value = ref('')\n\nconst emit = defineEmits(['update'])\n\nfunction updateValue() {\n  emit('update', value.value)\n}\n\nonMounted(() => {\n  if (props.initialValue !== '' && !isNull(props.initialValue))\n    value.value = props.initialValue\n})\n</script>\n\n<style scoped></style>\n","<template>\n  <label\n    class=\"form-label flex items-start\"\n    v-if=\"label\"\n    :for=\"`${name}-${id}`\"\n  >\n    <span v-if=\"instructions\" class=\"copy-xs mb-20\">{{ instructions }}</span>\n\n    <Field\n      :id=\"`${name}-${id}`\"\n      :name=\"name\"\n      v-model=\"value\"\n      :value=\"true\"\n      :unchecked-value=\"false\"\n      type=\"checkbox\"\n      @change=\"updateValue\"\n      class=\"form-checkbox mr-5 mt-[3px]\"\n    />\n    {{ label }}\n\n    <span v-if=\"rules && rules.includes('required')\" class=\"inline-block\"\n      >*</span\n    >\n    <span v-if=\"optional\" class=\"block\">(Optional)</span>\n  </label>\n  <ErrorMessage :name=\"name\" class=\"form-error mt-5\" />\n</template>\n\n<script setup lang=\"ts\">\nconst props = defineProps({\n  name: String,\n  label: String,\n  rules: String,\n  initialValue: {\n    type: Boolean,\n    default: () => false\n  },\n  optional: {\n    type: Boolean,\n    default: () => false\n  },\n  id: String,\n  instructions: String,\n})\n\nconst value = ref(false)\n\nconst emit = defineEmits(['update'])\n\nfunction updateValue() {\n  emit('update', value.value)\n}\n\nonMounted(() => {\n  value.value = props.initialValue\n})\n</script>\n\n<style scoped></style>\n","<template>\n  <div class=\"copy-xs text-grey\" v-if=\"label\">\n    {{ label }}\n    <span v-if=\"optional\" class=\"inline-block\">(Optional)</span>\n    <span v-if=\"rules && rules.includes('required')\" class=\"inline-block\"\n      >*</span\n    >\n  </div>\n  <div class=\"mt-15 flex flex-wrap gap-x-20 gap-y-10\">\n    <label\n      v-for=\"(option, optionKey) in options\"\n      class=\"copy-xs relative flex items-center\"\n    >\n      <span v-if=\"instructions\" class=\"copy-xs mb-20\">{{ instructions }}</span>\n\n      <!-- Native checkbox, visually hidden but still focusable -->\n      <Field\n        :value=\"optionKey\"\n        v-model=\"value\"\n        type=\"checkbox\"\n        :name=\"name\"\n        @change=\"updateValue\"\n        class=\"form-checkbox absolute h-full w-full cursor-pointer opacity-0\"\n      />\n\n      <!-- Custom checkbox element -->\n      <span class=\"custom-checkbox flex-shrink-0\"></span>\n\n      <!-- Display the option label text -->\n      {{ option }}\n    </label>\n  </div>\n  <ErrorMessage :name=\"name\" class=\"form-error mt-5\" />\n</template>\n\n<script setup lang=\"ts\">\nconst props = defineProps({\n  name: String,\n  label: String,\n  rules: String,\n  optional: {\n    type: Boolean,\n    default: () => false\n  },\n  options: {\n    type: Object,\n    required: true\n  },\n  instructions: String,\n})\n\nconst value = ref([])\n\nconst emit = defineEmits(['update'])\n\nfunction updateValue() {\n  emit('update', value.value)\n}\n</script>\n","<script setup lang=\"ts\">\nconst props = defineProps({\n  name: String,\n  label: String,\n  instructions: String,\n  rules: String,\n  arialabel: String,\n  optional: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst file = ref<File | null>(null)\n\nconst emit = defineEmits(['update'])\n\nfunction updateFile(event: Event) {\n  const target = event.target as HTMLInputElement\n  if (target.files && target.files.length > 0) {\n    file.value = target.files[0]  // Capture the selected file\n    emit('update', file.value)\n  } else {\n    file.value = null\n  }\n}\n</script>\n\n<template>\n  <div class=\"form-label text-grey\" v-if=\"label\">\n    <label class=\"copy-sm mb-5\">{{ label }}</label>\n    <label v-if=\"instructions\" class=\"copy-xs mb-20\">{{ instructions }}</label>\n    <span v-if=\"optional\" class=\"inline-block\">(Optional)</span>\n    <span v-if=\"rules && rules.includes('required')\" class=\"inline-block\">*</span>\n  </div>\n  <Field\n      as=\"input\"\n      :name=\"name\"\n      class=\"form-file mt-5\"\n      type=\"file\"\n      @change=\"updateFile\"\n      :aria-label=\"arialabel\"\n  />\n  <ErrorMessage :name=\"name\" class=\"form-error mt-5\" />\n</template>\n","<script setup lang=\"ts\">\nimport * as yup from 'yup'\nimport type { ContactForm } from '@/types/contact/form'\nimport { mixed } from 'yup'\n\nconst props = defineProps({\n  content: Object as PropType<ContactForm>,\n  id: String\n})\n\nconst form = reactive<Record<string, any>>({})\nconst schema = ref(yup.object({}))\nconst sending = ref(false)\nconst message = ref('')\nconst router = useRouter()\n\nconst initializeForm = () => {\n  props.content?.form_details.forEach(field => {\n    form[field.name] = field.default\n  })\n\n  form['form_handle'] = props.content?.form_handle\n}\n\nconst createValidationSchema = () => {\n  const schemaFields = {}\n  const formDetails = props.content?.form_details || []\n\n  formDetails.forEach((field: any) => {\n    let validator = null\n    let min = null\n    let max = null\n\n    const validFileExtensions = {\n      fileType: ['jpg', 'png', 'jpeg', 'pdf', 'doc', 'docx', 'odt']\n    }\n\n    function isValidFileType(fileName, fileType) {\n      return (\n        fileName &&\n        validFileExtensions[fileType].indexOf(fileName.split('.').pop()) > -1\n      )\n    }\n    // if field has conditions and not sometimes rule\n    if (\n      field.validation[field.name].includes('required') &&\n      !field.validation[field.name].includes('sometimes')\n    ) {\n      validator = yup.string()\n      if (field.input_type === 'email') {\n        validator = validator\n          .required('Please complete this field')\n          .email('Please enter a valid email address')\n      } else if (field.input_type === 'tel') {\n        validator = validator\n          .required('Please complete this field')\n          .matches(/^[0-9]+$/, 'Please enter a valid Contact Number')\n      } else if (field.type === 'checkboxes') {\n        if (Object.keys(field.options).length > 1) {\n          validator = yup\n            .array()\n            .of(yup.string())\n            .min(1, 'Please select at least 1 option')\n        } else {\n          validator = yup\n            .array()\n            .of(yup.string())\n            .min(1, 'The terms and conditions must be accepted.')\n          // .oneOf([true], 'The terms and conditions must be accepted.')\n        }\n      } else if (field.type === 'toggle') {\n        validator = yup\n          .boolean()\n          .oneOf([true], 'This field is required')\n          .required('This field is required')\n      } else if (field.type === 'integer') {\n        const validationRules = field.validation[field.name]\n        const rulesArray = Array.from(validationRules)\n\n        // Find the `between` rule\n        const betweenRule = rulesArray.find(rule => rule.startsWith('between'))\n\n        // Extract the values\n        if (betweenRule) {\n          const [, values] = betweenRule.split(':')\n          ;[min, max] = values.split(',').map(Number)\n\n          // Define a number validator with min and max constraints\n          validator = yup\n            .number()\n            .min(min, `Value must be greater than or equal to ${min}`)\n            .max(max, `Value must be less than or equal to ${max}`)\n        }\n      } else if (field.type === 'assets') {\n        validator = yup\n          .mixed()\n          .test('File is required', 'File ', (value: File) => value)\n          .test(\n            'Size',\n            'File size must be less than 5MB',\n            (value: File) => value && value?.size <= 5 * 1024 * 1024\n          )\n          .test('is-valid-type', 'Please select a valid file type', value =>\n            isValidFileType(value && value.name.toLowerCase(), 'fileType')\n          )\n      }\n\n      validator = validator.required('Please complete this field')\n    }\n\n    // if field has conditions and sometimes rule\n    if (\n      field.validation[field.name].includes('required') &&\n      field.validation[field.name].includes('sometimes')\n    ) {\n      validator = yup.string()\n      validator = validator.required('Please complete this field')\n      if (field.input_type === 'email') {\n        validator = validator\n          .required('Please complete this field')\n          .email('Please enter a valid email address')\n      } else if (field.input_type === 'tel') {\n        validator = validator\n          .required('Please complete this field')\n          .matches(/^[0-9]+$/, 'Please enter a valid Contact Number')\n      } else if (field.type === 'integer') {\n        const validationRules = field.validation[field.name]\n        const rulesArray = Array.from(validationRules)\n\n        // Find the `between` rule\n        const betweenRule = rulesArray.find(rule => rule.startsWith('between'))\n\n        // Extract the values\n        if (betweenRule) {\n          const [, values] = betweenRule.split(':')\n          ;[min, max] = values.split(',').map(Number)\n\n          // Define a number validator with min and max constraints\n          validator = yup\n            .number()\n            .min(min, `Value must be greater than or equal to ${min}`)\n            .max(max, `Value must be less than or equal to ${max}`)\n        }\n      } else if (field.type === 'assets') {\n        validator = yup\n          .mixed()\n          .test('File is required', 'File ', (value: File) => value)\n          .test(\n            'Size',\n            'File size must be less than 5MB',\n            (value: File) => value && value?.size <= 5 * 1024 * 1024\n          )\n          .test('is-valid-type', 'Please select a valid file type', value =>\n            isValidFileType(value && value.name.toLowerCase(), 'fileType')\n          )\n      }\n\n      if (field.conditions) {\n        field.conditions.forEach(condition => {\n          validator = yup.string().when(condition['field'], {\n            is: value => {\n              switch (condition['condition']) {\n                case 'equals':\n                  return value === condition['value']\n                case '===':\n                  return value === condition['value']\n                case '!==':\n                  return value !== condition['value']\n                case '>=':\n                  return value >= condition['value']\n                case '>':\n                  return value > condition['value']\n                case '<':\n                  return value > condition['value']\n                case '<=':\n                  return value > condition['value']\n                // Add more cases for different conditions as needed\n                default:\n                  return false\n              }\n            },\n            then: () => yup.string().required('Please complete this field')\n          })\n        })\n      }\n    }\n\n    if (field.validation[field.name].includes('accepted')) {\n      validator = yup\n        .boolean()\n        .oneOf([true], 'The terms and conditions must be accepted.')\n    }\n\n    schemaFields[field.name] = validator\n    field.min = min\n    field.max = max\n  })\n\n  schema.value = yup.object().shape(schemaFields)\n}\n\nconst handleFileUpload = (event: Event, fieldName: string) => {\n  const input = event.target as HTMLInputElement\n  if (input.files && input.files.length > 0) {\n    const file = input.files[0]\n    if (\n      file.type !== 'application/pdf' &&\n      file.type !== 'image/jpeg' &&\n      file.type !== 'image/png' &&\n      file.type !== 'image/jpg' &&\n      file.type !== 'application/msword' && // DOC files\n      file.type !==\n        'application/vnd.openxmlformats-officedocument.wordprocessingml.document' // DOCX files\n    ) {\n      message.value = 'File type not allowed'\n      return\n    }\n    if (file.size > 5 * 1024 * 1024) {\n      message.value = 'File size should be under 5MB.'\n      return\n    }\n    form[fieldName] = file\n  }\n}\n\nconst handleFieldVisibility = (event: Event) => {\n  const target = event.target as HTMLInputElement\n  // Update the form value based on the change\n  form[target.name] = target.value\n\n  // Check and update visibility for all fields\n  props.content?.form_details.forEach(field => {\n    if (field.conditions) {\n      const isVisible = evaluateCondition(field.conditions, form)\n\n      // Update field visibility class or state if necessary\n      if (!isVisible) {\n        form[field.name] = '' // Reset the value if the field is hidden\n      }\n    }\n  })\n}\n\nfunction evaluateCondition(condition: any, form: any) {\n  condition = Array.isArray(condition) ? condition[0] : false\n\n  if (!condition || !form) return true\n\n  const fieldValue = form[condition.field]\n  const conditionValue = condition.value\n\n  switch (condition.condition) {\n    case 'equals':\n      return fieldValue === conditionValue\n    case '===':\n      return fieldValue === conditionValue\n    case '!==':\n      return fieldValue !== conditionValue\n    case '>=':\n      return fieldValue >= conditionValue\n    case '>':\n      return fieldValue > conditionValue\n    case '<':\n      return fieldValue < conditionValue\n    case '<=':\n      return fieldValue <= conditionValue\n    default:\n      return true\n  }\n}\n\nconst fwkchp = ref('')\n\nasync function onSubmit() {\n  sending.value = true\n  const config = useRuntimeConfig()\n\n  if (fwkchp.value) {\n    message.value = 'Submission failed.'\n    sending.value = false\n    return\n  }\n\n  // Create a FormData object\n  const formData = new FormData()\n\n  // Append your form fields to the FormData object\n  Object.keys(form).forEach(key => {\n    formData.append(key, form[key])\n  })\n\n  // window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\n  const data = await $fetch(`${config.public.apiBase}contact-form`, {\n    method: 'POST',\n    body: formData,\n    headers: {\n      'X-Requested-With': 'XMLHttpRequest'\n    }\n  })\n\n  if (data.success === true) {\n    router.push({\n      path: '/thank-you'\n    })\n  } else {\n    message.value = data.message\n  }\n  sending.value = false\n}\n\nonMounted(() => {\n  initializeForm()\n  createValidationSchema()\n})\n</script>\n\n<template>\n  <Form\n    v-if=\"content?.form_details\"\n    @submit=\"onSubmit\"\n    :validation-schema=\"schema\"\n  >\n    <div class=\"row flex flex-wrap gap-y-30\">\n      <template v-for=\"(field, index) in content?.form_details\" :key=\"index\">\n        <div\n          v-if=\"\n            field.type === 'text' &&\n            field.input_type !== 'date' &&\n            field.input_type !== 'tel'\n          \"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormInput\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :placeholder=\"field.placeholder\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n        <div\n          v-if=\"field.type === 'text' && field.input_type === 'tel'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormInput\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :name=\"field.name\"\n            :type=\"field.input_type\"\n            :label=\"field.label\"\n            :placeholder=\"field.placeholder\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'text' && field.input_type === 'date'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormInput\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :type=\"field.input_type\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n          v-if=\"field.type === 'select'\"\n          class=\"column flex flex-col md-max:w-full\"\n        >\n          <FormSelect\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :placeholder=\"field.placeholder\"\n            :options=\"field?.options\"\n            :initialValue=\"field.default\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :arialabel=\"field.label\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'textarea'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormTextarea\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :placeholder=\"field.placeholder\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'radio'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormRadio\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :options=\"field?.options\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'toggle'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormCheckbox\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :id=\"index\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :initialValue=\"field.default\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'checkboxes'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormCheckboxList\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :id=\"index\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :options=\"field?.options\"\n            :rules=\"field.validation[field.name]\"\n            @update=\"form[field.name] = $event\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'assets'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormFile\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :rules=\"field.validation[field.name]\"\n            @change=\"event => handleFileUpload(event, field.name)\"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'integer'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <FormInput\n            v-if=\"evaluateCondition(field.conditions, form)\"\n            type=\"number\"\n            :name=\"field.name\"\n            :label=\"field.label\"\n            :placeholder=\"field.placeholder\"\n            :rules=\"field.validation[field.name]\"\n            :min=\"field.min\"\n            :max=\"field.max\"\n            :initialValue=\"field.default\"\n            @update=\"\n              value => {\n                form[field.name] = value\n              }\n            \"\n            @change=\"\n              value => {\n                handleFieldVisibility($event)\n              }\n            \"\n            :instructions=\"field.instructions\"\n          />\n        </div>\n\n        <div\n          v-if=\"field.type === 'spacer'\"\n          class=\"column flex flex-col md-max:w-full\"\n          :class=\"[\n            field.width === 100 ? 'w-full' : 'w-6/12',\n            evaluateCondition(field.conditions, form) ? '' : 'hidden'\n          ]\"\n        >\n          <h3 class=\"copy font-semibold\" v-if=\"field.listable\">\n            {{ field.label }}\n          </h3>\n        </div>\n      </template>\n\n      <input\n        class=\"sr-only\"\n        type=\"text\"\n        name=\"fwk\"\n        v-model=\"fwkchp\"\n        aria-label=\"FWK\"\n        tabindex=\"-1\"\n      />\n    </div>\n\n    <div class=\"mt-30 flex items-center\">\n      <button\n        class=\"btn-block btn-block--black\"\n        :disabled=\"sending\"\n        type=\"submit\"\n      >\n        Submit Enquiry\n      </button>\n      <span v-show=\"sending\" class=\"spinner spinner-sm ml-15\"></span>\n    </div>\n\n    <p\n      v-if=\"message\"\n      v-text=\"message\"\n      class=\"copy-sm mt-15 font-semibold text-error\"\n    />\n  </Form>\n</template>\n\n<style scoped></style>\n"],"names":["props","__props","value","ref","emit","__emit","updateValue","onMounted","isNull","file","updateFile","event","target","form","reactive","schema","yup.object","sending","message","router","useRouter","initializeForm","_a","field","_b","createValidationSchema","schemaFields","validator","min","max","validFileExtensions","isValidFileType","fileName","fileType","yup.string","yup.array","yup.boolean","validationRules","betweenRule","rule","values","yup.number","yup.mixed","condition","handleFileUpload","fieldName","input","handleFieldVisibility","evaluateCondition","fieldValue","conditionValue","fwkchp","onSubmit","config","useRuntimeConfig","formData","key","data"],"mappings":"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"}