sales-frontend-features 0.0.20 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +39 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +13 -1
- package/dist/index.d.ts +13 -1
- package/dist/index.js +37 -2
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.cjs
CHANGED
|
@@ -3,11 +3,45 @@
|
|
|
3
3
|
var react = require('react');
|
|
4
4
|
var salesFrontendStores = require('sales-frontend-stores');
|
|
5
5
|
var salesFrontendUtils = require('sales-frontend-utils');
|
|
6
|
-
var method = require('sales-frontend-api/method');
|
|
7
6
|
var salesFrontendBridge = require('sales-frontend-bridge');
|
|
7
|
+
var method = require('sales-frontend-api/method');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
// src/client-session/use-setup-client-session.tsx
|
|
11
|
+
var ENTRY_PATH_KEY = "ENTRY_PATH";
|
|
12
|
+
var handleHistoryBack = () => {
|
|
13
|
+
if (!salesFrontendUtils.isWebView()) {
|
|
14
|
+
window.history.back();
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const entryStr = sessionStorage.getItem(ENTRY_PATH_KEY);
|
|
18
|
+
if (!entryStr) {
|
|
19
|
+
window.history.back();
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
try {
|
|
23
|
+
const entry = JSON.parse(entryStr);
|
|
24
|
+
const currentPath = window.location.pathname + window.location.search;
|
|
25
|
+
const timeSinceEntry = Date.now() - entry.timestamp;
|
|
26
|
+
if (currentPath === entry.path && timeSinceEntry >= 1) {
|
|
27
|
+
console.log("[handleBack] \uC9C4\uC785 \uD398\uC774\uC9C0 - \uC6F9\uBDF0 \uB2EB\uAE30");
|
|
28
|
+
salesFrontendBridge.Bridge.native.closeWeb();
|
|
29
|
+
} else {
|
|
30
|
+
console.log("[handleBack] \uC77C\uBC18 \uB4A4\uB85C\uAC00\uAE30");
|
|
31
|
+
window.history.back();
|
|
32
|
+
}
|
|
33
|
+
} catch (error) {
|
|
34
|
+
console.error("[handleBack] Entry \uD30C\uC2F1 \uC2E4\uD328:", error);
|
|
35
|
+
window.history.back();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
var setEntryToSessionStorage = () => {
|
|
39
|
+
const entry = {
|
|
40
|
+
path: window.location.pathname + window.location.search,
|
|
41
|
+
timestamp: Date.now()
|
|
42
|
+
};
|
|
43
|
+
sessionStorage.setItem(ENTRY_PATH_KEY, JSON.stringify(entry));
|
|
44
|
+
};
|
|
11
45
|
var getFormFactor = () => {
|
|
12
46
|
const { pathname } = location;
|
|
13
47
|
if (pathname) {
|
|
@@ -99,6 +133,7 @@ var useSetupClientSession = () => {
|
|
|
99
133
|
console.log("[useSetupClientSession] \uCD08\uAE30\uD654 \uC2DC\uC791...");
|
|
100
134
|
if (salesFrontendUtils.isWebView()) {
|
|
101
135
|
console.log("[useSetupClientSession] \uC6F9\uBDF0 \uD658\uACBD \uAC10\uC9C0");
|
|
136
|
+
setEntryToSessionStorage();
|
|
102
137
|
setClientSession(await createWebviewClientSession());
|
|
103
138
|
} else {
|
|
104
139
|
console.log("[useSetupClientSession] \uC21C\uC218 \uC6F9 \uD658\uACBD \uAC10\uC9C0");
|
|
@@ -135,6 +170,9 @@ var ClientSessionProvider = ({ children, loadingComponent = null }) => {
|
|
|
135
170
|
};
|
|
136
171
|
|
|
137
172
|
exports.ClientSessionProvider = ClientSessionProvider;
|
|
173
|
+
exports.ENTRY_PATH_KEY = ENTRY_PATH_KEY;
|
|
174
|
+
exports.handleHistoryBack = handleHistoryBack;
|
|
175
|
+
exports.setEntryToSessionStorage = setEntryToSessionStorage;
|
|
138
176
|
exports.useSetupClientSession = useSetupClientSession;
|
|
139
177
|
//# sourceMappingURL=index.cjs.map
|
|
140
178
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/client-session/client-session-utils.ts","../src/client-session/use-setup-client-session.tsx","../src/client-session/client-session-provider.tsx"],"names":["getFormFactorFromUserAgent","getCookie","getOrCreateDeviceId","getBrowserName","getBrowserVersion","getOSName","getOSVersion","getDeviceModel","isSalesPortal","getBusinessWorkDivisionCode","Bridge","isFpPlannerApp","getUserProfile","useClientSession","useSetClientSession","useEffect","isWebView"],"mappings":"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","file":"index.cjs","sourcesContent":["import { getUserProfile } from 'sales-frontend-api/method';\nimport { Bridge } from 'sales-frontend-bridge';\nimport {\n getCookie,\n getOrCreateDeviceId,\n getBrowserName,\n getBrowserVersion,\n getOSName,\n getOSVersion,\n getDeviceModel,\n isSalesPortal,\n getFormFactorFromUserAgent,\n isFpPlannerApp,\n getBusinessWorkDivisionCode\n} from 'sales-frontend-utils';\n\nimport type { ClientSession } from 'sales-frontend-stores';\n\n/**\n * URL 경로의 두 번째 세그먼트에서 폼팩터를 추출하거나 User Agent로 감지\n * @param pathname - URL 경로 (예: /aaa/mobile, /aaa/tablet, /aaa/pc)\n * @returns 'mobile' | 'tablet' | 'pc'\n */\nconst getFormFactor = (): 'phone' | 'tablet' | 'pc' | undefined => {\n const { pathname } = location;\n\n // pathname이 제공된 경우 URL에서 추출 시도\n if (pathname) {\n const segments = pathname.split('/').filter(Boolean);\n\n // 두 번째 세그먼트 확인 (인덱스 1)\n if (segments.length >= 2) {\n const secondSegment = segments[1]?.toLowerCase();\n\n if (secondSegment === 'mobile') {\n return 'phone';\n }\n if (secondSegment === 'tablet') {\n return 'tablet';\n }\n if (secondSegment === 'pc') {\n return 'pc';\n }\n }\n }\n\n // URL에 없으면 User Agent로 감지\n return getFormFactorFromUserAgent(navigator.userAgent);\n};\n\n/**\n * 순수 웹 상태값 초기화\n * @returns\n */\nexport const createPureWebClientSession = async (): Promise<ClientSession> => {\n const hasAccessToken = !!getCookie('accessToken');\n\n return {\n isInitialized: true,\n isLoggedIn: hasAccessToken,\n isWebView: false,\n acceptLanguage: navigator.language || 'ko',\n formFactor: getFormFactor(),\n deviceId: getOrCreateDeviceId(),\n appVersion: `${getBrowserName(navigator.userAgent)} ${getBrowserVersion(navigator.userAgent)}`,\n loginType: 'web-login',\n platformName: getOSName(navigator.userAgent),\n platformVersion: getOSVersion(navigator.userAgent),\n deviceModel: getDeviceModel(),\n loginChannel: isSalesPortal() ? 'HMP' : 'WEB',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\n/**\n * 웹뷰 상태값 초기화\n * @returns\n */\nexport const createWebviewClientSession = async (): Promise<ClientSession> => {\n const [appInfo, accessToken] = await Promise.allSettled([\n Bridge.native.getAppInfo(),\n isFpPlannerApp()\n ? Promise.resolve(getCookie('accessToken'))\n : Bridge.native.getAccessToken().then((res) => res.accessToken)\n ]);\n\n const appInfoData = appInfo.status === 'fulfilled' ? appInfo.value : null;\n const isLoggedIn = accessToken.status === 'fulfilled' ? !!accessToken.value : false;\n\n const formFactor =\n appInfoData?.['X-Channel-FormFactor']?.toLowerCase() ?? getCookie('formFactor')?.toLowerCase() ?? getFormFactor();\n\n const loginChannel = appInfoData?.['X-Channel-LoginChannel'] ?? getCookie('loginChannel') ?? 'DSP';\n\n return {\n isInitialized: true,\n isLoggedIn,\n isWebView: true,\n acceptLanguage: appInfoData?.['Accept-Language'] ?? 'ko',\n formFactor: formFactor as 'tablet' | 'phone' | 'pc' | undefined,\n deviceId: appInfoData?.['X-Channel-DeviceId'] ?? getCookie('deviceId'),\n appVersion: appInfoData?.['X-Channel-AppVersion'] ?? getCookie('appVersion'),\n loginType: appInfoData?.['X-Channel-LoginType'] ?? getCookie('loginType'),\n platformName: appInfoData?.['X-Channel-PlatformName'] ?? getCookie('platformName'),\n platformVersion: appInfoData?.['X-Channel-PlatformVersion'] ?? getCookie('platformVersion'),\n deviceModel: appInfoData?.['X-Channel-DeviceModel'] ?? getCookie('deviceModel'),\n loginChannel: loginChannel as 'DSP' | 'MSP',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\nexport const getLoginUserInfo = async () => {\n try {\n const { isSuccess, data } = await getUserProfile();\n\n if (isSuccess && data) {\n console.log('[useSetupClientSession] 프로필 로드 성공');\n\n return data;\n }\n\n console.warn('[getLoginUserInfo] 프로필 로드 실패: 응답 없음');\n\n return null;\n } catch (error) {\n console.error('[getLoginUserInfo] 프로필 로드 실패:', error);\n\n return null;\n }\n};\n","import { useEffect } from 'react';\n\nimport { useClientSession, useSetClientSession } from 'sales-frontend-stores';\nimport { isWebView } from 'sales-frontend-utils';\n\nimport { createWebviewClientSession, createPureWebClientSession, getLoginUserInfo } from './client-session-utils';\n\n/**\n * 앱 시작 시 ClientSession을 플랫폼(웹뷰, 순수 웹)에 맞게 자동 설정하는 훅\n *\n * @returns {boolean} 초기화 완료 여부\n */\nexport const useSetupClientSession = (): boolean => {\n const { isInitialized, isLoggedIn } = useClientSession();\n const setClientSession = useSetClientSession();\n\n useEffect(() => {\n if (isInitialized) {\n console.log('[useSetupClientSession] Already initialized');\n\n return;\n }\n\n const initialize = async () => {\n try {\n console.log('[useSetupClientSession] 초기화 시작...');\n\n if (isWebView()) {\n console.log('[useSetupClientSession] 웹뷰 환경 감지');\n setClientSession(await createWebviewClientSession());\n } else {\n console.log('[useSetupClientSession] 순수 웹 환경 감지');\n setClientSession(await createPureWebClientSession());\n }\n\n console.log('[useSetupClientSession] 기본 세션 설정 완료');\n } catch (error) {\n console.error('[useSetupClientSession] 초기화 실패:', error);\n }\n };\n\n // 기본 초기화\n initialize();\n }, [isInitialized, setClientSession]);\n\n useEffect(() => {\n if (!isInitialized || !isLoggedIn) {\n return;\n }\n\n const loadUserInfo = async () => {\n console.log('[useSetupClientSession] 사용자 프로필 로드 시작...');\n\n const userInfo = await getLoginUserInfo();\n if (userInfo) {\n setClientSession(userInfo);\n }\n };\n\n // 로그인 FP 사용자 불러오기\n loadUserInfo();\n }, [isInitialized, isLoggedIn, setClientSession]);\n\n // 초기화 완료 여부 반환\n return isInitialized ?? false;\n};\n","import { useSetupClientSession } from './use-setup-client-session';\n\ninterface ClientSessionProviderProps {\n children: React.ReactNode;\n /**\n * 초기화 중 표시할 로딩 컴포넌트\n */\n loadingComponent?: React.ReactNode;\n}\n\n/**\n * ClientSession 초기화를 담당하는 Provider 컴포넌트\n * 앱의 최상위에서 사용하여 플랫폼별 세션 정보를 자동으로 설정합니다.\n */\nexport const ClientSessionProvider = ({ children, loadingComponent = null }: ClientSessionProviderProps) => {\n const isInitialized = useSetupClientSession();\n\n // 초기화 완료 전까지 fallback 표시\n if (!isInitialized) {\n return <>{loadingComponent}</>;\n }\n\n return <>{children}</>;\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/navigation/history-back-handler.tsx","../src/client-session/client-session-utils.ts","../src/client-session/use-setup-client-session.tsx","../src/client-session/client-session-provider.tsx"],"names":["isWebView","Bridge","getFormFactorFromUserAgent","getCookie","getOrCreateDeviceId","getBrowserName","getBrowserVersion","getOSName","getOSVersion","getDeviceModel","isSalesPortal","getBusinessWorkDivisionCode","isFpPlannerApp","getUserProfile","useClientSession","useSetClientSession","useEffect"],"mappings":"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","file":"index.cjs","sourcesContent":["import { Bridge } from 'sales-frontend-bridge';\nimport { isWebView } from 'sales-frontend-utils';\n\nexport const ENTRY_PATH_KEY = 'ENTRY_PATH';\n\nexport interface NativeEntry {\n path: string;\n timestamp: number;\n}\n\n/**\n * 뒤로가기 핸들러\n * 네이티브 앱 기본: 뒤로가다가 첫 페이지일 경우 웹뷰 닫기\n */\nexport const handleHistoryBack = () => {\n // 순수 웹인 경우 일반 뒤로가기\n if (!isWebView()) {\n window.history.back();\n\n return;\n }\n\n const entryStr = sessionStorage.getItem(ENTRY_PATH_KEY);\n if (!entryStr) {\n window.history.back();\n\n return;\n }\n\n try {\n const entry: NativeEntry = JSON.parse(entryStr);\n const currentPath = window.location.pathname + window.location.search;\n const timeSinceEntry = Date.now() - entry.timestamp;\n\n // 진입 경로이고 + 진입 후 5초 이내\n if (currentPath === entry.path && timeSinceEntry >= 1) {\n console.log('[handleBack] 진입 페이지 - 웹뷰 닫기');\n Bridge.native.closeWeb();\n } else {\n console.log('[handleBack] 일반 뒤로가기');\n window.history.back();\n }\n } catch (error) {\n console.error('[handleBack] Entry 파싱 실패:', error);\n window.history.back();\n }\n};\n\nexport const setEntryToSessionStorage = () => {\n const entry: NativeEntry = {\n path: window.location.pathname + window.location.search,\n timestamp: Date.now()\n };\n sessionStorage.setItem(ENTRY_PATH_KEY, JSON.stringify(entry));\n};\n","import { getUserProfile } from 'sales-frontend-api/method';\nimport { Bridge } from 'sales-frontend-bridge';\nimport {\n getCookie,\n getOrCreateDeviceId,\n getBrowserName,\n getBrowserVersion,\n getOSName,\n getOSVersion,\n getDeviceModel,\n isSalesPortal,\n getFormFactorFromUserAgent,\n isFpPlannerApp,\n getBusinessWorkDivisionCode\n} from 'sales-frontend-utils';\n\nimport type { ClientSession } from 'sales-frontend-stores';\n\n/**\n * URL 경로의 두 번째 세그먼트에서 폼팩터를 추출하거나 User Agent로 감지\n * @param pathname - URL 경로 (예: /aaa/mobile, /aaa/tablet, /aaa/pc)\n * @returns 'mobile' | 'tablet' | 'pc'\n */\nconst getFormFactor = (): 'phone' | 'tablet' | 'pc' | undefined => {\n const { pathname } = location;\n\n // pathname이 제공된 경우 URL에서 추출 시도\n if (pathname) {\n const segments = pathname.split('/').filter(Boolean);\n\n // 두 번째 세그먼트 확인 (인덱스 1)\n if (segments.length >= 2) {\n const secondSegment = segments[1]?.toLowerCase();\n\n if (secondSegment === 'mobile') {\n return 'phone';\n }\n if (secondSegment === 'tablet') {\n return 'tablet';\n }\n if (secondSegment === 'pc') {\n return 'pc';\n }\n }\n }\n\n // URL에 없으면 User Agent로 감지\n return getFormFactorFromUserAgent(navigator.userAgent);\n};\n\n/**\n * 순수 웹 상태값 초기화\n * @returns\n */\nexport const createPureWebClientSession = async (): Promise<ClientSession> => {\n const hasAccessToken = !!getCookie('accessToken');\n\n return {\n isInitialized: true,\n isLoggedIn: hasAccessToken,\n isWebView: false,\n acceptLanguage: navigator.language || 'ko',\n formFactor: getFormFactor(),\n deviceId: getOrCreateDeviceId(),\n appVersion: `${getBrowserName(navigator.userAgent)} ${getBrowserVersion(navigator.userAgent)}`,\n loginType: 'web-login',\n platformName: getOSName(navigator.userAgent),\n platformVersion: getOSVersion(navigator.userAgent),\n deviceModel: getDeviceModel(),\n loginChannel: isSalesPortal() ? 'HMP' : 'WEB',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\n/**\n * 웹뷰 상태값 초기화\n * @returns\n */\nexport const createWebviewClientSession = async (): Promise<ClientSession> => {\n const [appInfo, accessToken] = await Promise.allSettled([\n Bridge.native.getAppInfo(),\n isFpPlannerApp()\n ? Promise.resolve(getCookie('accessToken'))\n : Bridge.native.getAccessToken().then((res) => res.accessToken)\n ]);\n\n const appInfoData = appInfo.status === 'fulfilled' ? appInfo.value : null;\n const isLoggedIn = accessToken.status === 'fulfilled' ? !!accessToken.value : false;\n\n const formFactor =\n appInfoData?.['X-Channel-FormFactor']?.toLowerCase() ?? getCookie('formFactor')?.toLowerCase() ?? getFormFactor();\n\n const loginChannel = appInfoData?.['X-Channel-LoginChannel'] ?? getCookie('loginChannel') ?? 'DSP';\n\n return {\n isInitialized: true,\n isLoggedIn,\n isWebView: true,\n acceptLanguage: appInfoData?.['Accept-Language'] ?? 'ko',\n formFactor: formFactor as 'tablet' | 'phone' | 'pc' | undefined,\n deviceId: appInfoData?.['X-Channel-DeviceId'] ?? getCookie('deviceId'),\n appVersion: appInfoData?.['X-Channel-AppVersion'] ?? getCookie('appVersion'),\n loginType: appInfoData?.['X-Channel-LoginType'] ?? getCookie('loginType'),\n platformName: appInfoData?.['X-Channel-PlatformName'] ?? getCookie('platformName'),\n platformVersion: appInfoData?.['X-Channel-PlatformVersion'] ?? getCookie('platformVersion'),\n deviceModel: appInfoData?.['X-Channel-DeviceModel'] ?? getCookie('deviceModel'),\n loginChannel: loginChannel as 'DSP' | 'MSP',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\nexport const getLoginUserInfo = async () => {\n try {\n const { isSuccess, data } = await getUserProfile();\n\n if (isSuccess && data) {\n console.log('[useSetupClientSession] 프로필 로드 성공');\n\n return data;\n }\n\n console.warn('[getLoginUserInfo] 프로필 로드 실패: 응답 없음');\n\n return null;\n } catch (error) {\n console.error('[getLoginUserInfo] 프로필 로드 실패:', error);\n\n return null;\n }\n};\n","import { useEffect } from 'react';\n\nimport { useClientSession, useSetClientSession } from 'sales-frontend-stores';\nimport { isWebView } from 'sales-frontend-utils';\n\nimport { setEntryToSessionStorage } from '../navigation/history-back-handler';\n\nimport { createWebviewClientSession, createPureWebClientSession, getLoginUserInfo } from './client-session-utils';\n/**\n * 앱 시작 시 ClientSession을 플랫폼(웹뷰, 순수 웹)에 맞게 자동 설정하는 훅\n *\n * @returns {boolean} 초기화 완료 여부\n */\nexport const useSetupClientSession = (): boolean => {\n const { isInitialized, isLoggedIn } = useClientSession();\n const setClientSession = useSetClientSession();\n\n useEffect(() => {\n if (isInitialized) {\n console.log('[useSetupClientSession] Already initialized');\n\n return;\n }\n\n const initialize = async () => {\n try {\n console.log('[useSetupClientSession] 초기화 시작...');\n\n if (isWebView()) {\n console.log('[useSetupClientSession] 웹뷰 환경 감지');\n // 최초 진입 경로 저장\n setEntryToSessionStorage();\n\n setClientSession(await createWebviewClientSession());\n } else {\n console.log('[useSetupClientSession] 순수 웹 환경 감지');\n setClientSession(await createPureWebClientSession());\n }\n\n console.log('[useSetupClientSession] 기본 세션 설정 완료');\n } catch (error) {\n console.error('[useSetupClientSession] 초기화 실패:', error);\n }\n };\n\n // 기본 초기화\n initialize();\n }, [isInitialized, setClientSession]);\n\n useEffect(() => {\n if (!isInitialized || !isLoggedIn) {\n return;\n }\n\n const loadUserInfo = async () => {\n console.log('[useSetupClientSession] 사용자 프로필 로드 시작...');\n\n const userInfo = await getLoginUserInfo();\n if (userInfo) {\n setClientSession(userInfo);\n }\n };\n\n // 로그인 FP 사용자 불러오기\n loadUserInfo();\n }, [isInitialized, isLoggedIn, setClientSession]);\n\n // 초기화 완료 여부 반환\n return isInitialized ?? false;\n};\n","import { useSetupClientSession } from './use-setup-client-session';\n\ninterface ClientSessionProviderProps {\n children: React.ReactNode;\n /**\n * 초기화 중 표시할 로딩 컴포넌트\n */\n loadingComponent?: React.ReactNode;\n}\n\n/**\n * ClientSession 초기화를 담당하는 Provider 컴포넌트\n * 앱의 최상위에서 사용하여 플랫폼별 세션 정보를 자동으로 설정합니다.\n */\nexport const ClientSessionProvider = ({ children, loadingComponent = null }: ClientSessionProviderProps) => {\n const isInitialized = useSetupClientSession();\n\n // 초기화 완료 전까지 fallback 표시\n if (!isInitialized) {\n return <>{loadingComponent}</>;\n }\n\n return <>{children}</>;\n};\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -20,4 +20,16 @@ interface ClientSessionProviderProps {
|
|
|
20
20
|
*/
|
|
21
21
|
declare const ClientSessionProvider: ({ children, loadingComponent }: ClientSessionProviderProps) => react_jsx_runtime.JSX.Element;
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
declare const ENTRY_PATH_KEY = "ENTRY_PATH";
|
|
24
|
+
interface NativeEntry {
|
|
25
|
+
path: string;
|
|
26
|
+
timestamp: number;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* 뒤로가기 핸들러
|
|
30
|
+
* 네이티브 앱 기본: 뒤로가다가 첫 페이지일 경우 웹뷰 닫기
|
|
31
|
+
*/
|
|
32
|
+
declare const handleHistoryBack: () => void;
|
|
33
|
+
declare const setEntryToSessionStorage: () => void;
|
|
34
|
+
|
|
35
|
+
export { ClientSessionProvider, ENTRY_PATH_KEY, type NativeEntry, handleHistoryBack, setEntryToSessionStorage, useSetupClientSession };
|
package/dist/index.d.ts
CHANGED
|
@@ -20,4 +20,16 @@ interface ClientSessionProviderProps {
|
|
|
20
20
|
*/
|
|
21
21
|
declare const ClientSessionProvider: ({ children, loadingComponent }: ClientSessionProviderProps) => react_jsx_runtime.JSX.Element;
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
declare const ENTRY_PATH_KEY = "ENTRY_PATH";
|
|
24
|
+
interface NativeEntry {
|
|
25
|
+
path: string;
|
|
26
|
+
timestamp: number;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* 뒤로가기 핸들러
|
|
30
|
+
* 네이티브 앱 기본: 뒤로가다가 첫 페이지일 경우 웹뷰 닫기
|
|
31
|
+
*/
|
|
32
|
+
declare const handleHistoryBack: () => void;
|
|
33
|
+
declare const setEntryToSessionStorage: () => void;
|
|
34
|
+
|
|
35
|
+
export { ClientSessionProvider, ENTRY_PATH_KEY, type NativeEntry, handleHistoryBack, setEntryToSessionStorage, useSetupClientSession };
|
package/dist/index.js
CHANGED
|
@@ -1,11 +1,45 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
import { useClientSession, useSetClientSession } from 'sales-frontend-stores';
|
|
3
3
|
import { isWebView, isFpPlannerApp, getCookie, getBusinessWorkDivisionCode, getDeviceModel, getOSVersion, getOSName, getBrowserName, getBrowserVersion, getOrCreateDeviceId, isSalesPortal, getFormFactorFromUserAgent } from 'sales-frontend-utils';
|
|
4
|
-
import { getUserProfile } from 'sales-frontend-api/method';
|
|
5
4
|
import { Bridge } from 'sales-frontend-bridge';
|
|
5
|
+
import { getUserProfile } from 'sales-frontend-api/method';
|
|
6
6
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
8
|
// src/client-session/use-setup-client-session.tsx
|
|
9
|
+
var ENTRY_PATH_KEY = "ENTRY_PATH";
|
|
10
|
+
var handleHistoryBack = () => {
|
|
11
|
+
if (!isWebView()) {
|
|
12
|
+
window.history.back();
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
const entryStr = sessionStorage.getItem(ENTRY_PATH_KEY);
|
|
16
|
+
if (!entryStr) {
|
|
17
|
+
window.history.back();
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
try {
|
|
21
|
+
const entry = JSON.parse(entryStr);
|
|
22
|
+
const currentPath = window.location.pathname + window.location.search;
|
|
23
|
+
const timeSinceEntry = Date.now() - entry.timestamp;
|
|
24
|
+
if (currentPath === entry.path && timeSinceEntry >= 1) {
|
|
25
|
+
console.log("[handleBack] \uC9C4\uC785 \uD398\uC774\uC9C0 - \uC6F9\uBDF0 \uB2EB\uAE30");
|
|
26
|
+
Bridge.native.closeWeb();
|
|
27
|
+
} else {
|
|
28
|
+
console.log("[handleBack] \uC77C\uBC18 \uB4A4\uB85C\uAC00\uAE30");
|
|
29
|
+
window.history.back();
|
|
30
|
+
}
|
|
31
|
+
} catch (error) {
|
|
32
|
+
console.error("[handleBack] Entry \uD30C\uC2F1 \uC2E4\uD328:", error);
|
|
33
|
+
window.history.back();
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
var setEntryToSessionStorage = () => {
|
|
37
|
+
const entry = {
|
|
38
|
+
path: window.location.pathname + window.location.search,
|
|
39
|
+
timestamp: Date.now()
|
|
40
|
+
};
|
|
41
|
+
sessionStorage.setItem(ENTRY_PATH_KEY, JSON.stringify(entry));
|
|
42
|
+
};
|
|
9
43
|
var getFormFactor = () => {
|
|
10
44
|
const { pathname } = location;
|
|
11
45
|
if (pathname) {
|
|
@@ -97,6 +131,7 @@ var useSetupClientSession = () => {
|
|
|
97
131
|
console.log("[useSetupClientSession] \uCD08\uAE30\uD654 \uC2DC\uC791...");
|
|
98
132
|
if (isWebView()) {
|
|
99
133
|
console.log("[useSetupClientSession] \uC6F9\uBDF0 \uD658\uACBD \uAC10\uC9C0");
|
|
134
|
+
setEntryToSessionStorage();
|
|
100
135
|
setClientSession(await createWebviewClientSession());
|
|
101
136
|
} else {
|
|
102
137
|
console.log("[useSetupClientSession] \uC21C\uC218 \uC6F9 \uD658\uACBD \uAC10\uC9C0");
|
|
@@ -132,6 +167,6 @@ var ClientSessionProvider = ({ children, loadingComponent = null }) => {
|
|
|
132
167
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
133
168
|
};
|
|
134
169
|
|
|
135
|
-
export { ClientSessionProvider, useSetupClientSession };
|
|
170
|
+
export { ClientSessionProvider, ENTRY_PATH_KEY, handleHistoryBack, setEntryToSessionStorage, useSetupClientSession };
|
|
136
171
|
//# sourceMappingURL=index.js.map
|
|
137
172
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/client-session/client-session-utils.ts","../src/client-session/use-setup-client-session.tsx","../src/client-session/client-session-provider.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { getUserProfile } from 'sales-frontend-api/method';\nimport { Bridge } from 'sales-frontend-bridge';\nimport {\n getCookie,\n getOrCreateDeviceId,\n getBrowserName,\n getBrowserVersion,\n getOSName,\n getOSVersion,\n getDeviceModel,\n isSalesPortal,\n getFormFactorFromUserAgent,\n isFpPlannerApp,\n getBusinessWorkDivisionCode\n} from 'sales-frontend-utils';\n\nimport type { ClientSession } from 'sales-frontend-stores';\n\n/**\n * URL 경로의 두 번째 세그먼트에서 폼팩터를 추출하거나 User Agent로 감지\n * @param pathname - URL 경로 (예: /aaa/mobile, /aaa/tablet, /aaa/pc)\n * @returns 'mobile' | 'tablet' | 'pc'\n */\nconst getFormFactor = (): 'phone' | 'tablet' | 'pc' | undefined => {\n const { pathname } = location;\n\n // pathname이 제공된 경우 URL에서 추출 시도\n if (pathname) {\n const segments = pathname.split('/').filter(Boolean);\n\n // 두 번째 세그먼트 확인 (인덱스 1)\n if (segments.length >= 2) {\n const secondSegment = segments[1]?.toLowerCase();\n\n if (secondSegment === 'mobile') {\n return 'phone';\n }\n if (secondSegment === 'tablet') {\n return 'tablet';\n }\n if (secondSegment === 'pc') {\n return 'pc';\n }\n }\n }\n\n // URL에 없으면 User Agent로 감지\n return getFormFactorFromUserAgent(navigator.userAgent);\n};\n\n/**\n * 순수 웹 상태값 초기화\n * @returns\n */\nexport const createPureWebClientSession = async (): Promise<ClientSession> => {\n const hasAccessToken = !!getCookie('accessToken');\n\n return {\n isInitialized: true,\n isLoggedIn: hasAccessToken,\n isWebView: false,\n acceptLanguage: navigator.language || 'ko',\n formFactor: getFormFactor(),\n deviceId: getOrCreateDeviceId(),\n appVersion: `${getBrowserName(navigator.userAgent)} ${getBrowserVersion(navigator.userAgent)}`,\n loginType: 'web-login',\n platformName: getOSName(navigator.userAgent),\n platformVersion: getOSVersion(navigator.userAgent),\n deviceModel: getDeviceModel(),\n loginChannel: isSalesPortal() ? 'HMP' : 'WEB',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\n/**\n * 웹뷰 상태값 초기화\n * @returns\n */\nexport const createWebviewClientSession = async (): Promise<ClientSession> => {\n const [appInfo, accessToken] = await Promise.allSettled([\n Bridge.native.getAppInfo(),\n isFpPlannerApp()\n ? Promise.resolve(getCookie('accessToken'))\n : Bridge.native.getAccessToken().then((res) => res.accessToken)\n ]);\n\n const appInfoData = appInfo.status === 'fulfilled' ? appInfo.value : null;\n const isLoggedIn = accessToken.status === 'fulfilled' ? !!accessToken.value : false;\n\n const formFactor =\n appInfoData?.['X-Channel-FormFactor']?.toLowerCase() ?? getCookie('formFactor')?.toLowerCase() ?? getFormFactor();\n\n const loginChannel = appInfoData?.['X-Channel-LoginChannel'] ?? getCookie('loginChannel') ?? 'DSP';\n\n return {\n isInitialized: true,\n isLoggedIn,\n isWebView: true,\n acceptLanguage: appInfoData?.['Accept-Language'] ?? 'ko',\n formFactor: formFactor as 'tablet' | 'phone' | 'pc' | undefined,\n deviceId: appInfoData?.['X-Channel-DeviceId'] ?? getCookie('deviceId'),\n appVersion: appInfoData?.['X-Channel-AppVersion'] ?? getCookie('appVersion'),\n loginType: appInfoData?.['X-Channel-LoginType'] ?? getCookie('loginType'),\n platformName: appInfoData?.['X-Channel-PlatformName'] ?? getCookie('platformName'),\n platformVersion: appInfoData?.['X-Channel-PlatformVersion'] ?? getCookie('platformVersion'),\n deviceModel: appInfoData?.['X-Channel-DeviceModel'] ?? getCookie('deviceModel'),\n loginChannel: loginChannel as 'DSP' | 'MSP',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\nexport const getLoginUserInfo = async () => {\n try {\n const { isSuccess, data } = await getUserProfile();\n\n if (isSuccess && data) {\n console.log('[useSetupClientSession] 프로필 로드 성공');\n\n return data;\n }\n\n console.warn('[getLoginUserInfo] 프로필 로드 실패: 응답 없음');\n\n return null;\n } catch (error) {\n console.error('[getLoginUserInfo] 프로필 로드 실패:', error);\n\n return null;\n }\n};\n","import { useEffect } from 'react';\n\nimport { useClientSession, useSetClientSession } from 'sales-frontend-stores';\nimport { isWebView } from 'sales-frontend-utils';\n\nimport { createWebviewClientSession, createPureWebClientSession, getLoginUserInfo } from './client-session-utils';\n\n/**\n * 앱 시작 시 ClientSession을 플랫폼(웹뷰, 순수 웹)에 맞게 자동 설정하는 훅\n *\n * @returns {boolean} 초기화 완료 여부\n */\nexport const useSetupClientSession = (): boolean => {\n const { isInitialized, isLoggedIn } = useClientSession();\n const setClientSession = useSetClientSession();\n\n useEffect(() => {\n if (isInitialized) {\n console.log('[useSetupClientSession] Already initialized');\n\n return;\n }\n\n const initialize = async () => {\n try {\n console.log('[useSetupClientSession] 초기화 시작...');\n\n if (isWebView()) {\n console.log('[useSetupClientSession] 웹뷰 환경 감지');\n setClientSession(await createWebviewClientSession());\n } else {\n console.log('[useSetupClientSession] 순수 웹 환경 감지');\n setClientSession(await createPureWebClientSession());\n }\n\n console.log('[useSetupClientSession] 기본 세션 설정 완료');\n } catch (error) {\n console.error('[useSetupClientSession] 초기화 실패:', error);\n }\n };\n\n // 기본 초기화\n initialize();\n }, [isInitialized, setClientSession]);\n\n useEffect(() => {\n if (!isInitialized || !isLoggedIn) {\n return;\n }\n\n const loadUserInfo = async () => {\n console.log('[useSetupClientSession] 사용자 프로필 로드 시작...');\n\n const userInfo = await getLoginUserInfo();\n if (userInfo) {\n setClientSession(userInfo);\n }\n };\n\n // 로그인 FP 사용자 불러오기\n loadUserInfo();\n }, [isInitialized, isLoggedIn, setClientSession]);\n\n // 초기화 완료 여부 반환\n return isInitialized ?? false;\n};\n","import { useSetupClientSession } from './use-setup-client-session';\n\ninterface ClientSessionProviderProps {\n children: React.ReactNode;\n /**\n * 초기화 중 표시할 로딩 컴포넌트\n */\n loadingComponent?: React.ReactNode;\n}\n\n/**\n * ClientSession 초기화를 담당하는 Provider 컴포넌트\n * 앱의 최상위에서 사용하여 플랫폼별 세션 정보를 자동으로 설정합니다.\n */\nexport const ClientSessionProvider = ({ children, loadingComponent = null }: ClientSessionProviderProps) => {\n const isInitialized = useSetupClientSession();\n\n // 초기화 완료 전까지 fallback 표시\n if (!isInitialized) {\n return <>{loadingComponent}</>;\n }\n\n return <>{children}</>;\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/navigation/history-back-handler.tsx","../src/client-session/client-session-utils.ts","../src/client-session/use-setup-client-session.tsx","../src/client-session/client-session-provider.tsx"],"names":["Bridge","isWebView"],"mappings":"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","file":"index.js","sourcesContent":["import { Bridge } from 'sales-frontend-bridge';\nimport { isWebView } from 'sales-frontend-utils';\n\nexport const ENTRY_PATH_KEY = 'ENTRY_PATH';\n\nexport interface NativeEntry {\n path: string;\n timestamp: number;\n}\n\n/**\n * 뒤로가기 핸들러\n * 네이티브 앱 기본: 뒤로가다가 첫 페이지일 경우 웹뷰 닫기\n */\nexport const handleHistoryBack = () => {\n // 순수 웹인 경우 일반 뒤로가기\n if (!isWebView()) {\n window.history.back();\n\n return;\n }\n\n const entryStr = sessionStorage.getItem(ENTRY_PATH_KEY);\n if (!entryStr) {\n window.history.back();\n\n return;\n }\n\n try {\n const entry: NativeEntry = JSON.parse(entryStr);\n const currentPath = window.location.pathname + window.location.search;\n const timeSinceEntry = Date.now() - entry.timestamp;\n\n // 진입 경로이고 + 진입 후 5초 이내\n if (currentPath === entry.path && timeSinceEntry >= 1) {\n console.log('[handleBack] 진입 페이지 - 웹뷰 닫기');\n Bridge.native.closeWeb();\n } else {\n console.log('[handleBack] 일반 뒤로가기');\n window.history.back();\n }\n } catch (error) {\n console.error('[handleBack] Entry 파싱 실패:', error);\n window.history.back();\n }\n};\n\nexport const setEntryToSessionStorage = () => {\n const entry: NativeEntry = {\n path: window.location.pathname + window.location.search,\n timestamp: Date.now()\n };\n sessionStorage.setItem(ENTRY_PATH_KEY, JSON.stringify(entry));\n};\n","import { getUserProfile } from 'sales-frontend-api/method';\nimport { Bridge } from 'sales-frontend-bridge';\nimport {\n getCookie,\n getOrCreateDeviceId,\n getBrowserName,\n getBrowserVersion,\n getOSName,\n getOSVersion,\n getDeviceModel,\n isSalesPortal,\n getFormFactorFromUserAgent,\n isFpPlannerApp,\n getBusinessWorkDivisionCode\n} from 'sales-frontend-utils';\n\nimport type { ClientSession } from 'sales-frontend-stores';\n\n/**\n * URL 경로의 두 번째 세그먼트에서 폼팩터를 추출하거나 User Agent로 감지\n * @param pathname - URL 경로 (예: /aaa/mobile, /aaa/tablet, /aaa/pc)\n * @returns 'mobile' | 'tablet' | 'pc'\n */\nconst getFormFactor = (): 'phone' | 'tablet' | 'pc' | undefined => {\n const { pathname } = location;\n\n // pathname이 제공된 경우 URL에서 추출 시도\n if (pathname) {\n const segments = pathname.split('/').filter(Boolean);\n\n // 두 번째 세그먼트 확인 (인덱스 1)\n if (segments.length >= 2) {\n const secondSegment = segments[1]?.toLowerCase();\n\n if (secondSegment === 'mobile') {\n return 'phone';\n }\n if (secondSegment === 'tablet') {\n return 'tablet';\n }\n if (secondSegment === 'pc') {\n return 'pc';\n }\n }\n }\n\n // URL에 없으면 User Agent로 감지\n return getFormFactorFromUserAgent(navigator.userAgent);\n};\n\n/**\n * 순수 웹 상태값 초기화\n * @returns\n */\nexport const createPureWebClientSession = async (): Promise<ClientSession> => {\n const hasAccessToken = !!getCookie('accessToken');\n\n return {\n isInitialized: true,\n isLoggedIn: hasAccessToken,\n isWebView: false,\n acceptLanguage: navigator.language || 'ko',\n formFactor: getFormFactor(),\n deviceId: getOrCreateDeviceId(),\n appVersion: `${getBrowserName(navigator.userAgent)} ${getBrowserVersion(navigator.userAgent)}`,\n loginType: 'web-login',\n platformName: getOSName(navigator.userAgent),\n platformVersion: getOSVersion(navigator.userAgent),\n deviceModel: getDeviceModel(),\n loginChannel: isSalesPortal() ? 'HMP' : 'WEB',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\n/**\n * 웹뷰 상태값 초기화\n * @returns\n */\nexport const createWebviewClientSession = async (): Promise<ClientSession> => {\n const [appInfo, accessToken] = await Promise.allSettled([\n Bridge.native.getAppInfo(),\n isFpPlannerApp()\n ? Promise.resolve(getCookie('accessToken'))\n : Bridge.native.getAccessToken().then((res) => res.accessToken)\n ]);\n\n const appInfoData = appInfo.status === 'fulfilled' ? appInfo.value : null;\n const isLoggedIn = accessToken.status === 'fulfilled' ? !!accessToken.value : false;\n\n const formFactor =\n appInfoData?.['X-Channel-FormFactor']?.toLowerCase() ?? getCookie('formFactor')?.toLowerCase() ?? getFormFactor();\n\n const loginChannel = appInfoData?.['X-Channel-LoginChannel'] ?? getCookie('loginChannel') ?? 'DSP';\n\n return {\n isInitialized: true,\n isLoggedIn,\n isWebView: true,\n acceptLanguage: appInfoData?.['Accept-Language'] ?? 'ko',\n formFactor: formFactor as 'tablet' | 'phone' | 'pc' | undefined,\n deviceId: appInfoData?.['X-Channel-DeviceId'] ?? getCookie('deviceId'),\n appVersion: appInfoData?.['X-Channel-AppVersion'] ?? getCookie('appVersion'),\n loginType: appInfoData?.['X-Channel-LoginType'] ?? getCookie('loginType'),\n platformName: appInfoData?.['X-Channel-PlatformName'] ?? getCookie('platformName'),\n platformVersion: appInfoData?.['X-Channel-PlatformVersion'] ?? getCookie('platformVersion'),\n deviceModel: appInfoData?.['X-Channel-DeviceModel'] ?? getCookie('deviceModel'),\n loginChannel: loginChannel as 'DSP' | 'MSP',\n businessWorkDivisionCode: getBusinessWorkDivisionCode()\n };\n};\n\nexport const getLoginUserInfo = async () => {\n try {\n const { isSuccess, data } = await getUserProfile();\n\n if (isSuccess && data) {\n console.log('[useSetupClientSession] 프로필 로드 성공');\n\n return data;\n }\n\n console.warn('[getLoginUserInfo] 프로필 로드 실패: 응답 없음');\n\n return null;\n } catch (error) {\n console.error('[getLoginUserInfo] 프로필 로드 실패:', error);\n\n return null;\n }\n};\n","import { useEffect } from 'react';\n\nimport { useClientSession, useSetClientSession } from 'sales-frontend-stores';\nimport { isWebView } from 'sales-frontend-utils';\n\nimport { setEntryToSessionStorage } from '../navigation/history-back-handler';\n\nimport { createWebviewClientSession, createPureWebClientSession, getLoginUserInfo } from './client-session-utils';\n/**\n * 앱 시작 시 ClientSession을 플랫폼(웹뷰, 순수 웹)에 맞게 자동 설정하는 훅\n *\n * @returns {boolean} 초기화 완료 여부\n */\nexport const useSetupClientSession = (): boolean => {\n const { isInitialized, isLoggedIn } = useClientSession();\n const setClientSession = useSetClientSession();\n\n useEffect(() => {\n if (isInitialized) {\n console.log('[useSetupClientSession] Already initialized');\n\n return;\n }\n\n const initialize = async () => {\n try {\n console.log('[useSetupClientSession] 초기화 시작...');\n\n if (isWebView()) {\n console.log('[useSetupClientSession] 웹뷰 환경 감지');\n // 최초 진입 경로 저장\n setEntryToSessionStorage();\n\n setClientSession(await createWebviewClientSession());\n } else {\n console.log('[useSetupClientSession] 순수 웹 환경 감지');\n setClientSession(await createPureWebClientSession());\n }\n\n console.log('[useSetupClientSession] 기본 세션 설정 완료');\n } catch (error) {\n console.error('[useSetupClientSession] 초기화 실패:', error);\n }\n };\n\n // 기본 초기화\n initialize();\n }, [isInitialized, setClientSession]);\n\n useEffect(() => {\n if (!isInitialized || !isLoggedIn) {\n return;\n }\n\n const loadUserInfo = async () => {\n console.log('[useSetupClientSession] 사용자 프로필 로드 시작...');\n\n const userInfo = await getLoginUserInfo();\n if (userInfo) {\n setClientSession(userInfo);\n }\n };\n\n // 로그인 FP 사용자 불러오기\n loadUserInfo();\n }, [isInitialized, isLoggedIn, setClientSession]);\n\n // 초기화 완료 여부 반환\n return isInitialized ?? false;\n};\n","import { useSetupClientSession } from './use-setup-client-session';\n\ninterface ClientSessionProviderProps {\n children: React.ReactNode;\n /**\n * 초기화 중 표시할 로딩 컴포넌트\n */\n loadingComponent?: React.ReactNode;\n}\n\n/**\n * ClientSession 초기화를 담당하는 Provider 컴포넌트\n * 앱의 최상위에서 사용하여 플랫폼별 세션 정보를 자동으로 설정합니다.\n */\nexport const ClientSessionProvider = ({ children, loadingComponent = null }: ClientSessionProviderProps) => {\n const isInitialized = useSetupClientSession();\n\n // 초기화 완료 전까지 fallback 표시\n if (!isInitialized) {\n return <>{loadingComponent}</>;\n }\n\n return <>{children}</>;\n};\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sales-frontend-features",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.22",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -27,18 +27,18 @@
|
|
|
27
27
|
"react": "^19.1.0",
|
|
28
28
|
"tsup": "^8.4.0",
|
|
29
29
|
"typescript": "5.8.2",
|
|
30
|
-
"eslint-config-sales-frontend-eslint-config-v8": "^0.0.6",
|
|
31
30
|
"sales-frontend-typescript-config": "0.0.2",
|
|
32
|
-
"sales-frontend-api": "0.0.
|
|
33
|
-
"sales-frontend-
|
|
31
|
+
"sales-frontend-api": "0.0.90",
|
|
32
|
+
"eslint-config-sales-frontend-eslint-config-v8": "^0.0.6",
|
|
33
|
+
"sales-frontend-bridge": "0.0.62",
|
|
34
34
|
"sales-frontend-stores": "0.0.6"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"react": ">=18.0.0",
|
|
38
38
|
"react-dom": ">=18.0.0",
|
|
39
|
-
"sales-frontend-
|
|
40
|
-
"sales-frontend-
|
|
41
|
-
"sales-frontend-
|
|
39
|
+
"sales-frontend-stores": "0.0.6",
|
|
40
|
+
"sales-frontend-api": "0.0.90",
|
|
41
|
+
"sales-frontend-bridge": "0.0.62"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"sales-frontend-utils": "0.0.25"
|