sales-frontend-components 0.0.153 → 0.0.155

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import * as React$1 from 'react';
 import React__default from 'react';
 import * as sales_frontend_api_method from 'sales-frontend-api/method';
 import { AddressStandardizationResponseDto, AddressResponseDto, CodeDto, CustomerSearchProps, CustomerDto, NationalityResponseDto, VisaStatusResponseDto, PersonalCustomerProfileResponseDto, EmployeeProfileResponseDto, OccupationResponseDto, OccupationDetailResponseDto, OrganizationProfileResponse, RemoteIdentityVerificationSystemTokenRequestDto, ApiConfig } from 'sales-frontend-api/method';
+import { NxlOneResponse, NxlOneProps } from 'sales-frontend-solution';
 
 declare const FormCheckboxButton: <TFormValues extends FieldValues>({ name, control, disabled, children, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & Omit<CheckboxButtonProps, "id">) => react_jsx_runtime.JSX.Element;
 
@@ -314,19 +315,6 @@ declare const useNationalityComponent: () => {
     NationalitySearchComponent: () => react_jsx_runtime.JSX.Element;
 };
 
-type NxlOneProps = {
-    bizCode: string;
-    tmplCode: string;
-    ncsrInfoUuid?: string;
-    nlcCtfnId?: string;
-    t?: string;
-};
-type NxlOneResponse = {
-    action?: 'error' | 'close' | 'complete';
-    redirectUrl?: string;
-    nlcCtfnId?: string;
-};
-
 type Step = 'appInit' | 'tabletEformInit' | 'tabletEformRe' | 'tabletEformSubInfo' | 'smartphoneEformSubInfo' | 'smartphoneEformAlimtalkInit' | 'smartphoneEformAlimtalkRe' | 'tabletNewCustomer' | 'tabletNewCustomerLegalRep' | 'tabletCustomerInfoPlanAgreement' | 'tabletCustomerInfoProductAgreement';
 interface CodeSet {
     dev: {
@@ -620,4 +608,4 @@ declare const useDownloader: () => {
 };
 
 export { Attachment, BankStockSearchModal, CODES, CustomerSearch, CustomerSearchModal, DeaCustomerSearchModal, DudDownload, DudUpload, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, RIV_SEARCH_PARAM_MAP, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useDownloader, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
-export type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, CodeSet, DownloadProps, DownloadTargetInfo, DownloaderProps, FormSegmentGroupProps, NxlOneProps, NxlOneResponse, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, Step, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, VerificationResponse, cameraItemType, cameraOptions };
+export type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, CodeSet, DownloadProps, DownloadTargetInfo, DownloaderProps, FormSegmentGroupProps, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, Step, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, VerificationResponse, cameraItemType, cameraOptions };

package/dist/index.esm.js

@@ -8,6 +8,7 @@ import styles from './modal/standard/address-search/select-address.module.scss';
 import styles$1 from './modal/standard/bank-stock-search/bank-stock-search-modal.module.scss';
 import styles$2 from './modal/standard/customer-search/customer-search.module.scss';
 import styles$3 from './modal/standard/nationality-search/select-nationality.module.scss';
+import { useNxlOne } from 'sales-frontend-solution';
 import styles$4 from './modal/standard/visa-search/select-visa.module.scss';
 import { useQuery } from '@tanstack/react-query';
 import styles$5 from './modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss';
@@ -1398,12 +1399,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() {
@@ -1613,123 +1641,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 = 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();
-    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__ */ 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: {
@@ -1866,8 +1777,8 @@ function useNxlOneModal({
     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);
       });