sales-frontend-components 0.0.100 → 0.0.101

package/dist/index.d.ts

@@ -505,5 +505,25 @@ declare const useRemoteIdentityVerificationPopup: (config: UseRemoteIdentityVeri
     isCreatingUrl: boolean;
 };
 
-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 };
+/**
+ * 앱 시작 시 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 type { AttachedPhoto, AttachmentProps, BankStockSearchModalProps, CodeSet, DownloadProps, 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 } from 'sales-frontend-api/method';
+import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken, getUserProfile } 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 } from 'sales-frontend-utils';
+import { isClient, MessageEventManager, getCookie, getDeviceModel, getOSVersion, getOSName, getBrowserVersion, getOrCreateDeviceId, isSalesPortal, getFormFactorFromUserAgent, isWebView } 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,6 +19,8 @@ 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,
@@ -3976,5 +3978,117 @@ const useRemoteIdentityVerificationPopup = (config) => {
   };
 };
 
-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 };
+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 () => {
+  const isLoggedIn = !!(await Bridge.native.getAccessToken()).accessToken;
+  return {
+    isInitialized: true,
+    isLoggedIn,
+    isWebView: true,
+    acceptLanguage: "ko",
+    formFactor: getCookie("formFactor") || getFormFactor(),
+    deviceId: getCookie("deviceId"),
+    //! App
+    appVersion: getCookie("appVersion"),
+    loginType: getCookie("loginType"),
+    platformName: getCookie("platformName"),
+    platformVersion: getCookie("platformVersion"),
+    deviceModel: getCookie("deviceModel"),
+    loginChannel: getCookie("loginChannel") ?? "MSP"
+  };
+};
+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 } = 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");
+        if (getCookie("accessToken")) {
+          console.log("[useSetupClientSession] \uC0AC\uC6A9\uC790 \uD504\uB85C\uD544 \uB85C\uB4DC \uC2DC\uC791...");
+          const userInfo = await getLoginUserInfo();
+          if (userInfo) {
+            setClientSession(userInfo);
+          }
+        }
+      } catch (error) {
+        console.error("[useSetupClientSession] \uCD08\uAE30\uD654 \uC2E4\uD328:", error);
+      }
+    };
+    initialize();
+  }, [isInitialized, 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 };
 //# sourceMappingURL=index.esm.js.map