sales-frontend-components 0.0.89 → 0.0.91

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 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 { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentGroupHtmlProps, SelectProps, OptionProps, SegmentItems } from 'sales-frontend-design-system';
 import * as sales_frontend_api_method from 'sales-frontend-api/method';
-import { OccupationResponseDto, AddressStandardizationResponseDto, AddressResponseDto, OrganizationProfileResponse, EmployeeProfileResponseDto, PersonalCustomerProfileResponseDto, CustomerSearchProps, RemoteIdentityVerificationSystemTokenRequestDto, ApiConfig } from 'sales-frontend-api/method';
+import { OccupationResponseDto, AddressStandardizationResponseDto, AddressResponseDto, CodeDto, OrganizationProfileResponse, EmployeeProfileResponseDto, PersonalCustomerProfileResponseDto, CustomerSearchProps, RemoteIdentityVerificationSystemTokenRequestDto, ApiConfig } from 'sales-frontend-api/method';
 import * as React$1 from 'react';
 import React__default from 'react';
 
@@ -35,10 +35,7 @@ declare const FormSelect: {
     Group: <TFormValues extends FieldValues>({ options, optionsProps, ...props }: Omit<IFormSelectGroupProps<TFormValues>, "children">) => react_jsx_runtime.JSX.Element;
 };
 interface IFormSelectGroupProps<TFormValues extends FieldValues> extends FormSelectProps<TFormValues> {
-    options: {
-        label: string;
-        value: string;
-    }[];
+    options: SegmentItems[];
     optionsProps?: Omit<OptionProps, 'children' | 'value'>;
 }
 
@@ -222,27 +219,20 @@ declare const useAddressComponent: () => {
     AddressSearchComponent: () => react_jsx_runtime.JSX.Element;
 };
 
-interface BankStockItem {
-    label: string;
-    value: string;
-    Icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
-}
 interface BankStockSearchModalProps {
     open: boolean;
     onClose: () => void;
-    onSelect: (item: BankStockItem) => void;
+    onSelect: (item: CodeDto) => void;
 }
 
 declare function BankStockSearchModal({ open, onClose, onSelect }: BankStockSearchModalProps): react_jsx_runtime.JSX.Element;
 
 declare function useBankStockSearch({ onSelect }: {
-    onSelect: (item: BankStockItem) => void;
+    onSelect: (item: CodeDto) => void;
 }): {
-    searchKeyword: string;
-    setSearchKeyword: React$1.Dispatch<React$1.SetStateAction<string>>;
-    bankList: BankStockItem[];
-    stockList: BankStockItem[];
-    handleSelect: (item: BankStockItem) => void;
+    bankList: any;
+    stockList: any;
+    handleSelect: (item: CodeDto) => void;
 };
 
 interface OrganizationSearchModalProps {
@@ -363,4 +353,4 @@ declare const useRemoteIdentityVerificationPopup: (config: UseRemoteIdentityVeri
 };
 
 export { Attachment, BankStockSearchModal, CustomerSearch, DeaCustomerSearchModal, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobSearchModal, useJobVehicleSearchModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress };
-export type { AttachedPhoto, AttachmentProps, BankStockItem, BankStockSearchModalProps, DownloadProps, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, VerificationResponse, cameraItemType, cameraOptions };
+export type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, DownloadProps, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, VerificationResponse, cameraItemType, cameraOptions };

package/dist/index.esm.js

@@ -1,9 +1,9 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
-import { CheckboxButton, Checkbox, DatePicker, DateRangePicker, Table, Accordion, Radio, FormField, Select, Tab, useModalState, Modal, Button, SegmentGroup, ModalUtils, FormCore, RadioGroup, useDropDown, List, ListItem, Loading } from 'sales-frontend-design-system';
+import { CheckboxButton, Checkbox, isDate, DatePicker, DateRangePicker, Table, Accordion, Radio, FormField, Select, Tab, useModalState, Modal, Button, SegmentGroup, ModalUtils, FormCore, RadioGroup, useDropDown, List, ListItem, Loading } from 'sales-frontend-design-system';
 import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchOrganizationQuery, useSearchEmployeeProfileQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, getDspCustomerListMethod, useSearchCustomerListQuery, getRemoteIdentityVerificationSystemToken } 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 { useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchOrganizationQuery, useSearchEmployeeProfileQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, getDspCustomerListMethod, useSearchCustomerListQuery, getRemoteIdentityVerificationSystemToken } from 'sales-frontend-api/method';
