sales-frontend-components 0.0.88 → 0.0.90

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.
Files changed (6) hide show
  1. package/dist/index.cjs.js +698 -212
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +28 -18
  4. package/dist/index.esm.js +700 -215
  5. package/dist/index.esm.js.map +1 -1
  6. package/package.json +12 -12
package/dist/index.cjs.js CHANGED
@@ -15,7 +15,9 @@ var styles$5 = require('./modal/pre-standard/organization-search-modal/organizat
15
15
  var styles$6 = require('./modal/pre-standard/employee-search-modal/employee-search-modal.module.scss');
16
16
  var styles$7 = require('./modal/pre-standard/job-vehicle-search-modal/job-vehicle-search-modal.module.scss');
17
17
  var styles$8 = require('./modal/pre-standard/vehicle-search-modal/vehicle-search-modal.module.scss');
18
- var styles$9 = require('./modal/standard/customer-search/customer-search.module.scss');
18
+ var reactQuery = require('@tanstack/react-query');
19
+ var styles$9 = require('./modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss');
20
+ var styles$a = require('./modal/standard/customer-search/customer-search.module.scss');
19
21
  var salesFrontendUtils = require('sales-frontend-utils');
20
22
 
21
23
  const FormCheckboxButton = ({
@@ -305,15 +307,15 @@ function JobSearchDetail({ occupationTypeCode, occupationIndustryCode }) {
305
307
  ] }) }) });
306
308
  }
307
309
 
308
- const cx$e = classNames.bind(styles);
310
+ const cx$g = classNames.bind(styles);
309
311
  function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
310
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("category-section"), children: [
311
- /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$e("result-title"), children: [
312
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$g("category-section"), children: [
313
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$g("result-title"), children: [
312
314
  "\uCD1D ",
313
315
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredJobs.length }),
314
316
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
315
317
  ] }),
316
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$e("job-radio-root"), onToggle: () => {
318
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$g("job-radio-root"), onToggle: () => {
317
319
  }, children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
318
320
  salesFrontendDesignSystem.Accordion.Item,
319
321
  {
@@ -344,23 +346,23 @@ function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
344
346
  ] }) });
345
347
  }
346
348
 
347
- const cx$d = classNames.bind(styles);
349
+ const cx$f = classNames.bind(styles);
348
350
  function JobSearchFavorite({ filteredJobs, onJobSelect }) {
349
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("popular-jobs"), children: [
351
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$f("popular-jobs"), children: [
350
352
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uB9CE\uC774 \uCC3E\uB294 \uC9C1\uC885" }),
351
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$d("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
353
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$f("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
352
354
  salesFrontendDesignSystem.Accordion.Item,
353
355
  {
354
356
  id: `item-${job.occupationIndustryCode}-${index}`,
355
- className: cx$d("accordion-item"),
357
+ className: cx$f("accordion-item"),
356
358
  children: [
357
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.HeaderDiv, { className: cx$d("accordion-header-item"), children: /* @__PURE__ */ jsxRuntime.jsxs(
359
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.HeaderDiv, { className: cx$f("accordion-header-item"), children: /* @__PURE__ */ jsxRuntime.jsxs(
358
360
  salesFrontendDesignSystem.Radio.Item,
359
361
  {
360
362
  size: "small",
361
363
  value: job.occupationIndustryCode,
362
364
  onChange: () => onJobSelect(job),
363
- className: cx$d("radio-item"),
365
+ className: cx$f("radio-item"),
364
366
  children: [
365
367
  job.occupationIndustryName,
366
368
  "(",
@@ -383,15 +385,15 @@ function JobSearchFavorite({ filteredJobs, onJobSelect }) {
383
385
  ] }) });
384
386
  }
385
387
 
386
- const cx$c = classNames.bind(styles);
388
+ const cx$e = classNames.bind(styles);
387
389
  function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
388
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("popular-jobs"), children: [
389
- /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$c("result-title"), children: [
390
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("popular-jobs"), children: [
391
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$e("result-title"), children: [
390
392
  "\uCD1D ",
391
393
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredJobs.length }),
392
394
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
393
395
  ] }),
394
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$c("job-radio-root"), children: filteredJobs.map((job) => /* @__PURE__ */ jsxRuntime.jsxs(
396
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$e("job-radio-root"), children: filteredJobs.map((job) => /* @__PURE__ */ jsxRuntime.jsxs(
395
397
  salesFrontendDesignSystem.Accordion.Item,
396
398
  {
397
399
  id: `item-${job.occupationIndustryCode}`,
@@ -427,8 +429,8 @@ function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
427
429
  ] }) });
428
430
  }
429
431
 
430
- const { TextField: TextField$2 } = salesFrontendDesignSystem.FormField;
431
- const cx$b = classNames.bind(styles);
432
+ const { TextField: TextField$3 } = salesFrontendDesignSystem.FormField;
433
+ const cx$d = classNames.bind(styles);
432
434
  const { Option } = salesFrontendDesignSystem.Select;
433
435
  function JobSearch({
434
436
  activeTab,
@@ -466,9 +468,9 @@ function JobSearch({
466
468
  }
467
469
  ),
468
470
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
469
- activeTab === "jobName" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$b("favorite-jobs-section"), children: [
471
+ activeTab === "jobName" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("favorite-jobs-section"), children: [
470
472
  /* @__PURE__ */ jsxRuntime.jsx(
471
- TextField$2,
473
+ TextField$3,
472
474
  {
473
475
  placeholder: "\uC9C1\uC885\uBA85 \uAC80\uC0C9",
474
476
  value: searchInput,
@@ -488,8 +490,8 @@ function JobSearch({
488
490
  !searchTerm && /* @__PURE__ */ jsxRuntime.jsx(JobSearchFavorite, { filteredJobs, onJobSelect }),
489
491
  searchTerm && !isLoading && /* @__PURE__ */ jsxRuntime.jsx(JobSearchResult, { filteredJobs, onJobSelect, searchTerm })
490
492
  ] }),
491
- activeTab === "jobCode" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$b("select-jobs-section"), children: [
492
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$b("category-section"), children: [
493
+ activeTab === "jobCode" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("select-jobs-section"), children: [
494
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("category-section"), children: [
493
495
  /* @__PURE__ */ jsxRuntime.jsx(
494
496
  salesFrontendDesignSystem.Select,
495
497
  {
@@ -911,7 +913,7 @@ const FormTextField = ({
911
913
  );
912
914
  };
913
915
 
914
- const cx$a = classNames.bind(styles$1);
916
+ const cx$c = classNames.bind(styles$1);
915
917
  const StepIndicator = ({
916
918
  items,
917
919
  onClickItem,
@@ -946,26 +948,26 @@ const StepIndicator = ({
946
948
  salesFrontendDesignSystem.ModalUtils.alert("\uC774\uC804 \uB2E8\uACC4\uB97C \uBAA8\uB450 \uC644\uB8CC\uD574\uC57C \uC120\uD0DD\uD55C \uB2E8\uACC4\uB85C\n\uC774\uB3D9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", "\uC774\uC804 \uB2E8\uACC4\uB97C \uBA3C\uC800 \uC9C4\uD589\uD574\uC8FC\uC138\uC694");
947
949
  }
948
950
  };
949
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("stepper-layout", { loading: isLoading }), children: [
950
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$a("stepper"), children: steps.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
951
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("stepper-layout", { loading: isLoading }), children: [
952
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$c("stepper"), children: steps.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
951
953
  /* @__PURE__ */ jsxRuntime.jsx(
952
954
  "div",
953
955
  {
954
- className: cx$a(
956
+ className: cx$c(
955
957
  "circle",
956
958
  { completed: item.isCompleted ?? false },
957
959
  { active: defaultValue === item.value || current === idx }
958
960
  ),
959
961
  onClick: () => handleClickStep?.(item),
960
- children: item.isCompleted ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$a("completed-icon") }) : idx + 1
962
+ children: item.isCompleted ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$c("completed-icon") }) : idx + 1
961
963
  }
962
964
  ),
963
- idx < steps.length - 1 && Array.from({ length: dotCount }).map((_, dotIdx) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$a("dot") }, `dot-${idx}-${dotIdx}`))
965
+ idx < steps.length - 1 && Array.from({ length: dotCount }).map((_, dotIdx) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$c("dot") }, `dot-${idx}-${dotIdx}`))
964
966
  ] }, `num-${idx}`)) }),
965
- /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx$a("step-labels"), children: steps.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
967
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx$c("step-labels"), children: steps.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
966
968
  "li",
967
969
  {
968
- className: cx$a(
970
+ className: cx$c(
969
971
  { completed: steps[idx < 1 ? idx : idx - 1]?.isCompleted ?? false },
970
972
  { active: defaultValue === item.value || current === idx }
971
973
  ),
@@ -977,7 +979,7 @@ const StepIndicator = ({
977
979
  ] });
978
980
  };
979
981
 
980
- const cx$9 = classNames.bind(styles$2);
982
+ const cx$b = classNames.bind(styles$2);
981
983
  function Attachment({
982
984
  photos,
983
985
  onAddPhoto,
@@ -994,14 +996,14 @@ function Attachment({
994
996
  };
995
997
  const renderPhotoSingle = () => {
996
998
  if (photos.length === 0) {
997
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$9("single-photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { className: cx$9("add-photo-button-single"), onClick: handleAddPhoto, children: [
999
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$b("single-photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { className: cx$b("add-photo-button-single"), onClick: handleAddPhoto, children: [
998
1000
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustCamera, {}),
999
1001
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonText || "\uC0AC\uC9C4 \uCCA8\uBD80\uD558\uAE30" })
1000
1002
  ] }) });
1001
1003
  }
1002
- return photos.map((photo) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$9("single-photo-item"), children: [
1003
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$9("photo-placeholder"), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: photo.src, alt: photo.name, className: cx$9("photo-image") }) }),
1004
- /* @__PURE__ */ jsxRuntime.jsx("button", { className: cx$9("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
1004
+ return photos.map((photo) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$b("single-photo-item"), children: [
1005
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$b("photo-placeholder"), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: photo.src, alt: photo.name, className: cx$b("photo-image") }) }),
1006
+ /* @__PURE__ */ jsxRuntime.jsx("button", { className: cx$b("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
1005
1007
  ] }, photo.id));
1006
1008
  };
1007
1009
  const renderPhotoGrid = () => {
@@ -1009,12 +1011,12 @@ function Attachment({
1009
1011
  const gridItems = [];
1010
1012
  if (photos.length < maxPhotos) {
1011
1013
  gridItems.push(
1012
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$9("photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { className: cx$9("add-photo-button"), onClick: handleAddPhoto, children: [
1014
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$b("photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { className: cx$b("add-photo-button"), onClick: handleAddPhoto, children: [
1013
1015
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustCamera, {}),
1014
1016
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonText || "\uCCA8\uBD80\uD558\uAE30" }),
1015
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx$9("photo-count"), children: [
1017
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx$b("photo-count"), children: [
1016
1018
  "(",
1017
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$9("photo-count-number"), children: photos.length }),
1019
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$b("photo-count-number"), children: photos.length }),
1018
1020
  "/",
1019
1021
  maxPhotos,
1020
1022
  ")"
@@ -1024,9 +1026,9 @@ function Attachment({
1024
1026
  }
1025
1027
  photos.forEach((photo) => {
1026
1028
  gridItems.push(
1027
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$9("photo-item"), children: [
1028
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$9("photo-placeholder"), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: photo.src, alt: photo.name, className: cx$9("photo-image") }) }),
1029
- /* @__PURE__ */ jsxRuntime.jsx("button", { className: cx$9("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
1029
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$b("photo-item"), children: [
1030
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$b("photo-placeholder"), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: photo.src, alt: photo.name, className: cx$b("photo-image") }) }),
1031
+ /* @__PURE__ */ jsxRuntime.jsx("button", { className: cx$b("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
1030
1032
  ] }, photo.id)
1031
1033
  );
1032
1034
  });
@@ -1037,9 +1039,9 @@ function Attachment({
1037
1039
  return null;
1038
1040
  }
1039
1041
  if (type === "single") {
1040
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$9("photo-single"), children: renderPhotoSingle() });
1042
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$b("photo-single"), children: renderPhotoSingle() });
1041
1043
  }
