sales-frontend-debug 0.0.60 → 0.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var React8 = require('react');
3
+ var React9 = require('react');
4
4
  var cookie = require('sales-frontend-utils/cookie');
5
5
  var salesFrontendUtils = require('sales-frontend-utils');
6
6
  var salesFrontendStores = require('sales-frontend-stores');
7
7
 
8
8
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
 
10
- var React8__default = /*#__PURE__*/_interopDefault(React8);
10
+ var React9__default = /*#__PURE__*/_interopDefault(React9);
11
11
 
12
12
  // src/debug-tool.tsx
13
13
 
@@ -231,18 +231,18 @@ var textareaStyle = {
231
231
 
232
232
  // src/components/floating-button.tsx
233
233
  var FloatingButton = ({ onClick }) => {
234
- const [position, setPosition] = React8.useState({ x: 0, y: 0 });
235
- const [isDragging, setIsDragging] = React8.useState(false);
236
- const [isVisible, setIsVisible] = React8.useState(false);
237
- const gestureStep = React8.useRef(0);
238
- const gestureTimeout = React8.useRef(null);
239
- const globalDragStart = React8.useRef(null);
240
- const dragHappened = React8.useRef(false);
241
- const dragStartPos = React8.useRef({ x: 0, y: 0 });
242
- const elementStartPos = React8.useRef({ x: 0, y: 0 });
243
- const clickCount = React8.useRef(0);
244
- const clickTimeout = React8.useRef(null);
245
- React8.useEffect(() => {
234
+ const [position, setPosition] = React9.useState({ x: 0, y: 0 });
235
+ const [isDragging, setIsDragging] = React9.useState(false);
236
+ const [isVisible, setIsVisible] = React9.useState(false);
237
+ const gestureStep = React9.useRef(0);
238
+ const gestureTimeout = React9.useRef(null);
239
+ const globalDragStart = React9.useRef(null);
240
+ const dragHappened = React9.useRef(false);
241
+ const dragStartPos = React9.useRef({ x: 0, y: 0 });
242
+ const elementStartPos = React9.useRef({ x: 0, y: 0 });
243
+ const clickCount = React9.useRef(0);
244
+ const clickTimeout = React9.useRef(null);
245
+ React9.useEffect(() => {
246
246
  const handleGlobalMouseDown = (e) => {
247
247
  globalDragStart.current = { x: e.clientX, y: e.clientY };
248
248
  };
@@ -288,7 +288,7 @@ var FloatingButton = ({ onClick }) => {
288
288
  }
289
289
  };
290
290
  }, []);
291
- React8.useEffect(() => {
291
+ React9.useEffect(() => {
292
292
  const handleGlobalClick = () => {
293
293
  clickCount.current += 1;
294
294
  if (clickCount.current === 1) {
@@ -354,7 +354,7 @@ var FloatingButton = ({ onClick }) => {
354
354
  display: isVisible ? "flex" : "none"
355
355
  // Hide until activated
356
356
  };
357
- return /* @__PURE__ */ React8__default.default.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
357
+ return /* @__PURE__ */ React9__default.default.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
358
358
  };
359
359
  var floating_button_default = FloatingButton;
360
360
  function ChangeHost() {
@@ -365,7 +365,7 @@ function ChangeHost() {
365
365
  "dsp-debug-mode-env": cookie.getCookie("dsp-debug-mode-env")
366
366
  });
367
367
  };
368
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
368
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
369
369
  }
370
370
  var fileConvertTypeCookieKey = "dsp-debug-mode-file-convert-type";
371
371
  function FileConvert() {
@@ -376,7 +376,21 @@ function FileConvert() {
376
376
  [fileConvertTypeCookieKey]: cookie.getCookie(fileConvertTypeCookieKey)
377
377
  });
378
378
  };
379
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "File Convert Type")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("fetch") }, "fetch"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("canvas") }, "canvas"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("xhr") }, "xhr")));
379
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "File Convert Type")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("fetch") }, "fetch"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("canvas") }, "canvas"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFileConvertType("xhr") }, "xhr")));
380
+ }
381
+ var filterNameCookieKey = "dsp-debug-mode-filter-name";
382
+ function Filter() {
383
+ const [filterName, setFilterName] = React9__default.default.useState("");
384
+ const handleFilterNameChange = (e) => {
385
+ const filterName2 = e.target.value;
386
+ cookie.setCookie(filterNameCookieKey, filterName2);
387
+ setFilterName(filterName2);
388
+ };
389
+ React9.useEffect(() => {
390
+ const filterName2 = cookie.getCookie(filterNameCookieKey);
391
+ setFilterName(filterName2);
392
+ }, []);
393
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "Filter ex: filter1,filter2")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle }, "filter-name:", /* @__PURE__ */ React9__default.default.createElement("input", { type: "text", onChange: handleFilterNameChange, value: filterName }))));
380
394
  }
