sales-frontend-components 0.0.154 → 0.0.156

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');
@@ -632,7 +633,17 @@ const useAddressComponent = () => {
   };
 };
 
-const CODE_ICON_LIST = [
+const BANK_STOCK_SEARCH_MODAL_TABS = [
+  {
+    value: "bank",
+    label: "\uC740\uD589"
+  },
+  {
+    value: "stock",
+    label: "\uC99D\uAD8C\uC0AC"
+  }
+];
+const BANK_STOCK_ICON_LIST = [
   {
     codeVal: "002",
     codeName: "\uC0B0\uC5C5\uC740\uD589",
@@ -973,7 +984,7 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
     const chunkedList = chunk(list, 5);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1["list-container"], children: chunkedList.map((chunk2, chunkIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.row, children: [
       chunk2.map((item) => {
-        const findItem = CODE_ICON_LIST.find((icon) => icon.codeVal === item.codeVal);
+        const findItem = BANK_STOCK_ICON_LIST.find((icon) => icon.codeVal === item.codeVal);
         const convertedItem = findItem ? findItem : {
           icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHochulEopsum, {}),
           replaceName: item.codeName
@@ -1434,32 +1445,6 @@ var getEnvironmentFromHostname = (hostname) => {
   }
   return "prd";
 };
-var isClient = () => {
-  try {
-    return !!window;
-  } catch {
-    return false;
-  }
-};
-var getNlcHostFromEnvironment = (hostname) => {
-  if (!isClient()) {
-    return "";
-  }
-  const environment = getEnvironmentFromHostname(location.hostname);
-  switch (environment) {
-    case "local":
-      return `https://nxl-nlc-stg.hanwhalife.com`;
-    case "dev":
-      return `https://nxl-nlc-dev.hanwhalife.com`;
-    case "stg":
-      return `https://nxl-nlc-stg.hanwhalife.com`;
-    case "prd":
-      return `https://nxl-nlc.hanwhalife.com`;
-    default:
-      console.warn("NLC environment is not defined");
-      return "";
-  }
-};
 var _MessageEventManager = class _MessageEventManager2 {
   constructor() {
     __publicField(this, "handlers", /* @__PURE__ */ new Map());
@@ -1668,111 +1653,6 @@ function getE2EDataIDs(ids, onSuccess, onFailure = () => {
   }
 }
 
-function useNxlOne({ bizCode, tmplCode, ncsrInfoUuid, nlcCtfnId, t = "dp" }) {
-  const buildUrl = React.useCallback(() => {
-    const baseUrl = getNlcHostFromEnvironment();
-    const targetUrl = new URL("/auth/v1", baseUrl);
-    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: {
@@ -1903,7 +1783,7 @@ 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
@@ -4549,6 +4429,8 @@ const useDownloader = () => {
 };
 
 exports.Attachment = Attachment;
+exports.BANK_STOCK_ICON_LIST = BANK_STOCK_ICON_LIST;
+exports.BANK_STOCK_SEARCH_MODAL_TABS = BANK_STOCK_SEARCH_MODAL_TABS;
 exports.BankStockSearchModal = BankStockSearchModal;
 exports.CODES = CODES;
 exports.CustomerSearch = CustomerSearch;