1042
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$9("photo-grid", { linear: type === "linear" }), children: renderPhotoGrid() });
1044
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$b("photo-grid", { linear: type === "linear" }), children: renderPhotoGrid() });
1043
1045
  }
1044
1046
 
1045
1047
  const maxImageSize = 3 * 1024 * 1024;
@@ -1486,12 +1488,12 @@ function useCanvasPaint(paintProps = {}) {
1486
1488
 
1487
1489
  const testSignatureBase64Data = "data:image/png;base64,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";
1488
1490
 
1489
- const cx$8 = classNames.bind(styles$3);
1491
+ const cx$a = classNames.bind(styles$3);
1490
1492
  const { InputBox: InputBox$1, Input: Input$1 } = salesFrontendDesignSystem.FormCore;
1491
1493
  const AddressSearchInitialText = () => {
1492
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-result-list"), children: [
1493
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx$8("guide-title"), children: "\uC774\uB807\uAC8C \uAC80\uC0C9\uD574 \uBCF4\uC138\uC694." }),
1494
- /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: cx$8("guide"), children: [
1494
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("search-result-list"), children: [
1495
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx$a("guide-title"), children: "\uC774\uB807\uAC8C \uAC80\uC0C9\uD574 \uBCF4\uC138\uC694." }),
1496
+ /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: cx$a("guide"), children: [
1495
1497
  /* @__PURE__ */ jsxRuntime.jsx("li", { children: "\uB3C4\uB85C\uBA85/\uC9C0\uBA85\uACFC \uAC74\uBB3C\uBC88\uD638\uB97C \uD568\uAED8 \uC785\uB825\uD574\uC8FC\uC138\uC694" }),
1496
1498
  /* @__PURE__ */ jsxRuntime.jsx("li", { children: "\uC608) 63\uB85C 50, \uC5EC\uC758\uB3C4\uB3D9 60" }),
1497
1499
  /* @__PURE__ */ jsxRuntime.jsx("li", { children: "\uC9C0\uBA85\uC740 \uB3D9/\uC74D/\uBA74/\uB9AC\uB85C \uC785\uB825\uD574\uC8FC\uC138\uC694" }),
@@ -1507,8 +1509,8 @@ const AddressSearchResult = ({
1507
1509
  searchKeyword,
1508
1510
  selectedAddress
1509
1511
  }) => {
1510
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-result-list"), children: [
1511
- /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$8("guide-title"), children: [
1512
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("search-result-list"), children: [
1513
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$a("guide-title"), children: [
1512
1514
  "\uCD1D ",
1513
1515
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: addressSearchList.length }),
1514
1516
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
@@ -1520,15 +1522,15 @@ const AddressSearchResult = ({
1520
1522
  return {
1521
1523
  value: JSON.stringify(item),
1522
1524
  select: item.roadNameBaseAddress === selectedAddress?.roadNameBaseAddress && item.roadNameDetailAddress === selectedAddress?.roadNameDetailAddress && item.mainBuildingName === selectedAddress?.mainBuildingName,
1523
- label: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-result"), children: [
1524
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$8("zipcode"), children: highlightOnSearchKeyword$1(`${item.firstPostalCode}${item.secondPostalCode}`, searchKeyword) }),
1525
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$8("divider") }),
1526
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("address-info"), children: [
1527
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$8("address"), children: highlightOnSearchKeyword$1(
1525
+ label: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("search-result"), children: [
1526
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$a("zipcode"), children: highlightOnSearchKeyword$1(`${item.firstPostalCode}${item.secondPostalCode}`, searchKeyword) }),
1527
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$a("divider") }),
1528
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("address-info"), children: [
1529
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$a("address"), children: highlightOnSearchKeyword$1(
1528
1530
  `${item.roadNameBaseAddress} ${item.roadNameDetailAddress} ${item.mainBuildingName}`,
1529
1531
  searchKeyword
1530
1532
  ) }),
1531
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$8("old-address"), children: highlightOnSearchKeyword$1(
1533
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$a("old-address"), children: highlightOnSearchKeyword$1(
1532
1534
  `${item.landNumberBaseAddress} ${item.landNumberDetailAddress}`,
1533
1535
  searchKeyword
1534
1536
  ) })
@@ -1537,7 +1539,7 @@ const AddressSearchResult = ({
1537
1539
  id: JSON.stringify(item)
1538
1540
  };
1539
1541
  }),
1540
- className: cx$8("radio-group"),
1542
+ className: cx$a("radio-group"),
1541
1543
  name: "address-search",
1542
1544
  size: "medium",
1543
1545
  defaultValue: "",
@@ -1552,36 +1554,42 @@ const AddressSearchResult = ({
1552
1554
  ] });
1553
1555
  };
1554
1556
  const AddressSearchDetailInput = ({
1555
- addressStandardizationList,
1557
+ selectedStandardizationAddress,
1556
1558
  onDetailChange,
1557
- onStandardizationChange,
1558
1559
  step,
1560
+ onStandardizationChange,
1559
1561
  detailAddressInput
1560
1562
  }) => {
1561
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-result-list"), children: [
1563
+ const { land, road } = selectedStandardizationAddress;
1564
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("search-result-list"), children: [
1562
1565
  /* @__PURE__ */ jsxRuntime.jsx(
1563
- salesFrontendDesignSystem.RadioGroup,
1566
+ salesFrontendDesignSystem.Radio.Root,
1564
1567
  {
1565
- items: addressStandardizationList.map((item) => {
1566
- return {
1567
- value: JSON.stringify(item),
1568
- select: true,
1569
- label: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-result"), children: [
1570
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$8("zipcode"), children: `${item.firstPostalCode}${item.secondPostalCode}` }),
1571
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$8("divider") }),
1572
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("address-info"), children: [
1573
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$8("address"), children: `${item.baseAddress} ${item.detailAddress}` }),
1574
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$8("old-address"), children: `${item.baseAddress} ${item.detailAddress}` })
1575
- ] })
1576
- ] }),
1577
- id: JSON.stringify(item)
1578
- };
1579
- }),
1580
- className: cx$8("radio-group"),
1581
1568
  name: "address-search-standardization",
