sales-frontend-components 0.0.129 → 0.0.131

package/dist/index.cjs.js

@@ -1642,23 +1642,38 @@ function useNxlOneModal({
   },
   modalSize = "medium",
   step = "appInit",
-  env = "stg"
+  env = "stg",
+  nxlOneProps = {}
 }) {
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
+  const [nxlOnePropsState, setNxlOnePropsState] = React.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 = salesFrontendUtils.isClient() ? window.location.hostname : "";
+    if (type.includes("localhost") || type.includes("local.hanwhalife.com")) {
+      open({ popupWidth: 500, popupHeight: 500 }).then((result) => {
+        onSuccess(result);
+      });
+    } else {
+      openModal();
+    }
+  };
+  React.useEffect(() => {
+    if (nxlOnePropsState.nlcCtfnId) {
+      openNxlOneModal();
+    }
+  }, [nxlOnePropsState]);
   return {
-    openNxlOneModal: () => {
-      const type = salesFrontendUtils.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,