sales-frontend-components 0.0.89 → 0.0.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs.js +350 -74
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +9 -19
  4. package/dist/index.esm.js +353 -77
  5. package/dist/index.esm.js.map +1 -1
  6. package/package.json +10 -10
package/dist/index.cjs.js CHANGED
@@ -66,7 +66,7 @@ const FormDatePicker = ({
66
66
  const { field, fieldState } = reactHookForm.useController({ name, control, disabled, defaultValue });
67
67
  const [selected, setSelected] = React.useState();
68
68
  React.useEffect(() => {
69
- if (field.value !== selected) {
69
+ if (salesFrontendDesignSystem.isDate(field.value) && field.value !== selected) {
70
70
  setSelected(field.value);
71
71
  }
72
72
  }, [field.value]);
@@ -101,16 +101,12 @@ const FormDateRangePicker = ({
101
101
  });
102
102
  const [selected, setSelected] = React.useState();
103
103
  React.useEffect(() => {
104
- if (field.value && !selected) {
104
+ if (salesFrontendDesignSystem.isDate(field.value) && !selected) {
105
105
  setSelected(field.value);
106
106
  }
107
- try {
108
- if (field.value && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
109
- setSelected(field.value);
110
- console.warn(field.value, selected);
111
- }
112
- } catch (e) {
113
- console.log(e);
107
+ if (salesFrontendDesignSystem.isDate(field.value) && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
108
+ setSelected(field.value);
109
+ console.warn(field.value, selected);
114
110
  }
115
111
  }, [field.value]);
116
112
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -866,7 +862,9 @@ const FormSelectGroup = ({
866
862
  optionsProps,
867
863
  ...props
868
864
  }) => {
869
- return /* @__PURE__ */ jsxRuntime.jsx(FormSelect, { ...props, children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)) });
865
+ return /* @__PURE__ */ jsxRuntime.jsx(FormSelect, { ...props, children: options.map(
866
+ (option) => option.label && /* @__PURE__ */ jsxRuntime.jsx(FormSelectOption, { value: option.value, ...optionsProps, children: option.label }, option.value)
867
+ ) });
870
868
  };
871
869
  FormSelect.Option = FormSelectOption;
872
870
  FormSelect.Group = FormSelectGroup;
@@ -1682,7 +1680,6 @@ function AddressComponent({ isOpen, onClose, setValue }) {
1682
1680
  size: "medium",
1683
1681
  appearance: "filled",
1684
1682
  width: "full",
1685
- disabled: nextButtonDisabled,
1686
1683
  children: [
1687
1684
  addressSearchStep === "search-result" && "\uB2E4\uC74C(1/2)",
1688
1685
  addressSearchStep === "detail-input" && "\uD655\uC778(2/2)"
@@ -1722,6 +1719,14 @@ function useSearchAddress({ setValue, onClose, isOpen }) {
1722
1719
  });
1723
1720
  const [nextButtonDisabled, setNextButtonDisabled] = React.useState(false);
1724
1721
  const onNext = () => {
1722
+ if (step === "search-result" && nextButtonDisabled) {
1723
+ salesFrontendDesignSystem.ModalUtils.alert(
1724
+ "\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.",
1725
+ "\uC120\uD0DD \uC8FC\uC18C \uC5C6\uC74C",
1726
+ { modalId: "search-modal-address-no-selected" }
1727
+ );
1728
+ return;
1729
+ }
1725
1730
  if (step === "search-result") {
1726
1731
  setStep("detail-input");
1727
1732
  setNextButtonDisabled(true);
@@ -1863,69 +1868,330 @@ const useAddressComponent = () => {
1863
1868
  };
1864
1869
  };
1865
1870
 
1866
- const BANK_LIST = [
1867
- { label: "HSBC", value: "HSBC", Icon: salesFrontendAssets.IconGraphicsBankHsbc },
1868
- { label: "KEB\uD558\uB098", value: "KEB\uD558\uB098", Icon: salesFrontendAssets.IconGraphicsBankKebHana },
1869
- { label: "SC\uC81C\uC77C", value: "SC\uC81C\uC77C", Icon: salesFrontendAssets.IconGraphicsBankScJeil },
1870
- { label: "\uACBD\uB0A8", value: "\uACBD\uB0A8", Icon: salesFrontendAssets.IconGraphicsBankGyeongnam },
1871
- { label: "\uAD11\uC8FC", value: "\uAD11\uC8FC", Icon: salesFrontendAssets.IconGraphicsBankGwangju },
1872
- { label: "\uAD6D\uBBFC", value: "\uAD6D\uBBFC", Icon: salesFrontendAssets.IconGraphicsBankKukmin },
1873
- { label: "\uAE30\uC5C5", value: "\uAE30\uC5C5", Icon: salesFrontendAssets.IconGraphicsBankKiup },
1874
- { label: "\uC9C0\uC5ED\uB18D\uD611", value: "\uC9C0\uC5ED\uB18D\uD611", Icon: salesFrontendAssets.IconGraphicsBankJiyeokNonghyeop },
1875
- { label: "NH\uB18D\uD611", value: "NH\uB18D\uD611", Icon: salesFrontendAssets.IconGraphicsBankNhNonghyeop },
1876
- { label: "\uB300\uAD6C", value: "\uB300\uAD6C", Icon: salesFrontendAssets.IconGraphicsBankDaegu },
1877
- { label: "\uBD80\uC0B0", value: "\uBD80\uC0B0", Icon: salesFrontendAssets.IconGraphicsBankBusan },
1878
- { label: "\uC0B0\uB9BC\uC870\uD569", value: "\uC0B0\uB9BC\uC870\uD569", Icon: salesFrontendAssets.IconGraphicsBankSanlim },
1879
- { label: "\uC0B0\uC5C5", value: "\uC0B0\uC5C5", Icon: salesFrontendAssets.IconGraphicsBankSaneop },
1880
- { label: "\uC0C8\uB9C8\uC744\uAE08\uACE0", value: "\uC0C8\uB9C8\uC744\uAE08\uACE0", Icon: salesFrontendAssets.IconGraphicsBankSaemaulGeumgo },
1881
- { label: "\uC218\uD611", value: "\uC218\uD611", Icon: salesFrontendAssets.IconGraphicsBankSuhyeop },
1882
- { label: "\uC2E0\uD55C", value: "\uC2E0\uD55C", Icon: salesFrontendAssets.IconGraphicsBankSinhan },
1883
- { label: "\uC2E0\uD611", value: "\uC2E0\uD611", Icon: salesFrontendAssets.IconGraphicsBankSinhyeop },
1884
- { label: "\uC678\uD658", value: "\uC678\uD658", Icon: salesFrontendAssets.IconGraphicsBankOehwan },
1885
- { label: "\uC6B0\uB9AC", value: "\uC6B0\uB9AC", Icon: salesFrontendAssets.IconGraphicsBankWoori },
1886
- { label: "\uC6B0\uCCB4\uAD6D", value: "\uC6B0\uCCB4\uAD6D", Icon: salesFrontendAssets.IconGraphicsBankPost },
1887
- { label: "\uC800\uCD95", value: "\uC800\uCD95", Icon: salesFrontendAssets.IconGraphicsBankJeochuk },
1888
- { label: "\uC804\uBD81", value: "\uC804\uBD81", Icon: salesFrontendAssets.IconGraphicsBankJeonbuk },
1889
- { label: "\uC81C\uC8FC", value: "\uC81C\uC8FC", Icon: salesFrontendAssets.IconGraphicsBankJeju },
1890
- { label: "\uCE74\uCE74\uC624\uBC45\uD06C", value: "\uCE74\uCE74\uC624\uBC45\uD06C", Icon: salesFrontendAssets.IconGraphicsBankKakaoBank },
1891
- { label: "\uCF00\uC774\uBC45\uD06C", value: "\uCF00\uC774\uBC45\uD06C", Icon: salesFrontendAssets.IconGraphicsBankKBank },
1892
- { label: "\uD55C\uAD6D\uC528\uD2F0", value: "\uD55C\uAD6D\uC528\uD2F0", Icon: salesFrontendAssets.IconGraphicsBankHankookCity }
1893
- ];
1894
- const STOCK_LIST = [
1895
- { label: "DB\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "DB\uAE08\uC735\uD22C\uC790", Icon: salesFrontendAssets.IconGraphicsStockDbGeumyungTujajeungkwon },
1896
- { label: "KB\uC99D\uAD8C", value: "KB\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockKbJeungkwon },
1897
- { label: "NH(\uC6B0\uB9AC)\n\uD22C\uC790\uC99D\uAD8C", value: "NH(\uC6B0\uB9AC)\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockNhWooriTujajeungkwon },
1898
- { label: "NH\n\uD22C\uC790\uC99D\uAD8C", value: "NH\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockNhTujajeungkwon },
1899
- { label: "SK\uC99D\uAD8C", value: "SK\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSkJeungkwon },
1900
- { label: "\uAD50\uBCF4\uC99D\uAD8C", value: "\uAD50\uBCF4\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockGyoboJeungkwon },
1901
- { label: "\uB300\uC2E0\uC99D\uAD8C", value: "\uB300\uC2E0\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockDaesinJeungkwon },
1902
- { label: "\uBA54\uB9AC\uCE20\uC99D\uAD8C", value: "\uBA54\uB9AC\uCE20\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockMeritzJeungkwon },
1903
- { label: "\uBBF8\uB798\uC5D0\uC14B\n\uC99D\uAD8C", value: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockMiraeAssetJeungkwon },
1904
- { label: "\uBD80\uAD6D\uC99D\uAD8C", value: "\uBD80\uAD6D\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockBugukJeungkwon },
1905
- { label: "\uC0BC\uC131\uC99D\uAD8C", value: "\uC0BC\uC131\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSamsungJeungkwon },
1906
- { label: "\uC2E0\uC601\uC99D\uAD8C", value: "\uC2E0\uC601\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSinyeongJeungkwon },
1907
- { label: "\uC2E0\uD55C\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockSinhanTujajeungkwon },
1908
- { label: "\uC720\uC548\uD0C0\uC99D\uAD8C", value: "\uC720\uC548\uD0C0\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockYuantaJeungkwon },
1909
- { label: "\uC720\uC9C4\n\uD22C\uC790\uC99D\uAD8C", value: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockYujinTujajeungkwon },
1910
- { label: "\uD0A4\uC6C0\uC99D\uAD8C", value: "\uD0A4\uC6C0\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockKiwoomJeungkwon },
1911
- { label: "\uD558\uB098\uAE08\uC735\n\uD22C\uC790\uC99D\uAD8C", value: "\uD558\uB098\uAE08\uC735\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHanaGeumyungTujajeungkwon },
1912
- { label: "\uD558\uC774\n\uD22C\uC790\uC99D\uAD8C", value: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHiTujajeungkwon },
1913
- { label: "\uD55C\uAD6D\uC99D\uAD8C\n\uAE08\uC735", value: "\uD55C\uAD6D\uC99D\uAD8C\uAE08\uC735", Icon: salesFrontendAssets.IconGraphicsStockHankookJeungkwonGeumyung },
1914
- { label: "\uD55C\uAD6D\n\uD22C\uC790\uC99D\uAD8C", value: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHankookTujajeungkwon },
1915
- { label: "\uD55C\uD654\n\uD22C\uC790\uC99D\uAD8C", value: "\uD55C\uD654\uD22C\uC790\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHanwhaTujajeungkwon },
1916
- { label: "\uD604\uB300\uCC28\uC99D\uAD8C", value: "\uD604\uB300\uCC28\uC99D\uAD8C", Icon: salesFrontendAssets.IconGraphicsStockHyundaiChaJeungkwon },
1917
- { label: "\uD638\uCD9C\uC5C6\uC74C", value: "\uD638\uCD9C\uC5C6\uC74C", Icon: salesFrontendAssets.IconGraphicsStockHochulEopsum }
1871
+ const CODE_ICON_LIST = [
1872
+ {
1873
+ codeVal: "002",
1874
+ codeName: "\uC0B0\uC5C5\uC740\uD589",
1875
+ replaceName: "\uC0B0\uC5C5",
1876
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSaneop, {})
1877
+ },
1878
+ {
1879
+ codeVal: "003",
1880
+ codeName: "\uAE30\uC5C5\uC740\uD589",
1881
+ replaceName: "\uAE30\uC5C5",
1882
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKiup, {})
1883
+ },
1884
+ {
1885
+ codeVal: "004",
1886
+ codeName: "\uAD6D\uBBFC\uC740\uD589",
1887
+ replaceName: "\uAD6D\uBBFC",
1888
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKukmin, {})
1889
+ },
1890
+ {
1891
+ codeVal: "007",
1892
+ codeName: "\uC218\uD611\uC740\uD589",
1893
+ replaceName: "\uC218\uD611",
1894
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSuhyeop, {})
1895
+ },
1896
+ {
1897
+ codeVal: "009",
1898
+ codeName: "\uC7A5\uAE30\uC2E0\uC6A9\uC740\uD589",
1899
+ replaceName: "\uC7A5\uAE30\uC2E0\uC6A9",
1900
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJangGiSinYong, {})
1901
+ },
1902
+ {
1903
+ codeVal: "011",
1904
+ codeName: "\uB18D\uD611\uC740\uD589",
1905
+ replaceName: "NH\uB18D\uD611",
1906
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankNhNonghyeop, {})
1907
+ },
1908
+ {
1909
+ codeVal: "012",
1910
+ codeName: "\uB18D\uC870",
1911
+ replaceName: "\uC9C0\uC5ED\uB18D\uD611",
1912
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJiyeokNonghyeop, {})
1913
+ },
1914
+ {
1915
+ codeVal: "020",
1916
+ codeName: "\uC6B0\uB9AC\uC740\uD589",
1917
+ replaceName: "\uC6B0\uB9AC",
1918
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankWoori, {})
1919
+ },
1920
+ {
1921
+ codeVal: "023",
1922
+ codeName: "\uC2A4\uD0E0\uB2E4\uB4DC\uCC28\uD0C0\uB4DC",
1923
+ replaceName: "SC\uC81C\uC77C",
1924
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankScJeil, {})
1925
+ },
1926
+ {
1927
+ codeVal: "026",
1928
+ codeName: "(\uAD6C)\uC2E0\uD55C\uC740\uD589",
1929
+ replaceName: "\uC2E0\uD55C",
1930
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhan, {})
1931
+ },
1932
+ {
1933
+ codeVal: "027",
1934
+ codeName: "\uD55C\uAD6D\uC528\uD2F0\uC740\uD589",
1935
+ replaceName: "\uD55C\uAD6D\uC528\uD2F0",
1936
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankHankookCity, {})
1937
+ },
1938
+ {
1939
+ codeVal: "031",
1940
+ codeName: "iM(\uB300\uAD6C)\uBC45\uD06C",
1941
+ replaceName: "\uB300\uAD6C",
1942
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankDaegu, {})
1943
+ },
1944
+ {
1945
+ codeVal: "032",
1946
+ codeName: "\uBD80\uC0B0\uC740\uD589",
1947
+ replaceName: "\uBD80\uC0B0",
1948
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankBusan, {})
1949
+ },
1950
+ {
1951
+ codeVal: "034",
1952
+ codeName: "\uAD11\uC8FC\uC740\uD589",
1953
+ replaceName: "\uAD11\uC8FC",
1954
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankGwangju, {})
1955
+ },
1956
+ {
1957
+ codeVal: "035",
1958
+ codeName: "\uC81C\uC8FC\uC740\uD589",
1959
+ replaceName: "\uC81C\uC8FC",
1960
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJeju, {})
1961
+ },
1962
+ {
1963
+ codeVal: "037",
1964
+ codeName: "\uC804\uBD81\uC740\uD589",
1965
+ replaceName: "\uC804\uBD81",
1966
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJeonbuk, {})
1967
+ },
1968
+ {
1969
+ codeVal: "039",
1970
+ codeName: "\uACBD\uB0A8\uC740\uD589",
1971
+ replaceName: "\uACBD\uB0A8",
1972
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankGyeongnam, {})
1973
+ },
1974
+ {
1975
+ codeVal: "045",
1976
+ codeName: "\uC0C8\uB9C8\uC744\uAE08\uACE0\uC911\uC559\uD68C",
1977
+ replaceName: "\uC0C8\uB9C8\uC744\uAE08\uACE0",
1978
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSaemaulGeumgo, {})
1979
+ },
1980
+ {
1981
+ codeVal: "048",
1982
+ codeName: "\uC2E0\uD611",
1983
+ replaceName: "\uC2E0\uD611",
1984
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhyeop, {})
1985
+ },
1986
+ {
1987
+ codeVal: "050",
1988
+ codeName: "\uC800\uCD95\uC740\uD589",
1989
+ replaceName: "\uC800\uCD95",
1990
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankJeochuk, {})
1991
+ },
1992
+ {
1993
+ codeVal: "054",
1994
+ codeName: "HSBC\uC740\uD589",
1995
+ replaceName: "HSBC",
1996
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankHsbc, {})
1997
+ },
1998
+ {
1999
+ codeVal: "056",
2000
+ codeName: "\uC5D0\uC774\uBE44\uC5D4\uC554\uB85C\uC740\uD589",
2001
+ replaceName: "\uC5D0\uC774\uBE44\uC5D4\uC554\uB85C",
2002
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankABNAMRO, {})
2003
+ },
2004
+ {
2005
+ codeVal: "064",
2006
+ codeName: "\uC0B0\uB9BC\uC870\uD569\uC911\uC559\uD68C",
2007
+ replaceName: "\uC0B0\uB9BC\uC870\uD569",
2008
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSanlim, {})
2009
+ },
2010
+ {
2011
+ codeVal: "071",
2012
+ codeName: "\uC6B0\uCCB4\uAD6D",
2013
+ replaceName: "\uC6B0\uCCB4\uAD6D",
2014
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankPost, {})
2015
+ },
2016
+ {
2017
+ codeVal: "081",
2018
+ codeName: "KEB\uD558\uB098\uC740\uD589",
2019
+ replaceName: "KEB\uD558\uB098",
2020
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKebHana, {})
2021
+ },
2022
+ {
2023
+ codeVal: "088",
2024
+ codeName: "\uC2E0\uD55C\uC740\uD589",
2025
+ replaceName: "\uC2E0\uD55C",
2026
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhan, {})
2027
+ },
2028
+ {
2029
+ codeVal: "089",
2030
+ codeName: "\uCF00\uC774\uBC45\uD06C",
2031
+ replaceName: "\uCF00\uC774\uBC45\uD06C",
2032
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKBank, {})
2033
+ },
2034
+ {
2035
+ codeVal: "090",
2036
+ codeName: "\uCE74\uCE74\uC624\uBC45\uD06C",
2037
+ replaceName: "\uCE74\uCE74\uC624\uBC45\uD06C",
2038
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankKakaoBank, {})
2039
+ },
2040
+ {
2041
+ codeVal: "092",
2042
+ codeName: "\uD1A0\uC2A4\uBC45\uD06C",
2043
+ replaceName: "\uD1A0\uC2A4\uBC45\uD06C",
2044
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankTossBank, {})
2045
+ },
2046
+ {
2047
+ codeVal: "209",
2048
+ codeName: "\uC720\uC548\uD0C0\uC99D\uAD8C",
2049
+ replaceName: "\uC720\uC548\uD0C0\uC99D\uAD8C",
2050
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockYuantaJeungkwon, {})
2051
+ },
2052
+ {
2053
+ codeVal: "218",
2054
+ codeName: "KB\uC99D\uAD8C",
2055
+ replaceName: "KB\uC99D\uAD8C",
2056
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockKbJeungkwon, {})
2057
+ },
2058
+ {
2059
+ codeVal: "230",
2060
+ codeName: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C",
2061
+ replaceName: "\uBBF8\uB798\uC5D0\uC14B\uC99D\uAD8C",
2062
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockMiraeAssetJeungkwon, {})
2063
+ },
2064
+ {
2065
+ codeVal: "238",
2066
+ codeName: "\uB300\uC6B0\uC99D\uAD8C",
2067
+ replaceName: "\uB300\uC6B0\uC99D\uAD8C",
2068
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockMiraeAssetJeungkwon, {})
2069
+ },
2070
+ {
2071
+ codeVal: "240",
2072
+ codeName: "\uC0BC\uC131\uC99D\uAD8C",
2073
+ replaceName: "\uC0BC\uC131\uC99D\uAD8C",
2074
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSamsungJeungkwon, {})
2075
+ },
2076
+ {
2077
+ codeVal: "243",
2078
+ codeName: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C",
2079
+ replaceName: "\uD55C\uAD6D\uD22C\uC790\uC99D\uAD8C",
2080
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHankookTujajeungkwon, {})
2081
+ },
2082
+ {
2083
+ codeVal: "247",
2084
+ codeName: "\uC6B0\uB9AC\uD22C\uC790\uC99D\uAD8C",
2085
+ replaceName: "NH(\uC6B0\uB9AC)\uD22C\uC790\uC99D\uAD8C",
2086
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockNhWooriTujajeungkwon, {})
2087
+ },
2088
+ {
2089
+ codeVal: "261",
2090
+ codeName: "\uAD50\uBCF4\uC99D\uAD8C",
2091
+ replaceName: "\uAD50\uBCF4\uC99D\uAD8C",
2092
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockGyoboJeungkwon, {})
2093
+ },
2094
+ {
2095
+ codeVal: "262",
2096
+ codeName: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C",
2097
+ replaceName: "\uD558\uC774\uD22C\uC790\uC99D\uAD8C",
2098
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHiTujajeungkwon, {})
2099
+ },
2100
+ {
2101
+ codeVal: "263",
2102
+ codeName: "\uD604\uB300\uCC28\uD22C\uC790\uC99D\uAD8C",
2103
+ replaceName: "\uD604\uB300\uCC28\uC99D\uAD8C",
2104
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHyundaiChaJeungkwon, {})
2105
+ },
2106
+ {
2107
+ codeVal: "264",
2108
+ codeName: "\uD0A4\uC6C0\uC99D\uAD8C",
2109
+ replaceName: "\uD0A4\uC6C0\uC99D\uAD8C",
2110
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockKiwoomJeungkwon, {})
2111
+ },
2112
+ {
2113
+ codeVal: "266",
2114
+ codeName: "SK\uC99D\uAD8C",
2115
+ replaceName: "SK\uC99D\uAD8C",
2116
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSkJeungkwon, {})
2117
+ },
2118
+ {
2119
+ codeVal: "267",
2120
+ codeName: "\uB300\uC2E0\uC99D\uAD8C",
2121
+ replaceName: "\uB300\uC2E0\uC99D\uAD8C",
2122
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockDaesinJeungkwon, {})
2123
+ },
2124
+ {
2125
+ codeVal: "269",
2126
+ codeName: "\uD55C\uD654\uC99D\uAD8C",
2127
+ replaceName: "\uD55C\uD654\uD22C\uC790\uC99D\uAD8C",
2128
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHanwhaTujajeungkwon, {})
2129
+ },
2130
+ {
2131
+ codeVal: "270",
2132
+ codeName: "\uD558\uB098\uB300\uD22C\uC99D\uAD8C",
2133
+ replaceName: "\uD558\uB098\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
2134
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHanaGeumyungTujajeungkwon, {})
2135
+ },
2136
+ {
2137
+ codeVal: "278",
2138
+ codeName: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790",
2139
+ replaceName: "\uC2E0\uD55C\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
2140
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSinhanTujajeungkwon, {})
2141
+ },
2142
+ {
2143
+ codeVal: "279",
2144
+ codeName: "\uB3D9\uBD80\uC99D\uAD8C",
2145
+ replaceName: "DB\uAE08\uC735\uD22C\uC790\uC99D\uAD8C",
2146
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockDbGeumyungTujajeungkwon, {})
2147
+ },
2148
+ {
2149
+ codeVal: "280",
2150
+ codeName: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C",
2151
+ replaceName: "\uC720\uC9C4\uD22C\uC790\uC99D\uAD8C",
2152
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockYujinTujajeungkwon, {})
2153
+ },
2154
+ {
2155
+ codeVal: "287",
2156
+ codeName: "\uBA54\uB9AC\uCE20\uC99D\uAD8C",
2157
+ replaceName: "\uBA54\uB9AC\uCE20\uC99D\uAD8C",
2158
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockMeritzJeungkwon, {})
2159
+ },
2160
+ {
2161
+ codeVal: "288",
2162
+ codeName: "\uCE74\uCE74\uC624\uD398\uC774\uC99D\uAD8C",
2163
+ replaceName: "\uCE74\uCE74\uC624\uD398\uC774\uC99D\uAD8C",
2164
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockKakaoPayJeungkwon, {})
2165
+ },
2166
+ {
2167
+ codeVal: "289",
2168
+ codeName: "NH\uD22C\uC790\uC99D\uAD8C",
2169
+ replaceName: "NH\uD22C\uC790\uC99D\uAD8C",
2170
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockNhTujajeungkwon, {})
2171
+ },
2172
+ {
2173
+ codeVal: "290",
2174
+ codeName: "\uBD80\uAD6D\uC99D\uAD8C",
2175
+ replaceName: "\uBD80\uAD6D\uC99D\uAD8C",
2176
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockBugukJeungkwon, {})
2177
+ },
2178
+ {
2179
+ codeVal: "291",
2180
+ codeName: "\uC2E0\uC601\uC99D\uAD8C",
2181
+ replaceName: "\uC2E0\uC601\uC99D\uAD8C",
2182
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockSinyeongJeungkwon, {})
2183
+ }
1918
2184
  ];
