sales-frontend-components 0.0.222 → 0.0.223

package/dist/index.cjs.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactHookForm = require('react-hook-form');
 var salesFrontendDesignSystem = require('sales-frontend-design-system');
-var React = require('react');
+var React9 = require('react');
 var method = require('sales-frontend-api/method');
 var salesFrontendAssets = require('sales-frontend-assets');
 var styles = require('./modal/standard/address-search/select-address.module.scss');
@@ -23,6 +23,7 @@ var styles$b = require('./modal/pre-standard/organization-search-modal/organizat
 var styles$c = require('./step-indicator/step-indicator.module.scss');
 var salesFrontendBridge = require('sales-frontend-bridge');
 var styles$d = require('./camera/camera.module.scss');
+require('sales-frontend-stores');
 
 const FormCheckboxButton = ({
   name,
@@ -103,8 +104,8 @@ var customParseFormat = /*@__PURE__*/getDefaultExportFromCjs(customParseFormatEx
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var getCookie = (name) => {
-  if (!isClient()) {
+var getCookie$1 = (name) => {
+  if (!isClient$1()) {
     return "";
   }
   if (typeof document === "undefined") {
@@ -124,8 +125,8 @@ var getSubdomain = (hostname) => {
   return parts[0] ?? "";
 };
 var getEnvironmentFromHostname = (hostname) => {
-  if (isClient()) {
-    const debugModeEnv = getCookie("dsp-debug-mode-env")?.toLowerCase();
+  if (isClient$1()) {
+    const debugModeEnv = getCookie$1("dsp-debug-mode-env")?.toLowerCase();
     if (debugModeEnv) {
       return debugModeEnv;
     }
@@ -142,7 +143,7 @@ var getEnvironmentFromHostname = (hostname) => {
   }
   return "prd";
 };
-var isClient = () => {
+var isClient$1 = () => {
   try {
     return !!window;
   } catch {
@@ -150,7 +151,7 @@ var isClient = () => {
   }
 };
 var isAndroidDevice = () => {
-  if (isClient() === false) {
+  if (isClient$1() === false) {
     return false;
   }
   return /Android/i.test(navigator.userAgent);
@@ -292,7 +293,7 @@ async function imageUrlToFileFetch(imageUrl) {
 }
 async function imageUrlToFile(imageUrl) {
   const fileConvertTypeCookieKey = "dsp-debug-mode-file-convert-type";
-  const fileConvertType = getCookie(fileConvertTypeCookieKey);
+  const fileConvertType = getCookie$1(fileConvertTypeCookieKey);
   if (fileConvertType === "fetch") {
     return await imageUrlToFileFetch(imageUrl);
   }
@@ -485,7 +486,16 @@ var GENDER_LABEL_MAP = {
 var getGenderName = (genderCode) => {
   return genderCode ? GENDER_LABEL_MAP[genderCode] : "";
 };
+var filterNameCookieKey$1 = "dsp-debug-mode-filter-name";
+function isDebugByFilterName$1(name) {
+  const filterNames = getCookie$1(filterNameCookieKey$1)?.split(",");
+  return filterNames?.includes(name) || false;
+}
+var isDownloaderFilter = () => isDebugByFilterName$1("downloader");
 var getBlobUrl = async (url) => {
+  if (isDownloaderFilter()) {
+    alert(`[debug filter:downloader] getBlobUrl \uD638\uCD9C- ${url}`);
+  }
   let downloadUrl = "";
   if (url.startsWith("http")) {
     const response = await fetch(url);
@@ -507,6 +517,9 @@ var downloadFromNewWindow = async (url, fileName) => {
   try {
     const aTag = document.createElement("a");
     const downloadUrl = await getBlobUrl(url);
+    if (isDownloaderFilter()) {
+      alert(`[debug filter:downloader] downloadFromNewWindow \uD638\uCD9C- ${downloadUrl}`);
+    }
     aTag.href = downloadUrl;
     aTag.download = fileName;
     const newWin = window.open();
@@ -523,6 +536,9 @@ var downloadFromCurrentWindow = async (url, fileName) => {
   try {
     const a = document.createElement("a");
     const downloadUrl = await getBlobUrl(url);
+    if (isDownloaderFilter()) {
+      alert(`[debug filter:downloader] downloadFromCurrentWindow \uD638\uCD9C- ${downloadUrl}`);
+    }
     a.href = downloadUrl;
     a.download = fileName;
     document.body.appendChild(a);
@@ -543,8 +559,8 @@ const FormDatePicker = ({
   ...props
 }) => {
   const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
-  const [selected, setSelected] = React.useState();
-  React.useEffect(() => {
+  const [selected, setSelected] = React9.useState();
+  React9.useEffect(() => {
     if (isDate(field.value) && field.value !== selected) {
       setSelected(field.value);
     }
@@ -578,8 +594,8 @@ const FormDateRangePicker = ({
     disabled,
     defaultValue
   });
-  const [selected, setSelected] = React.useState();
-  React.useEffect(() => {
+  const [selected, setSelected] = React9.useState();
+  React9.useEffect(() => {
     const fieldValue = field.value;
     if (!fieldValue) {
       setSelected(void 0);
@@ -916,15 +932,15 @@ function AddressComponent({ isOpen, onClose, setValue }) {
 }
 
 function useSearchAddress({ setValue, onClose, isOpen }) {
-  const [searchKeyword, setSearchKeyword] = React.useState("");
-  const [step, setStep] = React.useState("initial");
-  const [selectedAddress, setSelectedAddress] = React.useState();
-  const [selectedStandardizationAddress, setSelectedStandardizationAddress] = React.useState();
-  const [searchInput, setSearchInput] = React.useState("");
-  const [detailAddressInput, setDetailAddressInput] = React.useState("");
-  const [displayList, setDisplayList] = React.useState([]);
-  const [searchType, setSearchType] = React.useState("address");
-  const [standardizationParams, setStandardizationParams] = React.useState({
+  const [searchKeyword, setSearchKeyword] = React9.useState("");
+  const [step, setStep] = React9.useState("initial");
+  const [selectedAddress, setSelectedAddress] = React9.useState();
+  const [selectedStandardizationAddress, setSelectedStandardizationAddress] = React9.useState();
+  const [searchInput, setSearchInput] = React9.useState("");
+  const [detailAddressInput, setDetailAddressInput] = React9.useState("");
+  const [displayList, setDisplayList] = React9.useState([]);
+  const [searchType, setSearchType] = React9.useState("address");
+  const [standardizationParams, setStandardizationParams] = React9.useState({
     firstPostalCode: "",
     secondPostalCode: "",
     thirdPostalCode: "",
@@ -943,7 +959,7 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
   const { data: standardizedData } = method.useSearchAddressStandardizationQuery(standardizationParams, {
     enabled: !!standardizationParams?.baseAddress
   });
-  const [nextButtonDisabled, setNextButtonDisabled] = React.useState(false);
+  const [nextButtonDisabled, setNextButtonDisabled] = React9.useState(false);
   const onNext = () => {
     if (step === "search-result" && nextButtonDisabled) {
       salesFrontendDesignSystem.ModalUtils.alert(
@@ -1014,7 +1030,7 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
       setNextButtonDisabled(false);
     }
   };
-  const onClear = React.useCallback(() => {
+  const onClear = React9.useCallback(() => {
     setSearchKeyword("");
     setSearchInput("");
     setSelectedAddress(void 0);
@@ -1030,7 +1046,7 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
       setNextButtonDisabled(true);
     }
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (searchType === "address" && addressData?.data?.addressList) {
       setDisplayList(addressData.data.addressList);
     } else if (searchType === "postalcode" && postalData?.data?.postalCodeList) {
@@ -1048,7 +1064,7 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
       setDisplayList(transformedList);
     }
   }, [addressData, postalData, searchType]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (isOpen) {
       setSelectedAddress(void 0);
       setDetailAddressInput("");
@@ -1056,7 +1072,7 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
       setSearchKeyword("");
     }
   }, [isOpen]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     const road = standardizedData?.data?.addressStandardizationList[1];
     const land = standardizedData?.data?.addressStandardizationList[2];
     if (road && land) {
@@ -1088,7 +1104,7 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
   };
 }
 const useAddressComponent = () => {
-  const [fullAddress, setFullAddress] = React.useState();
+  const [fullAddress, setFullAddress] = React9.useState();
   const { isOpen, closeModal, openModal } = salesFrontendDesignSystem.useModalState();
   const AddressSearchComponent = () => /* @__PURE__ */ jsxRuntime.jsx(AddressComponent, { isOpen, onClose: closeModal, setValue: setFullAddress });
   return {
@@ -1593,10 +1609,10 @@ const useCustomerSearch = (onSelect, options) => {
     width: dropDownWidth,
     className: dropDownClassName
   });
-  const [searchKeyword, setSearchKeyword] = React.useState("");
-  const [searchInput, setSearchInput] = React.useState("");
-  const [customerList, setCustomerList] = React.useState([]);
-  const [selectedCustomer, setSelectedCustomer] = React.useState(null);
+  const [searchKeyword, setSearchKeyword] = React9.useState("");
+  const [searchInput, setSearchInput] = React9.useState("");
+  const [customerList, setCustomerList] = React9.useState([]);
+  const [selectedCustomer, setSelectedCustomer] = React9.useState(null);
   const { data } = method.useSearchCustomerListQuery({ customerName: searchKeyword });
   const search = () => {
     if (searchInput.length >= 2) {
@@ -1633,7 +1649,7 @@ const useCustomerSearch = (onSelect, options) => {
       onSelect(customer);
     }
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     const filtered = data?.data?.custList?.filter(
       (c) => c.customerName?.toLowerCase().includes(searchInput.toLowerCase())
     );
@@ -1867,8 +1883,8 @@ const NationalitySearchInitialText = ({
   ] });
 };
 const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect, onConfirm }) => {
-  const [filterList, setFilterList] = React.useState([]);
-  React.useEffect(() => {
+  const [filterList, setFilterList] = React9.useState([]);
+  React9.useEffect(() => {
     const filterList2 = nationalityList.filter((item) => item.nationalityCodeName.includes(searchKeyWord)) || [];
     setFilterList(filterList2);
   }, [nationalityList, searchKeyWord]);
@@ -1940,9 +1956,9 @@ function NationalityComponent({ isOpen, onClose, setValue, onConfirm }) {
 }
 
 function useSearchNationality({ setValue, onClose, isOpen }) {
-  const [searchKeyWord, setSearchKeyword] = React.useState("");
-  const [selectedNationality, setSelectedNationality] = React.useState();
-  const [searchInput, setSearchInput] = React.useState("");
+  const [searchKeyWord, setSearchKeyword] = React9.useState("");
+  const [selectedNationality, setSelectedNationality] = React9.useState();
+  const [searchInput, setSearchInput] = React9.useState("");
   const { data } = method.useSearchNationalityQuery({ searchKeyWord });
   const searchList = data?.data.nationalityList || [];
   const onSearch = (e) => {
@@ -1965,7 +1981,7 @@ function useSearchNationality({ setValue, onClose, isOpen }) {
       search();
     }
   };
-  const onClear = React.useCallback(() => {
+  const onClear = React9.useCallback(() => {
     setSearchKeyword("");
     setSearchInput("");
     setSelectedNationality("");
@@ -1976,7 +1992,7 @@ function useSearchNationality({ setValue, onClose, isOpen }) {
     value && setValue(value);
     onClose();
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (isOpen) {
       setSelectedNationality("");
       setSearchKeyword("");
@@ -1997,9 +2013,9 @@ function useSearchNationality({ setValue, onClose, isOpen }) {
   };
 }
 const useNationalityComponent = () => {
-  const [nationality, setNationality] = React.useState();
+  const [nationality, setNationality] = React9.useState();
   const { isOpen, closeModal, openModal } = salesFrontendDesignSystem.useModalState();
-  const [isConfirmed, setIsConfirmed] = React.useState(false);
+  const [isConfirmed, setIsConfirmed] = React9.useState(false);
   const onConfirm = () => {
     setIsConfirmed(true);
   };
@@ -2204,8 +2220,8 @@ function useNxlOneModal({
   nxlOneProps = {}
 }) {
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
-  const [isIframeShow, setIsIframeShow] = React.useState(true);
-  const [nxlOnePropsState, setNxlOnePropsState] = React.useState(nxlOneProps);
+  const [isIframeShow, setIsIframeShow] = React9.useState(true);
+  const [nxlOnePropsState, setNxlOnePropsState] = React9.useState(nxlOneProps);
   const { bizCode, tmplCode } = AUTH_TEMPLATE_CODES[step][env];
   const { Iframe, open } = salesFrontendSolution.useNxlOne({
     ...nxlOnePropsState,
@@ -2223,7 +2239,7 @@ function useNxlOneModal({
       openModal();
     }
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (nxlOnePropsState.nlcCtfnId) {
       openNxlOneModal();
     }
@@ -2274,8 +2290,8 @@ const VisaSearchInitialText = ({ visaList, onSelect, onConfirm }) => {
   }) }) });
 };
 const VisaSearchResult = ({ visaList, searchKeyword, onSelect, onConfirm }) => {
-  const [filterList, setFilterList] = React.useState([]);
-  React.useEffect(() => {
+  const [filterList, setFilterList] = React9.useState([]);
+  React9.useEffect(() => {
     const filterList2 = visaList.filter((item) => item.integrationCodeValueName?.includes(searchKeyword)) || [];
     setFilterList(filterList2);
   }, [visaList, searchKeyword]);
@@ -2336,9 +2352,9 @@ function VisaComponent({ isOpen, onClose, setValue, onConfirm }) {
 }
 
 function useSearchVisa({ setValue, onClose, isOpen }) {
-  const [searchKeyword, setSearchKeyword] = React.useState("");
-  const [selectedVisa, setSelectedVisa] = React.useState();
-  const [searchInput, setSearchInput] = React.useState("");
+  const [searchKeyword, setSearchKeyword] = React9.useState("");
+  const [selectedVisa, setSelectedVisa] = React9.useState();
+  const [searchInput, setSearchInput] = React9.useState("");
   const { data: visaList } = method.useSearchVisaQuery({
     staleTime: Infinity,
     gcTime: Infinity
@@ -2363,7 +2379,7 @@ function useSearchVisa({ setValue, onClose, isOpen }) {
       search();
     }
   };
-  const onClear = React.useCallback(() => {
+  const onClear = React9.useCallback(() => {
     setSearchKeyword("");
     setSearchInput("");
     setSelectedVisa(void 0);
@@ -2373,7 +2389,7 @@ function useSearchVisa({ setValue, onClose, isOpen }) {
     setValue(visa);
     onClose();
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (isOpen) {
       setSelectedVisa(void 0);
       setSearchKeyword("");
@@ -2394,8 +2410,8 @@ function useSearchVisa({ setValue, onClose, isOpen }) {
   };
 }
 const useVisaComponent = () => {
-  const [visa, setVisa] = React.useState();
-  const [isConfirmed, setIsConfirmed] = React.useState(false);
+  const [visa, setVisa] = React9.useState();
+  const [isConfirmed, setIsConfirmed] = React9.useState(false);
   const { isOpen, closeModal, openModal } = salesFrontendDesignSystem.useModalState();
   const onConfirm = () => {
     setIsConfirmed(true);
@@ -2474,8 +2490,8 @@ function DeaCustomerSearch({
   selectedCustomer,
   initSearchParams
 }) {
-  const [residentNumberFront, setResidentNumberFront] = React.useState(initSearchParams?.residentNumberFront || "");
-  const [residentNumberBack, setResidentNumberBack] = React.useState(initSearchParams?.residentNumberBack || "");
+  const [residentNumberFront, setResidentNumberFront] = React9.useState(initSearchParams?.residentNumberFront || "");
+  const [residentNumberBack, setResidentNumberBack] = React9.useState(initSearchParams?.residentNumberBack || "");
   const handleSearch = () => {
     getE2EDataIDs(["residentNumberBack"], (e2edata) => {
       setSearchParams({
@@ -2500,11 +2516,11 @@ function DeaCustomerSearch({
       e.preventDefault();
     }
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     const el = document.getElementById("residentNumberBack");
     addE2EObject(el);
   });
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (initSearchParams) {
       setSearchParams(initSearchParams);
     }
@@ -2581,30 +2597,30 @@ const DeaCustomerSearchModal = ({
   clear = true,
   initSearchParams
 }) => {
-  const [selectedCustomer, setSelectedCustomer] = React.useState(null);
-  const [searchParams, setSearchParams] = React.useState(initSearchParams);
+  const [selectedCustomer, setSelectedCustomer] = React9.useState(null);
+  const [searchParams, setSearchParams] = React9.useState(initSearchParams);
   const { data, isFetching } = reactQuery.useQuery({
     queryKey: ["deaCustomerSearch", searchParams],
     queryFn: () => method.getDspCustomerListMethod(searchParams),
     enabled: !!searchParams?.e2edata && !!searchParams?.residentNumberFront,
     retry: false
   });
-  const [customerList, setCustomerList] = React.useState([]);
+  const [customerList, setCustomerList] = React9.useState([]);
   loadScript();
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (data?.data) {
       setCustomerList(data.data);
     } else {
       setCustomerList([]);
     }
   }, [data]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     setSelectedCustomer(null);
   }, [customerList]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     initASTX2();
   }, []);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (clear) {
       setSearchParams(void 0);
       setCustomerList([]);
@@ -2783,23 +2799,23 @@ const EmployeeSearchModal = ({
   clear,
   initSearchKeyword
 }) => {
-  const [activeTab, setActiveTab] = React.useState("WHOL");
-  const [selectedEmployee, setSelectedEmployee] = React.useState(null);
-  const [searchTerm, setSearchTerm] = React.useState(initSearchKeyword);
-  const [searchInput, setSearchInput] = React.useState(initSearchKeyword);
+  const [activeTab, setActiveTab] = React9.useState("WHOL");
+  const [selectedEmployee, setSelectedEmployee] = React9.useState(null);
+  const [searchTerm, setSearchTerm] = React9.useState(initSearchKeyword);
+  const [searchInput, setSearchInput] = React9.useState(initSearchKeyword);
   const { data } = method.useSearchEmployeeProfileQuery({
     searchWord: searchTerm,
     employeeDivisionCode: activeTab
   });
-  const [employeeList, setEmployeeList] = React.useState([]);
-  React.useEffect(() => {
+  const [employeeList, setEmployeeList] = React9.useState([]);
+  React9.useEffect(() => {
     if (data?.data) {
       setEmployeeList(data.data);
     } else {
       setEmployeeList([]);
     }
   }, [data]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (!clear) {
       return;
     }
@@ -3187,18 +3203,18 @@ const initData = [
   }
 ];
 const useJobSearch = () => {
-  const [activeTab, setActiveTab] = React.useState(JOB_SEARCH_TABS[0]?.value ?? "");
-  const [selectedJob, setSelectedJob] = React.useState(null);
-  const [searchTerm, setSearchTerm] = React.useState("");
-  const [searchInput, setSearchInput] = React.useState("");
+  const [activeTab, setActiveTab] = React9.useState(JOB_SEARCH_TABS[0]?.value ?? "");
+  const [selectedJob, setSelectedJob] = React9.useState(null);
+  const [searchTerm, setSearchTerm] = React9.useState("");
+  const [searchInput, setSearchInput] = React9.useState("");
   const handleJobSelect = (job) => {
     setSelectedJob(job);
   };
-  const [firstCategory, setFirstCategory] = React.useState("");
-  const [secondCategory, setSecondCategory] = React.useState("");
-  const [jobList, setJobList] = React.useState(initData);
-  const [firstCategoryList, setFirstCategoryList] = React.useState([]);
-  const [secondCategoryList, setSecondCategoryList] = React.useState([]);
+  const [firstCategory, setFirstCategory] = React9.useState("");
+  const [secondCategory, setSecondCategory] = React9.useState("");
+  const [jobList, setJobList] = React9.useState(initData);
+  const [firstCategoryList, setFirstCategoryList] = React9.useState([]);
+  const [secondCategoryList, setSecondCategoryList] = React9.useState([]);
   const { data: detail } = method.useSearchOccupationDetailQuery({
     occupationIndustryCode: selectedJob?.occupationIndustryCode || "",
     occupationIndustryTypeCode: "1"
@@ -3228,10 +3244,10 @@ const useJobSearch = () => {
     setFirstCategory("");
     setSecondCategory("");
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     reset();
   }, [activeTab]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     setSelectedJob(null);
     if (data && searchTerm && activeTab === "jobName") {
       const filteredJobs = data.data.occupationList.filter((job) => job.occupationIndustryName.includes(searchTerm));
@@ -3244,12 +3260,12 @@ const useJobSearch = () => {
       setJobList(data?.data.occupationList || []);
     }
   }, [searchTerm, data, firstCategory, secondCategory, secondCategoryData, activeTab]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (firstCategoryData) {
       setFirstCategoryList(firstCategoryData.data.occupationList);
     }
   }, [firstCategoryData]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (secondCategoryData) {
       setSecondCategoryList(secondCategoryData.data.occupationList);
     }
@@ -3299,7 +3315,7 @@ function useJobSearchModal() {
     isLoading
   } = useJobSearch();
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
-  const [isConfirmed, setIsConfirmed] = React.useState(false);
+  const [isConfirmed, setIsConfirmed] = React9.useState(false);
   const onTabChange = (value) => {
     reset();
     setActiveTab(value);
@@ -3463,7 +3479,7 @@ function VehicleSearch({ vehicles, onVehicleSelect, selectedVehicle }) {
 }
 
 const useVehicleSearch = () => {
-  const [selectedVehicle, setSelectedVehicle] = React.useState();
+  const [selectedVehicle, setSelectedVehicle] = React9.useState();
   const { data } = method.useSearchVehicleQuery();
   return {
     VehicleSearchComponent: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3481,9 +3497,9 @@ const useVehicleSearch = () => {
 };
 
 const useJobVehicleSearch = () => {
-  const [rightPanelView, setRightPanelView] = React.useState("jobSearch");
-  const [riskGrade, setRiskGrade] = React.useState("");
-  const [hospitalizationGrade, setHospitalizationGrade] = React.useState("");
+  const [rightPanelView, setRightPanelView] = React9.useState("jobSearch");
+  const [riskGrade, setRiskGrade] = React9.useState("");
+  const [hospitalizationGrade, setHospitalizationGrade] = React9.useState("");
   const { selectedJob, JobSearchComponent, selectedJobDetail, resetJobSearch, setSelectedJob } = useJobSearchModal();
   const { selectedVehicle, VehicleSearchComponent, setSelectedVehicle } = useVehicleSearch();
   const { data: riskGradeData } = method.useSearchRiskGradeQuery(
@@ -3502,7 +3518,7 @@ const useJobVehicleSearch = () => {
     setRiskGrade("");
     setHospitalizationGrade("");
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (selectedJob && selectedVehicle && riskGradeData) {
       const { riskGradeCode, riskGradeName } = riskGradeData.data;
       setRiskGrade(`${riskGradeName}(${riskGradeCode})`);
@@ -3542,7 +3558,7 @@ function useJobVehicleSearchModal() {
     selectedJobDetail
   } = useJobVehicleSearch();
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
-  const [isConfirmed, setIsConfirmed] = React.useState(false);
+  const [isConfirmed, setIsConfirmed] = React9.useState(false);
   const validate = () => {
     if (!selectedJob && !selectedVehicle) {
       return salesFrontendDesignSystem.ModalUtils.alert(
@@ -3765,10 +3781,10 @@ const OrganizationSearchModal = ({
   clear,
   initSearchKeyword
 }) => {
-  const [selectedOrganization, setSelectedOrganization] = React.useState(null);
-  const [organizationList, setOrganizationList] = React.useState([]);
-  const [searchTerm, setSearchTerm] = React.useState(initSearchKeyword);
-  const [searchInput, setSearchInput] = React.useState(initSearchKeyword);
+  const [selectedOrganization, setSelectedOrganization] = React9.useState(null);
+  const [organizationList, setOrganizationList] = React9.useState([]);
+  const [searchTerm, setSearchTerm] = React9.useState(initSearchKeyword);
+  const [searchInput, setSearchInput] = React9.useState(initSearchKeyword);
   const { data } = method.useSearchOrganizationQuery(
     {
       searchWord: searchTerm
@@ -3777,14 +3793,14 @@ const OrganizationSearchModal = ({
       enabled: !!initSearchKeyword
     }
   );
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (data?.data) {
       setOrganizationList(data.data);
     } else {
       setOrganizationList([]);
     }
   }, [data]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (!clear) {
       return;
     }
@@ -3861,10 +3877,10 @@ const FormSearchJobField = ({
   defaultValue,
   ...props
 }) => {
-  const [selected, setSelected] = React.useState(defaultValue);
+  const [selected, setSelected] = React9.useState(defaultValue);
   const { field, fieldState } = reactHookForm.useController({ name, control, disabled });
   const { JobSearchModal, openJobSearchModal, selectedJob } = useJobSearchModal();
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (selectedJob) {
       field.onChange(selectedJob.occupationIndustryName);
       setSelected({ label: selectedJob.occupationIndustryName, value: selectedJob.occupationIndustryCode });
@@ -4017,11 +4033,11 @@ const StepIndicator = ({
   dotCount = 3,
   isLoading
 }) => {
-  const [steps, setSteps] = React.useState(
+  const [steps, setSteps] = React9.useState(
     Array.from({ length: 10 }).map(() => ({ label: "-", value: "" }))
   );
-  const [current, setCurrent] = React.useState(currentIndex);
-  React.useEffect(() => {
+  const [current, setCurrent] = React9.useState(currentIndex);
+  React9.useEffect(() => {
     if (items.length > 0) {
       setSteps(items);
       items.map((item, idx) => {
@@ -4044,7 +4060,7 @@ const StepIndicator = ({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("stepper-layout", { loading: isLoading }), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("stepper"), children: steps.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("stepper"), children: steps.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React9.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
@@ -4250,7 +4266,7 @@ function useCamera({
   responseFileType
 } = {}) {
   const convertedInitData = initData?.map((data, index) => ({ ...data, id: String(index + 1) }));
-  const [attachedPhotos, setAttachedPhotos] = React.useState(convertedInitData || []);
+  const [attachedPhotos, setAttachedPhotos] = React9.useState(convertedInitData || []);
   const findImage = (imageId) => {
     return attachedPhotos.find((image) => image.id === imageId);
   };
@@ -4332,7 +4348,7 @@ function useCamera({
       buttonText
     }
   );
-  React.useEffect(() => {
+  React9.useEffect(() => {
     return () => {
       attachedPhotos.forEach((image) => {
         URL.revokeObjectURL(image.src);
@@ -4378,12 +4394,12 @@ const DEFAULT_DOWNLOAD_PROPS = {
 };
 function useCanvasPaint(paintProps = {}) {
   const { pen = { strokeWeight: 5, strokeColor: "black" }, onChange, onStart, onEnd } = paintProps;
-  const [canvasRefState, setCanvasRefState] = React.useState(null);
-  const contextRef = React.useRef(null);
-  const [isPainting, setIsPainting] = React.useState(false);
-  const [history, setHistory] = React.useState([]);
-  const [historyIndex, setHistoryIndex] = React.useState(-1);
-  const saveState = React.useCallback(() => {
+  const [canvasRefState, setCanvasRefState] = React9.useState(null);
+  const contextRef = React9.useRef(null);
+  const [isPainting, setIsPainting] = React9.useState(false);
+  const [history, setHistory] = React9.useState([]);
+  const [historyIndex, setHistoryIndex] = React9.useState(-1);
+  const saveState = React9.useCallback(() => {
     if (!canvasRefState) {
       return;
     }
@@ -4397,7 +4413,7 @@ function useCanvasPaint(paintProps = {}) {
     setHistoryIndex(newHistory.length - 1);
     onChange && onChange();
   }, [history, historyIndex, onChange, canvasRefState]);
-  const restoreState = React.useCallback(
+  const restoreState = React9.useCallback(
     (index) => {
       const context = contextRef.current;
       if (!canvasRefState || !context || !history[index]) {
@@ -4414,7 +4430,7 @@ function useCanvasPaint(paintProps = {}) {
     },
     [history, onChange, canvasRefState]
   );
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (!canvasRefState) {
       return;
     }
@@ -4427,14 +4443,14 @@ function useCanvasPaint(paintProps = {}) {
     setHistory([initialDataUrl]);
     setHistoryIndex(0);
   }, [canvasRefState]);
-  React.useEffect(() => {
+  React9.useEffect(() => {
     const context = contextRef.current;
     if (context) {
       context.lineWidth = pen.strokeWeight;
       context.strokeStyle = pen.strokeColor;
     }
   }, [pen]);
-  const getEventPosition = React.useCallback(
+  const getEventPosition = React9.useCallback(
     (event) => {
       if (!canvasRefState) {
         return null;
@@ -4463,7 +4479,7 @@ function useCanvasPaint(paintProps = {}) {
     },
     [canvasRefState]
   );
-  const startPainting = React.useCallback(
+  const startPainting = React9.useCallback(
     (event) => {
       event.preventDefault();
       const context = contextRef.current;
@@ -4482,7 +4498,7 @@ function useCanvasPaint(paintProps = {}) {
     },
     [onStart, getEventPosition]
   );
-  const stopPainting = React.useCallback(() => {
+  const stopPainting = React9.useCallback(() => {
     const context = contextRef.current;
     if (!context || !isPainting) {
       return;
@@ -4492,7 +4508,7 @@ function useCanvasPaint(paintProps = {}) {
     onEnd && onEnd();
     saveState();
   }, [isPainting, onEnd, saveState]);
-  const paint = React.useCallback(
+  const paint = React9.useCallback(
     (event) => {
       event.preventDefault();
       if (!isPainting || !contextRef.current) {
@@ -4508,7 +4524,7 @@ function useCanvasPaint(paintProps = {}) {
     },
     [isPainting, getEventPosition]
   );
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (!canvasRefState) {
       return;
     }
@@ -4737,10 +4753,10 @@ const useRemoteIdentityVerification = ({
 const useRemoteIdentityVerificationIframe = (config) => {
   const { createMessageHandler, createRemoteIdentityVerificationUrl } = useRemoteIdentityVerification(config);
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
-  const [remoteIdentityVerificationUrl, setRemoteIdentityVerificationUrl] = React.useState("");
-  const [rivsRequestId, setRivsRequestId] = React.useState("");
-  const [isCreatingUrl, setIsCreatingUrl] = React.useState(false);
-  const [isIframeLoaded, setIsIframeLoaded] = React.useState(false);
+  const [remoteIdentityVerificationUrl, setRemoteIdentityVerificationUrl] = React9.useState("");
+  const [rivsRequestId, setRivsRequestId] = React9.useState("");
+  const [isCreatingUrl, setIsCreatingUrl] = React9.useState(false);
+  const [isIframeLoaded, setIsIframeLoaded] = React9.useState(false);
   const createIframeUrl = async () => {
     if (remoteIdentityVerificationUrl || isCreatingUrl) {
       return;
@@ -4780,7 +4796,7 @@ const useRemoteIdentityVerificationIframe = (config) => {
     setIsIframeLoaded(false);
     closeModal();
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     if (!remoteIdentityVerificationUrl) {
       return;
     }
@@ -4844,9 +4860,9 @@ const useRemoteIdentityVerificationIframe = (config) => {
 };
 const useRemoteIdentityVerificationPopup = (config) => {
   const { createRemoteIdentityVerificationUrl, createMessageHandler } = useRemoteIdentityVerification(config);
-  const [isCreatingUrl, setIsCreatingUrl] = React.useState(false);
-  const [rivsRequestId, setRivsRequestId] = React.useState("");
-  const popupRef = React.useRef(null);
+  const [isCreatingUrl, setIsCreatingUrl] = React9.useState(false);
+  const [rivsRequestId, setRivsRequestId] = React9.useState("");
+  const popupRef = React9.useRef(null);
   const openPopup = async (target = "_blank", features) => {
     if (popupRef.current && !popupRef.current.closed) {
       popupRef.current.close();
@@ -4871,7 +4887,7 @@ const useRemoteIdentityVerificationPopup = (config) => {
   const cleanPopup = () => {
     popupRef.current = null;
   };
-  React.useEffect(() => {
+  React9.useEffect(() => {
     const messageHandler = createMessageHandler({ rivsRequestId }, cleanPopup);
     MessageEventManager.getInstance().registerHandler("riv-popup-handler", messageHandler);
     return () => MessageEventManager.getInstance().unregisterHandler("riv-popup-handler");
@@ -4883,7 +4899,7 @@ const useRemoteIdentityVerificationPopup = (config) => {
 };
 
 function DudUpload() {
-  const [test, setTest] = React.useState();
+  const [test, setTest] = React9.useState();
   const { mutateAsync, data } = method.useDudExternalFileUploadMutation();
   const up = async () => {
     const b = await fileToBase64(test.target.files[0]);
@@ -4904,8 +4920,8 @@ function DudUpload() {
 }
 
 function DudDownload() {
-  const [fileId, setFileId] = React.useState("");
-  const [enabled, setEnable] = React.useState(false);
+  const [fileId, setFileId] = React9.useState("");
+  const [enabled, setEnable] = React9.useState(false);
   const { data, isError, isSuccess } = method.useDudExternalFileDownloadQuery(
     {
       fileMgmtId: fileId,
@@ -4915,7 +4931,7 @@ function DudDownload() {
       enabled
     }
   );
-  React.useEffect(() => {
+  React9.useEffect(() => {
     console.log("data", data, data instanceof Blob, data instanceof File);
     if (data instanceof Blob) {
       downloadBlob(data, "test");
@@ -4931,9 +4947,33 @@ function DudDownload() {
   ] });
 }
 
+var isClient = () => {
+  try {
+    return !!window;
+  } catch {
+    return false;
+  }
+};
+var getCookie = (name) => {
+  if (!isClient()) {
+    return "";
+  }
+  if (typeof document === "undefined") {
+    return "";
+  }
+  const match = document.cookie.match(new RegExp(`(^|; *)${name}=([^;]*)`));
+  return match ? decodeURIComponent(match[2] || "") : "";
+};
+
+var filterNameCookieKey = "dsp-debug-mode-filter-name";
+function isDebugByFilterName(name) {
+  const filterNames = getCookie(filterNameCookieKey)?.split(",");
+  return filterNames?.includes(name) || false;
+}
+
 const useDownloader = () => {
-  const [isError, setIsError] = React.useState(false);
-  const [isLoading, setIsLoading] = React.useState(false);
+  const [isError, setIsError] = React9.useState(false);
+  const [isLoading, setIsLoading] = React9.useState(false);
   const onClick = async (downloaderProps) => {
     const { downloadTargetInfo, onAllSuccess, onAnyError, startIndex = 0 } = downloaderProps;
     setIsLoading(true);
@@ -4967,8 +5007,14 @@ const useDownloader = () => {
           throw new Error("Download URL is empty");
         }
         if (info.isOpenNewWindow) {
+          if (isDebugByFilterName("downloader")) {
+            alert("[debug filter:downloader] \uC0C8\uCC3D\uC5D0\uC11C \uB2E4\uC6B4\uB85C\uB4DC \uC2DC\uB3C4\uD569\uB2C8\uB2E4");
+          }
           await downloadFromNewWindow(url, info.fileName);
         } else {
+          if (isDebugByFilterName("downloader")) {
+            alert("[debug filter:downloader] \uD604\uC7AC\uCC3D\uC5D0\uC11C \uB2E4\uC6B4\uB85C\uB4DC \uC2DC\uB3C4\uD569\uB2C8\uB2E4");
+          }
           await downloadFromCurrentWindow(url, info.fileName);
         }
         info.onSuccess?.();