sales-frontend-debug 0.0.62 → 0.0.64

package/dist/index.d.cts

@@ -48,9 +48,18 @@ declare function addRequestLog(config: InternalAxiosRequestConfig): Promise<unkn
 declare function addResponseLog(response: AxiosResponse): Promise<unknown> | undefined;
 declare function addErrorLog(error: AxiosError): Promise<unknown> | undefined;
 
+type DebugFilterKey = 'downloader' | 'console-log' | 'auth-token' | 'validation-off' | 'http-log' | 'data-init-button';
+
+/**
+ * @deprecated isDebugByFilterName('validation-off') 를 사용하세요. 해당 함수는 삭제 예정
+ * @returns boolean
+ */
 declare function isDebugStepValidationOff(): boolean;
-declare function isDebugMode(): boolean;
-declare function getDebugFileConvertType(): string;
-declare function isDebugByFilterName(name: string): boolean;
+/**
+ * @description  원하는 기능에 따라 쿠키를 확인하여 true/false를 리턴한다.
+ * @param name DebugFilterKey
+ * @returns boolean
+ */
+declare function isDebugByFilterName(name: DebugFilterKey): boolean;
 
-export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugByFilterName, isDebugMode, isDebugStepValidationOff };
+export { DebugTool, addErrorLog, addRequestLog, addResponseLog, isDebugByFilterName, isDebugStepValidationOff };

package/dist/index.d.ts

@@ -48,9 +48,18 @@ declare function addRequestLog(config: InternalAxiosRequestConfig): Promise<unkn
 declare function addResponseLog(response: AxiosResponse): Promise<unknown> | undefined;
 declare function addErrorLog(error: AxiosError): Promise<unknown> | undefined;
 
+type DebugFilterKey = 'downloader' | 'console-log' | 'auth-token' | 'validation-off' | 'http-log' | 'data-init-button';
+
+/**
+ * @deprecated isDebugByFilterName('validation-off') 를 사용하세요. 해당 함수는 삭제 예정
+ * @returns boolean
+ */
 declare function isDebugStepValidationOff(): boolean;
-declare function isDebugMode(): boolean;
-declare function getDebugFileConvertType(): string;
-declare function isDebugByFilterName(name: string): boolean;
+/**
+ * @description  원하는 기능에 따라 쿠키를 확인하여 true/false를 리턴한다.
+ * @param name DebugFilterKey
+ * @returns boolean
+ */
+declare function isDebugByFilterName(name: DebugFilterKey): boolean;
 
-export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugByFilterName, isDebugMode, isDebugStepValidationOff };
+export { DebugTool, addErrorLog, addRequestLog, addResponseLog, isDebugByFilterName, isDebugStepValidationOff };

package/dist/index.js

@@ -1,6 +1,6 @@
 import React9, { useEffect, useState, useMemo, useRef, useCallback } from 'react';
-import { getCookie, setCookie, deleteCookie } from 'sales-frontend-utils/cookie';
-import { isClient, getEnvironmentFromHostname } from 'sales-frontend-utils';
+import { getCookie, setCookie, deleteCookie as deleteCookie$1 } from 'sales-frontend-utils/cookie';
+import { isClient, getEnvironmentFromHostname, deleteCookie } from 'sales-frontend-utils';
 import { useDebugStore } from 'sales-frontend-stores';
 
 // src/debug-tool.tsx
@@ -361,30 +361,72 @@ function ChangeHost() {
   };
   return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
 }
