@ttn-shared/ui 0.0.1

package/dist/index.cjs

@@ -0,0 +1,2292 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PatientAdministrativeRisks: () => PatientAdministrativeRisks,
+  PatientAppointmentHistory: () => PatientAppointmentHistory,
+  PatientAssistanceRisks: () => PatientAssistanceRisks,
+  PatientForm: () => PatientForm,
+  PatientNotes: () => PatientNotes,
+  TTNSharedProvider: () => TTNSharedProvider,
+  useTTNSharedContext: () => useTTNSharedContext
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/PatientForm.tsx
+var import_react7 = require("react");
+var import_dayjs = __toESM(require("dayjs"), 1);
+var import_core7 = require("@mantine/core");
+var import_form = require("@mantine/form");
+var import_icons_react6 = require("@tabler/icons-react");
+
+// src/hooks/select.ts
+var import_react_query = require("@tanstack/react-query");
+
+// src/config/axios.ts
+var import_axios = __toESM(require("axios"), 1);
+var getBaseURL = (url, token) => {
+  return {
+    baseURL: url,
+    headers: {
+      Accept: "application/json",
+      Authorization: token
+    }
+  };
+};
+var HTTP_MEDICAL = (token, baseURL) => {
+  const url = `${baseURL}/medical`;
+  return import_axios.default.create(getBaseURL(url, token));
+};
+var HTTP_PAYROLL = (token, baseURL) => {
+  const url = `${baseURL}/payroll`;
+  return import_axios.default.create(getBaseURL(url, token));
+};
+var HTTP_ADMIN = (token, baseURL) => {
+  const url = `${baseURL}/admin`;
+  return import_axios.default.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
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TTNSharedContext = (0, import_react.createContext)(null);
+var TTNSharedProvider = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TTNSharedContext.Provider, { value: props, children });
+};
+var useTTNSharedContext = () => {
+  const context = (0, import_react.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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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 = (0, import_react_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
+var import_react2 = require("react");
+var import_core = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_jsx_runtime2 = require("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 = (0, import_react2.useMemo)(() => {
+    return companyTypes?.map((ct) => ({
+      value: String(ct.id),
+      label: ct.name
+    }));
+  }, [companyTypes]);
+  const companyClientOptions = (0, import_react2.useMemo)(() => {
+    return companyClients?.map((cc) => ({
+      value: String(cc.id),
+      label: cc.name
+    }));
+  }, [companyClients]);
+  const contractOptions = (0, import_react2.useMemo)(() => {
+    return contracts?.map((c) => ({
+      value: String(c.id),
+      label: c.name
+    }));
+  }, [contracts]);
+  const contractPopulationOptions = (0, import_react2.useMemo)(() => {
+    return contractPopulations?.map((cp) => ({
+      value: String(cp.idPopulation),
+      label: cp.name
+    }));
+  }, [contractPopulations]);
+  const incomeGroupOptions = (0, import_react2.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__ */ (0, import_jsx_runtime2.jsxs)(import_core.Paper, { withBorder: true, p: "md", mb: "sm", bg: "#d6e0eb", shadow: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core.Flex, { justify: "space-between", align: "center", mb: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core.Title, { order: 6, c: "secondary-color", children: "Aseguradora voluntaria" }),
+      mode !== "view" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core.ActionIcon,
+        {
+          variant: "subtle",
+          color: "secondary-color",
+          onClick: () => form.removeListItem("voluntaryInsurance", index),
+          "data-testid": `patient-form-voluntary-insurance-remove-button-${index}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_react.IconX, { size: 16 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core.Grid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core.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__ */ (0, import_jsx_runtime2.jsx)(import_core.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core.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__ */ (0, import_jsx_runtime2.jsx)(import_core.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core.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__ */ (0, import_jsx_runtime2.jsx)(import_core.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core.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__ */ (0, import_jsx_runtime2.jsx)(import_core.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core.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__ */ (0, import_jsx_runtime2.jsx)(import_core.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core.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
+var import_react_query2 = require("@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 = (0, import_react_query2.useQuery)({
+    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
+var import_react3 = require("react");
+var import_core2 = require("@mantine/core");
+var import_icons_react2 = require("@tabler/icons-react");
+
+// src/hooks/comment.ts
+var import_react_query3 = require("@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 = (0, import_react_query3.useQuery)({
+    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 = (0, import_react_query3.useMutation)({
+    mutationFn: (payload) => createComment(token, baseUrl, payload)
+  });
+  return mutation;
+};
+var useDeleteComment = () => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const mutation = (0, import_react_query3.useMutation)({
+    mutationFn: (id) => deleteComment(token, baseUrl, id)
+  });
+  return mutation;
+};
+
+// src/components/PatientNotes.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PatientNotes = ({
+  patientId,
+  isOpen,
+  onClose,
+  closeOnSave = true,
+  onAttemptRemoveNote
+}) => {
+  const { userId, userName } = useTTNSharedContext();
+  const [comment, setComment] = (0, import_react3.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__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Drawer.Root, { opened: isOpen, onClose, position: "right", size: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Drawer.Overlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Drawer.Content, { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Flex, { direction: "column", style: { height: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Box, { p: "lg", style: { flexShrink: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ActionIcon, { variant: "subtle", "data-testid": "patient-notes-close-button", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_react2.IconX, { style: { width: 30, height: 30 } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Title, { order: 2, fz: "h2", c: "secondary-color", children: "Notas" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.ScrollArea, { px: "lg", style: { flexGrow: 1 }, children: [
+        notes?.map((note, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Box, { p: "sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Flex, { justify: "space-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { c: "secondary-color", children: note.userName }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_core2.ActionIcon,
+              {
+                size: "sm",
+                variant: "subtle",
+                onClick: () => handleRemoveNote(note),
+                "data-testid": `patient-note-delete-button-${index}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_react2.IconTrash, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { c: "dimmed", children: note.comment }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { c: "dimmed", ta: "end", children: note.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Divider, {})
+        ] }, note.id)),
+        !notes?.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { c: "dimmed", ta: "center", children: "No hay notas disponibles." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Box, { p: "lg", style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Paper, { withBorder: true, p: "md", bg: "brand-color.0", shadow: "none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { c: "brand-color", children: userName }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_core2.Textarea,
+          {
+            value: comment,
+            onChange: (event) => setComment(event.currentTarget.value),
+            rows: 4,
+            "data-testid": "patient-note-comment-textarea"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Flex, { justify: "flex-end", mt: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_core2.ActionIcon,
+          {
+            disabled: comment.trim().length < 3,
+            variant: "subtle",
+            c: "brand-color",
+            onClick: handleAddNote,
+            "data-testid": "patient-note-send-button",
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_react2.IconSend2, { style: { width: 16, height: 16 } })
+          }
+        ) })
+      ] }) })
+    ] }) })
+  ] });
+};
+
+// src/components/PatientAdministrativeRisks.tsx
+var import_react4 = require("react");
+var import_core3 = require("@mantine/core");
+
+// src/hooks/risk.ts
+var import_react_query4 = require("@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 = (0, import_react_query4.useQuery)({
+    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 = (0, import_react_query4.useQuery)({
+    queryKey: ["administrative-risks", filters?.status],
+    queryFn: () => getAdministrativeRisks(token, baseUrl, filters),
+    enabled
+  });
+  return { data: query.data?.results };
+};
+var useUpdateRisks = () => {
+  const { token, baseUrl } = useTTNSharedContext();
+  const mutation = (0, import_react_query4.useMutation)({
+    mutationFn: (payload) => updateRisks(token, baseUrl, payload)
+  });
+  return mutation;
+};
+
+// src/components/PatientAdministrativeRisks.tsx
+var import_icons_react3 = require("@tabler/icons-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var PatientAdministrativeRisks = ({
+  patientId,
+  isOpen,
+  onClose
+}) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [riskValue, setRiskValue] = (0, import_react4.useState)(null);
+  const [selectedRisks, setSelectedRisks] = (0, import_react4.useState)([]);
+  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);
+  };
+  (0, import_react4.useEffect)(() => {
+    if (!patientInfo || !isOpen) {
+      return;
+    }
+    setSelectedRisks(patientInfo.risk.administrative ?? []);
+  }, [patientInfo, isOpen]);
+  const administrativeRiskOptions = (0, import_react4.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime4.jsxs)(
+    import_core3.Modal,
+    {
+      opened: isOpen,
+      onClose,
+      title: "Importancias administrativas",
+      withCloseButton: false,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.FocusTrap.InitialFocus, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_core3.Select,
+          {
+            data: administrativeRiskOptions,
+            value: riskValue,
+            onChange: handleChangeRisk,
+            "data-testid": "patient-administrative-risks-select"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.ScrollArea.Autosize, { mah: 228, mt: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Paper, { withBorder: true, mx: "xs", children: [
+          selectedRisks.map((risk, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Flex, { align: "center", justify: "space-between", p: "xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Group, { gap: "sm", align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                import_core3.ThemeIcon,
+                {
+                  color: risk.classification === "high" ? "#f39682" : "#83c036",
+                  variant: "light",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    import_icons_react3.IconExclamationCircleFilled,
+                    {
+                      color: risk.classification === "high" ? "#f39682" : "#83c036",
+                      style: { width: 20, height: 20 }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Text, { lineClamp: 2, title: risk.description, children: risk.description })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_core3.ActionIcon,
+              {
+                variant: "subtle",
+                onClick: () => handleRemoveRisk(risk.id),
+                "data-testid": `patient-administrative-risks-remove-button-${index}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_react3.IconX, { style: { width: 20, height: 20 } })
+              }
+            )
+          ] }, risk.id)),
+          selectedRisks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Text, { c: "dimmed", p: "xs", children: "No hay riesgos administrativos seleccionados." })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core3.Group, { justify: "flex-end", gap: "md", mt: "xl", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_core3.Button,
+            {
+              variant: "outline",
+              onClick: onClose,
+              "data-testid": "patient-administrative-risks-cancel-button",
+              children: "Cancelar"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_core3.Button,
+            {
+              type: "submit",
+              onClick: handleSaveRisks,
+              "data-testid": "patient-administrative-risks-save-button",
+              children: "Guardar"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/PatientAssistanceRisks.tsx
+var import_react5 = require("react");
+var import_core4 = require("@mantine/core");
+var import_icons_react4 = require("@tabler/icons-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PatientAssistanceRisks = ({
+  patientId,
+  isOpen,
+  onClose
+}) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [riskValue, setRiskValue] = (0, import_react5.useState)(null);
+  const [selectedRisks, setSelectedRisks] = (0, import_react5.useState)([]);
+  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);
+  };
+  (0, import_react5.useEffect)(() => {
+    if (!patientInfo || !isOpen) {
+      return;
+    }
+    const formattedRisks = (patientInfo.risk.assistance ?? []).map((risk) => ({
+      clinicalDiseaseId: risk.id,
+      clinicalDiseaseName: risk.name,
+      clinicalDiseaseTag: ""
+    }));
+    setSelectedRisks(formattedRisks);
+  }, [patientInfo, isOpen]);
+  const assistanceRiskOptions = (0, import_react5.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime5.jsxs)(
+    import_core4.Modal,
+    {
+      opened: isOpen,
+      onClose,
+      title: "Importancias asistenciales",
+      withCloseButton: false,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.FocusTrap.InitialFocus, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_core4.Select,
+          {
+            data: assistanceRiskOptions,
+            value: riskValue,
+            onChange: handleChangeRisk,
+            "data-testid": "patient-assistance-risks-select"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.ScrollArea.Autosize, { mah: 228, mt: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_core4.Paper, { withBorder: true, mx: "xs", children: [
+          selectedRisks.map((risk, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_core4.Flex, { align: "center", justify: "space-between", p: "xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Text, { lineClamp: 2, title: risk.clinicalDiseaseName, children: risk.clinicalDiseaseName }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_core4.ActionIcon,
+              {
+                variant: "subtle",
+                onClick: () => handleRemoveRisk(risk.clinicalDiseaseId),
+                "data-testid": `patient-assistance-risks-remove-button-${index}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons_react4.IconX, { style: { width: 20, height: 20 } })
+              }
+            )
+          ] }, risk.clinicalDiseaseId)),
+          selectedRisks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Text, { c: "dimmed", p: "xs", children: "No hay importancias seleccionadas." })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_core4.Group, { justify: "flex-end", gap: "md", mt: "xl", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_core4.Button,
+            {
+              variant: "outline",
+              onClick: onClose,
+              "data-testid": "patient-assistance-risks-cancel-button",
+              children: "Cancelar"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_core4.Button,
+            {
+              type: "submit",
+              onClick: handleSaveRisks,
+              "data-testid": "patient-assistance-risks-save-button",
+              children: "Guardar"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/hooks/appointment.ts
+var import_react_query5 = require("@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 = (0, import_react_query5.useQuery)({
+    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
+var import_core6 = require("@mantine/core");
+var import_icons_react5 = require("@tabler/icons-react");
+var import_react6 = require("react");
+
+// src/components/AppPagination.tsx
+var import_core5 = require("@mantine/core");
+var TI = __toESM(require("@tabler/icons-react"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SkipPrevIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TI.IconPlayerSkipBackFilled, { style: { width: 12, height: 12 } });
+var PrevIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TI.IconCaretLeftFilled, { style: { width: 15, height: 15 } });
+var NextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TI.IconCaretRightFilled, { style: { width: 15, height: 15 } });
+var SkipNextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TI.IconPlayerSkipForwardFilled, { style: { width: 12, height: 12 } });
+function AppPagination(props) {
+  const theme = (0, import_core5.useMantineTheme)();
+  const total = Math.ceil(Math.ceil(props.total || 0) / 10);
+  const chunkedTotal = props.chunkedTotal;
+  const renderComponent = () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      import_core5.Group,
+      {
+        w: "100%",
+        py: "xl",
+        align: "center",
+        justify: props.withDetails ? "space-between" : "flex-end",
+        mt: "lg",
+        "data-testid": "apppagination-main-group",
+        children: [
+          props.withDetails && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core5.Text, { "data-testid": "apppagination-details-text", children: [
+            "P\xE1g. ",
+            Number(props?.value),
+            " de ",
+            chunkedTotal ?? total,
+            " ",
+            props.total ? `(${props.total} encontrados)` : ""
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_core5.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__ */ (0, import_jsx_runtime6.jsxs)(import_core5.Group, { gap: 5, justify: "center", "data-testid": "apppagination-buttons-group", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_core5.Pagination.First,
+                  {
+                    icon: SkipPrevIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-first"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_core5.Pagination.Previous,
+                  {
+                    icon: PrevIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-previous"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core5.Pagination.Items, { "data-testid": "apppagination-items" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_core5.Pagination.Next,
+                  {
+                    icon: NextIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-next"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_core5.Pagination.Last,
+                  {
+                    icon: SkipNextIcon,
+                    style: {
+                      backgroundColor: "#00b4cc",
+                      color: theme.white
+                    },
+                    "data-testid": "apppagination-last"
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  };
+  return renderComponent();
+}
+
+// src/components/PatientAppointmentHistory.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var PatientAppointmentHistory = ({ patientId }) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [currentPage, setCurrentPage] = (0, import_react6.useState)(1);
+  const [selectedAppointment, setSelectedAppointment] = (0, import_react6.useState)();
+  const { data: appointments, rowTotal } = useAppointments({
+    enabled: Boolean(patientId),
+    filters: {
+      idPatient: patientId,
+      page: currentPage,
+      perpage: 10,
+      idAccount: userAccountId ?? 0
+    }
+  });
+  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.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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Th, { ta: "center", children: "Estado" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Th, {})
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Table.Tbody, { children: [
+          appointments?.map((appointment) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Table.Tr, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Td, { ta: "center", children: appointment.dateApp }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Td, { ta: "start", tt: "capitalize", children: appointment.serviceName?.toLowerCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Td, { miw: 132, ta: "center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_core6.Badge,
+              {
+                variant: "light",
+                style: {
+                  maxWidth: 150,
+                  width: "100%",
+                  color: appointment.fontColorStatus,
+                  background: appointment.bgColorStatus
+                },
+                children: appointment.status
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Table.Td, { ta: "center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_core6.ActionIcon,
+              {
+                variant: "subtle",
+                onClick: () => setSelectedAppointment(appointment),
+                "data-testid": "patient-appointment-history-view-details-button",
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons_react5.IconSearch, {})
+              }
+            ) })
+          ] }, 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,
+        {
+          value: currentPage,
+          total: rowTotal,
+          rowTotal,
+          onChange: setCurrentPage
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      import_core6.Modal.Root,
+      {
+        opened: Boolean(selectedAppointment),
+        onClose: () => setSelectedAppointment(void 0),
+        size: "100%",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Modal.Overlay, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Modal.Content, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Modal.Header, { style: { alignItems: "flex-start" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Modal.Title, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "brand-color", ta: "center", fz: 24, fw: 700, children: "Detalles de la cita" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Text, { c: selectedAppointment?.fontColorStatus, ta: "center", fz: 20, children: [
+                  "Estado - ",
+                  selectedAppointment?.status
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Modal.CloseButton, {})
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Modal.Body, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Text, { ta: "center", c: "secondary-color", fz: 16, fw: 700, children: [
+                "Identificador de la cita no. ",
+                selectedAppointment?.id
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Flex, { gap: "lg", mt: "md", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Box, { miw: 228, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    import_core6.TextInput,
+                    {
+                      readOnly: true,
+                      label: "Identificaci\xF3n del paciente",
+                      value: selectedAppointment?.cluDocument ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    import_core6.TextInput,
+                    {
+                      readOnly: true,
+                      label: "Primer nombre",
+                      value: selectedAppointment?.cluFirstName ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    import_core6.TextInput,
+                    {
+                      readOnly: true,
+                      label: "Primer apellido",
+                      value: selectedAppointment?.cluLastName ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    import_core6.TextInput,
+                    {
+                      readOnly: true,
+                      label: "Fecha de nacimiento",
+                      value: selectedAppointment?.cluBirhDate ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    import_core6.TextInput,
+                    {
+                      readOnly: true,
+                      label: "WhatsApp",
+                      value: selectedAppointment?.cluWhatasapp ?? "",
+                      mb: "xs"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    import_core6.TextInput,
+                    {
+                      readOnly: true,
+                      label: "Correo electr\xF3nico",
+                      value: selectedAppointment?.cluEmail ?? ""
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "secondary-color", fw: 700, children: "Informaci\xF3n de la cita" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Sede" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "M\xE9dico" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Servicio" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Fecha" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "No. Historia cl\xEDnica" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Diagn\xF3stico" })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.siteName, children: selectedAppointment?.siteName ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.fullNameDoctor, children: selectedAppointment?.fullNameDoctor ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.serviceName, children: selectedAppointment?.serviceName ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.dateApp, children: selectedAppointment?.dateApp ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                          import_core6.Text,
+                          {
+                            lineClamp: 1,
+                            title: String(selectedAppointment?.clinicalHistoryID ?? ""),
+                            children: selectedAppointment?.clinicalHistoryID ?? "-"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.dxName, children: selectedAppointment?.dxName ?? "-" })
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "secondary-color", fw: 700, children: "Aseguradora" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Aseguradora" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Contrato" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Poblaci\xF3n" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Grupo de ingreso" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Observaciones" })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.ccName, children: selectedAppointment?.ccName ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.contractName, children: selectedAppointment?.contractName ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.popName, children: selectedAppointment?.popName ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.crtName, children: selectedAppointment?.crtName ?? "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { lineClamp: 1, title: selectedAppointment?.appObservations, children: selectedAppointment?.appObservations || "-" })
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "secondary-color", fw: 700, children: "Recaudo" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Efectivo" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Total d\xE9bito" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Total" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Asesor" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { c: "dimmed", fw: 700, children: "Fecha" })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core6.Grid.Col, { span: 6, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { children: "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { children: "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { children: "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { children: "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { children: "-" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.Text, { children: "-" })
+                      ] })
+                    ] })
+                  ] })
+                ] }) })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/PatientForm.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var PatientForm = ({
+  defaultMode,
+  patientId,
+  onSavePatient,
+  onSaveError,
+  onBack
+}) => {
+  const { userAccountId } = useTTNSharedContext();
+  const [mode, setMode] = (0, import_react7.useState)(defaultMode);
+  const [openPatientNotes, setOpenPatientNotes] = (0, import_react7.useState)(false);
+  const [openPatientAssistanceRisks, setOpenPatientAssistanceRisks] = (0, import_react7.useState)(false);
+  const [openPatientAdministrativeRisks, setOpenPatientAdministrativeRisks] = (0, import_react7.useState)(false);
+  const form = (0, import_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 = (0, import_dayjs.default)(value);
+    const today = (0, import_dayjs.default)();
+    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: ""
+    });
+  };
+  (0, import_react7.useEffect)(() => {
+    if (!patientInfo || mode === "create") return;
+    const patientForm = createPatientForm(patientInfo);
+    form.setValues(patientForm);
+  }, [patientInfo, mode]);
+  const documentTypeOptions = (0, import_react7.useMemo)(() => {
+    return documentTypes?.map((dt) => ({
+      value: String(dt.id),
+      label: dt.description
+    }));
+  }, [documentTypes]);
+  const affiliationTypeOptions = (0, import_react7.useMemo)(() => {
+    return affiliationTypes?.map((at) => ({
+      value: String(at.affiliationTypeId),
+      label: at.affiliationTypeName
+    }));
+  }, [affiliationTypes]);
+  const provinceOptions = (0, import_react7.useMemo)(() => {
+    return provinces?.map((p) => ({
+      value: String(p.id),
+      label: p.name
+    }));
+  }, [provinces]);
+  const cityOptions = (0, import_react7.useMemo)(() => {
+    return cities?.map((c) => ({
+      value: String(c.id),
+      label: `${c.name} - ${c.geocode}`
+    }));
+  }, [cities]);
+  const stratumOptions = (0, import_react7.useMemo)(() => {
+    return stratums?.map((s) => ({
+      value: String(s.id),
+      label: s.name
+    }));
+  }, [stratums]);
+  const ethnicGroupOptions = (0, import_react7.useMemo)(() => {
+    return ethnicGroups?.map((eg) => ({
+      value: String(eg.id),
+      label: eg.description
+    }));
+  }, [ethnicGroups]);
+  const educationLevelOptions = (0, import_react7.useMemo)(() => {
+    return educationLevels?.map((el) => ({
+      value: String(el.id),
+      label: el.description
+    }));
+  }, [educationLevels]);
+  const companyClientOptions = (0, import_react7.useMemo)(() => {
+    return companyClients?.map((cc) => ({
+      value: String(cc.id),
+      label: cc.name
+    }));
+  }, [companyClients]);
+  const contractOptions = (0, import_react7.useMemo)(() => {
+    return contracts?.map((c) => ({
+      value: String(c.id),
+      label: c.name
+    }));
+  }, [contracts]);
+  const contractPopulationOptions = (0, import_react7.useMemo)(() => {
+    return contractPopulations?.map((cp) => ({
+      value: String(cp.idPopulation),
+      label: cp.name
+    }));
+  }, [contractPopulations]);
+  const incomeGroupOptions = (0, import_react7.useMemo)(() => {
+    return incomeGroups?.map((ig) => ({
+      value: String(ig.crtId),
+      label: ig.copaymentRateName
+    }));
+  }, [incomeGroups]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Flex, { w: "100%", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_core7.ActionIcon,
+      {
+        variant: "subtle",
+        onClick: handleCancelForm,
+        "data-testid": "patient-form-close-button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_react6.IconX, { style: { width: 30, height: 30 } })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Title, { c: "secondary-color", mt: "xs", children: patientFormTitles[mode] }),
+    mode !== "create" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core7.Flex, { w: "100%", justify: "flex-end", gap: "xs", my: "xs", children: [
+      mode === "view" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Tooltip, { label: "Editar", withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_core7.ActionIcon,
+        {
+          variant: "subtle",
+          onClick: () => setMode("edit"),
+          "data-testid": "patient-form-edit-button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_react6.IconPencil, { style: { width: 24, height: 24 } })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Tooltip, { label: "Ver notas", withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_core7.ActionIcon,
+        {
+          variant: "subtle",
+          onClick: () => setOpenPatientNotes(true),
+          "data-testid": "patient-form-notes-button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_react6.IconMessage, { style: { width: 24, height: 24 } })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Tooltip, { label: "Riesgo asistencial", withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_core7.ActionIcon,
+        {
+          variant: "subtle",
+          color: "#83c036",
+          onClick: () => setOpenPatientAssistanceRisks(true),
+          "data-testid": "patient-form-assistance-risks-button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_react6.IconExclamationCircleFilled, { style: { width: 24, height: 24 } })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Tooltip, { label: "Riesgo administrativo", withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_core7.ActionIcon,
+        {
+          variant: "subtle",
+          color: "#f39682",
+          onClick: () => setOpenPatientAdministrativeRisks(true),
+          "data-testid": "patient-form-administrative-risks-button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_react6.IconExclamationCircleFilled, { style: { width: 24, height: 24 } })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { onSubmit: form.onSubmit(handleSubmit), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core7.Grid, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Tipo de Documento",
+            data: documentTypeOptions,
+            ...form.getInputProps("documentTypeId"),
+            "data-testid": "patient-form-document-type-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "N\xFAmero de Documento",
+            ...form.getInputProps("documentNumber"),
+            "data-testid": "patient-form-document-number-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Primer Nombre",
+            ...form.getInputProps("firstName"),
+            "data-testid": "patient-form-first-name-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            label: "Segundo Nombre",
+            ...form.getInputProps("middleName"),
+            "data-testid": "patient-form-middle-name-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Primer Apellido",
+            ...form.getInputProps("surname"),
+            "data-testid": "patient-form-surname-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            label: "Segundo Apellido",
+            ...form.getInputProps("secondSurname"),
+            "data-testid": "patient-form-second-surname-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Fecha de Nacimiento",
+            type: "date",
+            ...form.getInputProps("birthDate"),
+            "data-testid": "patient-form-birth-date-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.NumberInput,
+          {
+            readOnly: true,
+            label: "Edad",
+            suffix: !form.values.age ? "" : " a\xF1os",
+            ...form.getInputProps("age"),
+            "data-testid": "patient-form-age-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.NumberInput,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "WhatsApp",
+            allowNegative: false,
+            allowDecimal: false,
+            ...form.getInputProps("whatsapp"),
+            "data-testid": "patient-form-whatsapp-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "G\xE9nero",
+            data: genderOptions,
+            ...form.getInputProps("gender"),
+            "data-testid": "patient-form-gender-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Tipo de afiliaci\xF3n",
+            data: affiliationTypeOptions,
+            ...form.getInputProps("affiliationTypeId"),
+            "data-testid": "patient-form-affiliation-type-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            label: "Correo electr\xF3nico",
+            ...form.getInputProps("email"),
+            "data-testid": "patient-form-email-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Estado civil",
+            data: maritalStatusOptions,
+            ...form.getInputProps("maritalStatus"),
+            "data-testid": "patient-form-marital-status-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 12, mt: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Checkbox,
+          {
+            readOnly: mode === "view",
+            label: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core7.Text, { fz: "sm", children: [
+              "Autorizo el tratamiento de mis datos personales conforme a la",
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_core7.Text,
+                {
+                  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__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { mt: "md", span: 12, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Title, { order: 6, c: "brand-color", children: "Informaci\xF3n complementaria" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            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__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            withAsterisk: mode !== "view",
+            label: "Municipio",
+            data: cityOptions,
+            ...form.getInputProps("cityId"),
+            "data-testid": "patient-form-city-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.TextInput,
+          {
+            readOnly: mode === "view",
+            label: "Direcci\xF3n",
+            ...form.getInputProps("homeAddress"),
+            "data-testid": "patient-form-home-address-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            label: "Grupo sangu\xEDneo",
+            data: bloodTypeOptions,
+            ...form.getInputProps("bloodType"),
+            "data-testid": "patient-form-blood-type-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.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__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.NumberInput,
+          {
+            readOnly: mode === "view",
+            label: "Tel\xE9fono fijo",
+            allowNegative: false,
+            allowDecimal: false,
+            decimalScale: 0,
+            ...form.getInputProps("homephone"),
+            "data-testid": "patient-form-homephone-input"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            label: "Estrato",
+            data: stratumOptions,
+            ...form.getInputProps("stratumId"),
+            "data-testid": "patient-form-stratum-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            label: "Pertenencia \xE9tnica",
+            data: ethnicGroupOptions,
+            ...form.getInputProps("ethnicGroupId"),
+            "data-testid": "patient-form-ethnic-group-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core7.Select,
+          {
+            readOnly: mode === "view",
+            label: "Nivel educativo",
+            data: educationLevelOptions,
+            ...form.getInputProps("educationLevelId"),
+            "data-testid": "patient-form-education-level-select"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 12, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core7.Paper, { withBorder: true, p: "md", bg: "brand-color.0", shadow: "none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Title, { order: 6, c: "brand-color", mb: "sm", children: "Aseguradora obligatoria" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core7.Grid, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_core7.Select,
+              {
+                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__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_core7.Select,
+              {
+                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__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_core7.Select,
+              {
+                readOnly: mode === "view",
+                withAsterisk: mode !== "view",
+                label: "Poblaci\xF3n",
+                data: contractPopulationOptions,
+                ...form.getInputProps("mandatoryInsurance.population"),
+                "data-testid": "patient-form-mandatory-insurance-population-select"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_core7.Select,
+              {
+                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__ */ (0, import_jsx_runtime8.jsx)(import_core7.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_core7.TextInput,
+              {
+                readOnly: mode === "view",
+                label: "N\xFAmero de p\xF3liza",
+                ...form.getInputProps("mandatoryInsurance.policyNumber"),
+                "data-testid": "patient-form-mandatory-insurance-policy-number-input"
+              }
+            ) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core7.Grid.Col, { span: 12, children: [
+          form.values.voluntaryInsurance.map((insurance, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            PatientVoluntaryInsuranceForm,
+            {
+              index,
+              mode,
+              form
+            },
+            insurance.id ?? index
+          )),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Flex, { justify: "flex-end", children: mode !== "view" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_core7.Button,
+            {
+              variant: "outline",
+              color: "secondary",
+              size: "xs",
+              onClick: handleAddVoluntaryInsurance,
+              leftSection: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_react6.IconPlus, { style: { width: 16, height: 16 } }),
+              "data-testid": "patient-form-add-voluntary-insurance-button",
+              children: "Agregar aseguradora voluntaria"
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Flex, { justify: "flex-end", mt: "lg", children: mode !== "view" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_core7.Button,
+        {
+          type: "submit",
+          color: "secondary-color",
+          size: "sm",
+          "data-testid": "patient-form-save-button",
+          children: "Guardar"
+        }
+      ) }),
+      mode === "view" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PatientAppointmentHistory, { patientId })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      PatientNotes,
+      {
+        isOpen: openPatientNotes,
+        onClose: () => setOpenPatientNotes(false),
+        patientId
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      PatientAssistanceRisks,
+      {
+        isOpen: openPatientAssistanceRisks,
+        onClose: () => setOpenPatientAssistanceRisks(false),
+        patientId
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      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 ?? ""
+    }))
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PatientAdministrativeRisks,
+  PatientAppointmentHistory,
+  PatientAssistanceRisks,
+  PatientForm,
+  PatientNotes,
+  TTNSharedProvider,
+  useTTNSharedContext
+});