sales-frontend-components 0.0.100 → 0.0.101

package/dist/index.cjs.js

@@ -21,6 +21,8 @@ var styles$9 = require('./modal/pre-standard/vehicle-search-modal/vehicle-search
 var styles$a = require('./modal/pre-standard/organization-search-modal/organization-search-modal.module.scss');
 var styles$b = require('./step-indicator/step-indicator.module.scss');
 var styles$c = require('./camera/camera.module.scss');
+var salesFrontendStores = require('sales-frontend-stores');
+var salesFrontendBridge = require('sales-frontend-bridge');
 
 const FormCheckboxButton = ({
   name,
@@ -3978,9 +3980,122 @@ 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 salesFrontendUtils.getFormFactorFromUserAgent(navigator.userAgent);
+};
+const 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.getBrowserVersion(navigator.userAgent),
+    loginType: "web-login",
+    platformName: salesFrontendUtils.getOSName(navigator.userAgent),
+    platformVersion: salesFrontendUtils.getOSVersion(navigator.userAgent),
+    deviceModel: salesFrontendUtils.getDeviceModel(),
+    loginChannel: salesFrontendUtils.isSalesPortal() ? "HMP" : "ETC"
+  };
+};
+const createWebviewClientSession = async () => {
+  const isLoggedIn = !!(await salesFrontendBridge.Bridge.native.getAccessToken()).accessToken;
+  return {
+    isInitialized: true,
+    isLoggedIn,
+    isWebView: true,
+    acceptLanguage: "ko",
+    formFactor: salesFrontendUtils.getCookie("formFactor") || getFormFactor(),
+    deviceId: salesFrontendUtils.getCookie("deviceId"),
+    //! App
+    appVersion: salesFrontendUtils.getCookie("appVersion"),
+    loginType: salesFrontendUtils.getCookie("loginType"),
+    platformName: salesFrontendUtils.getCookie("platformName"),
+    platformVersion: salesFrontendUtils.getCookie("platformVersion"),
+    deviceModel: salesFrontendUtils.getCookie("deviceModel"),
+    loginChannel: salesFrontendUtils.getCookie("loginChannel") ?? "MSP"
+  };
+};
+const 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;
+  }
+};
+
+const useSetupClientSession = () => {
+  const { isInitialized } = 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");
+        if (salesFrontendUtils.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingComponent });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+
 exports.Attachment = Attachment;
 exports.BankStockSearchModal = BankStockSearchModal;
 exports.CODES = CODES;
+exports.ClientSessionProvider = ClientSessionProvider;
 exports.CustomerSearch = CustomerSearch;
 exports.DeaCustomerSearchModal = DeaCustomerSearchModal;
 exports.EmployeeSearchModal = EmployeeSearchModal;
@@ -4011,5 +4126,6 @@ exports.useRemoteIdentityVerificationPopup = useRemoteIdentityVerificationPopup;
 exports.useSearchAddress = useSearchAddress;
 exports.useSearchNationality = useSearchNationality;
 exports.useSearchVisa = useSearchVisa;
+exports.useSetupClientSession = useSetupClientSession;
 exports.useVisaComponent = useVisaComponent;
 //# sourceMappingURL=index.cjs.js.map