Merge pull request 'add tooltip for age and profesion, and message for show the conditions of minor age' (#66) from main into staging

Reviewed-on: #66

src/components/forms/DynamicForm.vue

@@ -49,6 +49,13 @@ const fieldHelp = (key) => {
   return v !== k ? v : "";
 };
 
+const isMinorBetween12and18 = (key) => {
+  const y = dateParts[key]?.year;
+  if (!y) return false;
+  const age = new Date().getFullYear() - y;
+  return age >= 12 && age < 18;
+};
+
 const stepErrors = reactive({});
 const formatErrors = reactive({});
 const phoneParts = reactive({});
@@ -62,7 +69,7 @@ const months = [
 
 const years = (() => {
   const y = new Date().getFullYear();
-  return Array.from({ length: 101 }, (_, i) => y - i);
+  return Array.from({ length: 101 }, (_, i) => y - 12 - i);
 })();
 
 const remainingRequired = computed(() => {
@@ -713,6 +720,11 @@ const getFieldInputType = (field) => {
                 </select>
               </div>
 
+              <div v-if="field.type === 'date' && isMinorBetween12and18(field.key)" class="bg-amber-50 border-l-4 border-amber-400 text-amber-800 p-3 mt-1 text-sm flex items-start gap-2">
+                <Icon icon="ph:info" class="text-lg mt-0.5 shrink-0" />
+                <span class="font-secondary">{{ tl("form.fecha_nacimiento_menor_aviso") }}</span>
+              </div>
+
               <div v-else-if="field.type === 'select'" class="relative">
                 <label
                   class="input w-full bg-white rounded-xl focus-within:outline-2 focus-within:outline-[#22523F]"

src/i18n/en.json

@@ -345,5 +345,8 @@
   "form.documentos_help": "Enter the number of an official identity document issued by your country (e.g.: identity card, ID, national ID card, or passport, as applicable).",
   "form.lugar_trabajo_actual_help": "Indicate the city, province, and country where your current workplace is located.",
   "form.nacionalidad_help": "Indicate your country of birth.",
-  "form.nivel_academico_help": "Indicate your highest level of education (e.g.: high school, university, postgraduate)."
+  "form.nivel_academico_help": "Indicate your highest level of education (e.g.: high school, university, postgraduate).",
+  "form.fecha_nacimiento_help": "If you are under 18, you can indicate that your occupation is “Student”. Registration can also be completed from age 12 onward, accompanied by a parent or legal guardian.",
+  "form.fecha_nacimiento_menor_aviso": "Registration can also be completed from age 12 onward, accompanied by a parent or legal guardian; and if you are a student, you can indicate it in the “Profession or occupation” field.",
+  "form.profesion_help": "If you are under 18, you can indicate “Student” as your occupation."
 }

src/i18n/es.json

@@ -347,5 +347,8 @@
   "form.documentos_help": "Ingrese el número de un documento oficial de identidad emitido por su país (por ejemplo: cédula de identidad, DNI, tarjeta de identidad o pasaporte, según corresponda).",
   "form.lugar_trabajo_actual_help": "Indique la ciudad, provincia y país donde se encuentra su lugar de trabajo actual.",
   "form.nacionalidad_help": "Indique su país de nacimiento.",
-  "form.nivel_academico_help": "Indique su nivel académico alcanzado (ej.: secundario, universitario, posgrado)."
+  "form.nivel_academico_help": "Indique su nivel académico alcanzado (ej.: secundario, universitario, posgrado).",
+  "form.fecha_nacimiento_help": "La inscripción también podrá ser realizada desde los 12 años en adelante, acompañado por sus padres o representante legal; y si son estudiantes, podrán indicarlo en el campo en \"profesión u ocupación\".",
+  "form.fecha_nacimiento_menor_aviso": "La inscripción también podrá ser realizada desde los 12 años en adelante, acompañado por sus padres o representante legal; y si son estudiantes, podrán indicarlo en el campo en \"profesión u ocupación\".",
+  "form.profesion_help": "Si es menor de 18 años, puede indicar «Estudiante» como su ocupación."
 }

src/i18n/pt.json

@@ -345,5 +345,8 @@
   "form.documentos_help": "Insira o número de um documento oficial de identidade emitido pelo seu país (por exemplo: cédula de identidade, RG, cartão de identidade ou passaporte, conforme o caso).",
   "form.lugar_trabajo_actual_help": "Indique a cidade, província e país onde se encontra seu local de trabalho atual.",
   "form.nacionalidad_help": "Indique seu país de nascimento.",
-  "form.nivel_academico_help": "Indique seu nível acadêmico alcançado (ex.: ensino médio, universitário, pós-graduação)."
+  "form.nivel_academico_help": "Indique seu nível acadêmico alcançado (ex.: ensino médio, universitário, pós-graduação).",
+  "form.fecha_nacimiento_help": "Se for menor de 18 anos, pode indicar que sua ocupação é «Estudante». A inscrição também pode ser feita a partir dos 12 anos, acompanhado pelos pais ou responsável legal.",
+  "form.fecha_nacimiento_menor_aviso": "A inscrição também pode ser feita a partir dos 12 anos, acompanhado pelos pais ou responsável legal; e se forem estudantes, podem indicá-lo no campo «Profissão ou ocupação».",
+  "form.profesion_help": "Se for menor de 18 anos, pode indicar «Estudante» como sua ocupação."
 }