sales-frontend-components 0.0.76 → 0.0.78

package/dist/index.esm.js

@@ -2,16 +2,18 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
 import { CheckboxButton, Checkbox, DatePicker, DateRangePicker, Accordion, Radio, Table, Button, FormField, Select, Tab, useModalState, Modal, SegmentGroup, ModalUtils, FormCore, RadioGroup, useDropDown, List, ListItem } from 'sales-frontend-design-system';
 import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { useSearchOccupationQuery, useSearchModalAddressQuery, useSearchVehicleQuery } from 'sales-frontend-api/method';
-import { IconMainUiSearch, IconIllustCamera, IconGraphicsBankHsbc, IconGraphicsBankKebHana, IconGraphicsBankScJeil, IconGraphicsBankGyeongnam, IconGraphicsBankGwangju, IconGraphicsBankKukmin, IconGraphicsBankKiup, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankNhNonghyeop, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankSanlim, IconGraphicsBankSaneop, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSuhyeop, IconGraphicsBankSinhan, IconGraphicsBankSinhyeop, IconGraphicsBankOehwan, IconGraphicsBankWoori, IconGraphicsBankPost, IconGraphicsBankJeochuk, IconGraphicsBankJeonbuk, IconGraphicsBankJeju, IconGraphicsBankKakaoBank, IconGraphicsBankKBank, IconGraphicsBankHankookCity, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHankookJeungkwonGeumyung, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockHochulEopsum, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle } from 'sales-frontend-assets';
+import { useSearchOccupationQuery, useSearchModalAddressQuery, useSearchOrganizationQuery, useSearchEmployeeProfileQuery, useSearchVehicleQuery } from 'sales-frontend-api/method';
+import { IconMainUiSearch, IconIllustCamera, IconGraphicsBankHsbc, IconGraphicsBankKebHana, IconGraphicsBankScJeil, IconGraphicsBankGyeongnam, IconGraphicsBankGwangju, IconGraphicsBankKukmin, IconGraphicsBankKiup, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankNhNonghyeop, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankSanlim, IconGraphicsBankSaneop, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSuhyeop, IconGraphicsBankSinhan, IconGraphicsBankSinhyeop, IconGraphicsBankOehwan, IconGraphicsBankWoori, IconGraphicsBankPost, IconGraphicsBankJeochuk, IconGraphicsBankJeonbuk, IconGraphicsBankJeju, IconGraphicsBankKakaoBank, IconGraphicsBankKBank, IconGraphicsBankHankookCity, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHankookJeungkwonGeumyung, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockHochulEopsum, IconGraphicsFeedbackEmpty, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle } from 'sales-frontend-assets';
 import styles from './modal/pre-standard/job-search-modal/job-search-modal.module.scss';
 import styles$1 from './step-indicator/step-indicator.module.scss';
 import styles$2 from './camera/camera.module.scss';
 import styles$3 from './modal/standard/address-search/select-address.module.scss';
 import styles$4 from './modal/standard/bank-stock-search/bank-stock-search-modal.module.scss';
