sales-frontend-components 0.0.157 → 0.0.159

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, UseControllerProps } from 'react-hook-form';
-import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentItems, SegmentGroupHtmlProps, SelectProps, OptionProps } from 'sales-frontend-design-system';
+import { CheckboxButtonProps, CheckboxProps, DatePickerSingleHtmlProps, DatePickerRangeHtmlProps, FormField, SegmentItems, SegmentGroupHtmlProps, SelectProps, OptionProps, useDropDown } from 'sales-frontend-design-system';
 import * as React$1 from 'react';
 import React__default from 'react';
 import * as sales_frontend_api_method from 'sales-frontend-api/method';
@@ -302,6 +302,26 @@ interface Props$3 {
 }
 declare function CustomerSearchModal({ isOpen, closeModal, onSelect, onSearchClear }: Props$3): react_jsx_runtime.JSX.Element;
 
+interface UseCustomerSearchReturn {
+    triggerRef: ReturnType<typeof useDropDown>['triggerRef'];
+    isOpen: ReturnType<typeof useDropDown>['isOpen'];
+    setIsOpen: ReturnType<typeof useDropDown>['setIsOpen'];
+    DropDown: ReturnType<typeof useDropDown>['DropDown'];
+    searchInput: string;
+    customerList: CustomerDto[];
+    searchKeyword: string;
+    onSearchInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    search: () => void;
+    onClear: () => void;
+    handleSelectItem: (customer: CustomerDto) => void;
+    selectedCustomer: CustomerDto | null;
+    setSearchInput: (searchInput: string) => void;
+    setCustomerList: (customerList: CustomerDto[]) => void;
+    setSearchKeyword: (searchKeyword: string) => void;
+}
+declare const useCustomerSearch: (onSelect?: (customer: CustomerDto) => void) => UseCustomerSearchReturn;
+
 interface Props$2 {
     setValue: (nationality: NationalityResponseDto) => void;
     onClose: () => void;
@@ -327,6 +347,7 @@ declare const useNationalityComponent: () => {
     nationality: NationalityResponseDto | undefined;
     openModal: () => void;
     NationalitySearchComponent: () => react_jsx_runtime.JSX.Element;
+    isConfirmed: boolean;
 };
 
 type Step = 'appInit' | 'tabletEformInit' | 'tabletEformRe' | 'tabletEformSubInfo' | 'smartphoneEformSubInfo' | 'smartphoneEformAlimtalkInit' | 'smartphoneEformAlimtalkRe' | 'tabletNewCustomer' | 'tabletNewCustomerLegalRep' | 'tabletCustomerInfoPlanAgreement' | 'tabletCustomerInfoProductAgreement';
@@ -439,6 +460,7 @@ declare const useVisaComponent: () => {
     isOpen: boolean;
     closeModal: () => void;
     setVisa: React__default.Dispatch<React__default.SetStateAction<VisaStatusResponseDto | undefined>>;
+    isConfirmed: boolean;
 };
 
 interface DeaCustomerSearchModalProps {
@@ -459,6 +481,7 @@ declare function useJobSearchModal(): {
     JobSearchModal: react_jsx_runtime.JSX.Element;
     JobSearchComponent: react_jsx_runtime.JSX.Element;
     isJobSearchOpen: boolean;
+    isConfirmed: boolean;
     openJobSearchModal: () => void;
     closeJobSearchModal: () => void;
     selectedJob: OccupationResponseDto | null;
@@ -474,6 +497,7 @@ declare function useJobVehicleSearchModal(): {
     riskGrade: string;
     hospitalizationGrade: string;
     isOpenJobVehicleModal: boolean;
+    isConfirmed: boolean;
     openJobVehicleModal: () => void;
     closeJobVehicleModal: () => void;
     JobVehicleSearchModalComponent: react_jsx_runtime.JSX.Element;
@@ -621,5 +645,5 @@ declare const useDownloader: () => {
     isError: boolean;
 };
 
-export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useDownloader, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
+export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useCustomerSearch, useDownloader, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 export type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, CodeSet, DownloadProps, DownloadTargetInfo, DownloaderProps, FormSegmentGroupProps, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, Step, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, VerificationResponse, cameraItemType, cameraOptions };

package/dist/index.esm.js

@@ -1273,7 +1273,7 @@ const NationalitySearchInitialText = ({
     /* @__PURE__ */ jsx("ul", { className: cx$h("favorite"), children: favoriteList.map((item, index) => /* @__PURE__ */ jsx("li", { onClick: () => set(item.nationalityCodeName), children: /* @__PURE__ */ jsx("button", { children: item.nationalityCodeName }) }, `${item.nationalityCode}-${index}`)) })
   ] });
 };
-const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect }) => {
+const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect, onConfirm }) => {
   const [filterList, setFilterList] = useState([]);
   useEffect(() => {
     const filterList2 = nationalityList.filter((item) => item.nationalityCodeName.includes(searchKeyWord)) || [];
@@ -1286,7 +1286,10 @@ const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect }) =
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
     ] }),
     /* @__PURE__ */ jsx("ul", { className: cx$h("favorite"), children: filterList.length > 0 && filterList.map((item, index) => {
-      return /* @__PURE__ */ jsx("li", { onClick: () => onSelect(item.nationalityCodeName), children: /* @__PURE__ */ jsx("button", { children: highlightOnSearchKeyword(item.nationalityCodeName, searchKeyWord) }) }, `${index}-${item.nationalityCode}`);
+      return /* @__PURE__ */ jsx("li", { onClick: () => {
+        onSelect(item.nationalityCodeName);
+        onConfirm();
+      }, children: /* @__PURE__ */ jsx("button", { children: highlightOnSearchKeyword(item.nationalityCodeName, searchKeyWord) }) }, `${index}-${item.nationalityCode}`);
     }) }),
     filterList.length === 0 && /* @__PURE__ */ jsxs("div", { className: cx$h("search-result"), children: [
       "`",
@@ -1295,7 +1298,7 @@ const NationalitySearchResult = ({ nationalityList, searchKeyWord, onSelect }) =
     ] })
   ] });
 };
