@uniai-fe/uds-templates 0.10.1 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,
@@ -67,17 +67,17 @@
     "react-hook-form": "^7.80.0",
     "sass": "^1.101.0",
     "typescript": "6.0.3",
-    "@uniai-fe/eslint-config": "0.4.0",
     "@uniai-fe/next-devkit": "0.4.0",
-    "@uniai-fe/react-hooks": "0.3.0",
-    "@uniai-fe/tsconfig": "0.2.0",
-    "@uniai-fe/uds-foundation": "0.5.0",
+    "@uniai-fe/eslint-config": "0.4.1",
     "@uniai-fe/util-api": "0.2.1",
-    "@uniai-fe/util-functions": "0.4.1",
+    "@uniai-fe/tsconfig": "0.2.0",
+    "@uniai-fe/react-hooks": "0.3.0",
+    "@uniai-fe/util-functions": "0.4.3",
     "@uniai-fe/util-jotai": "0.3.0",
-    "@uniai-fe/util-next": "0.5.0",
+    "@uniai-fe/uds-foundation": "0.5.0",
+    "@uniai-fe/uds-primitives": "0.10.0",
     "@uniai-fe/util-rtc": "0.2.0",
-    "@uniai-fe/uds-primitives": "0.10.0"
+    "@uniai-fe/util-next": "0.5.0"
   },
   "scripts": {
     "check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",

package/src/cctv/hooks/useContext.ts

@@ -35,7 +35,7 @@ import { cctvRtcLiveRegistryAtom } from "../jotai/rtc";
  *   selectedCompany, // 선택된 회사 데이터
  *   selectedCam, // 선택된 카메라 데이터
  *   groups, // 회사 그룹/회사/카메라 리스트 구조 데이터
- *   companyValidList, // 온라인 카메라가 하나라도 있는 회사 ID 리스트
+ *   companyValidList, // 카메라가 하나라도 있는 회사 ID 리스트
  *   cams, // 선택된 회사의 카메라 리스트
  *   onToggleCamera(cam_id), // 카메라 선택 토글 함수
  *   onOpenCamera(cam_id), // 카메라 선택 함수
@@ -159,14 +159,12 @@ export default function useCctvContext(): UseCctvContextReturn {
     [selectedCamId, selectedCompanyId, groups],
   );
 
-  // 온라인 카메라가 하나라도 있는 company_id만 필터링한다.
+  // cam_online 상태와 무관하게 카메라가 하나라도 있는 company_id를 반환한다.
   const companyValidList = useMemo(
     () =>
       groups
         .flatMap(({ list }) => list)
-        .filter(
-          ({ cam_list }) => !cam_list.every(({ cam_online }) => !cam_online),
-        )
+        .filter(({ cam_list }) => cam_list.length > 0)
         .map(({ company_id }) => company_id),
     [groups],
   );

package/src/cctv/types/api.ts

@@ -144,7 +144,7 @@ export interface API_Res_CctvCameraData
  * CCTV: 업체에 설치된 카메라 목록
  * @property {string} cam_id 카메라 id코드
  * @property {string} cam_name 카메라 별칭
- * @property {boolean} cam_online 카메라 설치상태
+ * @property {boolean} cam_online 카메라 네트워크 연결 상태
  * @property {string} cam_rtc 카메라 스트리밍 WebRTC 경로
  * @property {string} cam_rtcp 카메라 RTCP 경로
  * @property {string} cam_rtsp 카메라 RTSP 경로
@@ -156,7 +156,7 @@ export interface API_Res_CctvCameraData
 export interface API_Res_CctvCompanyCameraList extends API_Res_CctvCameraData {
   // API 응답은 데이터-only 구조이므로 UI 전용 콜백은 포함하지 않는다.
   /**
-   * 카메라 설치 상태
+   * 카메라 네트워크 연결 상태
    */
   cam_online: boolean;
 }

package/src/cctv/types/hook.ts

@@ -195,7 +195,7 @@ export interface UseCctvCompanyDataReturn extends Omit<
  * @property {CctvCompanyGroupItems | undefined} selectedCompany 선택된 업체 데이터
  * @property {CctvCompanyCameraData | undefined} selectedCam 선택된 카메라 데이터
  * @property {CctvCompanyGroup[]} groups 업체 그룹/업체/카메라 리스트 구조 데이터
- * @property {string[]} companyValidList 온라인 카메라가 하나라도 있는 업체 ID 리스트
+ * @property {string[]} companyValidList 카메라가 하나라도 있는 업체 ID 리스트
  * @property {CctvCompanyCameraList[]} cams 선택된 업체의 카메라 리스트
  * @property {number} liveCamCount 실시간 스트리밍 중인 카메라 수
  * @property {(cam_id: string) => void} onToggleCamera 카메라 선택 토글 함수
@@ -244,7 +244,7 @@ export interface UseCctvContextReturn extends UseFormReturn<CctvBaseContext> {
    */
   groups: CctvCompanyGroup[];
   /**
-   * 스트리밍이 가능한 업체 목록
+   * 카메라가 하나라도 있는 업체 목록
    */
   companyValidList: string[];
   /**

package/src/cctv/types/list.ts

@@ -10,7 +10,7 @@ import type {
  * @property {Function} [onSelect] 카메라 선택 콜백 이벤트
  * @property {string} cam_id 카메라 id코드
  * @property {string} cam_name 카메라 별칭
- * @property {boolean} cam_online 카메라 설치상태
+ * @property {boolean} cam_online 카메라 네트워크 연결 상태
  * @property {string} [cam_rtc] 카메라 스트리밍 WebRTC 경로
  * @property {string} [cam_rtcp] 카메라 RTCP 경로
  * @property {string} [cam_rtsp] 카메라 RTSP 경로
@@ -46,7 +46,7 @@ export interface CctvCompanyCameraData extends API_Res_CctvCompanyCameraList {
  * @property {Function} [onSelect] 카메라 선택 콜백 이벤트
  * @property {string} cam_id 카메라 id코드
  * @property {string} cam_name 카메라 별칭
- * @property {boolean} cam_online 카메라 설치상태
+ * @property {boolean} cam_online 카메라 네트워크 연결 상태
  * @property {string} [cam_rtc] 카메라 스트리밍 WebRTC 경로
  * @property {string} [cam_rtcp] 카메라 RTCP 경로
  * @property {string} [cam_rtsp] 카메라 RTSP 경로

package/src/cctv/utils/video-state.ts

@@ -13,6 +13,7 @@ export const CCTV_MESSAGE = {
     "장시간 미사용으로 연결이 종료되었습니다. 계속 확인하시려면 다시 연결해 주세요.",
   tokenError: "토큰을 발급하지 못했습니다.",
   offline: "CCTV 연결 오류",
+  networkDisconnected: "네트워크 연결이 끊어졌습니다.",
 } as const;
 
 const RTC_PREPARING_STATES = new Set<RTCPeerConnectionState>([
@@ -56,7 +57,7 @@ export function getOverlayMessage({
     return isFetching ? CCTV_MESSAGE.fetching : CCTV_MESSAGE.selectCam;
   }
 
-  if (!cam.cam_online) return CCTV_MESSAGE.offline;
+  if (!cam.cam_online) return CCTV_MESSAGE.networkDisconnected;
   // 에러 상태가 준비 상태와 겹칠 때는 에러 문구가 최종 표시 계약을 우선한다.
   if (isTokenError) return CCTV_MESSAGE.tokenError;
   if (streamError) return streamError;