1582
1569
  size: "medium",
1583
- defaultValue: "",
1584
- onChange: onStandardizationChange
1570
+ defaultValue: JSON.stringify(selectedStandardizationAddress),
1571
+ children: /* @__PURE__ */ jsxRuntime.jsx(
1572
+ salesFrontendDesignSystem.Radio.Item,
1573
+ {
1574
+ className: cx$a("radio-group"),
1575
+ value: JSON.stringify(selectedStandardizationAddress),
1576
+ onChange: onStandardizationChange,
1577
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("search-result"), children: [
1578
+ /* @__PURE__ */ jsxRuntime.jsx(
1579
+ "div",
1580
+ {
1581
+ className: cx$a("zipcode"),
1582
+ children: `${selectedStandardizationAddress.land?.firstPostalCode}${land?.secondPostalCode}`
1583
+ }
1584
+ ),
1585
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$a("divider") }),
1586
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$a("address-info"), children: [
1587
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$a("address"), children: `${road?.baseAddress} ${road?.detailAddress}` }),
1588
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$a("old-address"), children: `${land?.baseAddress} ${land?.detailAddress}` })
1589
+ ] })
1590
+ ] })
1591
+ }
1592
+ )
1585
1593
  }
1586
1594
  ),
1587
1595
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "d-flex gap-medium items-center", children: [
@@ -1622,7 +1630,8 @@ function AddressComponent({ isOpen, onClose, setValue }) {
1622
1630
  searchInput,
1623
1631
  selectedAddress,
1624
1632
  onStandardizationChange,
1625
- addressStandardizationList
1633
+ selectedStandardizationAddress,
1634
+ isLoading
1626
1635
  } = useSearchAddress({
1627
1636
  setValue,
1628
1637
  onClose,
@@ -1645,7 +1654,7 @@ function AddressComponent({ isOpen, onClose, setValue }) {
1645
1654
  }
1646
1655
  ) }),
1647
1656
  addressSearchStep === "initial" && /* @__PURE__ */ jsxRuntime.jsx(AddressSearchInitialText, {}),
