sales-frontend-components 0.0.113 → 0.0.115

package/dist/index.cjs.js

@@ -1849,15 +1849,21 @@ function DeaCustomerSearch({
   onCustomerSelect,
   selectedCustomer
 }) {
-  const [residentNumber1, setResidentNumber1] = React.useState("");
-  const [residentNumber2, setResidentNumber2] = React.useState("");
+  const [residentNumberFront, setResidentNumberFront] = React.useState("");
+  const [residentNumberBack, setResidentNumberBack] = React.useState("");
   const handleSearch = () => {
-    setSearchParams({ residentNumber: `${residentNumber1}${residentNumber2}` });
+    salesFrontendUtils.getE2EDataIDs(["residentNumberFront", "residentNumberBack"], (e2edata) => {
+      setSearchParams({
+        residentNumberFront,
+        residentNumberBack,
+        e2edata
+      });
+    });
   };
   const handleReset = () => {
-    setResidentNumber1("");
-    setResidentNumber2("");
-    setSearchParams({});
+    setResidentNumberFront("");
+    setResidentNumberBack("");
+    setSearchParams();
   };
   const onKeyUp = (e) => {
     e.key === "Enter" && handleSearch();
@@ -1876,17 +1882,18 @@ function DeaCustomerSearch({
         /* @__PURE__ */ jsxRuntime.jsx(
           TextField$3,
           {
-            value: residentNumber1,
+            name: "residentNumberFront",
+            value: residentNumberFront,
             maxLength: 6,
             placeholder: "\uC55E 6\uC790\uB9AC \uC785\uB825",
-            onChange: (e) => setResidentNumber1(e.target.value),
+            onChange: (e) => setResidentNumberFront(e.target.value),
             size: "medium",
             onKeyUp,
             onKeyDown,
             rootProps: {
               className: cx$e("search-input"),
               onClear: () => {
-                setResidentNumber1("");
+                setResidentNumberFront("");
               }
             }
           }
@@ -1895,17 +1902,21 @@ function DeaCustomerSearch({
         /* @__PURE__ */ jsxRuntime.jsx(
           TextField$3,
           {
-            value: residentNumber2,
+            type: "password",
+            name: "residentNumberBack",
+            value: residentNumberBack,
             maxLength: 7,
             placeholder: "\uB4A4 7\uC790\uB9AC \uC785\uB825",
-            onChange: (e) => setResidentNumber2(e.target.value),
+            e2e_type: "1",
+            e2e_inputtype: "1",
+            onChange: (e) => setResidentNumberBack(e.target.value),
             size: "medium",
             onKeyDown,
             onKeyUp,
             rootProps: {
               className: cx$e("search-input"),
               onClear: () => {
-                setResidentNumber2("");
+                setResidentNumberBack("");
               }
             }
           }
@@ -1930,15 +1941,15 @@ function DeaCustomerSearch({
 
 const DeaCustomerSearchModal = ({ isOpen, onClose, onSave }) => {
   const [selectedCustomer, setSelectedCustomer] = React.useState(null);
-  const [searchParams, setSearchParams] = React.useState({});
-  const canSearch = React.useMemo(() => !!(searchParams.customerName || searchParams.residentNumber), [searchParams]);
+  const [searchParams, setSearchParams] = React.useState();
   const { data, isFetching } = reactQuery.useQuery({
     queryKey: ["deaCustomerSearch", searchParams],
     queryFn: () => method.getDspCustomerListMethod(searchParams),
-    enabled: canSearch,
+    enabled: !!searchParams,
     retry: false
   });
   const [customerList, setCustomerList] = React.useState([]);
+  salesFrontendUtils.loadScript();
   React.useEffect(() => {
     if (data?.data) {
       setCustomerList(data.data);
@@ -1949,6 +1960,9 @@ const DeaCustomerSearchModal = ({ isOpen, onClose, onSave }) => {
   React.useEffect(() => {
     setSelectedCustomer(null);
   }, [customerList]);
+  React.useEffect(() => {
+    salesFrontendUtils.initASTX2();
+  }, []);
   const handleCustomerSelect = (customer) => {
     setSelectedCustomer(customer);
   };