@ttn-shared/ui 1.0.3 → 1.2.0

package/dist/index.js

@@ -331,24 +331,24 @@ var PatientVoluntaryInsuranceForm = ({
   mode,
   form
 }) => {
-  const { userAccountId } = useTTNSharedContext();
+  const { userInfo } = useTTNSharedContext();
   const insuranceInfo = form.values.voluntaryInsurance[index];
   const { data: companyTypes } = useCompanyTypes({
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       status: "enabled"
     }
   });
   const { data: companyClients } = useCompanyClients({
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       status: "enabled"
     }
   });
   const { data: contracts } = useContracts({
     enabled: Boolean(insuranceInfo.companyId),
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       cType: "particular",
       client: Number(insuranceInfo.companyId) || void 0,
       status: "enabled"
@@ -357,7 +357,7 @@ var PatientVoluntaryInsuranceForm = ({
   const { data: contractPopulations } = useContractPopulations({
     enabled: Boolean(insuranceInfo.plan),
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       contract: Number(insuranceInfo.plan) || void 0,
       status: "enabled"
     }
@@ -365,7 +365,7 @@ var PatientVoluntaryInsuranceForm = ({
   const { data: incomeGroups } = useIncomeGroups({
     enabled: Boolean(insuranceInfo.companyId),
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       corpclientId: Number(insuranceInfo.companyId) || void 0
     }
   });
@@ -431,11 +431,11 @@ var PatientVoluntaryInsuranceForm = ({
                 companyTypeTag || ""
               );
             }
-            form.setFieldValue(`voluntaryInsurance.${index}.companyType`, value || "");
-            form.setFieldValue(`voluntaryInsurance.${index}.companyId`, "");
-            form.setFieldValue(`voluntaryInsurance.${index}.plan`, "");
-            form.setFieldValue(`voluntaryInsurance.${index}.population`, "");
-            form.setFieldValue(`voluntaryInsurance.${index}.groupId`, "");
+            form.setFieldValue(`voluntaryInsurance.${index}.companyType`, value);
+            form.setFieldValue(`voluntaryInsurance.${index}.companyId`, null);
+            form.setFieldValue(`voluntaryInsurance.${index}.plan`, null);
+            form.setFieldValue(`voluntaryInsurance.${index}.population`, null);
+            form.setFieldValue(`voluntaryInsurance.${index}.groupId`, null);
             form.setFieldValue(`voluntaryInsurance.${index}.policyNumber`, "");
           },
           "data-testid": `patient-form-voluntary-insurance-company-type-select-${index}`
@@ -450,10 +450,10 @@ var PatientVoluntaryInsuranceForm = ({
           data: companyClientOptions,
           ...form.getInputProps(`voluntaryInsurance.${index}.companyId`),
           onChange: (value) => {
-            form.setFieldValue(`voluntaryInsurance.${index}.companyId`, value || "");
-            form.setFieldValue(`voluntaryInsurance.${index}.plan`, "");
-            form.setFieldValue(`voluntaryInsurance.${index}.population`, "");
-            form.setFieldValue(`voluntaryInsurance.${index}.groupId`, "");
+            form.setFieldValue(`voluntaryInsurance.${index}.companyId`, value);
+            form.setFieldValue(`voluntaryInsurance.${index}.plan`, null);
+            form.setFieldValue(`voluntaryInsurance.${index}.population`, null);
+            form.setFieldValue(`voluntaryInsurance.${index}.groupId`, null);
             form.setFieldValue(`voluntaryInsurance.${index}.policyNumber`, "");
           },
           "data-testid": `patient-form-voluntary-insurance-company-select-${index}`
@@ -468,9 +468,9 @@ var PatientVoluntaryInsuranceForm = ({
           data: contractOptions,
           ...form.getInputProps(`voluntaryInsurance.${index}.plan`),
           onChange: (value) => {
-            form.setFieldValue(`voluntaryInsurance.${index}.plan`, value || "");
-            form.setFieldValue(`voluntaryInsurance.${index}.population`, "");
-            form.setFieldValue(`voluntaryInsurance.${index}.groupId`, "");
+            form.setFieldValue(`voluntaryInsurance.${index}.plan`, value);
+            form.setFieldValue(`voluntaryInsurance.${index}.population`, null);
+            form.setFieldValue(`voluntaryInsurance.${index}.groupId`, null);
             form.setFieldValue(`voluntaryInsurance.${index}.policyNumber`, "");
           },
           "data-testid": `patient-form-voluntary-insurance-plan-select-${index}`
@@ -613,7 +613,7 @@ var PatientNotes = ({
   closeOnSave = true,
   onAttemptRemoveNote
 }) => {
-  const { userId, userName } = useTTNSharedContext();
+  const { userInfo } = useTTNSharedContext();
   const [comment, setComment] = useState("");
   const { data: notes } = useComments({
     enabled: isOpen && Boolean(patientId),
@@ -624,7 +624,7 @@ var PatientNotes = ({
   const handleAddNote = async () => {
     await createComment2({
       entity: "userClient",
-      userId: userId ?? 0,
+      userId: userInfo.id ?? 0,
       comment,
       id: patientId ?? 0
     });
@@ -673,7 +673,7 @@ var PatientNotes = ({
         !notes?.length && /* @__PURE__ */ jsx3(Text, { c: "dimmed", ta: "center", children: "No hay notas disponibles." })
       ] }),
       /* @__PURE__ */ jsx3(Box, { p: "lg", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsxs2(Paper2, { withBorder: true, p: "md", bg: "brand-color.0", shadow: "none", children: [
-        /* @__PURE__ */ jsx3(Text, { c: "brand-color", children: userName }),
+        /* @__PURE__ */ jsx3(Text, { c: "brand-color", children: userInfo.name }),
         /* @__PURE__ */ jsx3(
           Textarea,
           {
@@ -779,13 +779,13 @@ var PatientAdministrativeRisks = ({
   isOpen,
   onClose
 }) => {
-  const { userAccountId } = useTTNSharedContext();
+  const { userInfo } = useTTNSharedContext();
   const [riskValue, setRiskValue] = useState2(null);
   const [selectedRisks, setSelectedRisks] = useState2([]);
   const { data: patientInfo } = usePatientDetail({
     enabled: Boolean(patientId) && isOpen,
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       id: patientId
     }
   });
@@ -798,7 +798,7 @@ var PatientAdministrativeRisks = ({
   const { mutateAsync: updateRisks2 } = useUpdateRisks();
   const handleSaveRisks = async () => {
     await updateRisks2({
-      eaccount: userAccountId ?? 0,
+      eaccount: userInfo.accountId ?? 0,
       idPatient: patientId ?? 0,
       riskList: {
         administrative: selectedRisks
@@ -932,13 +932,13 @@ var PatientAssistanceRisks = ({
   isOpen,
   onClose
 }) => {
-  const { userAccountId } = useTTNSharedContext();
+  const { userInfo } = useTTNSharedContext();
   const [riskValue, setRiskValue] = useState3(null);
   const [selectedRisks, setSelectedRisks] = useState3([]);
   const { data: patientInfo } = usePatientDetail({
     enabled: Boolean(patientId) && isOpen,
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       id: patientId
     }
   });
@@ -962,7 +962,7 @@ var PatientAssistanceRisks = ({
   };
   const handleSaveRisks = async () => {
     await updateRisks2({
-      eaccount: userAccountId ?? 0,
+      eaccount: userInfo.accountId ?? 0,
       idPatient: patientId ?? 0,
       riskList: {
         assistance: selectedRisks.map((risk) => ({ id: risk.clinicalDiseaseId }))
@@ -1204,7 +1204,7 @@ function AppPagination(props) {
 // src/components/PatientAppointmentHistory.tsx
 import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var PatientAppointmentHistory = ({ patientId }) => {
-  const { userAccountId } = useTTNSharedContext();
+  const { userInfo } = useTTNSharedContext();
   const [currentPage, setCurrentPage] = useState4(1);
   const [selectedAppointment, setSelectedAppointment] = useState4();
   const { data: appointments, rowTotal } = useAppointments({
@@ -1213,7 +1213,7 @@ var PatientAppointmentHistory = ({ patientId }) => {
       idPatient: patientId,
       page: currentPage,
       perpage: 10,
-      idAccount: userAccountId ?? 0
+      idAccount: userInfo.accountId ?? 0
     }
   });
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
@@ -1460,11 +1460,16 @@ var PatientForm = ({
   defaultMode,
   patientId,
   policyContent,
+  disabledFields,
   onSavePatient,
   onSaveError,
   onBack
 }) => {
-  const { userAccountId } = useTTNSharedContext();
+  const { userInfo } = useTTNSharedContext();
+  const disabledFieldSet = useMemo4(() => new Set(disabledFields ?? []), [disabledFields]);
+  const isFieldDisabled = (field) => disabledFieldSet.has(field);
+  const isMandatoryInsuranceDisabled = isFieldDisabled("mandatoryInsurance");
+  const isVoluntaryInsuranceDisabled = isFieldDisabled("voluntaryInsurance");
   const [mode, setMode] = useState5(defaultMode);
   const [openPatientNotes, setOpenPatientNotes] = useState5(false);
   const [openPatientAssistanceRisks, setOpenPatientAssistanceRisks] = useState5(false);
@@ -1473,7 +1478,7 @@ var PatientForm = ({
   const form = useForm({
     mode: "controlled",
     initialValues: {
-      documentTypeId: "",
+      documentTypeId: null,
       documentNumber: "",
       firstName: "",
       middleName: "",
@@ -1482,30 +1487,30 @@ var PatientForm = ({
       birthDate: "",
       age: "",
       whatsapp: "",
-      gender: "",
-      affiliationTypeId: "",
-      bloodType: "",
+      gender: null,
+      affiliationTypeId: null,
+      bloodType: null,
       email: "",
-      provinceId: "",
-      cityId: "",
+      provinceId: null,
+      cityId: null,
       homeAddress: "",
       neighborhood: "",
       cellphone: "",
       homephone: "",
       emergencyContact: "",
-      maritalStatus: "",
+      maritalStatus: null,
       occupation: "",
       use_glasses: "",
       use_contact_lens: "",
       isDataPolicyAccepted: false,
-      stratumId: "",
-      educationLevelId: "",
-      ethnicGroupId: "",
+      stratumId: null,
+      educationLevelId: null,
+      ethnicGroupId: null,
       mandatoryInsurance: {
-        companyId: "",
-        plan: "",
-        population: "",
-        groupId: "",
+        companyId: null,
+        plan: null,
+        population: null,
+        groupId: null,
         policyNumber: ""
       },
       voluntaryInsurance: []
@@ -1524,16 +1529,16 @@ var PatientForm = ({
   const { data: patientInfo, refetch: refetchPatientInfo } = usePatientDetail({
     enabled: Boolean(patientId) && mode !== "create",
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       id: patientId
     }
   });
   const { data: documentTypes } = useDocumentTypes({});
   const { data: affiliationTypes } = useAffiliationTypes({
-    filters: { eaccount: userAccountId }
+    filters: { eaccount: userInfo.accountId }
   });
   const { data: provinces } = useProvinces({
-    filters: { eaccount: userAccountId }
+    filters: { eaccount: userInfo.accountId }
   });
   const { data: cities } = useCities({
     enabled: Boolean(form.values.provinceId),
@@ -1541,32 +1546,32 @@ var PatientForm = ({
   });
   const { data: stratums } = useStratums({});
   const { data: ethnicGroups } = useEthnicGroups({
-    filters: { eaccount: userAccountId }
+    filters: { eaccount: userInfo.accountId }
   });
   const { data: educationLevels } = useEducationLevels({
-    filters: { eaccount: userAccountId }
+    filters: { eaccount: userInfo.accountId }
   });
   const { data: companyClients } = useCompanyClients({
-    filters: { eaccount: userAccountId }
+    filters: { eaccount: userInfo.accountId }
   });
   const { data: contracts } = useContracts({
     enabled: Boolean(form.values.mandatoryInsurance.companyId),
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       client: Number(form.values.mandatoryInsurance.companyId) || void 0
     }
   });
   const { data: contractPopulations } = useContractPopulations({
     enabled: Boolean(form.values.mandatoryInsurance.plan),
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       contract: Number(form.values.mandatoryInsurance.plan) || void 0
     }
   });
   const { data: incomeGroups } = useIncomeGroups({
     enabled: Boolean(form.values.mandatoryInsurance.companyId),
     filters: {
-      eaccount: userAccountId,
+      eaccount: userInfo.accountId,
       corpclientId: Number(form.values.mandatoryInsurance.companyId) || void 0
     }
   });
@@ -1604,10 +1609,6 @@ var PatientForm = ({
         value: values.affiliationTypeId,
         message: "El campo Tipo de afiliado es obligatorio."
       },
-      {
-        value: values.maritalStatus,
-        message: "El campo Estado civil es obligatorio."
-      },
       {
         value: values.provinceId,
         message: "El campo Departamento es obligatorio."
@@ -1705,16 +1706,17 @@ var PatientForm = ({
     onBack?.();
   };
   const handleAddVoluntaryInsurance = () => {
-    form.insertListItem("voluntaryInsurance", {
+    const newInsurance = {
       companyTypeTag: "",
       id: Date.now().toString(),
       companyType: "",
-      companyId: "",
-      plan: "",
-      population: "",
-      groupId: "",
+      companyId: null,
+      plan: null,
+      population: null,
+      groupId: null,
       policyNumber: ""
-    });
+    };
+    form.insertListItem("voluntaryInsurance", newInsurance);
   };
   useEffect3(() => {
     if (!patientInfo || mode === "create") return;
@@ -1847,7 +1849,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("documentTypeId"),
             withAsterisk: mode !== "view",
             label: "Tipo de Documento",
             data: documentTypeOptions,
@@ -1858,7 +1860,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("documentNumber"),
             withAsterisk: mode !== "view",
             label: "N\xFAmero de Documento",
             ...form.getInputProps("documentNumber"),
@@ -1868,7 +1870,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("firstName"),
             withAsterisk: mode !== "view",
             label: "Primer Nombre",
             ...form.getInputProps("firstName"),
@@ -1878,7 +1880,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("middleName"),
             label: "Segundo Nombre",
             ...form.getInputProps("middleName"),
             "data-testid": "patient-form-middle-name-input"
@@ -1887,7 +1889,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("surname"),
             withAsterisk: mode !== "view",
             label: "Primer Apellido",
             ...form.getInputProps("surname"),
@@ -1897,7 +1899,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("secondSurname"),
             label: "Segundo Apellido",
             ...form.getInputProps("secondSurname"),
             "data-testid": "patient-form-second-surname-input"
@@ -1906,7 +1908,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("birthDate"),
             withAsterisk: mode !== "view",
             label: "Fecha de Nacimiento",
             type: "date",
@@ -1917,7 +1919,8 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           NumberInput,
           {
-            readOnly: true,
+            readOnly: isFieldDisabled("age"),
+            disabled: true,
             label: "Edad",
             suffix: !form.values.age ? "" : " a\xF1os",
             ...form.getInputProps("age"),
@@ -1927,7 +1930,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           NumberInput,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("whatsapp"),
             withAsterisk: mode !== "view",
             label: "WhatsApp",
             allowNegative: false,
@@ -1939,7 +1942,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("gender"),
             withAsterisk: mode !== "view",
             label: "G\xE9nero",
             data: genderOptions,
@@ -1950,7 +1953,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("affiliationTypeId"),
             withAsterisk: mode !== "view",
             label: "Tipo de afiliaci\xF3n",
             data: affiliationTypeOptions,
@@ -1961,7 +1964,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("email"),
             label: "Correo electr\xF3nico",
             ...form.getInputProps("email"),
             "data-testid": "patient-form-email-input"
@@ -1970,8 +1973,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
-            withAsterisk: mode !== "view",
+            readOnly: mode === "view" || isFieldDisabled("maritalStatus"),
             label: "Estado civil",
             data: maritalStatusOptions,
             ...form.getInputProps("maritalStatus"),
@@ -1981,7 +1983,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 12, mt: "sm", children: /* @__PURE__ */ jsx9(
           Checkbox,
           {
-            disabled: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("isDataPolicyAccepted"),
             label: /* @__PURE__ */ jsxs8(Text6, { fz: "sm", children: [
               "Autorizo el tratamiento de mis datos personales conforme a la",
               " ",
@@ -2010,14 +2012,14 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("provinceId"),
             withAsterisk: mode !== "view",
             label: "Departamento",
             data: provinceOptions,
             ...form.getInputProps("provinceId"),
             onChange: (value) => {
-              form.setFieldValue("provinceId", value || "");
-              form.setFieldValue("cityId", "");
+              form.setFieldValue("provinceId", value);
+              form.setFieldValue("cityId", null);
             },
             "data-testid": "patient-form-province-select"
           }
@@ -2025,7 +2027,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("cityId"),
             withAsterisk: mode !== "view",
             label: "Municipio",
             data: cityOptions,
@@ -2036,7 +2038,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           TextInput3,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("homeAddress"),
             label: "Direcci\xF3n",
             ...form.getInputProps("homeAddress"),
             "data-testid": "patient-form-home-address-input"
@@ -2045,7 +2047,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("bloodType"),
             label: "Grupo sangu\xEDneo",
             data: bloodTypeOptions,
             ...form.getInputProps("bloodType"),
@@ -2055,7 +2057,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           NumberInput,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("cellphone"),
             withAsterisk: mode !== "view",
             label: "Celular",
             allowNegative: false,
@@ -2068,7 +2070,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           NumberInput,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("homephone"),
             label: "Tel\xE9fono fijo",
             allowNegative: false,
             allowDecimal: false,
@@ -2080,7 +2082,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("stratumId"),
             withAsterisk: mode !== "view",
             label: "Estrato",
             data: stratumOptions,
@@ -2091,7 +2093,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("ethnicGroupId"),
             withAsterisk: mode !== "view",
             label: "Pertenencia \xE9tnica",
             data: ethnicGroupOptions,
@@ -2102,7 +2104,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
           Select4,
           {
-            readOnly: mode === "view",
+            readOnly: mode === "view" || isFieldDisabled("educationLevelId"),
             withAsterisk: mode !== "view",
             label: "Nivel educativo",
             data: educationLevelOptions,
@@ -2117,15 +2119,16 @@ var PatientForm = ({
               Select4,
               {
                 readOnly: mode === "view",
+                disabled: isMandatoryInsuranceDisabled,
                 withAsterisk: mode !== "view",
                 label: "Seguro",
                 data: companyClientOptions,
                 ...form.getInputProps("mandatoryInsurance.companyId"),
                 onChange: (value) => {
-                  form.setFieldValue("mandatoryInsurance.companyId", value || "");
-                  form.setFieldValue("mandatoryInsurance.plan", "");
-                  form.setFieldValue("mandatoryInsurance.population", "");
-                  form.setFieldValue("mandatoryInsurance.groupId", "");
+                  form.setFieldValue("mandatoryInsurance.companyId", value);
+                  form.setFieldValue("mandatoryInsurance.plan", null);
+                  form.setFieldValue("mandatoryInsurance.population", null);
+                  form.setFieldValue("mandatoryInsurance.groupId", null);
                   form.setFieldValue("mandatoryInsurance.policyNumber", "");
                 },
                 "data-testid": "patient-form-mandatory-insurance-company-select"
@@ -2135,14 +2138,15 @@ var PatientForm = ({
               Select4,
               {
                 readOnly: mode === "view",
+                disabled: isMandatoryInsuranceDisabled,
                 withAsterisk: mode !== "view",
                 label: "Plan",
                 data: contractOptions,
                 ...form.getInputProps("mandatoryInsurance.plan"),
                 onChange: (value) => {
-                  form.setFieldValue("mandatoryInsurance.plan", value || "");
-                  form.setFieldValue("mandatoryInsurance.population", "");
-                  form.setFieldValue("mandatoryInsurance.groupId", "");
+                  form.setFieldValue("mandatoryInsurance.plan", value);
+                  form.setFieldValue("mandatoryInsurance.population", null);
+                  form.setFieldValue("mandatoryInsurance.groupId", null);
                   form.setFieldValue("mandatoryInsurance.policyNumber", "");
                 },
                 "data-testid": "patient-form-mandatory-insurance-plan-select"
@@ -2152,6 +2156,7 @@ var PatientForm = ({
               Select4,
               {
                 readOnly: mode === "view",
+                disabled: isMandatoryInsuranceDisabled,
                 withAsterisk: mode !== "view",
                 label: "Poblaci\xF3n",
                 data: contractPopulationOptions,
@@ -2163,6 +2168,7 @@ var PatientForm = ({
               Select4,
               {
                 readOnly: mode === "view",
+                disabled: isMandatoryInsuranceDisabled,
                 withAsterisk: mode !== "view",
                 label: "Grupo de ingreso",
                 data: incomeGroupOptions,
@@ -2173,7 +2179,8 @@ var PatientForm = ({
             /* @__PURE__ */ jsx9(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx9(
               TextInput3,
               {
-                readOnly: mode === "view",
+                readOnly: mode === "view" || isMandatoryInsuranceDisabled,
+                disabled: isMandatoryInsuranceDisabled,
                 label: "N\xFAmero de p\xF3liza",
                 ...form.getInputProps("mandatoryInsurance.policyNumber"),
                 "data-testid": "patient-form-mandatory-insurance-policy-number-input"
@@ -2186,7 +2193,7 @@ var PatientForm = ({
             PatientVoluntaryInsuranceForm,
             {
               index,
-              mode,
+              mode: isVoluntaryInsuranceDisabled ? "view" : mode,
               form
             },
             insurance.id ?? index
@@ -2197,6 +2204,7 @@ var PatientForm = ({
               variant: "outline",
               color: "secondary",
               size: "xs",
+              disabled: isVoluntaryInsuranceDisabled,
               onClick: handleAddVoluntaryInsurance,
               leftSection: /* @__PURE__ */ jsx9(IconPlus, { style: { width: 16, height: 16 } }),
               "data-testid": "patient-form-add-voluntary-insurance-button",
@@ -2280,14 +2288,14 @@ var createPatientPayload = (values) => {
     birthDate: values.birthDate,
     age: values.age,
     whatsapp: String(values.whatsapp),
-    gender: values.gender,
+    gender: values.gender ?? "",
     affiliationType: Number(values.affiliationTypeId),
     email: values.email,
-    maritalStatus: values.maritalStatus,
+    maritalStatus: values.maritalStatus ?? "",
     provinceId: Number(values.provinceId),
     cityId: Number(values.cityId),
     homeAddress: values.homeAddress,
-    bloodType: values.bloodType,
+    bloodType: values.bloodType ?? "",
     cellphone: String(values.cellphone),
     homephone: String(values.homephone),
     emergencyContact: values.emergencyContact,
@@ -2353,12 +2361,354 @@ var createPatientForm = (info) => {
     }))
   };
 };
+
+// src/components/header/Header.tsx
+import * as MC3 from "@mantine/core";
+import * as TI4 from "@tabler/icons-react";
+import { useMemo as useMemo5, useState as useState6 } from "react";
+
+// src/components/header/HelpModal.tsx
+import * as MC from "@mantine/core";
+import * as TI2 from "@tabler/icons-react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var HelpModal = ({ opened, onClose, enterpriseLogo }) => {
+  return /* @__PURE__ */ jsxs9(MC.Modal, { title: "Ayuda", opened, onClose, "data-testid": "header-help-modal", children: [
+    /* @__PURE__ */ jsxs9(MC.Stack, { mb: "lg", align: "center", children: [
+      enterpriseLogo,
+      /* @__PURE__ */ jsx10(MC.Text, { fz: "lg", fw: "bold", children: "Informaci\xF3n de contacto" }),
+      /* @__PURE__ */ jsxs9(MC.Stack, { children: [
+        /* @__PURE__ */ jsxs9(MC.Group, { children: [
+          /* @__PURE__ */ jsx10(MC.ThemeIcon, { variant: "transparent", c: "primary-color", children: /* @__PURE__ */ jsx10(TI2.IconPhone, { style: { width: 24, height: 24 } }) }),
+          /* @__PURE__ */ jsx10(MC.Text, { fz: "xs", children: "+57 300 658 32 65" })
+        ] }),
+        /* @__PURE__ */ jsxs9(MC.Group, { children: [
+          /* @__PURE__ */ jsx10(MC.ThemeIcon, { variant: "transparent", c: "primary-color", children: /* @__PURE__ */ jsx10(TI2.IconMail, { style: { width: 24, height: 24 } }) }),
+          /* @__PURE__ */ jsx10(MC.Text, { fz: "xs", children: "analistadesoporte@ttncompany.com" })
+        ] }),
+        /* @__PURE__ */ jsxs9(MC.Group, { children: [
+          /* @__PURE__ */ jsx10(MC.ThemeIcon, { variant: "transparent", c: "primary-color", children: /* @__PURE__ */ jsx10(TI2.IconMapPin, { style: { width: 24, height: 24 } }) }),
+          /* @__PURE__ */ jsx10(MC.Text, { fz: "xs", children: "Carrera 51b # 87 - 50 Piso 3 Local 337" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(MC.Group, { justify: "end", mt: "xl", children: /* @__PURE__ */ jsx10(
+      MC.Button,
+      {
+        onClick: onClose,
+        size: "sm",
+        px: "xl",
+        color: "brand-color",
+        "data-testid": "header-help-accept-button",
+        children: "Aceptar"
+      }
+    ) })
+  ] });
+};
+
+// src/components/header/ChangeAccountModal.tsx
+import * as MC2 from "@mantine/core";
+import * as TI3 from "@tabler/icons-react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var ChangeAccountModal = ({
+  opened,
+  onClose,
+  accounts,
+  onChangeAccount
+}) => {
+  return /* @__PURE__ */ jsx11(MC2.Modal, { opened, onClose, size: 1200, title: "Cambiar cuenta", children: /* @__PURE__ */ jsx11(MC2.Grid, { px: "lg", children: accounts.map((account, accountIndex) => /* @__PURE__ */ jsx11(MC2.Grid.Col, { span: 6, children: /* @__PURE__ */ jsxs10(MC2.Menu, { position: "right", width: 210, children: [
+    /* @__PURE__ */ jsx11(MC2.Menu.Target, { "data-testid": `change-account-account-option-${accountIndex}`, children: /* @__PURE__ */ jsxs10(
+      MC2.Group,
+      {
+        w: 216,
+        h: 100,
+        justify: "space-between",
+        align: "center",
+        style: (theme) => ({
+          border: `1px solid ${theme.colors.gray[3]}`,
+          borderRadius: theme.radius.md,
+          padding: "8px",
+          cursor: "pointer"
+        }),
+        children: [
+          /* @__PURE__ */ jsx11("div", {}),
+          /* @__PURE__ */ jsx11(MC2.Text, { fw: "bold", tt: "uppercase", children: account.name }),
+          /* @__PURE__ */ jsx11(MC2.ThemeIcon, { variant: "transparent", c: "dimmed", children: /* @__PURE__ */ jsx11(TI3.IconChevronRight, { style: { width: 32, height: 32 } }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx11(MC2.Menu.Dropdown, { p: 0, children: account.profiles.map((profile, profileIndex) => /* @__PURE__ */ jsx11(
+      MC2.Menu.Item,
+      {
+        ta: "center",
+        tt: "uppercase",
+        py: "xs",
+        onClick: () => {
+          onChangeAccount(account, profile);
+          onClose();
+        },
+        style: (theme) => ({
+          borderRadius: 0,
+          borderBottom: profileIndex !== account.profiles.length - 1 ? `1px solid ${theme.colors.gray[3]}` : void 0
+        }),
+        "data-testid": `change-account-profile-option-${accountIndex}-${profileIndex}`,
+        children: profile.name
+      },
+      profile.id
+    )) })
+  ] }) }, account.id)) }) });
+};
+
+// src/components/header/Header.tsx
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var Header = ({
+  moduleName,
+  logo,
+  enterpriseLogo,
+  accounts,
+  currentSite,
+  onBackHome,
+  onChangeAccount,
+  onClickMyPayroll,
+  onClickSettings,
+  onLogout
+}) => {
+  const { userInfo } = useTTNSharedContext();
+  const [changeAccountModalOpened, setChangeAccountModalOpened] = useState6(false);
+  const [helpModalOpened, setHelpModalOpened] = useState6(false);
+  const { currentAccount, currentProfile } = useMemo5(() => {
+    if (!userInfo.accountId || !userInfo.profileId) {
+      return { currentAccount: void 0, currentProfile: void 0 };
+    }
+    const currentAccount2 = accounts.find((account) => account.id === userInfo.accountId);
+    const currentProfile2 = currentAccount2?.profiles.find(
+      (profile) => profile.id === userInfo.profileId
+    );
+    return { currentAccount: currentAccount2, currentProfile: currentProfile2 };
+  }, [accounts, userInfo]);
+  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    /* @__PURE__ */ jsxs11(MC3.Flex, { w: "100%", px: 16, py: 6, justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsxs11(MC3.Group, { children: [
+        /* @__PURE__ */ jsx12(MC3.UnstyledButton, { onClick: onBackHome, "data-testid": "header-logo-button", children: logo }),
+        /* @__PURE__ */ jsxs11(MC3.Title, { order: 3, c: "gray.4", fw: "inherit", children: [
+          "\u2022 ",
+          moduleName
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs11(MC3.Flex, { gap: "sm", children: [
+        Boolean(currentSite) && /* @__PURE__ */ jsxs11(MC3.Flex, { align: "center", children: [
+          /* @__PURE__ */ jsx12(MC3.ThemeIcon, { variant: "transparent", c: "dimmed", children: /* @__PURE__ */ jsx12(TI4.IconMapPinFilled, { style: { width: 24, height: 24 } }) }),
+          /* @__PURE__ */ jsx12(MC3.Text, { c: "gray.6", fz: "sm", children: currentSite?.name })
+        ] }),
+        /* @__PURE__ */ jsxs11(MC3.Menu, { width: 216, position: "bottom-end", children: [
+          /* @__PURE__ */ jsx12(MC3.Menu.Target, { "data-testid": "header-account-menu-button", children: /* @__PURE__ */ jsxs11(
+            MC3.Box,
+            {
+              w: 216,
+              style: (theme) => ({
+                display: "flex",
+                alignItems: "center",
+                border: `1px solid ${theme.colors.gray[3]}`,
+                borderRadius: theme.radius.sm,
+                padding: "4px 8px",
+                cursor: "pointer"
+              }),
+              children: [
+                Boolean(currentAccount) && /* @__PURE__ */ jsx12(MC3.ThemeIcon, { variant: "transparent", c: "primary-color", size: "lg", children: /* @__PURE__ */ jsx12(TI4.IconBuilding, { style: { width: 24, height: 24 } }) }),
+                /* @__PURE__ */ jsx12(MC3.Text, { ml: 6, flex: 1, children: currentAccount?.name }),
+                /* @__PURE__ */ jsx12(MC3.Avatar, { src: userInfo?.imageUrl })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs11(MC3.Menu.Dropdown, { children: [
+            /* @__PURE__ */ jsxs11(MC3.Stack, { px: "md", py: "sm", gap: "xs", align: "center", children: [
+              /* @__PURE__ */ jsx12(MC3.Avatar, { src: userInfo?.imageUrl, size: "lg" }),
+              /* @__PURE__ */ jsx12(MC3.Text, { fw: "bold", children: userInfo?.name }),
+              /* @__PURE__ */ jsxs11(MC3.Text, { fw: "bold", ta: "center", c: "gray.4", children: [
+                currentAccount?.name,
+                " - ",
+                currentProfile?.name
+              ] })
+            ] }),
+            Boolean(currentAccount) && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+              /* @__PURE__ */ jsx12(
+                MC3.Menu.Item,
+                {
+                  onClick: () => setChangeAccountModalOpened(true),
+                  "data-testid": "header-change-account-menu-item",
+                  children: "Cambiar rol y cuenta"
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                MC3.Menu.Item,
+                {
+                  onClick: onClickMyPayroll,
+                  "data-testid": "header-my-payroll-menu-item",
+                  children: "Mi n\xF3mina"
+                }
+              ),
+              /* @__PURE__ */ jsx12(MC3.Menu.Item, { onClick: onClickSettings, "data-testid": "header-settings-menu-item", children: "Configuraci\xF3n" })
+            ] }),
+            /* @__PURE__ */ jsx12(
+              MC3.Menu.Item,
+              {
+                onClick: () => setHelpModalOpened(true),
+                "data-testid": "header-help-menu-item",
+                children: "Ayuda"
+              }
+            ),
+            /* @__PURE__ */ jsx12(MC3.Menu.Divider, {}),
+            /* @__PURE__ */ jsx12(MC3.Menu.Item, { onClick: onLogout, "data-testid": "header-logout-menu-item", children: "Cerrar sesi\xF3n" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(
+      ChangeAccountModal,
+      {
+        opened: changeAccountModalOpened,
+        onClose: () => setChangeAccountModalOpened(false),
+        accounts,
+        onChangeAccount
+      }
+    ),
+    /* @__PURE__ */ jsx12(
+      HelpModal,
+      {
+        opened: helpModalOpened,
+        onClose: () => setHelpModalOpened(false),
+        enterpriseLogo
+      }
+    )
+  ] });
+};
+
+// src/components/sidebar/Sidebar.tsx
+import { useState as useState7 } from "react";
+import * as MC5 from "@mantine/core";
+import * as TI5 from "@tabler/icons-react";
+
+// src/components/sidebar/SidebarMenu.tsx
+import * as MC4 from "@mantine/core";
+import { Fragment as Fragment4 } from "react/jsx-runtime";
+import { NavLink } from "react-router";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var SidebarMenu = ({
+  id,
+  label,
+  icon,
+  active,
+  screens,
+  onClickMenu,
+  onCloseSidebar,
+  onClickExternalScreen
+}) => {
+  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
+    /* @__PURE__ */ jsx13(
+      MC4.UnstyledButton,
+      {
+        onClick: () => onClickMenu(id),
+        className: "ttn-sidebar-menu",
+        "data-testid": `sidebar-menu-${label}`,
+        children: /* @__PURE__ */ jsxs12(MC4.Flex, { align: "center", children: [
+          /* @__PURE__ */ jsx13(MC4.Center, { w: 40, h: 40, me: 10, children: /* @__PURE__ */ jsx13(
+            MC4.Box,
+            {
+              className: "ttn-sidebar-menu-icon",
+              style: { maskImage: `url(${icon})`, WebkitMaskImage: `url(${icon})` }
+            }
+          ) }),
+          /* @__PURE__ */ jsx13(MC4.Text, { size: "sm", c: "gray.7", lineClamp: 1, children: label })
+        ] })
+      }
+    ),
+    Boolean(screens?.length) && /* @__PURE__ */ jsx13(MC4.Collapse, { in: active ?? false, children: screens?.map((screen) => /* @__PURE__ */ jsxs12(Fragment4, { children: [
+      screen.external && /* @__PURE__ */ jsx13(MC4.Box, { onClick: () => onClickExternalScreen(screen), children: /* @__PURE__ */ jsx13(MC4.Text, { size: "sm", c: "gray.7", lineClamp: 1, children: screen.label }) }),
+      !screen.external && /* @__PURE__ */ jsx13(
+        NavLink,
+        {
+          to: screen.url || "#",
+          onClick: onCloseSidebar,
+          className: ({ isActive }) => isActive ? "ttn-sidebar-menu-item active" : "ttn-sidebar-menu-item",
+          children: /* @__PURE__ */ jsx13(MC4.Text, { size: "sm", c: "gray.7", lineClamp: 1, children: screen.label })
+        }
+      )
+    ] }, screen.id)) })
+  ] });
+};
+
+// src/components/sidebar/Sidebar.tsx
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var Sidebar = ({ modules, onClickExternalScreen }) => {
+  const [opened, setOpened] = useState7(false);
+  const [activeModuleId, setActiveModuleId] = useState7(null);
+  const handleClickMenu = (id) => {
+    setActiveModuleId(id === activeModuleId ? null : id);
+    if (!opened) {
+      setOpened(true);
+    }
+  };
+  const handleCloseSidebar = () => {
+    setActiveModuleId(null);
+    setOpened(false);
+  };
+  const handleClickExternalScreen = (item) => {
+    setActiveModuleId(null);
+    setOpened(false);
+    onClickExternalScreen(item);
+  };
+  return /* @__PURE__ */ jsxs13("aside", { className: opened ? "ttn-sidebar" : "ttn-sidebar closed", children: [
+    /* @__PURE__ */ jsxs13(MC5.Flex, { direction: "column", justify: "center", h: 56, children: [
+      opened && /* @__PURE__ */ jsx14(
+        MC5.ActionIcon,
+        {
+          variant: "white",
+          c: "gray.6",
+          onClick: handleCloseSidebar,
+          style: { alignSelf: "flex-end" },
+          "data-testid": "sidebar-close-button",
+          children: /* @__PURE__ */ jsx14(TI5.IconX, { style: { width: 20, height: 20 } })
+        }
+      ),
+      !opened && /* @__PURE__ */ jsx14(MC5.Center, { w: 80, children: /* @__PURE__ */ jsx14(
+        MC5.ActionIcon,
+        {
+          w: 32,
+          h: 32,
+          variant: "outline",
+          radius: "xs",
+          onClick: () => setOpened(true),
+          style: { alignSelf: "flex-end", borderWidth: 2 },
+          "data-testid": "sidebar-open-button",
+          children: /* @__PURE__ */ jsx14(TI5.IconMenu2, { style: { width: 20, height: 20, strokeWidth: 2 } })
+        }
+      ) })
+    ] }),
+    modules.map((module) => /* @__PURE__ */ jsx14(
+      SidebarMenu,
+      {
+        id: module.id,
+        label: module.label,
+        icon: module.icon,
+        active: activeModuleId === module.id,
+        screens: module.screens,
+        onClickMenu: handleClickMenu,
+        onCloseSidebar: handleCloseSidebar,
+        onClickExternalScreen: handleClickExternalScreen
+      },
+      module.id
+    ))
+  ] });
+};
 export {
+  ChangeAccountModal,
+  Header,
+  HelpModal,
   PatientAdministrativeRisks,
   PatientAppointmentHistory,
   PatientAssistanceRisks,
   PatientForm,
   PatientNotes,
+  Sidebar,
   TTNSharedProvider,
   useTTNSharedContext
 };