sales-frontend-components 0.0.156 → 0.0.158

package/dist/index.cjs.js

@@ -1088,7 +1088,7 @@ const useCustomerSearch = (onSelect) => {
 
 const cx$j = classNames.bind(styles$2);
 const { InputBox: InputBox$3, Input: Input$3 } = salesFrontendDesignSystem.FormCore;
-const CustomerSearch = ({ onSelectCustomer, placeholder, rootProps, ...props }) => {
+const CustomerSearch = ({ onSelectCustomer, onSearchClear, placeholder, rootProps, ...props }) => {
   const {
     triggerRef,
     isOpen,
@@ -1102,8 +1102,12 @@ const CustomerSearch = ({ onSelectCustomer, placeholder, rootProps, ...props })
     onClear,
     handleSelectItem
   } = useCustomerSearch(onSelectCustomer);
+  const handleClear = () => {
+    onClear();
+    onSearchClear?.();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$j("container"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$j("search-bar"), children: /* @__PURE__ */ jsxRuntime.jsx(InputBox$3, { ...rootProps, endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$j("search-bar"), children: /* @__PURE__ */ jsxRuntime.jsx(InputBox$3, { ...rootProps, endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear: handleClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Input$3,
       {
         ...props,
@@ -1144,7 +1148,7 @@ const CustomerSearch = ({ onSelectCustomer, placeholder, rootProps, ...props })
 
 const cx$i = classNames.bind(styles$2);
 const { InputBox: InputBox$2, Input: Input$2 } = salesFrontendDesignSystem.FormCore;
-function CustomerSearchModal({ isOpen, closeModal, onSelect }) {
+function CustomerSearchModal({ isOpen, closeModal, onSelect, onSearchClear }) {
   const {
     triggerRef,
     searchInput,
@@ -1159,12 +1163,16 @@ function CustomerSearchModal({ isOpen, closeModal, onSelect }) {
     onClear,
     handleSelectItem
   } = useCustomerSearch(onSelect);
+  const handleClear = () => {
+    onClear();
+    onSearchClear?.();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose: closeModal, modalSize: "full-screen", children: [
     /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uACE0\uAC1D \uAC80\uC0C9", showCloseButton: true }),
       /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Body, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InputBox$2, { endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(InputBox$2, { endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear: handleClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           Input$2,
           {
             onChange: onSearchInputChange,
@@ -2812,6 +2820,7 @@ function useJobSearchModal() {
     isLoading
   } = useJobSearch();
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
+  const [isConfirmed, setIsConfirmed] = React.useState(false);
   const onTabChange = (value) => {
     reset();
     setActiveTab(value);
@@ -2823,6 +2832,7 @@ function useJobSearchModal() {
     openModal();
   };
   const closeModalWithCheck = () => {
+    setIsConfirmed(true);
     if (!selectedJob) {
       salesFrontendDesignSystem.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"
@@ -2890,6 +2900,7 @@ function useJobSearchModal() {
       }
     ),
     isJobSearchOpen: isOpen,
+    isConfirmed,
     openJobSearchModal: openInitModal,
     closeJobSearchModal: closeModal,
     selectedJob,
@@ -3037,6 +3048,7 @@ function useJobVehicleSearchModal() {
     selectedJobDetail
   } = useJobVehicleSearch();
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
+  const [isConfirmed, setIsConfirmed] = React.useState(false);
   const validate = () => {
     if (!selectedJob && !selectedVehicle) {
       return salesFrontendDesignSystem.ModalUtils.alert(
@@ -3070,6 +3082,7 @@ function useJobVehicleSearchModal() {
     riskGrade,
     hospitalizationGrade,
     isOpenJobVehicleModal: isOpen,
+    isConfirmed,
     openJobVehicleModal: openInitModal,
     closeJobVehicleModal: closeModal,
     JobVehicleSearchModalComponent: /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose: closeModal, modalSize: "xlarge", children: [
@@ -3117,7 +3130,10 @@ function useJobVehicleSearchModal() {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$5("right-panel"), children: rightPanelView === "jobSearch" ? JobSearch : VehicleSearch })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Footer, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { variant: "primary", size: "medium", appearance: "filled", width: "full", onClick: validate, children: "\uD655\uC778" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Footer, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { variant: "primary", size: "medium", appearance: "filled", width: "full", onClick: () => {
+          validate();
+          setIsConfirmed(true);
+        }, children: "\uD655\uC778" }) })
       ] })
     ] })
   };
@@ -4457,6 +4473,7 @@ exports.useAddressComponent = useAddressComponent;
 exports.useBankStockSearch = useBankStockSearch;
 exports.useCamera = useCamera;
 exports.useCanvasPaint = useCanvasPaint;
+exports.useCustomerSearch = useCustomerSearch;
 exports.useDownloader = useDownloader;
 exports.useJobSearchModal = useJobSearchModal;
 exports.useJobVehicleSearchModal = useJobVehicleSearchModal;