sales-frontend-components 0.0.112 → 0.0.114

package/dist/index.esm.js

@@ -1,14 +1,14 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
 import { CheckboxButton, Checkbox, isDate, DatePicker, DateRangePicker, FormCore, Modal, Button, RadioGroup, Radio, FormField, useModalState, ModalUtils, useDropDown, List, ListItem, Table, Select, Accordion, Tab, SegmentGroup, Loading } from 'sales-frontend-design-system';
-import React, { useState, useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { useState, useCallback, useEffect, useRef } from 'react';
 import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken } from 'sales-frontend-api/method';
 import { IconMainUiSearch, IconGraphicsBankSaneop, IconGraphicsBankKiup, IconGraphicsBankKukmin, IconGraphicsBankSuhyeop, IconGraphicsBankJangGiSinYong, IconGraphicsBankNhNonghyeop, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankWoori, IconGraphicsBankScJeil, IconGraphicsBankSinhan, IconGraphicsBankHankookCity, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankGwangju, IconGraphicsBankJeju, IconGraphicsBankJeonbuk, IconGraphicsBankGyeongnam, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSinhyeop, IconGraphicsBankJeochuk, IconGraphicsBankHsbc, IconGraphicsBankABNAMRO, IconGraphicsBankSanlim, IconGraphicsBankPost, IconGraphicsBankKebHana, IconGraphicsBankKBank, IconGraphicsBankKakaoBank, IconGraphicsBankTossBank, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockKakaoPayJeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsStockHochulEopsum, IconGraphicsFeedbackEmpty, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle, IconIllustCamera } from 'sales-frontend-assets';
 import styles from './modal/standard/address-search/select-address.module.scss';
 import styles$1 from './modal/standard/bank-stock-search/bank-stock-search-modal.module.scss';
 import styles$2 from './modal/standard/customer-search/customer-search.module.scss';
 import styles$3 from './modal/standard/nationality-search/select-nationality.module.scss';
-import { isClient, MessageEventManager } from 'sales-frontend-utils';
+import { isClient, getE2EDataIDs, loadScript, initASTX2, MessageEventManager } from 'sales-frontend-utils';
 import styles$4 from './modal/standard/visa-search/select-visa.module.scss';
 import { useQuery } from '@tanstack/react-query';
 import styles$5 from './modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss';
@@ -1847,15 +1847,21 @@ function DeaCustomerSearch({
   onCustomerSelect,
   selectedCustomer
 }) {
-  const [residentNumber1, setResidentNumber1] = useState("");
-  const [residentNumber2, setResidentNumber2] = useState("");
+  const [residentNumberFront, setResidentNumberFront] = useState("");
+  const [residentNumberBack, setResidentNumberBack] = useState("");
   const handleSearch = () => {
-    setSearchParams({ residentNumber: `${residentNumber1}${residentNumber2}` });
+    getE2EDataIDs(["residentNumberFront", "residentNumberBack"], (e2edata) => {
+      setSearchParams({
+        residentNumberFront,
+        residentNumberBack,
+        e2edata
+      });
+    });
   };
   const handleReset = () => {
-    setResidentNumber1("");
-    setResidentNumber2("");
-    setSearchParams({});
+    setResidentNumberFront("");
+    setResidentNumberBack("");
+    setSearchParams();
   };
   const onKeyUp = (e) => {
     e.key === "Enter" && handleSearch();
@@ -1874,17 +1880,18 @@ function DeaCustomerSearch({
         /* @__PURE__ */ 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("");
               }
             }
           }
@@ -1893,17 +1900,21 @@ function DeaCustomerSearch({
         /* @__PURE__ */ 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("");
               }
             }
           }
@@ -1928,15 +1939,15 @@ function DeaCustomerSearch({
 
 const DeaCustomerSearchModal = ({ isOpen, onClose, onSave }) => {
   const [selectedCustomer, setSelectedCustomer] = useState(null);
-  const [searchParams, setSearchParams] = useState({});
-  const canSearch = useMemo(() => !!(searchParams.customerName || searchParams.residentNumber), [searchParams]);
+  const [searchParams, setSearchParams] = useState();
   const { data, isFetching } = useQuery({
     queryKey: ["deaCustomerSearch", searchParams],
     queryFn: () => getDspCustomerListMethod(searchParams),
-    enabled: canSearch,
+    enabled: !!searchParams,
     retry: false
   });
   const [customerList, setCustomerList] = useState([]);
+  loadScript();
   useEffect(() => {
     if (data?.data) {
       setCustomerList(data.data);
@@ -1947,6 +1958,9 @@ const DeaCustomerSearchModal = ({ isOpen, onClose, onSave }) => {
   useEffect(() => {
     setSelectedCustomer(null);
   }, [customerList]);
+  useEffect(() => {
+    initASTX2();
+  }, []);
   const handleCustomerSelect = (customer) => {
     setSelectedCustomer(customer);
   };