sales-frontend-components 0.0.79 → 0.0.81

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, UseControllerProps } from 'react-hook-form';
 import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentGroupHtmlProps, SelectProps, OptionProps } from 'sales-frontend-design-system';
 import * as sales_frontend_api_method from 'sales-frontend-api/method';
-import { OccupationResponseDto, Address, OrganizationProfileResponse, EmployeeProfileResponseDto, Pagination } from 'sales-frontend-api/method';
+import { OccupationResponseDto, AddressStandardizationResponseDto, AddressResponseDto, OrganizationProfileResponse, EmployeeProfileResponseDto, CustomerSearchProps } from 'sales-frontend-api/method';
 import * as React$1 from 'react';
 import React__default from 'react';
 
@@ -176,23 +176,26 @@ declare function useCanvasPaint(paintProps?: PaintProps): {
  */
 declare const testSignatureBase64Data = "data:image/png;base64,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";
 
-interface FullAddress extends Address {
-    detail: string;
-}
 type Step = 'initial' | 'search-result' | 'detail-input';
+interface AddressComponentProps extends AddressStandardizationResponseDto {
+    detailAddressInput: string;
+}
 
 interface Props {
-    setValue: (address: FullAddress) => void;
+    setValue: (address: AddressComponentProps) => void;
     onClose: () => void;
     isOpen: boolean;
 }
 declare function useSearchAddress({ setValue, onClose, isOpen }: Props): {
+    addressStandardizationList: any;
+    selectedStandardizationAddress: AddressStandardizationResponseDto | undefined;
+    onStandardizationChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
     onAddressSearchClear: () => void;
     onAddressSearchNext: () => void;
     addressSearchKeyword: string;
-    addressSearchList: QueryObserverResult<TData, TError>;
+    addressSearchList: AddressResponseDto[];
     addressSearchStep: Step;
-    selectedAddress: Address | null;
+    selectedAddress: AddressResponseDto | undefined;
     addressSearchOnValueChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
     nextButtonDisabled: boolean;
     detailAddressInput: string;
@@ -204,7 +207,7 @@ declare function useSearchAddress({ setValue, onClose, isOpen }: Props): {
     searchInput: string;
 };
 declare const useAddressComponent: () => {
-    fullAddress: FullAddress | null;
+    fullAddress: AddressComponentProps | undefined;
     openModal: () => void;
     AddressSearchComponent: () => react_jsx_runtime.JSX.Element;
 };
@@ -261,42 +264,7 @@ interface JobSearchModalProps {
 }
 declare const JobSearchModal: React__default.FC<JobSearchModalProps>;
 
-interface DspResponseCustomerListResponseDto {
-    /** @description 성공여부 */
-    isSuccess?: boolean;
-    /** @description 코드 */
-    code?: string;
-    /** @description 메시지 */
-    message?: string;
-    data?: CustomerListResponseDto;
-    pagination?: Pagination;
-}
-interface CustomerListResponseDto {
-    /** @description 고객목록 */
-    custList?: CustomerDto[];
-    /** @description 총 건수 */
-    totalCount?: string;
-}
-/** @description 고객정보 */
-interface CustomerDto {
-    /** @description 고객ID */
-    customerId?: string;
-    /** @description 고객명 */
-    customerName?: string;
-    /** @description 기본주소 */
-    baseAddress?: string;
-    /** @description 상세주소 */
-    detailAddress?: string;
-    /** @description 생년월일(YYYYMMDD) */
-    birthDate?: string;
-    /** @description 성별코드 */
-    genderCode?: string;
-}
-interface CustomerSearchProps {
-    onSelect?: (customer: CustomerDto) => void;
-}
-
 declare const CustomerSearch: ({ onSelect }: CustomerSearchProps) => react_jsx_runtime.JSX.Element;
 
 export { Attachment, BankStockSearchModal, CustomerSearch, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobVehicleSearchModal, useSearchAddress };
-export type { AttachedPhoto, AttachmentProps, BankStockItem, BankStockSearchModalProps, CustomerDto, CustomerListResponseDto, CustomerSearchProps, DownloadProps, DspResponseCustomerListResponseDto, PaintProps, Pen, StepIndicatorProps, StepItem, cameraItemType, cameraOptions };
+export type { AttachedPhoto, AttachmentProps, BankStockItem, BankStockSearchModalProps, DownloadProps, PaintProps, Pen, StepIndicatorProps, StepItem, cameraItemType, cameraOptions };

package/dist/index.esm.js

@@ -2,7 +2,7 @@ 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, useSearchOrganizationQuery, useSearchEmployeeProfileQuery, useSearchVehicleQuery } from 'sales-frontend-api/method';
+import { useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchOrganizationQuery, useSearchEmployeeProfileQuery, useSearchVehicleQuery, useSearchCustomerListQuery } 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';
@@ -281,6 +281,73 @@ function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
   ] }) });
 }
 