+import { IconMainUiSearch, IconIllustCamera, IconGraphicsBankSaneop, IconGraphicsBankKiup, IconGraphicsBankKukmin, IconGraphicsBankSuhyeop, IconGraphicsBankJangGiSinYong, IconGraphicsBankNhNonghyeop, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankWoori, IconGraphicsBankScJeil, IconGraphicsBankSinhan, IconGraphicsBankHankookCity, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankGwangju, IconGraphicsBankJeju, IconGraphicsBankJeonbuk, IconGraphicsBankGyeongnam, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSinhyeop, IconGraphicsBankJeochuk, IconGraphicsBankHsbc, IconGraphicsBankABNAMRO, IconGraphicsBankSanlim, IconGraphicsBankPost, IconGraphicsBankKebHana, IconGraphicsBankKBank, IconGraphicsBankKakaoBank, IconGraphicsBankTossBank, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockKakaoPayJeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSinyeongJeungkwon, 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';
@@ -64,7 +64,7 @@ const FormDatePicker = ({
   const { field, fieldState } = useController({ name, control, disabled, defaultValue });
   const [selected, setSelected] = React.useState();
   React.useEffect(() => {
-    if (field.value !== selected) {
+    if (isDate(field.value) && field.value !== selected) {
       setSelected(field.value);
     }
   }, [field.value]);
@@ -99,16 +99,12 @@ const FormDateRangePicker = ({
   });
   const [selected, setSelected] = React.useState();
   React.useEffect(() => {
-    if (field.value && !selected) {
+    if (isDate(field.value) && !selected) {
       setSelected(field.value);
     }
-    try {
-      if (field.value && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
-        setSelected(field.value);
-        console.warn(field.value, selected);
-      }
-    } catch (e) {
-      console.log(e);
+    if (isDate(field.value) && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
+      setSelected(field.value);
+      console.warn(field.value, selected);
     }
   }, [field.value]);
   return /* @__PURE__ */ jsx(
@@ -864,7 +860,9 @@ const FormSelectGroup = ({
   optionsProps,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(FormSelect, { ...props, children: options.map((option) => /* @__PURE__ */ jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)) });
+  return /* @__PURE__ */ jsx(FormSelect, { ...props, children: options.map(
+    (option) => option.label && /* @__PURE__ */ jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)
+  ) });
 };
 FormSelect.Option = FormSelectOption;
 FormSelect.Group = FormSelectGroup;
@@ -1680,7 +1678,6 @@ function AddressComponent({ isOpen, onClose, setValue }) {
           size: "medium",
           appearance: "filled",
           width: "full",
-          disabled: nextButtonDisabled,
           children: [
             addressSearchStep === "search-result" && "\uB2E4\uC74C(1/2)",
             addressSearchStep === "detail-input" && "\uD655\uC778(2/2)"
@@ -1720,6 +1717,14 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
   });
   const [nextButtonDisabled, setNextButtonDisabled] = useState(false);
   const onNext = () => {
+    if (step === "search-result" && nextButtonDisabled) {
+      ModalUtils.alert(
+        "\uC8FC\uC18C\uB97C \uC120\uD0DD\uD558\uC9C0 \uC54A\uC73C\uBA74 \uB2E4\uC74C \uB2E8\uACC4\uB85C \uC774\uB3D9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.\n\uC8FC\uC18C\uB97C \uC120\uD0DD\uD55C \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.",
+        "\uC120\uD0DD \uC8FC\uC18C \uC5C6\uC74C",
+        { modalId: "search-modal-address-no-selected" }
+      );
+      return;
+    }
     if (step === "search-result") {
       setStep("detail-input");
       setNextButtonDisabled(true);
@@ -1861,69 +1866,330 @@ const useAddressComponent = () => {
   };
 };
 
-const BANK_LIST = [
-  { label: "HSBC", value: "HSBC", Icon: IconGraphicsBankHsbc },
-  { label: "KEB\uD558\uB098", value: "KEB\uD558\uB098", Icon: IconGraphicsBankKebHana },
-  { label: "SC\uC81C\uC77C", value: "SC\uC81C\uC77C", Icon: IconGraphicsBankScJeil },
-  { label: "\uACBD\uB0A8", value: "\uACBD\uB0A8", Icon: IconGraphicsBankGyeongnam },
-  { label: "\uAD11\uC8FC", value: "\uAD11\uC8FC", Icon: IconGraphicsBankGwangju },
-  { label: "\uAD6D\uBBFC", value: "\uAD6D\uBBFC", Icon: IconGraphicsBankKukmin },
-  { label: "\uAE30\uC5C5", value: "\uAE30\uC5C5", Icon: IconGraphicsBankKiup },
-  { label: "\uC9C0\uC5ED\uB18D\uD611", value: "\uC9C0\uC5ED\uB18D\uD611", Icon: IconGraphicsBankJiyeokNonghyeop },
-  { label: "NH\uB18D\uD611", value: "NH\uB18D\uD611", Icon: IconGraphicsBankNhNonghyeop },
-  { label: "\uB300\uAD6C", value: "\uB300\uAD6C", Icon: IconGraphicsBankDaegu },
-  { label: "\uBD80\uC0B0", value: "\uBD80\uC0B0", Icon: IconGraphicsBankBusan },
-  { label: "\uC0B0\uB9BC\uC870\uD569", value: "\uC0B0\uB9BC\uC870\uD569", Icon: IconGraphicsBankSanlim },
-  { label: "\uC0B0\uC5C5", value: "\uC0B0\uC5C5", Icon: IconGraphicsBankSaneop },
-  { label: "\uC0C8\uB9C8\uC744\uAE08\uACE0", value: "\uC0C8\uB9C8\uC744\uAE08\uACE0", Icon: IconGraphicsBankSaemaulGeumgo },
-  { label: "\uC218\uD611", value: "\uC218\uD611", Icon: IconGraphicsBankSuhyeop },
-  { label: "\uC2E0\uD55C", value: "\uC2E0\uD55C", Icon: IconGraphicsBankSinhan },
-  { label: "\uC2E0\uD611", value: "\uC2E0\uD611", Icon: IconGraphicsBankSinhyeop },
-  { label: "\uC678\uD658", value: "\uC678\uD658", Icon: IconGraphicsBankOehwan },
-  { label: "\uC6B0\uB9AC", value: "\uC6B0\uB9AC", Icon: IconGraphicsBankWoori },
-  { label: "\uC6B0\uCCB4\uAD6D", value: "\uC6B0\uCCB4\uAD6D", Icon: IconGraphicsBankPost },
-  { label: "\uC800\uCD95", value: "\uC800\uCD95", Icon: IconGraphicsBankJeochuk },
-  { label: "\uC804\uBD81", value: "\uC804\uBD81", Icon: IconGraphicsBankJeonbuk },
-  { label: "\uC81C\uC8FC", value: "\uC81C\uC8FC", Icon: IconGraphicsBankJeju },
-  { label: "\uCE74\uCE74\uC624\uBC45\uD06C", value: "\uCE74\uCE74\uC624\uBC45\uD06C", Icon: IconGraphicsBankKakaoBank },
-  { label: "\uCF00\uC774\uBC45\uD06C", value: "\uCF00\uC774\uBC45\uD06C", Icon: IconGraphicsBankKBank },
-  { label: "\uD55C\uAD6D\uC528\uD2F0", value: "\uD55C\uAD6D\uC528\uD2F0", Icon: IconGraphicsBankHankookCity }
-];
-const STOCK_LIST = [
-  { label: "DB\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "DB\uAE08\uC735\uD22C\uC790", Icon: IconGraphicsStockDbGeumyungTujajeungkwon },
-  { label: "KB\uC99D\uAD8C", value: "KB\uC99D\uAD8C", Icon: IconGraphicsStockKbJeungkwon },
-  { label: "NH(\uC6B0\uB9AC)\n\uD22C\uC790\uC99D\uAD8C", value: "NH(\uC6B0\uB9AC)\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockNhWooriTujajeungkwon },
-  { label: "NH\n\uD22C\uC790\uC99D\uAD8C", value: "NH\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockNhTujajeungkwon },
-  { label: "SK\uC99D\uAD8C", value: "SK\uC99D\uAD8C", Icon: IconGraphicsStockSkJeungkwon },
-  { label: "\uAD50\uBCF4\uC99D\uAD8C", value: "\uAD50\uBCF4\uC99D\uAD8C", Icon: IconGraphicsStockGyoboJeungkwon },
-  { label: "\uB300\uC2E0\uC99D\uAD8C", value: "\uB300\uC2E0\uC99D\uAD8C", Icon: IconGraphicsStockDaesinJeungkwon },
-  { label: "\uBA54\uB9AC\uCE20\uC99D\uAD8C", value: "\uBA54\uB9AC\uCE20\uC99D\uAD8C", Icon: IconGraphicsStockMeritzJeungkwon },
-  { label: "\uBBF8\uB798\uC5D0\uC14B\n\uC99D\uAD8C", value: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C", Icon: IconGraphicsStockMiraeAssetJeungkwon },
-  { label: "\uBD80\uAD6D\uC99D\uAD8C", value: "\uBD80\uAD6D\uC99D\uAD8C", Icon: IconGraphicsStockBugukJeungkwon },
-  { label: "\uC0BC\uC131\uC99D\uAD8C", value: "\uC0BC\uC131\uC99D\uAD8C", Icon: IconGraphicsStockSamsungJeungkwon },
-  { label: "\uC2E0\uC601\uC99D\uAD8C", value: "\uC2E0\uC601\uC99D\uAD8C", Icon: IconGraphicsStockSinyeongJeungkwon },
-  { label: "\uC2E0\uD55C\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockSinhanTujajeungkwon },
-  { label: "\uC720\uC548\uD0C0\uC99D\uAD8C", value: "\uC720\uC548\uD0C0\uC99D\uAD8C", Icon: IconGraphicsStockYuantaJeungkwon },
-  { label: "\uC720\uC9C4\n\uD22C\uC790\uC99D\uAD8C", value: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockYujinTujajeungkwon },
-  { label: "\uD0A4\uC6C0\uC99D\uAD8C", value: "\uD0A4\uC6C0\uC99D\uAD8C", Icon: IconGraphicsStockKiwoomJeungkwon },
-  { label: "\uD558\uB098\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "\uD558\uB098\uAE08\uC735\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockHanaGeumyungTujajeungkwon },
-  { label: "\uD558\uC774\n\uD22C\uC790\uC99D\uAD8C", value: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockHiTujajeungkwon },
-  { label: "\uD55C\uAD6D\uC99D\uAD8C\n\uAE08\uC735", value: "\uD55C\uAD6D\uC99D\uAD8C\uAE08\uC735", Icon: IconGraphicsStockHankookJeungkwonGeumyung },
-  { label: "\uD55C\uAD6D\n\uD22C\uC790\uC99D\uAD8C", value: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockHankookTujajeungkwon },
-  { label: "\uD55C\uD654\n\uD22C\uC790\uC99D\uAD8C", value: "\uD55C\uD654\uD22C\uC790\uC99D\uAD8C", Icon: IconGraphicsStockHanwhaTujajeungkwon },
-  { label: "\uD604\uB300\uCC28\uC99D\uAD8C", value: "\uD604\uB300\uCC28\uC99D\uAD8C", Icon: IconGraphicsStockHyundaiChaJeungkwon },
-  { label: "\uD638\uCD9C\uC5C6\uC74C", value: "\uD638\uCD9C\uC5C6\uC74C", Icon: IconGraphicsStockHochulEopsum }
+const CODE_ICON_LIST = [
+  {
+    codeVal: "002",
+    codeName: "\uC0B0\uC5C5\uC740\uD589",
+    replaceName: "\uC0B0\uC5C5",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankSaneop, {})
+  },
+  {
+    codeVal: "003",
+    codeName: "\uAE30\uC5C5\uC740\uD589",
+    replaceName: "\uAE30\uC5C5",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankKiup, {})
+  },
+  {
+    codeVal: "004",
+    codeName: "\uAD6D\uBBFC\uC740\uD589",
+    replaceName: "\uAD6D\uBBFC",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankKukmin, {})
+  },
+  {
+    codeVal: "007",
+    codeName: "\uC218\uD611\uC740\uD589",
+    replaceName: "\uC218\uD611",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankSuhyeop, {})
+  },
+  {
+    codeVal: "009",
+    codeName: "\uC7A5\uAE30\uC2E0\uC6A9\uC740\uD589",
+    replaceName: "\uC7A5\uAE30\uC2E0\uC6A9",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankJangGiSinYong, {})
+  },
+  {
+    codeVal: "011",
+    codeName: "\uB18D\uD611\uC740\uD589",
+    replaceName: "NH\uB18D\uD611",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankNhNonghyeop, {})
+  },
+  {
+    codeVal: "012",
+    codeName: "\uB18D\uC870",
+    replaceName: "\uC9C0\uC5ED\uB18D\uD611",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankJiyeokNonghyeop, {})
+  },
+  {
+    codeVal: "020",
+    codeName: "\uC6B0\uB9AC\uC740\uD589",
+    replaceName: "\uC6B0\uB9AC",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankWoori, {})
+  },
+  {
+    codeVal: "023",
+    codeName: "\uC2A4\uD0E0\uB2E4\uB4DC\uCC28\uD0C0\uB4DC",
+    replaceName: "SC\uC81C\uC77C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankScJeil, {})
+  },
+  {
+    codeVal: "026",
+    codeName: "(\uAD6C)\uC2E0\uD55C\uC740\uD589",
+    replaceName: "\uC2E0\uD55C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankSinhan, {})
+  },
+  {
+    codeVal: "027",
+    codeName: "\uD55C\uAD6D\uC528\uD2F0\uC740\uD589",
+    replaceName: "\uD55C\uAD6D\uC528\uD2F0",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankHankookCity, {})
+  },
+  {
+    codeVal: "031",
+    codeName: "iM(\uB300\uAD6C)\uBC45\uD06C",
+    replaceName: "\uB300\uAD6C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankDaegu, {})
+  },
+  {
+    codeVal: "032",
+    codeName: "\uBD80\uC0B0\uC740\uD589",
+    replaceName: "\uBD80\uC0B0",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankBusan, {})
+  },
+  {
+    codeVal: "034",
+    codeName: "\uAD11\uC8FC\uC740\uD589",
+    replaceName: "\uAD11\uC8FC",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankGwangju, {})
+  },
+  {
+    codeVal: "035",
+    codeName: "\uC81C\uC8FC\uC740\uD589",
+    replaceName: "\uC81C\uC8FC",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankJeju, {})
+  },
+  {
+    codeVal: "037",
+    codeName: "\uC804\uBD81\uC740\uD589",
+    replaceName: "\uC804\uBD81",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankJeonbuk, {})
+  },
+  {
+    codeVal: "039",
+    codeName: "\uACBD\uB0A8\uC740\uD589",
+    replaceName: "\uACBD\uB0A8",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankGyeongnam, {})
+  },
+  {
+    codeVal: "045",
+    codeName: "\uC0C8\uB9C8\uC744\uAE08\uACE0\uC911\uC559\uD68C",
+    replaceName: "\uC0C8\uB9C8\uC744\uAE08\uACE0",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankSaemaulGeumgo, {})
+  },
+  {
+    codeVal: "048",
+    codeName: "\uC2E0\uD611",
+    replaceName: "\uC2E0\uD611",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankSinhyeop, {})
+  },
+  {
+    codeVal: "050",
+    codeName: "\uC800\uCD95\uC740\uD589",
+    replaceName: "\uC800\uCD95",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankJeochuk, {})
+  },
+  {
+    codeVal: "054",
+    codeName: "HSBC\uC740\uD589",
+    replaceName: "HSBC",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankHsbc, {})
+  },
+  {
+    codeVal: "056",
+    codeName: "\uC5D0\uC774\uBE44\uC5D4\uC554\uB85C\uC740\uD589",
+    replaceName: "\uC5D0\uC774\uBE44\uC5D4\uC554\uB85C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankABNAMRO, {})
+  },
+  {
+    codeVal: "064",
+    codeName: "\uC0B0\uB9BC\uC870\uD569\uC911\uC559\uD68C",
+    replaceName: "\uC0B0\uB9BC\uC870\uD569",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankSanlim, {})
+  },
+  {
+    codeVal: "071",
+    codeName: "\uC6B0\uCCB4\uAD6D",
+    replaceName: "\uC6B0\uCCB4\uAD6D",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankPost, {})
+  },
+  {
+    codeVal: "081",
+    codeName: "KEB\uD558\uB098\uC740\uD589",
+    replaceName: "KEB\uD558\uB098",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankKebHana, {})
+  },
+  {
+    codeVal: "088",
+    codeName: "\uC2E0\uD55C\uC740\uD589",
+    replaceName: "\uC2E0\uD55C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankSinhan, {})
+  },
+  {
+    codeVal: "089",
+    codeName: "\uCF00\uC774\uBC45\uD06C",
+    replaceName: "\uCF00\uC774\uBC45\uD06C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankKBank, {})
+  },
+  {
+    codeVal: "090",
+    codeName: "\uCE74\uCE74\uC624\uBC45\uD06C",
+    replaceName: "\uCE74\uCE74\uC624\uBC45\uD06C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankKakaoBank, {})
+  },
+  {
+    codeVal: "092",
+    codeName: "\uD1A0\uC2A4\uBC45\uD06C",
+    replaceName: "\uD1A0\uC2A4\uBC45\uD06C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsBankTossBank, {})
+  },
+  {
+    codeVal: "209",
+    codeName: "\uC720\uC548\uD0C0\uC99D\uAD8C",
+    replaceName: "\uC720\uC548\uD0C0\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockYuantaJeungkwon, {})
+  },
+  {
+    codeVal: "218",
+    codeName: "KB\uC99D\uAD8C",
+    replaceName: "KB\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockKbJeungkwon, {})
+  },
+  {
+    codeVal: "230",
+    codeName: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C",
+    replaceName: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockMiraeAssetJeungkwon, {})
+  },
+  {
+    codeVal: "238",
+    codeName: "\uB300\uC6B0\uC99D\uAD8C",
+    replaceName: "\uB300\uC6B0\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockMiraeAssetJeungkwon, {})
+  },
+  {
+    codeVal: "240",
+    codeName: "\uC0BC\uC131\uC99D\uAD8C",
+    replaceName: "\uC0BC\uC131\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockSamsungJeungkwon, {})
+  },
+  {
+    codeVal: "243",
+    codeName: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C",
+    replaceName: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockHankookTujajeungkwon, {})
+  },
+  {
+    codeVal: "247",
+    codeName: "\uC6B0\uB9AC\uD22C\uC790\uC99D\uAD8C",
+    replaceName: "NH(\uC6B0\uB9AC)\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockNhWooriTujajeungkwon, {})
+  },
+  {
+    codeVal: "261",
+    codeName: "\uAD50\uBCF4\uC99D\uAD8C",
+    replaceName: "\uAD50\uBCF4\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockGyoboJeungkwon, {})
+  },
+  {
+    codeVal: "262",
+    codeName: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C",
+    replaceName: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockHiTujajeungkwon, {})
+  },
+  {
+    codeVal: "263",
+    codeName: "\uD604\uB300\uCC28\uD22C\uC790\uC99D\uAD8C",
+    replaceName: "\uD604\uB300\uCC28\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockHyundaiChaJeungkwon, {})
+  },
+  {
+    codeVal: "264",
+    codeName: "\uD0A4\uC6C0\uC99D\uAD8C",
+    replaceName: "\uD0A4\uC6C0\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockKiwoomJeungkwon, {})
+  },
+  {
+    codeVal: "266",
+    codeName: "SK\uC99D\uAD8C",
+    replaceName: "SK\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockSkJeungkwon, {})
+  },
+  {
+    codeVal: "267",
+    codeName: "\uB300\uC2E0\uC99D\uAD8C",
+    replaceName: "\uB300\uC2E0\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockDaesinJeungkwon, {})
+  },
+  {
+    codeVal: "269",
+    codeName: "\uD55C\uD654\uC99D\uAD8C",
+    replaceName: "\uD55C\uD654\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockHanwhaTujajeungkwon, {})
+  },
+  {
+    codeVal: "270",
+    codeName: "\uD558\uB098\uB300\uD22C\uC99D\uAD8C",
+    replaceName: "\uD558\uB098\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockHanaGeumyungTujajeungkwon, {})
+  },
+  {
+    codeVal: "278",
+    codeName: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790",
+    replaceName: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockSinhanTujajeungkwon, {})
+  },
+  {
+    codeVal: "279",
+    codeName: "\uB3D9\uBD80\uC99D\uAD8C",
+    replaceName: "DB\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockDbGeumyungTujajeungkwon, {})
+  },
+  {
+    codeVal: "280",
+    codeName: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C",
+    replaceName: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockYujinTujajeungkwon, {})
+  },
+  {
+    codeVal: "287",
+    codeName: "\uBA54\uB9AC\uCE20\uC99D\uAD8C",
+    replaceName: "\uBA54\uB9AC\uCE20\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockMeritzJeungkwon, {})
+  },
+  {
+    codeVal: "288",
+    codeName: "\uCE74\uCE74\uC624\uD398\uC774\uC99D\uAD8C",
+    replaceName: "\uCE74\uCE74\uC624\uD398\uC774\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockKakaoPayJeungkwon, {})
+  },
+  {
+    codeVal: "289",
+    codeName: "NH\uD22C\uC790\uC99D\uAD8C",
+    replaceName: "NH\uD22C\uC790\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockNhTujajeungkwon, {})
+  },
+  {
+    codeVal: "290",
+    codeName: "\uBD80\uAD6D\uC99D\uAD8C",
+    replaceName: "\uBD80\uAD6D\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockBugukJeungkwon, {})
+  },
+  {
+    codeVal: "291",
+    codeName: "\uC2E0\uC601\uC99D\uAD8C",
+    replaceName: "\uC2E0\uC601\uC99D\uAD8C",
+    icon: /* @__PURE__ */ jsx(IconGraphicsStockSinyeongJeungkwon, {})
+  }
 ];