-var fileConvertTypeCookieKey = "dsp-debug-mode-file-convert-type";
-function FileConvert() {
-  const handleFileConvertType = (host) => {
-    setCookie(fileConvertTypeCookieKey, host);
-    alert(`file convert type \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
-    console.log("file convert type \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
-      [fileConvertTypeCookieKey]: getCookie(fileConvertTypeCookieKey)
-    });
-  };
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "File Convert Type")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("fetch") }, "fetch"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("canvas") }, "canvas"), /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("xhr") }, "xhr")));
-}
 var filterNameCookieKey = "dsp-debug-mode-filter-name";
+var filterList = [
+  {
+    key: "downloader",
+    description: "\uB2E4\uC6B4\uB85C\uB354 \uD6C5 \uBD84\uAE30 \uD655\uC778\uC6A9"
+  },
+  {
+    key: "console-log",
+    description: "\uCF58\uC194\uB85C\uADF8 on/off"
+  },
+  {
+    key: "auth-token",
+    description: "\uCFE0\uD0A4\uC5D0\uC11C \uD1A0\uD070\uD68D\uB4DD"
+  },
+  {
+    key: "validation-off",
+    description: "\uC720\uD6A8\uC131\uAC80\uC0AC off"
+  },
+  {
+    key: "http-log",
+    description: "http \uC694\uCCAD/\uC751\uB2F5 \uB85C\uADF8 on/off"
+  },
+  {
+    key: "data-init-button",
+    description: "\uC11C\uC2DD\uB2E8\uACC4,\uCD08\uAE30\uD654 \uBC84\uD2BC \uCD94\uAC00"
+  }
+];
 function Filter() {
   const [filterName, setFilterName] = React9.useState("");
-  const handleFilterNameChange = (e) => {
-    const filterName2 = e.target.value;
-    setCookie(filterNameCookieKey, filterName2);
-    setFilterName(filterName2);
-  };
   useEffect(() => {
     const filterName2 = getCookie(filterNameCookieKey);
     setFilterName(filterName2);
   }, []);
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "Filter ex: filter1,filter2")), /* @__PURE__ */ React9.createElement("ul", null, /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle }, "filter-name:", /* @__PURE__ */ React9.createElement("input", { type: "text", onChange: handleFilterNameChange, value: filterName }))));
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uB514\uBC84\uAE45 \uC635\uC158")), /* @__PURE__ */ React9.createElement("ul", null, filterList.map((filter) => /* @__PURE__ */ React9.createElement("li", { style: menuItemStyle, key: filter.key }, /* @__PURE__ */ React9.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: filterName.includes(filter.key),
+      onChange: (e) => {
+        if (e.target.checked) {
+          setFilterName((prev) => {
+            if (prev) {
+              const newFilterName = `${prev},${filter.key}`;
+              setCookie(filterNameCookieKey, newFilterName);
+              return newFilterName;
+            } else {
+              setCookie(filterNameCookieKey, filter.key);
+              return filter.key;
+            }
+          });
+        } else {
+          setFilterName((prev) => {
+            if (prev.includes(",")) {
+              const arr = prev.split(",");
+              const newFilterName = arr.filter((item) => item !== filter.key).join(",");
+              setCookie(filterNameCookieKey, newFilterName);
+              return newFilterName;
+            } else {
+              deleteCookie$1(filterNameCookieKey);
+              return "";
+            }
+          });
+        }
+      }
+    }
+  ), filter.key))));
 }
 function FormFactor() {
   const handleFormFactor = (formFactor) => {
@@ -398,30 +440,30 @@ function FormFactor() {
 }
 function InitRefresh() {
   const handleDeleteHostCookie = () => {
-    deleteCookie("dsp-debug-mode-env");
+    deleteCookie$1("dsp-debug-mode-env");
     alert("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
     console.log("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
       "dsp-debug-mode-env": getCookie("dsp-debug-mode-env")
     });
   };
   const handleDeleteTokenCookie = () => {
-    deleteCookie("accessToken");
+    deleteCookie$1("accessToken");
     alert("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
     console.log("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
       accessToken: getCookie("accessToken")
     });
   };
   const handleDeleteCustomCookie = () => {
-    deleteCookie("x-channel-appversion");
-    deleteCookie("x-channel-deviceid");
-    deleteCookie("x-channel-devicemodel");
-    deleteCookie("x-channel-formfactor");
-    deleteCookie("x-channel-loginchannel");
-    deleteCookie("x-channel-logintype");
-    deleteCookie("x-channel-platformname");
-    deleteCookie("x-channel-platformversion");
-    deleteCookie("x-channel-screenid");
-    deleteCookie("x-channel-business-work-division-code");
+    deleteCookie$1("x-channel-appversion");
+    deleteCookie$1("x-channel-deviceid");
+    deleteCookie$1("x-channel-devicemodel");
+    deleteCookie$1("x-channel-formfactor");
+    deleteCookie$1("x-channel-loginchannel");
+    deleteCookie$1("x-channel-logintype");
+    deleteCookie$1("x-channel-platformname");
+    deleteCookie$1("x-channel-platformversion");
+    deleteCookie$1("x-channel-screenid");
+    deleteCookie$1("x-channel-business-work-division-code");
     alert("\uCEE4\uC2A4\uD140\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
     console.log("\uCEE4\uC2A4\uD140\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
       "x-channel-appversion": getCookie("x-channel-appversion"),
@@ -449,13 +491,23 @@ function InitRefresh() {
 
 // src/components/menu-panel.tsx
 var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode }) => {
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React9.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(FormFactor, null), /* @__PURE__ */ React9.createElement(ChangeHost, null), /* @__PURE__ */ React9.createElement(InitRefresh, null), /* @__PURE__ */ React9.createElement(FileConvert, null), /* @__PURE__ */ React9.createElement(Filter, null))));
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React9.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(Filter, null), /* @__PURE__ */ React9.createElement(FormFactor, null), /* @__PURE__ */ React9.createElement(ChangeHost, null), /* @__PURE__ */ React9.createElement(InitRefresh, null))));
 };
 var menu_panel_default = MenuPanel;
+function isDebugStepValidationOff() {
+  return isDebugByFilterName("validation-off");
+}
+function isDebugByFilterName(name) {
+  const filterNames = getCookie(filterNameCookieKey)?.split(",");
+  return filterNames?.includes(name) || false;
+}
+
+// src/features/console-log/use-console-log.ts
 var globalLogs = [];
 var listeners = [];
 var originalConsoleMethods = {};
 var isConsoleOverridden = false;
+var MAX_LOGS = 10;
 var addLog = (type, ...args) => {
   const newLog = {
     id: Date.now() + Math.random(),
@@ -463,6 +515,11 @@ var addLog = (type, ...args) => {
     timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
     message: args
   };
+  if (globalLogs.length >= MAX_LOGS) {
+    if (!isDebugByFilterName("console-log")) {
+      globalLogs.shift();
+    }
+  }
   globalLogs = [...globalLogs, newLog];
   listeners.forEach((listener) => listener([...globalLogs]));
 };
@@ -549,10 +606,6 @@ var console_log_panel_default = ConsoleLogPanel;
 var LoginPanel = ({ onClose, onLogin }) => {
   const [selectedTypeId, setSelectedTypeId] = useState(loginTypes[0]?.id || "");
   const [formData, setFormData] = useState({});
-  const [mode, setMode] = useState(getCookie("dsp-debug-mode") === "on");
-  const [stepValidationOff, SetStepValidationOff] = useState(
-    getCookie("Debug-Step-Validation-Off") === "true"
-  );
   const selectedType = useMemo(() => loginTypes.find((t) => t.id === selectedTypeId), [selectedTypeId]);
   const handleInputChange = (e) => {
     const { name, value } = e.target;
@@ -561,74 +614,15 @@ var LoginPanel = ({ onClose, onLogin }) => {
   const handleSubmit = (e) => {
     e.preventDefault();
     if (selectedType) {
+      deleteCookie("accessToken");
       onLogin(selectedType.id, formData);
       onClose();
     }
   };
-  const handleDebugOn = (e) => {
-    const checkbox = e.target;
-    if (checkbox.checked) {
-      setCookie("dsp-debug-mode", "on", { path: "/" });
-      setMode(true);
-    } else {
-      setCookie("dsp-debug-mode", "off", { path: "/" });
-      setMode(false);
-    }
-  };
-  const handleStepValidationOff = (e) => {
-    const checkbox = e.target;
-    if (checkbox.checked) {
-      setCookie("Debug-Step-Validation-Off", "true", { path: "/" });
-      SetStepValidationOff(true);
-    } else {
-      setCookie("Debug-Step-Validation-Off", "false", { path: "/" });
-      SetStepValidationOff(false);
-    }
-  };
-  const handleTermsPathPolyNo = (e) => {
-    const val = e.target.value.trim();
-    if (!val) {
-      deleteCookie("Debug-Terms-PolyNo");
-    } else {
-      setCookie("Debug-Terms-PolyNo", val, { path: "/" });
-    }
-  };
-  const handleTermsPathSaleDate = (e) => {
-    const val = e.target.value.trim();
-    if (!val) {
-      deleteCookie("Debug-Terms-SaleDate");
-    } else {
-      setCookie("Debug-Terms-SaleDate", val, { path: "/" });
-    }
-  };
   useEffect(() => {
     setFormData({});
   }, [selectedType]);
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React9.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React9.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React9.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9.createElement("li", null, "(\uCFE0\uD0A4\uC5D0 \uC14B\uD305\uB41C \uD1A0\uD070\uAC12\uC73C\uB85C \uD5E4\uB354\uB97C \uC0DD\uC131\uD569\uB2C8\uB2E4. \uAC04\uD3B8\uB85C\uADF8\uC778 \uC0AC\uC6A9\uC2DC \uD544\uC218\uCCB4\uD06C)"))), /* @__PURE__ */ React9.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React9.createElement(
-    "input",
-    {
-      type: "checkbox",
-      id: "step-validation-off",
-      onChange: handleStepValidationOff,
-      checked: stepValidationOff
-    }
-  ), /* @__PURE__ */ React9.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9.createElement("li", null, "(\uC11C\uC2DD \uB2E8\uACC4 \uC774\uB3D9\uC2DC, validation\uC744 \uB044\uACE0 \uBBF8\uC791\uC131 \uB2E8\uACC4\uB3C4 \uC774\uB3D9\uAC00\uB2A5\uD558\uB3C4\uB85D \uD569\uB2C8\uB2E4.)"))), /* @__PURE__ */ React9.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React9.createElement(
-    "input",
-    {
-      type: "text",
-      id: "terms-path-poly-no",
-      onChange: handleTermsPathPolyNo,
-      placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
-    }
-  )), /* @__PURE__ */ React9.createElement("li", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React9.createElement(
-    "input",
-    {
-      type: "text",
-      id: "terms-path-sale-date",
-      onChange: handleTermsPathSaleDate,
-      placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
-    }
-  ), /* @__PURE__ */ React9.createElement("br", null), /* @__PURE__ */ React9.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React9.createElement("br", null), " ", /* @__PURE__ */ React9.createElement("br", null), /* @__PURE__ */ React9.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React9.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React9.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React9.createElement("div", { key: field.name }, /* @__PURE__ */ React9.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React9.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React9.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React9.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React9.createElement("div", { key: field.name }, /* @__PURE__ */ React9.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React9.createElement(
     "input",
     {
       type: field.type,
@@ -904,7 +898,7 @@ var useStorage = (storageType) => {
       if (storageType === "localStorage") {
         localStorage.removeItem(key);
       } else {
-        deleteCookie(key);
+        deleteCookie$1(key);
       }
       loadItems();
     },
@@ -967,17 +961,6 @@ var loginTypes = [
     id: "fp",
     label: "FP \uB85C\uADF8\uC778",
     fields: [{ name: "employeeId", label: "\uC0AC\uBC88", type: "text", placeholder: "\uC0AC\uBC88\uC744 \uC785\uB825\uD558\uC138\uC694" }]
-  },
-  {
-    id: "customer",
-    label: "\uACE0\uAC1D \uB85C\uADF8\uC778",
-    fields: [
-      { name: "name", label: "\uC774\uB984", type: "text", placeholder: "\uC774\uB984" },
-      { name: "phone", label: "\uC804\uD654\uBC88\uD638", type: "tel", placeholder: "\uC804\uD654\uBC88\uD638" },
-      { name: "residentNumber", label: "\uC8FC\uBBFC\uBC88\uD638", type: "text", placeholder: "\uC8FC\uBBFC\uBC88\uD638 \uC55E 7\uC790\uB9AC" },
-      { name: "userId", label: "\uC544\uC774\uB514", type: "text", placeholder: "\uC544\uC774\uB514" },
-      { name: "password", label: "\uBE44\uBC00\uBC88\uD638", type: "password", placeholder: "\uBE44\uBC00\uBC88\uD638" }
-    ]
   }
 ];
 var menuItems = [
@@ -1103,13 +1086,19 @@ var DebugTool = ({
     )
   );
 };
+var MAX_LOGS2 = 20;
 function addRequestLog(config) {
   if (!isClient()) {
     return;
   }
   const env = getEnvironmentFromHostname(location.hostname);
   if (env !== "prd") {
-    const { addRequest, isHold, holdRequest } = useDebugStore.getState();
+    const { addRequest, isHold, holdRequest, requests } = useDebugStore.getState();
+    if (requests.length >= MAX_LOGS2) {
+      if (!isDebugByFilterName("http-log")) {
+        requests.shift();
+      }
+    }
     const startTime = Date.now();
     const requestInfo = {
       url: config.url || "",
@@ -1134,7 +1123,12 @@ function addResponseLog(response) {
   }
   const env = getEnvironmentFromHostname(location.hostname);
   if (env !== "prd") {
-    const { addResponse, isHold, holdResponse } = useDebugStore.getState();
+    const { addResponse, isHold, holdResponse, responses } = useDebugStore.getState();
+    if (responses.length >= MAX_LOGS2) {
+      if (!isDebugByFilterName("http-log")) {
+        responses.shift();
+      }
+    }
     const { config } = response;
     const responseInfo = {
       url: config.url || "",
@@ -1154,9 +1148,17 @@ function addResponseLog(response) {
   }
 }
 function addErrorLog(error) {
+  if (!isClient()) {
+    return;
+  }
   const env = getEnvironmentFromHostname(location.hostname);
   if (env !== "prd") {
-    const { addError, isHold, holdError } = useDebugStore.getState();
+    const { addError, isHold, holdError, errors } = useDebugStore.getState();
+    if (errors.length >= MAX_LOGS2) {
+      if (!isDebugByFilterName("http-log")) {
+        errors.shift();
+      }
+    }
     const { config } = error;
     const errorInfo = {
       url: config?.url || "",
@@ -1181,23 +1183,7 @@ function addErrorLog(error) {
     }
   }
 }
-function isDebugStepValidationOff() {
-  const debugStepValidationOff = getCookie("Debug-Step-Validation-Off") === "true";
-  return debugStepValidationOff;
-}
-function isDebugMode() {
-  const debugMode = getCookie("dsp-debug-mode") === "on";
-  return debugMode;
-}
-function getDebugFileConvertType() {
-  const fileConvertType = getCookie(fileConvertTypeCookieKey);
-  return fileConvertType;
-}
-function isDebugByFilterName(name) {
-  const filterNames = getCookie(filterNameCookieKey)?.split(",");
-  return filterNames?.includes(name) || false;
-}
 
-export { DebugTool, addErrorLog, addRequestLog, addResponseLog, getDebugFileConvertType, isDebugByFilterName, isDebugMode, isDebugStepValidationOff };
+export { DebugTool, addErrorLog, addRequestLog, addResponseLog, isDebugByFilterName, isDebugStepValidationOff };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map