1648
- addressSearchStep === "search-result" && /* @__PURE__ */ jsxRuntime.jsx(
1657
+ !isLoading && addressSearchStep === "search-result" && /* @__PURE__ */ jsxRuntime.jsx(
1649
1658
  AddressSearchResult,
1650
1659
  {
1651
1660
  onChange: onSelectChange,
@@ -1654,10 +1663,10 @@ function AddressComponent({ isOpen, onClose, setValue }) {
1654
1663
  selectedAddress
1655
1664
  }
1656
1665
  ),
1657
- addressSearchStep === "detail-input" && selectedAddress && /* @__PURE__ */ jsxRuntime.jsx(
1666
+ !isLoading && addressSearchStep === "detail-input" && selectedAddress && selectedStandardizationAddress && /* @__PURE__ */ jsxRuntime.jsx(
1658
1667
  AddressSearchDetailInput,
1659
1668
  {
1660
- addressStandardizationList,
1669
+ selectedStandardizationAddress,
1661
1670
  onStandardizationChange,
1662
1671
  onDetailChange: setDetail,
1663
1672
  step: addressSearchStep,
@@ -1700,11 +1709,11 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
1700
1709
  detailAddress: "",
1701
1710
  roadNameYn: "Y"
1702
1711
  });
1703
- const { data: addressData } = method.useSearchAddressQuery(
1712
+ const { data: addressData, isLoading: isLoadingAddress } = method.useSearchAddressQuery(
1704
1713
  { searchKeyWord: searchKeyword },
1705
1714
  { enabled: !!searchKeyword && searchType === "address" }
1706
1715
  );
1707
- const { data: postalData } = method.useSearchPostalCodeQuery(
1716
+ const { data: postalData, isLoading: isLoadingPostalCode } = method.useSearchPostalCodeQuery(
1708
1717
  { searchWordName: searchKeyword },
1709
1718
  { enabled: !!searchKeyword && searchType === "postalcode" }
1710
1719
  );
@@ -1812,8 +1821,17 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
1812
1821
  setSearchKeyword("");
1813
1822
  }
1814
1823
  }, [isOpen]);
1824
+ React.useEffect(() => {
1825
+ const road = standardizedData?.data?.addressStandardizationList[1];
1826
+ const land = standardizedData?.data?.addressStandardizationList[2];
1827
+ if (road && land) {
1828
+ setSelectedStandardizationAddress({
1829
+ land,
1830
+ road
1831
+ });
1832
+ }
1833
+ }, [standardizedData]);
1815
1834
  return {
1816
- addressStandardizationList: standardizedData?.data?.addressStandardizationList || [],
1817
1835
  selectedStandardizationAddress,
1818
1836
  onStandardizationChange,
1819
1837
  onAddressSearchClear: onClear,
@@ -1830,7 +1848,8 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
1830
1848
  onSelectChange,
1831
1849
  setDetail,
1832
1850
  search,
1833
- searchInput
1851
+ searchInput,
1852
+ isLoading: isLoadingAddress || isLoadingPostalCode
1834
1853
  };
1835
1854
  }
1836
1855
  const useAddressComponent = () => {
@@ -1844,69 +1863,330 @@ const useAddressComponent = () => {
1844
1863
  };
1845
1864
  };
1846
1865
 
1847
- const BANK_LIST = [
1848
- { label: "HSBC", value: "HSBC", Icon: salesFrontendAssets.IconGraphicsBankHsbc },
1849
- { label: "KEB\uD558\uB098", value: "KEB\uD558\uB098", Icon: salesFrontendAssets.IconGraphicsBankKebHana },
1850
- { label: "SC\uC81C\uC77C", value: "SC\uC81C\uC77C", Icon: salesFrontendAssets.IconGraphicsBankScJeil },
1851
- { label: "\uACBD\uB0A8", value: "\uACBD\uB0A8", Icon: salesFrontendAssets.IconGraphicsBankGyeongnam },
1852
- { label: "\uAD11\uC8FC", value: "\uAD11\uC8FC", Icon: salesFrontendAssets.IconGraphicsBankGwangju },
1853
- { label: "\uAD6D\uBBFC", value: "\uAD6D\uBBFC", Icon: salesFrontendAssets.IconGraphicsBankKukmin },
1854
- { label: "\uAE30\uC5C5", value: "\uAE30\uC5C5", Icon: salesFrontendAssets.IconGraphicsBankKiup },
1855
- { label: "\uC9C0\uC5ED\uB18D\uD611", value: "\uC9C0\uC5ED\uB18D\uD611", Icon: salesFrontendAssets.IconGraphicsBankJiyeokNonghyeop },
1856
- { label: "NH\uB18D\uD611", value: "NH\uB18D\uD611", Icon: salesFrontendAssets.IconGraphicsBankNhNonghyeop },
1857
- { label: "\uB300\uAD6C", value: "\uB300\uAD6C", Icon: salesFrontendAssets.IconGraphicsBankDaegu },
1858
- { label: "\uBD80\uC0B0", value: "\uBD80\uC0B0", Icon: salesFrontendAssets.IconGraphicsBankBusan },
1859
- { label: "\uC0B0\uB9BC\uC870\uD569", value: "\uC0B0\uB9BC\uC870\uD569", Icon: salesFrontendAssets.IconGraphicsBankSanlim },
1860
- { label: "\uC0B0\uC5C5", value: "\uC0B0\uC5C5", Icon: salesFrontendAssets.IconGraphicsBankSaneop },
1861
- { label: "\uC0C8\uB9C8\uC744\uAE08\uACE0", value: "\uC0C8\uB9C8\uC744\uAE08\uACE0", Icon: salesFrontendAssets.IconGraphicsBankSaemaulGeumgo },
1862
- { label: "\uC218\uD611", value: "\uC218\uD611", Icon: salesFrontendAssets.IconGraphicsBankSuhyeop },
1863
- { label: "\uC2E0\uD55C", value: "\uC2E0\uD55C", Icon: salesFrontendAssets.IconGraphicsBankSinhan },
1864
- { label: "\uC2E0\uD611", value: "\uC2E0\uD611", Icon: salesFrontendAssets.IconGraphicsBankSinhyeop },
1865
- { label: "\uC678\uD658", value: "\uC678\uD658", Icon: salesFrontendAssets.IconGraphicsBankOehwan },
1866
- { label: "\uC6B0\uB9AC", value: "\uC6B0\uB9AC", Icon: salesFrontendAssets.IconGraphicsBankWoori },
1867
- { label: "\uC6B0\uCCB4\uAD6D", value: "\uC6B0\uCCB4\uAD6D", Icon: salesFrontendAssets.IconGraphicsBankPost },
1868
- { label: "\uC800\uCD95", value: "\uC800\uCD95", Icon: salesFrontendAssets.IconGraphicsBankJeochuk },
1869
- { label: "\uC804\uBD81", value: "\uC804\uBD81", Icon: salesFrontendAssets.IconGraphicsBankJeonbuk },
1870
- { label: "\uC81C\uC8FC", value: "\uC81C\uC8FC", Icon: salesFrontendAssets.IconGraphicsBankJeju },
1871
- { label: "\uCE74\uCE74\uC624\uBC45\uD06C", value: "\uCE74\uCE74\uC624\uBC45\uD06C", Icon: salesFrontendAssets.IconGraphicsBankKakaoBank },
1872
- { label: "\uCF00\uC774\uBC45\uD06C", value: "\uCF00\uC774\uBC45\uD06C", Icon: salesFrontendAssets.IconGraphicsBankKBank },
1873
- { label: "\uD55C\uAD6D\uC528\uD2F0", value: "\uD55C\uAD6D\uC528\uD2F0", Icon: salesFrontendAssets.IconGraphicsBankHankookCity }
1874
- ];
1875
- const STOCK_LIST = [
1876
- { label: "DB\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "DB\uAE08\uC735\uD22C\uC790", Icon: salesFrontendAssets.IconGraphicsStockDbGeumyungTujajeungkwon },
1877
- { label: "KB\uC99D\uAD8C", value: "KB\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockKbJeungkwon },
1878
- { label: "NH(\uC6B0\uB9AC)\n\uD22C\uC790\uC99D\uAD8C", value: "NH(\uC6B0\uB9AC)\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockNhWooriTujajeungkwon },
1879
- { label: "NH\n\uD22C\uC790\uC99D\uAD8C", value: "NH\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockNhTujajeungkwon },
1880
- { label: "SK\uC99D\uAD8C", value: "SK\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSkJeungkwon },
1881
- { label: "\uAD50\uBCF4\uC99D\uAD8C", value: "\uAD50\uBCF4\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockGyoboJeungkwon },
1882
- { label: "\uB300\uC2E0\uC99D\uAD8C", value: "\uB300\uC2E0\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockDaesinJeungkwon },
1883
- { label: "\uBA54\uB9AC\uCE20\uC99D\uAD8C", value: "\uBA54\uB9AC\uCE20\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockMeritzJeungkwon },
1884
- { label: "\uBBF8\uB798\uC5D0\uC14B\n\uC99D\uAD8C", value: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockMiraeAssetJeungkwon },
1885
- { label: "\uBD80\uAD6D\uC99D\uAD8C", value: "\uBD80\uAD6D\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockBugukJeungkwon },
1886
- { label: "\uC0BC\uC131\uC99D\uAD8C", value: "\uC0BC\uC131\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSamsungJeungkwon },
1887
- { label: "\uC2E0\uC601\uC99D\uAD8C", value: "\uC2E0\uC601\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSinyeongJeungkwon },
1888
- { label: "\uC2E0\uD55C\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSinhanTujajeungkwon },
1889
- { label: "\uC720\uC548\uD0C0\uC99D\uAD8C", value: "\uC720\uC548\uD0C0\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockYuantaJeungkwon },
1890
- { label: "\uC720\uC9C4\n\uD22C\uC790\uC99D\uAD8C", value: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockYujinTujajeungkwon },
1891
- { label: "\uD0A4\uC6C0\uC99D\uAD8C", value: "\uD0A4\uC6C0\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockKiwoomJeungkwon },
1892
- { label: "\uD558\uB098\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "\uD558\uB098\uAE08\uC735\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHanaGeumyungTujajeungkwon },
1893
- { label: "\uD558\uC774\n\uD22C\uC790\uC99D\uAD8C", value: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHiTujajeungkwon },
1894
- { label: "\uD55C\uAD6D\uC99D\uAD8C\n\uAE08\uC735", value: "\uD55C\uAD6D\uC99D\uAD8C\uAE08\uC735", Icon: salesFrontendAssets.IconGraphicsStockHankookJeungkwonGeumyung },
1895
- { label: "\uD55C\uAD6D\n\uD22C\uC790\uC99D\uAD8C", value: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHankookTujajeungkwon },
1896
- { label: "\uD55C\uD654\n\uD22C\uC790\uC99D\uAD8C", value: "\uD55C\uD654\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHanwhaTujajeungkwon },
1897
- { label: "\uD604\uB300\uCC28\uC99D\uAD8C", value: "\uD604\uB300\uCC28\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHyundaiChaJeungkwon },
1898
- { label: "\uD638\uCD9C\uC5C6\uC74C", value: "\uD638\uCD9C\uC5C6\uC74C", Icon: salesFrontendAssets.IconGraphicsStockHochulEopsum }
1866
+ const CODE_ICON_LIST = [
1867
+ {
1868
+ codeVal: "002",
1869
+ codeName: "\uC0B0\uC5C5\uC740\uD589",
1870
+ replaceName: "\uC0B0\uC5C5",
1871
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSaneop, {})
1872
+ },
1873
+ {
1874
+ codeVal: "003",
1875
+ codeName: "\uAE30\uC5C5\uC740\uD589",
1876
+ replaceName: "\uAE30\uC5C5",
1877
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKiup, {})
1878
+ },
1879
+ {
1880
+ codeVal: "004",
1881
+ codeName: "\uAD6D\uBBFC\uC740\uD589",
1882
+ replaceName: "\uAD6D\uBBFC",
1883
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKukmin, {})
1884
+ },
1885
+ {
1886
+ codeVal: "007",
1887
+ codeName: "\uC218\uD611\uC740\uD589",
1888
+ replaceName: "\uC218\uD611",
1889
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSuhyeop, {})
1890
+ },
1891
+ {
1892
+ codeVal: "009",
1893
+ codeName: "\uC7A5\uAE30\uC2E0\uC6A9\uC740\uD589",
1894
+ replaceName: "\uC7A5\uAE30\uC2E0\uC6A9",
1895
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJangGiSinYong, {})
1896
+ },
1897
+ {
1898
+ codeVal: "011",
1899
+ codeName: "\uB18D\uD611\uC740\uD589",
1900
+ replaceName: "NH\uB18D\uD611",
1901
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankNhNonghyeop, {})
1902
+ },
1903
+ {
1904
+ codeVal: "012",
1905
+ codeName: "\uB18D\uC870",
1906
+ replaceName: "\uC9C0\uC5ED\uB18D\uD611",
1907
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJiyeokNonghyeop, {})
1908
+ },
1909
+ {
1910
+ codeVal: "020",
1911
+ codeName: "\uC6B0\uB9AC\uC740\uD589",
1912
+ replaceName: "\uC6B0\uB9AC",
1913
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankWoori, {})
1914
+ },
1915
+ {
1916
+ codeVal: "023",
1917
+ codeName: "\uC2A4\uD0E0\uB2E4\uB4DC\uCC28\uD0C0\uB4DC",
1918
+ replaceName: "SC\uC81C\uC77C",
1919
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankScJeil, {})
1920
+ },
1921
+ {
1922
+ codeVal: "026",
1923
+ codeName: "(\uAD6C)\uC2E0\uD55C\uC740\uD589",
1924
+ replaceName: "\uC2E0\uD55C",
1925
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhan, {})
1926
+ },
1927
+ {
1928
+ codeVal: "027",
1929
+ codeName: "\uD55C\uAD6D\uC528\uD2F0\uC740\uD589",
1930
+ replaceName: "\uD55C\uAD6D\uC528\uD2F0",
1931
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankHankookCity, {})
1932
+ },
1933
+ {
1934
+ codeVal: "031",
1935
+ codeName: "iM(\uB300\uAD6C)\uBC45\uD06C",
1936
+ replaceName: "\uB300\uAD6C",
1937
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankDaegu, {})
1938
+ },
1939
+ {
1940
+ codeVal: "032",
1941
+ codeName: "\uBD80\uC0B0\uC740\uD589",
1942
+ replaceName: "\uBD80\uC0B0",
1943
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankBusan, {})
1944
+ },
1945
+ {
1946
+ codeVal: "034",
1947
+ codeName: "\uAD11\uC8FC\uC740\uD589",
1948
+ replaceName: "\uAD11\uC8FC",
1949
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankGwangju, {})
1950
+ },
1951
+ {
1952
+ codeVal: "035",
1953
+ codeName: "\uC81C\uC8FC\uC740\uD589",
1954
+ replaceName: "\uC81C\uC8FC",
1955
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJeju, {})
1956
+ },
1957
+ {
1958
+ codeVal: "037",
1959
+ codeName: "\uC804\uBD81\uC740\uD589",
1960
+ replaceName: "\uC804\uBD81",
1961
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJeonbuk, {})
1962
+ },
1963
+ {
1964
+ codeVal: "039",
1965
+ codeName: "\uACBD\uB0A8\uC740\uD589",
1966
+ replaceName: "\uACBD\uB0A8",
1967
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankGyeongnam, {})
1968
+ },
1969
+ {
1970
+ codeVal: "045",
1971
+ codeName: "\uC0C8\uB9C8\uC744\uAE08\uACE0\uC911\uC559\uD68C",
1972
+ replaceName: "\uC0C8\uB9C8\uC744\uAE08\uACE0",
1973
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSaemaulGeumgo, {})
1974
+ },
1975
+ {
1976
+ codeVal: "048",
1977
+ codeName: "\uC2E0\uD611",
1978
+ replaceName: "\uC2E0\uD611",
1979
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhyeop, {})
1980
+ },
1981
+ {
1982
+ codeVal: "050",
1983
+ codeName: "\uC800\uCD95\uC740\uD589",
1984
+ replaceName: "\uC800\uCD95",
1985
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJeochuk, {})
1986
+ },
1987
+ {
1988
+ codeVal: "054",
1989
+ codeName: "HSBC\uC740\uD589",
1990
+ replaceName: "HSBC",
1991
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankHsbc, {})
1992
+ },
1993
+ {
1994
+ codeVal: "056",
1995
+ codeName: "\uC5D0\uC774\uBE44\uC5D4\uC554\uB85C\uC740\uD589",
1996
+ replaceName: "\uC5D0\uC774\uBE44\uC5D4\uC554\uB85C",
1997
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankABNAMRO, {})
1998
+ },
1999
+ {
2000
+ codeVal: "064",
2001
+ codeName: "\uC0B0\uB9BC\uC870\uD569\uC911\uC559\uD68C",
2002
+ replaceName: "\uC0B0\uB9BC\uC870\uD569",
2003
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSanlim, {})
2004
+ },
2005
+ {
2006
+ codeVal: "071",
2007
+ codeName: "\uC6B0\uCCB4\uAD6D",
2008
+ replaceName: "\uC6B0\uCCB4\uAD6D",
2009
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankPost, {})
2010
+ },
2011
+ {
2012
+ codeVal: "081",
2013
+ codeName: "KEB\uD558\uB098\uC740\uD589",
2014
+ replaceName: "KEB\uD558\uB098",
2015
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKebHana, {})
2016
+ },
2017
+ {
2018
+ codeVal: "088",
2019
+ codeName: "\uC2E0\uD55C\uC740\uD589",
2020
+ replaceName: "\uC2E0\uD55C",
2021
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhan, {})
2022
+ },
2023
+ {
2024
+ codeVal: "089",
2025
+ codeName: "\uCF00\uC774\uBC45\uD06C",
2026
+ replaceName: "\uCF00\uC774\uBC45\uD06C",
2027
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKBank, {})
2028
+ },
2029
+ {
2030
+ codeVal: "090",
2031
+ codeName: "\uCE74\uCE74\uC624\uBC45\uD06C",
2032
+ replaceName: "\uCE74\uCE74\uC624\uBC45\uD06C",
2033
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKakaoBank, {})
2034
+ },
2035
+ {
2036
+ codeVal: "092",
2037
+ codeName: "\uD1A0\uC2A4\uBC45\uD06C",
2038
+ replaceName: "\uD1A0\uC2A4\uBC45\uD06C",
2039
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankTossBank, {})
2040
+ },
2041
+ {
2042
+ codeVal: "209",
2043
+ codeName: "\uC720\uC548\uD0C0\uC99D\uAD8C",
2044
+ replaceName: "\uC720\uC548\uD0C0\uC99D\uAD8C",
2045
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockYuantaJeungkwon, {})
2046
+ },
2047
+ {
2048
+ codeVal: "218",
2049
+ codeName: "KB\uC99D\uAD8C",
2050
+ replaceName: "KB\uC99D\uAD8C",
2051
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockKbJeungkwon, {})
2052
+ },
2053
+ {
2054
+ codeVal: "230",
2055
+ codeName: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C",
2056
+ replaceName: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C",
2057
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockMiraeAssetJeungkwon, {})
2058
+ },
2059
+ {
2060
+ codeVal: "238",
2061
+ codeName: "\uB300\uC6B0\uC99D\uAD8C",
2062
+ replaceName: "\uB300\uC6B0\uC99D\uAD8C",
2063
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockMiraeAssetJeungkwon, {})
2064
+ },
2065
+ {
2066
+ codeVal: "240",
2067
+ codeName: "\uC0BC\uC131\uC99D\uAD8C",
2068
+ replaceName: "\uC0BC\uC131\uC99D\uAD8C",
2069
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSamsungJeungkwon, {})
2070
+ },
2071
+ {
2072
+ codeVal: "243",
2073
+ codeName: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C",
2074
+ replaceName: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C",
2075
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHankookTujajeungkwon, {})
2076
+ },
2077
+ {
2078
+ codeVal: "247",
2079
+ codeName: "\uC6B0\uB9AC\uD22C\uC790\uC99D\uAD8C",
2080
+ replaceName: "NH(\uC6B0\uB9AC)\uD22C\uC790\uC99D\uAD8C",
2081
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockNhWooriTujajeungkwon, {})
2082
+ },
2083
+ {
2084
+ codeVal: "261",
2085
+ codeName: "\uAD50\uBCF4\uC99D\uAD8C",
2086
+ replaceName: "\uAD50\uBCF4\uC99D\uAD8C",
2087
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockGyoboJeungkwon, {})
2088
+ },
2089
+ {
2090
+ codeVal: "262",
2091
+ codeName: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C",
2092
+ replaceName: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C",
2093
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHiTujajeungkwon, {})
2094
+ },
2095
+ {
2096
+ codeVal: "263",
2097
+ codeName: "\uD604\uB300\uCC28\uD22C\uC790\uC99D\uAD8C",
2098
+ replaceName: "\uD604\uB300\uCC28\uC99D\uAD8C",
2099
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHyundaiChaJeungkwon, {})
2100
+ },
2101
+ {
2102
+ codeVal: "264",
2103
+ codeName: "\uD0A4\uC6C0\uC99D\uAD8C",
2104
+ replaceName: "\uD0A4\uC6C0\uC99D\uAD8C",
2105
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockKiwoomJeungkwon, {})
2106
+ },
2107
+ {
2108
+ codeVal: "266",
2109
+ codeName: "SK\uC99D\uAD8C",
2110
+ replaceName: "SK\uC99D\uAD8C",
2111
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSkJeungkwon, {})
2112
+ },
2113
+ {
2114
+ codeVal: "267",
2115
+ codeName: "\uB300\uC2E0\uC99D\uAD8C",
2116
+ replaceName: "\uB300\uC2E0\uC99D\uAD8C",
2117
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockDaesinJeungkwon, {})
2118
+ },
2119
+ {
2120
+ codeVal: "269",
2121
+ codeName: "\uD55C\uD654\uC99D\uAD8C",
2122
+ replaceName: "\uD55C\uD654\uD22C\uC790\uC99D\uAD8C",
2123
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHanwhaTujajeungkwon, {})
2124
+ },
2125
+ {
2126
+ codeVal: "270",
2127
+ codeName: "\uD558\uB098\uB300\uD22C\uC99D\uAD8C",
2128
+ replaceName: "\uD558\uB098\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
2129
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHanaGeumyungTujajeungkwon, {})
2130
+ },
2131
+ {
2132
+ codeVal: "278",
2133
+ codeName: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790",
2134
+ replaceName: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
2135
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSinhanTujajeungkwon, {})
2136
+ },
2137
+ {
2138
+ codeVal: "279",
2139
+ codeName: "\uB3D9\uBD80\uC99D\uAD8C",
2140
+ replaceName: "DB\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
2141
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockDbGeumyungTujajeungkwon, {})
2142
+ },
2143
+ {
2144
+ codeVal: "280",
2145
+ codeName: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C",
2146
+ replaceName: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C",
2147
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockYujinTujajeungkwon, {})
2148
+ },
2149
+ {
2150
+ codeVal: "287",
2151
+ codeName: "\uBA54\uB9AC\uCE20\uC99D\uAD8C",
2152
+ replaceName: "\uBA54\uB9AC\uCE20\uC99D\uAD8C",
2153
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockMeritzJeungkwon, {})
2154
+ },
2155
+ {
2156
+ codeVal: "288",
2157
+ codeName: "\uCE74\uCE74\uC624\uD398\uC774\uC99D\uAD8C",
2158
+ replaceName: "\uCE74\uCE74\uC624\uD398\uC774\uC99D\uAD8C",
2159
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockKakaoPayJeungkwon, {})
2160
+ },
2161
+ {
2162
+ codeVal: "289",
2163
+ codeName: "NH\uD22C\uC790\uC99D\uAD8C",
2164
+ replaceName: "NH\uD22C\uC790\uC99D\uAD8C",
2165
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockNhTujajeungkwon, {})
2166
+ },
2167
+ {
2168
+ codeVal: "290",
2169
+ codeName: "\uBD80\uAD6D\uC99D\uAD8C",
2170
+ replaceName: "\uBD80\uAD6D\uC99D\uAD8C",
2171
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockBugukJeungkwon, {})
2172
+ },
2173
+ {
2174
+ codeVal: "291",
2175
+ codeName: "\uC2E0\uC601\uC99D\uAD8C",
2176
+ replaceName: "\uC2E0\uC601\uC99D\uAD8C",
2177
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSinyeongJeungkwon, {})
2178
+ }
1899
2179
  ];
