sales-frontend-components 0.0.154 → 0.0.156

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;
 
@@ -278,6 +279,17 @@ declare function useBankStockSearch({ onSelect }: {
     handleSelect: (item: CodeDto) => void;
 };
 
+declare const BANK_STOCK_SEARCH_MODAL_TABS: {
+    value: string;
+    label: string;
+}[];
+declare const BANK_STOCK_ICON_LIST: {
+    codeVal: string;
+    codeName: string;
+    replaceName: string;
+    icon: react_jsx_runtime.JSX.Element;
+}[];
+
 declare const CustomerSearch: ({ onSelectCustomer, placeholder, rootProps, ...props }: CustomerSearchProps) => react_jsx_runtime.JSX.Element;
 
 interface Props$3 {
@@ -314,19 +326,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: {
@@ -619,5 +618,5 @@ declare const useDownloader: () => {
     isError: boolean;
 };
 
-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 { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, 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, 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';
@@ -630,7 +631,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",
@@ -971,7 +982,7 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
     const chunkedList = chunk(list, 5);
     return /* @__PURE__ */ jsx("div", { className: styles$1["list-container"], children: chunkedList.map((chunk2, chunkIndex) => /* @__PURE__ */ 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__ */ jsx(IconGraphicsStockHochulEopsum, {}),
           replaceName: item.codeName
@@ -1432,32 +1443,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());
@@ -1666,111 +1651,6 @@ function getE2EDataIDs(ids, onSuccess, onFailure = () => {
   }
 }
 
-function useNxlOne({ bizCode, tmplCode, ncsrInfoUuid, nlcCtfnId, t = "dp" }) {
-  const buildUrl = 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();
-    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: {
@@ -4546,5 +4426,5 @@ 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 { Attachment, BANK_STOCK_ICON_LIST, BANK_STOCK_SEARCH_MODAL_TABS, 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 };
 //# sourceMappingURL=index.esm.js.map