sales-frontend-components 0.0.92 → 0.0.94

package/dist/index.d.ts

@@ -255,6 +255,7 @@ declare function useJobVehicleSearchModal(): {
     riskGrade: string;
     hospitalizationGrade: string;
     openJobVehicleModal: () => void;
+    closeJobVehicleModal: () => void;
     JobVehicleSearchModalComponent: react_jsx_runtime.JSX.Element;
 };
 
@@ -306,7 +307,7 @@ interface UseRemoteIdentityVerificationProps {
     rivSearchParams?: RivUrlParams;
     apiConfig?: ApiConfig;
     onSuccess?: (result: VerificationResponse['args'], remoteIdentityVerificationSuccess: RemoteIdentityVerificationSuccess) => void;
-    onError?: (result: VerificationResponse['args']) => void;
+    onError?: (result: VerificationResponse['args'], remoteIdentityVerificationSuccess: RemoteIdentityVerificationSuccess) => void;
     onCancel?: (result: VerificationResponse['args']) => void;
 }
 

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
-import { CheckboxButton, Checkbox, isDate, DatePicker, DateRangePicker, Table, Accordion, Radio, FormField, Select, Tab, useModalState, Modal, Button, SegmentGroup, ModalUtils, FormCore, RadioGroup, useDropDown, List, ListItem, Loading } from 'sales-frontend-design-system';
+import { CheckboxButton, Checkbox, isDate, DatePicker, DateRangePicker, Table, Accordion, Radio, FormField, Select, Tab, useModalState, Modal, Button, ModalUtils, SegmentGroup, FormCore, RadioGroup, useDropDown, List, ListItem, Loading } from 'sales-frontend-design-system';
 import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchOrganizationQuery, useSearchEmployeeProfileQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, getDspCustomerListMethod, useSearchCustomerListQuery, getRemoteIdentityVerificationSystemToken } from 'sales-frontend-api/method';
 import { IconMainUiSearch, IconIllustCamera, 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 } from 'sales-frontend-assets';
@@ -99,12 +99,15 @@ const FormDateRangePicker = ({
   });
   const [selected, setSelected] = React.useState();
   React.useEffect(() => {
-    if (isDate(field.value) && !selected) {
-      setSelected(field.value);
+    const fieldValue = field.value;
+    if (!fieldValue) {
+      setSelected(void 0);
+      return;
     }
-    if (isDate(field.value) && selected && (field.value.startDate.getTime() !== selected.startDate?.getTime() || field.value.endDate.getTime() !== selected.endDate?.getTime())) {
-      setSelected(field.value);
-      console.warn(field.value, selected);
+    const isStartDateDifferent = fieldValue.startDate?.getTime() !== selected?.startDate?.getTime();
+    const isEndDateDifferent = fieldValue.endDate?.getTime() !== selected?.endDate?.getTime();
+    if (!selected || isStartDateDifferent || isEndDateDifferent) {
+      setSelected(fieldValue);
     }
   }, [field.value]);
   return /* @__PURE__ */ jsx(
@@ -684,6 +687,15 @@ function useJobSearchModal() {
     setActiveTab("jobName");
     openModal();
   };
+  const closeModalWithCheck = () => {
+    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"
+      });
+      return;
+    }
+    closeModal();
+  };
   return {
     JobSearchModal: /* @__PURE__ */ jsxs(Modal.Root, { isOpen, onClose: closeModal, modalSize: "xlarge", children: [
       /* @__PURE__ */ jsx(Modal.Overlay, {}),
@@ -716,8 +728,7 @@ function useJobSearchModal() {
             size: "medium",
             appearance: "filled",
             width: "full",
-            onClick: closeModal,
-            disabled: !selectedJob,
+            onClick: closeModalWithCheck,
             children: "\uD655\uC778"
           }
         ) })
@@ -2721,7 +2732,7 @@ function useJobVehicleSearchModal() {
     hospitalizationGrade,
     resetJobVehicleSearch
   } = useJobVehicleSearch();
-  const { isOpen, openModal, closeModal } = useModalState({ initialValue: true });
+  const { isOpen, openModal, closeModal } = useModalState();
   const validate = () => {
     if (!selectedJob && !selectedVehicle) {
       return ModalUtils.alert(
@@ -2754,6 +2765,7 @@ function useJobVehicleSearchModal() {
     riskGrade,
     hospitalizationGrade,
     openJobVehicleModal: openInitModal,
+    closeJobVehicleModal: closeModal,
     JobVehicleSearchModalComponent: /* @__PURE__ */ jsxs(Modal.Root, { isOpen, onClose: closeModal, modalSize: "xlarge", children: [
       /* @__PURE__ */ jsx(Modal.Overlay, {}),
       /* @__PURE__ */ jsxs(Modal.Content, { style: { height: "697px" }, children: [
@@ -3177,7 +3189,7 @@ const useRemoteIdentityVerification = ({
           case VERIFICATION_CODES.ATTEMPT_EXCEEDED:
           case VERIFICATION_CODES.SERVER_ERROR:
             console.log("=====\uBE44\uB300\uBA74\uC778\uC99D \uC2E4\uD328!=====", { result, code });
-            onError?.({ result, code });
+            onError?.({ result, code }, { rivsRqstId });
             cleanup?.();
             break;
           case VERIFICATION_CODES.SUCCESS:
@@ -3229,6 +3241,13 @@ const useRemoteIdentityVerificationIframe = (config) => {
     } catch (error) {
       console.error("openRivIframe error::", error);
       await ModalUtils.alert("\uBE44\uB300\uBA74 \uC778\uC99D URL \uC0DD\uC131\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.");
+      config.onError?.(
+        {
+          result: "N",
+          code: VERIFICATION_CODES.TOKEN_ERROR
+        },
+        { rivsRqstId: "" }
+      );
     }
   };
   const closeRivIframe = () => {