2180
+
1900
2181
  function useBankStockSearch({ onSelect }) {
1901
- const [searchKeyword, setSearchKeyword] = React.useState("");
1902
- const bankList = React.useMemo(() => BANK_LIST.filter((bank) => bank.label.includes(searchKeyword)), [searchKeyword]);
1903
- const stockList = React.useMemo(() => STOCK_LIST.filter((stock) => stock.label.includes(searchKeyword)), [searchKeyword]);
2182
+ const { data } = method.useSearchCommonCodeQuery({ commonCodeId: "BANK_ORGN_DVSN_CODE" });
2183
+ const bankStockList = data?.data?.commonCodeList?.[0]?.codeList;
1904
2184
  const handleSelect = (item) => {
1905
2185
  onSelect(item);
1906
2186
  };
2187
+ const bankList = bankStockList?.filter((bank) => bank.codeVal?.startsWith("0"));
2188
+ const stockList = bankStockList?.filter((stock) => stock.codeVal?.startsWith("2"));
1907
2189
  return {
1908
- searchKeyword,
1909
- setSearchKeyword,
1910
2190
  bankList,
1911
2191
  stockList,
1912
2192
  handleSelect
@@ -1923,10 +2203,20 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
1923
2203
  const renderItems = (list) => {
1924
2204
  const chunkedList = chunk(list, 5);
1925
2205
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4["list-container"], children: chunkedList.map((chunk2, chunkIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.row, children: [
1926
- chunk2.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.item, onClick: () => handleSelect(item), children: [
1927
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4["icon-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx(item.Icon, {}) }),
1928
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
1929
- ] }, item.value)),
2206
+ chunk2.map((item) => {
2207
+ const findItem = CODE_ICON_LIST.find((icon) => icon.codeVal === item.codeVal);
2208
+ const convertedItem = findItem ? findItem : {
2209
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHochulEopsum, {}),
2210
+ replaceName: item.codeName
2211
+ };
2212
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.item, onClick: () => handleSelect(item), children: [
2213
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4["icon-wrapper"], children: convertedItem?.icon }),
2214
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
2215
+ " ",
2216
+ convertedItem?.replaceName
2217
+ ] })
2218
+ ] }, item.codeVal);
2219
+ }),
1930
2220
  chunk2.length < 5 && Array.from({ length: 5 - chunk2.length }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4.item, style: { visibility: "hidden" } }, `placeholder-${chunkIndex}-${i}`))