381
395
  function FormFactor() {
382
396
  const handleFormFactor = (formFactor) => {
@@ -386,7 +400,7 @@ function FormFactor() {
386
400
  "x-channel-formfactor": cookie.getCookie("x-channel-formfactor")
387
401
  });
388
402
  };
389
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")));
403
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")));
390
404
  }
391
405
  function InitRefresh() {
392
406
  const handleDeleteHostCookie = () => {
@@ -428,7 +442,7 @@ function InitRefresh() {
428
442
  "x-channel-business-work-division-code": cookie.getCookie("x-channel-business-work-division-code")
429
443
  });
430
444
  };
431
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React8__default.default.createElement("ul", null, /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement(
445
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React9__default.default.createElement("ul", null, /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9__default.default.createElement(
432
446
  "button",
433
447
  {
434
448
  onClick: () => {
@@ -436,12 +450,12 @@ function InitRefresh() {
436
450
  }
437
451
  },
438
452
  "\uC0C8\uB85C\uACE0\uCE68"
439
- )), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React8__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))));
453
+ )), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React9__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))));
440
454
  }
441
455
 
442
456
  // src/components/menu-panel.tsx
443
457
  var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode }) => {
444
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React8__default.default.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement(FormFactor, null), /* @__PURE__ */ React8__default.default.createElement(ChangeHost, null), /* @__PURE__ */ React8__default.default.createElement(InitRefresh, null), /* @__PURE__ */ React8__default.default.createElement(FileConvert, null))));
458
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React9__default.default.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement(FormFactor, null), /* @__PURE__ */ React9__default.default.createElement(ChangeHost, null), /* @__PURE__ */ React9__default.default.createElement(InitRefresh, null), /* @__PURE__ */ React9__default.default.createElement(FileConvert, null), /* @__PURE__ */ React9__default.default.createElement(Filter, null))));
445
459
  };
446
460
  var menu_panel_default = MenuPanel;
447
461
  var globalLogs = [];
@@ -487,14 +501,14 @@ var restoreConsoleLog = () => {
487
501
  isConsoleOverridden = false;
488
502
  };
489
503
  var useConsoleLog = () => {
490
- const [logs, setLogs] = React8.useState(globalLogs);
491
- React8.useEffect(() => {
504
+ const [logs, setLogs] = React9.useState(globalLogs);
505
+ React9.useEffect(() => {
492
506
  listeners.push(setLogs);
493
507
  return () => {
494
508
  listeners = listeners.filter((l) => l !== setLogs);
495
509
  };
496
510
  }, []);
497
- const clearLogs = React8.useCallback(() => {
511
+ const clearLogs = React9.useCallback(() => {
498
512
  globalLogs = [];
499
513
  listeners.forEach((listener) => listener([]));
500
514
  }, []);
@@ -517,35 +531,35 @@ var LogMessage = ({ entry }) => {
517
531
  return String(part);
518
532
  });
519
533
  const style = { ...logMessageStyle, ...logTypeStyles[entry.type] };
520
- return /* @__PURE__ */ React8__default.default.createElement("pre", { style }, messageParts.join(" "));
534
+ return /* @__PURE__ */ React9__default.default.createElement("pre", { style }, messageParts.join(" "));
521
535
  };
522
536
  var ConsoleLogPanel = ({ onClose }) => {
523
537
  const { logs, clearLogs } = useConsoleLog();
524
- const [filter, setFilter] = React8.useState("all");
525
- const logContainerRef = React8.useRef(null);
526
- const filteredLogs = React8.useMemo(() => {
538
+ const [filter, setFilter] = React9.useState("all");
539
+ const logContainerRef = React9.useRef(null);
540
+ const filteredLogs = React9.useMemo(() => {
527
541
  if (filter === "all") {
528
542
  return logs;
529
543
  }
530
544
  return logs.filter((log) => log.type === filter);
531
545
  }, [logs, filter]);
532
- React8.useEffect(() => {
546
+ React9.useEffect(() => {
533
547
  if (logContainerRef.current) {
534
548
  logContainerRef.current.scrollTop = logContainerRef.current.scrollHeight;
535
549
  }
536
550
  }, [filteredLogs]);
537
551
  const segmentOptions = ["all", "log", "warn", "error"];
538
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React8__default.default.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React8__default.default.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React8__default.default.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React8__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React8__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React8__default.default.createElement(LogMessage, { entry: log }))))));
552
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React9__default.default.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React9__default.default.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React9__default.default.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React9__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React9__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React9__default.default.createElement(LogMessage, { entry: log }))))));
539
553
  };
