@ttn-shared/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,2313 @@
+// src/components/PatientForm.tsx
+import { useEffect as useEffect3, useMemo as useMemo4, useState as useState5 } from "react";
+import dayjs from "dayjs";
+import {
+  ActionIcon as ActionIcon6,
+  Button as Button3,
+  Checkbox,
+  Flex as Flex6,
+  Grid as Grid3,
+  NumberInput,
+  Paper as Paper5,
+  Select as Select4,
+  Text as Text6,
+  TextInput as TextInput3,
+  Title as Title4,
+  Tooltip
+} from "@mantine/core";
+import { useForm } from "@mantine/form";
+import {
+  IconExclamationCircleFilled as IconExclamationCircleFilled2,
+  IconMessage,
+  IconPencil,
+  IconPlus,
+  IconX as IconX5
+} from "@tabler/icons-react";
+
+// src/hooks/select.ts
+import { useQuery } from "@tanstack/react-query";
+
+// src/config/axios.ts
+import axios from "axios";
+var getBaseURL = (url, token) => {
+  return {
+    baseURL: url,
+    headers: {
+      Accept: "application/json",
+      Authorization: token
+    }
+  };
+};
+var HTTP_MEDICAL = (token, baseURL) => {
+  const url = `${baseURL}/medical`;
+  return axios.create(getBaseURL(url, token));
+};
+var HTTP_PAYROLL = (token, baseURL) => {
+  const url = `${baseURL}/payroll`;
+  return axios.create(getBaseURL(url, token));
+};
+var HTTP_ADMIN = (token, baseURL) => {
+  const url = `${baseURL}/admin`;
+  return axios.create(getBaseURL(url, token));
+};
+
+// src/services/select.ts
+var getDocumentTypes = async (token, baseURL) => {
+  const response = await HTTP_PAYROLL(token, baseURL).get(
+    "/document_types/"
+  );
+  return response.data;
+};
+var getAffiliationTypes = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/generals/affiliation-types/",
+    { params: filters }
+  );
+  return response.data;
+};
+var getProvinces = async (token, baseURL, filters) => {
+  const response = await HTTP_ADMIN(token, baseURL).get("/provinces/", {
+    params: { entity_account: filters?.eaccount }
+  });
+  return response.data;
+};
+var getCities = async (token, baseURL, provinceId) => {
+  const response = await HTTP_ADMIN(token, baseURL).get("/cities/", {
+    params: { provinceId }
+  });
+  return response.data;
+};
+var getStratums = async (token, baseURL) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/patient/stratums"
+  );
+  return response.data;
+};
+var getEthnicGroups = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/generals/ethnic-groups/",
+    { params: filters }
+  );
+  return response.data;
+};
+var getEducationLevels = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/generals/education-levels/",
+    { params: filters }
+  );
+  return response.data;
+};
+var getCompanyTypes = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/client/companytype/",
+    { params: filters }
+  );
+  return response.data;
+};
+var getCompanyClients = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get("/client/", {
+    params: filters
+  });
+  return response.data;
+};
+var getContracts = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/client/contract/",
+    { params: filters }
+  );
+  return response.data;
+};
+var getContractPopulations = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/client/contractpopulation/",
+    { params: filters }
+  );
+  return response.data;
+};
+var getIncomeGroups = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/client/copaymentRate/",
+    { params: filters }
+  );
+  return response.data;
+};
+
+// src/providers/TTNSharedProvider.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var TTNSharedContext = createContext(null);
+var TTNSharedProvider = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(TTNSharedContext.Provider, { value: props, children });
+};
+var useTTNSharedContext = () => {
+  const context = useContext(TTNSharedContext);
+  if (!context) {
+    throw new Error("useTTNSharedContext must be used within a TTNSharedProvider");
+  }
+  return context;
+};
+
+// src/hooks/select.ts
+var useDocumentTypes = ({ enabled = true }) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["document-types"],
+    queryFn: () => getDocumentTypes(token, baseUrl),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useAffiliationTypes = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["affiliation-types", filters?.eaccount],
+    queryFn: () => getAffiliationTypes(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useProvinces = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["provinces", filters?.eaccount],
+    queryFn: () => getProvinces(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.data };
+};
+var useCities = ({
+  enabled = true,
+  provinceId
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["cities", provinceId],
+    queryFn: () => getCities(token, baseUrl, provinceId),
+    enabled
+  });
+  return { data: query.data?.data };
+};
+var useStratums = ({ enabled = true }) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["stratums"],
+    queryFn: () => getStratums(token, baseUrl),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useEthnicGroups = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["ethnic-groups", filters?.eaccount],
+    queryFn: () => getEthnicGroups(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useEducationLevels = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["education-levels", filters?.eaccount],
+    queryFn: () => getEducationLevels(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useCompanyTypes = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["company-types", filters?.status, filters?.eaccount],
+    queryFn: () => getCompanyTypes(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useCompanyClients = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["company-clients", filters?.contractCompanyType, filters?.status, filters?.eaccount],
+    queryFn: () => getCompanyClients(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useContracts = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["contracts", filters?.cType, filters?.client, filters?.status, filters?.eaccount],
+    queryFn: () => getContracts(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useContractPopulations = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["contract-populations", filters?.contract, filters?.eaccount, filters?.status],
+    queryFn: () => getContractPopulations(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useIncomeGroups = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery({
+    queryKey: ["income-groups", filters?.corpclientId, filters?.eaccount],
+    queryFn: () => getIncomeGroups(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+
+// src/constants/select.ts
+var genderOptions = [
+  { value: "male", label: "Masculino" },
+  { value: "female", label: "Femenino" }
+];
+var maritalStatusOptions = [
+  { value: "single", label: "Soltero(a)" },
+  { value: "married", label: "Casado(a)" },
+  { value: "divorced", label: "Divorciado(a)" },
+  { value: "widowed", label: "Viudo(a)" },
+  { value: "freeunion", label: "Uni\xF3n Libre" }
+];
+var bloodTypeOptions = [
+  { value: "A+", label: "A+" },
+  { value: "A-", label: "A-" },
+  { value: "B+", label: "B+" },
+  { value: "B-", label: "B-" },
+  { value: "AB+", label: "AB+" },
+  { value: "AB-", label: "AB-" },
+  { value: "O+", label: "O+" },
+  { value: "O-", label: "O-" }
+];
+
+// src/constants/patient.ts
+var patientFormTitles = {
+  create: "Crear paciente",
+  edit: "Editar paciente",
+  view: "Detalle del paciente"
+};
+var VOLUNTARY_INSURANCE_TAGS = ["arl", "particular"];
+
+// src/components/PatientVoluntaryInsuranceForm.tsx
+import { useMemo } from "react";
+import { ActionIcon, Flex, Grid, Paper, Select, TextInput, Title } from "@mantine/core";
+import { IconX } from "@tabler/icons-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PatientVoluntaryInsuranceForm = ({
+  index,
+  mode,
+  form
+}) => {
+  const { userAccountId } = useTTNSharedContext();
+  const insuranceInfo = form.values.voluntaryInsurance[index];
+  const { data: companyTypes } = useCompanyTypes({
+    filters: {
+      eaccount: userAccountId,
+      status: "enabled"
+    }
+  });
+  const { data: companyClients } = useCompanyClients({
+    filters: {
+      eaccount: userAccountId,
+      status: "enabled"
+    }
+  });
+  const { data: contracts } = useContracts({
+    enabled: Boolean(insuranceInfo.companyId),
+    filters: {
+      eaccount: userAccountId,
+      cType: "particular",
+      client: Number(insuranceInfo.companyId) || void 0,
+      status: "enabled"
+    }
+  });
+  const { data: contractPopulations } = useContractPopulations({
+    enabled: Boolean(insuranceInfo.plan),
+    filters: {
+      eaccount: userAccountId,
+      contract: Number(insuranceInfo.plan) || void 0,
+      status: "enabled"
+    }
+  });
+  const { data: incomeGroups } = useIncomeGroups({
+    enabled: Boolean(insuranceInfo.companyId),
+    filters: {
+      eaccount: userAccountId,
+      corpclientId: Number(insuranceInfo.companyId) || void 0
+    }
+  });
+  const companyTypeOptions = useMemo(() => {
+    return companyTypes?.map((ct) => ({
+      value: String(ct.id),
+      label: ct.name
+    }));
+  }, [companyTypes]);
+  const companyClientOptions = useMemo(() => {
+    return companyClients?.map((cc) => ({
+      value: String(cc.id),
+      label: cc.name
+    }));
+  }, [companyClients]);
+  const contractOptions = useMemo(() => {
+    return contracts?.map((c) => ({
+      value: String(c.id),
+      label: c.name
+    }));
+  }, [contracts]);
+  const contractPopulationOptions = useMemo(() => {
+    return contractPopulations?.map((cp) => ({
+      value: String(cp.idPopulation),
+      label: cp.name
+    }));
+  }, [contractPopulations]);
+  const incomeGroupOptions = useMemo(() => {
+    return incomeGroups?.map((ig) => ({
+      value: String(ig.crtId),
+      label: ig.copaymentRateName
+    }));
+  }, [incomeGroups]);
+  const selectedCompanyType = companyTypes?.find((ct) => String(ct.id) === insuranceInfo.companyType);
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "md", mb: "sm", bg: "#d6e0eb", shadow: "none", children: [
+    /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", mb: "sm", children: [
+      /* @__PURE__ */ jsx2(Title, { order: 6, c: "secondary-color", children: "Aseguradora voluntaria" }),
+      mode !== "view" && /* @__PURE__ */ jsx2(
+        ActionIcon,
+        {
+          variant: "subtle",
+          color: "secondary-color",
+          onClick: () => form.removeListItem("voluntaryInsurance", index),
+          "data-testid": `patient-form-voluntary-insurance-remove-button-${index}`,
+          children: /* @__PURE__ */ jsx2(IconX, { size: 16 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { children: [
+      /* @__PURE__ */ jsx2(Grid.Col, { span: 6, children: /* @__PURE__ */ jsx2(
+        Select,
+        {
+          readOnly: mode === "view",
+          withAsterisk: mode !== "view",
+          label: "Tipo de seguro",
+          data: companyTypeOptions,
+          ...form.getInputProps(`voluntaryInsurance.${index}.companyType`),
+          onChange: (value) => {
+            if (value) {
+              const companyTypeTag = companyTypes?.find((ct) => String(ct.id) === value)?.tag;
+              form.setFieldValue(
+                `voluntaryInsurance.${index}.companyTypeTag`,
+                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}.policyNumber`, "");
+          },
+          "data-testid": `patient-form-voluntary-insurance-company-type-select-${index}`
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(Grid.Col, { span: 6, children: /* @__PURE__ */ jsx2(
+        Select,
+        {
+          readOnly: mode === "view",
+          withAsterisk: mode !== "view",
+          label: "Seguro",
+          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}.policyNumber`, "");
+          },
+          "data-testid": `patient-form-voluntary-insurance-company-select-${index}`
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(Grid.Col, { span: 6, children: /* @__PURE__ */ jsx2(
+        Select,
+        {
+          readOnly: mode === "view",
+          withAsterisk: mode !== "view",
+          label: "Plan",
+          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}.policyNumber`, "");
+          },
+          "data-testid": `patient-form-voluntary-insurance-plan-select-${index}`
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(Grid.Col, { span: 6, children: /* @__PURE__ */ jsx2(
+        Select,
+        {
+          readOnly: mode === "view",
+          withAsterisk: mode !== "view",
+          label: "Poblaci\xF3n",
+          data: contractPopulationOptions,
+          ...form.getInputProps(`voluntaryInsurance.${index}.population`),
+          "data-testid": `patient-form-voluntary-insurance-population-select-${index}`
+        }
+      ) }),
+      VOLUNTARY_INSURANCE_TAGS.includes(selectedCompanyType?.tag ?? "") && /* @__PURE__ */ jsx2(Grid.Col, { span: 6, children: /* @__PURE__ */ jsx2(
+        Select,
+        {
+          readOnly: mode === "view",
+          withAsterisk: mode !== "view",
+          label: "Grupo de ingreso",
+          data: incomeGroupOptions,
+          ...form.getInputProps(`voluntaryInsurance.${index}.groupId`),
+          "data-testid": `patient-form-voluntary-insurance-group-select-${index}`
+        }
+      ) }),
+      [...VOLUNTARY_INSURANCE_TAGS, "prepaid"].includes(selectedCompanyType?.tag ?? "") && /* @__PURE__ */ jsx2(Grid.Col, { span: 6, children: /* @__PURE__ */ jsx2(
+        TextInput,
+        {
+          readOnly: mode === "view",
+          label: "No. de p\xF3liza",
+          ...form.getInputProps(`voluntaryInsurance.${index}.policyNumber`),
+          "data-testid": `patient-form-voluntary-insurance-policy-number-select-${index}`
+        }
+      ) })
+    ] })
+  ] });
+};
+
+// src/hooks/patient.ts
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+
+// src/services/patient.ts
+var getPatientDetail = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get("/patient/", {
+    params: filters
+  });
+  return response.data;
+};
+
+// src/hooks/patient.ts
+var usePatientDetail = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery2({
+    queryKey: ["patient-detail", filters?.eaccount, filters?.id],
+    queryFn: () => getPatientDetail(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results, refetch: query.refetch };
+};
+
+// src/components/PatientNotes.tsx
+import { useState } from "react";
+import {
+  ActionIcon as ActionIcon2,
+  Box,
+  Divider,
+  Drawer,
+  Flex as Flex2,
+  Paper as Paper2,
+  ScrollArea,
+  Text,
+  Textarea,
+  Title as Title2
+} from "@mantine/core";
+import { IconSend2, IconTrash, IconX as IconX2 } from "@tabler/icons-react";
+
+// src/hooks/comment.ts
+import { useMutation, useQuery as useQuery3 } from "@tanstack/react-query";
+
+// src/services/comment.ts
+var getComments = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get("/comments/", {
+    params: filters
+  });
+  return response.data;
+};
+var createComment = async (token, baseURL, payload) => {
+  const response = await HTTP_MEDICAL(token, baseURL).post(
+    "/comments/",
+    payload
+  );
+  return response.data;
+};
+var deleteComment = async (token, baseURL, id) => {
+  const response = await HTTP_MEDICAL(token, baseURL).delete(`/comments/`, {
+    data: { id }
+  });
+  return response.data;
+};
+
+// src/hooks/comment.ts
+var useComments = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery3({
+    queryKey: ["comments", filters?.entity, filters?.id],
+    queryFn: () => getComments(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useCreateComment = () => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const mutation = useMutation({
+    mutationFn: (payload) => createComment(token, baseUrl, payload)
+  });
+  return mutation;
+};
+var useDeleteComment = () => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const mutation = useMutation({
+    mutationFn: (id) => deleteComment(token, baseUrl, id)
+  });
+  return mutation;
+};
+
+// src/components/PatientNotes.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var PatientNotes = ({
+  patientId,
+  isOpen,
+  onClose,
+  closeOnSave = true,
+  onAttemptRemoveNote
+}) => {
+  const { userId, userName } = useTTNSharedContext();
+  const [comment, setComment] = useState("");
+  const { data: notes } = useComments({
+    enabled: isOpen && Boolean(patientId),
+    filters: { entity: "userClient", id: patientId }
+  });
+  const { mutateAsync: createComment2 } = useCreateComment();
+  const { mutateAsync: deleteComment2 } = useDeleteComment();
+  const handleAddNote = async () => {
+    await createComment2({
+      entity: "userClient",
+      userId: userId ?? 0,
+      comment,
+      id: patientId ?? 0
+    });
+    setComment("");
+    if (closeOnSave) {
+      onClose();
+    }
+  };
+  const handleRemoveNote = async (comment2) => {
+    const canDelete = await onAttemptRemoveNote?.(comment2) ?? true;
+    if (!canDelete) {
+      return;
+    }
+    await deleteComment2(comment2.id);
+    setComment("");
+    if (closeOnSave) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsxs2(Drawer.Root, { opened: isOpen, onClose, position: "right", size: "xs", children: [
+    /* @__PURE__ */ jsx3(Drawer.Overlay, {}),
+    /* @__PURE__ */ jsx3(Drawer.Content, { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxs2(Flex2, { direction: "column", style: { height: "100%" }, children: [
+      /* @__PURE__ */ jsxs2(Box, { p: "lg", style: { flexShrink: 0 }, children: [
+        /* @__PURE__ */ jsx3(ActionIcon2, { variant: "subtle", "data-testid": "patient-notes-close-button", onClick: onClose, children: /* @__PURE__ */ jsx3(IconX2, { style: { width: 30, height: 30 } }) }),
+        /* @__PURE__ */ jsx3(Title2, { order: 2, fz: "h2", c: "secondary-color", children: "Notas" })
+      ] }),
+      /* @__PURE__ */ jsxs2(ScrollArea, { px: "lg", style: { flexGrow: 1 }, children: [
+        notes?.map((note, index) => /* @__PURE__ */ jsxs2(Box, { p: "sm", children: [
+          /* @__PURE__ */ jsxs2(Flex2, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx3(Text, { c: "secondary-color", children: note.userName }),
+            /* @__PURE__ */ jsx3(
+              ActionIcon2,
+              {
+                size: "sm",
+                variant: "subtle",
+                onClick: () => handleRemoveNote(note),
+                "data-testid": `patient-note-delete-button-${index}`,
+                children: /* @__PURE__ */ jsx3(IconTrash, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx3(Text, { c: "dimmed", children: note.comment }),
+          /* @__PURE__ */ jsx3(Text, { c: "dimmed", ta: "end", children: note.date }),
+          /* @__PURE__ */ jsx3(Divider, {})
+        ] }, note.id)),
+        !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(
+          Textarea,
+          {
+            value: comment,
+            onChange: (event) => setComment(event.currentTarget.value),
+            rows: 4,
+            "data-testid": "patient-note-comment-textarea"
+          }
+        ),
+        /* @__PURE__ */ jsx3(Flex2, { justify: "flex-end", mt: "xs", children: /* @__PURE__ */ jsx3(
+          ActionIcon2,
+          {
+            disabled: comment.trim().length < 3,
+            variant: "subtle",
+            c: "brand-color",
+            onClick: handleAddNote,
+            "data-testid": "patient-note-send-button",
+            children: /* @__PURE__ */ jsx3(IconSend2, { style: { width: 16, height: 16 } })
+          }
+        ) })
+      ] }) })
+    ] }) })
+  ] });
+};
+
+// src/components/PatientAdministrativeRisks.tsx
+import { useEffect, useMemo as useMemo2, useState as useState2 } from "react";
+import {
+  ActionIcon as ActionIcon3,
+  Button,
+  Flex as Flex3,
+  FocusTrap,
+  Group,
+  Modal,
+  Paper as Paper3,
+  ScrollArea as ScrollArea2,
+  Select as Select2,
+  Text as Text2,
+  ThemeIcon
+} from "@mantine/core";
+
+// src/hooks/risk.ts
+import { useMutation as useMutation2, useQuery as useQuery4 } from "@tanstack/react-query";
+
+// src/services/risk.ts
+var getAssistanceRisks = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/patient/assistance-risks",
+    { params: filters }
+  );
+  return response.data;
+};
+var getAdministrativeRisks = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/markups/",
+    { params: filters }
+  );
+  return response.data;
+};
+var updateRisks = async (token, baseURL, payload) => {
+  const response = await HTTP_MEDICAL(token, baseURL).put("/patient/risk", payload);
+  return response.data;
+};
+
+// src/hooks/risk.ts
+var useAssistanceRisks = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery4({
+    queryKey: ["assistance-risks", filters?.status],
+    queryFn: () => getAssistanceRisks(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useAdministrativeRisks = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery4({
+    queryKey: ["administrative-risks", filters?.status],
+    queryFn: () => getAdministrativeRisks(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useUpdateRisks = () => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const mutation = useMutation2({
+    mutationFn: (payload) => updateRisks(token, baseUrl, payload)
+  });
+  return mutation;
+};
+
+// src/components/PatientAdministrativeRisks.tsx
+import { IconExclamationCircleFilled, IconX as IconX3 } from "@tabler/icons-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var PatientAdministrativeRisks = ({
+  patientId,
+  isOpen,
+  onClose
+}) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [riskValue, setRiskValue] = useState2(null);
+  const [selectedRisks, setSelectedRisks] = useState2([]);
+  const { data: patientInfo } = usePatientDetail({
+    enabled: Boolean(patientId) && isOpen,
+    filters: {
+      eaccount: userAccountId,
+      id: patientId
+    }
+  });
+  const { data: administrativeRisks } = useAdministrativeRisks({
+    enabled: Boolean(patientId) && isOpen,
+    filters: {
+      status: "enabled"
+    }
+  });
+  const { mutateAsync: updateRisks2 } = useUpdateRisks();
+  const handleSaveRisks = async () => {
+    await updateRisks2({
+      eaccount: userAccountId ?? 0,
+      idPatient: patientId ?? 0,
+      riskList: {
+        administrative: selectedRisks
+      }
+    });
+    onClose();
+  };
+  const handleChangeRisk = (riskId) => {
+    if (!riskId) {
+      return;
+    }
+    const selectedRisk = administrativeRisks?.find((risk) => String(risk.id) === riskId);
+    if (selectedRisk) {
+      const newRisks = [...selectedRisks, selectedRisk];
+      setSelectedRisks(newRisks);
+      setRiskValue(null);
+    }
+  };
+  const handleRemoveRisk = (riskId) => {
+    const newRisks = selectedRisks.filter((risk) => risk.id !== riskId);
+    setSelectedRisks(newRisks);
+  };
+  useEffect(() => {
+    if (!patientInfo || !isOpen) {
+      return;
+    }
+    setSelectedRisks(patientInfo.risk.administrative ?? []);
+  }, [patientInfo, isOpen]);
+  const administrativeRiskOptions = useMemo2(() => {
+    const options = [];
+    for (const risk of administrativeRisks ?? []) {
+      if (selectedRisks.some((selected) => selected.id === risk.id)) {
+        continue;
+      }
+      options.push({ value: String(risk.id), label: risk.description });
+    }
+    return options;
+  }, [administrativeRisks, selectedRisks]);
+  return /* @__PURE__ */ jsxs3(
+    Modal,
+    {
+      opened: isOpen,
+      onClose,
+      title: "Importancias administrativas",
+      withCloseButton: false,
+      children: [
+        /* @__PURE__ */ jsx4(FocusTrap.InitialFocus, {}),
+        /* @__PURE__ */ jsx4(
+          Select2,
+          {
+            data: administrativeRiskOptions,
+            value: riskValue,
+            onChange: handleChangeRisk,
+            "data-testid": "patient-administrative-risks-select"
+          }
+        ),
+        /* @__PURE__ */ jsx4(ScrollArea2.Autosize, { mah: 228, mt: "lg", children: /* @__PURE__ */ jsxs3(Paper3, { withBorder: true, mx: "xs", children: [
+          selectedRisks.map((risk, index) => /* @__PURE__ */ jsxs3(Flex3, { align: "center", justify: "space-between", p: "xs", children: [
+            /* @__PURE__ */ jsxs3(Group, { gap: "sm", align: "center", children: [
+              /* @__PURE__ */ jsx4(
+                ThemeIcon,
+                {
+                  color: risk.classification === "high" ? "#f39682" : "#83c036",
+                  variant: "light",
+                  children: /* @__PURE__ */ jsx4(
+                    IconExclamationCircleFilled,
+                    {
+                      color: risk.classification === "high" ? "#f39682" : "#83c036",
+                      style: { width: 20, height: 20 }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx4(Text2, { lineClamp: 2, title: risk.description, children: risk.description })
+            ] }),
+            /* @__PURE__ */ jsx4(
+              ActionIcon3,
+              {
+                variant: "subtle",
+                onClick: () => handleRemoveRisk(risk.id),
+                "data-testid": `patient-administrative-risks-remove-button-${index}`,
+                children: /* @__PURE__ */ jsx4(IconX3, { style: { width: 20, height: 20 } })
+              }
+            )
+          ] }, risk.id)),
+          selectedRisks.length === 0 && /* @__PURE__ */ jsx4(Text2, { c: "dimmed", p: "xs", children: "No hay riesgos administrativos seleccionados." })
+        ] }) }),
+        /* @__PURE__ */ jsxs3(Group, { justify: "flex-end", gap: "md", mt: "xl", children: [
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: "outline",
+              onClick: onClose,
+              "data-testid": "patient-administrative-risks-cancel-button",
+              children: "Cancelar"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              type: "submit",
+              onClick: handleSaveRisks,
+              "data-testid": "patient-administrative-risks-save-button",
+              children: "Guardar"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/PatientAssistanceRisks.tsx
+import { useEffect as useEffect2, useMemo as useMemo3, useState as useState3 } from "react";
+import {
+  ActionIcon as ActionIcon4,
+  Button as Button2,
+  Flex as Flex4,
+  FocusTrap as FocusTrap2,
+  Group as Group2,
+  Modal as Modal2,
+  Paper as Paper4,
+  ScrollArea as ScrollArea3,
+  Select as Select3,
+  Text as Text3
+} from "@mantine/core";
+import { IconX as IconX4 } from "@tabler/icons-react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var PatientAssistanceRisks = ({
+  patientId,
+  isOpen,
+  onClose
+}) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [riskValue, setRiskValue] = useState3(null);
+  const [selectedRisks, setSelectedRisks] = useState3([]);
+  const { data: patientInfo } = usePatientDetail({
+    enabled: Boolean(patientId) && isOpen,
+    filters: {
+      eaccount: userAccountId,
+      id: patientId
+    }
+  });
+  const { data: assistanceRisks } = useAssistanceRisks({
+    enabled: Boolean(patientId) && isOpen,
+    filters: {
+      status: "enabled"
+    }
+  });
+  const { mutateAsync: updateRisks2 } = useUpdateRisks();
+  const handleChangeRisk = (riskId) => {
+    if (!riskId) {
+      return;
+    }
+    const selectedRisk = assistanceRisks?.find((risk) => String(risk.clinicalDiseaseId) === riskId);
+    if (selectedRisk) {
+      const newRisks = [...selectedRisks, selectedRisk];
+      setSelectedRisks(newRisks);
+      setRiskValue(null);
+    }
+  };
+  const handleSaveRisks = async () => {
+    await updateRisks2({
+      eaccount: userAccountId ?? 0,
+      idPatient: patientId ?? 0,
+      riskList: {
+        assistance: selectedRisks
+      }
+    });
+    onClose();
+  };
+  const handleRemoveRisk = (riskId) => {
+    const newRisks = selectedRisks.filter((risk) => risk.clinicalDiseaseId !== riskId);
+    setSelectedRisks(newRisks);
+  };
+  useEffect2(() => {
+    if (!patientInfo || !isOpen) {
+      return;
+    }
+    const formattedRisks = (patientInfo.risk.assistance ?? []).map((risk) => ({
+      clinicalDiseaseId: risk.id,
+      clinicalDiseaseName: risk.name,
+      clinicalDiseaseTag: ""
+    }));
+    setSelectedRisks(formattedRisks);
+  }, [patientInfo, isOpen]);
+  const assistanceRiskOptions = useMemo3(() => {
+    const options = [];
+    for (const risk of assistanceRisks ?? []) {
+      if (selectedRisks.some((selected) => selected.clinicalDiseaseId === risk.clinicalDiseaseId)) {
+        continue;
+      }
+      options.push({ value: String(risk.clinicalDiseaseId), label: risk.clinicalDiseaseName });
+    }
+    return options;
+  }, [assistanceRisks, selectedRisks]);
+  return /* @__PURE__ */ jsxs4(
+    Modal2,
+    {
+      opened: isOpen,
+      onClose,
+      title: "Importancias asistenciales",
+      withCloseButton: false,
+      children: [
+        /* @__PURE__ */ jsx5(FocusTrap2.InitialFocus, {}),
+        /* @__PURE__ */ jsx5(
+          Select3,
+          {
+            data: assistanceRiskOptions,
+            value: riskValue,
+            onChange: handleChangeRisk,
+            "data-testid": "patient-assistance-risks-select"
+          }
+        ),
+        /* @__PURE__ */ jsx5(ScrollArea3.Autosize, { mah: 228, mt: "lg", children: /* @__PURE__ */ jsxs4(Paper4, { withBorder: true, mx: "xs", children: [
+          selectedRisks.map((risk, index) => /* @__PURE__ */ jsxs4(Flex4, { align: "center", justify: "space-between", p: "xs", children: [
+            /* @__PURE__ */ jsx5(Text3, { lineClamp: 2, title: risk.clinicalDiseaseName, children: risk.clinicalDiseaseName }),
+            /* @__PURE__ */ jsx5(
+              ActionIcon4,
+              {
+                variant: "subtle",
+                onClick: () => handleRemoveRisk(risk.clinicalDiseaseId),
+                "data-testid": `patient-assistance-risks-remove-button-${index}`,
+                children: /* @__PURE__ */ jsx5(IconX4, { style: { width: 20, height: 20 } })
+              }
+            )
+          ] }, risk.clinicalDiseaseId)),
+          selectedRisks.length === 0 && /* @__PURE__ */ jsx5(Text3, { c: "dimmed", p: "xs", children: "No hay importancias seleccionadas." })
+        ] }) }),
+        /* @__PURE__ */ jsxs4(Group2, { justify: "flex-end", gap: "md", mt: "xl", children: [
+          /* @__PURE__ */ jsx5(
+            Button2,
+            {
+              variant: "outline",
+              onClick: onClose,
+              "data-testid": "patient-assistance-risks-cancel-button",
+              children: "Cancelar"
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            Button2,
+            {
+              type: "submit",
+              onClick: handleSaveRisks,
+              "data-testid": "patient-assistance-risks-save-button",
+              children: "Guardar"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/hooks/appointment.ts
+import { useQuery as useQuery5 } from "@tanstack/react-query";
+
+// src/services/appointment.ts
+var getAppointments = async (token, baseURL, filters) => {
+  const response = await HTTP_MEDICAL(token, baseURL).get(
+    "/appointment/",
+    { params: filters }
+  );
+  return response.data;
+};
+
+// src/hooks/appointment.ts
+var useAppointments = ({
+  enabled = true,
+  filters
+}) => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const query = useQuery5({
+    queryKey: [
+      "appointments",
+      filters?.idAccount,
+      filters?.page,
+      filters?.perpage,
+      filters?.idPatient
+    ],
+    queryFn: () => getAppointments(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results, rowTotal: query.data?.rowTotal };
+};
+
+// src/components/PatientAppointmentHistory.tsx
+import {
+  ActionIcon as ActionIcon5,
+  Badge,
+  Box as Box2,
+  Flex as Flex5,
+  Grid as Grid2,
+  Modal as Modal3,
+  Table,
+  Text as Text5,
+  TextInput as TextInput2,
+  Title as Title3
+} from "@mantine/core";
+import { IconSearch } from "@tabler/icons-react";
+import { useState as useState4 } from "react";
+
+// src/components/AppPagination.tsx
+import { Group as Group3, Pagination, Text as Text4, useMantineTheme } from "@mantine/core";
+import * as TI from "@tabler/icons-react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var SkipPrevIcon = () => /* @__PURE__ */ jsx6(TI.IconPlayerSkipBackFilled, { style: { width: 12, height: 12 } });
+var PrevIcon = () => /* @__PURE__ */ jsx6(TI.IconCaretLeftFilled, { style: { width: 15, height: 15 } });
+var NextIcon = () => /* @__PURE__ */ jsx6(TI.IconCaretRightFilled, { style: { width: 15, height: 15 } });
+var SkipNextIcon = () => /* @__PURE__ */ jsx6(TI.IconPlayerSkipForwardFilled, { style: { width: 12, height: 12 } });
+function AppPagination(props) {
+  const theme = useMantineTheme();
+  const total = Math.ceil(Math.ceil(props.total || 0) / 10);
+  const chunkedTotal = props.chunkedTotal;
+  const renderComponent = () => {
+    return /* @__PURE__ */ jsxs5(
+      Group3,
+      {
+        w: "100%",
+        py: "xl",
+        align: "center",
+        justify: props.withDetails ? "space-between" : "flex-end",
+        mt: "lg",
+        "data-testid": "apppagination-main-group",
+        children: [
+          props.withDetails && /* @__PURE__ */ jsxs5(Text4, { "data-testid": "apppagination-details-text", children: [
+            "P\xE1g. ",
+            Number(props?.value),
+            " de ",
+            chunkedTotal ?? total,
+            " ",
+            props.total ? `(${props.total} encontrados)` : ""
+          ] }),
+          /* @__PURE__ */ jsx6(
+            Pagination.Root,
+            {
+              total: chunkedTotal ?? total,
+              value: props.value,
+              onChange: (page) => {
+                props.onChange?.(page);
+              },
+              onFirstPage: () => props.onChange?.(1),
+              onLastPage: () => props.onChange?.(total),
+              onNextPage: () => props.onChange?.(Number(props?.value) + 1),
+              onPreviousPage: () => props.onChange?.(Number(props?.value) - 1),
+              size: "sm",
+              "data-testid": "apppagination-root",
+              children: /* @__PURE__ */ jsxs5(Group3, { gap: 5, justify: "center", "data-testid": "apppagination-buttons-group", children: [
+                /* @__PURE__ */ jsx6(
+                  Pagination.First,
+                  {
+                    icon: SkipPrevIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-first"
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  Pagination.Previous,
+                  {
+                    icon: PrevIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-previous"
+                  }
+                ),
+                /* @__PURE__ */ jsx6(Pagination.Items, { "data-testid": "apppagination-items" }),
+                /* @__PURE__ */ jsx6(
+                  Pagination.Next,
+                  {
+                    icon: NextIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-next"
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  Pagination.Last,
+                  {
+                    icon: SkipNextIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-last"
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  };
+  return renderComponent();
+}
+
+// src/components/PatientAppointmentHistory.tsx
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var PatientAppointmentHistory = ({ patientId }) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [currentPage, setCurrentPage] = useState4(1);
+  const [selectedAppointment, setSelectedAppointment] = useState4();
+  const { data: appointments, rowTotal } = useAppointments({
+    enabled: Boolean(patientId),
+    filters: {
+      idPatient: patientId,
+      page: currentPage,
+      perpage: 10,
+      idAccount: userAccountId ?? 0
+    }
+  });
+  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.Thead, { children: /* @__PURE__ */ jsxs6(Table.Tr, { children: [
+          /* @__PURE__ */ jsx7(Table.Th, { ta: "center", children: "Fecha" }),
+          /* @__PURE__ */ jsx7(Table.Th, { ta: "start", children: " Servicio" }),
+          /* @__PURE__ */ jsx7(Table.Th, { ta: "center", children: "Estado" }),
+          /* @__PURE__ */ jsx7(Table.Th, {})
+        ] }) }),
+        /* @__PURE__ */ jsxs6(Table.Tbody, { children: [
+          appointments?.map((appointment) => /* @__PURE__ */ jsxs6(Table.Tr, { children: [
+            /* @__PURE__ */ jsx7(Table.Td, { ta: "center", children: appointment.dateApp }),
+            /* @__PURE__ */ jsx7(Table.Td, { ta: "start", tt: "capitalize", children: appointment.serviceName?.toLowerCase() }),
+            /* @__PURE__ */ jsx7(Table.Td, { miw: 132, ta: "center", children: /* @__PURE__ */ jsx7(
+              Badge,
+              {
+                variant: "light",
+                style: {
+                  maxWidth: 150,
+                  width: "100%",
+                  color: appointment.fontColorStatus,
+                  background: appointment.bgColorStatus
+                },
+                children: appointment.status
+              }
+            ) }),
+            /* @__PURE__ */ jsx7(Table.Td, { ta: "center", children: /* @__PURE__ */ jsx7(
+              ActionIcon5,
+              {
+                variant: "subtle",
+                onClick: () => setSelectedAppointment(appointment),
+                "data-testid": "patient-appointment-history-view-details-button",
+                children: /* @__PURE__ */ jsx7(IconSearch, {})
+              }
+            ) })
+          ] }, 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,
+        {
+          value: currentPage,
+          total: rowTotal,
+          rowTotal,
+          onChange: setCurrentPage
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6(
+      Modal3.Root,
+      {
+        opened: Boolean(selectedAppointment),
+        onClose: () => setSelectedAppointment(void 0),
+        size: "100%",
+        children: [
+          /* @__PURE__ */ jsx7(Modal3.Overlay, {}),
+          /* @__PURE__ */ jsxs6(Modal3.Content, { children: [
+            /* @__PURE__ */ jsxs6(Modal3.Header, { style: { alignItems: "flex-start" }, children: [
+              /* @__PURE__ */ jsxs6(Modal3.Title, { children: [
+                /* @__PURE__ */ jsx7(Text5, { c: "brand-color", ta: "center", fz: 24, fw: 700, children: "Detalles de la cita" }),
+                /* @__PURE__ */ jsxs6(Text5, { c: selectedAppointment?.fontColorStatus, ta: "center", fz: 20, children: [
+                  "Estado - ",
+                  selectedAppointment?.status
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx7(Modal3.CloseButton, {})
+            ] }),
+            /* @__PURE__ */ jsxs6(Modal3.Body, { children: [
+              /* @__PURE__ */ jsxs6(Text5, { ta: "center", c: "secondary-color", fz: 16, fw: 700, children: [
+                "Identificador de la cita no. ",
+                selectedAppointment?.id
+              ] }),
+              /* @__PURE__ */ jsxs6(Flex5, { gap: "lg", mt: "md", children: [
+                /* @__PURE__ */ jsxs6(Box2, { miw: 228, children: [
+                  /* @__PURE__ */ jsx7(
+                    TextInput2,
+                    {
+                      readOnly: true,
+                      label: "Identificaci\xF3n del paciente",
+                      value: selectedAppointment?.cluDocument ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    TextInput2,
+                    {
+                      readOnly: true,
+                      label: "Primer nombre",
+                      value: selectedAppointment?.cluFirstName ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    TextInput2,
+                    {
+                      readOnly: true,
+                      label: "Primer apellido",
+                      value: selectedAppointment?.cluLastName ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    TextInput2,
+                    {
+                      readOnly: true,
+                      label: "Fecha de nacimiento",
+                      value: selectedAppointment?.cluBirhDate ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    TextInput2,
+                    {
+                      readOnly: true,
+                      label: "WhatsApp",
+                      value: selectedAppointment?.cluWhatasapp ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    TextInput2,
+                    {
+                      readOnly: true,
+                      label: "Correo electr\xF3nico",
+                      value: selectedAppointment?.cluEmail ?? ""
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx7(Box2, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsxs6(Grid2, { children: [
+                  /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                    /* @__PURE__ */ jsx7(Text5, { c: "secondary-color", fw: 700, children: "Informaci\xF3n de la cita" }),
+                    /* @__PURE__ */ jsxs6(Grid2, { children: [
+                      /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Sede" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "M\xE9dico" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Servicio" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Fecha" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "No. Historia cl\xEDnica" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Diagn\xF3stico" })
+                      ] }),
+                      /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.siteName, children: selectedAppointment?.siteName ?? "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.fullNameDoctor, children: selectedAppointment?.fullNameDoctor ?? "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.serviceName, children: selectedAppointment?.serviceName ?? "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.dateApp, children: selectedAppointment?.dateApp ?? "-" }),
+                        /* @__PURE__ */ jsx7(
+                          Text5,
+                          {
+                            lineClamp: 1,
+                            title: String(selectedAppointment?.clinicalHistoryID ?? ""),
+                            children: selectedAppointment?.clinicalHistoryID ?? "-"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.dxName, children: selectedAppointment?.dxName ?? "-" })
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                    /* @__PURE__ */ jsx7(Text5, { c: "secondary-color", fw: 700, children: "Aseguradora" }),
+                    /* @__PURE__ */ jsxs6(Grid2, { children: [
+                      /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Aseguradora" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Contrato" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Poblaci\xF3n" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Grupo de ingreso" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Observaciones" })
+                      ] }),
+                      /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.ccName, children: selectedAppointment?.ccName ?? "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.contractName, children: selectedAppointment?.contractName ?? "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.popName, children: selectedAppointment?.popName ?? "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.crtName, children: selectedAppointment?.crtName ?? "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { lineClamp: 1, title: selectedAppointment?.appObservations, children: selectedAppointment?.appObservations || "-" })
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                    /* @__PURE__ */ jsx7(Text5, { c: "secondary-color", fw: 700, children: "Recaudo" }),
+                    /* @__PURE__ */ jsxs6(Grid2, { children: [
+                      /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Efectivo" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Total d\xE9bito" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Total" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Asesor" }),
+                        /* @__PURE__ */ jsx7(Text5, { c: "dimmed", fw: 700, children: "Fecha" })
+                      ] }),
+                      /* @__PURE__ */ jsxs6(Grid2.Col, { span: 6, children: [
+                        /* @__PURE__ */ jsx7(Text5, { children: "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { children: "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { children: "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { children: "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { children: "-" }),
+                        /* @__PURE__ */ jsx7(Text5, { children: "-" })
+                      ] })
+                    ] })
+                  ] })
+                ] }) })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/PatientForm.tsx
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var PatientForm = ({
+  defaultMode,
+  patientId,
+  onSavePatient,
+  onSaveError,
+  onBack
+}) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [mode, setMode] = useState5(defaultMode);
+  const [openPatientNotes, setOpenPatientNotes] = useState5(false);
+  const [openPatientAssistanceRisks, setOpenPatientAssistanceRisks] = useState5(false);
+  const [openPatientAdministrativeRisks, setOpenPatientAdministrativeRisks] = useState5(false);
+  const form = useForm({
+    mode: "controlled",
+    initialValues: {
+      documentTypeId: "",
+      documentNumber: "",
+      firstName: "",
+      middleName: "",
+      surname: "",
+      secondSurname: "",
+      birthDate: "",
+      age: "",
+      whatsapp: "",
+      gender: "",
+      affiliationTypeId: "",
+      bloodType: "",
+      email: "",
+      provinceId: "",
+      cityId: "",
+      homeAddress: "",
+      neighborhood: "",
+      cellphone: "",
+      homephone: "",
+      emergencyContact: "",
+      maritalStatus: "",
+      occupation: "",
+      use_glasses: "",
+      use_contact_lens: "",
+      isDataPolicyAccepted: false,
+      stratumId: "",
+      educationLevelId: "",
+      ethnicGroupId: "",
+      mandatoryInsurance: {
+        companyId: "",
+        plan: "",
+        population: "",
+        groupId: "",
+        policyNumber: ""
+      },
+      voluntaryInsurance: []
+    }
+  });
+  form.watch("birthDate", ({ value }) => {
+    if (!value) {
+      form.setFieldValue("age", "");
+      return;
+    }
+    const birthDate = dayjs(value);
+    const today = dayjs();
+    const age = today.diff(birthDate, "year");
+    form.setFieldValue("age", String(age));
+  });
+  const { data: patientInfo, refetch: refetchPatientInfo } = usePatientDetail({
+    enabled: Boolean(patientId) && mode !== "create",
+    filters: {
+      eaccount: userAccountId,
+      id: patientId
+    }
+  });
+  const { data: documentTypes } = useDocumentTypes({});
+  const { data: affiliationTypes } = useAffiliationTypes({
+    filters: { eaccount: userAccountId }
+  });
+  const { data: provinces } = useProvinces({
+    filters: { eaccount: userAccountId }
+  });
+  const { data: cities } = useCities({
+    enabled: Boolean(form.values.provinceId),
+    provinceId: Number(form.values.provinceId) || void 0
+  });
+  const { data: stratums } = useStratums({});
+  const { data: ethnicGroups } = useEthnicGroups({
+    filters: { eaccount: userAccountId }
+  });
+  const { data: educationLevels } = useEducationLevels({
+    filters: { eaccount: userAccountId }
+  });
+  const { data: companyClients } = useCompanyClients({
+    filters: { eaccount: userAccountId }
+  });
+  const { data: contracts } = useContracts({
+    enabled: Boolean(form.values.mandatoryInsurance.companyId),
+    filters: {
+      eaccount: userAccountId,
+      client: Number(form.values.mandatoryInsurance.companyId) || void 0
+    }
+  });
+  const { data: contractPopulations } = useContractPopulations({
+    enabled: Boolean(form.values.mandatoryInsurance.plan),
+    filters: {
+      eaccount: userAccountId,
+      contract: Number(form.values.mandatoryInsurance.plan) || void 0
+    }
+  });
+  const { data: incomeGroups } = useIncomeGroups({
+    enabled: Boolean(form.values.mandatoryInsurance.companyId),
+    filters: {
+      eaccount: userAccountId,
+      corpclientId: Number(form.values.mandatoryInsurance.companyId) || void 0
+    }
+  });
+  const handleSubmit = (values) => {
+    const requiredFields = [
+      {
+        value: values.documentTypeId,
+        message: "El campo Tipo de Documento es obligatorio."
+      },
+      {
+        value: values.documentNumber,
+        message: "El campo N\xFAmero de Documento es obligatorio."
+      },
+      {
+        value: values.firstName,
+        message: "El campo Primer Nombre es obligatorio."
+      },
+      {
+        value: values.surname,
+        message: "El campo Primer Apellido es obligatorio."
+      },
+      {
+        value: values.birthDate,
+        message: "El campo Fecha de Nacimiento es obligatorio."
+      },
+      {
+        value: values.whatsapp,
+        message: "El campo WhatsApp es obligatorio."
+      },
+      {
+        value: values.gender,
+        message: "El campo G\xE9nero es obligatorio."
+      },
+      {
+        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."
+      },
+      {
+        value: values.cityId,
+        message: "El campo Municipio es obligatorio."
+      },
+      {
+        value: values.cellphone,
+        message: "El campo Celular es obligatorio."
+      },
+      {
+        value: values.stratumId,
+        message: "El campo Estrato es obligatorio."
+      },
+      {
+        value: values.ethnicGroupId,
+        message: "El campo Pertenencia \xE9tnica es obligatorio."
+      },
+      {
+        value: values.educationLevelId,
+        message: "El campo Nivel educativo es obligatorio."
+      },
+      {
+        value: values.mandatoryInsurance.companyId,
+        message: "Aseguradora obligatoria: El campo Seguro es obligatorio."
+      },
+      {
+        value: values.mandatoryInsurance.plan,
+        message: "Aseguradora obligatoria: El campo Plan es obligatorio."
+      },
+      {
+        value: values.mandatoryInsurance.population,
+        message: "Aseguradora obligatoria: El campo Poblaci\xF3n es obligatorio."
+      },
+      {
+        value: values.mandatoryInsurance.groupId,
+        message: "Aseguradora obligatoria: El campo Grupo de ingreso es obligatorio."
+      }
+    ];
+    for (const field of requiredFields) {
+      if (!field.value) {
+        onSaveError?.(field.message);
+        return;
+      }
+    }
+    const voluntaryRequiredFields = values.voluntaryInsurance.map((insurance, index) => {
+      const fields = [
+        {
+          value: insurance.companyType,
+          message: `Aseguradora voluntaria #${index + 1}: El campo Tipo de seguro es obligatorio.`
+        },
+        {
+          value: insurance.companyId,
+          message: `Aseguradora voluntaria #${index + 1}: El campo Seguro es obligatorio.`
+        },
+        {
+          value: insurance.plan,
+          message: `Aseguradora voluntaria #${index + 1}: El campo Plan es obligatorio.`
+        },
+        {
+          value: insurance.population,
+          message: `Aseguradora voluntaria #${index + 1}: El campo Poblaci\xF3n es obligatorio.`
+        }
+      ];
+      if (VOLUNTARY_INSURANCE_TAGS.includes(insurance.companyTypeTag)) {
+        fields.push({
+          value: insurance.groupId,
+          message: `Aseguradora voluntaria #${index + 1}: El campo Grupo de ingreso es obligatorio.`
+        });
+      }
+      return fields;
+    });
+    for (const insuranceFields of voluntaryRequiredFields) {
+      for (const field of insuranceFields) {
+        if (!field.value) {
+          onSaveError?.(field.message);
+          return;
+        }
+      }
+    }
+    if (!values.isDataPolicyAccepted) {
+      onSaveError?.("Debe aceptar la pol\xEDtica de tratamiento de datos.");
+      return;
+    }
+    onSavePatient?.(createPatientPayload(values), mode);
+  };
+  const handleCancelForm = () => {
+    if (mode === "edit") {
+      setMode("view");
+      refetchPatientInfo();
+      return;
+    }
+    onBack?.();
+  };
+  const handleAddVoluntaryInsurance = () => {
+    form.insertListItem("voluntaryInsurance", {
+      companyTypeTag: "",
+      id: Date.now().toString(),
+      companyType: "",
+      companyId: "",
+      plan: "",
+      population: "",
+      groupId: "",
+      policyNumber: ""
+    });
+  };
+  useEffect3(() => {
+    if (!patientInfo || mode === "create") return;
+    const patientForm = createPatientForm(patientInfo);
+    form.setValues(patientForm);
+  }, [patientInfo, mode]);
+  const documentTypeOptions = useMemo4(() => {
+    return documentTypes?.map((dt) => ({
+      value: String(dt.id),
+      label: dt.description
+    }));
+  }, [documentTypes]);
+  const affiliationTypeOptions = useMemo4(() => {
+    return affiliationTypes?.map((at) => ({
+      value: String(at.affiliationTypeId),
+      label: at.affiliationTypeName
+    }));
+  }, [affiliationTypes]);
+  const provinceOptions = useMemo4(() => {
+    return provinces?.map((p) => ({
+      value: String(p.id),
+      label: p.name
+    }));
+  }, [provinces]);
+  const cityOptions = useMemo4(() => {
+    return cities?.map((c) => ({
+      value: String(c.id),
+      label: `${c.name} - ${c.geocode}`
+    }));
+  }, [cities]);
+  const stratumOptions = useMemo4(() => {
+    return stratums?.map((s) => ({
+      value: String(s.id),
+      label: s.name
+    }));
+  }, [stratums]);
+  const ethnicGroupOptions = useMemo4(() => {
+    return ethnicGroups?.map((eg) => ({
+      value: String(eg.id),
+      label: eg.description
+    }));
+  }, [ethnicGroups]);
+  const educationLevelOptions = useMemo4(() => {
+    return educationLevels?.map((el) => ({
+      value: String(el.id),
+      label: el.description
+    }));
+  }, [educationLevels]);
+  const companyClientOptions = useMemo4(() => {
+    return companyClients?.map((cc) => ({
+      value: String(cc.id),
+      label: cc.name
+    }));
+  }, [companyClients]);
+  const contractOptions = useMemo4(() => {
+    return contracts?.map((c) => ({
+      value: String(c.id),
+      label: c.name
+    }));
+  }, [contracts]);
+  const contractPopulationOptions = useMemo4(() => {
+    return contractPopulations?.map((cp) => ({
+      value: String(cp.idPopulation),
+      label: cp.name
+    }));
+  }, [contractPopulations]);
+  const incomeGroupOptions = useMemo4(() => {
+    return incomeGroups?.map((ig) => ({
+      value: String(ig.crtId),
+      label: ig.copaymentRateName
+    }));
+  }, [incomeGroups]);
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsx8(Flex6, { w: "100%", justify: "flex-end", children: /* @__PURE__ */ jsx8(
+      ActionIcon6,
+      {
+        variant: "subtle",
+        onClick: handleCancelForm,
+        "data-testid": "patient-form-close-button",
+        children: /* @__PURE__ */ jsx8(IconX5, { style: { width: 30, height: 30 } })
+      }
+    ) }),
+    /* @__PURE__ */ jsx8(Title4, { c: "secondary-color", mt: "xs", children: patientFormTitles[mode] }),
+    mode !== "create" && /* @__PURE__ */ jsxs7(Flex6, { w: "100%", justify: "flex-end", gap: "xs", my: "xs", children: [
+      mode === "view" && /* @__PURE__ */ jsx8(Tooltip, { label: "Editar", withArrow: true, children: /* @__PURE__ */ jsx8(
+        ActionIcon6,
+        {
+          variant: "subtle",
+          onClick: () => setMode("edit"),
+          "data-testid": "patient-form-edit-button",
+          children: /* @__PURE__ */ jsx8(IconPencil, { style: { width: 24, height: 24 } })
+        }
+      ) }),
+      /* @__PURE__ */ jsx8(Tooltip, { label: "Ver notas", withArrow: true, children: /* @__PURE__ */ jsx8(
+        ActionIcon6,
+        {
+          variant: "subtle",
+          onClick: () => setOpenPatientNotes(true),
+          "data-testid": "patient-form-notes-button",
+          children: /* @__PURE__ */ jsx8(IconMessage, { style: { width: 24, height: 24 } })
+        }
+      ) }),
+      /* @__PURE__ */ jsx8(Tooltip, { label: "Riesgo asistencial", withArrow: true, children: /* @__PURE__ */ jsx8(
+        ActionIcon6,
+        {
+          variant: "subtle",
+          color: "#83c036",
+          onClick: () => setOpenPatientAssistanceRisks(true),
+          "data-testid": "patient-form-assistance-risks-button",
+          children: /* @__PURE__ */ jsx8(IconExclamationCircleFilled2, { style: { width: 24, height: 24 } })
+        }
+      ) }),
+      /* @__PURE__ */ jsx8(Tooltip, { label: "Riesgo administrativo", withArrow: true, children: /* @__PURE__ */ jsx8(
+        ActionIcon6,
+        {
+          variant: "subtle",
+          color: "#f39682",
+          onClick: () => setOpenPatientAdministrativeRisks(true),
+          "data-testid": "patient-form-administrative-risks-button",
+          children: /* @__PURE__ */ jsx8(IconExclamationCircleFilled2, { style: { width: 24, height: 24 } })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs7("form", { onSubmit: form.onSubmit(handleSubmit), children: [
+      /* @__PURE__ */ jsxs7(Grid3, { children: [
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Tipo de Documento",
+            data: documentTypeOptions,
+            ...form.getInputProps("documentTypeId"),
+            "data-testid": "patient-form-document-type-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "N\xFAmero de Documento",
+            ...form.getInputProps("documentNumber"),
+            "data-testid": "patient-form-document-number-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Primer Nombre",
+            ...form.getInputProps("firstName"),
+            "data-testid": "patient-form-first-name-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            label: "Segundo Nombre",
+            ...form.getInputProps("middleName"),
+            "data-testid": "patient-form-middle-name-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Primer Apellido",
+            ...form.getInputProps("surname"),
+            "data-testid": "patient-form-surname-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            label: "Segundo Apellido",
+            ...form.getInputProps("secondSurname"),
+            "data-testid": "patient-form-second-surname-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Fecha de Nacimiento",
+            type: "date",
+            ...form.getInputProps("birthDate"),
+            "data-testid": "patient-form-birth-date-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          NumberInput,
+          {
+            readOnly: true,
+            label: "Edad",
+            suffix: !form.values.age ? "" : " a\xF1os",
+            ...form.getInputProps("age"),
+            "data-testid": "patient-form-age-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          NumberInput,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "WhatsApp",
+            allowNegative: false,
+            allowDecimal: false,
+            ...form.getInputProps("whatsapp"),
+            "data-testid": "patient-form-whatsapp-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "G\xE9nero",
+            data: genderOptions,
+            ...form.getInputProps("gender"),
+            "data-testid": "patient-form-gender-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Tipo de afiliaci\xF3n",
+            data: affiliationTypeOptions,
+            ...form.getInputProps("affiliationTypeId"),
+            "data-testid": "patient-form-affiliation-type-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            label: "Correo electr\xF3nico",
+            ...form.getInputProps("email"),
+            "data-testid": "patient-form-email-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Estado civil",
+            data: maritalStatusOptions,
+            ...form.getInputProps("maritalStatus"),
+            "data-testid": "patient-form-marital-status-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 12, mt: "sm", children: /* @__PURE__ */ jsx8(
+          Checkbox,
+          {
+            readOnly: mode === "view",
+            label: /* @__PURE__ */ jsxs7(Text6, { fz: "sm", children: [
+              "Autorizo el tratamiento de mis datos personales conforme a la",
+              " ",
+              /* @__PURE__ */ jsx8(
+                Text6,
+                {
+                  span: true,
+                  c: "brand-color",
+                  td: "underline",
+                  style: { cursor: "pointer" },
+                  "data-testid": "patient-form-data-policy-link",
+                  children: "pol\xEDtica de tratamiento de datos."
+                }
+              )
+            ] }),
+            ...form.getInputProps("isDataPolicyAccepted", { type: "checkbox" }),
+            styles: { inner: { marginTop: 2 } },
+            "data-testid": "patient-form-data-policy-checkbox"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { mt: "md", span: 12, children: /* @__PURE__ */ jsx8(Title4, { order: 6, c: "brand-color", children: "Informaci\xF3n complementaria" }) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Departamento",
+            data: provinceOptions,
+            ...form.getInputProps("provinceId"),
+            onChange: (value) => {
+              form.setFieldValue("provinceId", value || "");
+              form.setFieldValue("cityId", "");
+            },
+            "data-testid": "patient-form-province-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Municipio",
+            data: cityOptions,
+            ...form.getInputProps("cityId"),
+            "data-testid": "patient-form-city-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          TextInput3,
+          {
+            readOnly: mode === "view",
+            label: "Direcci\xF3n",
+            ...form.getInputProps("homeAddress"),
+            "data-testid": "patient-form-home-address-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            label: "Grupo sangu\xEDneo",
+            data: bloodTypeOptions,
+            ...form.getInputProps("bloodType"),
+            "data-testid": "patient-form-blood-type-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          NumberInput,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Celular",
+            allowNegative: false,
+            allowDecimal: false,
+            decimalScale: 0,
+            ...form.getInputProps("cellphone"),
+            "data-testid": "patient-form-cellphone-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          NumberInput,
+          {
+            readOnly: mode === "view",
+            label: "Tel\xE9fono fijo",
+            allowNegative: false,
+            allowDecimal: false,
+            decimalScale: 0,
+            ...form.getInputProps("homephone"),
+            "data-testid": "patient-form-homephone-input"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            label: "Estrato",
+            data: stratumOptions,
+            ...form.getInputProps("stratumId"),
+            "data-testid": "patient-form-stratum-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            label: "Pertenencia \xE9tnica",
+            data: ethnicGroupOptions,
+            ...form.getInputProps("ethnicGroupId"),
+            "data-testid": "patient-form-ethnic-group-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+          Select4,
+          {
+            readOnly: mode === "view",
+            label: "Nivel educativo",
+            data: educationLevelOptions,
+            ...form.getInputProps("educationLevelId"),
+            "data-testid": "patient-form-education-level-select"
+          }
+        ) }),
+        /* @__PURE__ */ jsx8(Grid3.Col, { span: 12, children: /* @__PURE__ */ jsxs7(Paper5, { withBorder: true, p: "md", bg: "brand-color.0", shadow: "none", children: [
+          /* @__PURE__ */ jsx8(Title4, { order: 6, c: "brand-color", mb: "sm", children: "Aseguradora obligatoria" }),
+          /* @__PURE__ */ jsxs7(Grid3, { children: [
+            /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+              Select4,
+              {
+                readOnly: mode === "view",
+                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.policyNumber", "");
+                },
+                "data-testid": "patient-form-mandatory-insurance-company-select"
+              }
+            ) }),
+            /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+              Select4,
+              {
+                readOnly: mode === "view",
+                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.policyNumber", "");
+                },
+                "data-testid": "patient-form-mandatory-insurance-plan-select"
+              }
+            ) }),
+            /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+              Select4,
+              {
+                readOnly: mode === "view",
+                withAsterisk: mode !== "view",
+                label: "Poblaci\xF3n",
+                data: contractPopulationOptions,
+                ...form.getInputProps("mandatoryInsurance.population"),
+                "data-testid": "patient-form-mandatory-insurance-population-select"
+              }
+            ) }),
+            /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+              Select4,
+              {
+                readOnly: mode === "view",
+                withAsterisk: mode !== "view",
+                label: "Grupo de ingreso",
+                data: incomeGroupOptions,
+                ...form.getInputProps("mandatoryInsurance.groupId"),
+                "data-testid": "patient-form-mandatory-insurance-group-select"
+              }
+            ) }),
+            /* @__PURE__ */ jsx8(Grid3.Col, { span: 6, children: /* @__PURE__ */ jsx8(
+              TextInput3,
+              {
+                readOnly: mode === "view",
+                label: "N\xFAmero de p\xF3liza",
+                ...form.getInputProps("mandatoryInsurance.policyNumber"),
+                "data-testid": "patient-form-mandatory-insurance-policy-number-input"
+              }
+            ) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs7(Grid3.Col, { span: 12, children: [
+          form.values.voluntaryInsurance.map((insurance, index) => /* @__PURE__ */ jsx8(
+            PatientVoluntaryInsuranceForm,
+            {
+              index,
+              mode,
+              form
+            },
+            insurance.id ?? index
+          )),
+          /* @__PURE__ */ jsx8(Flex6, { justify: "flex-end", children: mode !== "view" && /* @__PURE__ */ jsx8(
+            Button3,
+            {
+              variant: "outline",
+              color: "secondary",
+              size: "xs",
+              onClick: handleAddVoluntaryInsurance,
+              leftSection: /* @__PURE__ */ jsx8(IconPlus, { style: { width: 16, height: 16 } }),
+              "data-testid": "patient-form-add-voluntary-insurance-button",
+              children: "Agregar aseguradora voluntaria"
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8(Flex6, { justify: "flex-end", mt: "lg", children: mode !== "view" && /* @__PURE__ */ jsx8(
+        Button3,
+        {
+          type: "submit",
+          color: "secondary-color",
+          size: "sm",
+          "data-testid": "patient-form-save-button",
+          children: "Guardar"
+        }
+      ) }),
+      mode === "view" && /* @__PURE__ */ jsx8(PatientAppointmentHistory, { patientId })
+    ] }),
+    /* @__PURE__ */ jsx8(
+      PatientNotes,
+      {
+        isOpen: openPatientNotes,
+        onClose: () => setOpenPatientNotes(false),
+        patientId
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      PatientAssistanceRisks,
+      {
+        isOpen: openPatientAssistanceRisks,
+        onClose: () => setOpenPatientAssistanceRisks(false),
+        patientId
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      PatientAdministrativeRisks,
+      {
+        isOpen: openPatientAdministrativeRisks,
+        onClose: () => setOpenPatientAdministrativeRisks(false),
+        patientId
+      }
+    )
+  ] });
+};
+var createPatientPayload = (values) => {
+  const mandatoryInsurance = {
+    corporateClientId: Number(values.mandatoryInsurance.companyId),
+    contractId: Number(values.mandatoryInsurance.plan),
+    populationId: Number(values.mandatoryInsurance.population),
+    crtId: Number(values.mandatoryInsurance.groupId),
+    policy: values.mandatoryInsurance.policyNumber,
+    isMain: 1
+  };
+  const voluntaryInsurance = values.voluntaryInsurance.map((insurance) => ({
+    companyTypeId: insurance.companyType,
+    corporateClientId: Number(insurance.companyId),
+    contractId: Number(insurance.plan),
+    populationId: Number(insurance.population),
+    crtId: Number(insurance.groupId),
+    policy: insurance.policyNumber,
+    isMain: 0
+  }));
+  return {
+    docTypeId: Number(values.documentTypeId),
+    documentType: Number(values.documentTypeId),
+    document: values.documentNumber,
+    firstName: values.firstName,
+    otherNames: values.middleName ?? "",
+    lastName: values.surname,
+    secondSurname: values.secondSurname ?? "",
+    birthDate: values.birthDate,
+    age: values.age,
+    whatsapp: values.whatsapp,
+    gender: values.gender,
+    affiliationType: Number(values.affiliationTypeId),
+    email: values.email,
+    maritalStatus: values.maritalStatus,
+    provinceId: Number(values.provinceId),
+    cityId: Number(values.cityId),
+    homeAddress: values.homeAddress,
+    bloodType: values.bloodType,
+    cellphone: String(values.cellphone),
+    homephone: values.homephone,
+    emergencyContact: values.emergencyContact,
+    neighborhood: values.neighborhood,
+    ocupation: values.occupation,
+    use_contact_lens: values.use_contact_lens,
+    use_glasses: values.use_glasses,
+    stratumId: Number(values.stratumId),
+    ethnicGroupId: Number(values.ethnicGroupId),
+    educationLevelId: Number(values.educationLevelId),
+    contracts: [mandatoryInsurance, ...voluntaryInsurance]
+  };
+};
+var createPatientForm = (info) => {
+  const mandatoryInsurance = info.contracts.find((c) => c.isMain === 1);
+  const voluntaryInsurance = info.contracts.filter((c) => c.isMain === 0);
+  return {
+    documentTypeId: String(info.docTypeId ?? ""),
+    documentNumber: info.document ?? "",
+    firstName: info.firstName ?? "",
+    middleName: info.otherNames ?? "",
+    surname: info.lastName ?? "",
+    secondSurname: info.secondSurname ?? "",
+    birthDate: info.birthDate ?? "",
+    age: info.age ?? "",
+    whatsapp: info.whatsapp ?? "",
+    gender: info.gender ?? "",
+    affiliationTypeId: String(info.affiliationTypeId ?? ""),
+    bloodType: info.bloodType ?? "",
+    email: info.email ?? "",
+    provinceId: String(info.provinceId ?? ""),
+    cityId: String(info.cityId ?? ""),
+    homeAddress: info.homeAddress ?? "",
+    neighborhood: info.neighborhood ?? "",
+    cellphone: info.cellphone ?? "",
+    homephone: info.homephone ?? "",
+    emergencyContact: info.emergencyContact ?? "",
+    maritalStatus: info.maritalStatus ?? "",
+    occupation: info.ocupation ?? "",
+    use_glasses: info.use_glasses ?? "",
+    use_contact_lens: info.use_contact_lens ?? "",
+    isDataPolicyAccepted: info.processing_of_personal_data ?? false,
+    stratumId: String(info.stratum_id ?? ""),
+    educationLevelId: String(info.educationLevel.id ?? ""),
+    ethnicGroupId: String(info.ethnicGroup.id ?? ""),
+    mandatoryInsurance: {
+      companyId: String(mandatoryInsurance?.corporateClientId ?? ""),
+      plan: String(mandatoryInsurance?.contractId ?? ""),
+      population: String(mandatoryInsurance?.populationId ?? ""),
+      groupId: String(mandatoryInsurance?.crtId ?? ""),
+      policyNumber: mandatoryInsurance?.policy ?? ""
+    },
+    voluntaryInsurance: (voluntaryInsurance ?? []).map((insurance) => ({
+      id: Date.now().toString(),
+      companyTypeTag: insurance.companyTypeTag ?? "",
+      companyType: insurance.companyTypeId ?? "",
+      companyId: String(insurance.corporateClientId ?? ""),
+      plan: String(insurance.contractId ?? ""),
+      population: String(insurance.populationId ?? ""),
+      groupId: String(insurance.crtId ?? ""),
+      policyNumber: insurance.policy ?? ""
+    }))
+  };
+};
+export {
+  PatientAdministrativeRisks,
+  PatientAppointmentHistory,
+  PatientAssistanceRisks,
+  PatientForm,
+  PatientNotes,
+  TTNSharedProvider,
+  useTTNSharedContext
+};