+function JobSearchDetail({ occupationTypeCode, occupationIndustryCode }) {
+  const { data: detail } = useSearchOccupationDetailQuery({
+    occupationIndustryCode,
+    occupationIndustryTypeCode: occupationTypeCode
+  });
+  if (!detail || !detail.data) {
+    return null;
+  }
+  const {
+    /** @description 직종해설내용 */
+    occupationExplanationContent,
+    /** @description 직업예시명 */
+    occupationExampleName,
+    /** @description 위험등급명 */
+    riskGradeName,
+    /** @description 위험등급코드 */
+    riskGradeCode,
+    /** @description 상해위험등급코드명 */
+    injuryRiskGradeCodeName,
+    /** @description 상해위험등급코드 */
+    injuryRiskGradeCode,
+    /** @description 입원등급코드명 */
+    hospitalizationGradeCodeName,
+    /** @description 입원등급코드 */
+    hospitalizationGradeCode,
+    /** @description 상해직종코드 */
+    injuryOccupationCode
+  } = detail.data;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Table, { variant: "horizontal", children: /* @__PURE__ */ jsxs("tbody", { children: [
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "px-small", children: "\uC9C1\uC885 \uD574\uC124" }),
+      /* @__PURE__ */ jsx("td", { className: "px-small", children: occupationExplanationContent })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "px-small", children: "\uC9C1\uC885 \uC608\uC2DC" }),
+      /* @__PURE__ */ jsx("td", { className: "px-small", children: occupationExampleName })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "px-small", children: "\uC704\uD5D8 \uB4F1\uAE09" }),
+      /* @__PURE__ */ jsxs("td", { className: "px-small", children: [
+        riskGradeName,
+        "(",
+        riskGradeCode,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "px-small", children: "\uC785\uC6D0 \uB4F1\uAE09" }),
+      /* @__PURE__ */ jsxs("td", { className: "px-small", children: [
+        hospitalizationGradeCodeName,
+        "(",
+        hospitalizationGradeCode,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "px-small", children: "\uC0C1\uD574 \uB4F1\uAE09" }),
+      /* @__PURE__ */ jsxs("td", { className: "px-small", children: [
+        injuryRiskGradeCodeName,
+        "(",
+        injuryRiskGradeCode,
+        ")"
+      ] })
+    ] })
+  ] }) }) });
+}
+
 const cx$d = classNames.bind(styles);
 function JobSearchFavorite({ filteredJobs, onJobSelect }) {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$d("popular-jobs"), children: [
@@ -306,7 +373,13 @@ function JobSearchFavorite({ filteredJobs, onJobSelect }) {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { variant: "text", children: "\uD56D\uBAA9 1 \uB0B4\uC6A9" })
+          /* @__PURE__ */ jsx(Accordion.Content, { variant: "text", children: /* @__PURE__ */ jsx(
+            JobSearchDetail,
+            {
+              occupationTypeCode: job.occupationTypeCode || "",
+              occupationIndustryCode: job.occupationIndustryCode
+            }
+          ) })
         ]
       },
       `item-${job.occupationIndustryCode}-${index}`
