@ttn-shared/ui 0.1.0 → 1.0.1

package/dist/index.cjs

@@ -954,7 +954,7 @@ var PatientAssistanceRisks = ({
       eaccount: userAccountId ?? 0,
       idPatient: patientId ?? 0,
       riskList: {
-        assistance: selectedRisks
+        assistance: selectedRisks.map((risk) => ({ id: risk.clinicalDiseaseId }))
       }
     });
     onClose();
@@ -969,8 +969,7 @@ var PatientAssistanceRisks = ({
     }
     const formattedRisks = (patientInfo.risk.assistance ?? []).map((risk) => ({
       clinicalDiseaseId: risk.id,
-      clinicalDiseaseName: risk.name,
-      clinicalDiseaseTag: ""
+      clinicalDiseaseName: risk.name
     }));
     setSelectedRisks(formattedRisks);
   }, [patientInfo, isOpen]);
@@ -1198,7 +1197,7 @@ var PatientAppointmentHistory = ({ patientId }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Title, { order: 6, c: "brand-color", mb: "xs", children: "Historial de citas" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.ScrollContainer, { minWidth: 300, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Table, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Table.Tr, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Th, { ta: "center", children: "Fecha" }),
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Th, { ta: "start", children: " Servicio" }),
@@ -1234,7 +1233,7 @@ var PatientAppointmentHistory = ({ patientId }) => {
           ] }, appointment.id)),
           !appointments?.length && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Tr, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Td, { ta: "center", colSpan: 4, children: "No hay informaci\xF3n para mostrar." }) })
         ] })
