sales-frontend-debug 0.0.45 → 0.0.46
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 +127 -128
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +79 -80
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var React7 = require('react');
|
|
4
4
|
var salesFrontendUtils = require('sales-frontend-utils');
|
|
5
5
|
var salesFrontendStores = require('sales-frontend-stores');
|
|
6
6
|
|
|
7
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var React7__default = /*#__PURE__*/_interopDefault(React7);
|
|
10
10
|
|
|
11
11
|
// src/debug-tool.tsx
|
|
12
12
|
|
|
@@ -230,18 +230,18 @@ var textareaStyle = {
|
|
|
230
230
|
|
|
231
231
|
// src/components/floating-button.tsx
|
|
232
232
|
var FloatingButton = ({ onClick }) => {
|
|
233
|
-
const [position, setPosition] =
|
|
234
|
-
const [isDragging, setIsDragging] =
|
|
235
|
-
const [isVisible, setIsVisible] =
|
|
236
|
-
const gestureStep =
|
|
237
|
-
const gestureTimeout =
|
|
238
|
-
const globalDragStart =
|
|
239
|
-
const dragHappened =
|
|
240
|
-
const dragStartPos =
|
|
241
|
-
const elementStartPos =
|
|
242
|
-
const clickCount =
|
|
243
|
-
const clickTimeout =
|
|
244
|
-
|
|
233
|
+
const [position, setPosition] = React7.useState({ x: 0, y: 0 });
|
|
234
|
+
const [isDragging, setIsDragging] = React7.useState(false);
|
|
235
|
+
const [isVisible, setIsVisible] = React7.useState(false);
|
|
236
|
+
const gestureStep = React7.useRef(0);
|
|
237
|
+
const gestureTimeout = React7.useRef(null);
|
|
238
|
+
const globalDragStart = React7.useRef(null);
|
|
239
|
+
const dragHappened = React7.useRef(false);
|
|
240
|
+
const dragStartPos = React7.useRef({ x: 0, y: 0 });
|
|
241
|
+
const elementStartPos = React7.useRef({ x: 0, y: 0 });
|
|
242
|
+
const clickCount = React7.useRef(0);
|
|
243
|
+
const clickTimeout = React7.useRef(null);
|
|
244
|
+
React7.useEffect(() => {
|
|
245
245
|
const handleGlobalMouseDown = (e) => {
|
|
246
246
|
globalDragStart.current = { x: e.clientX, y: e.clientY };
|
|
247
247
|
};
|
|
@@ -287,7 +287,7 @@ var FloatingButton = ({ onClick }) => {
|
|
|
287
287
|
}
|
|
288
288
|
};
|
|
289
289
|
}, []);
|
|
290
|
-
|
|
290
|
+
React7.useEffect(() => {
|
|
291
291
|
const handleGlobalClick = () => {
|
|
292
292
|
clickCount.current += 1;
|
|
293
293
|
if (clickCount.current === 1) {
|
|
@@ -353,7 +353,7 @@ var FloatingButton = ({ onClick }) => {
|
|
|
353
353
|
display: isVisible ? "flex" : "none"
|
|
354
354
|
// Hide until activated
|
|
355
355
|
};
|
|
356
|
-
return /* @__PURE__ */
|
|
356
|
+
return /* @__PURE__ */ React7__default.default.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
|
|
357
357
|
};
|
|
358
358
|
var floating_button_default = FloatingButton;
|
|
359
359
|
var cookieClient = {
|
|
@@ -393,8 +393,8 @@ var cookieClient = {
|
|
|
393
393
|
}
|
|
394
394
|
};
|
|
395
395
|
var useStorage = (storageType) => {
|
|
396
|
-
const [items, setItems] =
|
|
397
|
-
const loadItems =
|
|
396
|
+
const [items, setItems] = React7.useState([]);
|
|
397
|
+
const loadItems = React7.useCallback(() => {
|
|
398
398
|
const newItems = [];
|
|
399
399
|
if (storageType === "localStorage") {
|
|
400
400
|
for (let i = 0; i < localStorage.length; i++) {
|
|
@@ -415,10 +415,10 @@ var useStorage = (storageType) => {
|
|
|
415
415
|
}
|
|
416
416
|
setItems(newItems);
|
|
417
417
|
}, [storageType]);
|
|
418
|
-
|
|
418
|
+
React7.useEffect(() => {
|
|
419
419
|
loadItems();
|
|
420
420
|
}, [loadItems]);
|
|
421
|
-
const setItem =
|
|
421
|
+
const setItem = React7.useCallback(
|
|
422
422
|
(key, value) => {
|
|
423
423
|
if (storageType === "localStorage") {
|
|
424
424
|
localStorage.setItem(key, value);
|
|
@@ -429,7 +429,7 @@ var useStorage = (storageType) => {
|
|
|
429
429
|
},
|
|
430
430
|
[storageType, loadItems]
|
|
431
431
|
);
|
|
432
|
-
const removeItem =
|
|
432
|
+
const removeItem = React7.useCallback(
|
|
433
433
|
(key) => {
|
|
434
434
|
if (storageType === "localStorage") {
|
|
435
435
|
localStorage.removeItem(key);
|
|
@@ -443,8 +443,42 @@ var useStorage = (storageType) => {
|
|
|
443
443
|
return { items, setItem, removeItem, loadItems };
|
|
444
444
|
};
|
|
445
445
|
|
|
446
|
-
// src/
|
|
447
|
-
|
|
446
|
+
// src/features/change-host/index.tsx
|
|
447
|
+
function ChangeHost() {
|
|
448
|
+
const handleHost = (host) => {
|
|
449
|
+
cookieClient.setCookie("dsp-debug-mode-env", host);
|
|
450
|
+
alert(`\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
|
|
451
|
+
console.log("\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
452
|
+
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
453
|
+
});
|
|
454
|
+
};
|
|
455
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React7__default.default.createElement("ul", null, /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")));
|
|
456
|
+
}
|
|
457
|
+
function FormFactor() {
|
|
458
|
+
const handleFormFactor = (formFactor) => {
|
|
459
|
+
cookieClient.setCookie("x-channel-formfactor", formFactor);
|
|
460
|
+
alert(`\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${formFactor}`);
|
|
461
|
+
console.log("\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
462
|
+
"x-channel-formfactor": cookieClient.getCookie("x-channel-formfactor")
|
|
463
|
+
});
|
|
464
|
+
};
|
|
465
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React7__default.default.createElement("ul", null, /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")));
|
|
466
|
+
}
|
|
467
|
+
function InitRefresh() {
|
|
468
|
+
const handleDeleteHostCookie = () => {
|
|
469
|
+
cookieClient.deleteCookie("dsp-debug-mode-env");
|
|
470
|
+
alert("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
471
|
+
console.log("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
472
|
+
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
473
|
+
});
|
|
474
|
+
};
|
|
475
|
+
const handleDeleteTokenCookie = () => {
|
|
476
|
+
cookieClient.deleteCookie("accessToken");
|
|
477
|
+
alert("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
478
|
+
console.log("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
479
|
+
accessToken: cookieClient.getCookie("accessToken")
|
|
480
|
+
});
|
|
481
|
+
};
|
|
448
482
|
const handleDeleteCustomCookie = () => {
|
|
449
483
|
cookieClient.deleteCookie("x-channel-appversion");
|
|
450
484
|
cookieClient.deleteCookie("x-channel-deviceid");
|
|
@@ -470,37 +504,14 @@ var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode
|
|
|
470
504
|
"x-channel-business-work-division-code": cookieClient.getCookie("x-channel-business-work-division-code")
|
|
471
505
|
});
|
|
472
506
|
};
|
|
473
|
-
|
|
474
|
-
cookieClient.deleteCookie("dsp-debug-mode-env");
|
|
475
|
-
alert("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
476
|
-
console.log("\uD638\uC2A4\uD2B8\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
477
|
-
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
478
|
-
});
|
|
479
|
-
};
|
|
480
|
-
const handleDeleteTokenCookie = () => {
|
|
481
|
-
cookieClient.deleteCookie("accessToken");
|
|
482
|
-
alert("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
|
|
483
|
-
console.log("\uD1A0\uD070\uCFE0\uD0A4\uAC00 \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
484
|
-
accessToken: cookieClient.getCookie("accessToken")
|
|
485
|
-
});
|
|
486
|
-
};
|
|
487
|
-
const handleFormFactor = (formFactor) => {
|
|
488
|
-
cookieClient.setCookie("x-channel-formfactor", formFactor);
|
|
489
|
-
alert(`\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${formFactor}`);
|
|
490
|
-
console.log("\uD3FC\uD329\uD130\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
491
|
-
"x-channel-formfactor": cookieClient.getCookie("x-channel-formfactor")
|
|
492
|
-
});
|
|
493
|
-
};
|
|
494
|
-
const handleHost = (host) => {
|
|
495
|
-
cookieClient.setCookie("dsp-debug-mode-env", host);
|
|
496
|
-
alert(`\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.:${host}`);
|
|
497
|
-
console.log("\uD638\uC2A4\uD2B8\uAC00 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
|
|
498
|
-
"dsp-debug-mode-env": cookieClient.getCookie("dsp-debug-mode-env")
|
|
499
|
-
});
|
|
500
|
-
};
|
|
501
|
-
return /* @__PURE__ */ React4__default.default.createElement(React4__default.default.Fragment, null, /* @__PURE__ */ React4__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4__default.default.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React4__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4__default.default.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React4__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4__default.default.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React4__default.default.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React4__default.default.createElement(React4__default.default.Fragment, null, /* @__PURE__ */ React4__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4__default.default.createElement("h2", { style: h2Style }, "\uD3FC\uD329\uD130")), /* @__PURE__ */ React4__default.default.createElement("ul", null, /* @__PURE__ */ React4__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("tablet") }, "Tablet"), /* @__PURE__ */ React4__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("phone") }, "Phone"), /* @__PURE__ */ React4__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleFormFactor("pc") }, "PC")), /* @__PURE__ */ React4__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4__default.default.createElement("h2", { style: h2Style }, "API\uD638\uC2A4\uD2B8")), /* @__PURE__ */ React4__default.default.createElement("ul", null, /* @__PURE__ */ React4__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("local") }, "local"), /* @__PURE__ */ React4__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("dev") }, "dev"), /* @__PURE__ */ React4__default.default.createElement("li", { style: menuItemStyle, onClick: () => handleHost("stg") }, "stg")), /* @__PURE__ */ React4__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4__default.default.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React4__default.default.createElement("ul", null, /* @__PURE__ */ React4__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React4__default.default.createElement("button", { onClick: () => {
|
|
507
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "\uCD08\uAE30\uD654")), /* @__PURE__ */ React7__default.default.createElement("ul", null, /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7__default.default.createElement("button", { onClick: () => {
|
|
502
508
|
window.location.reload();
|
|
503
|
-
} }, "\uC0C8\uB85C\uACE0\uCE68")), /* @__PURE__ */
|
|
509
|
+
} }, "\uC0C8\uB85C\uACE0\uCE68")), /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleDeleteHostCookie }, "Host \uC0AD\uC81C")), /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleDeleteCustomCookie }, "\uCEE4\uC2A4\uD140(x-channel-) \uC0AD\uC81C")), /* @__PURE__ */ React7__default.default.createElement("li", { style: menuItemStyle }, /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleDeleteTokenCookie }, "\uD1A0\uD070 \uC0AD\uC81C"))));
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
// src/components/menu-panel.tsx
|
|
513
|
+
var MenuPanel = ({ menuItems: menuItems2, onMenuItemClick, onClose, serviceCode }) => {
|
|
514
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7__default.default.createElement("div", { style: debugMenuPanelStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "Debug Menu"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7__default.default.createElement("ul", null, menuItems2.map((item) => /* @__PURE__ */ React7__default.default.createElement("li", { key: item.id, onClick: () => onMenuItemClick(item.component), style: menuItemStyle }, item.label))), serviceCode === "dsp" && /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement(FormFactor, null), /* @__PURE__ */ React7__default.default.createElement(ChangeHost, null), /* @__PURE__ */ React7__default.default.createElement(InitRefresh, null))));
|
|
504
515
|
};
|
|
505
516
|
var menu_panel_default = MenuPanel;
|
|
506
517
|
var globalLogs = [];
|
|
@@ -546,14 +557,14 @@ var restoreConsoleLog = () => {
|
|
|
546
557
|
isConsoleOverridden = false;
|
|
547
558
|
};
|
|
548
559
|
var useConsoleLog = () => {
|
|
549
|
-
const [logs, setLogs] =
|
|
550
|
-
|
|
560
|
+
const [logs, setLogs] = React7.useState(globalLogs);
|
|
561
|
+
React7.useEffect(() => {
|
|
551
562
|
listeners.push(setLogs);
|
|
552
563
|
return () => {
|
|
553
564
|
listeners = listeners.filter((l) => l !== setLogs);
|
|
554
565
|
};
|
|
555
566
|
}, []);
|
|
556
|
-
const clearLogs =
|
|
567
|
+
const clearLogs = React7.useCallback(() => {
|
|
557
568
|
globalLogs = [];
|
|
558
569
|
listeners.forEach((listener) => listener([]));
|
|
559
570
|
}, []);
|
|
@@ -576,35 +587,35 @@ var LogMessage = ({ entry }) => {
|
|
|
576
587
|
return String(part);
|
|
577
588
|
});
|
|
578
589
|
const style = { ...logMessageStyle, ...logTypeStyles[entry.type] };
|
|
579
|
-
return /* @__PURE__ */
|
|
590
|
+
return /* @__PURE__ */ React7__default.default.createElement("pre", { style }, messageParts.join(" "));
|
|
580
591
|
};
|
|
581
592
|
var ConsoleLogPanel = ({ onClose }) => {
|
|
582
593
|
const { logs, clearLogs } = useConsoleLog();
|
|
583
|
-
const [filter, setFilter] =
|
|
584
|
-
const logContainerRef =
|
|
585
|
-
const filteredLogs =
|
|
594
|
+
const [filter, setFilter] = React7.useState("all");
|
|
595
|
+
const logContainerRef = React7.useRef(null);
|
|
596
|
+
const filteredLogs = React7.useMemo(() => {
|
|
586
597
|
if (filter === "all") {
|
|
587
598
|
return logs;
|
|
588
599
|
}
|
|
589
600
|
return logs.filter((log) => log.type === filter);
|
|
590
601
|
}, [logs, filter]);
|
|
591
|
-
|
|
602
|
+
React7.useEffect(() => {
|
|
592
603
|
if (logContainerRef.current) {
|
|
593
604
|
logContainerRef.current.scrollTop = logContainerRef.current.scrollHeight;
|
|
594
605
|
}
|
|
595
606
|
}, [filteredLogs]);
|
|
596
607
|
const segmentOptions = ["all", "log", "warn", "error"];
|
|
597
|
-
return /* @__PURE__ */
|
|
608
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "Console Logs"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React7__default.default.createElement("div", null, segmentOptions.map((option) => /* @__PURE__ */ React7__default.default.createElement("button", { key: option, onClick: () => setFilter(option), disabled: filter === option }, option.charAt(0).toUpperCase() + option.slice(1)))), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: clearLogs, style: clearButtonStyle }, "Clear")), /* @__PURE__ */ React7__default.default.createElement("div", { style: logListContainerStyle, ref: logContainerRef }, filteredLogs.map((log) => /* @__PURE__ */ React7__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React7__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React7__default.default.createElement(LogMessage, { entry: log }))))));
|
|
598
609
|
};
|
|
599
610
|
var console_log_panel_default = ConsoleLogPanel;
|
|
600
611
|
var LoginPanel = ({ onClose, onLogin }) => {
|
|
601
|
-
const [selectedTypeId, setSelectedTypeId] =
|
|
602
|
-
const [formData, setFormData] =
|
|
603
|
-
const [mode, setMode] =
|
|
604
|
-
const [stepValidationOff, SetStepValidationOff] =
|
|
612
|
+
const [selectedTypeId, setSelectedTypeId] = React7.useState(loginTypes[0]?.id || "");
|
|
613
|
+
const [formData, setFormData] = React7.useState({});
|
|
614
|
+
const [mode, setMode] = React7.useState(cookieClient.getCookie("dsp-debug-mode") === "on");
|
|
615
|
+
const [stepValidationOff, SetStepValidationOff] = React7.useState(
|
|
605
616
|
cookieClient.getCookie("Debug-Step-Validation-Off") === "true"
|
|
606
617
|
);
|
|
607
|
-
const selectedType =
|
|
618
|
+
const selectedType = React7.useMemo(() => loginTypes.find((t) => t.id === selectedTypeId), [selectedTypeId]);
|
|
608
619
|
const handleInputChange = (e) => {
|
|
609
620
|
const { name, value } = e.target;
|
|
610
621
|
setFormData((prev) => ({ ...prev, [name]: value }));
|
|
@@ -652,10 +663,10 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
652
663
|
cookieClient.setCookie("Debug-Terms-SaleDate", val, { path: "/" });
|
|
653
664
|
}
|
|
654
665
|
};
|
|
655
|
-
|
|
666
|
+
React7.useEffect(() => {
|
|
656
667
|
setFormData({});
|
|
657
668
|
}, [selectedType]);
|
|
658
|
-
return /* @__PURE__ */
|
|
669
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "\uAC04\uD3B8 \uB85C\uADF8\uC778"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7__default.default.createElement("form", { style: loginFormContainerStyle, onSubmit: handleSubmit }, /* @__PURE__ */ React7__default.default.createElement("div", null, /* @__PURE__ */ React7__default.default.createElement("ul", { style: { listStyleType: "circle" } }, /* @__PURE__ */ React7__default.default.createElement("li", null, /* @__PURE__ */ React7__default.default.createElement("label", { htmlFor: "debug-on" }, "Debug On"), /* @__PURE__ */ React7__default.default.createElement("input", { type: "checkbox", id: "debug-on", onChange: handleDebugOn, checked: mode }), /* @__PURE__ */ React7__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React7__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__ */ React7__default.default.createElement("li", null, /* @__PURE__ */ React7__default.default.createElement("label", { htmlFor: "step-validation-off" }, "\uC11C\uC2DD Validation Off"), /* @__PURE__ */ React7__default.default.createElement(
|
|
659
670
|
"input",
|
|
660
671
|
{
|
|
661
672
|
type: "checkbox",
|
|
@@ -663,7 +674,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
663
674
|
onChange: handleStepValidationOff,
|
|
664
675
|
checked: stepValidationOff
|
|
665
676
|
}
|
|
666
|
-
), /* @__PURE__ */
|
|
677
|
+
), /* @__PURE__ */ React7__default.default.createElement("ul", { style: { listStyleType: "square", paddingLeft: "20px" } }, /* @__PURE__ */ React7__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__ */ React7__default.default.createElement("li", null, /* @__PURE__ */ React7__default.default.createElement("label", { htmlFor: "terms-path-poly-no" }, "\uC57D\uAD00 polyNo"), /* @__PURE__ */ React7__default.default.createElement(
|
|
667
678
|
"input",
|
|
668
679
|
{
|
|
669
680
|
type: "text",
|
|
@@ -671,7 +682,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
671
682
|
onChange: handleTermsPathPolyNo,
|
|
672
683
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
673
684
|
}
|
|
674
|
-
)), /* @__PURE__ */
|
|
685
|
+
)), /* @__PURE__ */ React7__default.default.createElement("li", null, /* @__PURE__ */ React7__default.default.createElement("label", { htmlFor: "terms-path-sale-date" }, "\uC57D\uAD00 saleDate"), /* @__PURE__ */ React7__default.default.createElement(
|
|
675
686
|
"input",
|
|
676
687
|
{
|
|
677
688
|
type: "text",
|
|
@@ -679,7 +690,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
679
690
|
onChange: handleTermsPathSaleDate,
|
|
680
691
|
placeholder: "polyNo,saleDate\uB458\uB2E4\uC785\uB825"
|
|
681
692
|
}
|
|
682
|
-
), /* @__PURE__ */
|
|
693
|
+
), /* @__PURE__ */ React7__default.default.createElement("br", null), /* @__PURE__ */ React7__default.default.createElement("strong", null, "\uC57D\uAD00\uD655\uC778\uD6C4 \uD574\uB2F9\uCFE0\uD0A4 \uBC18\uB4DC\uC2DC \uC0AD\uC81C"))), /* @__PURE__ */ React7__default.default.createElement("br", null), " ", /* @__PURE__ */ React7__default.default.createElement("br", null), /* @__PURE__ */ React7__default.default.createElement("label", { htmlFor: "login-type-select" }, "\uB85C\uADF8\uC778 \uC720\uD615"), /* @__PURE__ */ React7__default.default.createElement("select", { id: "login-type-select", value: selectedTypeId, onChange: (e) => setSelectedTypeId(e.target.value) }, loginTypes.map((type) => /* @__PURE__ */ React7__default.default.createElement("option", { key: type.id, value: type.id }, type.label)))), selectedType?.fields.map((field) => /* @__PURE__ */ React7__default.default.createElement("div", { key: field.name }, /* @__PURE__ */ React7__default.default.createElement("label", { htmlFor: field.name }, field.label), /* @__PURE__ */ React7__default.default.createElement(
|
|
683
694
|
"input",
|
|
684
695
|
{
|
|
685
696
|
type: field.type,
|
|
@@ -690,7 +701,7 @@ var LoginPanel = ({ onClose, onLogin }) => {
|
|
|
690
701
|
onChange: handleInputChange,
|
|
691
702
|
required: true
|
|
692
703
|
}
|
|
693
|
-
))), /* @__PURE__ */
|
|
704
|
+
))), /* @__PURE__ */ React7__default.default.createElement("div", { style: formActionsStyle }, /* @__PURE__ */ React7__default.default.createElement("button", { type: "submit" }, "\uB85C\uADF8\uC778")))));
|
|
694
705
|
};
|
|
695
706
|
var login_panel_default = LoginPanel;
|
|
696
707
|
var SEARCH_SECTIONS = [
|
|
@@ -730,9 +741,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
730
741
|
playAllRequests,
|
|
731
742
|
playAllResponses
|
|
732
743
|
} = salesFrontendStores.useDebugStore();
|
|
733
|
-
const [searchTerm, setSearchTerm] =
|
|
734
|
-
const [searchSection, setSearchSection] =
|
|
735
|
-
const allLogs =
|
|
744
|
+
const [searchTerm, setSearchTerm] = React7.useState("");
|
|
745
|
+
const [searchSection, setSearchSection] = React7.useState(SEARCH_SECTIONS[0]?.value);
|
|
746
|
+
const allLogs = React7.useMemo(() => {
|
|
736
747
|
const logs = [];
|
|
737
748
|
requests.forEach((req) => logs.push({ ...req, type: "request" }));
|
|
738
749
|
responses.forEach((res) => logs.push({ ...res, type: "response" }));
|
|
@@ -749,7 +760,7 @@ var NetworkLog = ({ onClose }) => {
|
|
|
749
760
|
});
|
|
750
761
|
return logs;
|
|
751
762
|
}, [requests, responses, errors, heldRequests, heldResponses, heldErrors]);
|
|
752
|
-
const filteredLogs =
|
|
763
|
+
const filteredLogs = React7.useMemo(() => {
|
|
753
764
|
if (!searchTerm) {
|
|
754
765
|
return allLogs;
|
|
755
766
|
}
|
|
@@ -791,9 +802,9 @@ var NetworkLog = ({ onClose }) => {
|
|
|
791
802
|
};
|
|
792
803
|
const renderLogContent = (log) => {
|
|
793
804
|
const logInfo = getLogInfo(log);
|
|
794
|
-
return /* @__PURE__ */
|
|
805
|
+
return /* @__PURE__ */ React7__default.default.createElement("pre", null, JSON.stringify(logInfo, null, 2));
|
|
795
806
|
};
|
|
796
|
-
return /* @__PURE__ */
|
|
807
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "\uB124\uD2B8\uC6CC\uD06C \uB85C\uADF8"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7__default.default.createElement("div", { style: networkLogContainerStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: searchContainerStyle }, /* @__PURE__ */ React7__default.default.createElement("select", { value: searchSection, onChange: (e) => setSearchSection(e.target.value) }, SEARCH_SECTIONS.map((option) => /* @__PURE__ */ React7__default.default.createElement("option", { key: option.value, value: option.value }, option.label))), /* @__PURE__ */ React7__default.default.createElement(
|
|
797
808
|
"input",
|
|
798
809
|
{
|
|
799
810
|
type: "text",
|
|
@@ -802,37 +813,25 @@ var NetworkLog = ({ onClose }) => {
|
|
|
802
813
|
onChange: (e) => setSearchTerm(e.target.value),
|
|
803
814
|
style: flex1Style
|
|
804
815
|
}
|
|
805
|
-
), /* @__PURE__ */
|
|
816
|
+
), /* @__PURE__ */ React7__default.default.createElement("label", null, /* @__PURE__ */ React7__default.default.createElement("input", { type: "checkbox", id: "hold-checkbox", checked: isHold, onChange: toggleHold }), "Hold"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: clear }, "clear")), isHold && /* @__PURE__ */ React7__default.default.createElement("div", { style: holdButtonsContainerStyle }, /* @__PURE__ */ React7__default.default.createElement("button", { onClick: () => playAllRequests() }, "REQ Resolve"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: () => playAllResponses() }, "RES Resolve")), /* @__PURE__ */ React7__default.default.createElement("div", { style: logListStyle }, filteredLogs.length === 0 ? /* @__PURE__ */ React7__default.default.createElement("p", null, "\uD45C\uC2DC\uD560 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.") : /* @__PURE__ */ React7__default.default.createElement("div", null, filteredLogs.map((log, index) => /* @__PURE__ */ React7__default.default.createElement("details", { key: index }, /* @__PURE__ */ React7__default.default.createElement("summary", { style: logSummaryStyle }, renderLogSummary(log)), /* @__PURE__ */ React7__default.default.createElement("div", { style: logContentStyle }, renderLogContent(log)))))))));
|
|
806
817
|
};
|
|
807
818
|
var network_log_default = NetworkLog;
|
|
808
|
-
var
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
CUST_3: "",
|
|
816
|
-
CUST_4: "",
|
|
817
|
-
CUST_5: "",
|
|
818
|
-
none: ""
|
|
819
|
+
var LocationInfo = () => {
|
|
820
|
+
return Object.keys(location).map((key) => {
|
|
821
|
+
const val = location[key];
|
|
822
|
+
if (typeof val === "string") {
|
|
823
|
+
return /* @__PURE__ */ React7__default.default.createElement("div", { key }, key, ": ", val, " ", val && /* @__PURE__ */ React7__default.default.createElement("button", { onClick: () => navigator.clipboard.writeText(val) }, "\uBCF5\uC0AC"));
|
|
824
|
+
}
|
|
825
|
+
});
|
|
819
826
|
};
|
|
820
827
|
var PageNavigationPanel = ({ onClose }) => {
|
|
821
|
-
const [url, setUrl] =
|
|
828
|
+
const [url, setUrl] = React7.useState("");
|
|
822
829
|
const handleNavigate = () => {
|
|
823
830
|
if (url) {
|
|
824
831
|
self.location.href = url;
|
|
825
832
|
}
|
|
826
833
|
};
|
|
827
|
-
|
|
828
|
-
const urlType = e.target.value;
|
|
829
|
-
if (urlType !== "none") {
|
|
830
|
-
setUrl(URL_MAP[urlType]);
|
|
831
|
-
} else {
|
|
832
|
-
setUrl("");
|
|
833
|
-
}
|
|
834
|
-
};
|
|
835
|
-
return /* @__PURE__ */ React4__default.default.createElement(React4__default.default.Fragment, null, /* @__PURE__ */ React4__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React4__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React4__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React4__default.default.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC774\uB3D9"), /* @__PURE__ */ React4__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React4__default.default.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React4__default.default.createElement("select", { onChange: handleUrlTypeChange }, /* @__PURE__ */ React4__default.default.createElement("option", null, "\uC120\uD0DD"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "FP_1" }, "FP-\uC785\uB825\uB2E8\uACC4_\uC2DC\uC791\uD558\uAE30"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "FP_2" }, "FP-\uC785\uB825\uB2E8\uACC4_2"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "FP_3" }, "FP-\uC785\uB825\uB2E8\uACC4_3"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "FP_4" }, "FP-\uC785\uB825\uB2E8\uACC4_4"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "FP_5" }, "FP-\uC785\uB825\uB2E8\uACC4_5"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "CUST_1" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_1"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "CUST_2" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_2"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "CUST_3" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_3"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "CUST_4" }, "\uACE0\uAC1D-\uC785\uB825\uB2E8\uACC4_4"), /* @__PURE__ */ React4__default.default.createElement("option", { value: "none" }, "\uC9C1\uC811\uC785\uB825")), /* @__PURE__ */ React4__default.default.createElement(
|
|
834
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "\uD398\uC774\uC9C0 \uC815\uBCF4"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7__default.default.createElement("div", { style: pageNavigationContentStyle }, /* @__PURE__ */ React7__default.default.createElement("br", null), /* @__PURE__ */ React7__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC815\uBCF4 :", /* @__PURE__ */ React7__default.default.createElement("span", { style: { whiteSpace: "normal", wordBreak: "break-all" } }, LocationInfo()), /* @__PURE__ */ React7__default.default.createElement("br", null), /* @__PURE__ */ React7__default.default.createElement("br", null), "\uD398\uC774\uC9C0\uC774\uB3D9 :", /* @__PURE__ */ React7__default.default.createElement(
|
|
836
835
|
"input",
|
|
837
836
|
{
|
|
838
837
|
type: "text",
|
|
@@ -841,7 +840,7 @@ var PageNavigationPanel = ({ onClose }) => {
|
|
|
841
840
|
placeholder: "\uC774\uB3D9\uD560 URL\uC744 \uC785\uB825\uD558\uC138\uC694 (\uC608: /main)",
|
|
842
841
|
style: flex1Style
|
|
843
842
|
}
|
|
844
|
-
), /* @__PURE__ */
|
|
843
|
+
), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleNavigate }, "\uC774\uB3D9"))));
|
|
845
844
|
};
|
|
846
845
|
var page_navigation_panel_default = PageNavigationPanel;
|
|
847
846
|
var logTypeStyles2 = {
|
|
@@ -867,11 +866,11 @@ var ResultMessage = ({ log }) => {
|
|
|
867
866
|
});
|
|
868
867
|
const prefix = log.type === "return" ? "\u21A9 " : "";
|
|
869
868
|
const style = { ...logMessageStyle, ...logTypeStyles2[log.type] };
|
|
870
|
-
return /* @__PURE__ */
|
|
869
|
+
return /* @__PURE__ */ React7__default.default.createElement("pre", { style }, prefix, messageParts.join(" "));
|
|
871
870
|
};
|
|
872
871
|
var ScriptExecutorPanel = ({ onClose }) => {
|
|
873
|
-
const [code, setCode] =
|
|
874
|
-
const [results, setResults] =
|
|
872
|
+
const [code, setCode] = React7.useState('// \uC5EC\uAE30\uC5D0 \uC2E4\uD589\uD560 \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694\nconsole.log("Hello, World!");');
|
|
873
|
+
const [results, setResults] = React7.useState([]);
|
|
875
874
|
const addResult = (type, ...args) => {
|
|
876
875
|
setResults((prevResults) => [
|
|
877
876
|
...prevResults,
|
|
@@ -914,7 +913,7 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
914
913
|
const handleClear = () => {
|
|
915
914
|
setResults([]);
|
|
916
915
|
};
|
|
917
|
-
return /* @__PURE__ */
|
|
916
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7__default.default.createElement("div", { style: { ...debugFeaturePanelStyle, ...scriptExecutorContentStyle } }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, "\uC2A4\uD06C\uB9BD\uD2B8 \uC2E4\uD589"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7__default.default.createElement("div", { style: scriptExecutorContentStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: scriptInputSectionStyle }, /* @__PURE__ */ React7__default.default.createElement(
|
|
918
917
|
"textarea",
|
|
919
918
|
{
|
|
920
919
|
style: scriptTextareaStyle,
|
|
@@ -922,22 +921,22 @@ var ScriptExecutorPanel = ({ onClose }) => {
|
|
|
922
921
|
onChange: (e) => setCode(e.target.value),
|
|
923
922
|
spellCheck: "false"
|
|
924
923
|
}
|
|
925
|
-
), /* @__PURE__ */
|
|
924
|
+
), /* @__PURE__ */ React7__default.default.createElement("div", { style: scriptActionsStyle }, /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleExecute }, "\uC2E4\uD589 (\u25B6)"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleClear }, "\uACB0\uACFC \uC9C0\uC6B0\uAE30"))), /* @__PURE__ */ React7__default.default.createElement("div", { style: scriptOutputSectionStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h3", { style: h3Style }, "\uACB0\uACFC")), /* @__PURE__ */ React7__default.default.createElement("div", { style: logListContainerStyle }, results.map((log) => /* @__PURE__ */ React7__default.default.createElement("div", { key: log.id, style: logItemStyle }, /* @__PURE__ */ React7__default.default.createElement("span", { style: logTimestampStyle }, log.timestamp), /* @__PURE__ */ React7__default.default.createElement(ResultMessage, { log }))))))));
|
|
926
925
|
};
|
|
927
926
|
var script_executor_panel_default = ScriptExecutorPanel;
|
|
928
927
|
var ValueDisplay = ({ value }) => {
|
|
929
928
|
try {
|
|
930
929
|
const parsed = JSON.parse(value);
|
|
931
930
|
if (typeof parsed === "object" && parsed !== null) {
|
|
932
|
-
return /* @__PURE__ */
|
|
931
|
+
return /* @__PURE__ */ React7__default.default.createElement("pre", { style: logContentStyle }, JSON.stringify(parsed, null, 2));
|
|
933
932
|
}
|
|
934
933
|
} catch (e) {
|
|
935
934
|
}
|
|
936
|
-
return /* @__PURE__ */
|
|
935
|
+
return /* @__PURE__ */ React7__default.default.createElement("div", { style: logContentStyle }, value);
|
|
937
936
|
};
|
|
938
937
|
var EditableRow = ({ item, onSave, onRemove }) => {
|
|
939
|
-
const [isEditing, setIsEditing] =
|
|
940
|
-
const [value, setValue] =
|
|
938
|
+
const [isEditing, setIsEditing] = React7.useState(false);
|
|
939
|
+
const [value, setValue] = React7.useState(item.value);
|
|
941
940
|
const handleSave = () => {
|
|
942
941
|
onSave(item.key, value);
|
|
943
942
|
setIsEditing(false);
|
|
@@ -946,12 +945,12 @@ var EditableRow = ({ item, onSave, onRemove }) => {
|
|
|
946
945
|
setValue(item.value);
|
|
947
946
|
setIsEditing(true);
|
|
948
947
|
};
|
|
949
|
-
return /* @__PURE__ */
|
|
948
|
+
return /* @__PURE__ */ React7__default.default.createElement("details", null, /* @__PURE__ */ React7__default.default.createElement("summary", null, item.key), /* @__PURE__ */ React7__default.default.createElement("div", null, isEditing ? /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleSave }, "Save") : /* @__PURE__ */ React7__default.default.createElement("button", { onClick: handleEdit }, "Edit"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: () => onRemove(item.key) }, "Remove"), isEditing ? /* @__PURE__ */ React7__default.default.createElement("textarea", { value, onChange: (e) => setValue(e.target.value), style: textareaStyle }) : /* @__PURE__ */ React7__default.default.createElement(ValueDisplay, { value: item.value })));
|
|
950
949
|
};
|
|
951
950
|
var StoragePanel = ({ onClose, storageType }) => {
|
|
952
951
|
const { items, setItem, removeItem } = useStorage(storageType);
|
|
953
|
-
const [filter, setFilter] =
|
|
954
|
-
const filteredItems =
|
|
952
|
+
const [filter, setFilter] = React7.useState("");
|
|
953
|
+
const filteredItems = React7.useMemo(() => {
|
|
955
954
|
if (!filter) {
|
|
956
955
|
return items;
|
|
957
956
|
}
|
|
@@ -959,7 +958,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
959
958
|
(item) => item.key.toLowerCase().includes(filter.toLowerCase()) || item.value.toLowerCase().includes(filter.toLowerCase())
|
|
960
959
|
);
|
|
961
960
|
}, [items, filter]);
|
|
962
|
-
return /* @__PURE__ */
|
|
961
|
+
return /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement("div", { style: modalOverlayStyle, onClick: onClose }), /* @__PURE__ */ React7__default.default.createElement("div", { style: debugFeaturePanelStyle }, /* @__PURE__ */ React7__default.default.createElement("div", { style: panelHeaderStyle }, /* @__PURE__ */ React7__default.default.createElement("h2", { style: h2Style }, storageType === "localStorage" ? "Local Storage" : "Cookies"), /* @__PURE__ */ React7__default.default.createElement("button", { onClick: onClose }, "X")), /* @__PURE__ */ React7__default.default.createElement("div", { style: panelToolbarStyle }, /* @__PURE__ */ React7__default.default.createElement(
|
|
963
962
|
"input",
|
|
964
963
|
{
|
|
965
964
|
type: "text",
|
|
@@ -968,7 +967,7 @@ var StoragePanel = ({ onClose, storageType }) => {
|
|
|
968
967
|
onChange: (e) => setFilter(e.target.value),
|
|
969
968
|
style: storageSearchInputStyle
|
|
970
969
|
}
|
|
971
|
-
)), /* @__PURE__ */
|
|
970
|
+
)), /* @__PURE__ */ React7__default.default.createElement("div", { style: storageTableContainerStyle }, filteredItems.map((item) => /* @__PURE__ */ React7__default.default.createElement(EditableRow, { key: item.key, item, onSave: setItem, onRemove: removeItem })))));
|
|
972
971
|
};
|
|
973
972
|
var storage_panel_default = StoragePanel;
|
|
974
973
|
|
|
@@ -1008,13 +1007,13 @@ var menuItems = [
|
|
|
1008
1007
|
id: "local-storage",
|
|
1009
1008
|
label: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0 \uAD00\uB9AC",
|
|
1010
1009
|
// StoragePanel은 재사용 가능한 컴포넌트이므로, props를 통해 어떤 스토리지를 다룰지 지정합니다.
|
|
1011
|
-
component: (props) => /* @__PURE__ */
|
|
1010
|
+
component: (props) => /* @__PURE__ */ React7__default.default.createElement(storage_panel_default, { ...props, storageType: "localStorage" }),
|
|
1012
1011
|
display: true
|
|
1013
1012
|
},
|
|
1014
1013
|
{
|
|
1015
1014
|
id: "cookie-management",
|
|
1016
1015
|
label: "\uCFE0\uD0A4 \uAD00\uB9AC",
|
|
1017
|
-
component: (props) => /* @__PURE__ */
|
|
1016
|
+
component: (props) => /* @__PURE__ */ React7__default.default.createElement(storage_panel_default, { ...props, storageType: "cookie" }),
|
|
1018
1017
|
display: true
|
|
1019
1018
|
},
|
|
1020
1019
|
{
|
|
@@ -1032,16 +1031,16 @@ var menuItems = [
|
|
|
1032
1031
|
},
|
|
1033
1032
|
{
|
|
1034
1033
|
id: "page-navigation",
|
|
1035
|
-
label: "\uD398\uC774\uC9C0 \
|
|
1034
|
+
label: "\uD398\uC774\uC9C0 \uC815\uBCF4",
|
|
1036
1035
|
component: page_navigation_panel_default,
|
|
1037
1036
|
display: true
|
|
1038
1037
|
}
|
|
1039
1038
|
];
|
|
1040
1039
|
var useEnvironment = () => {
|
|
1041
|
-
const [envInfo, setEnvInfo] =
|
|
1040
|
+
const [envInfo, setEnvInfo] = React7.useState({
|
|
1042
1041
|
env: "prd"
|
|
1043
1042
|
});
|
|
1044
|
-
|
|
1043
|
+
React7.useEffect(() => {
|
|
1045
1044
|
const { hostname } = window.location;
|
|
1046
1045
|
setEnvInfo({ env: salesFrontendUtils.getEnvironmentFromHostname(hostname) });
|
|
1047
1046
|
}, []);
|
|
@@ -1055,7 +1054,7 @@ var DebugTool = ({
|
|
|
1055
1054
|
menuItemsOverride,
|
|
1056
1055
|
serviceCode = "etc"
|
|
1057
1056
|
}) => {
|
|
1058
|
-
|
|
1057
|
+
React7.useEffect(() => {
|
|
1059
1058
|
initializeConsoleLogOverride();
|
|
1060
1059
|
return () => {
|
|
1061
1060
|
restoreConsoleLog();
|
|
@@ -1064,8 +1063,8 @@ var DebugTool = ({
|
|
|
1064
1063
|
const environment = useEnvironment();
|
|
1065
1064
|
const env = envOverride || environment.env;
|
|
1066
1065
|
const menuItems2 = menuItemsOverride || menuItems;
|
|
1067
|
-
const [isMenuOpen, setMenuOpen] =
|
|
1068
|
-
const [activeFeature, setActiveFeature] =
|
|
1066
|
+
const [isMenuOpen, setMenuOpen] = React7.useState(false);
|
|
1067
|
+
const [activeFeature, setActiveFeature] = React7.useState(null);
|
|
1069
1068
|
const isVisible = ["local", "dev", "stg"].includes(env);
|
|
1070
1069
|
const handleMenuClick = (itemComponent) => {
|
|
1071
1070
|
setActiveFeature(() => itemComponent);
|
|
@@ -1090,9 +1089,9 @@ var DebugTool = ({
|
|
|
1090
1089
|
);
|
|
1091
1090
|
if (activeFeature) {
|
|
1092
1091
|
const FeatureComponent = activeFeature;
|
|
1093
|
-
return /* @__PURE__ */
|
|
1092
|
+
return /* @__PURE__ */ React7__default.default.createElement(FeatureComponent, { onClose: handleCloseFeature, onLogin });
|
|
1094
1093
|
}
|
|
1095
|
-
return /* @__PURE__ */
|
|
1094
|
+
return /* @__PURE__ */ React7__default.default.createElement(
|
|
1096
1095
|
"div",
|
|
1097
1096
|
{
|
|
1098
1097
|
style: {
|
|
@@ -1102,8 +1101,8 @@ var DebugTool = ({
|
|
|
1102
1101
|
zIndex: 9999
|
|
1103
1102
|
}
|
|
1104
1103
|
},
|
|
1105
|
-
/* @__PURE__ */
|
|
1106
|
-
isMenuOpen && /* @__PURE__ */
|
|
1104
|
+
/* @__PURE__ */ React7__default.default.createElement(floating_button_default, { onClick: toggleMenu }),
|
|
1105
|
+
isMenuOpen && /* @__PURE__ */ React7__default.default.createElement(
|
|
1107
1106
|
menu_panel_default,
|
|
1108
1107
|
{
|
|
1109
1108
|
menuItems: availableMenuItems,
|