sales-frontend-components 0.0.153 → 0.0.155

package/dist/index.cjs.js

@@ -10,6 +10,7 @@ var styles = require('./modal/standard/address-search/select-address.module.scss
 var styles$1 = require('./modal/standard/bank-stock-search/bank-stock-search-modal.module.scss');
 var styles$2 = require('./modal/standard/customer-search/customer-search.module.scss');
 var styles$3 = require('./modal/standard/nationality-search/select-nationality.module.scss');
+var salesFrontendSolution = require('sales-frontend-solution');
 var styles$4 = require('./modal/standard/visa-search/select-visa.module.scss');
 var reactQuery = require('@tanstack/react-query');
 var styles$5 = require('./modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss');
@@ -1400,12 +1401,39 @@ const useNationalityComponent = () => {
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var isClient = () => {
-  try {
-    return !!window;
-  } catch {
-    return false;
+var getCookie = (name) => {
+  if (typeof document === "undefined") {
+    return "";
   }
+  const match = document.cookie.match(new RegExp(`(^|; *)${name}=([^;]*)`));
+  return match ? decodeURIComponent(match[2] || "") : "";
+};
+var getSubdomain = (hostname) => {
+  if (!hostname || hostname === "localhost" || hostname === "127.0.0.1") {
+    return "";
+  }
+  const parts = hostname.split(".");
+  if (parts.length < 3) {
+    return "";
+  }
+  return parts[0] ?? "";
+};
+var getEnvironmentFromHostname = (hostname) => {
+  const debugModeEnv = getCookie("dsp-debug-mode-env")?.toLowerCase();
+  if (debugModeEnv) {
+    return debugModeEnv;
+  }
+  const subDomain = getSubdomain(hostname);
+  if (hostname === "localhost" || hostname === "127.0.0.1" || hostname.startsWith("localhost")) {
+    return "local";
+  }
+  if (subDomain.includes(`dev`)) {
+    return "dev";
+  }
+  if (subDomain.includes("stg")) {
+    return "stg";
+  }
+  return "prd";
 };
 var _MessageEventManager = class _MessageEventManager2 {
   constructor() {
@@ -1615,123 +1643,6 @@ function getE2EDataIDs(ids, onSuccess, onFailure = () => {
   }
 }
 
-const url = (() => {
-  const type = isClient() ? window.location.hostname : "";
-  if (type.includes("localhost") || type.includes("local.hanwhalife.com")) {
-    return "https://nxl-nlc-stg.hanwhalife.com";
-  }
-  if (type.includes("dev")) {
-    return "https://nxl-nlc-dev.hanwhalife.com";
-  } else if (type.includes("stg")) {
-    return "https://nxl-nlc-stg.hanwhalife.com";
-  } else {
-    return "https://nxl-nlc.hanwhalife.com";
-  }
-})();
-function useNxlOne({ bizCode, tmplCode, ncsrInfoUuid, nlcCtfnId, t = "dp" }) {
-  const buildUrl = React.useCallback(() => {
-    const targetUrl = new URL("/auth/v1", url);
-    targetUrl.searchParams.set("bizCode", bizCode);
-    targetUrl.searchParams.set("tmplCode", tmplCode);
-    if (nlcCtfnId) {
-      targetUrl.searchParams.set("nlcCtfnId", nlcCtfnId);
-    }
-    if (t) {
-      targetUrl.searchParams.set("t", t);
-    }
-    if (ncsrInfoUuid) {
-      targetUrl.searchParams.set("ncsrInfoUuid", ncsrInfoUuid);
-    }
-    return targetUrl.toString();
-  }, [bizCode, tmplCode, ncsrInfoUuid, nlcCtfnId, t]);
-  const redirect = () => {
-    const targetUrl = buildUrl();
-    location.href = targetUrl;
-  };
-  const open = async (options) => {
-    return new Promise((resolve, reject) => {
-      const targetUrl = buildUrl();
-      console.log("targetUrl", targetUrl);
-      const width = options && options.popupWidth || 720;
-      const height = options && options.popupHeight || 720;
-      const left = options && options.popupLeft || (window.screen.width - width) / 2;
-      const top = options && options.popupTop || (window.screen.height - height) / 2;
-      const popupFeatures = `width=${width},height=${height},left=${left},top=${top}`;
-      const popup = window.open(targetUrl, options && options.windowName || "_self_cert", popupFeatures);
-      if (!popup) {
-        reject(new Error("\uCC28\uB2E8\uB418\uAC70\uB098 \uC5F4\uB9AC\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4."));
-        return;
-      }
-      const handleMessage = (event) => {
-        console.log("popup message event", event.origin, new URL(targetUrl).origin);
-        if (event.origin !== new URL(targetUrl).origin) {
-          return;
-        }
-        if (event.data) {
-          resolve(event.data);
-        } else {
-          reject(new Error("\uC778\uC99D\uC774 \uCDE8\uC18C\uB418\uAC70\uB098 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4."));
-        }
-        popup.close();
-        window.removeEventListener("message", handleMessage);
-      };
-      window.addEventListener("message", handleMessage);
-    });
-  };
-  const Iframe = function({
-    height = 720,
-    className,
-    style,
-    allow,
-    sandbox = "allow-scripts allow-forms allow-same-origin",
-    onSuccess,
-    onError,
-    onClose,
-    strictOrigin = true
-  }) {
-    const targetUrl = buildUrl();
-    React.useEffect(() => {
-      if (!onSuccess && !onError) {
-        return;
-      }
-      const handler = (e) => {
-        console.log("message event", e);
-        const d = e.data;
-        if (d) {
-          if (d.action === "close") {
-            onClose?.(d);
-          } else if (d.action === "error") {
-            onError?.(d);
-          } else if (d.action === "complete") {
-            onSuccess?.(d);
-          }
-        } else {
-          onError?.({
-            action: "error",
-            nlcCtfnId: "",
-            redirectUrl: ""
-          });
-        }
-      };
-      window.addEventListener("message", handler);
-      return () => window.removeEventListener("message", handler);
-    }, [onClose, onError, onSuccess, strictOrigin]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "iframe",
-      {
-        src: targetUrl,
-        width: "100%",
-        height: typeof height === "number" ? `${height}px` : height,
-        style: { border: 0, ...style },
-        className,
-        sandbox,
-        ...allow ? { allow } : {}
-      }
-    );
-  };
-  return { open, redirect, Iframe };
-}
-
 const CODES = {
   appInit: {
     dev: {
@@ -1862,14 +1773,14 @@ function useNxlOneModal({
   const { isOpen, openModal, closeModal } = salesFrontendDesignSystem.useModalState();
   const [nxlOnePropsState, setNxlOnePropsState] = React.useState(nxlOneProps);
   const { bizCode, tmplCode } = CODES[step][env];
-  const { Iframe, open } = useNxlOne({
+  const { Iframe, open } = salesFrontendSolution.useNxlOne({
     ...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")) {
+    const stage = getEnvironmentFromHostname(location.hostname);
+    if (stage === "local") {
       open({ popupWidth: 500, popupHeight: 500 }).then((result) => {
         onSuccess(result);
       });