@@ -339,22 +412,13 @@ function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
               children: highlightOnSearchKeyword$1(job.occupationIndustryName, searchTerm)
             }
           ) }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { variant: "text", children: /* @__PURE__ */ jsx(Table, { variant: "horizontal", children: /* @__PURE__ */ jsxs("tbody", { children: [
-            /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx("th", { children: "\uD5E4\uB354 1" }),
-              /* @__PURE__ */ jsx("td", { className: "px-24", children: "1\uD589 1\uBC88\uC9F8" }),
-              /* @__PURE__ */ jsx("th", { children: "\uD5E4\uB354 1-2" }),
-              /* @__PURE__ */ jsx("td", { className: "px-24 ", children: "1\uD589 2\uBC88\uC9F8" })
-            ] }),
-            /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx("th", { children: "\uD5E4\uB354 2" }),
-              /* @__PURE__ */ jsx("td", { className: "pl-24 pr-16", colSpan: 3, children: /* @__PURE__ */ jsxs("p", { className: "d-flex-center-center", children: [
-                "2\uD589 1\uBC88\uC9F8 ",
-                /* @__PURE__ */ jsx("span", { className: "flex-1 pipe-left", children: "\uC11C\uBE0C\uD14D\uC2A4\uD2B8" }),
-                /* @__PURE__ */ jsx(Button, { variant: "neutral", size: "xsmall", appearance: "outline", children: "\uBC84\uD2BC\uBA85" })
-              ] }) })
-            ] })
-          ] }) }) })
+          /* @__PURE__ */ jsx(Accordion.Content, { variant: "text", children: /* @__PURE__ */ jsx(
+            JobSearchDetail,
+            {
+              occupationTypeCode: job.occupationTypeCode || "",
+              occupationIndustryCode: job.occupationIndustryCode
+            }
+          ) })
         ]
       },
       job.occupationIndustryCode