-      ] }),
+      ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         AppPagination,
         {
@@ -1782,6 +1781,7 @@ var PatientForm = ({
         import_core8.ActionIcon,
         {
           variant: "subtle",
+          c: "brand-color",
           onClick: () => setMode("edit"),
           "data-testid": "patient-form-edit-button",
           children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_react6.IconPencil, { style: { width: 24, height: 24 } })
@@ -1791,6 +1791,7 @@ var PatientForm = ({
         import_core8.ActionIcon,
         {
           variant: "subtle",
+          c: "brand-color",
           onClick: () => setOpenPatientNotes(true),
           "data-testid": "patient-form-notes-button",
           children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_react6.IconMessage, { style: { width: 24, height: 24 } })
@@ -1800,6 +1801,7 @@ var PatientForm = ({
         import_core8.ActionIcon,
         {
           variant: "subtle",
+          c: "#83c036",
           color: "#83c036",
           onClick: () => setOpenPatientAssistanceRisks(true),
           "data-testid": "patient-form-assistance-risks-button",
@@ -1810,6 +1812,7 @@ var PatientForm = ({
         import_core8.ActionIcon,
         {
           variant: "subtle",
+          c: "#f39682",
           color: "#f39682",
           onClick: () => setOpenPatientAdministrativeRisks(true),
           "data-testid": "patient-form-administrative-risks-button",
@@ -1956,7 +1959,7 @@ var PatientForm = ({
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Grid.Col, { span: 12, mt: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           import_core8.Checkbox,
           {
-            readOnly: mode === "view",
+            disabled: mode === "view",
             label: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Text, { fz: "sm", children: [
               "Autorizo el tratamiento de mis datos personales conforme a la",
               " ",
@@ -1967,7 +1970,10 @@ var PatientForm = ({
                   c: "brand-color",
                   td: "underline",
                   style: { cursor: "pointer" },
-                  onClick: () => setOpenPatientFormPolicy(true),
+                  onClick: (event) => {
+                    event.preventDefault();
+                    setOpenPatientFormPolicy(true);
+                  },
                   "data-testid": "patient-form-data-policy-link",
                   children: "pol\xEDtica de tratamiento de datos."
                 }
@@ -2053,6 +2059,7 @@ var PatientForm = ({
           import_core8.Select,
           {
             readOnly: mode === "view",
+            withAsterisk: mode !== "view",
             label: "Estrato",
             data: stratumOptions,
             ...form.getInputProps("stratumId"),
@@ -2063,6 +2070,7 @@ var PatientForm = ({
           import_core8.Select,
           {
             readOnly: mode === "view",
+            withAsterisk: mode !== "view",
             label: "Pertenencia \xE9tnica",
             data: ethnicGroupOptions,
             ...form.getInputProps("ethnicGroupId"),
@@ -2073,6 +2081,7 @@ var PatientForm = ({
           import_core8.Select,
           {
             readOnly: mode === "view",
+            withAsterisk: mode !== "view",
             label: "Nivel educativo",
             data: educationLevelOptions,
             ...form.getInputProps("educationLevelId"),
@@ -2264,10 +2273,11 @@ var createPatientPayload = (values) => {
     ocupation: values.occupation,
     use_contact_lens: values.use_contact_lens,
     use_glasses: values.use_glasses,
-    stratumId: Number(values.stratumId),
+    stratum_id: Number(values.stratumId),
     ethnicGroupId: Number(values.ethnicGroupId),
     educationLevelId: Number(values.educationLevelId),
-    contracts: [mandatoryInsurance, ...voluntaryInsurance]
+    contracts: [mandatoryInsurance, ...voluntaryInsurance],
+    processing_of_personal_data: values.isDataPolicyAccepted
   };
 };
 var createPatientForm = (info) => {
@@ -2298,7 +2308,7 @@ var createPatientForm = (info) => {
     occupation: info.ocupation ?? "",
     use_glasses: info.use_glasses ?? "",
     use_contact_lens: info.use_contact_lens ?? "",
-    isDataPolicyAccepted: info.processing_of_personal_data ?? false,
+    isDataPolicyAccepted: Boolean(info.processing_of_personal_data),
     stratumId: String(info.stratum_id ?? ""),
     educationLevelId: String(info.educationLevel.id ?? ""),
     ethnicGroupId: String(info.ethnicGroup.id ?? ""),

package/dist/index.d.cts

@@ -1,7 +1,63 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FC, PropsWithChildren } from 'react';
 
+interface SessionFilters {
+    eaccount?: number;
+}
+
+interface SelectOption {
+    id: number;
+    name: string;
+}
+
 type PatientFormMode = "create" | "edit" | "view";
+interface PatientFormValues {
+    documentTypeId: string;
+    documentNumber: string;
+    firstName: string;
+    middleName: string;
+    surname: string;
+    secondSurname: string;
+    birthDate: string;
+    age: string;
+    whatsapp: string;
+    gender: string;
+    affiliationTypeId: string;
+    email: string;
+    maritalStatus: string;
+    provinceId: string;
+    cityId: string;
+    homeAddress: string;
+    bloodType: string;
+    neighborhood: string;
+    cellphone: number | string;
+    homephone: string;
+    emergencyContact: string;
+    occupation: string;
+    use_glasses: string;
+    use_contact_lens: string;
+    isDataPolicyAccepted: boolean;
+    stratumId: string;
+    educationLevelId: string;
+    ethnicGroupId: string;
+    mandatoryInsurance: {
+        companyId: string;
+        plan: string;
+        population: string;
+        groupId: string;
+        policyNumber: string;
+    };
+    voluntaryInsurance: {
+        id: string;
+        companyTypeTag: string;
+        companyType: string;
+        companyId: string;
+        plan: string;
+        population: string;
+        groupId: string;
+        policyNumber: string;
+    }[];
+}
 interface PatientPayload {
     docTypeId: number;
     document: string;
@@ -19,7 +75,7 @@ interface PatientPayload {
     whatsapp: string;
     bloodType: string;
     maritalStatus: string;
-    stratumId: number;
+    stratum_id: number;
     provinceId: number;
     contracts: PatientContractPayload[];
     affiliationType: number;
@@ -32,6 +88,7 @@ interface PatientPayload {
     documentType: number;
     educationLevelId: number;
     ethnicGroupId: number;
+    processing_of_personal_data: boolean;
 }
 interface PatientContractPayload {
     companyTypeId?: string;
@@ -42,6 +99,97 @@ interface PatientContractPayload {
     policy: string;
     isMain: 0 | 1;
 }
+interface PatientFilters extends SessionFilters {
+    id?: number;
+}
+interface PatientDetail {
+    id: number;
+    docType: string;
+    docTypeId: number;
+    document: string;
+    firstName: string;
+    otherNames: string;
+    lastName: string;
+    secondSurname: string;
+    birthDate: string;
+    age: string;
+    whatsapp: string;
+    gender: string;
+    affiliationTypeId: number;
+    affiliationTypeName: string;
+    email: string;
+    maritalStatus: string;
+    educationLevel: {
+        id: number;
+        description: string;
+        tag: string;
+    };
+    ethnicGroup: {
+        id: number;
+        description: string;
+        tag: string;
+    };
+    stratum_id: number;
+    provinceId: number;
+    provinceName: string;
+    cityId: number;
+    cityName: string;
+    homeAddress: string;
+    bloodType: string;
+    cellphone: string;
+    homephone: string;
+    address_zone: string;
+    contracts: {
+        account: string;
+        accountId: number;
+        attGroupId: number;
+        attGroupName: string;
+        companyTypeId: string;
+        companyTypeName: string;
+        companyTypeTag: string;
+        contractDescription: string;
+        contractId: number;
+        contractName: string;
+        corporateClient: string;
+        corporateClientId: number;
+        crtId: number;
+        crtName: string;
+        isCopaymentEditable: number;
+        isEnabled: number;
+        isMain: number;
+        policy: string;
+        population: string;
+        populationId: number;
+        relId: number;
+        wsValidated: number;
+    }[];
+    emergencyContact: string;
+    financialInfo: {
+        accountNumber: string | null;
+        accountType: string | null;
+        bank: string | null;
+        bankId: number | null;
+        owner: string | null;
+    };
+    neighborhood: string;
+    notes_num: number;
+    ocupation: string;
+    patientCreationReason: null;
+    patientCreationReasonId: null;
+    risk: {
+        administrative: {
+            id: number;
+            description: string;
+            classification: string;
+        }[];
+        assistance: SelectOption[];
+    };
+    urlPhoto: string;
+    use_contact_lens: string;
+    use_glasses: string;
+    processing_of_personal_data: 1;
+    webscrapperValidated: number;
+}
 
 interface PatientFormProps {
     defaultMode: PatientFormMode;
@@ -60,6 +208,16 @@ interface Comment {
     comment: string;
     date: string;
 }
+interface CommentFilters {
+    id?: number;
+    entity?: "userClient";
+}
+interface CommentPayload {
+    entity: "userClient";
+    userId: number;
+    comment: string;
+    id: number;
+}
 
 interface PatientNotesProps {
     patientId?: number;
@@ -89,6 +247,111 @@ interface PatientAppointmentHistoryProps {
 }
 declare const PatientAppointmentHistory: ({ patientId }: PatientAppointmentHistoryProps) => react_jsx_runtime.JSX.Element;
 
+interface AssistanceRisk {
+    clinicalDiseaseId: number;
+    clinicalDiseaseName: string;
+}
+interface AdministrativeRisk {
+    id: number;
+    description: string;
+    classification: string;
+}
+interface RiskFilters {
+    status?: string;
+}
+interface RiskPayload {
+    eaccount: number;
+    idPatient: number;
+    riskList: {
+        assistance?: {
+            id: number;
+        }[];
+        administrative?: {
+            id: number;
+        }[];
+    };
+}
+
+interface Appointment {
+    IVAClient: number;
+    admittedAt: string;
+    admittedByName: string;
+    appComeBefore: string;
+    appDow: string;
+    appObs: string;
+    appObservations: string;
+    bgColorStatus: string;
+    ccName: string;
+    clinicalHistoryID: number;
+    cluBirhDate: string;
+    cluDocument: string;
+    cluEmail: string;
+    cluFirstName: string;
+    cluId: number;
+    cluLastName: string;
+    cluName: string;
+    cluOtherNames: string;
+    cluSecondSurname: string;
+    cluWhatasapp: string;
+    conectivityPrice: number;
+    contractName: string;
+    createdDate: string;
+    creatorFullName: string;
+    crtName: string;
+    ctName: string;
+    cupCode: string;
+    currency: string;
+    date: string;
+    dateApp: string;
+    doctorPosition: null;
+    dom: string;
+    dxName: string;
+    eaccount: number;
+    eaccountAddress: string;
+    eaccountEmail: string;
+    eaccountName: string;
+    eaccountPhone: string;
+    emailBodyDefault: string;
+    fontColorStatus: string;
+    fullNameDoctor: string;
+    id: number;
+    idContractCorporateClient: number;
+    idCorporateClient: number;
+    idDoctor: string;
+    idPopulation: number;
+    imageDoctor: string;
+    modality: string;
+    month: string;
+    observations: string;
+    paymentApp: {
+        amount: number;
+        description: string;
+        id: number;
+    }[];
+    popName: string;
+    serviceId: string;
+    serviceName: string;
+    serviceRecomendations: string;
+    serviceValue: string;
+    serviceValueOnSite: string;
+    site: string;
+    siteAddress: string;
+    siteName: string;
+    status: string;
+    statusValue: string;
+    statusWeight: number;
+    time: string;
+    timeApp: string;
+    timeEndApp: string;
+    usClientPrice: number;
+}
+interface AppointmentFilters {
+    idPatient?: number;
+    idAccount?: number;
+    page?: number;
+    perpage?: number;
+}
+
 interface TTNSharedProviderProps {
     token: string;
     baseUrl: string;
@@ -99,4 +362,4 @@ interface TTNSharedProviderProps {
 declare const TTNSharedProvider: FC<PropsWithChildren<TTNSharedProviderProps>>;
 declare const useTTNSharedContext: () => TTNSharedProviderProps;
 
-export { PatientAdministrativeRisks, PatientAppointmentHistory, PatientAssistanceRisks, PatientForm, PatientNotes, TTNSharedProvider, type TTNSharedProviderProps, useTTNSharedContext };
+export { type AdministrativeRisk, type Appointment, type AppointmentFilters, type AssistanceRisk, type Comment, type CommentFilters, type CommentPayload, PatientAdministrativeRisks, PatientAppointmentHistory, PatientAssistanceRisks, type PatientContractPayload, type PatientDetail, type PatientFilters, PatientForm, type PatientFormMode, type PatientFormValues, PatientNotes, type PatientPayload, type RiskFilters, type RiskPayload, TTNSharedProvider, type TTNSharedProviderProps, useTTNSharedContext };

package/dist/index.d.ts

@@ -1,7 +1,63 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FC, PropsWithChildren } from 'react';
 
+interface SessionFilters {
+    eaccount?: number;
+}
+
+interface SelectOption {
+    id: number;
+    name: string;
+}
+
 type PatientFormMode = "create" | "edit" | "view";
+interface PatientFormValues {
+    documentTypeId: string;
+    documentNumber: string;
+    firstName: string;
+    middleName: string;
+    surname: string;
+    secondSurname: string;
+    birthDate: string;
+    age: string;
+    whatsapp: string;
+    gender: string;
+    affiliationTypeId: string;
+    email: string;
+    maritalStatus: string;
+    provinceId: string;
+    cityId: string;
+    homeAddress: string;
+    bloodType: string;
+    neighborhood: string;
+    cellphone: number | string;
+    homephone: string;
+    emergencyContact: string;
+    occupation: string;
+    use_glasses: string;
+    use_contact_lens: string;
+    isDataPolicyAccepted: boolean;
+    stratumId: string;
+    educationLevelId: string;
+    ethnicGroupId: string;
+    mandatoryInsurance: {
+        companyId: string;
+        plan: string;
+        population: string;
+        groupId: string;
+        policyNumber: string;
+    };
+    voluntaryInsurance: {
+        id: string;
+        companyTypeTag: string;
+        companyType: string;
+        companyId: string;
+        plan: string;
+        population: string;
+        groupId: string;
+        policyNumber: string;
+    }[];
+}
 interface PatientPayload {
     docTypeId: number;
     document: string;
@@ -19,7 +75,7 @@ interface PatientPayload {
     whatsapp: string;
     bloodType: string;
     maritalStatus: string;
-    stratumId: number;
+    stratum_id: number;
     provinceId: number;
     contracts: PatientContractPayload[];
     affiliationType: number;
@@ -32,6 +88,7 @@ interface PatientPayload {
     documentType: number;
     educationLevelId: number;
     ethnicGroupId: number;
+    processing_of_personal_data: boolean;
 }
 interface PatientContractPayload {
     companyTypeId?: string;
@@ -42,6 +99,97 @@ interface PatientContractPayload {
     policy: string;
     isMain: 0 | 1;
 }
+interface PatientFilters extends SessionFilters {
+    id?: number;
+}
+interface PatientDetail {
+    id: number;
+    docType: string;
+    docTypeId: number;
+    document: string;
+    firstName: string;
+    otherNames: string;
+    lastName: string;
+    secondSurname: string;
+    birthDate: string;
+    age: string;
+    whatsapp: string;
+    gender: string;
+    affiliationTypeId: number;
+    affiliationTypeName: string;
+    email: string;
+    maritalStatus: string;
+    educationLevel: {
+        id: number;
+        description: string;
+        tag: string;
+    };
+    ethnicGroup: {
+        id: number;
+        description: string;
+        tag: string;
+    };
+    stratum_id: number;
+    provinceId: number;
+    provinceName: string;
+    cityId: number;
+    cityName: string;
+    homeAddress: string;
+    bloodType: string;
+    cellphone: string;
+    homephone: string;
+    address_zone: string;
+    contracts: {
+        account: string;
+        accountId: number;
+        attGroupId: number;
+        attGroupName: string;
+        companyTypeId: string;
+        companyTypeName: string;
+        companyTypeTag: string;
+        contractDescription: string;
+        contractId: number;
+        contractName: string;
+        corporateClient: string;
+        corporateClientId: number;
+        crtId: number;
+        crtName: string;
+        isCopaymentEditable: number;
+        isEnabled: number;
+        isMain: number;
+        policy: string;
+        population: string;
+        populationId: number;
+        relId: number;
+        wsValidated: number;
+    }[];
+    emergencyContact: string;
+    financialInfo: {
+        accountNumber: string | null;
+        accountType: string | null;
+        bank: string | null;
+        bankId: number | null;
+        owner: string | null;
+    };
+    neighborhood: string;
+    notes_num: number;
+    ocupation: string;
+    patientCreationReason: null;
+    patientCreationReasonId: null;
+    risk: {
+        administrative: {
+            id: number;
+            description: string;
+            classification: string;
+        }[];
+        assistance: SelectOption[];
+    };
+    urlPhoto: string;
+    use_contact_lens: string;
+    use_glasses: string;
+    processing_of_personal_data: 1;
+    webscrapperValidated: number;
+}
 
 interface PatientFormProps {
     defaultMode: PatientFormMode;
@@ -60,6 +208,16 @@ interface Comment {
     comment: string;
     date: string;
 }
+interface CommentFilters {
+    id?: number;
+    entity?: "userClient";
+}
+interface CommentPayload {
+    entity: "userClient";
+    userId: number;
+    comment: string;
+    id: number;
+}
 
 interface PatientNotesProps {
     patientId?: number;
@@ -89,6 +247,111 @@ interface PatientAppointmentHistoryProps {
 }
 declare const PatientAppointmentHistory: ({ patientId }: PatientAppointmentHistoryProps) => react_jsx_runtime.JSX.Element;
 
+interface AssistanceRisk {
+    clinicalDiseaseId: number;
+    clinicalDiseaseName: string;
+}
+interface AdministrativeRisk {
+    id: number;
+    description: string;
+    classification: string;
+}
+interface RiskFilters {
+    status?: string;
+}
+interface RiskPayload {
+    eaccount: number;
+    idPatient: number;
+    riskList: {
+        assistance?: {
+            id: number;
+        }[];
+        administrative?: {
+            id: number;
+        }[];
+    };
+}
+
+interface Appointment {
+    IVAClient: number;
+    admittedAt: string;
+    admittedByName: string;
+    appComeBefore: string;
+    appDow: string;
+    appObs: string;
+    appObservations: string;
+    bgColorStatus: string;
+    ccName: string;
+    clinicalHistoryID: number;
+    cluBirhDate: string;
+    cluDocument: string;
+    cluEmail: string;
+    cluFirstName: string;
+    cluId: number;
+    cluLastName: string;
+    cluName: string;
+    cluOtherNames: string;
+    cluSecondSurname: string;
+    cluWhatasapp: string;
+    conectivityPrice: number;
+    contractName: string;
+    createdDate: string;
+    creatorFullName: string;
+    crtName: string;
+    ctName: string;
+    cupCode: string;
+    currency: string;
+    date: string;
+    dateApp: string;
+    doctorPosition: null;
+    dom: string;
+    dxName: string;
+    eaccount: number;
+    eaccountAddress: string;
+    eaccountEmail: string;
+    eaccountName: string;
+    eaccountPhone: string;
+    emailBodyDefault: string;
+    fontColorStatus: string;
+    fullNameDoctor: string;
+    id: number;
+    idContractCorporateClient: number;
+    idCorporateClient: number;
+    idDoctor: string;
+    idPopulation: number;
+    imageDoctor: string;
+    modality: string;
+    month: string;
+    observations: string;
+    paymentApp: {
+        amount: number;
+        description: string;
+        id: number;
+    }[];
+    popName: string;
+    serviceId: string;
+    serviceName: string;
+    serviceRecomendations: string;
+    serviceValue: string;
+    serviceValueOnSite: string;
+    site: string;
+    siteAddress: string;
+    siteName: string;
+    status: string;
+    statusValue: string;
+    statusWeight: number;
+    time: string;
+    timeApp: string;
+    timeEndApp: string;
+    usClientPrice: number;
+}
+interface AppointmentFilters {
+    idPatient?: number;
+    idAccount?: number;
+    page?: number;
+    perpage?: number;
+}
+
 interface TTNSharedProviderProps {
     token: string;
     baseUrl: string;
@@ -99,4 +362,4 @@ interface TTNSharedProviderProps {
 declare const TTNSharedProvider: FC<PropsWithChildren<TTNSharedProviderProps>>;
 declare const useTTNSharedContext: () => TTNSharedProviderProps;
 
-export { PatientAdministrativeRisks, PatientAppointmentHistory, PatientAssistanceRisks, PatientForm, PatientNotes, TTNSharedProvider, type TTNSharedProviderProps, useTTNSharedContext };
+export { type AdministrativeRisk, type Appointment, type AppointmentFilters, type AssistanceRisk, type Comment, type CommentFilters, type CommentPayload, PatientAdministrativeRisks, PatientAppointmentHistory, PatientAssistanceRisks, type PatientContractPayload, type PatientDetail, type PatientFilters, PatientForm, type PatientFormMode, type PatientFormValues, PatientNotes, type PatientPayload, type RiskFilters, type RiskPayload, TTNSharedProvider, type TTNSharedProviderProps, useTTNSharedContext };

package/dist/index.js

@@ -965,7 +965,7 @@ var PatientAssistanceRisks = ({
       eaccount: userAccountId ?? 0,
       idPatient: patientId ?? 0,
       riskList: {
-        assistance: selectedRisks
+        assistance: selectedRisks.map((risk) => ({ id: risk.clinicalDiseaseId }))
       }
     });
     onClose();
@@ -980,8 +980,7 @@ var PatientAssistanceRisks = ({
     }
     const formattedRisks = (patientInfo.risk.assistance ?? []).map((risk) => ({
       clinicalDiseaseId: risk.id,
-      clinicalDiseaseName: risk.name,
-      clinicalDiseaseTag: ""
+      clinicalDiseaseName: risk.name
     }));
     setSelectedRisks(formattedRisks);
   }, [patientInfo, isOpen]);
@@ -1220,7 +1219,7 @@ var PatientAppointmentHistory = ({ patientId }) => {
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
     /* @__PURE__ */ jsxs6(Box2, { children: [
       /* @__PURE__ */ jsx7(Title3, { order: 6, c: "brand-color", mb: "xs", children: "Historial de citas" }),
-      /* @__PURE__ */ jsxs6(Table, { children: [
+      /* @__PURE__ */ jsx7(Table.ScrollContainer, { minWidth: 300, children: /* @__PURE__ */ jsxs6(Table, { children: [
         /* @__PURE__ */ jsx7(Table.Thead, { children: /* @__PURE__ */ jsxs6(Table.Tr, { children: [
           /* @__PURE__ */ jsx7(Table.Th, { ta: "center", children: "Fecha" }),
           /* @__PURE__ */ jsx7(Table.Th, { ta: "start", children: " Servicio" }),
@@ -1256,7 +1255,7 @@ var PatientAppointmentHistory = ({ patientId }) => {
           ] }, appointment.id)),
           !appointments?.length && /* @__PURE__ */ jsx7(Table.Tr, { children: /* @__PURE__ */ jsx7(Table.Td, { ta: "center", colSpan: 4, children: "No hay informaci\xF3n para mostrar." }) })
         ] })
-      ] }),
+      ] }) }),
       /* @__PURE__ */ jsx7(
         AppPagination,
         {
@@ -1804,6 +1803,7 @@ var PatientForm = ({
         ActionIcon6,
         {
           variant: "subtle",
+          c: "brand-color",
           onClick: () => setMode("edit"),
           "data-testid": "patient-form-edit-button",
           children: /* @__PURE__ */ jsx9(IconPencil, { style: { width: 24, height: 24 } })
@@ -1813,6 +1813,7 @@ var PatientForm = ({
         ActionIcon6,
         {
           variant: "subtle",
+          c: "brand-color",
           onClick: () => setOpenPatientNotes(true),
           "data-testid": "patient-form-notes-button",
           children: /* @__PURE__ */ jsx9(IconMessage, { style: { width: 24, height: 24 } })
@@ -1822,6 +1823,7 @@ var PatientForm = ({
         ActionIcon6,
         {
           variant: "subtle",
+          c: "#83c036",
           color: "#83c036",
           onClick: () => setOpenPatientAssistanceRisks(true),
           "data-testid": "patient-form-assistance-risks-button",
@@ -1832,6 +1834,7 @@ var PatientForm = ({
         ActionIcon6,
         {
           variant: "subtle",
+          c: "#f39682",
           color: "#f39682",
           onClick: () => setOpenPatientAdministrativeRisks(true),
           "data-testid": "patient-form-administrative-risks-button",
@@ -1978,7 +1981,7 @@ var PatientForm = ({
         /* @__PURE__ */ jsx9(Grid3.Col, { span: 12, mt: "sm", children: /* @__PURE__ */ jsx9(
           Checkbox,
           {
-            readOnly: mode === "view",
+            disabled: mode === "view",
             label: /* @__PURE__ */ jsxs8(Text6, { fz: "sm", children: [
               "Autorizo el tratamiento de mis datos personales conforme a la",
               " ",
@@ -1989,7 +1992,10 @@ var PatientForm = ({
                   c: "brand-color",
                   td: "underline",
                   style: { cursor: "pointer" },
-                  onClick: () => setOpenPatientFormPolicy(true),
+                  onClick: (event) => {
+                    event.preventDefault();
+                    setOpenPatientFormPolicy(true);
+                  },
                   "data-testid": "patient-form-data-policy-link",
                   children: "pol\xEDtica de tratamiento de datos."
                 }
@@ -2075,6 +2081,7 @@ var PatientForm = ({
           Select4,
           {
             readOnly: mode === "view",
+            withAsterisk: mode !== "view",
             label: "Estrato",
             data: stratumOptions,
             ...form.getInputProps("stratumId"),
@@ -2085,6 +2092,7 @@ var PatientForm = ({
           Select4,
           {
             readOnly: mode === "view",
+            withAsterisk: mode !== "view",
             label: "Pertenencia \xE9tnica",
             data: ethnicGroupOptions,
             ...form.getInputProps("ethnicGroupId"),
@@ -2095,6 +2103,7 @@ var PatientForm = ({
           Select4,
           {
             readOnly: mode === "view",
+            withAsterisk: mode !== "view",
             label: "Nivel educativo",
             data: educationLevelOptions,
             ...form.getInputProps("educationLevelId"),
@@ -2286,10 +2295,11 @@ var createPatientPayload = (values) => {
     ocupation: values.occupation,
     use_contact_lens: values.use_contact_lens,
     use_glasses: values.use_glasses,
-    stratumId: Number(values.stratumId),
+    stratum_id: Number(values.stratumId),
     ethnicGroupId: Number(values.ethnicGroupId),
     educationLevelId: Number(values.educationLevelId),
-    contracts: [mandatoryInsurance, ...voluntaryInsurance]
+    contracts: [mandatoryInsurance, ...voluntaryInsurance],
+    processing_of_personal_data: values.isDataPolicyAccepted
   };
 };
 var createPatientForm = (info) => {
@@ -2320,7 +2330,7 @@ var createPatientForm = (info) => {
     occupation: info.ocupation ?? "",
     use_glasses: info.use_glasses ?? "",
     use_contact_lens: info.use_contact_lens ?? "",
-    isDataPolicyAccepted: info.processing_of_personal_data ?? false,
+    isDataPolicyAccepted: Boolean(info.processing_of_personal_data),
     stratumId: String(info.stratum_id ?? ""),
     educationLevelId: String(info.educationLevel.id ?? ""),
     ethnicGroupId: String(info.ethnicGroup.id ?? ""),

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "@ttn-shared/ui",
-  "version": "0.1.0",
+  "version": "1.0.1",
   "private": false,
   "type": "module",
   "files": [
     "dist"
   ],
+  "keywords": [
+    "ttn",
+    "ui",
+    "components",
+    "react",
+    "shared"
+  ],
+  "description": "Componentes UI compartidos para apps de Tecnologia Transformando Negocios",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",