2185
+
1919
2186
  function useBankStockSearch({ onSelect }) {
1920
- const [searchKeyword, setSearchKeyword] = React.useState("");
1921
- const bankList = React.useMemo(() => BANK_LIST.filter((bank) => bank.label.includes(searchKeyword)), [searchKeyword]);
1922
- const stockList = React.useMemo(() => STOCK_LIST.filter((stock) => stock.label.includes(searchKeyword)), [searchKeyword]);
2187
+ const { data } = method.useSearchCommonCodeQuery({ commonCodeId: "BANK_ORGN_DVSN_CODE" });
2188
+ const bankStockList = data?.data?.commonCodeList?.[0]?.codeList;
1923
2189
  const handleSelect = (item) => {
1924
2190
  onSelect(item);
1925
2191
  };
2192
+ const bankList = bankStockList?.filter((bank) => bank.codeVal?.startsWith("0"));
2193
+ const stockList = bankStockList?.filter((stock) => stock.codeVal?.startsWith("2"));
1926
2194
  return {
1927
- searchKeyword,
1928
- setSearchKeyword,
1929
2195
  bankList,
1930
2196
  stockList,
1931
2197
  handleSelect
@@ -1942,10 +2208,20 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
1942
2208
  const renderItems = (list) => {
1943
2209
  const chunkedList = chunk(list, 5);
1944
2210
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4["list-container"], children: chunkedList.map((chunk2, chunkIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.row, children: [
1945
- chunk2.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.item, onClick: () => handleSelect(item), children: [
1946
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4["icon-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx(item.Icon, {}) }),
1947
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
1948
- ] }, item.value)),
2211
+ chunk2.map((item) => {
2212
+ const findItem = CODE_ICON_LIST.find((icon) => icon.codeVal === item.codeVal);
2213
+ const convertedItem = findItem ? findItem : {
2214
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHochulEopsum, {}),
2215
+ replaceName: item.codeName
2216
+ };
2217
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.item, onClick: () => handleSelect(item), children: [
2218
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4["icon-wrapper"], children: convertedItem?.icon }),
2219
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
2220
+ " ",
2221
+ convertedItem?.replaceName
2222
+ ] })
2223
+ ] }, item.codeVal);
2224
+ }),
1949
2225
  chunk2.length < 5 && Array.from({ length: 5 - chunk2.length }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4.item, style: { visibility: "hidden" } }, `placeholder-${chunkIndex}-${i}`))
1950
2226
  ] }, chunkIndex)) });
1951
2227
  };
@@ -1956,11 +2232,11 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
1956
2232
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.container, children: [
1957
2233
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.section, children: [
1958
2234
  /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$4["section-title"], children: "\uC740\uD589\uC0AC" }),
1959
- renderItems(bankList)
2235
+ renderItems(bankList || [])
1960
2236
  ] }),
1961
2237
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$4.section, children: [
1962
2238
  /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$4["section-title"], children: "\uC99D\uAD8C\uC0AC" }),
1963
- renderItems(stockList)
2239
+ renderItems(stockList || [])
1964
2240
  ] })
1965
2241
  ] }) })
1966
2242
  ] })