@@ -1388,7 +1452,7 @@ const testSignatureBase64Data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA
 const cx$8 = classNames.bind(styles$3);
 const { InputBox: InputBox$1, Input: Input$1 } = FormCore;
 const AddressSearchInitialText = () => {
-  return /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsxs("div", { className: cx$8("search-result-list"), 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" }),
@@ -1406,38 +1470,36 @@ const AddressSearchResult = ({
   searchKeyword,
   selectedAddress
 }) => {
-  const [filterList, setFilterList] = useState([]);
-  useEffect(() => {
-    const filterList2 = addressSearchList.filter(
-      (item) => item.address.includes(searchKeyword) || item.oldAddress.includes(searchKeyword)
-    ) || [];
-    setFilterList(filterList2);
-  }, [addressSearchList, searchKeyword]);
-  return /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsxs("div", { className: cx$8("search-result-list"), children: [
     /* @__PURE__ */ jsxs("p", { className: cx$8("guide-title"), children: [
       "\uCD1D ",
-      /* @__PURE__ */ jsx("span", { className: "text-primary", children: filterList.length }),
+      /* @__PURE__ */ jsx("span", { className: "text-primary", children: addressSearchList.length }),
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
     ] }),
-    filterList.length > 0 && /* @__PURE__ */ jsx(
+    addressSearchList.length > 0 && /* @__PURE__ */ jsx(
       RadioGroup,
       {
-        items: filterList.map((item) => ({
-          value: item.address,
-          select: item.address === selectedAddress?.address && item.zipCode === selectedAddress?.zipCode,
-          label: /* @__PURE__ */ jsxs("div", { className: cx$8("search-result"), children: [
-            /* @__PURE__ */ jsxs("div", { className: cx$8("zipcode"), children: [
-              " ",
-              highlightOnSearchKeyword$1(item.zipCode, searchKeyword)
+        items: addressSearchList.map((item) => {
+          return {
+            value: JSON.stringify(item),
+            select: item.roadNameBaseAddress === selectedAddress?.roadNameBaseAddress && item.roadNameDetailAddress === selectedAddress?.roadNameDetailAddress && item.mainBuildingName === selectedAddress?.mainBuildingName,
+            label: /* @__PURE__ */ jsxs("div", { className: cx$8("search-result"), children: [
+              /* @__PURE__ */ jsx("div", { className: cx$8("zipcode"), children: highlightOnSearchKeyword$1(`${item.firstPostalCode}${item.secondPostalCode}`, 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.roadNameBaseAddress} ${item.roadNameDetailAddress} ${item.mainBuildingName}`,
+                  searchKeyword
+                ) }),
+                /* @__PURE__ */ jsx("span", { className: cx$8("old-address"), children: highlightOnSearchKeyword$1(
+                  `${item.landNumberBaseAddress} ${item.landNumberDetailAddress}`,
+                  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
-        })),
+            id: JSON.stringify(item)
+          };
+        }),
         className: cx$8("radio-group"),
         name: "address-search",
         size: "medium",
@@ -1445,7 +1507,7 @@ const AddressSearchResult = ({
         onChange
       }
     ),
-    filterList.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+    addressSearchList.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       "`",
       /* @__PURE__ */ jsx("span", { className: "text-primary", children: searchKeyword }),
       "`\uC5D0 \uB300\uD55C \uAC80\uC0C9\uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."
@@ -1453,30 +1515,52 @@ const AddressSearchResult = ({
   ] });
 };
 const AddressSearchDetailInput = ({
-  selectedAddress,
+  addressStandardizationList,
   onDetailChange,
+  onStandardizationChange,
   step,
   detailAddressInput
 }) => {
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        " ",
-        selectedAddress.zipCode
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        "|",
-        /* @__PURE__ */ jsx("span", { children: `${selectedAddress.address}` })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsxs("div", { className: cx$8("search-result-list"), children: [
+    /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        items: addressStandardizationList.map((item) => {
+          return {
+            value: JSON.stringify(item),
+            select: true,
+            label: /* @__PURE__ */ jsxs("div", { className: cx$8("search-result"), children: [
+              /* @__PURE__ */ jsx("div", { className: cx$8("zipcode"), children: `${item.firstPostalCode}${item.secondPostalCode}` }),
+              /* @__PURE__ */ jsx("div", { className: cx$8("divider") }),
+              /* @__PURE__ */ jsxs("div", { className: cx$8("address-info"), children: [
+                /* @__PURE__ */ jsx("span", { className: cx$8("address"), children: `${item.baseAddress} ${item.detailAddress}` }),
+                /* @__PURE__ */ jsx("span", { className: cx$8("old-address"), children: `${item.baseAddress} ${item.detailAddress}` })
+              ] })
+            ] }),
+            id: JSON.stringify(item)
+          };
+        }),
+        className: cx$8("radio-group"),
+        name: "address-search-standardization",
+        size: "medium",
+        defaultValue: "",
+        onChange: onStandardizationChange
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "d-flex gap-medium items-center", children: [
       /* @__PURE__ */ jsx(FormField.Label, { id: "detail", style: { width: "90px" }, children: "\uC0C1\uC138\uC8FC\uC18C" }),
       /* @__PURE__ */ jsx(
-        Input$1,
+        FormField.TextField,
         {
+          rootProps: {
+            style: {
+              display: "flex",
+              flex: 1
+            }
+          },
           placeholder: "\uC0C1\uC138\uC8FC\uC18C \uC785\uB825",
           onChange: onDetailChange,
-          size: "large",
+          size: "small",
           value: detailAddressInput,
           ...step === "detail-input" && { autoFocus: true }
         }
@@ -1499,7 +1583,9 @@ function AddressComponent({ isOpen, onClose, setValue }) {
     setDetail,
     search,
     searchInput,
-    selectedAddress
+    selectedAddress,
+    onStandardizationChange,
+    addressStandardizationList
   } = useSearchAddress({
     setValue,
     onClose,
@@ -1526,7 +1612,7 @@ function AddressComponent({ isOpen, onClose, setValue }) {
           AddressSearchResult,
           {
             onChange: onSelectChange,
-            addressSearchList: addressSearchList || [],
+            addressSearchList,
             searchKeyword: addressSearchKeyword,
             selectedAddress
           }
@@ -1534,7 +1620,8 @@ function AddressComponent({ isOpen, onClose, setValue }) {
         addressSearchStep === "detail-input" && selectedAddress && /* @__PURE__ */ jsx(
           AddressSearchDetailInput,
           {
-            selectedAddress,
+            addressStandardizationList,
+            onStandardizationChange,
             onDetailChange: setDetail,
             step: addressSearchStep,
             detailAddressInput
@@ -1563,21 +1650,48 @@ function AddressComponent({ isOpen, onClose, setValue }) {
 function useSearchAddress({ setValue, onClose, isOpen }) {
   const [searchKeyword, setSearchKeyword] = useState("");
   const [step, setStep] = useState("initial");
-  const [selectedAddress, setSelectedAddress] = useState(null);
+  const [selectedAddress, setSelectedAddress] = useState();
+  const [selectedStandardizationAddress, setSelectedStandardizationAddress] = useState();
   const [searchInput, setSearchInput] = useState("");
   const [detailAddressInput, setDetailAddressInput] = useState("");
-  const { data: addressList } = useSearchModalAddressQuery({ searchKeyword });
+  const [displayList, setDisplayList] = useState([]);
+  const [searchType, setSearchType] = useState("address");
+  const [standardizationParams, setStandardizationParams] = useState({
+    firstPostalCode: "",
+    secondPostalCode: "",
+    baseAddress: "",
+    detailAddress: "",
+    roadNameYn: "Y"
+  });
+  const { data: addressData } = useSearchAddressQuery(
+    { searchKeyWord: searchKeyword },
+    { enabled: !!searchKeyword && searchType === "address" }
+  );
+  const { data: postalData } = useSearchPostalCodeQuery(
+    { searchWordName: searchKeyword },
+    { enabled: !!searchKeyword && searchType === "postalcode" }
+  );
+  const { data: standardizedData } = useSearchAddressStandardizationQuery(standardizationParams, {
+    enabled: !!standardizationParams?.baseAddress
+  });
   const [nextButtonDisabled, setNextButtonDisabled] = useState(false);
   const onNext = () => {
     if (step === "search-result") {
       setStep("detail-input");
       setNextButtonDisabled(true);
+      if (selectedAddress) {
+        setStandardizationParams({
+          firstPostalCode: selectedAddress.firstPostalCode,
+          secondPostalCode: selectedAddress.secondPostalCode,
+          baseAddress: selectedAddress.roadNameBaseAddress,
+          detailAddress: selectedAddress.roadNameDetailAddress,
+          roadNameYn: "Y"
+        });
+      }
     } else {
-      setValue({
-        address: selectedAddress?.address || "",
-        oldAddress: selectedAddress?.oldAddress || "",
-        zipCode: selectedAddress?.zipCode || "",
-        detail: detailAddressInput || ""
+      selectedStandardizationAddress && setValue({
+        ...selectedStandardizationAddress,
+        detailAddressInput
       });
       onClose();
     }
@@ -1592,9 +1706,11 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
       return;
     }
     if (searchInput && searchInput.length > 1) {
+      const isNumeric = /^[0-9]+$/.test(searchInput);
+      setSearchType(isNumeric ? "postalcode" : "address");
       setSearchKeyword(searchInput);
       setStep("search-result");
-      setSelectedAddress(null);
+      setSelectedAddress(void 0);
       setDetailAddressInput("");
       setNextButtonDisabled(true);
     }
@@ -1605,19 +1721,23 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
     }
   };
   const onSelectChange = (e) => {
-    const selectedAddress2 = e.target.value;
-    if (selectedAddress2) {
-      const adr = addressList?.find((addr) => {
-        return addr.address === selectedAddress2;
-      });
-      setSelectedAddress(adr || null);
+    const selected = e.target.value;
+    if (selected) {
+      setSelectedAddress(JSON.parse(selected));
+      setNextButtonDisabled(false);
+    }
+  };
+  const onStandardizationChange = (e) => {
+    const selected = e.target.value;
+    if (selected) {
+      setSelectedStandardizationAddress(JSON.parse(selected));
       setNextButtonDisabled(false);
     }
   };
   const onClear = useCallback(() => {
     setSearchKeyword("");
     setSearchInput("");
-    setSelectedAddress(null);
+    setSelectedAddress(void 0);
     setDetailAddressInput("");
     setStep("initial");
   }, []);
@@ -1630,19 +1750,39 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
       setNextButtonDisabled(true);
     }
   };
+  useEffect(() => {
+    if (searchType === "address" && addressData?.data?.addressList) {
+      setDisplayList(addressData.data.addressList);
+    } else if (searchType === "postalcode" && postalData?.data?.postalCodeList) {
+      console.log("transformedList", postalData.data.postalCodeList);
+      const transformedList = postalData.data.postalCodeList.map((p) => ({
+        firstPostalCode: p.originalNumber1PostalCode,
+        secondPostalCode: p.originalNumber2PostalCode,
+        roadNameBaseAddress: p.roadNameBaseAddress,
+        roadNameDetailAddress: p.roadNameDetailAddress,
+        landNumberBaseAddress: p.landNumberBaseAddress,
+        landNumberDetailAddress: p.landNumberDetailAddress,
+        mainBuildingName: p.mainBuildingName
+      }));
+      setDisplayList(transformedList);
+    }
+  }, [addressData, postalData, searchType]);
   useEffect(() => {
     if (isOpen) {
-      setSelectedAddress(null);
+      setSelectedAddress(void 0);
       setDetailAddressInput("");
       setStep("initial");
       setSearchKeyword("");
     }
   }, [isOpen]);
   return {
+    addressStandardizationList: standardizedData?.data?.addressStandardizationList || [],
+    selectedStandardizationAddress,
+    onStandardizationChange,
     onAddressSearchClear: onClear,
     onAddressSearchNext: onNext,
     addressSearchKeyword: searchKeyword,
-    addressSearchList: addressList,
+    addressSearchList: displayList,
     addressSearchStep: step,
     selectedAddress,
     addressSearchOnValueChange: onSelectChange,
@@ -1657,7 +1797,7 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
   };
 }
 const useAddressComponent = () => {
-  const [fullAddress, setFullAddress] = useState(null);
+  const [fullAddress, setFullAddress] = useState();
   const { isOpen, closeModal, openModal } = useModalState();
   const AddressSearchComponent = () => /* @__PURE__ */ jsx(AddressComponent, { isOpen, onClose: closeModal, setValue: setFullAddress });
   return {
@@ -2308,34 +2448,20 @@ const JobSearchModal = ({ onClose }) => {
   ] });
 };
 
-const mockCustomers = [
-  { customerId: "1", customerName: "\uAE40\uD55C\uD654", birthDate: "1999.01.01", genderCode: "\uB0A8\uC131" },
-  {
-    customerId: "2",
-    customerName: "\uAE40\uD55C\uD654\uC0DD\uBA85",
-    birthDate: "1989.01.01",
-    genderCode: "\uC5EC\uC131",
-    baseAddress: "\uC11C\uC6B8\uC2DC \uB9C8\uD3EC\uAD6C"
-  },
-  {
-    customerId: "3",
-    customerName: "\uAE40\uD55C\uD654\uC190\uD574\uBCF4\uD5D8",
-    birthDate: "1999.01.01",
-    genderCode: "\uB0A8\uC131",
-    baseAddress: "\uC11C\uC6B8\uC2DC \uB9C8\uD3EC\uAD6C"
-  }
-];
 const useCustomerSearch = (onSelect) => {
   const { triggerRef, isOpen, setIsOpen, DropDown } = useDropDown();
   const [searchKeyword, setSearchKeyword] = useState("");
   const [searchInput, setSearchInput] = useState("");
   const [customerList, setCustomerList] = useState([]);
   const [selectedCustomer, setSelectedCustomer] = useState(null);
+  const { data } = useSearchCustomerListQuery({ customerName: searchKeyword });
   const search = () => {
     if (searchInput.length >= 2) {
       setSearchKeyword(searchInput);
-      const filtered = mockCustomers.filter((c) => c.customerName?.toLowerCase().includes(searchInput.toLowerCase()));
-      setCustomerList(filtered);
+      const filtered = data?.data?.custList?.filter(
+        (c) => c.customerName?.toLowerCase().includes(searchInput.toLowerCase())
+      );
+      setCustomerList(filtered || []);
       setIsOpen(true);
     } else {
       setCustomerList([]);