540
554
  var console_log_panel_default = ConsoleLogPanel;
541
555
  var LoginPanel = ({ onClose, onLogin }) => {
542
- const [selectedTypeId, setSelectedTypeId] = React8.useState(loginTypes[0]?.id || "");
543
- const [formData, setFormData] = React8.useState({});
544
- const [mode, setMode] = React8.useState(cookie.getCookie("dsp-debug-mode") === "on");
545
- const [stepValidationOff, SetStepValidationOff] = React8.useState(
556
+ const [selectedTypeId, setSelectedTypeId] = React9.useState(loginTypes[0]?.id || "");
557
+ const [formData, setFormData] = React9.useState({});
558
+ const [mode, setMode] = React9.useState(cookie.getCookie("dsp-debug-mode") === "on");
559
+ const [stepValidationOff, SetStepValidationOff] = React9.useState(
546
560
  cookie.getCookie("Debug-Step-Validation-Off") === "true"
547
561
  );
548
- const selectedType = React8.useMemo(() => loginTypes.find((t) => t.id === selectedTypeId), [selectedTypeId]);
562
+ const selectedType = React9.useMemo(() => loginTypes.find((t) => t.id === selectedTypeId), [selectedTypeId]);
549
563
  const handleInputChange = (e) => {
550
564
  const { name, value } = e.target;
551
565
  setFormData((prev) => ({ ...prev, [name]: value }));
@@ -593,10 +607,10 @@ var LoginPanel = ({ onClose, onLogin }) => {
593
607
  cookie.setCookie("Debug-Terms-SaleDate", val, { path: "/" });
594
608
  }
595
609
  };
596
- React8.useEffect(() => {
610
+ React9.useEffect(() => {
597
611
  setFormData({});
598
612
  }, [selectedType]);
599
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React8__default.default.createElement("div", null, /* @__PURE__ */ React8__default.default.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React8__default.default.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React8__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React8__default.default.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__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React8__default.default.createElement(
613
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React9__default.default.createElement("div", null, /* @__PURE__ */ React9__default.default.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React9__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React9__default.default.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React9__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9__default.default.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__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React9__default.default.createElement(
600
614
  "input",
601
615
  {
602
616
  type: "checkbox",
@@ -604,7 +618,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
604
618
  onChange: handleStepValidationOff,
605
619
  checked: stepValidationOff
606
620
  }
607
- ), /* @__PURE__ */ React8__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React8__default.default.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__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React8__default.default.createElement(
621
+ ), /* @__PURE__ */ React9__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React9__default.default.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__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React9__default.default.createElement(
608
622
  "input",
609
623
  {
610
624
  type: "text",
@@ -612,7 +626,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
612
626
  onChange: handleTermsPathPolyNo,
613
627
  placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
614
628
  }
615
- )), /* @__PURE__ */ React8__default.default.createElement("li", null, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React8__default.default.createElement(
629
+ )), /* @__PURE__ */ React9__default.default.createElement("li", null, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React9__default.default.createElement(
616
630
  "input",
617
631
  {
618
632
  type: "text",
@@ -620,7 +634,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
620
634
  onChange: handleTermsPathSaleDate,
621
635
  placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
622
636
  }
623
- ), /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React8__default.default.createElement("br", null), " ", /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React8__default.default.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React8__default.default.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React8__default.default.createElement("div", { key: field.name }, /* @__PURE__ */ React8__default.default.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React8__default.default.createElement(
637
+ ), /* @__PURE__ */ React9__default.default.createElement("br", null), /* @__PURE__ */ React9__default.default.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React9__default.default.createElement("br", null), " ", /* @__PURE__ */ React9__default.default.createElement("br", null), /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React9__default.default.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React9__default.default.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React9__default.default.createElement("div", { key: field.name }, /* @__PURE__ */ React9__default.default.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React9__default.default.createElement(
624
638
  "input",
625
639
  {
626
640
  type: field.type,
@@ -631,7 +645,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
631
645
  onChange: handleInputChange,
632
646
  required: true
633
647
  }
634
- ))), /* @__PURE__ */ React8__default.default.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
648
+ ))), /* @__PURE__ */ React9__default.default.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React9__default.default.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
635
649
  };
636
650
  var login_panel_default = LoginPanel;
637
651
  var SEARCH_SECTIONS = [
@@ -671,9 +685,9 @@ var NetworkLog = ({ onClose }) => {
671
685
  playAllRequests,
672
686
  playAllResponses
673
687
  } = salesFrontendStores.useDebugStore();
674
- const [searchTerm, setSearchTerm] = React8.useState("");
675
- const [searchSection, setSearchSection] = React8.useState(SEARCH_SECTIONS[0]?.value);
676
- const allLogs = React8.useMemo(() => {
688
+ const [searchTerm, setSearchTerm] = React9.useState("");
689
+ const [searchSection, setSearchSection] = React9.useState(SEARCH_SECTIONS[0]?.value);
690
+ const allLogs = React9.useMemo(() => {
677
691
  const logs = [];
678
692
  requests.forEach((req) => logs.push({ ...req, type: "request" }));
679
693
  responses.forEach((res) => logs.push({ ...res, type: "response" }));
@@ -690,7 +704,7 @@ var NetworkLog = ({ onClose }) => {
690
704
  });
691
705
  return logs;
692
706
  }, [requests, responses, errors, heldRequests, heldResponses, heldErrors]);
693
- const filteredLogs = React8.useMemo(() => {
707
+ const filteredLogs = React9.useMemo(() => {
694
708
  if (!searchTerm) {
695
709
  return allLogs;
696
710
  }
@@ -732,9 +746,9 @@ var NetworkLog = ({ onClose }) => {
732
746
  };
733
747
  const renderLogContent = (log) => {
734
748
  const logInfo = getLogInfo(log);
735
- return /* @__PURE__ */ React8__default.default.createElement("pre", null, JSON.stringify(logInfo, null, 2));
749
+ return /* @__PURE__ */ React9__default.default.createElement("pre", null, JSON.stringify(logInfo, null, 2));
736
750
  };
737
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React8__default.default.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React8__default.default.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React8__default.default.createElement(
751
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React9__default.default.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React9__default.default.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React9__default.default.createElement(
738
752
  "input",
739
753
  {
740
754
  type: "text",
@@ -743,25 +757,25 @@ var NetworkLog = ({ onClose }) => {
743
757
  onChange: (e) => setSearchTerm(e.target.value),
744
758
  style: flex1Style
745
759
  }
746
- ), /* @__PURE__ */ React8__default.default.createElement("label", null, /* @__PURE__ */ React8__default.default.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React8__default.default.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React8__default.default.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React8__default.default.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React8__default.default.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React8__default.default.createElement("details", { key: index }, /* @__PURE__ */ React8__default.default.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React8__default.default.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
760
+ ), /* @__PURE__ */ React9__default.default.createElement("label", null, /* @__PURE__ */ React9__default.default.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React9__default.default.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React9__default.default.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React9__default.default.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React9__default.default.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React9__default.default.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React9__default.default.createElement("details", { key: index }, /* @__PURE__ */ React9__default.default.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React9__default.default.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
747
761
  };
748
762
  var network_log_default = NetworkLog;
749
763
  var LocationInfo = () => {
750
764
  return Object.keys(location).map((key) => {
751
765
  const val = location[key];
752
766
  if (typeof val === "string") {
753
- return /* @__PURE__ */ React8__default.default.createElement("div", { key }, key, ": ", val, " ", val && /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => navigator.clipboard.writeText(val) }, "\uBCF5\uC0AC"));
767
+ return /* @__PURE__ */ React9__default.default.createElement("div", { key }, key, ": ", val, " ", val && /* @__PURE__ */ React9__default.default.createElement("button", { onClick: () => navigator.clipboard.writeText(val) }, "\uBCF5\uC0AC"));
754
768
  }
755
769
  });
756
770
  };
757
771
  var PageNavigationPanel = ({ onClose }) => {
758
- const [url, setUrl] = React8.useState("");
772
+ const [url, setUrl] = React9.useState("");
759
773
  const handleNavigate = () => {
760
774
  if (url) {
761
775
  self.location.href = url;
762
776
  }
763
777
  };
764
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC815\uBCF4"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC815\uBCF4 :", /* @__PURE__ */ React8__default.default.createElement("span", { style: { whiteSpace: "normal", wordBreak: "break-all" } }, LocationInfo()), /* @__PURE__ */ React8__default.default.createElement("br", null), /* @__PURE__ */ React8__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC774\uB3D9 :", /* @__PURE__ */ React8__default.default.createElement(
778
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC815\uBCF4"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React9__default.default.createElement("br", null), /* @__PURE__ */ React9__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC815\uBCF4 :", /* @__PURE__ */ React9__default.default.createElement("span", { style: { whiteSpace: "normal", wordBreak: "break-all" } }, LocationInfo()), /* @__PURE__ */ React9__default.default.createElement("br", null), /* @__PURE__ */ React9__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC774\uB3D9 :", /* @__PURE__ */ React9__default.default.createElement(
765
779
  "input",
766
780
  {
767
781
  type: "text",
@@ -770,7 +784,7 @@ var PageNavigationPanel = ({ onClose }) => {
770
784
  placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
771
785
  style: flex1Style
772
786
  }
773
- ), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
787
+ ), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
774
788
  };
775
789
  var page_navigation_panel_default = PageNavigationPanel;
776
790
  var logTypeStyles2 = {
@@ -796,11 +810,11 @@ var ResultMessage = ({ log }) => {
796
810
  });
797
811
  const prefix = log.type === "return" ? "\u21A9 " : "";
798
812
  const style = { ...logMessageStyle, ...logTypeStyles2[log.type] };
799
- return /* @__PURE__ */ React8__default.default.createElement("pre", { style }, prefix, messageParts.join(" "));
813
+ return /* @__PURE__ */ React9__default.default.createElement("pre", { style }, prefix, messageParts.join(" "));
800
814
  };
801
815
  var ScriptExecutorPanel = ({ onClose }) => {
802
- const [code, setCode] = React8.useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
803
- const [results, setResults] = React8.useState([]);
816
+ const [code, setCode] = React9.useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
817
+ const [results, setResults] = React9.useState([]);
804
818
  const addResult = (type, ...args) => {
805
819
  setResults((prevResults) => [
806
820
  ...prevResults,
@@ -843,7 +857,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
843
857
  const handleClear = () => {
844
858
  setResults([]);
845
859
  };
846
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React8__default.default.createElement(
860
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React9__default.default.createElement(
847
861
  "textarea",
848
862
  {
849
863
  style: scriptTextareaStyle,
@@ -851,12 +865,12 @@ var ScriptExecutorPanel = ({ onClose }) => {
851
865
  onChange: (e) => setCode(e.target.value),
852
866
  spellCheck: "false"
853
867
  }
854
- ), /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React8__default.default.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React8__default.default.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React8__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React8__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React8__default.default.createElement(ResultMessage, { log }))))))));
868
+ ), /* @__PURE__ */ React9__default.default.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React9__default.default.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React9__default.default.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React9__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React9__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React9__default.default.createElement(ResultMessage, { log }))))))));
855
869
  };