-function NationalityComponent({ isOpen, onClose, setValue }) {
+function NationalityComponent({ isOpen, onClose, setValue, onConfirm }) {
   const {
     search,
     onClear,
@@ -1337,7 +1340,7 @@ function NationalityComponent({ isOpen, onClose, setValue }) {
           }
         ),
         !searchKeyWord && /* @__PURE__ */ jsx(NationalitySearchInitialText, { setSearchInput, setSearchKeyword }),
-        searchKeyWord && /* @__PURE__ */ jsx(NationalitySearchResult, { nationalityList: searchList, searchKeyWord, onSelect })
+        searchKeyWord && /* @__PURE__ */ jsx(NationalitySearchResult, { nationalityList: searchList, searchKeyWord, onSelect, onConfirm })
       ] })
     ] })
   ] }) });
@@ -1403,14 +1406,19 @@ function useSearchNationality({ setValue, onClose, isOpen }) {
 const useNationalityComponent = () => {
   const [nationality, setNationality] = useState();
   const { isOpen, closeModal, openModal } = useModalState();
-  const NationalitySearchComponent = () => /* @__PURE__ */ jsx(NationalityComponent, { isOpen, onClose: closeModal, setValue: setNationality });
+  const [isConfirmed, setIsConfirmed] = useState(false);
+  const onConfirm = () => {
+    setIsConfirmed(true);
+  };
+  const NationalitySearchComponent = () => /* @__PURE__ */ jsx(NationalityComponent, { isOpen, onClose: closeModal, setValue: setNationality, onConfirm });
   return {
     isOpen,
     closeModal,
     setNationality,
     nationality,
     openModal,
-    NationalitySearchComponent
+    NationalitySearchComponent,
+    isConfirmed
   };
 };
 
@@ -1838,12 +1846,15 @@ function useNxlOneModal({
 
 const cx$g = classNames.bind(styles$4);
 const { InputBox, Input } = FormCore;
-const VisaSearchInitialText = ({ visaList, onSelect }) => {
+const VisaSearchInitialText = ({ visaList, onSelect, onConfirm }) => {
   return /* @__PURE__ */ jsx("div", { className: cx$g("favorite-container"), children: /* @__PURE__ */ jsx("ul", { className: cx$g("favorite"), children: visaList.map((item, index) => {
-    return /* @__PURE__ */ jsx("li", { onClick: () => onSelect(item), children: /* @__PURE__ */ jsx("button", { children: item.integrationCodeValueName }) }, `${index}-${item.integrationCodeValueName}`);
+    return /* @__PURE__ */ jsx("li", { onClick: () => {
+      onSelect(item);
+      onConfirm();
+    }, children: /* @__PURE__ */ jsx("button", { children: item.integrationCodeValueName }) }, `${index}-${item.integrationCodeValueName}`);
   }) }) });
 };
-const VisaSearchResult = ({ visaList, searchKeyword, onSelect }) => {
+const VisaSearchResult = ({ visaList, searchKeyword, onSelect, onConfirm }) => {
   const [filterList, setFilterList] = useState([]);
   useEffect(() => {
     const filterList2 = visaList.filter((item) => item.integrationCodeValueName?.includes(searchKeyword)) || [];
@@ -1856,7 +1867,10 @@ const VisaSearchResult = ({ visaList, searchKeyword, onSelect }) => {
       "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
     ] }),
     /* @__PURE__ */ jsx("ul", { className: cx$g("favorite"), children: filterList.length > 0 && filterList.map((item, index) => {
-      return /* @__PURE__ */ jsx("li", { onClick: () => onSelect(item), children: /* @__PURE__ */ jsx("button", { children: highlightOnSearchKeyword(`${item.integrationCodeValueName}`, searchKeyword) }) }, `${index}-${item.integrationCodeValueName}`);
+      return /* @__PURE__ */ jsx("li", { onClick: () => {
+        onSelect(item);
+        onConfirm();
+      }, children: /* @__PURE__ */ jsx("button", { children: highlightOnSearchKeyword(`${item.integrationCodeValueName}`, searchKeyword) }) }, `${index}-${item.integrationCodeValueName}`);
     }) }),
     filterList.length === 0 && /* @__PURE__ */ jsxs("div", { className: cx$g("search-result"), children: [
       "`",
@@ -1865,7 +1879,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,
@@ -1895,8 +1909,8 @@ function VisaComponent({ isOpen, onClose, setValue }) {
             )
           }
         ),
-        !searchKeyword && /* @__PURE__ */ jsx(VisaSearchInitialText, { visaList: searchList, onSelect }),
-        searchKeyword && /* @__PURE__ */ jsx(VisaSearchResult, { visaList: searchList, searchKeyword, onSelect })
+        !searchKeyword && /* @__PURE__ */ jsx(VisaSearchInitialText, { visaList: searchList, onSelect, onConfirm }),
+        searchKeyword && /* @__PURE__ */ jsx(VisaSearchResult, { visaList: searchList, searchKeyword, onSelect, onConfirm })
       ] })
     ] })
   ] }) });