1931
2221
  ] }, chunkIndex)) });
1932
2222
  };
@@ -1937,33 +2227,33 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
1937
2227
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.container, children: [
1938
2228
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.section, children: [
1939
2229
  /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$4["section-title"], children: "\uC740\uD589\uC0AC" }),
1940
- renderItems(bankList)
2230
+ renderItems(bankList || [])
1941
2231
  ] }),
1942
2232
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.section, children: [
1943
2233
  /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$4["section-title"], children: "\uC99D\uAD8C\uC0AC" }),
1944
- renderItems(stockList)
2234
+ renderItems(stockList || [])
1945
2235
  ] })
1946
2236
  ] }) })
1947
2237
  ] })
1948
2238
  ] });
1949
2239
  }
1950
2240
 
1951
- const cx$7 = classNames.bind(styles$5);
2241
+ const cx$9 = classNames.bind(styles$5);
1952
2242
  function OrganizationSearchResult({
1953
2243
  filteredOrganizations,
1954
2244
  onOrganizationSelect
1955
2245
  }) {
1956
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("result-section"), children: [
1957
- /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$7("result-title"), children: [
2246
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$9("result-section"), children: [
2247
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$9("result-title"), children: [
1958
2248
  "\uCD1D ",
1959
2249
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredOrganizations.length }),
1960
2250
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
1961
2251
  ] }),
1962
2252
  filteredOrganizations.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
1963
2253
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
1964
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC120\uD0DD" }),
1965
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
1966
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uBA85" })
2254
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$9("th-padding"), children: "\uC120\uD0DD" }),
2255
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$9("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
2256
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$9("th-padding"), children: "\uAE30\uAD00\uBA85" })
1967
2257
  ] }) }),
1968
2258
  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredOrganizations.map((organization) => {
1969
2259
  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
@@ -1982,11 +2272,11 @@ function OrganizationSearchResult({
1982
2272
  }) })
1983
2273
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
1984
2274
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
1985
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC120\uD0DD" }),
1986
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
1987
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uBA85" })
2275
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$9("th-padding"), children: "\uC120\uD0DD" }),
2276
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$9("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
2277
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$9("th-padding"), children: "\uAE30\uAD00\uBA85" })
1988
2278
  ] }) }),
1989
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("no-result"), children: [
2279
+ /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$9("no-result"), children: [
1990
2280
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
1991
2281
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
1992
2282
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -1995,8 +2285,8 @@ function OrganizationSearchResult({
1995
2285
  ] });
1996
2286
  }
1997
2287
 
1998
- const { TextField: TextField$1 } = salesFrontendDesignSystem.FormField;
1999
- const cx$6 = classNames.bind(styles$5);
2288
+ const { TextField: TextField$2 } = salesFrontendDesignSystem.FormField;
2289
+ const cx$8 = classNames.bind(styles$5);
2000
2290
  function OrganizationSearch({
2001
2291
  searchTerm,
2002
2292
  setSearchTerm,
@@ -2013,30 +2303,30 @@ function OrganizationSearch({
2013
2303
  setSearchInput("");
2014
2304
  };
2015
2305
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2016
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$6("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("search-filters"), children: [
2017
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("search-filter-section"), children: [
2306
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$8("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-filters"), children: [
2307
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-filter-section"), children: [
2018
2308
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uAE30\uAD00\uBA85/\uCF54\uB4DC" }),
2019
2309
  /* @__PURE__ */ jsxRuntime.jsx(
2020
- TextField$1,
2310
+ TextField$2,
2021
2311
  {
2022
2312
  value: searchInput,
2023
2313
  onChange: (e) => setSearchInput(e.target.value),
2024
2314
  size: "medium",
2025
2315
  onKeyUp: (e) => e.key === "Enter" && handleSearch(),
2026
2316
  rootProps: {
2027
- className: cx$6("search-input"),
2317
+ className: cx$8("search-input"),
2028
2318
  clearable: true,
2029
2319
  onClear: handleReset
2030
2320
  }
2031
2321
  }
2032
2322
  )
2033
2323
  ] }),
2034
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("search-buttons"), children: [
2324
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$8("search-buttons"), children: [
2035
2325
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2036
2326
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
2037
2327
  ] })
2038
2328
  ] }) }),
2039
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$6("divider") }),
2329
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$8("divider") }),
2040
2330
  searchTerm && /* @__PURE__ */ jsxRuntime.jsx(
2041
2331
  OrganizationSearchResult,
2042
2332
  {
@@ -2109,21 +2399,21 @@ const EMPLOYEE_SEARCH_TABS = [
2109
2399
  { value: "WKIS", label: "\uB0B4\uADFC" }
2110
2400
  ];
2111
2401
 
2112
- const cx$5 = classNames.bind(styles$6);
2402
+ const cx$7 = classNames.bind(styles$6);
2113
2403
  function EmployeeSearchResult({ filteredEmployees, onEmployeeSelect }) {
2114
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("result-section"), children: [
2115
- /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$5("result-title"), children: [
2404
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("result-section"), children: [
2405
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$7("result-title"), children: [
2116
2406
  "\uCD1D ",
2117
2407
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredEmployees.length }),
2118
2408
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
2119
2409
  ] }),
2120
2410
  filteredEmployees.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2121
2411
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2122
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC120\uD0DD" }),
2123
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2124
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2125
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2126
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2412
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC120\uD0DD" }),
2413
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2414
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2415
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2416
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2127
2417
  ] }) }),
2128
2418
  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredEmployees.map((employee) => {
2129
2419
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
@@ -2146,13 +2436,13 @@ function EmployeeSearchResult({ filteredEmployees, onEmployeeSelect }) {
2146
2436
  }) })
2147
2437
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2148
2438
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2149
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC120\uD0DD" }),
2150
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2151
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2152
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2153
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2439
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC120\uD0DD" }),
2440
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2441
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2442
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2443
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$7("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2154
2444
  ] }) }),
2155
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("no-result"), children: [
2445
+ /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("no-result"), children: [
2156
2446
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
2157
2447
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
2158
2448
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -2161,8 +2451,8 @@ function EmployeeSearchResult({ filteredEmployees, onEmployeeSelect }) {
2161
2451
  ] });
2162
2452
  }
2163
2453
 