856
870
  var script_executor_panel_default = ScriptExecutorPanel;
857
871
  var useStorage = (storageType) => {
858
- const [items, setItems] = React8.useState([]);
859
- const loadItems = React8.useCallback(() => {
872
+ const [items, setItems] = React9.useState([]);
873
+ const loadItems = React9.useCallback(() => {
860
874
  const newItems = [];
861
875
  if (storageType === "localStorage") {
862
876
  for (let i = 0; i < localStorage.length; i++) {
@@ -877,10 +891,10 @@ var useStorage = (storageType) => {
877
891
  }
878
892
  setItems(newItems);
879
893
  }, [storageType]);
880
- React8.useEffect(() => {
894
+ React9.useEffect(() => {
881
895
  loadItems();
882
896
  }, [loadItems]);
883
- const setItem = React8.useCallback(
897
+ const setItem = React9.useCallback(
884
898
  (key, value) => {
885
899
  if (storageType === "localStorage") {
886
900
  localStorage.setItem(key, value);
@@ -891,7 +905,7 @@ var useStorage = (storageType) => {
891
905
  },
892
906
  [storageType, loadItems]
893
907
  );
894
- const removeItem = React8.useCallback(
908
+ const removeItem = React9.useCallback(
895
909
  (key) => {
896
910
  if (storageType === "localStorage") {
897
911
  localStorage.removeItem(key);
@@ -910,15 +924,15 @@ var ValueDisplay = ({ value }) => {
910
924
  try {
911
925
  const parsed = JSON.parse(value);
912
926
  if (typeof parsed === "object" && parsed !== null) {
913
- return /* @__PURE__ */ React8__default.default.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
927
+ return /* @__PURE__ */ React9__default.default.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
914
928
  }
915
929
  } catch (e) {
916
930
  }
917
- return /* @__PURE__ */ React8__default.default.createElement("div", { style: logContentStyle }, value);
931
+ return /* @__PURE__ */ React9__default.default.createElement("div", { style: logContentStyle }, value);
918
932
  };
919
933
  var EditableRow = ({ item, onSave, onRemove }) => {
920
- const [isEditing, setIsEditing] = React8.useState(false);
921
- const [value, setValue] = React8.useState(item.value);
934
+ const [isEditing, setIsEditing] = React9.useState(false);
935
+ const [value, setValue] = React9.useState(item.value);
922
936
  const handleSave = () => {
923
937
  onSave(item.key, value);
924
938
  setIsEditing(false);
@@ -927,12 +941,12 @@ var EditableRow = ({ item, onSave, onRemove }) => {
927
941
  setValue(item.value);
928
942
  setIsEditing(true);
929
943
  };
930
- return /* @__PURE__ */ React8__default.default.createElement("details", null, /* @__PURE__ */ React8__default.default.createElement("summary", null, item.key), /* @__PURE__ */ React8__default.default.createElement("div", null, isEditing ? /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React8__default.default.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React8__default.default.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React8__default.default.createElement(ValueDisplay, { value: item.value })));
944
+ return /* @__PURE__ */ React9__default.default.createElement("details", null, /* @__PURE__ */ React9__default.default.createElement("summary", null, item.key), /* @__PURE__ */ React9__default.default.createElement("div", null, isEditing ? /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React9__default.default.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React9__default.default.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React9__default.default.createElement(ValueDisplay, { value: item.value })));
931
945
  };
932
946
  var StoragePanel = ({ onClose, storageType }) => {
933
947
  const { items, setItem, removeItem } = useStorage(storageType);
934
- const [filter, setFilter] = React8.useState("");
935
- const filteredItems = React8.useMemo(() => {
948
+ const [filter, setFilter] = React9.useState("");
949
+ const filteredItems = React9.useMemo(() => {
936
950
  if (!filter) {
937
951
  return items;
938
952
  }
@@ -940,7 +954,7 @@ var StoragePanel = ({ onClose, storageType }) => {
940
954
  (item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
941
955
  );
942
956
  }, [items, filter]);
943
- return /* @__PURE__ */ React8__default.default.createElement(React8__default.default.Fragment, null, /* @__PURE__ */ React8__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React8__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React8__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React8__default.default.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React8__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React8__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React8__default.default.createElement(
957
+ return /* @__PURE__ */ React9__default.default.createElement(React9__default.default.Fragment, null, /* @__PURE__ */ React9__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React9__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React9__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React9__default.default.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React9__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React9__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React9__default.default.createElement(
944
958
  "input",
945
959
  {
946
960
  type: "text",
@@ -949,7 +963,7 @@ var StoragePanel = ({ onClose, storageType }) => {
949
963
  onChange: (e) => setFilter(e.target.value),
950
964
  style: storageSearchInputStyle
951
965
  }
952
- )), /* @__PURE__ */ React8__default.default.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React8__default.default.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
966
+ )), /* @__PURE__ */ React9__default.default.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React9__default.default.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
953
967
  };
954
968
  var storage_panel_default = StoragePanel;
955
969
 
@@ -989,13 +1003,13 @@ var menuItems = [
989
1003
  id: "local-storage",
990
1004
  label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
991
1005
  // StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
992
- component: (props) => /* @__PURE__ */ React8__default.default.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
1006
+ component: (props) => /* @__PURE__ */ React9__default.default.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
993
1007
  display: true
994
1008
  },
995
1009
  {
996
1010
  id: "cookie-management",
997
1011
  label: "\uCFE0\uD0A4 \uAD00\uB9AC",
998
- component: (props) => /* @__PURE__ */ React8__default.default.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
1012
+ component: (props) => /* @__PURE__ */ React9__default.default.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
999
1013
  display: true
1000
1014
  },
1001
1015
  {
@@ -1019,10 +1033,10 @@ var menuItems = [
1019
1033
  }
1020
1034
  ];
1021
1035
  var useEnvironment = () => {
1022
- const [envInfo, setEnvInfo] = React8.useState({
1036
+ const [envInfo, setEnvInfo] = React9.useState({
1023
1037
  env: "prd"
1024
1038
  });
1025
- React8.useEffect(() => {
1039
+ React9.useEffect(() => {
1026
1040
  const { hostname } = window.location;
1027
1041
  setEnvInfo({ env: salesFrontendUtils.getEnvironmentFromHostname(hostname) });
1028
1042
  }, []);
@@ -1036,7 +1050,7 @@ var DebugTool = ({
1036
1050
  menuItemsOverride,
1037
1051
  serviceCode = "etc"
1038
1052
  }) => {
1039
- React8.useEffect(() => {
1053
+ React9.useEffect(() => {
1040
1054
  initializeConsoleLogOverride();
1041
1055
  return () => {
1042
1056
  restoreConsoleLog();
@@ -1045,8 +1059,8 @@ var DebugTool = ({
1045
1059
  const environment = useEnvironment();
1046
1060
  const env = envOverride || environment.env;
1047
1061
  const menuItems2 = menuItemsOverride || menuItems;
1048
- const [isMenuOpen, setMenuOpen] = React8.useState(false);
1049
- const [activeFeature, setActiveFeature] = React8.useState(null);
1062
+ const [isMenuOpen, setMenuOpen] = React9.useState(false);
1063
+ const [activeFeature, setActiveFeature] = React9.useState(null);
1050
1064
  const isVisible = ["local", "dev", "stg"].includes(env);
1051
1065
  const handleMenuClick = (itemComponent) => {
1052
1066
  setActiveFeature(() => itemComponent);
@@ -1071,9 +1085,9 @@ var DebugTool = ({
1071
1085
  );
1072
1086
  if (activeFeature) {
1073
1087
  const FeatureComponent = activeFeature;
1074
- return /* @__PURE__ */ React8__default.default.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
1088
+ return /* @__PURE__ */ React9__default.default.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
1075
1089
  }
1076
- return /* @__PURE__ */ React8__default.default.createElement(
1090
+ return /* @__PURE__ */ React9__default.default.createElement(
1077
1091
  "div",
1078
1092
  {
1079
1093
  style: {
@@ -1083,8 +1097,8 @@ var DebugTool = ({
1083
1097
  zIndex: 9999
1084
1098
  }
1085
1099
  },
1086
- /* @__PURE__ */ React8__default.default.createElement(floating_button_default, { onClick: toggleMenu }),
1087
- isMenuOpen && /* @__PURE__ */ React8__default.default.createElement(
1100
+ /* @__PURE__ */ React9__default.default.createElement(floating_button_default, { onClick: toggleMenu }),
1101
+ isMenuOpen && /* @__PURE__ */ React9__default.default.createElement(
1088
1102
  menu_panel_default,
1089
1103
  {
1090
1104
  menuItems: availableMenuItems,
@@ -1185,12 +1199,17 @@ function getDebugFileConvertType() {
1185
1199
  const fileConvertType = cookie.getCookie(fileConvertTypeCookieKey);
1186
1200
  return fileConvertType;
1187
1201
  }
1202
+ function isDebugByFilterName(name) {
1203
+ const filterNames = cookie.getCookie(filterNameCookieKey)?.split(",");
1204
+ return filterNames?.includes(name) || false;
1205
+ }
1188
1206
 
1189
1207
  exports.DebugTool = DebugTool;
1190
1208
  exports.addErrorLog = addErrorLog;
1191
1209
  exports.addRequestLog = addRequestLog;
1192
1210
  exports.addResponseLog = addResponseLog;
1193
1211
  exports.getDebugFileConvertType = getDebugFileConvertType;
1212
+ exports.isDebugByFilterName = isDebugByFilterName;
1194
1213
  exports.isDebugMode = isDebugMode;
1195
1214
  exports.isDebugStepValidationOff = isDebugStepValidationOff;
1196
1215
  //# sourceMappingURL=index.cjs.map