sales-frontend-components 0.0.104 → 0.0.106

package/dist/index.d.ts

@@ -414,6 +414,7 @@ declare function useJobVehicleSearchModal(): {
     selectedVehicle: sales_frontend_api_method.VehicleTypeResponseDto | undefined;
     riskGrade: string;
     hospitalizationGrade: string;
+    isOpenJobVehicleModal: boolean;
     openJobVehicleModal: () => void;
     closeJobVehicleModal: () => void;
     JobVehicleSearchModalComponent: react_jsx_runtime.JSX.Element;
@@ -505,25 +506,5 @@ declare const useRemoteIdentityVerificationPopup: (config: UseRemoteIdentityVeri
     isCreatingUrl: boolean;
 };
 
-/**
- * 앱 시작 시 ClientSession을 플랫폼(웹뷰, 순수 웹)에 맞게 자동 설정하는 훅
- *
- * @returns {boolean} 초기화 완료 여부
- */
-declare const useSetupClientSession: () => boolean;
-
-interface ClientSessionProviderProps {
-    children: React.ReactNode;
-    /**
-     * 초기화 중 표시할 로딩 컴포넌트
-     */
-    loadingComponent?: React.ReactNode;
-}
-/**
- * ClientSession 초기화를 담당하는 Provider 컴포넌트
- * 앱의 최상위에서 사용하여 플랫폼별 세션 정보를 자동으로 설정합니다.
- */
-declare const ClientSessionProvider: ({ children, loadingComponent }: ClientSessionProviderProps) => react_jsx_runtime.JSX.Element;
-
-export { Attachment, BankStockSearchModal, CODES, ClientSessionProvider, CustomerSearch, DeaCustomerSearchModal, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useSetupClientSession, useVisaComponent };
+export { Attachment, BankStockSearchModal, CODES, CustomerSearch, DeaCustomerSearchModal, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 export type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, CodeSet, DownloadProps, FormSegmentGroupProps, NxlOneProps, NxlOneResponse, PaintProps, Pen, RemoteIdentityVerificationSuccess, RivUrlParams, Step, StepIndicatorProps, StepItem, UseRemoteIdentityVerificationProps, VerificationResponse, cameraItemType, cameraOptions };

package/dist/index.esm.js

@@ -2,13 +2,13 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useController } from 'react-hook-form';
 import { CheckboxButton, Checkbox, isDate, DatePicker, DateRangePicker, FormCore, Modal, Button, RadioGroup, Radio, FormField, useModalState, ModalUtils, useDropDown, List, ListItem, Table, Select, Accordion, Tab, SegmentGroup, Loading } from 'sales-frontend-design-system';
 import React, { useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken, getUserProfile } from 'sales-frontend-api/method';
+import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken } from 'sales-frontend-api/method';
 import { IconMainUiSearch, IconGraphicsBankSaneop, IconGraphicsBankKiup, IconGraphicsBankKukmin, IconGraphicsBankSuhyeop, IconGraphicsBankJangGiSinYong, IconGraphicsBankNhNonghyeop, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankWoori, IconGraphicsBankScJeil, IconGraphicsBankSinhan, IconGraphicsBankHankookCity, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankGwangju, IconGraphicsBankJeju, IconGraphicsBankJeonbuk, IconGraphicsBankGyeongnam, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSinhyeop, IconGraphicsBankJeochuk, IconGraphicsBankHsbc, IconGraphicsBankABNAMRO, IconGraphicsBankSanlim, IconGraphicsBankPost, IconGraphicsBankKebHana, IconGraphicsBankKBank, IconGraphicsBankKakaoBank, IconGraphicsBankTossBank, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockKakaoPayJeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsStockHochulEopsum, IconGraphicsFeedbackEmpty, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle, IconIllustCamera } from 'sales-frontend-assets';
 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 { isClient, MessageEventManager, isFpPlannerApp, getCookie, getDeviceModel, getOSVersion, getOSName, getBrowserVersion, getOrCreateDeviceId, isSalesPortal, getFormFactorFromUserAgent, isWebView } from 'sales-frontend-utils';
