- {t("local_ipaddress")}:
+ {t("local_ip_address")}:
{asset?.meta?.local_ip_address}
diff --git a/src/Components/Common/Sidebar/Sidebar.tsx b/src/Components/Common/Sidebar/Sidebar.tsx
index 0e9ee34b715..549cadabb09 100644
--- a/src/Components/Common/Sidebar/Sidebar.tsx
+++ b/src/Components/Common/Sidebar/Sidebar.tsx
@@ -8,11 +8,25 @@ import SlideOver from "../../../CAREUI/interactive/SlideOver";
import { classNames } from "../../../Utils/utils";
import { Link } from "raviger";
import careConfig from "@careConfig";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipProvider,
+ TooltipTrigger,
+} from "@/Components/ui/tooltip";
+import { useTranslation } from "react-i18next";
+import { useCareAppNavItems } from "@/Common/hooks/useCareApps";
export const SIDEBAR_SHRINK_PREFERENCE_KEY = "sidebarShrinkPreference";
const LOGO_COLLAPSE = "/images/care_logo_mark.svg";
+export interface INavItem {
+ text: string;
+ to?: string;
+ icon: IconName;
+}
+
type StatelessSidebarProps =
| {
shrinkable: true;
@@ -32,21 +46,22 @@ const StatelessSidebar = ({
setShrinked,
onItemClick,
}: StatelessSidebarProps) => {
- const NavItems: {
- text: string;
- to: string;
- icon: IconName;
- }[] = [
- { text: "Facilities", to: "/facility", icon: "l-hospital" },
- { text: "Patients", to: "/patients", icon: "l-user-injured" },
- { text: "Assets", to: "/assets", icon: "l-shopping-cart-alt" },
- { text: "Sample Test", to: "/sample", icon: "l-medkit" },
- { text: "Shifting", to: "/shifting", icon: "l-ambulance" },
- { text: "Resource", to: "/resource", icon: "l-heart-medical" },
- { text: "Users", to: "/users", icon: "l-users-alt" },
- { text: "Notice Board", to: "/notice_board", icon: "l-meeting-board" },
+ const { t } = useTranslation();
+ const BaseNavItems: INavItem[] = [
+ { text: t("facilities"), to: "/facility", icon: "l-hospital" },
+ { text: t("patients"), to: "/patients", icon: "l-user-injured" },
+ { text: t("assets"), to: "/assets", icon: "l-shopping-cart-alt" },
+ { text: t("sample_test"), to: "/sample", icon: "l-medkit" },
+ { text: t("shifting"), to: "/shifting", icon: "l-ambulance" },
+ { text: t("resource"), to: "/resource", icon: "l-heart-medical" },
+ { text: t("users"), to: "/users", icon: "l-users-alt" },
+ { text: t("notice_board"), to: "/notice_board", icon: "l-meeting-board" },
];
+ const PluginNavItems = useCareAppNavItems();
+
+ const NavItems = [...BaseNavItems, ...PluginNavItems];
+
const activeLink = useActiveLink();
const Item = shrinked ? ShrinkedSidebarItem : SidebarItem;
@@ -58,23 +73,21 @@ const StatelessSidebar = ({
const updateIndicator = () => {
if (!indicatorRef.current) return;
const index = NavItems.findIndex((item) => item.to === activeLink);
- const navItemCount = NavItems.length + (careConfig.urls.dashboard ? 2 : 1); // +2 for notification and dashboard
+ const navItemCount = NavItems.length + (careConfig.urls.dashboard ? 2 : 1);
if (index !== -1) {
- // Haha math go brrrrrrrrr
-
const e = indicatorRef.current;
const itemHeight = activeLinkRef.current?.clientHeight || 0;
- if (lastIndicatorPosition > index) {
- e.style.top = `${itemHeight * (index + 0.37)}px`;
- setTimeout(() => {
- e.style.bottom = `${itemHeight * (navItemCount - 0.63 - index)}px`;
- }, 50);
- } else {
- e.style.bottom = `${itemHeight * (navItemCount - 0.63 - index)}px`;
- setTimeout(() => {
- e.style.top = `${itemHeight * (index + 0.37)}px`;
- }, 50);
- }
+ const itemOffset = index * itemHeight;
+
+ const indicatorHeight = indicatorRef.current.clientHeight;
+ const indicatorOffset = (itemHeight - indicatorHeight) / 2;
+
+ const top = `${itemOffset + indicatorOffset}px`;
+ const bottom = `${navItemCount * itemHeight - itemOffset - indicatorOffset}px`;
+
+ e.style.top = top;
+ e.style.bottom = bottom;
+
setLastIndicatorPosition(index);
} else {
indicatorRef.current.style.display = "none";
@@ -96,7 +109,7 @@ const StatelessSidebar = ({
return (
- {shrinked && (
+ {setShrinked && shrinked && (
setShrinked && setShrinked(!shrinked)}
+ toggle={() => setShrinked(!shrinked)}
/>
)}
-
+
- {!shrinked && (
+ {setShrinked && !shrinked && (
setShrinked && setShrinked(!shrinked)}
+ toggle={() => setShrinked(!shrinked)}
/>
)}
{/* flexible spacing */}
-
+
{NavItems.map((i) => {
@@ -151,7 +165,7 @@ const StatelessSidebar = ({
{...i}
icon={
}
selected={i.to === activeLink}
- do={() => onItemClick && onItemClick(false)}
+ onItemClick={() => onItemClick && onItemClick(false)}
handleOverflow={handleOverflow}
/>
);
@@ -218,18 +232,28 @@ interface ToggleShrinkProps {
toggle: () => void;
}
-const ToggleShrink = ({ shrinked, toggle }: ToggleShrinkProps) => (
-
-
-);
+const ToggleShrink = ({ shrinked, toggle }: ToggleShrinkProps) => {
+ const { t } = useTranslation();
+ return (
+
+
+
+
+
+
+
+ {shrinked ? t("expand_sidebar") : t("collapse_sidebar")}
+
+
+
+ );
+};
diff --git a/src/Components/Common/Sidebar/SidebarItem.tsx b/src/Components/Common/Sidebar/SidebarItem.tsx
index 265119f936e..6db51bbac3a 100644
--- a/src/Components/Common/Sidebar/SidebarItem.tsx
+++ b/src/Components/Common/Sidebar/SidebarItem.tsx
@@ -10,37 +10,39 @@ type SidebarItemProps = {
ref?: React.Ref
;
text: string;
icon: SidebarIcon;
+ onItemClick?: () => void;
external?: true | undefined;
badgeCount?: number | undefined;
selected?: boolean | undefined;
handleOverflow?: any;
-} & ({ to: string; do?: undefined } | { to?: string; do: () => void });
+} & ({ to?: string; do?: undefined } | { to?: string; do: () => void });
type SidebarItemBaseProps = SidebarItemProps & {
shrinked?: boolean;
- ref: Ref;
};
-const SidebarItemBase = forwardRef(
- (
- { shrinked, external, ...props }: SidebarItemBaseProps,
- ref: Ref,
- ) => {
+const SidebarItemBase = forwardRef(
+ ({ shrinked, external, ...props }, ref) => {
const { t } = useTranslation();
const { resetHistory } = useAppHistory();
return (
{t(props.text)}
diff --git a/src/Components/Common/Sidebar/SidebarUserCard.tsx b/src/Components/Common/Sidebar/SidebarUserCard.tsx
index 9e9b113c4aa..2352bf6d843 100644
--- a/src/Components/Common/Sidebar/SidebarUserCard.tsx
+++ b/src/Components/Common/Sidebar/SidebarUserCard.tsx
@@ -5,6 +5,13 @@ import CareIcon from "../../../CAREUI/icons/CareIcon";
import { formatName, formatDisplayName } from "../../../Utils/utils";
import useAuthUser, { useAuthContext } from "../../../Common/hooks/useAuthUser";
import { Avatar } from "@/Components/Common/Avatar";
+import { Button } from "@/Components/ui/button";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/Components/ui/dropdown-menu";
interface SidebarUserCardProps {
shrinked: boolean;
@@ -16,47 +23,60 @@ const SidebarUserCard: React.FC = ({ shrinked }) => {
const { signOut } = useAuthContext();
return (
-
-
-
-
- {!shrinked && (
-
- {formatName(user)}
-
- )}
-
-
-
-
);
};
diff --git a/src/Components/Common/SortDropdown.tsx b/src/Components/Common/SortDropdown.tsx
index b54edffa595..0c4fddec58c 100644
--- a/src/Components/Common/SortDropdown.tsx
+++ b/src/Components/Common/SortDropdown.tsx
@@ -29,6 +29,7 @@ export default function SortDropdownMenu(props: Props) {
>
{props.options.map(({ isAscending, value }) => (
& {
- placeholder?: string;
-};
+type TemperatureFormFieldProps = FormFieldBaseProps;
-export default function TemperatureFormField(props: Props) {
+export default function TemperatureFormField({
+ onChange,
+ id,
+ label,
+ error,
+ value,
+ name,
+}: TemperatureFormFieldProps) {
const [unit, setUnit] = useState("fahrenheit");
+ const [inputValue, setInputValue] = useState(value || "");
+
+ useEffect(() => {
+ if (value) {
+ const initialTemperature =
+ unit === "celsius"
+ ? fahrenheitToCelsius(parseFloat(value)).toFixed(1)
+ : value;
+ setInputValue(initialTemperature);
+ }
+ }, [value, unit]);
+
+ const handleUnitChange = () => {
+ setUnit(unit === "celsius" ? "fahrenheit" : "celsius");
+ if (inputValue) {
+ const convertedValue =
+ unit === "celsius"
+ ? celsiusToFahrenheit(parseFloat(inputValue)).toFixed(1)
+ : fahrenheitToCelsius(parseFloat(inputValue)).toFixed(1);
+ setInputValue(convertedValue);
+ }
+ };
+
+ const handleInputChange = (e: FieldChangeEvent) => {
+ const newValue = e.value;
+
+ const regex = /^-?\d*\.?\d{0,1}$/;
+ if (regex.test(newValue)) {
+ setInputValue(newValue);
+ }
+ };
+
+ const handleBlur = () => {
+ if (!inputValue) return;
+ const parsedValue = parseFloat(inputValue);
+ if (isNaN(parsedValue)) return;
+
+ const finalValue =
+ unit === "celsius"
+ ? celsiusToFahrenheit(parsedValue).toString()
+ : parsedValue.toString();
+
+ setInputValue(finalValue);
+ onChange({ name, value: finalValue });
+ };
return (
- setUnit(unit === "celsius" ? "fahrenheit" : "celsius")}
- >
-
- }
- />
+
+
+
+
);
}
diff --git a/src/Components/Common/components/ButtonV2.tsx b/src/Components/Common/components/ButtonV2.tsx
index bc67e150fdc..b7eab5f29d7 100644
--- a/src/Components/Common/components/ButtonV2.tsx
+++ b/src/Components/Common/components/ButtonV2.tsx
@@ -4,6 +4,8 @@ import CareIcon from "../../../CAREUI/icons/CareIcon";
import { Link } from "raviger";
import { classNames } from "../../../Utils/utils";
import { useTranslation } from "react-i18next";
+import { useEffect, useState } from "react";
+import Spinner from "../Spinner";
export type ButtonSize = "small" | "default" | "large";
export type ButtonShape = "square" | "circle";
@@ -22,36 +24,40 @@ export type RawButtonProps = Omit<
"style"
>;
+export type ButtonStyleProps = {
+ /**
+ * - `"small"` has small text and minimal padding.
+ * - `"default"` has small text with normal padding.
+ * - `"large"` has base text size with large padding.
+ */
+ size?: ButtonSize;
+ /**
+ * - `"square"` gives a button with minimally rounded corners.
+ * - `"circle"` gives a button with fully rounded corners. Ideal when only
+ * icons are present.
+ */
+ circle?: boolean | undefined;
+ /**
+ * - `"primary"` is ideal for form submissions, etc.
+ * - `"secondary"` is ideal for things that have secondary importance.
+ * - `"danger"` is ideal for destructive or dangerous actions, such as delete.
+ * - `"warning"` is ideal for actions that require caution such as archive.
+ * - `"alert"` is ideal for actions that require alert.
+ */
+ variant?: ButtonVariant;
+ /** If set, gives an elevated button with hover effects. */
+ shadow?: boolean | undefined;
+ /** If set, removes the background to give a simple text button. */
+ ghost?: boolean | undefined;
+ /**
+ * If set, applies border to the button.
+ */
+ border?: boolean | undefined;
+};
+
export type ButtonProps = RawButtonProps &
- AuthorizedElementProps & {
- /**
- * - `"small"` has small text and minimal padding.
- * - `"default"` has small text with normal padding.
- * - `"large"` has base text size with large padding.
- */
- size?: ButtonSize;
- /**
- * - `"square"` gives a button with minimally rounded corners.
- * - `"circle"` gives a button with fully rounded corners. Ideal when only
- * icons are present.
- */
- circle?: boolean | undefined;
- /**
- * - `"primary"` is ideal for form submissions, etc.
- * - `"secondary"` is ideal for things that have secondary importance.
- * - `"danger"` is ideal for destructive or dangerous actions, such as delete.
- * - `"warning"` is ideal for actions that require caution such as archive.
- * - `"alert"` is ideal for actions that require alert.
- */
- variant?: ButtonVariant;
- /** If set, gives an elevated button with hover effects. */
- shadow?: boolean | undefined;
- /** If set, removes the background to give a simple text button. */
- ghost?: boolean | undefined;
- /**
- * If set, applies border to the button.
- */
- border?: boolean | undefined;
+ AuthorizedElementProps &
+ ButtonStyleProps & {
/**
* Whether the button is disabled or not.
* This is overriden to `true` if `loading` is `true`.
@@ -83,10 +89,28 @@ export type ButtonProps = RawButtonProps &
tooltipClassName?: string;
};
-const ButtonV2 = ({
- authorizeFor,
+export const buttonStyles = ({
size = "default",
+ circle = false,
variant = "primary",
+ ghost = false,
+ border = false,
+ shadow = !ghost,
+}: ButtonStyleProps) => {
+ return classNames(
+ "inline-flex h-min cursor-pointer items-center justify-center gap-2 whitespace-pre font-medium outline-offset-1 transition-all duration-200 ease-in-out disabled:cursor-not-allowed disabled:bg-secondary-200 disabled:text-secondary-500",
+ `button-size-${size}`,
+ `button-shape-${circle ? "circle" : "square"}`,
+ ghost ? `button-${variant}-ghost` : `button-${variant}-default`,
+ border && `button-${variant}-border`,
+ shadow && "shadow enabled:hover:shadow-md",
+ );
+};
+
+const ButtonV2 = ({
+ authorizeFor,
+ size,
+ variant,
circle,
shadow,
ghost,
@@ -103,14 +127,9 @@ const ButtonV2 = ({
shadow ??= !ghost;
const className = classNames(
- props.className,
- "inline-flex h-min cursor-pointer items-center justify-center gap-2 whitespace-pre font-medium outline-offset-1 transition-all duration-200 ease-in-out disabled:cursor-not-allowed disabled:bg-secondary-200 disabled:text-secondary-500",
- `button-size-${size}`,
- `button-shape-${circle ? "circle" : "square"}`,
- ghost ? `button-${variant}-ghost` : `button-${variant}-default`,
- border && `button-${variant}-border`,
- shadow && "shadow enabled:hover:shadow-md",
+ buttonStyles({ size, circle, variant, ghost, border, shadow }),
tooltip && "tooltip",
+ props.className,
);
if (tooltip) {
@@ -202,3 +221,53 @@ export const Cancel = ({ label = "Cancel", ...props }: CommonButtonProps) => {
/>
);
};
+
+export type ButtonWithTimerProps = CommonButtonProps & {
+ initialInverval?: number;
+ interval?: number;
+};
+
+export const ButtonWithTimer = ({
+ initialInverval,
+ interval = 60,
+ ...buttonProps
+}: ButtonWithTimerProps) => {
+ const [seconds, setSeconds] = useState(initialInverval ?? interval);
+ const [isButtonDisabled, setIsButtonDisabled] = useState(true);
+
+ useEffect(() => {
+ let interval = undefined;
+ if (seconds > 0) {
+ interval = setInterval(() => {
+ setSeconds((prevSeconds) => prevSeconds - 1);
+ }, 1000);
+ } else {
+ setIsButtonDisabled(false);
+ clearInterval(interval);
+ }
+ return () => clearInterval(interval);
+ }, [seconds]);
+
+ return (
+
+
{
+ await buttonProps.onClick?.(e);
+ setSeconds(interval);
+ setIsButtonDisabled(true);
+ }}
+ >
+ {!!(seconds && isButtonDisabled) && (
+
+
+ )}
+
+ {buttonProps.children ?? buttonProps.label}
+
+
();
- const [preset, setPreset] = useState();
+ const [preset, setPreset] = useState();
const [showPresetSaveConfirmation, setShowPresetSaveConfirmation] =
useState(false);
const [isUpdatingPreset, setIsUpdatingPreset] = useState(false);
@@ -52,23 +50,22 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
}
}, []);
- const { key, operate } = useOperateCamera(asset?.id ?? "", true);
+ const asset = preset?.asset_bed.asset_object;
+
+ const { key, operate } = useOperateCamera(asset?.id ?? "");
- const { data, loading, refetch } = useQuery(routes.listAssetBeds, {
- query: { limit: 100, facility, bed: bed?.id, asset: asset?.id },
+ const presetsQuery = useQuery(FeedRoutes.listBedPresets, {
+ pathParams: { bed_id: bed?.id ?? "" },
+ query: { limit: 100 },
prefetch: !!bed,
onResponse: ({ data }) => {
if (!data) {
return;
}
- const presets = data.results.filter(
- (obj) =>
- obj.asset_object.meta?.asset_type === "CAMERA" &&
- obj.meta.type !== "boundary",
- );
-
+ const presets = data.results;
const lastStateJSON = sessionStorage.getItem(feedStateSessionKey);
+
const preset =
(() => {
if (lastStateJSON) {
@@ -77,23 +74,33 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
return presets.find((obj) => obj.id === lastState.value);
}
if (lastState.type === "position") {
+ const assetBedObj = presets.find(
+ (p) => p.asset_bed.id === lastState.assetBed,
+ )?.asset_bed;
+
+ if (!assetBedObj) {
+ return;
+ }
+
return {
...presets[0],
id: "",
- meta: { ...presets[0].meta, position: lastState.value },
- };
+ asset_bed: assetBedObj,
+ position: lastState.value,
+ } satisfies CameraPreset;
}
}
})() ?? presets[0];
+ console.log({ preset, presets });
+
if (preset) {
setPreset(preset);
- setAsset(preset.asset_object);
}
},
});
- const presets = data?.results;
+ const presets = presetsQuery.data?.results;
const handleUpdatePreset = async () => {
if (!preset) return;
@@ -102,17 +109,17 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
const { data } = await operate({ type: "get_status" });
const { position } = (data as { result: { position: PTZPayload } }).result;
-
- const { data: updated } = await request(routes.partialUpdateAssetBed, {
- pathParams: { external_id: preset.id },
+ const { data: updated } = await request(FeedRoutes.updatePreset, {
+ pathParams: {
+ assetbed_id: preset.asset_bed.id,
+ id: preset.id,
+ },
body: {
- asset: preset.asset_object.id,
- bed: preset.bed_object.id,
- meta: { ...preset.meta, position },
+ position,
},
});
- await refetch();
+ await presetsQuery.refetch();
setPreset(updated);
setHasMoved(false);
@@ -124,7 +131,7 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
if (divRef.current) {
divRef.current.scrollIntoView({ behavior: "smooth" });
}
- }, [!!bed, loading, !!asset, divRef.current]);
+ }, [!!bed, presetsQuery.loading, !!asset, divRef.current]);
useEffect(() => {
if (preset?.id) {
@@ -138,7 +145,7 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
}
}, [feedStateSessionKey, preset]);
- if (loading) {
+ if (presetsQuery.loading) {
return {
+ if (!preset) {
+ return;
+ }
setHasMoved(true);
setTimeout(async () => {
const { data } = await operate({ type: "get_status" });
@@ -179,6 +189,7 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
feedStateSessionKey,
JSON.stringify({
type: "position",
+ assetBed: preset.asset_bed.id,
value: (data as GetStatusResponse).result.position,
} satisfies LastAccessedPosition),
);
@@ -204,26 +215,19 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
{presets ? (
<>
-
obj.meta.preset_name}
+ label={(obj) => obj.name}
value={preset}
onChange={(value) => {
triggerGoal("Camera Preset Clicked", {
- presetName: preset?.meta?.preset_name,
+ presetName: preset?.name,
consultationId: props.consultationId,
userId: authUser.id,
result: "success",
});
setHasMoved(false);
- // Voluntarily copying to trigger change of reference of the position attribute, so that the useEffect of CameraFeed that handles the moves gets triggered.
- setPreset({
- ...value,
- meta: {
- ...value.meta,
- position: { ...value.meta.position },
- },
- });
+ setPreset(value);
}}
/>
{isUpdatingPreset ? (
@@ -269,6 +273,7 @@ type LastAccessedPreset = {
type LastAccessedPosition = {
type: "position";
+ assetBed: string;
value: PTZPayload;
};
diff --git a/src/Components/Facility/ConsultationDetails/index.tsx b/src/Components/Facility/ConsultationDetails/index.tsx
index 6970898a158..a6af8d39a78 100644
--- a/src/Components/Facility/ConsultationDetails/index.tsx
+++ b/src/Components/Facility/ConsultationDetails/index.tsx
@@ -1,12 +1,6 @@
import { GENDER_TYPES } from "../../../Common/constants";
import { ConsultationModel } from "../models";
-import {
- getConsultation,
- getPatient,
- listAssetBeds,
-} from "../../../Redux/actions";
-import { statusType, useAbortableEffect } from "../../../Common/utils";
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
import DoctorVideoSlideover from "../DoctorVideoSlideover";
import { PatientModel } from "../../Patient/models";
import {
@@ -17,7 +11,6 @@ import {
} from "../../../Utils/utils";
import { Link, navigate, useQueryParams } from "raviger";
-import { useDispatch } from "react-redux";
import { triggerGoal } from "../../../Integrations/Plausible";
import useAuthUser from "../../../Common/hooks/useAuthUser";
import { ConsultationUpdatesTab } from "./ConsultationUpdatesTab";
@@ -35,7 +28,6 @@ import { ConsultationNeurologicalMonitoringTab } from "./ConsultationNeurologica
import ABDMRecordsTab from "../../ABDM/ABDMRecordsTab";
import { ConsultationNutritionTab } from "./ConsultationNutritionTab";
import PatientNotesSlideover from "../PatientNotesSlideover";
-import { AssetBedModel } from "../../Assets/AssetTypes";
import PatientInfoCard from "../../Patient/PatientInfoCard";
import RelativeDateUserMention from "../../Common/RelativeDateUserMention";
import DiagnosesListAccordion from "../../Diagnosis/DiagnosesListAccordion";
@@ -45,6 +37,7 @@ import request from "../../../Utils/request/request";
import { CameraFeedPermittedUserTypes } from "../../../Utils/permissions";
import Error404 from "../../ErrorPages/404";
import { useTranslation } from "react-i18next";
+import useQuery from "../../../Utils/request/useQuery";
import Loading from "@/Components/Common/Loading";
import PageTitle from "@/Components/Common/PageTitle";
@@ -81,18 +74,11 @@ export const ConsultationDetails = (props: any) => {
if (Object.keys(TABS).includes(props.tab.toUpperCase())) {
tab = props.tab.toUpperCase() as keyof typeof TABS;
}
- const dispatch: any = useDispatch();
- const [isLoading, setIsLoading] = useState(false);
const [showDoctors, setShowDoctors] = useState(false);
const [qParams, _] = useQueryParams();
-
- const [consultationData, setConsultationData] = useState(
- {} as ConsultationModel,
- );
const [patientData, setPatientData] = useState({});
const [abhaNumberData, setAbhaNumberData] = useState();
const [activeShiftingData, setActiveShiftingData] = useState>([]);
- const [isCameraAttached, setIsCameraAttached] = useState(false);
const getPatientGender = (patientData: any) =>
GENDER_TYPES.find((i) => i.id === patientData.gender)?.text;
@@ -113,94 +99,86 @@ export const ConsultationDetails = (props: any) => {
const authUser = useAuthUser();
- const fetchData = useCallback(
- async (status: statusType) => {
- setIsLoading(true);
- const res = await dispatch(getConsultation(consultationId));
- if (!status.aborted) {
- if (res?.data) {
- const data: ConsultationModel = {
- ...res.data,
- symptoms_text: "",
- };
- if (facilityId != data.facility || patientId != data.patient) {
- navigate(
- `/facility/${data.facility}/patient/${data.patient}/consultation/${data?.id}`,
- );
- }
- setConsultationData(data);
- const assetRes = data?.current_bed?.bed_object?.id
- ? await dispatch(
- listAssetBeds({
- bed: data?.current_bed?.bed_object?.id,
- }),
- )
- : null;
- const isCameraAttachedRes =
- assetRes != null
- ? assetRes.data.results.some((asset: AssetBedModel) => {
- return asset?.asset_object?.asset_class === "ONVIF";
- })
- : false;
- setIsCameraAttached(isCameraAttachedRes);
+ const consultationQuery = useQuery(routes.getConsultation, {
+ pathParams: { id: consultationId },
+ onResponse: ({ data }) => {
+ if (!data) {
+ navigate("/not-found");
+ return;
+ }
+ if (facilityId != data.facility || patientId != data.patient) {
+ navigate(
+ `/facility/${data.facility}/patient/${data.patient}/consultation/${data?.id}`,
+ );
+ }
+ },
+ });
- // Get patient data
- const id = res.data.patient;
- const patientRes = await dispatch(getPatient({ id }));
- if (patientRes?.data) {
- const patientGender = getPatientGender(patientRes.data);
- const patientAddress = getPatientAddress(patientRes.data);
- const patientComorbidities = getPatientComorbidities(
- patientRes.data,
- );
- const data = {
- ...patientRes.data,
- gender: patientGender,
- address: patientAddress,
- comorbidities: patientComorbidities,
- is_declared_positive: patientRes.data.is_declared_positive
- ? "Yes"
- : "No",
- is_vaccinated: patientData.is_vaccinated ? "Yes" : "No",
- };
+ const consultationData = consultationQuery.data;
+ const bedId = consultationData?.current_bed?.bed_object?.id;
- setPatientData(data);
- }
+ const isCameraAttached = useQuery(routes.listAssetBeds, {
+ prefetch: !!bedId,
+ query: { bed: bedId },
+ }).data?.results.some((a) => a.asset_object.asset_class === "ONVIF");
- // Get abha number data
- const { data: abhaNumberData } = await request(
- routes.abha.getAbhaNumber,
- {
- pathParams: { abhaNumberId: id ?? "" },
- silent: true,
- },
- );
- setAbhaNumberData(abhaNumberData);
+ const patientDataQuery = useQuery(routes.getPatient, {
+ pathParams: { id: consultationQuery.data?.patient ?? "" },
+ prefetch: !!consultationQuery.data?.patient,
+ onResponse: ({ data }) => {
+ if (!data) {
+ return;
+ }
+ setPatientData({
+ ...data,
+ gender: getPatientGender(data),
+ address: getPatientAddress(data),
+ comorbidities: getPatientComorbidities(data),
+ is_declared_positive: data.is_declared_positive ? "Yes" : "No",
+ is_vaccinated: patientData.is_vaccinated ? "Yes" : "No",
+ } as any);
+ },
+ });
- // Get shifting data
- const shiftRequestsQuery = await request(routes.listShiftRequests, {
- query: { patient: id },
- });
- if (shiftRequestsQuery.data?.results) {
- setActiveShiftingData(shiftRequestsQuery.data.results);
- }
- } else {
- navigate("/not-found");
- }
- setIsLoading(false);
+ const fetchData = useCallback(
+ async (id: string) => {
+ // Get abha number data
+ const { data: abhaNumberData } = await request(
+ routes.abdm.abhaNumber.get,
+ {
+ pathParams: { abhaNumberId: id ?? "" },
+ silent: true,
+ },
+ );
+ setAbhaNumberData(abhaNumberData);
+
+ // Get shifting data
+ const shiftRequestsQuery = await request(routes.listShiftRequests, {
+ query: { patient: id },
+ });
+ if (shiftRequestsQuery.data?.results) {
+ setActiveShiftingData(shiftRequestsQuery.data.results);
}
},
- [consultationId, dispatch, patientData.is_vaccinated],
+ [consultationId, patientData.is_vaccinated],
);
- useAbortableEffect((status: statusType) => {
- fetchData(status);
+ useEffect(() => {
+ const id = patientDataQuery.data?.id;
+ if (!id) {
+ return;
+ }
+ fetchData(id);
triggerGoal("Patient Consultation Viewed", {
facilityId: facilityId,
consultationId: consultationId,
userId: authUser.id,
});
- }, []);
+ }, [patientDataQuery.data?.id]);
+
+ if (!consultationData || patientDataQuery.loading) {
+ return ();
- const [preview, setPreview] = useState();
- const [isCameraOpen, setIsCameraOpen] = useState(false);
- const webRef = useRef(null);
- const [previewImage, setPreviewImage] = useState(null);
- const [isCaptureImgBeingUploaded, setIsCaptureImgBeingUploaded] =
- useState(false);
- const [constraint, setConstraint] = useState(
- VideoConstraints.user,
- );
- const { width } = useWindowDimensions();
- const LaptopScreenBreakpoint = 640;
- const isLaptopScreen = width >= LaptopScreenBreakpoint;
- const { t } = useTranslation();
- const [isDragging, setIsDragging] = useState(false);
-
- const handleSwitchCamera = useCallback(() => {
- setConstraint(
- constraint.facingMode === "user"
- ? VideoConstraints.environment
- : VideoConstraints.user,
- );
- }, []);
-
- const captureImage = () => {
- setPreviewImage(webRef.current.getScreenshot());
- const canvas = webRef.current.getCanvas();
- canvas?.toBlob((blob: Blob) => {
- const myFile = new File([blob], "image.png", {
- type: blob.type,
- });
- setSelectedFile(myFile);
- });
- };
-
- const closeModal = () => {
- setPreview(undefined);
- setSelectedFile(undefined);
- onClose?.();
- };
-
- useEffect(() => {
- if (selectedFile) {
- const objectUrl = URL.createObjectURL(selectedFile);
- setPreview(objectUrl);
- return () => URL.revokeObjectURL(objectUrl);
- }
- }, [selectedFile]);
-
- const onSelectFile: ChangeEventHandler = (e) => {
- if (!e.target.files || e.target.files.length === 0) {
- setSelectedFile(undefined);
- return;
- }
- setSelectedFile(e.target.files[0]);
- };
-
- const handleUpload = async () => {
- setIsCaptureImgBeingUploaded(true);
- if (!selectedFile) {
- setIsCaptureImgBeingUploaded(false);
- closeModal();
- return;
- }
-
- const formData = new FormData();
- formData.append("cover_image", selectedFile);
- const url = `${careConfig.apiUrl}/api/v1/facility/${facility.id}/cover_image/`;
- setIsProcessing(true);
-
- uploadFile(
- url,
- formData,
- "POST",
- {
- Authorization:
- "Bearer " + localStorage.getItem(LocalStorageKeys.accessToken),
- },
- async (xhr: XMLHttpRequest) => {
- setIsProcessing(false);
- if (xhr.status === 200) {
- Success({ msg: "Cover image updated." });
- setIsCaptureImgBeingUploaded(false);
- await sleep(1000);
- onSave?.();
- closeModal();
- }
- },
- null,
- () => {
- setIsProcessing(false);
- },
- );
- };
-
- const handleDelete = async () => {
- setIsProcessing(true);
- const { res } = await request(routes.deleteFacilityCoverImage, {
- pathParams: { id: facility.id! },
- });
- if (res?.ok) {
- Success({ msg: "Cover image deleted" });
- }
- setIsProcessing(false);
- onDelete?.();
- closeModal();
- };
-
- const dragProps = useDragAndDrop();
- const onDrop = (e: React.DragEvent) => {
- e.preventDefault();
- dragProps.setDragOver(false);
- setIsDragging(false);
- const droppedFile = e?.dataTransfer?.files[0];
- if (droppedFile.type.split("/")[0] !== "image")
- return dragProps.setFileDropError("Please drop an image file to upload!");
- setSelectedFile(droppedFile);
- };
-
- const onDragOver = (e: React.DragEvent) => {
- e.preventDefault();
- dragProps.onDragOver(e);
- setIsDragging(true);
- };
-
- const onDragLeave = (e: React.DragEvent) => {
- e.preventDefault();
- dragProps.onDragLeave();
- setIsDragging(false);
- };
-
- const commonHint = (
- <>
- {t("max_size_for_image_uploaded_should_be")} 1mb.
-
-
- {!isCameraOpen ? (
-
- ) : (
-
-
-
- {t("capture_cover_photo")}
-
-
-
- {!previewImage ? (
- <>
-
{
- setIsCameraOpen(false);
- Warn({ msg: t("camera_permission_denied") });
- }}
- />
-
- ) : (
- <>
-
- {/* buttons for mobile screens */}
-
-
- {!previewImage ? (
-
- {t("switch")}
-
- ) : (
- <>
- )}
-
-
- {!previewImage ? (
- <>
-
- {
- captureImage();
- }}
- className="my-2 w-full"
- >
- {t("capture")}
-
-
-
- ) : (
- <>
-
- {
- setPreviewImage(null);
- }}
- className="my-2 w-full"
- disabled={isProcessing}
- >
- {t("retake")}
-
-
- {isCaptureImgBeingUploaded && (
-
-
-
- )}
-
-
- {
- setPreviewImage(null);
- setIsCameraOpen(false);
- webRef.current.stopCamera();
- }}
- className="my-2 w-full"
- >
- {t("close")}
-
-
-
- {/* buttons for laptop screens */}
-
-
-
-
-
-
-
-
- {!previewImage ? (
- <>
-
- {
- captureImage();
- }}
- >
-
-
-
- ) : (
- <>
-
- {
- setPreviewImage(null);
- }}
- >
- {t("retake")}
-
-
- {isCaptureImgBeingUploaded ? (
- <>
-
-
-
- )}
-
-
-
{
- setPreviewImage(null);
- setIsCameraOpen(false);
- webRef.current.stopCamera();
- }}
- >
- {`${t("close")} ${t("camera")}`}
-
-
-
-
- )}
-
- );
-};
-
-export default CoverImageEditModal;
diff --git a/src/Components/Facility/DischargeModal.tsx b/src/Components/Facility/DischargeModal.tsx
index 5573fe883d0..786e23ec8a3 100644
--- a/src/Components/Facility/DischargeModal.tsx
+++ b/src/Components/Facility/DischargeModal.tsx
@@ -20,8 +20,6 @@ import { SelectFormField } from "../Form/FormFields/SelectFormField";
import TextAreaFormField from "../Form/FormFields/TextAreaFormField";
import TextFormField from "../Form/FormFields/TextFormField";
import dayjs from "../../Utils/dayjs";
-import { dischargePatient } from "../../Redux/actions";
-import { useDispatch } from "react-redux";
import { useMessageListener } from "../../Common/hooks/useMessageListener";
import useQuery from "../../Utils/request/useQuery";
import { useTranslation } from "react-i18next";
@@ -31,6 +29,7 @@ import routes from "../../Redux/api";
import { EditDiagnosesBuilder } from "../Diagnosis/ConsultationDiagnosisBuilder/ConsultationDiagnosisBuilder";
import Loading from "../Common/Loading";
import careConfig from "@careConfig";
+import request from "../../Utils/request/request";
interface PreDischargeFormInterface {
new_discharge_reason: number | null;
@@ -64,8 +63,6 @@ const DischargeModal = ({
death_datetime = dayjs().format("YYYY-MM-DDTHH:mm"),
}: IProps) => {
const { t } = useTranslation();
-
- const dispatch: any = useDispatch();
const [preDischargeForm, setPreDischargeForm] =
useState({
new_discharge_reason,
@@ -175,19 +172,17 @@ const DischargeModal = ({
const submitAction = useConfirmedAction(async () => {
setIsSendingDischargeApi(true);
- const dischargeResponse = await dispatch(
- dischargePatient(
- {
- ...preDischargeForm,
- new_discharge_reason: discharge_reason,
- discharge_date: dayjs(preDischargeForm.discharge_date).toISOString(),
- },
- { id: consultationData.id },
- ),
- );
+ const { res } = await request(routes.dischargePatient, {
+ pathParams: { id: consultationData.id },
+ body: {
+ ...preDischargeForm,
+ new_discharge_reason: discharge_reason,
+ discharge_date: dayjs(preDischargeForm.discharge_date).toISOString(),
+ },
+ });
setIsSendingDischargeApi(false);
- if (dischargeResponse?.status === 200) {
+ if (res?.ok) {
Notification.Success({ msg: "Patient Discharged Successfully" });
afterSubmit?.();
}
diff --git a/src/Components/Facility/DischargedPatientsList.tsx b/src/Components/Facility/DischargedPatientsList.tsx
index 6603f3964af..47e5cd5a68d 100644
--- a/src/Components/Facility/DischargedPatientsList.tsx
+++ b/src/Components/Facility/DischargedPatientsList.tsx
@@ -47,15 +47,16 @@ const DischargedPatientsList = ({
pathParams: { id: facility_external_id },
});
- const { qParams, updateQuery, advancedFilter, FilterBadges } = useFilters({
- limit: 12,
- cacheBlacklist: [
- "name",
- "patient_no",
- "phone_number",
- "emergency_phone_number",
- ],
- });
+ const { qParams, updateQuery, advancedFilter, FilterBadges, updatePage } =
+ useFilters({
+ limit: 12,
+ cacheBlacklist: [
+ "name",
+ "patient_no",
+ "phone_number",
+ "emergency_phone_number",
+ ],
+ });
useEffect(() => {
if (!qParams.phone_number && phone_number.length >= 13) {
@@ -434,10 +435,9 @@ const DischargedPatientsList = ({
route={routes.listFacilityDischargedPatients}
pathParams={{ facility_external_id }}
query={{ ordering: "-modified_date", ...qParams }}
- queryCB={(query) => {
- setCount(query.data?.count || 0);
- console.log(query.data?.count);
- }}
+ queryCB={(query) => setCount(query.data?.count || 0)}
+ initialPage={qParams.page}
+ onPageChange={updatePage}
>
{() => (
diff --git a/src/Components/Facility/DoctorVideoSlideover.tsx b/src/Components/Facility/DoctorVideoSlideover.tsx
index 1556c95386f..519a04014fa 100644
--- a/src/Components/Facility/DoctorVideoSlideover.tsx
+++ b/src/Components/Facility/DoctorVideoSlideover.tsx
@@ -16,6 +16,7 @@ import Switch from "../../CAREUI/interactive/Switch";
import useQuery from "../../Utils/request/useQuery";
import routes from "../../Redux/api";
import Loading from "../Common/Loading";
+import { PLUGIN_DoctorConnectButtons } from "@/PluginEngine";
const UserGroups = {
ALL: "All",
@@ -366,6 +367,7 @@ function DoctorConnectButtons(props: {
+ {props.children}
+ );
return (
-
- {facility.read_cover_image_url ? (
-
- ) : (
- <>
-
-
- )}
+
+
{facility.name}
@@ -29,6 +36,6 @@ export default function FacilityBlock(props: { facility: FacilityModel }) {
{facility.address} {facility.local_body_object?.name}
-
+
);
}
diff --git a/src/Components/Facility/FacilityCard.tsx b/src/Components/Facility/FacilityCard.tsx
index 0febe36e4b7..e874a0f85c0 100644
--- a/src/Components/Facility/FacilityCard.tsx
+++ b/src/Components/Facility/FacilityCard.tsx
@@ -9,17 +9,20 @@ import CareIcon from "../../CAREUI/icons/CareIcon";
import { formatPhoneNumber, parsePhoneNumber } from "../../Utils/utils";
import DialogModal from "../Common/Dialog";
import TextAreaFormField from "../Form/FormFields/TextAreaFormField";
-import { classNames } from "../../Utils/utils";
import request from "../../Utils/request/request";
import routes from "../../Redux/api";
import careConfig from "@careConfig";
+import { FacilityModel } from "./models";
import { Avatar } from "../Common/Avatar";
-export const FacilityCard = (props: { facility: any; userType: any }) => {
+export const FacilityCard = (props: {
+ facility: FacilityModel;
+ userType: string;
+}) => {
const { facility, userType } = props;
const { t } = useTranslation();
- const [notifyModalFor, setNotifyModalFor] = useState(undefined);
+ const [notifyModalFor, setNotifyModalFor] = useState
();
const [notifyMessage, setNotifyMessage] = useState("");
const [notifyError, setNotifyError] = useState("");
@@ -48,25 +51,18 @@ export const FacilityCard = (props: { facility: any; userType: any }) => {
return (
-
+
- {(facility.read_cover_image_url && (
-
- )) || (
-
- )}
+
@@ -74,21 +70,12 @@ export const FacilityCard = (props: { facility: any; userType: any }) => {
- {(facility.read_cover_image_url && (
-
- )) || (
-
- )}
+
{facility.kasp_empanelled && (
@@ -100,12 +87,27 @@ export const FacilityCard = (props: { facility: any; userType: any }) => {
className="flex flex-wrap items-center justify-between"
id="facility-name-card"
>
-
- {facility.name}
-
+
+
+ {facility.name}
+
+
0.85 ? "justify-center rounded-md border border-red-600 bg-red-500 p-1 font-bold text-white" : "text-secondary-700"}`}
+ >
+
+ {t("live_patients_total_beds")}
+ {" "}
+
+ {t("occupancy")}: {facility.patient_count} /{" "}
+ {facility.bed_count}{" "}
+
+
+
{
icon="l-monitor-heart-rate"
className="text-lg"
/>
- View CNS
+ {t("view_cns")}
+
{
-
+
{/*
*/}
-
0.85
- ? "button-danger-border bg-red-500"
- : "button-primary-border bg-primary-100"
- }`}
- >
-
- Live Patients / Total beds
- {" "}
- 0.85
- ? "text-white"
- : "text-primary-600",
- )}
- />{" "}
- 0.85
- ? "text-white"
- : "text-secondary-700"
- }`}
- >
- Occupancy: {facility.patient_count} /{" "}
- {facility.bed_count}{" "}
- {" "}
-
{
leaveFrom="opacity-100 translate-y-0"
leaveTo="opacity-0 translate-y-1"
>
-
+
{
- const params = { limit: 50, offset: 0, district_name: text };
- const res = await dispatchAction(getDistrictByName(params));
- return res?.data?.results;
- },
- [dispatchAction],
- );
-
return (
option.name}
+ name={props.name}
+ multiple={props.multiple}
+ selected={props.selected}
+ fetchData={async (search) => {
+ const { data } = await request(routes.getDistrictByName, {
+ query: { limit: 50, offset: 0, district_name: search },
+ });
+ return data?.results;
+ }}
+ onChange={props.setSelected}
+ optionLabel={(option) => option.name}
compareBy="id"
- error={errors}
- className={className}
+ error={props.errors}
+ className={props.className}
/>
);
}
diff --git a/src/Components/Facility/FacilityHome.tsx b/src/Components/Facility/FacilityHome.tsx
index 7edbb939b8a..1a6b79611ad 100644
--- a/src/Components/Facility/FacilityHome.tsx
+++ b/src/Components/Facility/FacilityHome.tsx
@@ -1,8 +1,11 @@
import * as Notification from "../../Utils/Notifications.js";
import { NonReadOnlyUsers } from "../../Utils/AuthorizeFor";
-import { FacilityModel } from "./models";
-import { FACILITY_FEATURE_TYPES, USER_TYPES } from "../../Common/constants";
+import {
+ FACILITY_FEATURE_TYPES,
+ LocalStorageKeys,
+ USER_TYPES,
+} from "../../Common/constants";
import DropdownMenu, { DropdownItem } from "../Common/components/Menu";
import { useState } from "react";
@@ -11,7 +14,6 @@ import CareIcon from "../../CAREUI/icons/CareIcon";
import Chip from "../../CAREUI/display/Chip";
import ConfirmDialog from "../Common/ConfirmDialog";
import ContactLink from "../Common/components/ContactLink";
-import CoverImageEditModal from "./CoverImageEditModal";
import Page from "../Common/components/Page";
import RecordMeta from "../../CAREUI/display/RecordMeta";
@@ -37,12 +39,16 @@ import { LocationSelect } from "../Common/LocationSelect.js";
import { CameraFeedPermittedUserTypes } from "../../Utils/permissions.js";
import { FacilityStaffList } from "./FacilityStaffList.js";
import FacilityBlock from "./FacilityBlock.js";
+import Loading from "@/Components/Common/Loading";
+import AvatarEditable from "@/Components/Common/AvatarEditable";
+import AvatarEditModal from "@/Components/Common/AvatarEditModal";
+import careConfig from "@careConfig";
+import uploadFile from "@/Utils/request/uploadFile";
+import { sleep } from "@/Utils/utils";
type Props = {
facilityId: string;
};
-
-import Loading from "@/Components/Common/Loading";
export const getFacilityFeatureIcon = (featureId: number) => {
const feature = FACILITY_FEATURE_TYPES.find((f) => f.id === featureId);
if (!feature?.icon) return null;
@@ -74,6 +80,20 @@ export const FacilityHome = ({ facilityId }: Props) => {
},
});
+ const spokesQuery = useQuery(routes.getFacilitySpokes, {
+ pathParams: {
+ id: facilityId,
+ },
+ silent: true,
+ });
+
+ const hubsQuery = useQuery(routes.getFacilityHubs, {
+ pathParams: {
+ id: facilityId,
+ },
+ silent: true,
+ });
+
const handleDeleteClose = () => {
setOpenDeleteDialog(false);
};
@@ -92,19 +112,51 @@ export const FacilityHome = ({ facilityId }: Props) => {
});
};
- const spokesQuery = useQuery(routes.getFacilitySpokes, {
- pathParams: {
- id: facilityId,
- },
- silent: true,
- });
+ const handleCoverImageUpload = async (file: File, onError: () => void) => {
+ const formData = new FormData();
+ formData.append("cover_image", file);
+ const url = `${careConfig.apiUrl}/api/v1/facility/${facilityId}/cover_image/`;
+
+ uploadFile(
+ url,
+ formData,
+ "POST",
+ {
+ Authorization:
+ "Bearer " + localStorage.getItem(LocalStorageKeys.accessToken),
+ },
+ async (xhr: XMLHttpRequest) => {
+ if (xhr.status === 200) {
+ await sleep(1000);
+ facilityFetch();
+ Notification.Success({ msg: "Cover image updated." });
+ setEditCoverImage(false);
+ }
+ },
+ null,
+ () => {
+ onError();
+ },
+ );
+ };
+
+ const handleCoverImageDelete = async (onError: () => void) => {
+ const { res } = await request(routes.deleteFacilityCoverImage, {
+ pathParams: { id: facilityId },
+ });
+ if (res?.ok) {
+ Notification.Success({ msg: "Cover image deleted" });
+ facilityFetch();
+ setEditCoverImage(false);
+ } else {
+ onError();
+ }
+ };
if (isLoading) {
return setEditCoverImage(true)}
- >
- {`${hasCoverImage ? "Edit" : "Upload"}`}
-
- );
-
- const CoverImage = () => (
- {
onClose={handleDeleteClose}
onConfirm={handleDeleteSubmit}
/>
- facilityFetch()}
+ imageUrl={facilityData?.read_cover_image_url}
+ handleUpload={handleCoverImageUpload}
+ handleDelete={handleCoverImageDelete}
onClose={() => setEditCoverImage(false)}
- onDelete={() => facilityFetch()}
- facility={facilityData ?? ({} as FacilityModel)}
/>
- {hasCoverImage ? (
-
-
- ) : (
-
- hasPermissionToEditCoverImage && setEditCoverImage(true)
- }
- >
-
- )}
-
+
+
-
-
- hasPermissionToEditCoverImage && setEditCoverImage(true)
- }
- >
- {hasCoverImage ? (
-
- ) : (
-
- )}
- {editCoverImageTooltip}
-
+
+
setEditCoverImage(true)}
+ className="md:mr-2 lg:mr-6 lg:h-80 lg:w-80"
+ />
@@ -283,7 +271,7 @@ export const FacilityHome = ({ facilityId }: Props) => {
/>
- {!!spokesQuery.data?.results.length && (
+ {!!spokesQuery.data?.results?.length && (
@@ -291,7 +279,28 @@ export const FacilityHome = ({ facilityId }: Props) => {
{spokesQuery.data?.results.map((spoke) => (
-
+
+
+ )}
+
+ {!!hubsQuery.data?.results?.length && (
+
+
+
+ {t("hubs")}
+
+
+ {hubsQuery.data.results.map((hub) => (
+
diff --git a/src/Components/Facility/HospitalList.tsx b/src/Components/Facility/FacilityList.tsx
similarity index 99%
rename from src/Components/Facility/HospitalList.tsx
rename to src/Components/Facility/FacilityList.tsx
index e7949440307..9143ec29355 100644
--- a/src/Components/Facility/HospitalList.tsx
+++ b/src/Components/Facility/FacilityList.tsx
@@ -18,7 +18,7 @@ import routes from "../../Redux/api";
import CareIcon from "../../CAREUI/icons/CareIcon";
import Loading from "@/Components/Common/Loading";
-export const HospitalList = () => {
+export const FacilityList = () => {
const {
qParams,
updateQuery,
@@ -145,7 +145,7 @@ export const HospitalList = () => {
return (
)}
-
+
diff --git a/src/Components/Facility/Investigations/InvestigationTable.tsx b/src/Components/Facility/Investigations/InvestigationTable.tsx
index 18c64108b6f..84198eea50c 100644
--- a/src/Components/Facility/Investigations/InvestigationTable.tsx
+++ b/src/Components/Facility/Investigations/InvestigationTable.tsx
@@ -5,8 +5,10 @@ import TextFormField from "../../Form/FormFields/TextFormField";
import { classNames } from "../../../Utils/utils";
import { useState } from "react";
import { useTranslation } from "react-i18next";
+import { navigate } from "raviger";
const TestRow = ({ data, i, onChange, showForm, value, isChanged }: any) => {
+ const { t } = useTranslation();
return (
{
)}
x-description="Even row"
>
-
- {data?.investigation_object?.name || "---"}
+
+
+ {data?.investigation_object.name || "---"}
+
+
+
+ {t("investigations__range")}:{" "}
+ {data?.investigation_object.min_value || ""}
+ {data?.investigation_object.min_value ? " - " : ""}
+ {data?.investigation_object.max_value || ""}
+
+
+
+ {t("investigations__unit")}:{" "}
+ {data?.investigation_object.unit || "---"}
+
-
+
{showForm ? (
data?.investigation_object?.investigation_type === "Choice" ? (
{
value || "---"
)}
-
- {data.investigation_object.unit || "---"}
-
-
- {data.investigation_object.min_value || "---"}
-
-
- {data.investigation_object.max_value || "---"}
-
-
+
{data.investigation_object.ideal_value || "---"}
);
};
+const HeadingRow = () => {
+ const { t } = useTranslation();
+ const commonClass =
+ "px-6 py-3 text-xs font-semibold uppercase tracking-wider text-secondary-800";
+ return (
+
+
+ {t("investigations__name")}
+
+
+ {t("investigations__result")}
+
+
+ {t("investigations__ideal_value")}
+
+
+ );
+};
+
export const InvestigationTable = ({
title,
data,
@@ -70,6 +108,10 @@ export const InvestigationTable = ({
changedFields,
handleUpdateCancel,
handleSave,
+ facilityId,
+ patientId,
+ consultationId,
+ sessionId,
}: any) => {
const { t } = useTranslation();
const [searchFilter, setSearchFilter] = useState("");
@@ -85,11 +127,9 @@ export const InvestigationTable = ({
return (
-
- {title && (
-
{title}
- )}
-
+
+ {title &&
{title}
}
+
handleSave()}
+ onClick={() => {
+ handleSave();
+ setShowForm((prev) => !prev);
+ }}
className="my-2 mr-2"
>
- Save
+ {t("save")}
)}
+
+ navigate(
+ `/facility/${facilityId}/patient/${patientId}/consultation/${consultationId}/investigation/${sessionId}/print`,
+ )
+ }
+ >
+
setSearchFilter(e.value)}
/>
-
-
-
-
- {["Name", "Value", "Unit", "Min", "Max", "Ideal"].map(
- (heading) => (
-
- {heading}
-
- ),
- )}
+
+
+
+
+
+ {filterTests.length > 0 ? (
+ filterTests.map((t: any, i) => {
+ const value =
+ changedFields[t.id]?.notes ??
+ changedFields[t.id]?.value ??
+ null;
+ const isChanged = changedFields[t.id]?.initialValue !== value;
+ return (
+ {
+ const { target, value } =
+ t?.investigation_object?.investigation_type === "Float"
+ ? {
+ target: `${t.id}.value`,
+ value: Number(e.value) || null,
+ }
+ : {
+ target: `${t.id}.notes`,
+ value: e.value,
+ };
+ handleValueChange(value, target);
+ }}
+ />
+ );
+ })
+ ) : (
+
+ {t("no_tests_taken")}
-
-
- {filterTests.length > 0 ? (
- filterTests.map((t: any, i) => {
- const value =
- changedFields[t.id]?.notes ??
- changedFields[t.id]?.value ??
- null;
- const isChanged = changedFields[t.id]?.initialValue !== value;
- return (
- {
- const { target, value } =
- t?.investigation_object?.investigation_type ===
- "Float"
- ? {
- target: `${t.id}.value`,
- value: Number(e.value) || null,
- }
- : {
- target: `${t.id}.notes`,
- value: e.value,
- };
- handleValueChange(value, target);
- }}
- className="print:text-black"
- />
- );
- })
- ) : (
-
- {t("no_tests_taken")}
-
- )}
-
-
-
+
+
+ {investigation.investigation_object.name || "---"}
+
+
+
+ {t("investigations__range")}:{" "}
+ {investigation.investigation_object.min_value || ""}
+ {investigation.investigation_object.min_value ? " - " : ""}
+ {investigation.investigation_object.max_value || ""}
+
+
+
+ {t("investigations__unit")}:{" "}
+ {investigation.investigation_object.unit || "---"}
+
+
+
+ {investigation.value || "---"}
+
+
+ {investigation.investigation_object.ideal_value || "---"}
+
+
+ );
+};
+
+const InvestigationsPreviewTable = ({
+ investigations,
+}: {
+ investigations?: Investigation[];
+}) => {
+ const { t } = useTranslation();
+ if (!investigations) {
+ return (
+
+ {t("no_tests_taken")}
+
+ );
+ }
+
+ return (
+
+
+ {t("investigations")}
+
+
+
+
+ {t("investigations__name")}
+
+ {t("investigations__result")}
+ {t("investigations__ideal_value")}
+
+
+
+ {investigations.map((item) => (
+
+
+ );
+};
+
+interface InvestigationPrintPreviewProps {
+ consultationId: string;
+ patientId: string;
+ sessionId: string;
+ facilityId: string;
+}
+export default function InvestigationPrintPreview(
+ props: InvestigationPrintPreviewProps,
+) {
+ const { consultationId, patientId, sessionId } = props;
+ const { t } = useTranslation();
+ const { loading: investigationLoading, data: investigations } = useQuery(
+ routes.getInvestigation,
+ {
+ pathParams: {
+ consultation_external_id: consultationId,
+ },
+ query: {
+ session: sessionId,
+ },
+ },
+ );
+
+ const { data: patient, loading: patientLoading } = useQuery(
+ routes.getPatient,
+ {
+ pathParams: { id: patientId },
+ },
+ );
+
+ const { data: consultation } = useQuery(routes.getConsultation, {
+ pathParams: { id: consultationId },
+ prefetch: !!consultationId,
+ });
+
+ if (patientLoading || investigationLoading) {
+ return
+
+
{consultation?.facility_name}
+
+
+ );
+}
diff --git a/src/Components/Facility/Investigations/ShowInvestigation.tsx b/src/Components/Facility/Investigations/ShowInvestigation.tsx
index bc0621af7d9..85f2fb1fd7d 100644
--- a/src/Components/Facility/Investigations/ShowInvestigation.tsx
+++ b/src/Components/Facility/Investigations/ShowInvestigation.tsx
@@ -1,13 +1,12 @@
import * as _ from "lodash-es";
-import { navigate } from "raviger";
import { useCallback, useReducer } from "react";
import routes from "../../../Redux/api";
import * as Notification from "../../../Utils/Notifications.js";
import request from "../../../Utils/request/request";
import useQuery from "../../../Utils/request/useQuery";
import InvestigationTable from "./InvestigationTable";
-import PrintPreview from "../../../CAREUI/misc/PrintPreview";
import { useTranslation } from "react-i18next";
+import Page from "../../Common/components/Page";
import Loading from "@/Components/Common/Loading";
const initialState = {
changedFields: {},
@@ -40,7 +39,7 @@ interface ShowInvestigationProps {
facilityId: string;
}
export default function ShowInvestigation(props: ShowInvestigationProps) {
- const { consultationId, patientId, sessionId } = props;
+ const { consultationId, patientId, sessionId, facilityId } = props;
const { t } = useTranslation();
const [state, dispatch] = useReducer(updateFormReducer, initialState);
const { loading: investigationLoading } = useQuery(routes.getInvestigation, {
@@ -116,9 +115,28 @@ export default function ShowInvestigation(props: ShowInvestigationProps) {
Notification.Success({
msg: "Investigation Updated successfully!",
});
- navigate(
- `/facility/${props.facilityId}/patient/${props.patientId}/consultation/${props.consultationId}`,
+ const changedDict: any = {};
+ Object.values(state.changedFields).forEach(
+ (field: any) =>
+ (changedDict[field.id] = {
+ id: field.id,
+ value: field?.value || null,
+ notes: field?.notes || null,
+ }),
);
+ const changedInitialValues: any = {};
+ Object.values(state.initialValues).forEach(
+ (field: any) =>
+ (changedInitialValues[field.id] = {
+ ...field,
+ value: changedDict[field.id].value,
+ notes: changedDict[field.id].notes,
+ }),
+ );
+ dispatch({
+ type: "set_initial_values",
+ initialValues: changedInitialValues,
+ });
}
return;
} else {
@@ -145,22 +163,28 @@ export default function ShowInvestigation(props: ShowInvestigationProps) {
return
-
+
+
+
);
}
diff --git a/src/Components/Facility/Investigations/ViewInvestigations.tsx b/src/Components/Facility/Investigations/ViewInvestigations.tsx
index 22c811f41fa..e889fac4c01 100644
--- a/src/Components/Facility/Investigations/ViewInvestigations.tsx
+++ b/src/Components/Facility/Investigations/ViewInvestigations.tsx
@@ -5,6 +5,8 @@ import { useTranslation } from "react-i18next";
import { formatDateTime } from "../../../Utils/utils";
import { InvestigationResponse } from "./Reports/types";
import { InvestigationSessionType } from "./investigationsTab";
+import ButtonV2 from "../../Common/components/ButtonV2";
+import CareIcon from "../../../CAREUI/icons/CareIcon";
import Loading from "@/Components/Common/Loading";
export default function ViewInvestigations(props: {
@@ -56,16 +58,31 @@ export default function ViewInvestigations(props: {
{formatDateTime(investigationSession.session_created_date)}
-
- navigate(
- `/facility/${facilityId}/patient/${patientId}/consultation/${consultationId}/investigation/${investigationSession.session_external_id}`,
- )
- }
- className="btn btn-default"
- >
- View
-
+
+
+ navigate(
+ `/facility/${facilityId}/patient/${patientId}/consultation/${consultationId}/investigation/${investigationSession.session_external_id}`,
+ )
+ }
+ ghost
+ border
+ >
+ {t("view")}
+
+
+ navigate(
+ `/facility/${facilityId}/patient/${patientId}/consultation/${consultationId}/investigation/${investigationSession.session_external_id}/print`,
+ )
+ }
+ ghost
+ border
+ >
+
+
);
})}
diff --git a/src/Components/Facility/LocationManagement.tsx b/src/Components/Facility/LocationManagement.tsx
index 1aaf57b7233..2223aa2e8fd 100644
--- a/src/Components/Facility/LocationManagement.tsx
+++ b/src/Components/Facility/LocationManagement.tsx
@@ -16,6 +16,7 @@ import useAuthUser from "../../Common/hooks/useAuthUser";
import useQuery from "../../Utils/request/useQuery";
import Loading from "@/Components/Common/Loading";
+import { cn } from "@/lib/utils";
interface Props {
facilityId: string;
}
@@ -87,14 +88,14 @@ export default function LocationManagement({ facilityId }: Props) {
id="add-new-location"
href={`/facility/${facilityId}/location/add`}
authorizeFor={NonReadOnlyUsers}
- className="mr-4 hidden lg:block"
+ className="hidden lg:block"
>
Add New Location
}
>
-
+
className="my-8 grid gap-3 @4xl:grid-cols-2 @6xl:grid-cols-3 @[100rem]:grid-cols-4 lg:mx-8">
+ className="my-8 grid gap-3 @4xl:grid-cols-2 @6xl:grid-cols-3 @[100rem]:grid-cols-4">
{(item) => (
{
- const { loading, data } = useQuery(routes.listFacilityBeds, {
+ const bedsQuery = useQuery(routes.listFacilityBeds, {
query: {
facility: facilityId,
location: id,
},
});
- const totalBeds = data?.count ?? 0;
-
- if (loading) {
- return
@@ -290,13 +287,16 @@ const Location = ({
id="manage-bed-button"
variant="secondary"
border
- className="mt-3 flex w-full items-center justify-between"
+ className={cn(
+ "mt-3 flex w-full items-center justify-between",
+ totalBeds != null && "opacity-50",
+ )}
href={`location/${id}/beds`}
>
Manage Beds
diff --git a/src/Components/Facility/PatientNoteCard.tsx b/src/Components/Facility/PatientNoteCard.tsx
index 9ddfbc009e6..80443ad02ae 100644
--- a/src/Components/Facility/PatientNoteCard.tsx
+++ b/src/Components/Facility/PatientNoteCard.tsx
@@ -135,21 +135,32 @@ const PatientNoteCard = ({
note.created_by_object.id === authUser.id &&
!isEditing && (
{
setIsEditing(true);
}}
>
+ {t("edit")}
+
)}
{
setReplyTo && setReplyTo(note);
}}
>
-
+ {t("reply")}
+
{show && (
+
+ {t("full_screen")}
+
)}
setShow(!show)}
>
+ {t("minimize")}
+
setShowPatientNotesPopup(false)}
>
+ {t("close")}
+
+ {t("send")}
+
diff --git a/src/Components/Facility/models.tsx b/src/Components/Facility/models.tsx
index 8103ebb6729..1be0472c1c3 100644
--- a/src/Components/Facility/models.tsx
+++ b/src/Components/Facility/models.tsx
@@ -87,8 +87,8 @@ export interface FacilityModel {
latitude?: string;
longitude?: string;
kasp_empanelled?: boolean;
- patient_count?: string;
- bed_count?: string;
+ patient_count?: number;
+ bed_count?: number;
}
export enum SpokeRelationship {
diff --git a/src/Components/Form/FieldValidators.tsx b/src/Components/Form/FieldValidators.tsx
index 3159c6814f1..cf10ad09a53 100644
--- a/src/Components/Form/FieldValidators.tsx
+++ b/src/Components/Form/FieldValidators.tsx
@@ -79,12 +79,13 @@ export const EmailValidator = (message = "Invalid email address") => {
// return RegexValidator(SUPPORT_PHONE_NUMBER_REGEX, message);
// };
+// References: https://trai.gov.in/sites/default/files/Recommendations_29052020.pdf
const INDIAN_MOBILE_NUMBER_REGEX = /^(?=^\+91)(^\+91[6-9]\d{9}$)/;
const INTERNATIONAL_MOBILE_NUMBER_REGEX = /^(?!^\+91)(^\+\d{1,3}\d{8,14}$)/;
const MOBILE_NUMBER_REGEX = new RegExp(
`(${INDIAN_MOBILE_NUMBER_REGEX.source})|(${INTERNATIONAL_MOBILE_NUMBER_REGEX.source})`,
);
-const INDIAN_LANDLINE_NUMBER_REGEX = /^\+91[2-9]\d{7,9}$/;
+const INDIAN_LANDLINE_NUMBER_REGEX = /^\+91[2-9]\d{9}$/;
const INDIAN_SUPPORT_NUMBER_REGEX = /^(1800|1860)\d{6,7}$/;
const PHONE_NUMBER_REGEX_MAP = {
diff --git a/src/Components/Form/FormFields/PhoneNumberFormField.tsx b/src/Components/Form/FormFields/PhoneNumberFormField.tsx
index c46d2690ad3..e2e34a6ef65 100644
--- a/src/Components/Form/FormFields/PhoneNumberFormField.tsx
+++ b/src/Components/Form/FormFields/PhoneNumberFormField.tsx
@@ -100,7 +100,7 @@ export default function PhoneNumberFormField(props: Props) {
),
diff --git a/src/Components/Form/FormFields/TextFormField.tsx b/src/Components/Form/FormFields/TextFormField.tsx
index 0593dc9a2d3..a3663358a56 100644
--- a/src/Components/Form/FormFields/TextFormField.tsx
+++ b/src/Components/Form/FormFields/TextFormField.tsx
@@ -1,31 +1,30 @@
import { FormFieldBaseProps, useFormFieldPropsResolver } from "./Utils";
-import { HTMLInputTypeAttribute, forwardRef, useState } from "react";
+import {
+ DetailedHTMLProps,
+ InputHTMLAttributes,
+ forwardRef,
+ useState,
+} from "react";
import CareIcon from "../../../CAREUI/icons/CareIcon";
import FormField from "./FormField";
import { classNames } from "../../../Utils/utils";
-export type TextFormFieldProps = FormFieldBaseProps
& {
- placeholder?: string;
- value?: string | number;
- autoComplete?: string;
- type?: HTMLInputTypeAttribute;
- className?: string | undefined;
- inputClassName?: string | undefined;
- removeDefaultClasses?: true | undefined;
- leading?: React.ReactNode | undefined;
- trailing?: React.ReactNode | undefined;
- leadingFocused?: React.ReactNode | undefined;
- trailingFocused?: React.ReactNode | undefined;
- trailingPadding?: string | undefined;
- leadingPadding?: string | undefined;
- min?: string | number;
- max?: string | number;
- step?: string | number;
- onKeyDown?: (event: React.KeyboardEvent) => void;
- onFocus?: (event: React.FocusEvent) => void;
- onBlur?: (event: React.FocusEvent) => void;
-};
+export type TextFormFieldProps = FormFieldBaseProps &
+ Omit<
+ DetailedHTMLProps, HTMLInputElement>,
+ "onChange"
+ > & {
+ inputClassName?: string | undefined;
+ removeDefaultClasses?: true | undefined;
+ leading?: React.ReactNode | undefined;
+ trailing?: React.ReactNode | undefined;
+ leadingFocused?: React.ReactNode | undefined;
+ trailingFocused?: React.ReactNode | undefined;
+ trailingPadding?: string | undefined;
+ leadingPadding?: string | undefined;
+ suggestions?: string[];
+ };
const TextFormField = forwardRef((props: TextFormFieldProps, ref) => {
const field = useFormFieldPropsResolver(props);
@@ -43,7 +42,8 @@ const TextFormField = forwardRef((props: TextFormFieldProps, ref) => {
let child = (
+ {child}
+
+ {props.suggestions.map((suggestion) => (
+ field.handleChange(suggestion)}
+ >
+ {suggestion}
+
+ ))}
+
+
{child} ;
});
diff --git a/src/Components/HCX/validators.ts b/src/Components/HCX/validators.ts
index cc83b39b6af..5d5c979a405 100644
--- a/src/Components/HCX/validators.ts
+++ b/src/Components/HCX/validators.ts
@@ -1,3 +1,4 @@
+import { t } from "i18next";
import { FieldValidator } from "../Form/FieldValidators";
import { HCXPolicyModel } from "./models";
@@ -5,12 +6,16 @@ const HCXPolicyValidator: FieldValidator = (
value,
enable_hcx,
) => {
- if (
- !value.policy_id.trim() ||
- !value.subscriber_id.trim() ||
- (enable_hcx && (!value.insurer_id?.trim() || !value.insurer_name?.trim()))
- )
- return "All fields are mandatory";
+ if (!value.subscriber_id.trim()) {
+ return t("member_id_required");
+ } else if (!value.policy_id.trim()) {
+ return t("policy_id_required");
+ }
+ if (enable_hcx) {
+ if (!value.insurer_id?.trim() || !value.insurer_name?.trim()) {
+ return t("insurer_name_required");
+ }
+ }
};
export default HCXPolicyValidator;
diff --git a/src/Components/Licenses/LicensesPage.tsx b/src/Components/Licenses/LicensesPage.tsx
new file mode 100644
index 00000000000..560b45a0b74
--- /dev/null
+++ b/src/Components/Licenses/LicensesPage.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import BOMDisplay from "./SBOMViewer";
+
+const LicensesPage: React.FC = () => {
+ return (
+
+
+ Third-Party Software and Licenses
+
+
+ This page shows what third-party software is used in Care, including the
+ respective licenses and versions.
+
+
+
(null);
+ const [activeTab, setActiveTab] = useState("bom");
+
+ const handleCopy = () => {
+ setCopyStatus(true);
+ setTimeout(() => setCopyStatus(false), 2000);
+ };
+
+ const bomData = (activeTab === "bom" ? feBomData : beBomData) as CycloneDXBOM;
+
+ return (
+
+
+ setActiveTab("bom")}
+ >
+ Care Frontend
+
+ setActiveTab("beBom")}
+ >
+ Care Backend
+
+
+
+
+
+ {bomData.bomFormat || "N/A"} BOM (Version:{" "}
+ {bomData.version || "N/A"})
+
+
+ Created on:{" "}
+ {bomData.metadata?.timestamp
+ ? dayjs(bomData.metadata.timestamp).format("MMMM D, YYYY")
+ : "N/A"}
+
+
+
+ Components:
+
+ {bomData.components?.map((component, index) => (
+
+ ))}
+
+
+
+ Copy BOM JSON
+
+
+ {copyStatus && (
+
+ Copied to clipboard!
+
+ )}
+
+
+
+
{notices}
);
diff --git a/src/Components/Notifications/NotificationsList.tsx b/src/Components/Notifications/NotificationsList.tsx
index de9618809b4..30c380fe9a6 100644
--- a/src/Components/Notifications/NotificationsList.tsx
+++ b/src/Components/Notifications/NotificationsList.tsx
@@ -1,5 +1,5 @@
import { navigate } from "raviger";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
import Spinner from "../Common/Spinner";
import { NOTIFICATION_EVENTS } from "../../Common/constants";
import { Error, Success, Warn } from "../../Utils/Notifications.js";
@@ -183,6 +183,7 @@ export default function NotificationsList({
const [isSubscribed, setIsSubscribed] = useState("");
const [isSubscribing, setIsSubscribing] = useState(false);
const [showUnread, setShowUnread] = useState(false);
+ const observerRef = useRef(null);
const { t } = useTranslation();
useEffect(() => {
@@ -194,6 +195,26 @@ export default function NotificationsList({
if (open) document.addEventListener("keydown", handleKeyDown);
return () => document.removeEventListener("keydown", handleKeyDown);
}, [open]);
+ useEffect(() => {
+ const observer = new IntersectionObserver(
+ (entries) => {
+ if (entries[0].isIntersecting && data.length < totalCount) {
+ setOffset((prevOffset) => prevOffset + RESULT_LIMIT);
+ }
+ },
+ { threshold: 1.0 },
+ );
+
+ if (observerRef.current) {
+ observer.observe(observerRef.current);
+ }
+
+ return () => {
+ if (observerRef.current) {
+ observer.unobserve(observerRef.current);
+ }
+ };
+ }, [data, totalCount]);
useEffect(() => {
let intervalId: ReturnType;
if (isSubscribing) {
@@ -374,7 +395,15 @@ export default function NotificationsList({
})
.then((res) => {
if (res && res.data) {
- setData(res.data.results);
+ setData((prev) => {
+ const newNotifications = res?.data?.results || [];
+ const allNotifications =
+ offset === 0 ? newNotifications : [...prev, ...newNotifications];
+ const uniqueNotifications = Array.from(
+ new Set(allNotifications.map((n) => n.id)),
+ ).map((id) => allNotifications.find((n) => n.id === id));
+ return uniqueNotifications;
+ });
setUnreadCount(
res.data.results?.reduce(
(acc: number, result: any) => acc + (result.read_at ? 0 : 1),
@@ -391,7 +420,9 @@ export default function NotificationsList({
});
intialSubscriptionState();
}, [reload, open, offset, eventFilter, isSubscribed]);
-
+ useEffect(() => {
+ setOffset(0);
+ }, [eventFilter, showUnread]);
if (!offset && isLoading) {
manageResults = (
@@ -414,27 +445,12 @@ export default function NotificationsList({
setShowNotifications={setOpen}
/>
))}
+
{isLoading && (
)}
- {!showUnread &&
- totalCount > RESULT_LIMIT &&
- offset < totalCount - RESULT_LIMIT && (
-
- setOffset((prev) => prev + RESULT_LIMIT)}
- >
- {isLoading ? t("loading") : t("load_more")}
-
-
- )}
);
} else if (data && data.length === 0) {
diff --git a/src/Components/Notifications/ShowPushNotification.tsx b/src/Components/Notifications/ShowPushNotification.tsx
index 2d2faa5ff5f..ca465f98df7 100644
--- a/src/Components/Notifications/ShowPushNotification.tsx
+++ b/src/Components/Notifications/ShowPushNotification.tsx
@@ -1,9 +1,8 @@
-import { DetailRoute } from "../../Routers/types";
import useQuery from "../../Utils/request/useQuery";
import routes from "../../Redux/api";
import { NotificationData } from "./models";
-export default function ShowPushNotification({ id }: DetailRoute) {
+export default function ShowPushNotification({ id }: { id: string }) {
useQuery(routes.getNotificationData, {
pathParams: { id },
onResponse(res) {
diff --git a/src/Components/Patient/DailyRounds.tsx b/src/Components/Patient/DailyRounds.tsx
index bf25d48f6bf..3e10383e78a 100644
--- a/src/Components/Patient/DailyRounds.tsx
+++ b/src/Components/Patient/DailyRounds.tsx
@@ -1,5 +1,4 @@
import { navigate } from "raviger";
-
import dayjs from "dayjs";
import { useCallback, useEffect, useState } from "react";
import {
@@ -126,7 +125,6 @@ export const DailyRounds = (props: any) => {
return state;
}
};
-
const [state, dispatch] = useAutoSaveReducer
(
DailyRoundsFormReducer,
initialState,
@@ -249,7 +247,9 @@ export const DailyRounds = (props: any) => {
}
return;
case "bp": {
- const error = state.form.bp && BloodPressureValidator(state.form.bp);
+ const error =
+ state.form.bp && BloodPressureValidator(state.form.bp, t);
+
if (error) {
errors.bp = error;
invalidForm = true;
@@ -258,6 +258,23 @@ export const DailyRounds = (props: any) => {
return;
}
+ case "temperature": {
+ const temperatureInputValue = state.form["temperature"];
+
+ if (
+ temperatureInputValue &&
+ (temperatureInputValue < 95 || temperatureInputValue > 106)
+ ) {
+ errors[field] = t("out_of_range_error", {
+ start: "95°F (35°C)",
+ end: "106°F (41.1°C)",
+ });
+ invalidForm = true;
+ scrollTo("temperature");
+ }
+ return;
+ }
+
case "investigations": {
for (const investigation of state.form.investigations) {
if (!investigation.type?.length) {
@@ -773,7 +790,6 @@ export const DailyRounds = (props: any) => {
/>
)}
-
{["NORMAL", "TELEMEDICINE", "DOCTORS_LOG"].includes(
state.form.rounds_type,
) && (
diff --git a/src/Components/Patient/ManagePatients.tsx b/src/Components/Patient/ManagePatients.tsx
index 0be6fe6b819..c6bc3352115 100644
--- a/src/Components/Patient/ManagePatients.tsx
+++ b/src/Components/Patient/ManagePatients.tsx
@@ -52,6 +52,8 @@ import {
import { ICD11DiagnosisModel } from "../Diagnosis/types.js";
import { getDiagnosesByIds } from "../Diagnosis/utils.js";
import Tabs from "../Common/components/Tabs.js";
+import { PhoneNumberValidator } from "../Form/FieldValidators.js";
+import { isPatientMandatoryDataFilled } from "./Utils.js";
import request from "../../Utils/request/request.js";
import { Avatar } from "../Common/Avatar.js";
@@ -104,45 +106,29 @@ export const PatientManager = () => {
const [diagnoses, setDiagnoses] = useState([]);
const [showDialog, setShowDialog] = useState<"create" | "list-discharged">();
const [showDoctors, setShowDoctors] = useState(false);
- const [phone_number, setPhoneNumber] = useState("");
- const [phoneNumberError, setPhoneNumberError] = useState("");
- const [emergency_phone_number, setEmergencyPhoneNumber] = useState("");
- const [emergencyPhoneNumberError, setEmergencyPhoneNumberError] =
- useState("");
+ const [phoneNumber, _setPhoneNumber] = useState("");
+ const [emergencyPhoneNumber, _setEmergencyPhoneNumber] = useState("");
- const setPhoneNum = (phone_number: string) => {
- setPhoneNumber(phone_number);
- if (phone_number.length >= 13) {
- setPhoneNumberError("");
- updateQuery({ phone_number });
- return;
+ const setPhoneNumber = (value: string) => {
+ _setPhoneNumber(value);
+ const error = PhoneNumberValidator()(value);
+ if (!error) {
+ updateQuery({ phone_number: value });
}
-
- if (phone_number === "+91" || phone_number === "") {
- setPhoneNumberError("");
- qParams.phone_number && updateQuery({ phone_number: null });
- return;
+ if ((value === "+91" || value === "") && qParams.phone_number) {
+ updateQuery({ phone_number: null });
}
-
- setPhoneNumberError("Enter a valid number");
};
- const setEmergencyPhoneNum = (emergency_phone_number: string) => {
- setEmergencyPhoneNumber(emergency_phone_number);
- if (emergency_phone_number.length >= 13) {
- setEmergencyPhoneNumberError("");
- updateQuery({ emergency_phone_number });
- return;
+ const setEmergencyPhoneNumber = (value: string) => {
+ _setEmergencyPhoneNumber(value);
+ const error = PhoneNumberValidator()(value);
+ if (!error) {
+ updateQuery({ emergency_phone_number: value });
}
-
- if (emergency_phone_number === "+91" || emergency_phone_number === "") {
- setEmergencyPhoneNumberError("");
- qParams.emergency_phone_number &&
- updateQuery({ emergency_phone_number: null });
- return;
+ if ((value === "+91" || value === "") && qParams.emergency_phone_number) {
+ updateQuery({ emergency_phone_number: null });
}
-
- setEmergencyPhoneNumberError("Enter a valid number");
};
const tabValue =
@@ -332,10 +318,10 @@ export const PatientManager = () => {
query: params,
onResponse: () => {
if (!params.phone_number) {
- setPhoneNumber("+91");
+ _setPhoneNumber("+91");
}
if (!params.emergency_phone_number) {
- setEmergencyPhoneNumber("+91");
+ _setEmergencyPhoneNumber("+91");
}
},
});
@@ -471,9 +457,11 @@ export const PatientManager = () => {
let patientList: ReactNode[] = [];
if (data?.count) {
- patientList = data.results.map((patient: any) => {
+ patientList = data.results.map((patient) => {
let patientUrl = "";
- if (
+ if (!isPatientMandatoryDataFilled(patient)) {
+ patientUrl = `/facility/${patient.facility}/patient/${patient.id}`;
+ } else if (
patient.last_consultation &&
patient.last_consultation?.facility === patient.facility &&
!(patient.last_consultation?.discharge_date && patient.is_active)
@@ -494,7 +482,7 @@ export const PatientManager = () => {
const children = (
{
-
+
{patient?.last_consultation?.current_bed &&
patient?.last_consultation?.discharge_date === null ? (
@@ -541,11 +529,11 @@ export const PatientManager = () => {
) : (
-
+
)}
@@ -592,10 +580,26 @@ export const PatientManager = () => {
)}
- {!patient.last_consultation ||
- patient.last_consultation?.facility !== patient.facility ||
- (patient.last_consultation?.discharge_date &&
- patient.is_active) ? (
+ {!isPatientMandatoryDataFilled(patient) && (
+
+
+
+
+ )}
+
+ {isPatientMandatoryDataFilled(patient) &&
+ (!patient.last_consultation ||
+ patient.last_consultation?.facility !== patient.facility ||
+ (patient.last_consultation?.discharge_date &&
+ patient.is_active)) ? (
{
return (
{
setPhoneNum(e.value)}
- error={phoneNumberError}
+ value={phoneNumber}
+ onChange={(e) => setPhoneNumber(e.value)}
types={["mobile", "landline"]}
className="w-full grow"
+ error={((phoneNumber || "+91") === "+91" && "") || undefined}
/>
setEmergencyPhoneNum(e.value)}
- error={emergencyPhoneNumberError}
+ value={emergencyPhoneNumber}
+ onChange={(e) => setEmergencyPhoneNumber(e.value)}
types={["mobile", "landline"]}
className="w-full"
+ error={
+ ((emergencyPhoneNumber || "+91") === "+91" && "") || undefined
+ }
/>
- {/*!qParams.last_consultation__consent_types &&
- (patientsWithNoConsents || 0) > 0 && (
-
-
-
- {patientsWithNoConsents} patients admitted missing consent
- records
-
- updateQuery({ last_consultation__consent_types: "None" })
- }
- className="underline"
- >
- Click to view
-
-
-
- )*/}
{
- console.log(e.value);
- setPatientCodeStatus(e.value);
- }}
+ onChange={(e) => setPatientCodeStatus(e.value)}
value={
CONSENT_PATIENT_CODE_STATUS_CHOICES.find(
(c) => c.id === patientCodeStatus,
diff --git a/src/Components/Patient/PatientHome.tsx b/src/Components/Patient/PatientHome.tsx
index f6fe4f28a72..ba2f6e33a3f 100644
--- a/src/Components/Patient/PatientHome.tsx
+++ b/src/Components/Patient/PatientHome.tsx
@@ -1,3 +1,5 @@
+import { navigate } from "raviger";
+import { useEffect, useState } from "react";
import * as Notification from "../../Utils/Notifications";
import {
@@ -16,34 +18,32 @@ import {
isAntenatal,
isPostPartum,
} from "../../Utils/utils";
-import { useEffect, useState } from "react";
-
import ButtonV2 from "../Common/components/ButtonV2";
+
import CareIcon from "../../CAREUI/icons/CareIcon";
import Chip from "../../CAREUI/display/Chip";
import CircularProgress from "../Common/components/CircularProgress";
import ConfirmDialog from "../Common/ConfirmDialog";
import { ConsultationCard } from "../Facility/ConsultationCard";
import { ConsultationModel } from "../Facility/models";
-import { InsuranceDetialsCard } from "./InsuranceDetailsCard";
import { NonReadOnlyUsers } from "../../Utils/AuthorizeFor";
import Page from "../Common/components/Page";
-import PaginatedList from "../../CAREUI/misc/PaginatedList";
import RelativeDateUserMention from "../Common/RelativeDateUserMention";
import { SampleTestCard } from "./SampleTestCard";
import UserAutocomplete from "../Common/UserAutocompleteFormField";
import dayjs from "../../Utils/dayjs";
-import { navigate } from "raviger";
-import request from "../../Utils/request/request";
-import routes from "../../Redux/api";
import { triggerGoal } from "../../Integrations/Plausible";
import useAuthUser from "../../Common/hooks/useAuthUser";
import useQuery from "../../Utils/request/useQuery";
+import routes from "../../Redux/api";
+import { InsuranceDetialsCard } from "./InsuranceDetailsCard";
+import request from "../../Utils/request/request";
+import PaginatedList from "../../CAREUI/misc/PaginatedList";
import { useTranslation } from "react-i18next";
import { Alert, AlertDescription, AlertTitle } from "@/Components/ui/alert";
import { Button } from "@/Components/ui/button";
-
import Loading from "@/Components/Common/Loading";
+
export const parseOccupation = (occupation: string | undefined) => {
return OCCUPATION_TYPES.find((i) => i.value === occupation)?.text;
};
@@ -253,7 +253,7 @@ export const PatientHome = (props: any) => {
return (
{
)}
+
diff --git a/src/Components/Patient/PatientInfoCard.tsx b/src/Components/Patient/PatientInfoCard.tsx
index 1f581b9b0e7..7e3a9563799 100644
--- a/src/Components/Patient/PatientInfoCard.tsx
+++ b/src/Components/Patient/PatientInfoCard.tsx
@@ -22,8 +22,6 @@ import {
humanizeStrings,
} from "../../Utils/utils.js";
import ABHAProfileModal from "../ABDM/ABHAProfileModal.js";
-import LinkABHANumberModal from "../ABDM/LinkABHANumberModal.js";
-import LinkCareContextModal from "../ABDM/LinkCareContextModal.js";
import DialogModal from "../Common/Dialog.js";
import ButtonV2 from "../Common/components/ButtonV2.js";
import Beds from "../Facility/Consultations/Beds.js";
@@ -43,6 +41,7 @@ import FetchRecordsModal from "../ABDM/FetchRecordsModal.js";
import { AbhaNumberModel } from "../ABDM/types/abha.js";
import { SkillModel } from "../Users/models.js";
import { AuthorizedForConsultationRelatedActions } from "../../CAREUI/misc/AuthorizedChild.js";
+import LinkAbhaNumber from "../ABDM/LinkAbhaNumber";
import careConfig from "@careConfig";
const formatSkills = (arr: SkillModel[]) => {
@@ -75,7 +74,6 @@ export default function PatientInfoCard(props: {
const [openDischargeSummaryDialog, setOpenDischargeSummaryDialog] =
useState(false);
const [openDischargeDialog, setOpenDischargeDialog] = useState(false);
- const [showLinkCareContext, setShowLinkCareContext] = useState(false);
const patient = props.patient;
const consultation = props.consultation;
@@ -748,7 +746,7 @@ export default function PatientInfoCard(props: {
close();
setShowABHAProfile(true);
triggerGoal("Patient Card Button Clicked", {
- buttonName: "Show ABHA Profile",
+ buttonName: t("show_abha_profile"),
consultationId: consultation?.id,
userId: authUser?.id,
});
@@ -758,25 +756,7 @@ export default function PatientInfoCard(props: {
icon="l-user-square"
className="text-lg text-primary-500"
/>
- Show ABHA Profile
-
-
{
- triggerGoal("Patient Card Button Clicked", {
- buttonName: "Link Care Context",
- consultationId: consultation?.id,
- userId: authUser?.id,
- });
- close();
- setShowLinkCareContext(true);
- }}
- >
- Link Care Context
+ {t("show_abha_profile")}
Fetch Records over ABDM
+ {t("hi__fetch_records")}
)}
@@ -815,7 +795,7 @@ export default function PatientInfoCard(props: {
icon="l-link"
className="text-lg text-primary-500"
/>
-
Link ABHA Number
+
{t("link_abha_profile")}
)}
@@ -957,12 +937,33 @@ export default function PatientInfoCard(props: {
-
setShowLinkABHANumber(false)}
- patientId={patient.id as any}
- onSuccess={(_) => {
- window.location.href += "?show-abha-profile=true";
+ onSuccess={async (abhaProfile) => {
+ const { res, data } = await request(
+ routes.abdm.healthId.linkAbhaNumberAndPatient,
+ {
+ body: {
+ patient: patient.id,
+ abha_number: abhaProfile.external_id,
+ },
+ },
+ );
+
+ if (res?.status === 200 && data) {
+ Notification.Success({
+ msg: t("abha_number_linked_successfully"),
+ });
+
+ props.fetchPatientData?.({ aborted: false });
+ setShowLinkABHANumber(false);
+ setShowABHAProfile(true);
+ } else {
+ Notification.Error({
+ msg: t("failed_to_link_abha_number"),
+ });
+ }
}}
/>
setShowABHAProfile(false)}
/>
- setShowLinkCareContext(false)}
- />
{
pathParams: { id: id ? id : 0 },
});
const { data: abhaNumberData } = await request(
- routes.abha.getAbhaNumber,
+ routes.abdm.abhaNumber.get,
{
pathParams: { abhaNumberId: id ?? "" },
silent: true,
@@ -410,6 +412,8 @@ export const PatientRegister = (props: PatientRegisterProps) => {
.find((error) => !!error);
setInsuranceDetailsError(insuranceDetailsError);
+ errors["insurance_details"] = insuranceDetailsError;
+
Object.keys(form).forEach((field) => {
let phoneNumber, emergency_phone_number;
switch (field) {
@@ -589,7 +593,6 @@ export const PatientRegister = (props: PatientRegisterProps) => {
}
});
const data = {
- abha_number: state.form.abha_number,
phone_number: parsePhoneNumber(formData.phone_number),
emergency_phone_number: parsePhoneNumber(formData.emergency_phone_number),
date_of_birth:
@@ -681,12 +684,15 @@ export const PatientRegister = (props: PatientRegisterProps) => {
});
if (res?.ok && requestData) {
if (state.form.abha_number) {
- const { res, data } = await request(routes.abha.linkPatient, {
- body: {
- patient: requestData.id,
- abha_number: state.form.abha_number,
+ const { res, data } = await request(
+ routes.abdm.healthId.linkAbhaNumberAndPatient,
+ {
+ body: {
+ patient: requestData.id,
+ abha_number: state.form.abha_number,
+ },
},
- });
+ );
if (res?.status === 200 && data) {
Notification.Success({
@@ -738,64 +744,64 @@ export const PatientRegister = (props: PatientRegisterProps) => {
setIsLoading(false);
};
- const handleAbhaLinking = (
- {
- id,
- abha_profile: {
- healthIdNumber,
- healthId,
- name,
- mobile,
- gender,
- monthOfBirth,
- dayOfBirth,
- yearOfBirth,
- pincode,
- },
- }: any,
- field: any,
+ const populateAbhaValues = (
+ abhaProfile: AbhaNumberModel,
+ field: FormContextValue,
) => {
- const values: any = {};
- if (id) values["abha_number"] = id;
- if (healthIdNumber) values["health_id_number"] = healthIdNumber;
- if (healthId) values["health_id"] = healthId;
+ const values = {
+ abha_number: abhaProfile.external_id,
+ health_id_number: abhaProfile.abha_number,
+ health_id: abhaProfile.health_id,
+ };
- if (name)
+ if (abhaProfile.name)
field("name").onChange({
name: "name",
- value: name,
+ value: abhaProfile.name,
});
- if (mobile) {
+ if (abhaProfile.mobile) {
field("phone_number").onChange({
name: "phone_number",
- value: parsePhoneNumber(mobile, "IN"),
+ value: parsePhoneNumber(abhaProfile.mobile, "IN"),
});
field("emergency_phone_number").onChange({
name: "emergency_phone_number",
- value: parsePhoneNumber(mobile, "IN"),
+ value: parsePhoneNumber(abhaProfile.mobile, "IN"),
});
}
- if (gender)
+ if (abhaProfile.gender)
field("gender").onChange({
name: "gender",
- value: gender === "M" ? "1" : gender === "F" ? "2" : "3",
+ value: { M: "1", F: "2", O: "3" }[abhaProfile.gender],
});
- if (monthOfBirth && dayOfBirth && yearOfBirth)
+ if (abhaProfile.date_of_birth)
field("date_of_birth").onChange({
name: "date_of_birth",
- value: new Date(`${monthOfBirth}-${dayOfBirth}-${yearOfBirth}`),
+ value: new Date(abhaProfile.date_of_birth),
});
- if (pincode)
+ if (abhaProfile.pincode)
field("pincode").onChange({
name: "pincode",
- value: pincode,
+ value: abhaProfile.pincode,
});
+ if (abhaProfile.address) {
+ field("address").onChange({
+ name: "address",
+ value: abhaProfile.address,
+ });
+
+ field("permanent_address").onChange({
+ name: "permanent_address",
+ value: abhaProfile.address,
+ });
+ }
+
dispatch({ type: "set_form", form: { ...state.form, ...values } });
setShowLinkAbhaNumberModal(false);
};
@@ -862,7 +868,7 @@ export const PatientRegister = (props: PatientRegisterProps) => {
const checkboxField = `medical_history_check_${id}`;
const textField = `medical_history_${id}`;
return (
-
+
{
/>
{id !== 1 && (field("medical_history").value ?? []).includes(id) && (
-
+
{
validate={validateForm}
onSubmit={handleSubmit}
submitLabel={buttonText}
- onCancel={() => navigate("/facility")}
+ onCancel={() => goBack()}
className="bg-transparent px-1 py-2 md:px-2"
onDraftRestore={(newState) => {
dispatch({ type: "set_state", state: newState });
@@ -1035,16 +1041,17 @@ export const PatientRegister = (props: PatientRegisterProps) => {
{careConfig.abdm.enabled && (
{showLinkAbhaNumberModal && (
- setShowLinkAbhaNumberModal(false)}
- onSuccess={(data: any) => {
+ onSuccess={(data) => {
if (id) {
- navigate(`/facility/${facilityId}/patient/${id}`);
- return;
+ Notification.Warn({
+ msg: "To link Abha Number, please save the patient details",
+ });
}
- handleAbhaLinking(data, field);
+ populateAbhaValues(data, field);
}}
/>
)}
@@ -1546,7 +1553,7 @@ export const PatientRegister = (props: PatientRegisterProps) => {
{field("nationality").value === "India" && (
-
-
+
Insurance Details
diff --git a/src/Components/Patient/Utils.ts b/src/Components/Patient/Utils.ts
new file mode 100644
index 00000000000..96e05e63232
--- /dev/null
+++ b/src/Components/Patient/Utils.ts
@@ -0,0 +1,19 @@
+import { PatientModel } from "./models";
+
+export function isPatientMandatoryDataFilled(patient: PatientModel) {
+ return (
+ patient.phone_number &&
+ patient.emergency_phone_number &&
+ patient.name &&
+ patient.gender &&
+ (patient.date_of_birth || patient.year_of_birth) &&
+ patient.address &&
+ patient.permanent_address &&
+ patient.pincode &&
+ patient.state &&
+ patient.district &&
+ patient.local_body &&
+ ("medical_history" in patient ? patient.medical_history : true) &&
+ patient.blood_group
+ );
+}
diff --git a/src/Components/Patient/models.tsx b/src/Components/Patient/models.tsx
index d9e275fdc4a..9843b867a5b 100644
--- a/src/Components/Patient/models.tsx
+++ b/src/Components/Patient/models.tsx
@@ -134,6 +134,7 @@ export interface PatientModel {
created_by?: PerformedByModel;
assigned_to?: { first_name?: string; username?: string; last_name?: string };
assigned_to_object?: AssignedToObjectModel;
+ occupation?: Occupation;
meta_info?: PatientMeta;
age?: string;
}
diff --git a/src/Components/Resource/CommentSection.tsx b/src/Components/Resource/CommentSection.tsx
index 5a3d94687b3..2a82fa064c3 100644
--- a/src/Components/Resource/CommentSection.tsx
+++ b/src/Components/Resource/CommentSection.tsx
@@ -85,8 +85,8 @@ export const Comment = ({
modified_date,
}: IComment) => (
-
-
{comment}
+
diff --git a/src/Components/Resource/ResourceBoardView.tsx b/src/Components/Resource/ResourceBoardView.tsx
index ed6d63bbd77..de432496fdd 100644
--- a/src/Components/Resource/ResourceBoardView.tsx
+++ b/src/Components/Resource/ResourceBoardView.tsx
@@ -45,7 +45,7 @@ export default function BoardView() {
{
const { data } = await request(routes.downloadShiftRequests, {
- query: { ...formatFilter(qParams), csv: true },
+ query: {
+ ...formatFilter({ ...qParams, status: board.text }),
+ csv: true,
+ },
});
return data ?? null;
}}
diff --git a/src/Components/Shifting/CommentsSection.tsx b/src/Components/Shifting/CommentsSection.tsx
index ff826bec63f..1a83f91d3f4 100644
--- a/src/Components/Shifting/CommentsSection.tsx
+++ b/src/Components/Shifting/CommentsSection.tsx
@@ -94,8 +94,8 @@ export const Comment = ({
key={id}
className="mt-4 flex w-full flex-col rounded-lg border border-secondary-300 bg-white p-4 text-secondary-800"
>
-
-
{comment}
+
diff --git a/src/Components/Shifting/ListView.tsx b/src/Components/Shifting/ListView.tsx
index 1e069d9e37f..1c1d63991f6 100644
--- a/src/Components/Shifting/ListView.tsx
+++ b/src/Components/Shifting/ListView.tsx
@@ -6,7 +6,7 @@ import { ExportButton } from "../Common/Export";
import ListFilter from "./ListFilter";
import Page from "../Common/components/Page";
import SearchInput from "../Form/SearchInput";
-import { formatDateTime, formatPatientAge } from "../../Utils/utils";
+import { formatDateTime } from "../../Utils/utils";
import { formatFilter } from "./Commons";
import { navigate } from "raviger";
import useFilters from "../../Common/hooks/useFilters";
@@ -19,8 +19,9 @@ import request from "../../Utils/request/request";
import routes from "../../Redux/api";
import useQuery from "../../Utils/request/useQuery";
import careConfig from "@careConfig";
-
import Loading from "@/Components/Common/Loading";
+import { IShift } from "./models";
+
export default function ListView() {
const {
qParams,
@@ -31,14 +32,17 @@ export default function ListView() {
resultsPerPage,
} = useFilters({ cacheBlacklist: ["patient_name"] });
- const [modalFor, setModalFor] = useState({
- externalId: undefined,
+ const [modalFor, setModalFor] = useState<{
+ external_id: string | undefined;
+ loading: boolean;
+ }>({
+ external_id: undefined,
loading: false,
});
const authUser = useAuthUser();
const { t } = useTranslation();
- const handleTransferComplete = async (shift: any) => {
+ const handleTransferComplete = async (shift: IShift) => {
setModalFor({ ...modalFor, loading: true });
await request(routes.completeTransfer, {
pathParams: { externalId: shift.external_id },
@@ -59,172 +63,190 @@ export default function ListView() {
}),
});
- const showShiftingCardList = (data: any) => {
- if (data && !data.length) {
+ const showShiftingCardList = (data: IShift[]) => {
+ if (loading) {
+ return
- {t("no_patients_to_show")}
+
+
+ {t("no_patients_to_show")}
+
);
}
- return data.map((shift: any) => (
-
-
-
-
-
-
- {shift.patient_object.name} -{" "}
- {formatPatientAge(shift.patient_object, true)}
-
+ return (
+
+ {data.map((shift: IShift) => (
+
+
+
- {shift.emergency && (
-
- {t("emergency")}
-
- )}
-
-
-
-
-
-
- {shift.status}
-
-
-
-
-
-
- {shift.patient_object.phone_number || ""}
-
-
-
-
-
-
- {(shift.origin_facility_object || {}).name}
-
-
-
- {careConfig.wartimeShifting && (
-
-
-
- {(shift.shifting_approving_facility_object || {}).name}
-
-
+
+
+ {shift.patient_object.name} - {shift.patient_object.age}
+
+
+ {shift.emergency && (
+
+ {t("emergency")}
+
+ )}
+
- )}
-
-
-
+
+
+
+ {shift.status}
+
+
+
+
+
+
+ {shift.patient_object.phone_number || ""}
+
+
+
+
+
+
+ {(shift.origin_facility_object || {}).name}
+
+
+
+ {careConfig.wartimeShifting && (
+
+
+
+ {
+ (shift.shifting_approving_facility_object || {})
+ .name
+ }
+
+
+
+ )}
+
+
+
- {shift.assigned_facility_external ||
- shift.assigned_facility_object?.name ||
- t("yet_to_be_decided")}
-
-
-
+
+ {shift.assigned_facility_external ||
+ shift.assigned_facility_object?.name ||
+ t("yet_to_be_decided")}
+
+
+
-
-
-
- {formatDateTime(shift.modified_date) || "--"}
-
-
+
+
+
+ {formatDateTime(shift.modified_date) || "--"}
+
+
+
+
+
+
+
+ {shift.patient_object.address || "--"}
+
+
+
+
-
-
+ navigate(`/shifting/${shift.external_id}`)}
+ variant="secondary"
+ border
+ className="w-full"
>
-
- {shift.patient_object.address || "--"}
-
-
+
{" "}
+ {t("all_details")}
+
-
-
- navigate(`/shifting/${shift.external_id}`)}
- variant="secondary"
- border
- className="w-full"
- >
-
-
- {shift.status === "COMPLETED" && shift.assigned_facility && (
-
-
setModalFor(shift.external_id)}
- >
- {t("transfer_to_receiving_facility")}
-
-
- setModalFor({ externalId: undefined, loading: false })
- }
- onConfirm={() => handleTransferComplete(shift)}
- />
+ {shift.status === "COMPLETED" && shift.assigned_facility && (
+
+
+ setModalFor({
+ external_id: shift.external_id,
+ loading: false,
+ })
+ }
+ >
+ {t("transfer_to_receiving_facility")}
+
+
+ setModalFor({ external_id: undefined, loading: false })
+ }
+ onConfirm={() => handleTransferComplete(shift)}
+ />
+
+ )}
-
+ ))}
- ));
+ );
};
return (
@@ -292,9 +314,8 @@ export default function ListView() {
-
- {showShiftingCardList(shiftData?.results || [])}
-
+ {showShiftingCardList(shiftData?.results || [])}
+
diff --git a/src/Components/Users/ManageUsers.tsx b/src/Components/Users/ManageUsers.tsx
index 2a00a2a8305..801ffae03af 100644
--- a/src/Components/Users/ManageUsers.tsx
+++ b/src/Components/Users/ManageUsers.tsx
@@ -415,7 +415,7 @@ export default function ManageUsers() {
}}
>
-
Linked Facilities
+
{t("linked_facilities")}
Linked Skills
+ {t("linked_skills")}
{["DistrictAdmin", "StateAdmin"].includes(
@@ -781,7 +781,7 @@ export function UserFacilities(props: { user: any }) {
selected={facility}
setSelected={setFacility}
errors=""
- className="z-40"
+ className="z-40 w-full"
/>
{
selected={selectedSkill}
setSelected={setSelectedSkill}
errors=""
+ className="w-full"
userSkills={skills?.results || []}
/>
{
export default function UserProfile() {
const { t } = useTranslation();
- const { signOut } = useAuthContext();
+ const { signOut, refetchUser } = useAuthContext();
const [states, dispatch] = useReducer(editFormReducer, initialState);
+ const [editAvatar, setEditAvatar] = useState(false);
const [updateStatus, setUpdateStatus] = useState({
isChecking: false,
isUpdateAvailable: false,
@@ -462,488 +471,546 @@ export default function UserProfile() {
});
}
};
+
+ const handleAvatarUpload = async (file: File, onError: () => void) => {
+ const formData = new FormData();
+ formData.append("profile_picture", file);
+ const url = `${careConfig.apiUrl}/api/v1/users/${authUser.username}/profile_picture/`;
+
+ uploadFile(
+ url,
+ formData,
+ "POST",
+ {
+ Authorization:
+ "Bearer " + localStorage.getItem(LocalStorageKeys.accessToken),
+ },
+ async (xhr: XMLHttpRequest) => {
+ if (xhr.status === 200) {
+ await sleep(1000);
+ refetchUser();
+ Notification.Success({ msg: "Profile picture updated." });
+ setEditAvatar(false);
+ }
+ },
+ null,
+ () => {
+ onError();
+ },
+ );
+ };
+
+ const handleAvatarDelete = async (onError: () => void) => {
+ const { res } = await request(routes.deleteProfilePicture, {
+ pathParams: { username: authUser.username },
+ });
+ if (res?.ok) {
+ Notification.Success({ msg: "Profile picture deleted" });
+ await refetchUser();
+ setEditAvatar(false);
+ } else {
+ onError();
+ }
+ };
+
return (
-
-
-
-
-
-
- Personal Information
+
+ setEditAvatar(false)}
+ />
+
+
+
+ {t("local_body")}, {t("district")}, {t("state")}{" "}
+ {t("are_non_editable_fields")}.
+
+
+
setEditAvatar(!editAvatar)}
+ className="h-20 w-20"
+ />
+
+
+ {authUser?.first_name} {authUser?.last_name}
-
- Local Body, District and State are Non Editable Settings.
+
+ @{authUser?.username}
-
- setShowEdit(!showEdit)}
- type="button"
- id="edit-cancel-profile-button"
- >
- {showEdit ? "Cancel" : "Edit User Profile"}
-
-
-
-
-
- {!showEdit && !isLoading && (
-
-
-
-
- Username
-
-
- {userData?.username || "-"}
-
-
-
-
- Contact No
-
-
- {userData?.phone_number || "-"}
-
-
+
+ setShowEdit(!showEdit)}
+ type="button"
+ id="edit-cancel-profile-button"
+ >
+ {showEdit ? t("cancel") : t("edit_user_profile")}
+
+
+
+
+
+
+ {!showEdit && !isLoading && (
+
+
+
+
+ {t("username")}
+
+
+ {userData?.username || "-"}
+
+
+
+
+ {t("phone_number")}
+
+
+ {userData?.phone_number || "-"}
+
+
-
-
- Whatsapp No
-
-
- {userData?.alt_phone_number || "-"}
-
-
-
-
- Email address
-
-
- {userData?.email || "-"}
-
-
-
-
- First Name
-
-
- {userData?.first_name || "-"}
-
-
-
-
- Last Name
-
-
- {userData?.last_name || "-"}
-
-
-
-
- Date of Birth
-
-
- {userData?.date_of_birth
- ? formatDate(userData?.date_of_birth)
+
+
+ {t("whatsapp_number")}
+
+
+ {userData?.alt_phone_number || "-"}
+
+
+
+
+ {t("email")}
+
+
+ {userData?.email || "-"}
+
+
+
+
+ {t("first_name")}
+
+
+ {userData?.first_name || "-"}
+
+
+
+
+ {t("last_name")}
+
+
+ {userData?.last_name || "-"}
+
+
+
+
+ {t("date_of_birth")}
+
+
+ {userData?.date_of_birth
+ ? formatDate(userData?.date_of_birth)
+ : "-"}
+
+
+
+
+ {t("access_level")}
+
+
+
+
+
+
+ {t("gender")}
+
+
+ {userData?.gender || "-"}
+
+
+
+
+ {t("local_body")}
+
+
+ {userData?.local_body_object?.name || "-"}
+
+
+
+
+ {t("district")}
+
+
+ {userData?.district_object?.name || "-"}
+
+
+
+
+ {t("state")}
+
+
+ {userData?.state_object?.name || "-"}
+
+
+
+
+ {t("skills")}
+
+
+
+ {skillsView?.results?.length
+ ? skillsView.results?.map((skill: SkillModel) => {
+ return (
+
+
+ {skill.skill_object.name}
+
+
+ );
+ })
: "-"}
-
-
-
- Access Level
-
-
-
-
-
-
- Gender
-
-
- {userData?.gender || "-"}
-
-
-
-
- Local Body
-
-
- {userData?.local_body_object?.name || "-"}
-
-
-
-
- District
-
-
- {userData?.district_object?.name || "-"}
-
-
-
-
- State
-
-
- {userData?.state_object?.name || "-"}
-
-
-
-
- Skills
-
-
-
+
+
+
+
+ {t("average_weekly_working_hours")}
+
+
+ {userData?.weekly_working_hours ?? "-"}
+
+
+
-
-
-
- Average weekly working hours
-
-
- {userData?.weekly_working_hours ?? "-"}
-
-
-
-
-
-
-
-
- Language Selection
-
-
- Set your local language
-
-
-
-
-
+
+
+
+
+ {t("language_selection")}
+
+
+ {t("set_your_local_language")}
+
-
-
-
-
- Software Update
-
-
- Check for an available update
-
-
+
+
+
+
+
+
+
+ {t("software_update")}
+
+
+ {t("check_for_available_update")}
+
- {updateStatus.isUpdateAvailable && (
-
-
-
-
-
-
+
+ {updateStatus.isUpdateAvailable && (
+
+
+
+
+
+
+ )}
+
+ {!updateStatus.isUpdateAvailable && (
+
+ {" "}
+
+
+
)}
-
- {!updateStatus.isUpdateAvailable && (
-
- {" "}
-
-
-
- )}
-
-
+
);
}
diff --git a/src/Components/Users/models.tsx b/src/Components/Users/models.tsx
index 5d5c092dd02..cb41779c7ed 100644
--- a/src/Components/Users/models.tsx
+++ b/src/Components/Users/models.tsx
@@ -33,6 +33,7 @@ export type UserModel = UserBareMinimum & {
phone_number?: string;
alt_phone_number?: string;
gender?: GenderType;
+ read_profile_picture_url?: string;
date_of_birth: Date | null | string;
is_superuser?: boolean;
verified?: boolean;
diff --git a/src/Components/ui/dropdown-menu.tsx b/src/Components/ui/dropdown-menu.tsx
new file mode 100644
index 00000000000..d019b2893d6
--- /dev/null
+++ b/src/Components/ui/dropdown-menu.tsx
@@ -0,0 +1,203 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import {
+ CheckIcon,
+ ChevronRightIcon,
+ DotFilledIcon,
+} from "@radix-ui/react-icons";
+
+import { cn } from "@/lib/utils";
+
+const DropdownMenu = DropdownMenuPrimitive.Root;
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+
+const DropdownMenuSubTrigger = React.forwardRef<
+ React.ElementRef
,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean;
+ }
+>(({ className, inset, children, ...props }, ref) => (
+
+ {children}
+
+));
+DropdownMenuSubTrigger.displayName =
+ DropdownMenuPrimitive.SubTrigger.displayName;
+
+const DropdownMenuSubContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, sideOffset = 4, ...props }, ref) => (
+
+
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+
+const DropdownMenuItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean;
+ }
+>(({ className, inset, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, checked, ...props }, ref) => (
+
+
+
+
+
+ {children}
+
+));
+DropdownMenuCheckboxItem.displayName =
+ DropdownMenuPrimitive.CheckboxItem.displayName;
+
+const DropdownMenuRadioItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+
+
+
+ {children}
+
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+
+const DropdownMenuLabel = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean;
+ }
+>(({ className, inset, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ) => {
+ return (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, sideOffset = 4, ...props }, ref) => (
+ Loading plugins... }>
+
+ Error loading plugins
+
+ }
+ >
+
+ {children}
+
+
+
+ );
+}
+
+export function PLUGIN_DoctorConnectButtons({
+ user,
+}: {
+ user: UserAssignedModel;
+}) {
+ const plugins = useCareApps();
+ return (
+
+ {plugins.map((plugin, index) => {
+ const DoctorConnectButtons = plugin.components.DoctorConnectButtons;
+ if (!DoctorConnectButtons) {
+ return null;
+ }
+ return (
+
+
+ );
+ })}
+
+ );
+}
diff --git a/src/Providers/AuthUserProvider.tsx b/src/Providers/AuthUserProvider.tsx
index df2997abe2e..cda5fbfe671 100644
--- a/src/Providers/AuthUserProvider.tsx
+++ b/src/Providers/AuthUserProvider.tsx
@@ -87,7 +87,14 @@ export default function AuthUserProvider({ children, unauthorized }: Props) {
}
return (
-
+
{!res.ok || !user ? unauthorized : children}
);
diff --git a/src/Redux/Reducer.tsx b/src/Redux/Reducer.tsx
deleted file mode 100644
index c7d4698b694..00000000000
--- a/src/Redux/Reducer.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { actions } from "./fireRequest";
-
-const reducer = (state = {}, changeAction: any) => {
- switch (changeAction.type) {
- case actions.FETCH_REQUEST: {
- const obj: any = Object.assign({}, state);
- obj[changeAction.key] = {
- isFetching: true,
- error: false,
- };
- return obj;
- }
- case actions.FETCH_REQUEST_SUCCESS: {
- const obj: any = Object.assign({}, state);
- obj[changeAction.key] = {
- isFetching: false,
- error: false,
- data: changeAction.data,
- };
- return obj;
- }
- case actions.FETCH_REQUEST_ERROR: {
- const obj: any = Object.assign({}, state);
- obj[changeAction.key] = {
- isFetching: false,
- error: true,
- errorMessage: changeAction.error,
- };
- return obj;
- }
-
- case actions.SET_DATA: {
- const obj: any = Object.assign({}, state);
- obj[changeAction.key] = changeAction.value;
- return obj;
- }
-
- default:
- return state;
- }
-};
-export default reducer;
diff --git a/src/Redux/actions.tsx b/src/Redux/actions.tsx
deleted file mode 100644
index 47d3530d065..00000000000
--- a/src/Redux/actions.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { fireRequest } from "./fireRequest";
-
-// asset bed
-export const listAssetBeds = (params: object, altKey?: string) =>
- fireRequest("listAssetBeds", [], params, {}, altKey);
-
-export const partialUpdateAssetBed = (params: object, asset_id: string) =>
- fireRequest(
- "partialUpdateAssetBed",
- [],
- { ...params },
- {
- external_id: asset_id,
- },
- );
-
-export const deleteAssetBed = (asset_id: string) =>
- fireRequest(
- "deleteAssetBed",
- [],
- {},
- {
- external_id: asset_id,
- },
- );
-
-export const getPatient = (pathParam: object) => {
- return fireRequest("getPatient", [], {}, pathParam);
-};
-
-// District/State/Local body/ward
-export const getDistrictByName = (params: object) => {
- return fireRequest("getDistrictByName", [], params, null);
-};
-
-// Consultation
-export const getConsultation = (id: string) => {
- return fireRequest("getConsultation", [], {}, { id: id });
-};
-
-export const dischargePatient = (params: object, pathParams: object) => {
- return fireRequest("dischargePatient", [], params, pathParams);
-};
-
-export const operateAsset = (id: string, params: object) =>
- fireRequest("operateAsset", [], params, { external_id: id });
diff --git a/src/Redux/api.tsx b/src/Redux/api.tsx
index 4775674084e..953a1967306 100644
--- a/src/Redux/api.tsx
+++ b/src/Redux/api.tsx
@@ -50,25 +50,6 @@ import {
SampleReportModel,
SampleTestModel,
} from "../Components/Patient/models";
-import {
- IAadhaarOtp,
- IAadhaarOtpTBody,
- ICheckAndGenerateMobileOtp,
- IConfirmMobileOtp,
- ICreateHealthIdRequest,
- ICreateHealthIdResponse,
- IGenerateMobileOtpTBody,
- IHealthFacility,
- IHealthId,
- ILinkABHANumber,
- ILinkViaQRBody,
- ISearchByHealthIdTBody,
- IVerifyAadhaarOtpTBody,
- IcreateHealthFacilityTBody,
- IgetAbhaCardTBody,
- IinitiateAbdmAuthenticationTBody,
- IpartialUpdateHealthFacilityTBody,
-} from "../Components/ABDM/models";
import { IComment, IResource } from "../Components/Resource/models";
import {
IDeleteBedCapacity,
@@ -117,8 +98,13 @@ import {
import { InvestigationSessionType } from "../Components/Facility/Investigations/investigationsTab";
import { AbhaNumberModel } from "../Components/ABDM/types/abha";
import { ScribeModel } from "../Components/Scribe/Scribe";
-import { InsurerOptionModel } from "../Components/HCX/InsurerAutocomplete";
-import { PMJAYPackageItem } from "../Components/Common/PMJAYProcedurePackageAutocomplete";
+import {
+ IcreateHealthFacilityTBody,
+ IHealthFacility,
+ IpartialUpdateHealthFacilityTBody,
+} from "../Components/ABDM/types/health-facility";
+import { PMJAYPackageItem } from "@/Components/Common/PMJAYProcedurePackageAutocomplete";
+import { InsurerOptionModel } from "@/Components/HCX/InsurerAutocomplete";
/**
* A fake function that returns an empty object casted to type T
@@ -302,6 +288,19 @@ const routes = {
TBody: Type>(),
},
+ updateProfilePicture: {
+ path: "/api/v1/users/{username}/profile_picture/",
+ method: "PATCH",
+ TRes: Type(),
+ TBody: Type<{ profile_picture_url: string }>(),
+ },
+
+ deleteProfilePicture: {
+ path: "/api/v1/users/{username}/profile_picture/",
+ method: "DELETE",
+ TRes: Type(),
+ },
+
deleteUser: {
path: "/api/v1/users/{username}/",
method: "DELETE",
@@ -387,6 +386,12 @@ const routes = {
TBody: Type>(),
},
+ getFacilityHubs: {
+ path: "/api/v1/facility/{id}/hubs",
+ method: "GET",
+ TRes: Type>(),
+ },
+
getFacilitySpokes: {
path: "/api/v1/facility/{id}/spokes/",
method: "GET",
@@ -868,6 +873,8 @@ const routes = {
},
getDistrictByName: {
path: "/api/v1/district/",
+ method: "GET",
+ TRes: Type>(),
},
getAllLocalBodyByDistrict: {
path: "/api/v1/district/{id}/get_all_local_body/",
@@ -1129,7 +1136,7 @@ const routes = {
path: "/api/v1/notification/notify/",
method: "POST",
TRes: Type(),
- Tbody: Type(),
+ TBody: Type(),
},
// FileUpload Create
@@ -1355,196 +1362,243 @@ const routes = {
TBody: Type(),
},
- abha: {
- getAbhaNumber: {
- path: "/api/v1/abdm/abha_numbers/{abhaNumberId}/",
- method: "GET",
- TRes: Type(),
- },
-
- // ABDM HealthID endpoints
- generateAadhaarOtp: {
- path: "/api/v1/abdm/healthid/generate_aadhaar_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
-
- resendAadhaarOtp: {
- path: "/api/v1/abdm/healthid/resend_aadhaar_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
-
- verifyAadhaarOtp: {
- path: "/api/v1/abdm/healthid/verify_aadhaar_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
-
- generateMobileOtp: {
- path: "/api/v1/abdm/healthid/generate_mobile_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
-
- checkAndGenerateMobileOtp: {
- path: "/api/v1/abdm/healthid/check_and_generate_mobile_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ abdm: {
+ consent: {
+ list: {
+ path: "/api/abdm/consent/",
+ method: "GET",
+ TRes: Type>(),
+ },
- // TODO: resend mobile otp
- verifyMobileOtp: {
- path: "/api/v1/abdm/healthid/verify_mobile_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ create: {
+ path: "/api/abdm/consent/",
+ method: "POST",
+ TRes: Type(),
+ TBody: Type(),
+ },
- createHealthId: {
- path: "/api/v1/abdm/healthid/create_health_id/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ get: {
+ path: "/api/abdm/consent/{id}/",
+ method: "GET",
+ },
- linkPatient: {
- path: "/api/v1/abdm/healthid/link_patient/",
- method: "POST",
- TBody: Type<{ abha_number: string; patient: string }>(),
- TRes: Type(),
+ checkStatus: {
+ path: "/api/abdm/v3/hiu/consent_request_status/",
+ method: "POST",
+ TBody: Type<{
+ consent_request: string;
+ }>(),
+ TRes: Type<{
+ detail: string;
+ }>(),
+ },
},
- searchByHealthId: {
- path: "/api/v1/abdm/healthid/search_by_health_id/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
+ healthInformation: {
+ get: {
+ path: "/api/abdm/health_information/{artefactId}",
+ method: "GET",
+ TRes: Type(),
+ },
},
- initiateAbdmAuthentication: {
- path: "/api/v1/abdm/healthid/auth_init/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ healthFacility: {
+ list: {
+ path: "/api/abdm/health_facility/",
+ method: "GET",
+ },
- confirmWithAadhaarOtp: {
- path: "/api/v1/abdm/healthid/confirm_with_aadhaar_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ create: {
+ path: "/api/abdm/health_facility/",
+ method: "POST",
+ TRes: Type(),
+ TBody: Type(),
+ },
- confirmWithMobileOtp: {
- path: "/api/v1/abdm/healthid/confirm_with_mobile_otp/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ get: {
+ path: "/api/abdm/health_facility/{facility_id}/",
+ method: "GET",
+ TRes: Type(),
+ },
- linkViaQR: {
- path: "/api/v1/abdm/healthid/link_via_qr/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ update: {
+ path: "/api/abdm/health_facility/{facility_id}/",
+ method: "PUT",
+ TRes: Type(),
+ TBody: Type(),
+ },
- linkCareContext: {
- path: "/api/v1/abdm/healthid/add_care_context/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ partialUpdate: {
+ path: "/api/abdm/health_facility/{facility_id}/",
+ method: "PATCH",
+ TRes: Type(),
+ TBody: Type(),
+ },
- getAbhaCard: {
- path: "/api/v1/abdm/healthid/get_abha_card/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
+ registerAsService: {
+ path: "/api/abdm/health_facility/{facility_id}/register_service/",
+ method: "POST",
+ TRes: Type(),
+ TBody: Type(),
+ },
},
- // ABDM Health Facility
-
- listHealthFacility: {
- path: "/api/v1/abdm/health_facility/",
- method: "GET",
+ abhaNumber: {
+ get: {
+ path: "/api/abdm/abha_number/{abhaNumberId}/",
+ method: "GET",
+ TRes: Type(),
+ },
+ create: {
+ path: "/api/abdm/abha_number/",
+ method: "POST",
+ TBody: Type>(),
+ TRes: Type(),
+ },
},
- createHealthFacility: {
- path: "/api/v1/abdm/health_facility/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ healthId: {
+ abhaCreateSendAadhaarOtp: {
+ path: "/api/abdm/v3/health_id/create/send_aadhaar_otp/",
+ method: "POST",
+ TBody: Type<{
+ aadhaar: string;
+ transaction_id?: string;
+ }>(),
+ TRes: Type<{
+ transaction_id: string;
+ detail: string;
+ }>(),
+ },
- getHealthFacility: {
- path: "/api/v1/abdm/health_facility/{facility_id}/",
- method: "GET",
- TRes: Type(),
- },
+ abhaCreateVerifyAadhaarOtp: {
+ path: "/api/abdm/v3/health_id/create/verify_aadhaar_otp/",
+ method: "POST",
+ TBody: Type<{
+ transaction_id: string;
+ otp: string;
+ mobile: string;
+ }>(),
+ TRes: Type<{
+ transaction_id: string;
+ detail: string;
+ is_new: boolean;
+ abha_number: AbhaNumberModel;
+ }>(),
+ },
- updateHealthFacility: {
- path: "/api/v1/abdm/health_facility/{facility_id}/",
- method: "PUT",
- TRes: Type(),
- TBody: Type(),
- },
+ abhaCreateLinkMobileNumber: {
+ path: "/api/abdm/v3/health_id/create/link_mobile_number/",
+ method: "POST",
+ TBody: Type<{
+ transaction_id: string;
+ mobile: string;
+ }>(),
+ TRes: Type<{
+ transaction_id: string;
+ detail: string;
+ }>(),
+ },
- partialUpdateHealthFacility: {
- path: "/api/v1/abdm/health_facility/{facility_id}/",
- method: "PATCH",
- TRes: Type(),
- TBody: Type(),
- },
+ abhaCreateVerifyMobileNumber: {
+ path: "/api/abdm/v3/health_id/create/verify_mobile_otp/",
+ method: "POST",
+ TBody: Type<{
+ transaction_id: string;
+ otp: string;
+ }>(),
+ TRes: Type<{
+ transaction_id: string;
+ detail: string;
+ }>(),
+ },
- registerHealthFacilityAsService: {
- path: "/api/v1/abdm/health_facility/{facility_id}/register_service/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ abhaCreateAbhaAddressSuggestion: {
+ path: "/api/abdm/v3/health_id/create/abha_address_suggestion/",
+ method: "POST",
+ TBody: Type<{
+ transaction_id: string;
+ }>(),
+ TRes: Type<{
+ transaction_id: string;
+ abha_addresses: string[];
+ }>(),
+ },
- listConsents: {
- path: "/api/v1/abdm/consent/",
- method: "GET",
- TRes: Type>(),
- },
+ abhaCreateEnrolAbhaAddress: {
+ path: "/api/abdm/v3/health_id/create/enrol_abha_address/",
+ method: "POST",
+ TBody: Type<{
+ transaction_id: string;
+ abha_address: string;
+ }>(),
+ TRes: Type<{
+ detail?: string;
+ transaction_id: string;
+ health_id: string;
+ preferred_abha_address: string;
+ abha_number: AbhaNumberModel;
+ }>(),
+ },
- createConsent: {
- path: "/api/v1/abdm/consent/",
- method: "POST",
- TRes: Type(),
- TBody: Type(),
- },
+ linkAbhaNumberAndPatient: {
+ path: "/api/abdm/v3/health_id/link_patient/",
+ method: "POST",
+ TBody: Type<{
+ abha_number: string;
+ patient: string;
+ }>(),
+ TRes: Type<{
+ detail: string;
+ }>(),
+ },
- getConsent: {
- path: "/api/v1/abdm/consent/{id}/",
- method: "GET",
- },
+ abhaLoginCheckAuthMethods: {
+ path: "/api/abdm/v3/health_id/login/check_auth_methods/",
+ method: "POST",
+ TBody: Type<{
+ abha_address: string;
+ }>(),
+ TRes: Type<{
+ abha_number: string;
+ auth_methods: string[];
+ }>(),
+ },
- checkConsentStatus: {
- path: "/api/v1/abdm/consent/{id}/status/",
- method: "GET",
- TRes: Type(),
- },
+ abhaLoginSendOtp: {
+ path: "/api/abdm/v3/health_id/login/send_otp/",
+ method: "POST",
+ TBody: Type<{
+ type: "abha-number" | "abha-address" | "mobile" | "aadhaar";
+ value: string;
+ otp_system: "abdm" | "aadhaar";
+ }>(),
+ TRes: Type<{
+ transaction_id: string;
+ detail: string;
+ }>(),
+ },
- getHealthInformation: {
- path: "/api/v1/abdm/health_information/{artefactId}",
- method: "GET",
- TRes: Type(),
- },
+ abhaLoginVerifyOtp: {
+ path: "/api/abdm/v3/health_id/login/verify_otp/",
+ method: "POST",
+ TBody: Type<{
+ type: "abha-number" | "abha-address" | "mobile" | "aadhaar";
+ otp: string;
+ transaction_id: string;
+ otp_system: "abdm" | "aadhaar";
+ }>(),
+ TRes: Type<{
+ abha_number: AbhaNumberModel;
+ created: boolean;
+ }>(),
+ },
- findPatient: {
- path: "/api/v1/abdm/patients/find/",
- method: "POST",
- TRes: Type(),
- TBody: Type<{ id: string }>(),
+ getAbhaCard: {
+ path: "/api/abdm/v3/health_id/abha_card",
+ method: "GET",
+ TRes: Type(),
+ },
},
},
diff --git a/src/Redux/fireRequest.tsx b/src/Redux/fireRequest.tsx
deleted file mode 100644
index fe72b2af0d2..00000000000
--- a/src/Redux/fireRequest.tsx
+++ /dev/null
@@ -1,175 +0,0 @@
-import * as Notification from "../Utils/Notifications.js";
-
-import { LocalStorageKeys } from "../Common/constants";
-import api from "./api";
-import axios from "axios";
-import careConfig from "@careConfig";
-
-const requestMap: any = api;
-export const actions = {
- FETCH_REQUEST: "FETCH_REQUEST",
- FETCH_REQUEST_SUCCESS: "FETCH_REQUEST_SUCCESS",
- FETCH_REQUEST_ERROR: "FETCH_REQUEST_ERROR",
- SET_DATA: "SET_DATA",
-};
-
-const isRunning: any = {};
-
-export const setStoreData = (key: string, value: any) => {
- return {
- type: actions.SET_DATA,
- key,
- value,
- };
-};
-
-export const fetchDataRequest = (key: string) => {
- return {
- type: actions.FETCH_REQUEST,
- key,
- };
-};
-
-export const fetchDataRequestError = (key: string, error: any) => {
- return {
- type: actions.FETCH_REQUEST_ERROR,
- key,
- error,
- };
-};
-
-export const fetchResponseSuccess = (key: string, data: any) => {
- return {
- type: actions.FETCH_REQUEST_SUCCESS,
- key,
- data,
- };
-};
-
-export const fireRequest = (
- key: string,
- path: any = [],
- params: any = {},
- pathParam?: any,
- altKey?: string,
- suppressNotif?: boolean,
-) => {
- return (dispatch: any) => {
- // cancel previous api call
- if (isRunning[altKey ? altKey : key]) {
- isRunning[altKey ? altKey : key].cancel();
- }
- isRunning[altKey ? altKey : key] = axios.CancelToken.source();
- // get api url / method
- const request = Object.assign({}, requestMap[key]);
- if (path.length > 0) {
- request.path += "/" + path.join("/");
- }
- // add trailing slash to path before query paramaters
- if (request.path.slice(-1) !== "/" && request.path.indexOf("?") === -1) {
- request.path += "/";
- }
- if (request.method === undefined || request.method === "GET") {
- request.method = "GET";
- let qString = "";
- Object.keys(params).forEach((param: any) => {
- if (params[param] !== undefined && params[param] !== "") {
- qString += `${param}=${encodeURIComponent(params[param])}&`;
- }
- });
- if (qString !== "") {
- request.path += `?${qString}`;
- }
- }
- // set dynamic params in the URL
- if (pathParam) {
- Object.keys(pathParam).forEach((param: any) => {
- request.path = request.path.replace(`{${param}}`, pathParam[param]);
- });
- }
-
- // set authorization header in the request header
- const config: any = {
- headers: {},
- baseURL: careConfig.apiUrl,
- };
- if (!request.noAuth) {
- const access_token = localStorage.getItem(LocalStorageKeys.accessToken);
- if (access_token) {
- config.headers["Authorization"] = "Bearer " + access_token;
- } else {
- // The access token is missing from the local storage. Redirect to login page.
- window.location.href = "/";
- return;
- }
- }
- const axiosApiCall: any = axios.create(config);
-
- dispatch(fetchDataRequest(key));
- return axiosApiCall[request.method.toLowerCase()](request.path, {
- ...params,
- cancelToken: isRunning[altKey ? altKey : key].token,
- })
- .then((response: any) => {
- dispatch(fetchResponseSuccess(key, response.data));
- return response;
- })
- .catch((error: any) => {
- dispatch(fetchDataRequestError(key, error));
-
- if (!(suppressNotif ?? false) && error.response) {
- // temporarily don't show invalid phone number error on duplicate patient check
- if (error.response.status === 400 && key === "searchPatient") {
- return;
- }
-
- // deleteUser: 404 is for permission denied
- if (error.response.status === 404 && key === "deleteUser") {
- Notification.Error({
- msg: "Permission denied!",
- });
- return;
- }
-
- // currentUser is ignored because on the first page load
- // 403 error is displayed for invalid credential.
- if (error.response.status === 403 && key === "currentUser") {
- if (localStorage.getItem(LocalStorageKeys.accessToken)) {
- localStorage.removeItem(LocalStorageKeys.accessToken);
- }
- return;
- }
-
- // 400 Bad Request Error
- if (error.response.status === 400 || error.response.status === 406) {
- Notification.BadRequest({
- errs: error.response.data,
- });
- return error.response;
- }
-
- // 4xx Errors
- if (error.response.status > 400 && error.response.status < 600) {
- if (error.response.data && error.response.data.detail) {
- if (error.response.data.code === "token_not_valid") {
- window.location.href = `/session-expired?redirect=${window.location.href}`;
- }
- Notification.Error({
- msg: error.response.data.detail,
- });
- } else {
- Notification.Error({
- msg: "Something went wrong...!",
- });
- }
- if (error.response.status === 429) {
- return error.response;
- }
- return;
- }
- } else {
- return error.response;
- }
- });
- };
-};
diff --git a/src/Routers/AppRouter.tsx b/src/Routers/AppRouter.tsx
index 87bd3b71d8a..df154ee7a5e 100644
--- a/src/Routers/AppRouter.tsx
+++ b/src/Routers/AppRouter.tsx
@@ -24,11 +24,26 @@ import HCXRoutes from "./routes/HCXRoutes";
import ShiftingRoutes from "./routes/ShiftingRoutes";
import AssetRoutes from "./routes/AssetRoutes";
import ResourceRoutes from "./routes/ResourceRoutes";
-import { DetailRoute } from "./types";
+import { usePluginRoutes } from "@/Common/hooks/useCareApps";
import careConfig from "@careConfig";
import IconIndex from "../CAREUI/icons/Index";
-const Routes = {
+export type RouteParams =
+ T extends `${string}:${infer Param}/${infer Rest}`
+ ? { [K in Param | keyof RouteParams]: string }
+ : T extends `${string}:${infer Param}`
+ ? { [K in Param]: string }
+ : Record;
+
+export type RouteFunction = (
+ params: RouteParams,
+) => JSX.Element;
+
+export type AppRoutes = {
+ [K in string]: RouteFunction;
+};
+
+const Routes: AppRoutes = {
"/": () =>
+
{pages}
diff --git a/src/Routers/SessionRouter.tsx b/src/Routers/SessionRouter.tsx
index 4e546d51b6c..faefbf0d4c7 100644
--- a/src/Routers/SessionRouter.tsx
+++ b/src/Routers/SessionRouter.tsx
@@ -2,6 +2,7 @@ import { Login, ResetPassword } from "../Components/Auth";
import { useRoutes } from "raviger";
import SessionExpired from "../Components/ErrorPages/SessionExpired";
import InvalidReset from "../Components/ErrorPages/InvalidReset";
+import LicensesPage from "../Components/Licenses/LicensesPage";
const routes = {
"/": () =>
,
@@ -9,6 +10,7 @@ const routes = {
"/forgot-password": () =>
,
"/password_reset/:token": ({ token }: any) =>
,
"/session-expired": () =>
,
+ "/licenses": () =>
,
"/invalid-reset": () =>
,
};
diff --git a/src/Routers/routes/AssetRoutes.tsx b/src/Routers/routes/AssetRoutes.tsx
index d3bd96ca437..ee0537d6c58 100644
--- a/src/Routers/routes/AssetRoutes.tsx
+++ b/src/Routers/routes/AssetRoutes.tsx
@@ -2,20 +2,23 @@ import AssetConfigure from "../../Components/Assets/AssetConfigure";
import AssetManage from "../../Components/Assets/AssetManage";
import AssetsList from "../../Components/Assets/AssetsList";
import AssetCreate from "../../Components/Facility/AssetCreate";
+import { AppRoutes } from "../AppRouter";
-export default {
+const AssetRoutes: AppRoutes = {
"/assets": () =>
,
-
- "/facility/:facilityId/assets/new": (params: any) => (
-
- ),
- "/facility/:facilityId/assets/:assetId/update": (params: any) => (
-
+ "/facility/:facilityId/assets/new": ({ facilityId }) => (
+
),
- "/facility/:facilityId/assets/:assetId": (params: any) => (
-
+ "/facility/:facilityId/assets/:assetId/update": ({ facilityId, assetId }) => (
+
),
- "/facility/:facilityId/assets/:assetId/configure": (params: any) => (
-
+ "/facility/:facilityId/assets/:assetId": ({ facilityId, assetId }) => (
+
),
+ "/facility/:facilityId/assets/:assetId/configure": ({
+ facilityId,
+ assetId,
+ }) =>
,
};
+
+export default AssetRoutes;
diff --git a/src/Routers/routes/ConsultationRoutes.tsx b/src/Routers/routes/ConsultationRoutes.tsx
index 598fd06adc3..7f1a7fecfb8 100644
--- a/src/Routers/routes/ConsultationRoutes.tsx
+++ b/src/Routers/routes/ConsultationRoutes.tsx
@@ -5,30 +5,30 @@ import ManagePrescriptions from "../../Components/Medicine/ManagePrescriptions";
import { DailyRoundListDetails } from "../../Components/Patient/DailyRoundListDetails";
import { DailyRounds } from "../../Components/Patient/DailyRounds";
import { ConsultationDetails } from "../../Components/Facility/ConsultationDetails";
-import TreatmentSummary, {
- ITreatmentSummaryProps,
-} from "../../Components/Facility/TreatmentSummary";
+import TreatmentSummary from "../../Components/Facility/TreatmentSummary";
import ConsultationDoctorNotes from "../../Components/Facility/ConsultationDoctorNotes";
import PatientConsentRecords from "../../Components/Patient/PatientConsentRecords";
import CriticalCareEditor from "../../Components/LogUpdate/CriticalCareEditor";
import PrescriptionsPrintPreview from "../../Components/Medicine/PrintPreview";
import CriticalCarePreview from "../../Components/LogUpdate/CriticalCarePreview";
import FileUploadPage from "../../Components/Patient/FileUploadPage";
+import InvestigationPrintPreview from "../../Components/Facility/Investigations/InvestigationsPrintPreview";
+import { AppRoutes } from "../AppRouter";
-export default {
+const consultationRoutes: AppRoutes = {
"/facility/:facilityId/patient/:patientId/consultation": ({
facilityId,
patientId,
- }: any) =>
,
+ }) =>
,
"/facility/:facilityId/patient/:patientId/consultation/:id/update": ({
facilityId,
patientId,
id,
- }: any) => (
+ }) => (
),
"/facility/:facilityId/patient/:patientId/consultation/:id/consent-records":
- ({ facilityId, patientId, id }: any) => (
+ ({ facilityId, patientId, id }) => (
(
+ }) => (
-
),
};
+
+export default FacilityLocationRoutes;
diff --git a/src/Routers/routes/FacilityRoutes.tsx b/src/Routers/routes/FacilityRoutes.tsx
index 2c711cf48cb..16b202ae0ce 100644
--- a/src/Routers/routes/FacilityRoutes.tsx
+++ b/src/Routers/routes/FacilityRoutes.tsx
@@ -2,48 +2,47 @@ import { FacilityConfigure } from "../../Components/Facility/FacilityConfigure";
import { FacilityCreate } from "../../Components/Facility/FacilityCreate";
import { FacilityHome } from "../../Components/Facility/FacilityHome";
import FacilityUsers from "../../Components/Facility/FacilityUsers";
-import { HospitalList } from "../../Components/Facility/HospitalList";
+import { FacilityList } from "../../Components/Facility/FacilityList";
import { TriageForm } from "../../Components/Facility/TriageForm";
import ResourceCreate from "../../Components/Resource/ResourceCreate";
import CentralNursingStation from "../../Components/Facility/CentralNursingStation";
import FacilityLocationRoutes from "./FacilityLocationRoutes";
import FacilityInventoryRoutes from "./FacilityInventoryRoutes";
import DischargedPatientsList from "../../Components/Facility/DischargedPatientsList";
+import { AppRoutes } from "../AppRouter";
-export default {
- "/facility": () => (res: Response): Promise {
}
const isJson = res.headers.get("content-type")?.includes("application/json");
+ const isImage = res.headers.get("content-type")?.includes("image");
+
+ if (isImage) {
+ return (await res.blob()) as TData;
+ }
if (!isJson) {
return (await res.text()) as TData;
diff --git a/src/Utils/transformUtils.ts b/src/Utils/transformUtils.ts
index 0050a0bcbb6..4aa63da734c 100644
--- a/src/Utils/transformUtils.ts
+++ b/src/Utils/transformUtils.ts
@@ -1,16 +1,23 @@
import { AssetData } from "../Components/Assets/AssetTypes";
-export const getCameraConfig = (asset: AssetData) => {
- const { meta } = asset;
+export const getCameraConfig = (meta: AssetData["meta"]) => {
return {
middleware_hostname: meta?.middleware_hostname,
- id: asset?.id,
hostname: meta?.local_ip_address,
username: meta?.camera_access_key?.split(":")[0],
password: meta?.camera_access_key?.split(":")[1],
accessKey: meta?.camera_access_key?.split(":")[2],
port: 80,
- location_id: asset?.location_object?.id,
- facility_id: asset?.location_object?.facility?.id,
};
};
+
+export const makeAccessKey = (
+ attrs: Pick<
+ ReturnType,
+ "username" | "password" | "accessKey"
+ >,
+) => {
+ return [attrs.username, attrs.password, attrs.accessKey]
+ .map((a) => a ?? "")
+ .join(":");
+};
diff --git a/src/Utils/useTimer.tsx b/src/Utils/useTimer.tsx
index 6a8d8320c5e..f7a03ffefa0 100644
--- a/src/Utils/useTimer.tsx
+++ b/src/Utils/useTimer.tsx
@@ -27,7 +27,7 @@ export const useTimer = (autoStart = false) => {
const [time, setTime] = useState(0);
useEffect(() => {
- let interval: number;
+ let interval: ReturnType;
if (running) {
interval = setInterval(() => {
setTime((prevTime) => prevTime + 1);
diff --git a/src/index.tsx b/src/index.tsx
index 24a8aa8cff3..355d985724a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,10 +1,6 @@
import { createRoot } from "react-dom/client";
-import reducer from "../src/Redux/Reducer";
import App from "./App";
import "./i18n";
-import { applyMiddleware, createStore } from "redux";
-import thunk from "redux-thunk";
-import { Provider } from "react-redux";
import * as Sentry from "@sentry/browser";
import "./style/index.css";
import { registerSW } from "virtual:pwa-register";
@@ -13,7 +9,6 @@ if ("serviceWorker" in navigator) {
registerSW({ immediate: false });
}
-const store = createStore(reducer, applyMiddleware(thunk));
if (import.meta.env.PROD) {
Sentry.init({
environment: import.meta.env.MODE,
@@ -22,8 +17,4 @@ if (import.meta.env.PROD) {
}
const root = createRoot(document.getElementById("root") as HTMLElement);
-root.render(
-
- ,
-);
+root.render(> = LazyExoticComponent;
+
+// Define PluginComponentMap with lazy-loaded components
+export type PluginComponentMap = {
+ [K in keyof SupportedPluginComponents]?: LazyComponent<
+ SupportedPluginComponents[K]
+ >;
+};
+
+type SupportedPluginExtensions =
+ | "DoctorConnectButtons"
+ | "PatientExternalRegistration";
+
+export type PluginManifest = {
+ plugin: string;
+ routes: AppRoutes;
+ extends: SupportedPluginExtensions[];
+ components: PluginComponentMap;
+ navItems: INavItem[];
+};
+
+// Create a type that ensures only available plugins can be used
+export type EnabledPluginConfig = {
+ plugin: string;
+ manifestPath: AvailablePluginManifest;
+ path: AvailablePlugin;
+ manifest: Promise;
+ // Components are a dictionary, with the key being the component name, and the value being the component type
+ components: PluginComponentMap;
+};
+
+export { pluginMap };
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 7657f7da19e..f339922bfae 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -31,6 +31,7 @@ interface ImportMetaEnv {
readonly REACT_JWT_TOKEN_REFRESH_INTERVAL?: string;
readonly REACT_MIN_ENCOUNTER_DATE?: string;
readonly REACT_ALLOWED_LOCALES?: string;
+ readonly REACT_ENABLED_APPS?: string;
// Plugins related envs...
readonly REACT_PLAUSIBLE_SERVER_URL?: string;
diff --git a/tsconfig.json b/tsconfig.json
index 531d6f800e1..51ffeb4a0ae 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,9 +19,12 @@
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"],
+ "@core/*": ["src/*"],
+ "@apps/*": ["apps/*/src"],
+ "@app-manifest/*": ["apps/*/src/manifest.ts"],
"@careConfig": ["./care.config.ts"]
}
},
- "include": ["src", "care.config.ts"],
+ "include": ["src/**/*", "apps/**/*", "care.config.ts"],
"exclude": ["src/**/*.gen.tsx"]
}
diff --git a/vite.config.mts b/vite.config.mts
index acb0cdf727b..905374eb923 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -1,10 +1,12 @@
-import path from "node:path";
+import path from "path";
import { createRequire } from "node:module";
import { VitePWA } from "vite-plugin-pwa";
import react from "@vitejs/plugin-react-swc";
import checker from "vite-plugin-checker";
import { viteStaticCopy } from "vite-plugin-static-copy";
import { treeShakeCareIcons } from "./plugins/treeShakeCareIcons";
+import fs from "fs";
+import { defineConfig } from "vite";
const pdfWorkerPath = path.join(
path.dirname(
@@ -22,8 +24,56 @@ const cdnUrls =
"http://localhost:4566",
].join(" ");
+function getPluginAliases() {
+ const pluginsDir = path.resolve(__dirname, "apps");
+ // Make sure the `apps` folder exists
+ if (!fs.existsSync(pluginsDir)) {
+ return {};
+ }
+ const pluginFolders = fs.readdirSync(pluginsDir);
+
+ const aliases = {};
+
+ pluginFolders.forEach((pluginFolder) => {
+ const pluginSrcPath = path.join(pluginsDir, pluginFolder, "src");
+ if (fs.existsSync(pluginSrcPath)) {
+ aliases[`@apps/${pluginFolder}`] = pluginSrcPath;
+ aliases[`@app-manifest/${pluginFolder}`] = path.join(
+ pluginSrcPath,
+ "manifest.ts",
+ );
+ }
+ });
+
+ return aliases;
+}
+
+function getPluginDependencies() {
+ const pluginsDir = path.resolve(__dirname, "apps");
+ // Make sure the `apps` folder exists
+ if (!fs.existsSync(pluginsDir)) {
+ return [];
+ }
+ const pluginFolders = fs.readdirSync(pluginsDir);
+
+ const dependencies = new Set();
+
+ pluginFolders.forEach((pluginFolder) => {
+ const packageJsonPath = path.join(pluginsDir, pluginFolder, "package.json");
+ if (fs.existsSync(packageJsonPath)) {
+ const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
+ const pluginDependencies = packageJson.dependencies
+ ? Object.keys(packageJson.dependencies)
+ : [];
+ pluginDependencies.forEach((dep) => dependencies.add(dep));
+ }
+ });
+
+ return Array.from(dependencies);
+}
+
/** @type {import('vite').UserConfig} */
-export default {
+export default defineConfig({
envPrefix: "REACT_",
plugins: [
viteStaticCopy({
@@ -86,10 +136,15 @@ export default {
],
resolve: {
alias: {
+ ...getPluginAliases(),
"@": path.resolve(__dirname, "./src"),
"@careConfig": path.resolve(__dirname, "./care.config.ts"),
+ "@core": path.resolve(__dirname, "src/"),
},
},
+ optimizeDeps: {
+ include: getPluginDependencies(),
+ },
build: {
outDir: "build",
assetsDir: "bundle",
@@ -118,4 +173,4 @@ export default {
},
port: 4000,
},
-};
+});
+ 