sales-frontend-components 0.0.129 → 0.0.131

package/dist/index.d.ts

@@ -355,6 +355,7 @@ interface Props$1 {
      * 상세업무명 : 상품소개동의갱신 인증
      */
     step: Step;
+    nxlOneProps?: Partial<NxlOneProps>;
 }
 /**
  * onSuccess, onError, onClose 이벤트 핸들러 구현 필요
@@ -364,8 +365,8 @@ interface Props$1 {
  * modalSize: 모달 크기 설정 (예: 'small', 'medium', 'large', 'full-screen')
  * bizCode 및 tmplCode: NXL ONE 서비스에서 제공하는 비즈니스 코드 및 템플릿 코드
  */
-declare function useNxlOneModal({ onSuccess, onError, onClose, modalSize, step, env }: Props$1): {
-    openNxlOneModal: () => void;
+declare function useNxlOneModal({ onSuccess, onError, onClose, modalSize, step, env, nxlOneProps }: Props$1): {
+    openNxlOneModal: (nxlOnePropsState?: Partial<NxlOneProps>) => void;
     closeNxlOneModal: () => void;
     isNxlOneModalOpen: boolean;
     NxlModalComponent: react_jsx_runtime.JSX.Element;

package/dist/index.esm.js

@@ -1640,23 +1640,38 @@ function useNxlOneModal({
   },
   modalSize = "medium",
   step = "appInit",
-  env = "stg"
+  env = "stg",
+  nxlOneProps = {}
 }) {
   const { isOpen, openModal, closeModal } = useModalState();
+  const [nxlOnePropsState, setNxlOnePropsState] = useState(nxlOneProps);
   const { bizCode, tmplCode } = CODES[step][env];
   const { Iframe, open } = useNxlOne({
-    bizCode,
-    tmplCode
+    ...nxlOnePropsState,
+    bizCode: nxlOnePropsState.bizCode || bizCode,
+    tmplCode: nxlOnePropsState.tmplCode || tmplCode
   });
+  const openNxlOneModal = () => {
+    const type = isClient() ? window.location.hostname : "";
+    if (type.includes("localhost") || type.includes("local.hanwhalife.com")) {
+      open({ popupWidth: 500, popupHeight: 500 }).then((result) => {
+        onSuccess(result);
+      });
+    } else {
+      openModal();
+    }
+  };
+  useEffect(() => {
+    if (nxlOnePropsState.nlcCtfnId) {
+      openNxlOneModal();
+    }
+  }, [nxlOnePropsState]);
   return {
-    openNxlOneModal: () => {
-      const type = isClient() ? window.location.hostname : "";
-      if (type.includes("localhost") || type.includes("local.hanwhalife.com")) {
-        open({ popupWidth: 500, popupHeight: 500 }).then((result) => {
-          onSuccess(result);
-        });
+    openNxlOneModal: (nxlOnePropsState2) => {
+      if (nxlOnePropsState2) {
+        setNxlOnePropsState(nxlOnePropsState2);
       } else {
-        openModal();
+        openNxlOneModal();
       }
     },
     closeNxlOneModal: closeModal,