-import styles$5 from './modal/pre-standard/job-vehicle-search-modal/job-vehicle-search-modal.module.scss';
-import styles$6 from './modal/pre-standard/vehicle-search-modal/vehicle-search-modal.module.scss';
-import styles$7 from './modal/standard/customer-search/customer-search.module.scss';
+import styles$5 from './modal/pre-standard/organization-search-modal/organization-search-modal.module.scss';
+import styles$6 from './modal/pre-standard/employee-search-modal/employee-search-modal.module.scss';
+import styles$7 from './modal/pre-standard/job-vehicle-search-modal/job-vehicle-search-modal.module.scss';
+import styles$8 from './modal/pre-standard/vehicle-search-modal/vehicle-search-modal.module.scss';
+import styles$9 from './modal/standard/customer-search/customer-search.module.scss';
 
 const FormCheckboxButton = ({
   name,
@@ -231,15 +233,15 @@ const highlightOnSearchKeyword$1 = (originalText, targetString) => {
   return originalText;
 };
 
-const cx$a = classNames.bind(styles);
+const cx$e = classNames.bind(styles);
 function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$a("category-section"), children: [
-    /* @__PURE__ */ jsxs("p", { className: cx$a("result-title"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$e("category-section"), children: [
+    /* @__PURE__ */ jsxs("p", { className: cx$e("result-title"), children: [
       "\uCD1D ",
       /* @__PURE__ */ jsx("span", { className: "text-primary", children: filteredJobs.length }),
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
     ] }),
-    /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$a("job-radio-root"), onToggle: () => {
+    /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$e("job-radio-root"), onToggle: () => {
     }, children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
       Accordion.Item,
       {
@@ -279,23 +281,23 @@ function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
   ] }) });
 }
 
-const cx$9 = classNames.bind(styles);
+const cx$d = classNames.bind(styles);
 function JobSearchFavorite({ filteredJobs, onJobSelect }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$9("popular-jobs"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$d("popular-jobs"), children: [
     /* @__PURE__ */ jsx("p", { children: "\uB9CE\uC774 \uCC3E\uB294 \uC9C1\uC885" }),
-    /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$9("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$d("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
       Accordion.Item,
       {
         id: `item-${job.occupationIndustryCode}-${index}`,
-        className: cx$9("accordion-item"),
+        className: cx$d("accordion-item"),
         children: [
-          /* @__PURE__ */ jsx(Accordion.HeaderDiv, { className: cx$9("accordion-header-item"), children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Accordion.HeaderDiv, { className: cx$d("accordion-header-item"), children: /* @__PURE__ */ jsxs(
             Radio.Item,
             {
               size: "small",
               value: job.occupationIndustryCode,
               onChange: () => onJobSelect(job),
-              className: cx$9("radio-item"),
+              className: cx$d("radio-item"),
               children: [
                 job.occupationIndustryName,
                 "(",
@@ -312,15 +314,15 @@ function JobSearchFavorite({ filteredJobs, onJobSelect }) {
   ] }) });
 }
 
-const cx$8 = classNames.bind(styles);
+const cx$c = classNames.bind(styles);
 function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$8("popular-jobs"), children: [
-    /* @__PURE__ */ jsxs("p", { className: cx$8("result-title"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$c("popular-jobs"), children: [
+    /* @__PURE__ */ jsxs("p", { className: cx$c("result-title"), children: [
       "\uCD1D ",
       /* @__PURE__ */ jsx("span", { className: "text-primary", children: filteredJobs.length }),
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
     ] }),
-    /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$8("job-radio-root"), children: filteredJobs.map((job) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$c("job-radio-root"), children: filteredJobs.map((job) => /* @__PURE__ */ jsxs(
       Accordion.Item,
       {
         id: `item-${job.occupationIndustryCode}`,
@@ -365,8 +367,8 @@ function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
   ] }) });
 }
 
-const { TextField } = FormField;
-const cx$7 = classNames.bind(styles);
+const { TextField: TextField$2 } = FormField;
+const cx$b = classNames.bind(styles);
 const { Option } = Select;
 function JobSearch({
   activeTab,
@@ -403,9 +405,9 @@ function JobSearch({
       }
     ),
     /* @__PURE__ */ jsxs("div", { children: [
-      activeTab === "jobName" && /* @__PURE__ */ jsxs("div", { className: cx$7("favorite-jobs-section"), children: [
+      activeTab === "jobName" && /* @__PURE__ */ jsxs("div", { className: cx$b("favorite-jobs-section"), children: [
         /* @__PURE__ */ jsx(
-          TextField,
+          TextField$2,
           {
             placeholder: "\uC9C1\uC885\uBA85 \uAC80\uC0C9",
             value: searchInput,
@@ -425,8 +427,8 @@ function JobSearch({
         !searchTerm && /* @__PURE__ */ jsx(JobSearchFavorite, { filteredJobs, onJobSelect }),
         searchTerm && /* @__PURE__ */ jsx(JobSearchResult, { filteredJobs, onJobSelect, searchTerm })
       ] }),
-      activeTab === "jobCode" && /* @__PURE__ */ jsxs("div", { className: cx$7("select-jobs-section"), children: [
-        /* @__PURE__ */ jsxs("div", { className: cx$7("category-section"), children: [
+      activeTab === "jobCode" && /* @__PURE__ */ jsxs("div", { className: cx$b("select-jobs-section"), children: [
+        /* @__PURE__ */ jsxs("div", { className: cx$b("category-section"), children: [
           /* @__PURE__ */ jsx(
             Select,
             {
@@ -808,7 +810,7 @@ const FormTextField = ({
   );
 };
 
-const cx$6 = classNames.bind(styles$1);
+const cx$a = classNames.bind(styles$1);
 const StepIndicator = ({
   items,
   onClickItem,
@@ -843,26 +845,26 @@ const StepIndicator = ({
       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");
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: cx$6("stepper-layout", { loading: isLoading }), children: [
-    /* @__PURE__ */ jsx("div", { className: cx$6("stepper"), children: steps.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: cx$a("stepper-layout", { loading: isLoading }), children: [
+    /* @__PURE__ */ jsx("div", { className: cx$a("stepper"), children: steps.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: cx$6(
+          className: cx$a(
             "circle",
             { completed: item.isCompleted ?? false },
             { active: defaultValue === item.value || current === idx }
           ),
           onClick: () => handleClickStep?.(item),
-          children: item.isCompleted ? /* @__PURE__ */ jsx("span", { className: cx$6("completed-icon") }) : idx + 1
+          children: item.isCompleted ? /* @__PURE__ */ jsx("span", { className: cx$a("completed-icon") }) : idx + 1
         }
       ),
-      idx < steps.length - 1 && Array.from({ length: dotCount }).map((_, dotIdx) => /* @__PURE__ */ jsx("span", { className: cx$6("dot") }, `dot-${idx}-${dotIdx}`))
+      idx < steps.length - 1 && Array.from({ length: dotCount }).map((_, dotIdx) => /* @__PURE__ */ jsx("span", { className: cx$a("dot") }, `dot-${idx}-${dotIdx}`))
     ] }, `num-${idx}`)) }),
-    /* @__PURE__ */ jsx("ul", { className: cx$6("step-labels"), children: steps.map((item, idx) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("ul", { className: cx$a("step-labels"), children: steps.map((item, idx) => /* @__PURE__ */ jsx(
       "li",
       {
-        className: cx$6(
+        className: cx$a(
           { completed: steps[idx < 1 ? idx : idx - 1]?.isCompleted ?? false },
           { active: defaultValue === item.value || current === idx }
         ),
@@ -874,7 +876,7 @@ const StepIndicator = ({
   ] });
 };
 
-const cx$5 = classNames.bind(styles$2);
+const cx$9 = classNames.bind(styles$2);
 function Attachment({
   photos,
   onAddPhoto,
@@ -891,14 +893,14 @@ function Attachment({
   };
   const renderPhotoSingle = () => {
     if (photos.length === 0) {
-      return /* @__PURE__ */ jsx("div", { className: cx$5("single-photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxs("button", { className: cx$5("add-photo-button-single"), onClick: handleAddPhoto, children: [
+      return /* @__PURE__ */ jsx("div", { className: cx$9("single-photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxs("button", { className: cx$9("add-photo-button-single"), onClick: handleAddPhoto, children: [
         /* @__PURE__ */ jsx(IconIllustCamera, {}),
         /* @__PURE__ */ jsx("span", { children: buttonText || "\uC0AC\uC9C4 \uCCA8\uBD80\uD558\uAE30" })
       ] }) });
     }
-    return photos.map((photo) => /* @__PURE__ */ jsxs("div", { className: cx$5("single-photo-item"), children: [
-      /* @__PURE__ */ jsx("div", { className: cx$5("photo-placeholder"), children: /* @__PURE__ */ jsx("img", { src: photo.src, alt: photo.name, className: cx$5("photo-image") }) }),
-      /* @__PURE__ */ jsx("button", { className: cx$5("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
+    return photos.map((photo) => /* @__PURE__ */ jsxs("div", { className: cx$9("single-photo-item"), children: [
+      /* @__PURE__ */ jsx("div", { className: cx$9("photo-placeholder"), children: /* @__PURE__ */ jsx("img", { src: photo.src, alt: photo.name, className: cx$9("photo-image") }) }),
+      /* @__PURE__ */ jsx("button", { className: cx$9("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
     ] }, photo.id));
   };
   const renderPhotoGrid = () => {
@@ -906,12 +908,12 @@ function Attachment({
     const gridItems = [];
     if (photos.length < maxPhotos) {
       gridItems.push(
-        /* @__PURE__ */ jsx("div", { className: cx$5("photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxs("button", { className: cx$5("add-photo-button"), onClick: handleAddPhoto, children: [
+        /* @__PURE__ */ jsx("div", { className: cx$9("photo-item", "add-photo-item"), children: /* @__PURE__ */ jsxs("button", { className: cx$9("add-photo-button"), onClick: handleAddPhoto, children: [
           /* @__PURE__ */ jsx(IconIllustCamera, {}),
           /* @__PURE__ */ jsx("span", { children: buttonText || "\uCCA8\uBD80\uD558\uAE30" }),
-          /* @__PURE__ */ jsxs("span", { className: cx$5("photo-count"), children: [
+          /* @__PURE__ */ jsxs("span", { className: cx$9("photo-count"), children: [
             "(",
-            /* @__PURE__ */ jsx("span", { className: cx$5("photo-count-number"), children: photos.length }),
+            /* @__PURE__ */ jsx("span", { className: cx$9("photo-count-number"), children: photos.length }),
             "/",
             maxPhotos,
             ")"
@@ -921,9 +923,9 @@ function Attachment({
     }
     photos.forEach((photo) => {
       gridItems.push(
-        /* @__PURE__ */ jsxs("div", { className: cx$5("photo-item"), children: [
-          /* @__PURE__ */ jsx("div", { className: cx$5("photo-placeholder"), children: /* @__PURE__ */ jsx("img", { src: photo.src, alt: photo.name, className: cx$5("photo-image") }) }),
-          /* @__PURE__ */ jsx("button", { className: cx$5("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
+        /* @__PURE__ */ jsxs("div", { className: cx$9("photo-item"), children: [
+          /* @__PURE__ */ jsx("div", { className: cx$9("photo-placeholder"), children: /* @__PURE__ */ jsx("img", { src: photo.src, alt: photo.name, className: cx$9("photo-image") }) }),
+          /* @__PURE__ */ jsx("button", { className: cx$9("remove-button"), onClick: () => handleRemovePhoto(photo.id), "aria-label": "\uC0AC\uC9C4 \uC0AD\uC81C", children: "\xD7" })
         ] }, photo.id)
       );
     });
@@ -934,9 +936,9 @@ function Attachment({
     return null;
   }
   if (type === "single") {
-    return /* @__PURE__ */ jsx("div", { className: cx$5("photo-single"), children: renderPhotoSingle() });
+    return /* @__PURE__ */ jsx("div", { className: cx$9("photo-single"), children: renderPhotoSingle() });
   }
-  return /* @__PURE__ */ jsx("div", { className: cx$5("photo-grid", { linear: type === "linear" }), children: renderPhotoGrid() });
+  return /* @__PURE__ */ jsx("div", { className: cx$9("photo-grid", { linear: type === "linear" }), children: renderPhotoGrid() });
 }
 
 const maxImageSize = 3 * 1024 * 1024;
@@ -1383,12 +1385,12 @@ function useCanvasPaint(paintProps = {}) {
 
 const testSignatureBase64Data = "data:image/png;base64,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";
 
-const cx$4 = classNames.bind(styles$3);
+const cx$8 = classNames.bind(styles$3);
 const { InputBox: InputBox$1, Input: Input$1 } = FormCore;
 const AddressSearchInitialText = () => {
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("p", { className: cx$4("guide-title"), children: "\uC774\uB807\uAC8C \uAC80\uC0C9\uD574 \uBCF4\uC138\uC694." }),
-    /* @__PURE__ */ jsxs("ul", { className: cx$4("guide"), children: [
+    /* @__PURE__ */ jsx("p", { className: cx$8("guide-title"), children: "\uC774\uB807\uAC8C \uAC80\uC0C9\uD574 \uBCF4\uC138\uC694." }),
+    /* @__PURE__ */ jsxs("ul", { className: cx$8("guide"), children: [
       /* @__PURE__ */ jsx("li", { children: "\uB3C4\uB85C\uBA85/\uC9C0\uBA85\uACFC \uAC74\uBB3C\uBC88\uD638\uB97C \uD568\uAED8 \uC785\uB825\uD574\uC8FC\uC138\uC694" }),
       /* @__PURE__ */ jsx("li", { children: "\uC608) 63\uB85C 50, \uC5EC\uC758\uB3C4\uB3D9 60" }),
       /* @__PURE__ */ jsx("li", { children: "\uC9C0\uBA85\uC740 \uB3D9/\uC74D/\uBA74/\uB9AC\uB85C \uC785\uB825\uD574\uC8FC\uC138\uC694" }),
@@ -1412,7 +1414,7 @@ const AddressSearchResult = ({
     setFilterList(filterList2);
   }, [addressSearchList, searchKeyword]);
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("p", { className: cx$4("guide-title"), children: [
+    /* @__PURE__ */ jsxs("p", { className: cx$8("guide-title"), children: [
       "\uCD1D ",
       /* @__PURE__ */ jsx("span", { className: "text-primary", children: filterList.length }),
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
@@ -1423,20 +1425,20 @@ const AddressSearchResult = ({
         items: filterList.map((item) => ({
           value: item.address,
           select: item.address === selectedAddress?.address && item.zipCode === selectedAddress?.zipCode,
-          label: /* @__PURE__ */ jsxs("div", { className: cx$4("search-result"), children: [
-            /* @__PURE__ */ jsxs("div", { className: cx$4("zipcode"), children: [
+          label: /* @__PURE__ */ jsxs("div", { className: cx$8("search-result"), children: [
+            /* @__PURE__ */ jsxs("div", { className: cx$8("zipcode"), children: [
               " ",
               highlightOnSearchKeyword$1(item.zipCode, searchKeyword)
             ] }),
-            /* @__PURE__ */ jsx("div", { className: cx$4("divider") }),
-            /* @__PURE__ */ jsxs("div", { className: cx$4("address-info"), children: [
-              /* @__PURE__ */ jsx("span", { className: cx$4("address"), children: highlightOnSearchKeyword$1(item.address, searchKeyword) }),
-              /* @__PURE__ */ jsx("span", { className: cx$4("old-address"), children: highlightOnSearchKeyword$1(item.oldAddress, searchKeyword) })
+            /* @__PURE__ */ jsx("div", { className: cx$8("divider") }),
+            /* @__PURE__ */ jsxs("div", { className: cx$8("address-info"), children: [
+              /* @__PURE__ */ jsx("span", { className: cx$8("address"), children: highlightOnSearchKeyword$1(item.address, searchKeyword) }),
+              /* @__PURE__ */ jsx("span", { className: cx$8("old-address"), children: highlightOnSearchKeyword$1(item.oldAddress, searchKeyword) })
             ] })
           ] }),
           id: item.address
         })),
-        className: cx$4("radio-group"),
+        className: cx$8("radio-group"),
         name: "address-search",
         size: "medium",
         defaultValue: "",
@@ -1769,7 +1771,352 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
   ] });
 }
 
-const cx$3 = classNames.bind(styles$5);
+const cx$7 = classNames.bind(styles$5);
+function OrganizationSearchResult({
+  filteredOrganizations,
+  onOrganizationSelect
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cx$7("result-section"), children: [
+    /* @__PURE__ */ jsxs("p", { className: cx$7("result-title"), children: [
+      "\uCD1D ",
+      /* @__PURE__ */ jsx("span", { className: "text-primary", children: filteredOrganizations.length }),
+      "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
+    ] }),
+    filteredOrganizations.length > 0 ? /* @__PURE__ */ jsxs(Table, { variant: "horizontal", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: cx$7("th-padding"), children: "\uC120\uD0DD" }),
+        /* @__PURE__ */ jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
+        /* @__PURE__ */ jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uBA85" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: filteredOrganizations.map((organization) => {
+        return /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: "organization",
+              value: organization.organizationCode || "",
+              onChange: () => onOrganizationSelect(organization)
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { children: organization.organizationCode }),
+          /* @__PURE__ */ jsx("td", { children: organization.organizationName })
+        ] }, organization.organizationCode);
+      }) })
+    ] }) : /* @__PURE__ */ jsxs(Table, { variant: "horizontal", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: cx$7("th-padding"), children: "\uC120\uD0DD" }),
+        /* @__PURE__ */ jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
+        /* @__PURE__ */ jsx("th", { className: cx$7("th-padding"), children: "\uAE30\uAD00\uBA85" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxs("div", { className: cx$7("no-result"), children: [
+        /* @__PURE__ */ jsx(IconGraphicsFeedbackEmpty, {}),
+        /* @__PURE__ */ jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
+        /* @__PURE__ */ jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
+      ] }) }) }) })
+    ] })
+  ] });
+}
+
+const { TextField: TextField$1 } = FormField;
+const cx$6 = classNames.bind(styles$5);
+function OrganizationSearch({
+  searchTerm,
+  setSearchTerm,
+  searchInput,
+  setSearchInput,
+  organizationList,
+  onOrganizationSelect
+}) {
+  const handleSearch = () => {
+    setSearchTerm(searchInput);
+  };
+  const handleReset = () => {
+    setSearchTerm("");
+    setSearchInput("");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: cx$6("search-section"), children: /* @__PURE__ */ jsxs("div", { className: cx$6("search-filters"), children: [
+      /* @__PURE__ */ jsxs("div", { className: cx$6("search-filter-section"), children: [
+        /* @__PURE__ */ jsx(FormField.Label, { className: "subtitle3 text-body-1", children: "\uAE30\uAD00\uBA85/\uCF54\uB4DC" }),
+        /* @__PURE__ */ jsx(
+          TextField$1,
+          {
+            value: searchInput,
+            onChange: (e) => setSearchInput(e.target.value),
+            size: "medium",
+            onKeyUp: (e) => e.key === "Enter" && handleSearch(),
+            rootProps: {
+              className: cx$6("search-input"),
+              clearable: true,
+              onClear: handleReset
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: cx$6("search-buttons"), children: [
+        /* @__PURE__ */ jsx(Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
+        /* @__PURE__ */ jsx(Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: cx$6("divider") }),
+    searchTerm && /* @__PURE__ */ jsx(
+      OrganizationSearchResult,
+      {
+        filteredOrganizations: organizationList,
+        onOrganizationSelect,
+        searchTerm
+      }
+    )
+  ] });
+}
+
+const OrganizationSearchModal = ({ isOpen, onClose, onSelect }) => {
+  const [selectedOrganization, setSelectedOrganization] = useState(null);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [searchInput, setSearchInput] = useState("");
+  const { data } = useSearchOrganizationQuery({
+    searchWord: searchTerm
+  });
+  const [organizationList, setOrganizationList] = useState([]);
+  useEffect(() => {
+    if (data?.data) {
+      setOrganizationList(data.data);
+    } else {
+      setOrganizationList([]);
+    }
+  }, [data]);
+  const handleOrganizationSelect = (organization) => {
+    setSelectedOrganization(organization);
+  };
+  const handleSelect = () => {
+    if (selectedOrganization) {
+      onSelect(selectedOrganization);
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
+    /* @__PURE__ */ jsx(Modal.Overlay, {}),
+    /* @__PURE__ */ jsxs(Modal.Content, { style: { height: "697px" }, children: [
+      /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "\uAE30\uAD00 \uAC80\uC0C9", showCloseButton: true }),
+      /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(
+        OrganizationSearch,
+        {
+          searchTerm,
+          setSearchTerm,
+          searchInput,
+          setSearchInput,
+          organizationList,
+          onOrganizationSelect: handleOrganizationSelect
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          size: "medium",
+          appearance: "filled",
+          width: "full",
+          onClick: handleSelect,
+          disabled: !selectedOrganization,
+          children: "\uC800\uC7A5\uD558\uAE30"
+        }
+      ) })
+    ] })
+  ] });
+};
+
+const EMPLOYEE_SEARCH_TABS = [
+  { value: "WHOL", label: "\uC804\uCCB4" },
+  { value: "FP", label: "FP" },
+  { value: "WKIS", label: "\uB0B4\uADFC" }
+];
+
+const cx$5 = classNames.bind(styles$6);
+function EmployeeSearchResult({ filteredEmployees, onEmployeeSelect }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx$5("result-section"), children: [
+    /* @__PURE__ */ jsxs("p", { className: cx$5("result-title"), children: [
+      "\uCD1D ",
+      /* @__PURE__ */ jsx("span", { className: "text-primary", children: filteredEmployees.length }),
+      "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
+    ] }),
+    filteredEmployees.length > 0 ? /* @__PURE__ */ jsxs(Table, { variant: "horizontal", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC120\uD0DD" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: filteredEmployees.map((employee) => {
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: "employee",
+              value: employee.employeeNumber || "",
+              onChange: (e) => {
+                onEmployeeSelect(employee);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { children: employee.employeeNumber }),
+          /* @__PURE__ */ jsx("td", { children: employee.employeeName }),
+          /* @__PURE__ */ jsx("td", { children: employee.organizationName }),
+          /* @__PURE__ */ jsx("td", { children: employee.employeeDivisionCode })
+        ] }) });
+      }) })
+    ] }) : /* @__PURE__ */ jsxs(Table, { variant: "horizontal", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC120\uD0DD" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
+        /* @__PURE__ */ jsx("th", { className: cx$5("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 5, children: /* @__PURE__ */ jsxs("div", { className: cx$5("no-result"), children: [
+        /* @__PURE__ */ jsx(IconGraphicsFeedbackEmpty, {}),
+        /* @__PURE__ */ jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
+        /* @__PURE__ */ jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
+      ] }) }) }) })
+    ] })
+  ] });
+}
+
+const { TextField } = FormField;
+const cx$4 = classNames.bind(styles$6);
+function EmployeeSearch({
+  activeTab,
+  onTabChange,
+  searchTerm,
+  setSearchTerm,
+  searchInput,
+  setSearchInput,
+  employeeList,
+  onEmployeeSelect
+}) {
+  const handleSearch = () => {
+    setSearchTerm(searchInput);
+  };
+  const handleReset = () => {
+    setSearchTerm("");
+    setSearchInput("");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: cx$4("search-section"), children: /* @__PURE__ */ jsxs("div", { className: cx$4("search-filters"), children: [
+      /* @__PURE__ */ jsxs("div", { className: cx$4("search-filter-section"), children: [
+        /* @__PURE__ */ jsx(FormField.Label, { className: "subtitle3 text-body-1", children: "\uC131\uBA85/\uC0AC\uBC88" }),
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            value: searchInput,
+            onChange: (e) => setSearchInput(e.target.value),
+            className: styles$6.searchInput,
+            size: "medium",
+            onKeyUp: (e) => e.key === "Enter" && handleSearch(),
+            rootProps: {
+              onClear: handleReset,
+              clearable: true
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: cx$4("search-filter-section"), children: [
+        /* @__PURE__ */ jsx(FormField.Label, { className: "subtitle3 text-body-1", children: "\uC0AC\uC6D0 \uAD6C\uBD84" }),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: activeTab,
+            onChange: (value) => onTabChange(value),
+            className: styles$6.select,
+            size: "medium",
+            children: EMPLOYEE_SEARCH_TABS.map((option) => /* @__PURE__ */ jsx(Select.Option, { value: option.value, children: option.label }, option.value))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: cx$4("search-buttons"), children: [
+        /* @__PURE__ */ jsx(Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
+        /* @__PURE__ */ jsx(Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: cx$4("divider") }),
+    searchTerm && /* @__PURE__ */ jsx(
+      EmployeeSearchResult,
+      {
+        filteredEmployees: employeeList,
+        onEmployeeSelect,
+        searchTerm
+      }
+    )
+  ] });
+}
+
+const EmployeeSearchModal = ({ isOpen, onClose, onSelect }) => {
+  const [activeTab, setActiveTab] = useState("WHOL");
+  const [selectedEmployee, setSelectedEmployee] = useState(null);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [searchInput, setSearchInput] = useState("");
+  const { data } = useSearchEmployeeProfileQuery({
+    searchWord: searchTerm,
+    employeeDivisionCode: activeTab
+  });
+  const [employeeList, setEmployeeList] = useState([]);
+  useEffect(() => {
+    if (data?.data) {
+      setEmployeeList(data.data);
+    } else {
+      setEmployeeList([]);
+    }
+  }, [data]);
+  const handleEmployeeSelect = (employee) => {
+    setSelectedEmployee(employee);
+  };
+  const handleSelect = () => {
+    if (selectedEmployee) {
+      onSelect(selectedEmployee);
+      onClose();
+    }
+  };
+  const onTabChange = (value) => {
+    setSearchTerm("");
+    setSearchInput("");
+    setActiveTab(value);
+  };
+  return /* @__PURE__ */ jsxs(Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
+    /* @__PURE__ */ jsx(Modal.Overlay, {}),
+    /* @__PURE__ */ jsxs(Modal.Content, { style: { height: "697px" }, children: [
+      /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "\uC0AC\uC6D0 \uAC80\uC0C9", showCloseButton: true }),
+      /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(
+        EmployeeSearch,
+        {
+          activeTab,
+          onTabChange,
+          searchTerm,
+          setSearchTerm,
+          searchInput,
+          setSearchInput,
+          employeeList,
+          onEmployeeSelect: handleEmployeeSelect
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          size: "medium",
+          appearance: "filled",
+          width: "full",
+          onClick: handleSelect,
+          disabled: !selectedEmployee,
+          children: "\uC800\uC7A5\uD558\uAE30"
+        }
+      ) })
+    ] })
+  ] });
+};
+
+const cx$3 = classNames.bind(styles$7);
 const JobVehicleSearchGrade = ({ riskGrade, hospitalizationGrade }) => {
   return /* @__PURE__ */ jsxs("div", { className: cx$3("grade-section"), children: [
     /* @__PURE__ */ jsxs("div", { className: cx$3("icon-title"), children: [
@@ -1790,7 +2137,7 @@ const JobVehicleSearchGrade = ({ riskGrade, hospitalizationGrade }) => {
   ] });
 };
 
-const cx$2 = classNames.bind(styles$6);
+const cx$2 = classNames.bind(styles$8);
 function VehicleSearch({ vehicles, onVehicleSelect }) {
   return /* @__PURE__ */ jsxs("div", { className: cx$2("vehicle-search-section"), children: [
     /* @__PURE__ */ jsx("p", { children: "\uC6B4\uC804 \uCC28\uC885" }),
@@ -1856,7 +2203,7 @@ const useJobVehicleSearch = () => {
   };
 };
 
-const cx$1 = classNames.bind(styles$5);
+const cx$1 = classNames.bind(styles$7);
 function useJobVehicleSearchModal() {
   const {
     selectedVehicle,
@@ -2045,7 +2392,7 @@ const useCustomerSearch = (onSelect) => {
   };
 };
 
-const cx = classNames.bind(styles$7);
+const cx = classNames.bind(styles$9);
 const highlightOnSearchKeyword = (originalText, targetString) => {
   if (!targetString || !originalText?.includes(targetString)) {
     return originalText;
@@ -2104,5 +2451,5 @@ const CustomerSearch = ({ onSelect }) => {
   ] });
 };
 
-export { Attachment, BankStockSearchModal, CustomerSearch, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobVehicleSearchModal, useSearchAddress };
+export { Attachment, BankStockSearchModal, CustomerSearch, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobVehicleSearchModal, useSearchAddress };
 //# sourceMappingURL=index.esm.js.map