sales-frontend-components 0.0.68 → 0.0.69

package/dist/index.esm.js

@@ -1,18 +1,14 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
-import { CheckboxButton, Checkbox, DatePicker, DateRangePicker, Accordion, Radio, Table, Button, FormField, Select, Tab, Icon, useModalState, Modal, SegmentGroup, ModalUtils, List, ListItem, Segment, FormCore, RadioGroup } from 'sales-frontend-design-system';
-import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { CheckboxButton, Checkbox, DatePicker, DateRangePicker, Accordion, Radio, Table, Button, FormField, Select, Tab, Icon, useModalState, Modal, SegmentGroup, ModalUtils, FormCore, RadioGroup } from 'sales-frontend-design-system';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useSearchOccupationQuery, useSearchModalAddressQuery, useSearchVehicleQuery } from 'sales-frontend-api/method';
 import styles from './modal/pre-standard/job-search-modal/job-search-modal.module.scss';
 import styles$1 from './step-indicator/step-indicator.module.scss';
 import styles$2 from './camera/camera.module.scss';
-import styles$3 from './debug-tool/debug-tool.module.scss';
-import { isClient, getEnvironmentFromHostname } from 'sales-frontend-utils';
-import { useDebugStore } from 'sales-frontend-api';
-import styles$4 from './debug-tool/features/network-log/network-log.module.scss';
-import styles$5 from './modal/standard/address-search/select-address.module.scss';
-import styles$6 from './modal/pre-standard/job-vehicle-search-modal/job-vehicle-search-modal.module.scss';
-import styles$7 from './modal/pre-standard/vehicle-search-modal/vehicle-search-modal.module.scss';
+import styles$3 from './modal/standard/address-search/select-address.module.scss';
+import styles$4 from './modal/pre-standard/job-vehicle-search-modal/job-vehicle-search-modal.module.scss';
+import styles$5 from './modal/pre-standard/vehicle-search-modal/vehicle-search-modal.module.scss';
 
 const FormCheckboxButton = ({
   name,
@@ -1383,758 +1379,7 @@ function useCanvasPaint(paintProps = {}) {
 
 const testSignatureBase64Data = "data:image/png;base64,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";
 
-const FloatingButton = ({ onClick }) => {
-  const [position, setPosition] = useState({ x: 0, y: 0 });
-  const [isDragging, setIsDragging] = useState(false);
-  const dragHappened = useRef(false);
-  const dragStartPos = useRef({ x: 0, y: 0 });
-  const elementStartPos = useRef({ x: 0, y: 0 });
-  const handleMouseDown = (e) => {
-    if (e.button !== 0) {
-      return;
-    }
-    dragHappened.current = false;
-    setIsDragging(true);
-    dragStartPos.current = { x: e.clientX, y: e.clientY };
-    elementStartPos.current = { ...position };
-    const handleMouseMove = (event) => {
-      const dx = event.clientX - dragStartPos.current.x;
-      const dy = event.clientY - dragStartPos.current.y;
-      if (!dragHappened.current && (Math.abs(dx) > 5 || Math.abs(dy) > 5)) {
-        dragHappened.current = true;
-      }
-      setPosition({
-        x: elementStartPos.current.x + dx,
-        y: elementStartPos.current.y + dy
-      });
-    };
-    const handleMouseUp = () => {
-      window.removeEventListener("mousemove", handleMouseMove);
-      window.removeEventListener("mouseup", handleMouseUp);
-      setIsDragging(false);
-    };
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
-  };
-  const handleClick = (e) => {
-    if (dragHappened.current) {
-      e.preventDefault();
-      e.stopPropagation();
-      return;
-    }
-    onClick();
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "secondary",
-      appearance: "filled",
-      size: "xsmall",
-      className: styles$3["debug-floating-button"],
-      style: {
-        transform: `translate(${position.x}px, ${position.y}px)`,
-        cursor: isDragging ? "grabbing" : "grab"
-      },
-      onMouseDown: handleMouseDown,
-      onClick: handleClick,
-      children: "DEBUG"
-    }
-  );
-};
-
-const MenuPanel = ({ menuItems, onMenuItemClick, onClose }) => {
-  return /* @__PURE__ */ jsxs(Modal.Root, { isOpen: true, onClose, modalSize: "small", children: [
-    /* @__PURE__ */ jsx(Modal.Overlay, {}),
-    /* @__PURE__ */ jsxs(Modal.Content, { children: [
-      /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "Debug Menu", showCloseButton: true }),
-      /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(List, { selectable: true, children: menuItems.map((item) => /* @__PURE__ */ jsx(ListItem, { onClick: () => onMenuItemClick(item.component), children: item.label }, item.id)) }) })
-    ] })
-  ] });
-};
-
-let globalLogs = [];
-let listeners = [];
-const originalConsoleMethods = {};
-let isConsoleOverridden = false;
-const addLog = (type, ...args) => {
-  const newLog = {
-    id: Date.now() + Math.random(),
-    type,
-    timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
-    message: args
-  };
-  globalLogs = [...globalLogs, newLog];
-  listeners.forEach((listener) => listener([...globalLogs]));
-};
-const initializeConsoleLogOverride = () => {
-  if (!isClient() || isConsoleOverridden) {
-    return;
-  }
-  const logTypes = ["log", "info", "warn", "error", "debug"];
-  logTypes.forEach((type) => {
-    originalConsoleMethods[type] = console[type];
-    console[type] = (...args) => {
-      if (originalConsoleMethods[type]) {
-        originalConsoleMethods[type]?.apply(console, args);
-      }
-      addLog(type, ...args);
-    };
-  });
-  isConsoleOverridden = true;
-};
-const restoreConsoleLog = () => {
-  if (!isClient() || !isConsoleOverridden) {
-    return;
-  }
-  const logTypes = ["log", "info", "warn", "error", "debug"];
-  logTypes.forEach((type) => {
-    if (originalConsoleMethods[type]) {
-      console[type] = originalConsoleMethods[type];
-    }
-  });
-  isConsoleOverridden = false;
-};
-const useConsoleLog = () => {
-  const [logs, setLogs] = useState(globalLogs);
-  useEffect(() => {
-    listeners.push(setLogs);
-    return () => {
-      listeners = listeners.filter((l) => l !== setLogs);
-    };
-  }, []);
-  const clearLogs = useCallback(() => {
-    globalLogs = [];
-    listeners.forEach((listener) => listener([]));
-  }, []);
-  return { logs, clearLogs };
-};
-
-const safeStringify$1 = (obj) => {
-  try {
-    return JSON.stringify(obj, null, 2);
-  } catch (e) {
-    return "[Unserializable Object]";
-  }
-};
-const LogMessage = ({ entry }) => {
-  const messageParts = entry.message.map((part) => {
-    if (typeof part === "object" && part !== null) {
-      return safeStringify$1(part);
-    }
-    return String(part);
-  });
-  return /* @__PURE__ */ jsx("pre", { className: `${styles$3["log-message"]} ${styles$3[`log-${entry.type}`]}`, children: messageParts.join(" ") });
-};
-const ConsoleLogPanel = ({ onClose }) => {
-  const { logs, clearLogs } = useConsoleLog();
-  const [filter, setFilter] = useState("all");
-  const logContainerRef = useRef(null);
-  const filteredLogs = useMemo(() => {
-    if (filter === "all") {
-      return logs;
-    }
-    return logs.filter((log) => log.type === filter);
-  }, [logs, filter]);
-  useEffect(() => {
-    if (logContainerRef.current) {
-      logContainerRef.current.scrollTop = logContainerRef.current.scrollHeight;
-    }
-  }, [filteredLogs]);
-  return /* @__PURE__ */ jsx(Modal.Root, { isOpen: true, onClose, modalSize: "full-screen", children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-    /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "Console Logs", showCloseButton: true }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$3["panel-toolbar"], children: [
-        /* @__PURE__ */ jsxs(
-          Segment.Root,
-          {
-            size: "xsmall",
-            appearance: "outline",
-            align: "left",
-            defaultValue: filter,
-            onValueChange: (value) => setFilter(value),
-            children: [
-              /* @__PURE__ */ jsx(Segment.Item, { value: "all", children: "All" }),
-              /* @__PURE__ */ jsx(Segment.Item, { value: "log", children: "Log" }),
-              /* @__PURE__ */ jsx(Segment.Item, { value: "warn", children: "Warn" }),
-              /* @__PURE__ */ jsx(Segment.Item, { value: "error", children: "Error" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "neutral",
-            appearance: "outline",
-            size: "xsmall",
-            onClick: clearLogs,
-            style: { marginLeft: "auto" },
-            children: "Clear"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: styles$3["log-list-container"], ref: logContainerRef, children: filteredLogs.map((log) => /* @__PURE__ */ jsxs("div", { className: styles$3["log-item"], children: [
-        /* @__PURE__ */ jsx("span", { className: styles$3["log-timestamp"], children: log.timestamp }),
-        /* @__PURE__ */ jsx(LogMessage, { entry: log })
-      ] }, log.id)) })
-    ] })
-  ] }) });
-};
-
-const LoginPanel = ({ onClose, onLogin }) => {
-  const [selectedTypeId, setSelectedTypeId] = useState(loginTypes[0]?.id || "");
-  const [formData, setFormData] = useState({});
-  const selectedType = useMemo(() => loginTypes.find((t) => t.id === selectedTypeId), [selectedTypeId]);
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-  };
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (selectedType) {
-      onLogin(selectedType.id, formData);
-      onClose();
-    }
-  };
-  useEffect(() => {
-    setFormData({});
-  }, [selectedType]);
-  return /* @__PURE__ */ jsx(Modal.Root, { isOpen: true, onClose, modalSize: "full-screen", children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-    /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "\uAC04\uD3B8 \uB85C\uADF8\uC778", showCloseButton: true }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("form", { className: styles$3["login-form-container"], onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxs(FormField.FieldControl, { children: [
-        /* @__PURE__ */ jsx(FormField.Label, { htmlFor: "login-type-select", children: "\uB85C\uADF8\uC778 \uC720\uD615" }),
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            value: selectedTypeId,
-            onChange: setSelectedTypeId,
-            size: "xsmall",
-            rootProps: { style: { width: "100%" } },
-            children: loginTypes.map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type.id, children: type.label }, type.id))
-          }
-        )
-      ] }),
-      selectedType?.fields.map((field) => /* @__PURE__ */ jsxs(FormField.FieldControl, { children: [
-        /* @__PURE__ */ jsx(FormField.Label, { htmlFor: field.name, children: field.label }),
-        /* @__PURE__ */ jsx(
-          FormField.TextField,
-          {
-            size: "xsmall",
-            type: field.type,
-            id: field.name,
-            name: field.name,
-            placeholder: field.placeholder,
-            value: formData[field.name] || "",
-            onChange: handleInputChange,
-            required: true
-          }
-        )
-      ] }, field.name)),
-      /* @__PURE__ */ jsx("div", { className: styles$3["form-actions"], children: /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", appearance: "filled", size: "xsmall", children: "\uB85C\uADF8\uC778" }) })
-    ] }) })
-  ] }) });
-};
-
-const SEARCH_SECTIONS = [
-  { value: "all", label: "\uC804\uCCB4" },
-  { value: "url", label: "\uC8FC\uC18C" },
-  { value: "headers", label: "\uD5E4\uB354" },
-  { value: "params", label: "\uD30C\uB77C\uBBF8\uD130" },
-  { value: "data", label: "\uC694\uCCAD" },
-  { value: "response", label: "\uC751\uB2F5" },
-  { value: "error", label: "\uC5D0\uB7EC" }
-];
-const getLogInfo = (log) => {
-  if (log.holdStatus === "held") {
-    if ("request" in log) {
-      return log.request;
-    }
-    if ("response" in log) {
-      return log.response;
-    }
-    if ("error" in log) {
-      return log.error;
-    }
-  }
-  return log;
-};
-const NetworkLog = ({ onClose }) => {
-  const {
-    requests,
-    responses,
-    errors,
-    clear,
-    isHold,
-    toggleHold,
-    heldRequests,
-    heldResponses,
-    heldErrors,
-    playAllRequests,
-    playAllResponses
-  } = useDebugStore();
-  const [searchTerm, setSearchTerm] = useState("");
-  const [searchSection, setSearchSection] = useState(SEARCH_SECTIONS[0]?.value);
-  const allLogs = useMemo(() => {
-    const logs = [];
-    requests.forEach((req) => logs.push({ ...req, type: "request" }));
-    responses.forEach((res) => logs.push({ ...res, type: "response" }));
-    errors.forEach((err) => logs.push({ ...err, type: "error" }));
-    heldRequests.forEach((req) => logs.push({ ...req, type: "request", holdStatus: "held" }));
-    heldResponses.forEach((res) => logs.push({ ...res, type: "response", holdStatus: "held" }));
-    heldErrors.forEach((err) => logs.push({ ...err, type: "error", holdStatus: "held" }));
-    logs.sort((a, b) => {
-      const aInfo = getLogInfo(a);
-      const bInfo = getLogInfo(b);
-      const aTime = "startTime" in aInfo ? aInfo.startTime : 0;
-      const bTime = "startTime" in bInfo ? bInfo.startTime : 0;
-      return bTime - aTime;
-    });
-    return logs;
-  }, [requests, responses, errors, heldRequests, heldResponses, heldErrors]);
-  const filteredLogs = useMemo(() => {
-    if (!searchTerm) {
-      return allLogs;
-    }
-    const lowercasedTerm = searchTerm.toLowerCase();
-    return allLogs.filter((log) => {
-      const logInfo = getLogInfo(log);
-      switch (searchSection) {
-        case "url":
-          return logInfo.url?.toLowerCase().includes(lowercasedTerm);
-        case "headers":
-          return "headers" in logInfo && logInfo.headers && JSON.stringify(logInfo.headers)?.toLowerCase().includes(lowercasedTerm);
-        case "params":
-          return "params" in logInfo && logInfo.params && JSON.stringify(logInfo.params)?.toLowerCase().includes(lowercasedTerm);
-        case "data":
-          return "data" in logInfo && logInfo.data && log.type === "request" && JSON.stringify(logInfo.data)?.toLowerCase().includes(lowercasedTerm);
-        case "response":
-          return "data" in logInfo && logInfo.data && log.type === "response" && JSON.stringify(logInfo.data)?.toLowerCase().includes(lowercasedTerm);
-        case "error":
-          return log.type === "error" && JSON.stringify(logInfo)?.toLowerCase().includes(lowercasedTerm);
-        case "all":
-        default:
-          return JSON.stringify(logInfo).toLowerCase().includes(lowercasedTerm);
-      }
-    });
-  }, [allLogs, searchTerm, searchSection]);
-  const renderLogSummary = (log) => {
-    const logInfo = getLogInfo(log);
-    const prefix = log.holdStatus === "held" ? "[HELD] " : "";
-    if (log.type === "request") {
-      return `${prefix}[REQ] ${logInfo.method.toUpperCase()} ${logInfo.url}`;
-    }
-    if (log.type === "response" && "status" in logInfo) {
-      return `${prefix}[RES] ${logInfo.method.toUpperCase()} ${logInfo.url} - ${logInfo.status}`;
-    }
-    if (log.type === "error" && "message" in logInfo) {
-      return `${prefix}[ERR] ${logInfo.method.toUpperCase()} ${logInfo.url} - ${logInfo.message}`;
-    }
-    return "Unknown Log";
-  };
-  const renderLogContent = (log) => {
-    const logInfo = getLogInfo(log);
-    return /* @__PURE__ */ jsx("pre", { children: JSON.stringify(logInfo, null, 2) });
-  };
-  return /* @__PURE__ */ jsxs(Modal.Root, { isOpen: true, onClose, modalSize: "full-screen", children: [
-    /* @__PURE__ */ jsx(Modal.Overlay, {}),
-    /* @__PURE__ */ jsxs(Modal.Content, { children: [
-      /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8", showCloseButton: true }),
-      /* @__PURE__ */ jsxs(Modal.Body, { children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$4["search-container"], children: [
-          /* @__PURE__ */ jsx(Select, { value: searchSection, onChange: (value) => setSearchSection(value), size: "xsmall", children: SEARCH_SECTIONS.map((option) => /* @__PURE__ */ jsx(Select.Option, { value: option.value, children: option.label }, option.value)) }),
-          /* @__PURE__ */ jsx(
-            FormField.TextField,
-            {
-              placeholder: "\uAC80\uC0C9...",
-              value: searchTerm,
-              size: "xsmall",
-              onChange: (e) => setSearchTerm(e.target.value)
-            }
-          ),
-          /* @__PURE__ */ jsx(Checkbox, { id: "hold-checkbox", checked: isHold, onChange: toggleHold, size: "small", variant: "main", children: "Hold" }),
-          /* @__PURE__ */ jsx(Button, { variant: "neutral", appearance: "outline", size: "xsmall", onClick: clear, children: "clear" })
-        ] }),
-        isHold && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "row" }, children: [
-          /* @__PURE__ */ jsx(Button, { size: "xsmall", onClick: () => playAllRequests(), variant: "primary", appearance: "outline", children: "REQ Resolve" }),
-          /* @__PURE__ */ jsx(Button, { size: "xsmall", onClick: () => playAllResponses(), variant: "primary", appearance: "outline", children: "RES Resolve" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: styles$4["log-list"], children: filteredLogs.length === 0 ? /* @__PURE__ */ jsx("p", { children: "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : /* @__PURE__ */ jsx(Accordion.Root, { children: filteredLogs.map((log, index) => /* @__PURE__ */ jsxs(Accordion.Item, { children: [
-          /* @__PURE__ */ jsx(Accordion.HeaderButton, { children: /* @__PURE__ */ jsx("p", { className: styles$4["log-summary"], children: renderLogSummary(log) }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { variant: "text", children: /* @__PURE__ */ jsx("div", { className: styles$4["log-content"], children: renderLogContent(log) }) })
-        ] }, index)) }) })
-      ] })
-    ] })
-  ] });
-};
-
-const PageNavigationPanel = ({ onClose }) => {
-  const [url, setUrl] = useState("");
-  const handleNavigate = () => {
-    if (url) {
-      self.location.href = url;
-    }
-  };
-  return /* @__PURE__ */ jsx(Modal.Root, { isOpen: true, onClose, modalSize: "full-screen", children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-    /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "\uD398\uC774\uC9C0 \uC774\uB3D9", showCloseButton: true }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("div", { className: styles$3["page-navigation-content"], children: [
-      /* @__PURE__ */ jsx(
-        FormField.TextField,
-        {
-          size: "xsmall",
-          type: "text",
-          value: url,
-          onChange: (e) => setUrl(e.target.value),
-          placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
-          rootProps: { style: { flex: 1 } }
-        }
-      ),
-      /* @__PURE__ */ jsx(Button, { variant: "primary", appearance: "filled", size: "xsmall", onClick: handleNavigate, children: "\uC774\uB3D9" })
-    ] }) })
-  ] }) });
-};
-
-const safeStringify = (obj) => {
-  try {
-    const replacer = (key, value) => typeof value === "bigint" ? value.toString() : value;
-    return JSON.stringify(obj, replacer, 2);
-  } catch (e) {
-    return "[Unserializable Object]";
-  }
-};
-const ResultMessage = ({ log }) => {
-  const messageParts = log.message.map((part) => {
-    if (typeof part === "object" && part !== null) {
-      return safeStringify(part);
-    }
-    return String(part);
-  });
-  const prefix = log.type === "return" ? "\u21A9 " : "";
-  return /* @__PURE__ */ jsxs("pre", { className: `${styles$3["log-message"]} ${styles$3[`log-${log.type}`]}`, children: [
-    prefix,
-    messageParts.join(" ")
-  ] });
-};
-const ScriptExecutorPanel = ({ onClose }) => {
-  const [code, setCode] = useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
-  const [results, setResults] = useState([]);
-  const addResult = (type, ...args) => {
-    setResults((prevResults) => [
-      ...prevResults,
-      {
-        id: Date.now() + Math.random(),
-        type,
-        timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
-        message: args
-      }
-    ]);
-  };
-  const handleExecute = () => {
-    const originalConsole = { ...console };
-    const newConsole = {
-      log: (...args) => {
-        originalConsole.log(...args);
-        addResult("log", ...args);
-      },
-      warn: (...args) => {
-        originalConsole.warn(...args);
-        addResult("warn", ...args);
-      },
-      error: (...args) => {
-        originalConsole.error(...args);
-        addResult("error", ...args);
-      }
-    };
-    try {
-      Object.assign(console, newConsole);
-      const result = new Function(code)();
-      if (result !== void 0) {
-        addResult("return", result);
-      }
-    } catch (e) {
-      addResult("error", e.name, e.message);
-    } finally {
-      Object.assign(console, originalConsole);
-    }
-  };
-  const handleClear = () => {
-    setResults([]);
-  };
-  return /* @__PURE__ */ jsx(Modal.Root, { isOpen: true, onClose, modalSize: "full-screen", children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-    /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589", showCloseButton: true }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("div", { className: `${styles$3["debug-feature-panel"]} ${styles$3["script-executor-panel"]}`, children: /* @__PURE__ */ jsxs("div", { className: styles$3["script-executor-content"], children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$3["script-input-section"], children: [
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            className: styles$3["script-textarea"],
-            value: code,
-            onChange: (e) => setCode(e.target.value),
-            spellCheck: "false"
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: styles$3["script-actions"], children: [
-          /* @__PURE__ */ jsx(Button, { variant: "neutral", appearance: "outline", size: "xsmall", onClick: handleExecute, children: "\uC2E4\uD589 (\u25B6)" }),
-          /* @__PURE__ */ jsx(Button, { variant: "neutral", appearance: "outline", size: "xsmall", onClick: handleClear, children: "\uACB0\uACFC \uC9C0\uC6B0\uAE30" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: styles$3["script-output-section"], children: [
-        /* @__PURE__ */ jsx("div", { className: styles$3["panel-header"], children: /* @__PURE__ */ jsx("h3", { children: "\uACB0\uACFC" }) }),
-        /* @__PURE__ */ jsx("div", { className: styles$3["log-list-container"], children: results.map((log) => /* @__PURE__ */ jsxs("div", { className: styles$3["log-item"], children: [
-          /* @__PURE__ */ jsx("span", { className: styles$3["log-timestamp"], children: log.timestamp }),
-          /* @__PURE__ */ jsx(ResultMessage, { log })
-        ] }, log.id)) })
-      ] })
-    ] }) }) })
-  ] }) });
-};
-
-const setCookie = (name, value) => {
-  document.cookie = `${name}=${encodeURIComponent(value)};path=/`;
-};
-const removeCookie = (name) => {
-  document.cookie = `${name}=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
-};
-const useStorage = (storageType) => {
-  const [items, setItems] = useState([]);
-  const loadItems = useCallback(() => {
-    const newItems = [];
-    if (storageType === "localStorage") {
-      for (let i = 0; i < localStorage.length; i++) {
-        const key = localStorage.key(i);
-        if (key) {
-          newItems.push({ key, value: localStorage.getItem(key) || "" });
-        }
-      }
-    } else {
-      const cookies = document.cookie.split(";");
-      cookies.forEach((cookie) => {
-        const parts = cookie.split("=");
-        const key = parts.shift()?.trim();
-        if (key) {
-          newItems.push({ key, value: decodeURIComponent(parts.join("=")) });
-        }
-      });
-    }
-    setItems(newItems);
-  }, [storageType]);
-  useEffect(() => {
-    loadItems();
-  }, [loadItems]);
-  const setItem = useCallback(
-    (key, value) => {
-      if (storageType === "localStorage") {
-        localStorage.setItem(key, value);
-      } else {
-        setCookie(key, value);
-      }
-      loadItems();
-    },
-    [storageType, loadItems]
-  );
-  const removeItem = useCallback(
-    (key) => {
-      if (storageType === "localStorage") {
-        localStorage.removeItem(key);
-      } else {
-        removeCookie(key);
-      }
-      loadItems();
-    },
-    [storageType, loadItems]
-  );
-  return { items, setItem, removeItem, loadItems };
-};
-
-const ValueDisplay = ({ value }) => {
-  try {
-    const parsed = JSON.parse(value);
-    if (typeof parsed === "object" && parsed !== null) {
-      return /* @__PURE__ */ jsx("pre", { className: styles$3["log-content"], children: JSON.stringify(parsed, null, 2) });
-    }
-  } catch (e) {
-  }
-  return /* @__PURE__ */ jsx("div", { className: styles$3["log-content"], children: value });
-};
-const EditableRow = ({ item, onSave, onRemove }) => {
-  const [isEditing, setIsEditing] = useState(false);
-  const [value, setValue] = useState(item.value);
-  const handleSave = () => {
-    onSave(item.key, value);
-    setIsEditing(false);
-  };
-  const handleEdit = () => {
-    setValue(item.value);
-    setIsEditing(true);
-  };
-  return /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsxs(Accordion.Item, { children: [
-    /* @__PURE__ */ jsxs(Accordion.HeaderButton, { children: [
-      " ",
-      item.key
-    ] }),
-    /* @__PURE__ */ jsxs(Accordion.Content, { variant: "text", style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
-      isEditing ? /* @__PURE__ */ jsx(Button, { variant: "neutral", appearance: "outline", size: "xsmall", onClick: handleSave, children: "Save" }) : /* @__PURE__ */ jsx(Button, { variant: "neutral", appearance: "outline", size: "xsmall", onClick: handleEdit, children: "Edit" }),
-      /* @__PURE__ */ jsx(Button, { variant: "neutral", appearance: "outline", size: "xsmall", onClick: () => onRemove(item.key), children: "Remove" }),
-      isEditing ? /* @__PURE__ */ jsx("textarea", { value, onChange: (e) => setValue(e.target.value) }) : /* @__PURE__ */ jsx(ValueDisplay, { value: item.value })
-    ] })
-  ] }) });
-};
-const StoragePanel = ({ onClose, storageType }) => {
-  const { items, setItem, removeItem } = useStorage(storageType);
-  const [filter, setFilter] = useState("");
-  const filteredItems = useMemo(() => {
-    if (!filter) {
-      return items;
-    }
-    return items.filter(
-      (item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
-    );
-  }, [items, filter]);
-  return /* @__PURE__ */ jsx(Modal.Root, { isOpen: true, onClose, modalSize: "full-screen", children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-    /* @__PURE__ */ jsx(Modal.Header, { headerTitle: storageType === "localStorage" ? "Local Storage" : "Cookies", showCloseButton: true }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsx("div", { className: styles$3["panel-toolbar"], children: /* @__PURE__ */ jsx(
-        FormField.TextField,
-        {
-          placeholder: "Search key or value...",
-          size: "xsmall",
-          value: filter,
-          onChange: (e) => setFilter(e.target.value),
-          rootProps: { style: { width: "100%" } }
-        }
-      ) }),
-      /* @__PURE__ */ jsx("ul", { children: filteredItems.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(EditableRow, { item, onSave: setItem, onRemove: removeItem }) }, item.key)) })
-    ] })
-  ] }) });
-};
-
-const 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" }
-    ]
-  }
-];
-const menuItems = [
-  {
-    id: "network-log",
-    label: "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8",
-    component: NetworkLog,
-    display: true
-  },
-  {
-    id: "console-log",
-    label: "\uCF58\uC194 \uB85C\uADF8 \uD655\uC778",
-    component: ConsoleLogPanel,
-    display: true
-  },
-  {
-    id: "local-storage",
-    label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
-    // StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
-    component: (props) => /* @__PURE__ */ jsx(StoragePanel, { ...props, storageType: "localStorage" }),
-    display: true
-  },
-  {
-    id: "cookie-management",
-    label: "\uCFE0\uD0A4 \uAD00\uB9AC",
-    component: (props) => /* @__PURE__ */ jsx(StoragePanel, { ...props, storageType: "cookie" }),
-    display: true
-  },
-  {
-    id: "quick-login",
-    label: "\uAC04\uD3B8 \uB85C\uADF8\uC778",
-    component: LoginPanel,
-    display: true
-    // 실제 표시는 DebugTool.tsx에서 onLogin prop 존재 여부에 따라 결정됩니다.
-  },
-  {
-    id: "script-executor",
-    label: "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589",
-    component: ScriptExecutorPanel,
-    display: true
-  },
-  {
-    id: "page-navigation",
-    label: "\uD398\uC774\uC9C0 \uC774\uB3D9",
-    component: PageNavigationPanel,
-    display: true
-  }
-];
-
-const useEnvironment = () => {
-  const [envInfo, setEnvInfo] = useState({
-    env: "prd"
-  });
-  useEffect(() => {
-    const { hostname } = window.location;
-    setEnvInfo({ env: getEnvironmentFromHostname(hostname) });
-  }, []);
-  return envInfo;
-};
-
-const DebugTool = ({ onLogin, envOverride, menuItemsOverride }) => {
-  useEffect(() => {
-    initializeConsoleLogOverride();
-    return () => {
-      restoreConsoleLog();
-    };
-  }, []);
-  const environment = useEnvironment();
-  const env = envOverride || environment.env;
-  const menuItems$1 = menuItemsOverride || menuItems;
-  const [isMenuOpen, setMenuOpen] = useState(false);
-  const [activeFeature, setActiveFeature] = useState(null);
-  const isVisible = ["local", "dev", "stg"].includes(env);
-  const handleMenuClick = (itemComponent) => {
-    setActiveFeature(() => itemComponent);
-    setMenuOpen(false);
-  };
-  const handleCloseFeature = () => {
-    setActiveFeature(null);
-  };
-  if (!isVisible) {
-    return null;
-  }
-  const toggleMenu = () => {
-    setMenuOpen((prev) => !prev);
-    if (!isMenuOpen) {
-      setActiveFeature(null);
-    }
-  };
-  const availableMenuItems = menuItems$1.filter(
-    (item) => item.display && // config에서 display가 true인 항목만 필터링합니다.
-    // 'quick-login' 기능은 onLogin prop이 제공된 경우에만 활성화합니다.
-    (item.id !== "quick-login" || item.id === "quick-login" && onLogin)
-  );
-  if (activeFeature) {
-    const FeatureComponent = activeFeature;
-    return /* @__PURE__ */ jsx(FeatureComponent, { onClose: handleCloseFeature, onLogin });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "debug-tool-container", children: [
-    /* @__PURE__ */ jsx(FloatingButton, { onClick: toggleMenu }),
-    isMenuOpen && /* @__PURE__ */ jsx(
-      MenuPanel,
-      {
-        menuItems: availableMenuItems,
-        onMenuItemClick: handleMenuClick,
-        onClose: () => setMenuOpen(false)
-      }
-    )
-  ] });
-};
-
-const cx$3 = classNames.bind(styles$5);
+const cx$3 = classNames.bind(styles$3);
 const { InputBox, Input } = FormCore;
 const AddressSearchInitialText = () => {
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -2424,7 +1669,7 @@ const useAddressComponent = () => {
   };
 };
 
-const cx$2 = classNames.bind(styles$6);
+const cx$2 = classNames.bind(styles$4);
 const JobVehicleSearchGrade = ({ riskGrade, hospitalizationGrade }) => {
   return /* @__PURE__ */ jsxs("div", { className: cx$2("grade-section"), children: [
     /* @__PURE__ */ jsxs("div", { className: cx$2("icon-title"), children: [
@@ -2445,7 +1690,7 @@ const JobVehicleSearchGrade = ({ riskGrade, hospitalizationGrade }) => {
   ] });
 };
 
-const cx$1 = classNames.bind(styles$7);
+const cx$1 = classNames.bind(styles$5);
 function VehicleSearch({ vehicles, onVehicleSelect }) {
   return /* @__PURE__ */ jsxs("div", { className: cx$1("vehicle-search-section"), children: [
     /* @__PURE__ */ jsx("p", { children: "\uC6B4\uC804 \uCC28\uC885" }),
@@ -2511,7 +1756,7 @@ const useJobVehicleSearch = () => {
   };
 };
 
-const cx = classNames.bind(styles$6);
+const cx = classNames.bind(styles$4);
 function useJobVehicleSearchModal() {
   const {
     selectedVehicle,
@@ -2616,5 +1861,5 @@ const JobSearchModal = ({ onClose }) => {
   ] });
 };
 
-export { Attachment, DebugTool, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useCamera, useCanvasPaint, useJobVehicleSearchModal, useSearchAddress };
+export { Attachment, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useCamera, useCanvasPaint, useJobVehicleSearchModal, useSearchAddress };
 //# sourceMappingURL=index.esm.js.map