@uniai-fe/uds-templates 0.1.31 → 0.1.32

package/dist/styles.css

@@ -1010,10 +1010,12 @@
   margin: 0;
   display: block;
   object-fit: contain;
+  border-radius: var(--cctv-video-radius);
 }
 
 .cctv-video-overlay-container {
   padding: var(--cctv-overlay-padding-y) var(--cctv-overlay-padding-x);
+  border-radius: var(--cctv-video-radius);
   position: absolute;
   inset: 0;
   z-index: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,

package/src/cctv/apis/client.ts

@@ -1,7 +1,7 @@
 import { useQuery, type UseQueryResult } from "@tanstack/react-query";
 import type {
   API_Req_CctvRtcToken,
-  API_Res_CctvCompanyGroup,
+  API_Res_CctvCompany,
   API_Res_CctvRtcToken,
 } from "../types";
 import { getQueryString } from "@uniai-fe/util-functions";
@@ -25,11 +25,10 @@ export const useQueryCctvCompanyList = ({
 }: {
   username: string;
   url?: string;
-}): UseQueryResult<{ data: API_Res_CctvCompanyGroup[]; total_count: number }> =>
+}): UseQueryResult<API_Res_CctvCompany> =>
   useQuery({
     queryKey: ["cctv_company_list", username, url],
     queryFn: () => getClientCctvCompanyList({ username, url }),
-    enabled: Boolean(username),
   });
 
 export const postCctvRtcToken = async ({
@@ -59,5 +58,4 @@ export const useQueryCctvRtcToken = ({
   useQuery({
     queryKey: ["cctv_rtc_token", username, company_id, cam_id, url],
     queryFn: () => postCctvRtcToken({ company_id, cam_id, username, url }),
-    enabled: Boolean(company_id && cam_id && username),
   });

package/src/cctv/apis/server.ts

@@ -9,6 +9,7 @@ import type {
   API_Req_CctvRtcTokenOrigin,
   API_Res_CctvCompanyGroup,
   API_Res_CctvRtcToken,
+  API_Res_CctvCompany,
 } from "../types";
 
 export const GROUP_PRESET: API_Res_CctvCompanyGroup[] = [
@@ -144,7 +145,7 @@ export async function getServerCompanyList({
   queryUrl,
   searchParams,
 }: API_Req_GetCompanyListParams): Promise<{
-  res: API_Res_CctvCompanyGroup[];
+  res: API_Res_CctvCompany;
   domain: string;
   queryUrl: string;
   options?: ResponseInit;
@@ -152,6 +153,10 @@ export async function getServerCompanyList({
   const username = searchParams.get("username") || "";
   const query_url = queryUrl || `/v1/users/${username}/cctvs`;
 
+  const alternateResponse = {
+    data: [],
+    total_count: 0,
+  };
   const API_OPTION = {
     domain,
     queryUrl: query_url,
@@ -160,7 +165,7 @@ export async function getServerCompanyList({
 
   if (!queryUrl && !username)
     return {
-      res: [],
+      res: alternateResponse,
       ...API_OPTION,
       options: { status: 400, statusText: "유저 아이디를 확인할 수 없습니다." },
     };
@@ -172,19 +177,20 @@ export async function getServerCompanyList({
   });
 
   try {
-    const originRes: { data: API_Res_CctvCompanyGroup[] } = await (
-      await fetch(url)
-    ).json();
+    const originRes: API_Res_CctvCompany = await (await fetch(url)).json();
 
     // 응답 그룹/농장
-    const resGroups = originRes?.data || [];
-    const res = classifyGroups(resGroups);
+    const originGroups = originRes?.data || [];
+    const resGourps = classifyGroups(originGroups);
 
-    return { res, ...API_OPTION };
+    return {
+      res: { data: resGourps, total_count: originRes.total_count || 0 },
+      ...API_OPTION,
+    };
   } catch (err) {
     nextAPILog("GET", routeUrl, url, { err });
     return {
-      res: [],
+      res: alternateResponse,
       ...API_OPTION,
       options: { status: 500 },
     };

package/src/cctv/hooks/useCompanyData.tsx

@@ -22,7 +22,7 @@ export default function useCctvCompanyData(params?: {
 
   useEffect(() => {
     if (data?.data) {
-      setValue("rawData", data.data);
+      setValue("rawData", data?.data);
     }
   }, [data, setValue]);
 

package/src/cctv/styles/video.scss

@@ -20,10 +20,12 @@
   margin: 0;
   display: block;
   object-fit: contain;
+  border-radius: var(--cctv-video-radius);
 }
 
 .cctv-video-overlay-container {
   padding: var(--cctv-overlay-padding-y) var(--cctv-overlay-padding-x);
+  border-radius: var(--cctv-video-radius);
 
   position: absolute;
   inset: 0;

package/src/cctv/types/api.ts

@@ -109,6 +109,16 @@ export interface API_Res_CctvCompanyGroup {
   list: API_Res_CctvCompanyList[];
 }
 
+/**
+ * CCTV; API 업체 목록 조회 응답
+ * @property {API_Res_CctvCompanyGroup[]} data
+ * @property {number} total_count
+ */
+export interface API_Res_CctvCompany {
+  data: API_Res_CctvCompanyGroup[];
+  total_count: number;
+}
+
 /**
  * CCTV; 실시간 스트리밍 토큰 요청 (Next.js API 요청)
  * @property {string} company_id 업체 id코드