@@ -1959,15 +1973,20 @@ function useSearchVisa({ setValue, onClose, isOpen }) {
 }
 const useVisaComponent = () => {
   const [visa, setVisa] = useState();
+  const [isConfirmed, setIsConfirmed] = useState(false);
   const { isOpen, closeModal, openModal } = useModalState();
-  const VisaSearchComponent = () => /* @__PURE__ */ jsx(VisaComponent, { isOpen, onClose: closeModal, setValue: setVisa });
+  const onConfirm = () => {
+    setIsConfirmed(true);
+  };
+  const VisaSearchComponent = () => /* @__PURE__ */ jsx(VisaComponent, { isOpen, onClose: closeModal, setValue: setVisa, onConfirm });
   return {
     visa,
     openModal,
     VisaSearchComponent,
     isOpen,
     closeModal,
-    setVisa
+    setVisa,
+    isConfirmed
   };
 };
 
@@ -2818,6 +2837,7 @@ function useJobSearchModal() {
     isLoading
   } = useJobSearch();
   const { isOpen, openModal, closeModal } = useModalState();
+  const [isConfirmed, setIsConfirmed] = useState(false);
   const onTabChange = (value) => {
     reset();
     setActiveTab(value);
@@ -2829,6 +2849,7 @@ function useJobSearchModal() {
     openModal();
   };
   const closeModalWithCheck = () => {
+    setIsConfirmed(true);
     if (!selectedJob) {
       ModalUtils.alert("\uC9C1\uC885\uC744 \uC120\uD0DD\uD558\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. \uC9C1\uC885 \uC120\uD0DD \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.", "\uC9C1\uC885\uC744 \uC120\uD0DD\uD574\uC8FC\uC138\uC694.", {
         modalId: "job-search-alert-no-selected"
@@ -2896,6 +2917,7 @@ function useJobSearchModal() {
       }
     ),
     isJobSearchOpen: isOpen,
+    isConfirmed,
     openJobSearchModal: openInitModal,
     closeJobSearchModal: closeModal,
     selectedJob,
@@ -3043,6 +3065,7 @@ function useJobVehicleSearchModal() {
     selectedJobDetail
   } = useJobVehicleSearch();
   const { isOpen, openModal, closeModal } = useModalState();
+  const [isConfirmed, setIsConfirmed] = useState(false);
   const validate = () => {
     if (!selectedJob && !selectedVehicle) {
       return ModalUtils.alert(
@@ -3076,6 +3099,7 @@ function useJobVehicleSearchModal() {
     riskGrade,
     hospitalizationGrade,
     isOpenJobVehicleModal: isOpen,
+    isConfirmed,
     openJobVehicleModal: openInitModal,
     closeJobVehicleModal: closeModal,
     JobVehicleSearchModalComponent: /* @__PURE__ */ jsxs(Modal.Root, { isOpen, onClose: closeModal, modalSize: "xlarge", children: [
@@ -3123,7 +3147,10 @@ function useJobVehicleSearchModal() {
           ] }),
           /* @__PURE__ */ jsx("div", { className: cx$5("right-panel"), children: rightPanelView === "jobSearch" ? JobSearch : VehicleSearch })
         ] }) }),
-        /* @__PURE__ */ jsx(Modal.Footer, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "medium", appearance: "filled", width: "full", onClick: validate, children: "\uD655\uC778" }) })
+        /* @__PURE__ */ jsx(Modal.Footer, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "medium", appearance: "filled", width: "full", onClick: () => {
+          validate();
+          setIsConfirmed(true);
+        }, children: "\uD655\uC778" }) })
       ] })
     ] })
   };
@@ -4434,5 +4461,5 @@ const useDownloader = () => {
   };
 };
 
-export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useDownloader, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
+export { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useCustomerSearch, useDownloader, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 //# sourceMappingURL=index.esm.js.map