sales-frontend-features 0.0.1

package/README.md

@@ -0,0 +1,4 @@
+# Features 패키지
+
+- Logic 중심의 리액트 컴포넌트
+- UI 적인 부분은 제외

package/dist/index.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+var react = require('react');
+var salesFrontendStores = require('sales-frontend-stores');
+var salesFrontendUtils = require('sales-frontend-utils');
+var method = require('sales-frontend-api/method');
+var salesFrontendBridge = require('sales-frontend-bridge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/client-session/use-setup-client-session.tsx
+var 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 salesFrontendUtils.getFormFactorFromUserAgent(navigator.userAgent);
+};
+var createPureWebClientSession = async () => {
+  const hasAccessToken = !!salesFrontendUtils.getCookie("accessToken");
+  return {
+    isInitialized: true,
+    isLoggedIn: hasAccessToken,
+    isWebView: false,
+    acceptLanguage: navigator.language || "ko",
+    formFactor: getFormFactor(),
+    deviceId: salesFrontendUtils.getOrCreateDeviceId(),
+    appVersion: `${salesFrontendUtils.getBrowserName(navigator.userAgent)} ${salesFrontendUtils.getBrowserVersion(navigator.userAgent)}`,
+    loginType: "web-login",
+    platformName: salesFrontendUtils.getOSName(navigator.userAgent),
+    platformVersion: salesFrontendUtils.getOSVersion(navigator.userAgent),
+    deviceModel: salesFrontendUtils.getDeviceModel(),
+    loginChannel: salesFrontendUtils.isSalesPortal() ? "HMP" : "ETC"
+  };
+};
+var createWebviewClientSession = async () => {
+  const [appInfo, accessToken] = await Promise.allSettled([
+    salesFrontendBridge.Bridge.native.getAppInfo(),
+    salesFrontendUtils.isFpPlannerApp() ? Promise.resolve(salesFrontendUtils.getCookie("accessToken")) : salesFrontendBridge.Bridge.native.getAccessToken().then((res) => res.accessToken)
+  ]);
+  const appInfoData = appInfo.status === "fulfilled" ? appInfo.value : null;
+  const isLoggedIn = accessToken.status === "fulfilled" ? !!accessToken.value : false;
+  const formFactor = appInfoData?.["X-Channel-FormFactor"]?.toLowerCase() ?? salesFrontendUtils.getCookie("formFactor")?.toLowerCase() ?? getFormFactor();
+  const loginChannel = appInfoData?.["X-Channel-LoginChannel"] ?? salesFrontendUtils.getCookie("loginChannel") ?? "DSP";
+  return {
+    isInitialized: true,
+    isLoggedIn,
+    isWebView: true,
+    acceptLanguage: appInfoData?.["Accept-Language"] ?? "ko",
+    formFactor,
+    deviceId: appInfoData?.["X-Channel-DeviceId"] ?? salesFrontendUtils.getCookie("deviceId"),
+    appVersion: appInfoData?.["X-Channel-AppVersion"] ?? salesFrontendUtils.getCookie("appVersion"),
+    loginType: appInfoData?.["X-Channel-LoginType"] ?? salesFrontendUtils.getCookie("loginType"),
+    platformName: appInfoData?.["X-Channel-PlatformName"] ?? salesFrontendUtils.getCookie("platformName"),
+    platformVersion: appInfoData?.["X-Channel-PlatformVersion"] ?? salesFrontendUtils.getCookie("platformVersion"),
+    deviceModel: appInfoData?.["X-Channel-DeviceModel"] ?? salesFrontendUtils.getCookie("deviceModel"),
+    loginChannel
+  };
+};
+var getLoginUserInfo = async () => {
+  try {
+    const { isSuccess, data } = await method.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;
+  }
+};
+
+// src/client-session/use-setup-client-session.tsx
+var useSetupClientSession = () => {
+  const { isInitialized, isLoggedIn } = salesFrontendStores.useClientSession();
+  const setClientSession = salesFrontendStores.useSetClientSession();
+  react.useEffect(() => {
+    if (isInitialized) {
+      console.log("[useSetupClientSession] Already initialized");
+      return;
+    }
+    const initialize = async () => {
+      try {
+        console.log("[useSetupClientSession] \uCD08\uAE30\uD654 \uC2DC\uC791...");
+        if (salesFrontendUtils.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]);
+  react.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;
+};
+var ClientSessionProvider = ({ children, loadingComponent = null }) => {
+  const isInitialized = useSetupClientSession();
+  if (!isInitialized) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingComponent });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+
+exports.ClientSessionProvider = ClientSessionProvider;
+exports.useSetupClientSession = useSetupClientSession;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +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","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} 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' : 'ETC'\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  };\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"]}

package/dist/index.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * 앱 시작 시 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 { ClientSessionProvider, useSetupClientSession };

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * 앱 시작 시 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 { ClientSessionProvider, useSetupClientSession };

package/dist/index.js

@@ -0,0 +1,135 @@
+import { useEffect } from 'react';
+import { useClientSession, useSetClientSession } from 'sales-frontend-stores';
+import { isWebView, isFpPlannerApp, getCookie, getDeviceModel, getOSVersion, getOSName, getBrowserName, getBrowserVersion, getOrCreateDeviceId, isSalesPortal, getFormFactorFromUserAgent } from 'sales-frontend-utils';
+import { getUserProfile } from 'sales-frontend-api/method';
+import { Bridge } from 'sales-frontend-bridge';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/client-session/use-setup-client-session.tsx
+var 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);
+};
+var createPureWebClientSession = async () => {
+  const hasAccessToken = !!getCookie("accessToken");
+  return {
+    isInitialized: true,
+    isLoggedIn: hasAccessToken,
+    isWebView: false,
+    acceptLanguage: navigator.language || "ko",
+    formFactor: getFormFactor(),
+    deviceId: getOrCreateDeviceId(),
+    appVersion: `${getBrowserName(navigator.userAgent)} ${getBrowserVersion(navigator.userAgent)}`,
+    loginType: "web-login",
+    platformName: getOSName(navigator.userAgent),
+    platformVersion: getOSVersion(navigator.userAgent),
+    deviceModel: getDeviceModel(),
+    loginChannel: isSalesPortal() ? "HMP" : "ETC"
+  };
+};
+var createWebviewClientSession = async () => {
+  const [appInfo, accessToken] = await Promise.allSettled([
+    Bridge.native.getAppInfo(),
+    isFpPlannerApp() ? Promise.resolve(getCookie("accessToken")) : Bridge.native.getAccessToken().then((res) => res.accessToken)
+  ]);
+  const appInfoData = appInfo.status === "fulfilled" ? appInfo.value : null;
+  const isLoggedIn = accessToken.status === "fulfilled" ? !!accessToken.value : false;
+  const formFactor = appInfoData?.["X-Channel-FormFactor"]?.toLowerCase() ?? getCookie("formFactor")?.toLowerCase() ?? getFormFactor();
+  const loginChannel = appInfoData?.["X-Channel-LoginChannel"] ?? getCookie("loginChannel") ?? "DSP";
+  return {
+    isInitialized: true,
+    isLoggedIn,
+    isWebView: true,
+    acceptLanguage: appInfoData?.["Accept-Language"] ?? "ko",
+    formFactor,
+    deviceId: appInfoData?.["X-Channel-DeviceId"] ?? getCookie("deviceId"),
+    appVersion: appInfoData?.["X-Channel-AppVersion"] ?? getCookie("appVersion"),
+    loginType: appInfoData?.["X-Channel-LoginType"] ?? getCookie("loginType"),
+    platformName: appInfoData?.["X-Channel-PlatformName"] ?? getCookie("platformName"),
+    platformVersion: appInfoData?.["X-Channel-PlatformVersion"] ?? getCookie("platformVersion"),
+    deviceModel: appInfoData?.["X-Channel-DeviceModel"] ?? getCookie("deviceModel"),
+    loginChannel
+  };
+};
+var 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;
+  }
+};
+
+// src/client-session/use-setup-client-session.tsx
+var 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;
+};
+var ClientSessionProvider = ({ children, loadingComponent = null }) => {
+  const isInitialized = useSetupClientSession();
+  if (!isInitialized) {
+    return /* @__PURE__ */ jsx(Fragment, { children: loadingComponent });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+export { ClientSessionProvider, useSetupClientSession };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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} 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' : 'ETC'\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  };\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"]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "sales-frontend-features",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
+    "react": "^19.1.0",
+    "tsup": "^8.4.0",
+    "typescript": "5.8.2",
+    "eslint-config-sales-frontend-eslint-config-v8": "^0.0.6",
+    "sales-frontend-typescript-config": "0.0.2",
+    "sales-frontend-stores": "0.0.5",
+    "sales-frontend-bridge": "0.0.48",
+    "sales-frontend-api": "0.0.69"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "sales-frontend-api": "0.0.69",
+    "sales-frontend-bridge": "0.0.48",
+    "sales-frontend-stores": "0.0.5"
+  },
+  "dependencies": {
+    "sales-frontend-utils": "0.0.15"
+  },
+  "scripts": {
+    "lint": "eslint . --max-warnings 0",
+    "generate:component": "turbo gen react-component",
+    "check-types": "tsc --noEmit",
+    "storybook": "tsup --watch",
+    "build": "tsup",
+    "release": "pnpm publish"
+  }
+}