2164
- const { TextField } = salesFrontendDesignSystem.FormField;
2165
- const cx$4 = classNames.bind(styles$6);
2454
+ const { TextField: TextField$1 } = salesFrontendDesignSystem.FormField;
2455
+ const cx$6 = classNames.bind(styles$6);
2166
2456
  function EmployeeSearch({
2167
2457
  activeTab,
2168
2458
  onTabChange,
@@ -2181,11 +2471,11 @@ function EmployeeSearch({
2181
2471
  setSearchInput("");
2182
2472
  };
2183
2473
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2184
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$4("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("search-filters"), children: [
2185
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("search-filter-section"), children: [
2474
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$6("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("search-filters"), children: [
2475
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("search-filter-section"), children: [
2186
2476
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC131\uBA85/\uC0AC\uBC88" }),
2187
2477
  /* @__PURE__ */ jsxRuntime.jsx(
2188
- TextField,
2478
+ TextField$1,
2189
2479
  {
2190
2480
  value: searchInput,
2191
2481
  onChange: (e) => setSearchInput(e.target.value),
@@ -2199,7 +2489,7 @@ function EmployeeSearch({
2199
2489
  }
2200
2490
  )
2201
2491
  ] }),
2202
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("search-filter-section"), children: [
2492
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("search-filter-section"), children: [
2203
2493
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC0AC\uC6D0 \uAD6C\uBD84" }),
2204
2494
  /* @__PURE__ */ jsxRuntime.jsx(
2205
2495
  salesFrontendDesignSystem.Select,
@@ -2212,12 +2502,12 @@ function EmployeeSearch({
2212
2502
  }
2213
2503
  )
2214
2504
  ] }),
2215
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("search-buttons"), children: [
2505
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("search-buttons"), children: [
2216
2506
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2217
2507
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
2218
2508
  ] })
2219
2509
  ] }) }),
2220
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$4("divider") }),
2510
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$6("divider") }),
2221
2511
  searchTerm && /* @__PURE__ */ jsxRuntime.jsx(
2222
2512
  EmployeeSearchResult,
2223
2513
  {
@@ -2293,20 +2583,20 @@ const EmployeeSearchModal = ({ isOpen, onClose, onSelect }) => {
2293
2583
  ] });
2294
2584
  };
2295
2585
 
2296
- const cx$3 = classNames.bind(styles$7);
2586
+ const cx$5 = classNames.bind(styles$7);
2297
2587
  const JobVehicleSearchGrade = ({ riskGrade, hospitalizationGrade }) => {
2298
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("grade-section"), children: [
2299
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("icon-title"), children: [
2588
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("grade-section"), children: [
2589
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("icon-title"), children: [
2300
2590
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustGrade, {}),
2301
2591
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-title5 text-body", children: "\uB4F1\uAE09" })
2302
2592
  ] }),
2303
2593
  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "typo-body2 text-body_3", children: "\uC9C1\uC885, \uC6B4\uC804 \uC5EC\uBD80 \uC120\uD0DD\uC2DC \uC790\uB3D9\uC73C\uB85C \uC0B0\uC815\uB429\uB2C8\uB2E4." }),
2304
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("grade-list"), children: [
2305
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("grade"), children: [
2594
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("grade-list"), children: [
2595
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("grade"), children: [
2306
2596
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\uC704\uD5D8\uB4F1\uAE09" }),
2307
2597
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary typo-subtitle3", children: riskGrade || "-" })
2308
2598
  ] }),
2309
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("grade"), children: [
2599
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("grade"), children: [
2310
2600
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\uC785\uC6D0\uB4F1\uAE09" }),
2311
2601
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary typo-subtitle3", children: hospitalizationGrade || "-" })
2312
2602
  ] })
@@ -2314,16 +2604,16 @@ const JobVehicleSearchGrade = ({ riskGrade, hospitalizationGrade }) => {
2314
2604
  ] });
2315
2605
  };
2316
2606
 
2317
- const cx$2 = classNames.bind(styles$8);
2607
+ const cx$4 = classNames.bind(styles$8);
2318
2608
  function VehicleSearch({ vehicles, onVehicleSelect, selectedVehicle }) {
2319
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$2("vehicle-search-section"), children: [
2609
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("vehicle-search-section"), children: [
2320
2610
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC6B4\uC804 \uCC28\uC885" }),
2321
2611
  /* @__PURE__ */ jsxRuntime.jsx(
2322
2612
  salesFrontendDesignSystem.Radio.Root,
2323
2613
  {
2324
2614
  name: "vehicle-selection",
2325
2615
  size: "small",
2326
- className: cx$2("vehicle-radio-root"),
2616
+ className: cx$4("vehicle-radio-root"),
2327
2617
  defaultValue: selectedVehicle?.integrationCodeValue || "",
2328
2618
  children: vehicles.map((vehicle, index) => /* @__PURE__ */ jsxRuntime.jsxs(
2329
2619
  salesFrontendDesignSystem.Radio.Item,
@@ -2338,7 +2628,7 @@ function VehicleSearch({ vehicles, onVehicleSelect, selectedVehicle }) {
2338
2628
  onVehicleSelect(selected);
2339
2629
  }
2340
2630
  },
2341
- className: cx$2("item"),
2631
+ className: cx$4("item"),
2342
2632
  children: [
2343
2633
  vehicle.integrationCodeValueName,
2344
2634
  "(",
@@ -2415,7 +2705,7 @@ const useJobVehicleSearch = () => {
2415
2705
  };
2416
2706
  };
2417
2707
 
2418
- const cx$1 = classNames.bind(styles$7);
2708
+ const cx$3 = classNames.bind(styles$7);
2419
2709
  function useJobVehicleSearchModal() {
2420
2710
  const {
2421
2711
  selectedVehicle,
@@ -2465,18 +2755,18 @@ function useJobVehicleSearchModal() {
2465
2755
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
2466
2756
  /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
2467
2757
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uC9C1\uC885\xB7\uC6B4\uC804\uCC28\uC885 \uAC80\uC0C9", showCloseButton: true }),
2468
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { className: cx$1("job-vehicle-search-modal"), raw: true, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2469
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("left-panel"), children: [
2470
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("card-section"), children: [
2758
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { className: cx$3("job-vehicle-search-modal"), raw: true, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2759
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("left-panel"), children: [
2760
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("card-section"), children: [
2471
2761
  /* @__PURE__ */ jsxRuntime.jsxs(
2472
2762
  "div",
2473
2763
  {
2474
- className: cx$1("card-menu", { "card-selected": rightPanelView === "jobSearch" }),
2764
+ className: cx$3("card-menu", { "card-selected": rightPanelView === "jobSearch" }),
2475
2765
  onClick: () => setRightPanelView("jobSearch"),
2476
2766
  children: [
2477
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("card-title"), children: [
2478
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustJob, { className: cx$1("card-icon") }),
2479
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$1("card-text", "typo-title5", "text-body"), children: "\uC9C1\uC885" }),
2767
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("card-title"), children: [
2768
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustJob, { className: cx$3("card-icon") }),
2769
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("card-text", "typo-title5", "text-body"), children: "\uC9C1\uC885" }),
2480
2770
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconSubUiArrowRight, {})
2481
2771
  ] }),
2482
2772
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "typo-body2 text-body_2", children: selectedJob ? selectedJob.occupationIndustryName : "\uBBF8\uC120\uD0DD" })
@@ -2486,12 +2776,12 @@ function useJobVehicleSearchModal() {
2486
2776
  /* @__PURE__ */ jsxRuntime.jsxs(
2487
2777
  "div",
2488
2778
  {
2489
- className: cx$1("card-menu", { "card-selected": rightPanelView === "vehicleSelection" }),
2779
+ className: cx$3("card-menu", { "card-selected": rightPanelView === "vehicleSelection" }),
2490
2780
  onClick: () => setRightPanelView("vehicleSelection"),
2491
2781
  children: [
2492
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("card-title"), children: [
2493
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustVehicle, { className: cx$1("card-icon") }),
2494
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$1("card-text", "typo-title5", "text-body"), children: "\uC6B4\uC804 \uC5EC\uBD80\xB7\uCC28\uC885" }),
2782
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("card-title"), children: [
2783
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustVehicle, { className: cx$3("card-icon") }),
2784
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("card-text", "typo-title5", "text-body"), children: "\uC6B4\uC804 \uC5EC\uBD80\xB7\uCC28\uC885" }),
2495
2785
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconSubUiArrowRight, {})
2496
2786
  ] }),
2497
2787
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "typo-body2 text-body_2", children: [
@@ -2504,7 +2794,7 @@ function useJobVehicleSearchModal() {
2504
2794
  ] }),
2505
2795
  /* @__PURE__ */ jsxRuntime.jsx(JobVehicleSearchGrade, { riskGrade, hospitalizationGrade })
2506
2796
  ] }),
2507
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("right-panel"), children: rightPanelView === "jobSearch" ? JobSearch : VehicleSearch })
2797
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$3("right-panel"), children: rightPanelView === "jobSearch" ? JobSearch : VehicleSearch })
2508
2798
  ] }) }),
2509
2799
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Footer, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { variant: "primary", size: "medium", appearance: "filled", width: "full", onClick: validate, children: "\uD655\uC778" }) })
2510
2800
  ] })
