sales-frontend-components 0.0.158 → 0.0.159

package/dist/index.cjs.js

@@ -1275,7 +1275,7 @@ const NationalitySearchInitialText = ({
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx$h("favorite"), children: favoriteList.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { onClick: () => set(item.nationalityCodeName), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: item.nationalityCodeName }) }, `${item.nationalityCode}-${index}`)) })
   ] });
 };
-const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect }) => {
+const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect, onConfirm }) => {
   const [filterList, setFilterList] = React.useState([]);
   React.useEffect(() => {
     const filterList2 = nationalityList.filter((item) => item.nationalityCodeName.includes(searchKeyWord)) || [];
@@ -1288,7 +1288,10 @@ const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect }) =
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx$h("favorite"), children: filterList.length > 0 && filterList.map((item, index) => {
-      return /* @__PURE__ */ jsxRuntime.jsx("li", { onClick: () => onSelect(item.nationalityCodeName), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: highlightOnSearchKeyword(item.nationalityCodeName, searchKeyWord) }) }, `${index}-${item.nationalityCode}`);
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { onClick: () => {
+        onSelect(item.nationalityCodeName);
+        onConfirm();
+      }, children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: highlightOnSearchKeyword(item.nationalityCodeName, searchKeyWord) }) }, `${index}-${item.nationalityCode}`);
     }) }),
     filterList.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$h("search-result"), children: [
       "`",
@@ -1297,7 +1300,7 @@ const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect }) =
     ] })
   ] });
 };
-function NationalityComponent({ isOpen, onClose, setValue }) {
+function NationalityComponent({ isOpen, onClose, setValue, onConfirm }) {
   const {
     search,
     onClear,
@@ -1339,7 +1342,7 @@ function NationalityComponent({ isOpen, onClose, setValue }) {
           }
         ),
         !searchKeyWord && /* @__PURE__ */ jsxRuntime.jsx(NationalitySearchInitialText, { setSearchInput, setSearchKeyword }),
-        searchKeyWord && /* @__PURE__ */ jsxRuntime.jsx(NationalitySearchResult, { nationalityList: searchList, searchKeyWord, onSelect })
+        searchKeyWord && /* @__PURE__ */ jsxRuntime.jsx(NationalitySearchResult, { nationalityList: searchList, searchKeyWord, onSelect, onConfirm })
       ] })
     ] })
   ] }) });
@@ -1405,14 +1408,19 @@ function useSearchNationality({ setValue, onClose, isOpen }) {
 const useNationalityComponent = () => {
   const [nationality, setNationality] = React.useState();
   const { isOpen, closeModal, openModal } = salesFrontendDesignSystem.useModalState();
-  const NationalitySearchComponent = () => /* @__PURE__ */ jsxRuntime.jsx(NationalityComponent, { isOpen, onClose: closeModal, setValue: setNationality });
+  const [isConfirmed, setIsConfirmed] = React.useState(false);
+  const onConfirm = () => {
+    setIsConfirmed(true);
+  };
+  const NationalitySearchComponent = () => /* @__PURE__ */ jsxRuntime.jsx(NationalityComponent, { isOpen, onClose: closeModal, setValue: setNationality, onConfirm });
   return {
     isOpen,
     closeModal,
     setNationality,
     nationality,
     openModal,
-    NationalitySearchComponent
+    NationalitySearchComponent,
+    isConfirmed
   };
 };
 
@@ -1840,12 +1848,15 @@ function useNxlOneModal({
 
 const cx$g = classNames.bind(styles$4);
 const { InputBox, Input } = salesFrontendDesignSystem.FormCore;
-const VisaSearchInitialText = ({ visaList, onSelect }) => {
+const VisaSearchInitialText = ({ visaList, onSelect, onConfirm }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$g("favorite-container"), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx$g("favorite"), children: visaList.map((item, index) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("li", { onClick: () => onSelect(item), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: item.integrationCodeValueName }) }, `${index}-${item.integrationCodeValueName}`);
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { onClick: () => {
+      onSelect(item);
+      onConfirm();
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: item.integrationCodeValueName }) }, `${index}-${item.integrationCodeValueName}`);
   }) }) });
 };
-const VisaSearchResult = ({ visaList, searchKeyword, onSelect }) => {
+const VisaSearchResult = ({ visaList, searchKeyword, onSelect, onConfirm }) => {
   const [filterList, setFilterList] = React.useState([]);
   React.useEffect(() => {
     const filterList2 = visaList.filter((item) => item.integrationCodeValueName?.includes(searchKeyword)) || [];
@@ -1858,7 +1869,10 @@ const VisaSearchResult = ({ visaList, searchKeyword, onSelect }) => {
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx$g("favorite"), children: filterList.length > 0 && filterList.map((item, index) => {
-      return /* @__PURE__ */ jsxRuntime.jsx("li", { onClick: () => onSelect(item), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: highlightOnSearchKeyword(`${item.integrationCodeValueName}`, searchKeyword) }) }, `${index}-${item.integrationCodeValueName}`);
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { onClick: () => {
+        onSelect(item);
+        onConfirm();
+      }, children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: highlightOnSearchKeyword(`${item.integrationCodeValueName}`, searchKeyword) }) }, `${index}-${item.integrationCodeValueName}`);
     }) }),
     filterList.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$g("search-result"), children: [
       "`",
@@ -1867,7 +1881,7 @@ const VisaSearchResult = ({ visaList, searchKeyword, onSelect }) => {
     ] })
   ] });
 };
-function VisaComponent({ isOpen, onClose, setValue }) {
+function VisaComponent({ isOpen, onClose, setValue, onConfirm }) {
   const { search, onClear, searchKeyword, onKeyUp, onSearch, searchList, searchInput, onSelect } = useSearchVisa({
     setValue,
     onClose,
@@ -1897,8 +1911,8 @@ function VisaComponent({ isOpen, onClose, setValue }) {
             )
           }
         ),
-        !searchKeyword && /* @__PURE__ */ jsxRuntime.jsx(VisaSearchInitialText, { visaList: searchList, onSelect }),
-        searchKeyword && /* @__PURE__ */ jsxRuntime.jsx(VisaSearchResult, { visaList: searchList, searchKeyword, onSelect })
+        !searchKeyword && /* @__PURE__ */ jsxRuntime.jsx(VisaSearchInitialText, { visaList: searchList, onSelect, onConfirm }),
+        searchKeyword && /* @__PURE__ */ jsxRuntime.jsx(VisaSearchResult, { visaList: searchList, searchKeyword, onSelect, onConfirm })
       ] })
     ] })
   ] }) });
@@ -1961,15 +1975,20 @@ function useSearchVisa({ setValue, onClose, isOpen }) {
 }
 const useVisaComponent = () => {
   const [visa, setVisa] = React.useState();
+  const [isConfirmed, setIsConfirmed] = React.useState(false);
   const { isOpen, closeModal, openModal } = salesFrontendDesignSystem.useModalState();
-  const VisaSearchComponent = () => /* @__PURE__ */ jsxRuntime.jsx(VisaComponent, { isOpen, onClose: closeModal, setValue: setVisa });
+  const onConfirm = () => {
+    setIsConfirmed(true);
+  };
+  const VisaSearchComponent = () => /* @__PURE__ */ jsxRuntime.jsx(VisaComponent, { isOpen, onClose: closeModal, setValue: setVisa, onConfirm });
   return {
     visa,
     openModal,
     VisaSearchComponent,
     isOpen,
     closeModal,
-    setVisa
+    setVisa,
+    isConfirmed
   };
 };