+
 function useBankStockSearch({ onSelect }) {
-  const [searchKeyword, setSearchKeyword] = useState("");
-  const bankList = useMemo(() => BANK_LIST.filter((bank) => bank.label.includes(searchKeyword)), [searchKeyword]);
-  const stockList = useMemo(() => STOCK_LIST.filter((stock) => stock.label.includes(searchKeyword)), [searchKeyword]);
+  const { data } = useSearchCommonCodeQuery({ commonCodeId: "BANK_ORGN_DVSN_CODE" });
+  const bankStockList = data?.data?.commonCodeList?.[0]?.codeList;
   const handleSelect = (item) => {
     onSelect(item);
   };
+  const bankList = bankStockList?.filter((bank) => bank.codeVal?.startsWith("0"));
+  const stockList = bankStockList?.filter((stock) => stock.codeVal?.startsWith("2"));
   return {
-    searchKeyword,
-    setSearchKeyword,
     bankList,
     stockList,
     handleSelect
@@ -1940,10 +2206,20 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
   const renderItems = (list) => {
     const chunkedList = chunk(list, 5);
     return /* @__PURE__ */ jsx("div", { className: styles$4["list-container"], children: chunkedList.map((chunk2, chunkIndex) => /* @__PURE__ */ jsxs("div", { className: styles$4.row, children: [
-      chunk2.map((item) => /* @__PURE__ */ jsxs("div", { className: styles$4.item, onClick: () => handleSelect(item), children: [
-        /* @__PURE__ */ jsx("div", { className: styles$4["icon-wrapper"], children: /* @__PURE__ */ jsx(item.Icon, {}) }),
-        /* @__PURE__ */ jsx("span", { children: item.label })
-      ] }, item.value)),
+      chunk2.map((item) => {
+        const findItem = CODE_ICON_LIST.find((icon) => icon.codeVal === item.codeVal);
+        const convertedItem = findItem ? findItem : {
+          icon: /* @__PURE__ */ jsx(IconGraphicsStockHochulEopsum, {}),
+          replaceName: item.codeName
+        };
+        return /* @__PURE__ */ jsxs("div", { className: styles$4.item, onClick: () => handleSelect(item), children: [
+          /* @__PURE__ */ jsx("div", { className: styles$4["icon-wrapper"], children: convertedItem?.icon }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            " ",
+            convertedItem?.replaceName
+          ] })
+        ] }, item.codeVal);
+      }),
       chunk2.length < 5 && Array.from({ length: 5 - chunk2.length }).map((_, i) => /* @__PURE__ */ jsx("div", { className: styles$4.item, style: { visibility: "hidden" } }, `placeholder-${chunkIndex}-${i}`))
     ] }, chunkIndex)) });
   };
@@ -1954,11 +2230,11 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
       /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("div", { className: styles$4.container, children: [
         /* @__PURE__ */ jsxs("div", { className: styles$4.section, children: [
           /* @__PURE__ */ jsx("p", { className: styles$4["section-title"], children: "\uC740\uD589\uC0AC" }),
-          renderItems(bankList)
+          renderItems(bankList || [])
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles$4.section, children: [
           /* @__PURE__ */ jsx("p", { className: styles$4["section-title"], children: "\uC99D\uAD8C\uC0AC" }),
-          renderItems(stockList)
+          renderItems(stockList || [])
         ] })
       ] }) })
     ] })