@@ -2512,6 +2802,201 @@ function useJobVehicleSearchModal() {
2512
2802
  };
2513
2803
  }
2514
2804
 
2805
+ const cx$2 = classNames.bind(styles$9);
2806
+ function DeaCustomerSearchResult({
2807
+ customerList,
2808
+ onCustomerSelect,
2809
+ selectedCustomer
2810
+ }) {
2811
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$2("result-section"), children: [
2812
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$2("result-title"), children: [
2813
+ "\uCD1D ",
2814
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: customerList.length }),
2815
+ "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
2816
+ ] }),
2817
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2818
+ /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2819
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$2("th-padding"), children: "\uC120\uD0DD" }),
2820
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$2("th-padding"), children: "\uACE0\uAC1DID" }),
2821
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$2("th-padding"), children: "\uACE0\uAC1D\uBA85" }),
2822
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$2("th-padding"), children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
2823
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$2("th-padding"), children: "\uC9C1\uC885\uC5C5\uC885\uBA85" }),
2824
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$2("th-padding"), children: "\uC804\uD654\uBC88\uD638" }),
2825
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$2("th-padding"), children: "\uC8FC\uC18C" })
2826
+ ] }) }),
2827
+ /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: customerList.length > 0 ? customerList.map((customer) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2828
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
2829
+ "input",
2830
+ {
2831
+ type: "radio",
2832
+ name: "customer",
2833
+ value: customer.customerId || "",
2834
+ checked: selectedCustomer?.customerId === customer.customerId,
2835
+ onChange: () => onCustomerSelect(customer)
2836
+ }
2837
+ ) }),
2838
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.customerId }),
2839
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.customerName }),
2840
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.residentNumber }),
2841
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.occupationKindName }),
2842
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.mobilePhoneNumber }),
2843
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.address })
2844
+ ] }, customer.customerId)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 7, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$2("no-result"), children: [
2845
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
2846
+ /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
2847
+ /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
2848
+ ] }) }) }) })
2849
+ ] })
2850
+ ] });
2851
+ }
2852
+
2853
+ const { TextField } = salesFrontendDesignSystem.FormField;
2854
+ const cx$1 = classNames.bind(styles$9);
2855
+ function DeaCustomerSearch({
2856
+ setSearchParams,
2857
+ customerList,
2858
+ onCustomerSelect,
2859
+ selectedCustomer
2860
+ }) {
2861
+ const [residentNumber1, setResidentNumber1] = React.useState("");
2862
+ const [residentNumber2, setResidentNumber2] = React.useState("");
2863
+ const handleSearch = () => {
2864
+ setSearchParams({ residentNumber: `${residentNumber1}${residentNumber2}` });
2865
+ };
2866
+ const handleReset = () => {
2867
+ setResidentNumber1("");
2868
+ setResidentNumber2("");
2869
+ setSearchParams({});
2870
+ };
2871
+ const onKeyUp = (e) => {
2872
+ e.key === "Enter" && handleSearch();
2873
+ };
2874
+ const onKeyDown = (e) => {
2875
+ if (!(e.key === "Backspace" || !isNaN(parseInt(e.key)))) {
2876
+ e.preventDefault();
2877
+ }
2878
+ };
2879
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2880
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("search-filters"), children: [
2881
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("search-filter-section"), children: [
2882
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uACE0\uAC1D \uAD6C\uBD84" }),
2883
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select, { value: "personal", placeholder: "\uAC1C\uC778", disabled: true, style: { width: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: "personal", children: "\uAC1C\uC778" }) }),
2884
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
2885
+ /* @__PURE__ */ jsxRuntime.jsx(
2886
+ TextField,
2887
+ {
2888
+ value: residentNumber1,
2889
+ maxLength: 6,
2890
+ placeholder: "\uC55E 6\uC790\uB9AC \uC785\uB825",
2891
+ onChange: (e) => setResidentNumber1(e.target.value),
2892
+ size: "medium",
2893
+ onKeyUp,
2894
+ onKeyDown,
2895
+ rootProps: {
2896
+ className: cx$1("search-input"),
2897
+ onClear: () => {
2898
+ setResidentNumber1("");
2899
+ }
2900
+ }
2901
+ }
2902
+ ),
2903
+ "-",
2904
+ /* @__PURE__ */ jsxRuntime.jsx(
2905
+ TextField,
2906
+ {
2907
+ value: residentNumber2,
2908
+ maxLength: 7,
2909
+ placeholder: "\uB4A4 7\uC790\uB9AC \uC785\uB825",
2910
+ onChange: (e) => setResidentNumber2(e.target.value),
2911
+ size: "medium",
2912
+ onKeyDown,
2913
+ onKeyUp,
2914
+ rootProps: {
2915
+ className: cx$1("search-input"),
2916
+ onClear: () => {
2917
+ setResidentNumber2("");
2918
+ }
2919
+ }
2920
+ }
2921
+ )
2922
+ ] }),
2923
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("search-buttons"), children: [
2924
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2925
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
2926
+ ] })
2927
+ ] }) }),
2928
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("divider") }),
2929
+ /* @__PURE__ */ jsxRuntime.jsx(
2930
+ DeaCustomerSearchResult,
2931
+ {
2932
+ customerList,
2933
+ onCustomerSelect,
2934
+ selectedCustomer
2935
+ }
2936
+ )
2937
+ ] });
2938
+ }
2939
+
2940
+ const DeaCustomerSearchModal = ({ isOpen, onClose, onSave }) => {
2941
+ const [selectedCustomer, setSelectedCustomer] = React.useState(null);
2942
+ const [searchParams, setSearchParams] = React.useState({});
2943
+ const canSearch = React.useMemo(() => !!(searchParams.customerName || searchParams.residentNumber), [searchParams]);
2944
+ const { data, isFetching } = reactQuery.useQuery({
2945
+ queryKey: ["deaCustomerSearch", searchParams],
2946
+ queryFn: () => method.getDspCustomerListMethod(searchParams),
2947
+ enabled: canSearch,
2948
+ retry: false
2949
+ });
2950
+ const [customerList, setCustomerList] = React.useState([]);
2951
+ React.useEffect(() => {
2952
+ if (data?.data) {
2953
+ setCustomerList(data.data);
2954
+ } else {
2955
+ setCustomerList([]);
2956
+ }
2957
+ }, [data]);
2958
+ React.useEffect(() => {
2959
+ setSelectedCustomer(null);
2960
+ }, [customerList]);
2961
+ const handleCustomerSelect = (customer) => {
2962
+ setSelectedCustomer(customer);
2963
+ };
2964
+ const handleSave = () => {
2965
+ if (selectedCustomer) {
2966
+ onSave(selectedCustomer);
2967
+ onClose();
2968
+ }
2969
+ };
2970
+ return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
2971
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
2972
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
2973
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uACE0\uAC1D \uAC80\uC0C9", showCloseButton: true }),
2974
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
2975
+ DeaCustomerSearch,
2976
+ {
2977
+ setSearchParams,
2978
+ customerList,
2979
+ onCustomerSelect: handleCustomerSelect,
2980
+ selectedCustomer,
2981
+ isLoading: isFetching
2982
+ }
2983
+ ) }),
2984
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(
2985
+ salesFrontendDesignSystem.Button,
2986
+ {
2987
+ variant: "primary",
2988
+ size: "medium",
2989
+ appearance: "filled",
2990
+ width: "full",
2991
+ onClick: handleSave,
2992
+ disabled: !selectedCustomer,
2993
+ children: "\uC800\uC7A5\uD558\uAE30"
2994
+ }
2995
+ ) })
2996
+ ] })
2997
+ ] });
2998
+ };
2999
+
2515
3000
  const useCustomerSearch = (onSelect) => {
2516
3001
  const { triggerRef, isOpen, setIsOpen, DropDown } = salesFrontendDesignSystem.useDropDown();
2517
3002
  const [searchKeyword, setSearchKeyword] = React.useState("");
@@ -2582,7 +3067,7 @@ const useCustomerSearch = (onSelect) => {
2582
3067
  };
2583
3068
  };
2584
3069
 
2585
- const cx = classNames.bind(styles$9);
3070
+ const cx = classNames.bind(styles$a);
2586
3071
  const highlightOnSearchKeyword = (originalText, targetString) => {
2587
3072
  if (!targetString || !originalText?.includes(targetString)) {
2588
3073
  return originalText;
@@ -2854,6 +3339,7 @@ const useRemoteIdentityVerificationPopup = (config) => {
2854
3339
  exports.Attachment = Attachment;
2855
3340
  exports.BankStockSearchModal = BankStockSearchModal;
2856
3341
  exports.CustomerSearch = CustomerSearch;
3342
+ exports.DeaCustomerSearchModal = DeaCustomerSearchModal;
2857
3343
  exports.EmployeeSearchModal = EmployeeSearchModal;
2858
3344
  exports.FormCheckbox = FormCheckbox;
2859
3345
  exports.FormCheckboxButton = FormCheckboxButton;