+import { isClient, MessageEventManager } from 'sales-frontend-utils';
 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';
@@ -19,8 +19,6 @@ import styles$9 from './modal/pre-standard/vehicle-search-modal/vehicle-search-m
 import styles$a from './modal/pre-standard/organization-search-modal/organization-search-modal.module.scss';
 import styles$b from './step-indicator/step-indicator.module.scss';
 import styles$c from './camera/camera.module.scss';
-import { useClientSession, useSetClientSession } from 'sales-frontend-stores';
-import { Bridge } from 'sales-frontend-bridge';
 
 const FormCheckboxButton = ({
   name,
@@ -2802,6 +2800,7 @@ function useJobVehicleSearchModal() {
     selectedVehicle,
     riskGrade,
     hospitalizationGrade,
+    isOpenJobVehicleModal: isOpen,
     openJobVehicleModal: openInitModal,
     closeJobVehicleModal: closeModal,
     JobVehicleSearchModalComponent: /* @__PURE__ */ jsxs(Modal.Root, { isOpen, onClose: closeModal, modalSize: "xlarge", children: [
@@ -3978,130 +3977,5 @@ const useRemoteIdentityVerificationPopup = (config) => {
   };
 };
 
-const getFormFactor = () => {
-  const { pathname } = location;
-  if (pathname) {
-    const segments = pathname.split("/").filter(Boolean);
-    if (segments.length >= 2) {
-      const secondSegment = segments[1]?.toLowerCase();
-      if (secondSegment === "mobile") {
-        return "phone";
-      }
-      if (secondSegment === "tablet") {
-        return "tablet";
-      }
-      if (secondSegment === "pc") {
-        return "pc";
-      }
-    }
-  }
-  return getFormFactorFromUserAgent(navigator.userAgent);
-};
-const createPureWebClientSession = async () => {
-  const hasAccessToken = !!getCookie("accessToken");
-  return {
-    isInitialized: true,
-    isLoggedIn: hasAccessToken,
-    isWebView: false,
-    acceptLanguage: navigator.language || "ko",
-    formFactor: getFormFactor(),
-    deviceId: getOrCreateDeviceId(),
-    appVersion: getBrowserVersion(navigator.userAgent),
-    loginType: "web-login",
-    platformName: getOSName(navigator.userAgent),
-    platformVersion: getOSVersion(navigator.userAgent),
-    deviceModel: getDeviceModel(),
-    loginChannel: isSalesPortal() ? "HMP" : "ETC"
-  };
-};
-const createWebviewClientSession = async () => {
-  let appInfo = null;
-  try {
-    appInfo = await Bridge.native.getAppInfo();
-  } catch (error) {
-    console.warn("[createWebviewClientSession] getAppInfo \uC2E4\uD328, \uCFE0\uD0A4 \uAC12\uC73C\uB85C fallback:", error);
-  }
-  const isLoggedIn = isFpPlannerApp() ? !!getCookie("accessToken") : !!(await Bridge.native.getAccessToken()).accessToken;
-  const formFactor = appInfo?.["X-Channel-FormFactor"]?.toLowerCase() ?? getCookie("formFactor")?.toLowerCase() ?? getFormFactor();
-  const loginChannel = appInfo?.["X-Channel-LoginChannel"] ?? getCookie("loginChannel") ?? "DSP";
-  return {
-    isInitialized: true,
-    isLoggedIn,
-    isWebView: true,
-    acceptLanguage: appInfo?.["Accept-Language"] ?? "ko",
-    formFactor,
-    deviceId: appInfo?.["X-Channel-DeviceId"] ?? getCookie("deviceId"),
-    appVersion: appInfo?.["X-Channel-AppVersion"] ?? getCookie("appVersion"),
-    loginType: appInfo?.["X-Channel-LoginType"] ?? getCookie("loginType"),
-    platformName: appInfo?.["X-Channel-PlatformName"] ?? getCookie("platformName"),
-    platformVersion: appInfo?.["X-Channel-PlatformVersion"] ?? getCookie("platformVersion"),
-    deviceModel: appInfo?.["X-Channel-DeviceModel"] ?? getCookie("deviceModel"),
-    loginChannel
-  };
-};
-const getLoginUserInfo = async () => {
-  try {
-    const { isSuccess, data } = await getUserProfile();
-    if (isSuccess && data) {
-      console.log("[useSetupClientSession] \uD504\uB85C\uD544 \uB85C\uB4DC \uC131\uACF5");
-      return data;
-    }
-    console.warn("[getLoginUserInfo] \uD504\uB85C\uD544 \uB85C\uB4DC \uC2E4\uD328: \uC751\uB2F5 \uC5C6\uC74C");
-    return null;
-  } catch (error) {
-    console.error("[getLoginUserInfo] \uD504\uB85C\uD544 \uB85C\uB4DC \uC2E4\uD328:", error);
-    return null;
-  }
-};
-
-const useSetupClientSession = () => {
-  const { isInitialized, isLoggedIn } = useClientSession();
-  const setClientSession = useSetClientSession();
-  useEffect(() => {
-    if (isInitialized) {
-      console.log("[useSetupClientSession] Already initialized");
-      return;
-    }
-    const initialize = async () => {
-      try {
-        console.log("[useSetupClientSession] \uCD08\uAE30\uD654 \uC2DC\uC791...");
-        if (isWebView()) {
-          console.log("[useSetupClientSession] \uC6F9\uBDF0 \uD658\uACBD \uAC10\uC9C0");
-          setClientSession(await createWebviewClientSession());
-        } else {
-          console.log("[useSetupClientSession] \uC21C\uC218 \uC6F9 \uD658\uACBD \uAC10\uC9C0");
-          setClientSession(await createPureWebClientSession());
-        }
-        console.log("[useSetupClientSession] \uAE30\uBCF8 \uC138\uC158 \uC124\uC815 \uC644\uB8CC");
-      } catch (error) {
-        console.error("[useSetupClientSession] \uCD08\uAE30\uD654 \uC2E4\uD328:", error);
-      }
-    };
-    initialize();
-  }, [isInitialized, setClientSession]);
-  useEffect(() => {
-    if (!isInitialized || !isLoggedIn) {
-      return;
-    }
-    const loadUserInfo = async () => {
-      console.log("[useSetupClientSession] \uC0AC\uC6A9\uC790 \uD504\uB85C\uD544 \uB85C\uB4DC \uC2DC\uC791...");
-      const userInfo = await getLoginUserInfo();
-      if (userInfo) {
-        setClientSession(userInfo);
-      }
-    };
-    loadUserInfo();
-  }, [isInitialized, isLoggedIn, setClientSession]);
-  return isInitialized ?? false;
-};
-
-const ClientSessionProvider = ({ children, loadingComponent = null }) => {
-  const isInitialized = useSetupClientSession();
-  if (!isInitialized) {
-    return /* @__PURE__ */ jsx(Fragment, { children: loadingComponent });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-
-export { Attachment, BankStockSearchModal, CODES, ClientSessionProvider, CustomerSearch, DeaCustomerSearchModal, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useSetupClientSession, useVisaComponent };
+export { Attachment, BankStockSearchModal, CODES, CustomerSearch, DeaCustomerSearchModal, EmployeeSearchModal, FormCheckbox, FormCheckboxButton, FormDatePicker, FormDateRangePicker, FormSearchJobField, FormSegmentGroup, FormSelect, FormTextField, JobVehicleSearchModal, OrganizationSearchModal, StepIndicator, resize, testSignatureBase64Data, useAddressComponent, useBankStockSearch, useCamera, useCanvasPaint, useJobSearchModal, useJobVehicleSearchModal, useNationalityComponent, useNxlOneModal, useRemoteIdentityVerification, useRemoteIdentityVerificationIframe, useRemoteIdentityVerificationPopup, useSearchAddress, useSearchNationality, useSearchVisa, useVisaComponent };
 //# sourceMappingURL=index.esm.js.map