@apps-in-toss/framework 1.2.2 → 1.3.0

package/dist/index.js

@@ -1,9 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
 // src/index.ts
 import { Analytics as InternalAnalytics } from "@apps-in-toss/analytics";
 
 // src/core/registerApp.tsx
 import { Analytics } from "@apps-in-toss/analytics";
-import { isMinVersionSupported as isMinVersionSupported2, setIosSwipeGestureEnabled, eventLog } from "@apps-in-toss/native-modules";
+import { isMinVersionSupported as isMinVersionSupported3, setIosSwipeGestureEnabled as setIosSwipeGestureEnabled2, eventLog } from "@apps-in-toss/native-modules";
 import { Granite as Granite6 } from "@granite-js/react-native";
 import { TDSProvider } from "@toss/tds-react-native";
 import { AppRegistry } from "react-native";
@@ -172,14 +186,12 @@ function useAppsInTossBridge() {
   const controller = useBridge();
   const appsInTossGlobals = getAppsInTossGlobals();
   useEffect4(() => {
-    const commonProps = {
+    const isGameApp = appsInTossGlobals.webViewType === "game" || appsInTossGlobals.appType === "game";
+    controller.open({
       serviceName: appsInTossGlobals.brandDisplayName,
       icon: toIcon(appsInTossGlobals.brandIcon),
       color: appsInTossGlobals.brandPrimaryColor,
-      colorMode: appsInTossGlobals.brandBridgeColorMode
-    };
-    controller.open({
-      ...commonProps,
+      colorMode: isGameApp ? "inverted" : appsInTossGlobals.brandBridgeColorMode,
       onExited: () => {
         appsInTossEvent.emit("entryMessageExited", void 0);
       }
@@ -187,129 +199,507 @@ function useAppsInTossBridge() {
   }, []);
 }
 
-// src/components/NavigationBar/RNNavigationBar.tsx
-import { closeView, useBackEventContext, useNavigation } from "@granite-js/react-native";
-import { useDialog as useDialog3 } from "@toss/tds-react-native";
-import { NavigationBackButton, NavigationLeft, TopNavigation } from "@toss/tds-react-native/private";
-import { josa } from "es-hangul";
-import { useCallback as useCallback3, useEffect as useEffect7 } from "react";
-import { BackHandler } from "react-native";
+// src/components/RNAppContainer.tsx
+import { appsInTossEvent as appsInTossEvent2, setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
+import { useEffect as useEffect9, useState as useState3 } from "react";
+import { Platform as Platform3 } from "react-native";
 
-// src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
-import { useEffect as useEffect5, useRef as useRef2 } from "react";
+// src/components/GameProfile.tsx
+import { getGameCenterGameProfile as getGameCenterGameProfile2, isMinVersionSupported } from "@apps-in-toss/native-modules";
+import { Loader } from "@toss/tds-react-native";
+import { useEffect as useEffect5 } from "react";
+import { Pressable, View } from "react-native";
 
-// src/components/NavigationBar/common/useNavigationBarLogging.tsx
-import { INTERNAL__module as INTERNAL__module3 } from "@apps-in-toss/native-modules";
-import { Granite as Granite3 } from "@granite-js/react-native";
-var NAVI_BAR_IMPRESSION_SCHEMA_ID = 1596837;
-var NAVI_BAR_IMPRESSION_LOG_NAME = "appsintoss_app_visit__common_module::impression__navigation_bar";
-var CLOSE_POPUP_SHOW_SCHEMA_ID = 1644490;
-var CLOSE_POPUP_SHOW_LOG_NAME = "appsintoss_app_visit__common_module::popup__close_app";
-var CLOSE_BUTTON_CLICK_SCHEMA_ID = 1596831;
-var CLOSE_BUTTON_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::click__icon_close";
-var CLOSE_POPUP_CTA_CLICK_SCHEMA_ID = 1644492;
-var CLOSE_POPUP_CTA_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::popup__close_app::click__cta";
-var HOME_BUTTON_CLICK_SCHEMA_ID = 1596839;
-var HOME_BUTTON_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::click__icon_home";
-function useNavigationBarLogging() {
-  const referrer = useReferrer();
-  const baseParams = {
-    referrer,
-    app_name: Granite3.appName
-  };
-  const logNavBarImpression = (naviBarConfig) => {
-    INTERNAL__module3.tossCoreEventLog({
-      log_name: NAVI_BAR_IMPRESSION_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...naviBarConfig,
-        ...baseParams,
-        event_type: "impression",
-        schema_id: NAVI_BAR_IMPRESSION_SCHEMA_ID
-      }
-    });
-  };
-  const logHomeButtonClick = () => {
-    INTERNAL__module3.tossCoreEventLog({
-      log_name: HOME_BUTTON_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        event_type: "click",
-        schema_id: HOME_BUTTON_CLICK_SCHEMA_ID
-      }
+// src/constant/game-center.ts
+var GAME_PROFILE_WEBVIEW_URL = "servicetoss://game-center/profile";
+var GAME_CENTER_MIN_VERSION = {
+  android: "5.221.0",
+  ios: "5.221.0"
+};
+
+// src/hooks/useGameCenterProfile.ts
+import { getGameCenterGameProfile } from "@apps-in-toss/native-modules";
+import { closeView, openURL as openURL3 } from "@granite-js/react-native";
+import { useDialog } from "@toss/tds-react-native";
+import { josa } from "es-hangul";
+import { useCallback as useCallback2, useRef as useRef2, useState } from "react";
+
+// src/components/GameProfileToast.tsx
+import { Asset, Toast } from "@toss/tds-react-native";
+import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay } from "@toss/tds-react-native/private";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var useGameProfileToast = () => {
+  const overlay = useOverlay();
+  const openGameProfileToast = (nickname, profileImageUri) => {
+    return new Promise((resolve) => {
+      overlay.open(({ isOpen, close, exit }) => {
+        return /* @__PURE__ */ jsx2(ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ jsx2(AdaptiveColorProvider, { children: /* @__PURE__ */ jsx2(
+          Toast,
+          {
+            open: isOpen,
+            onClose: () => {
+              resolve();
+              close();
+            },
+            onExited: exit,
+            position: "top",
+            text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
+            icon: /* @__PURE__ */ jsx2(
+              Asset.Image,
+              {
+                style: { borderRadius: 64, overflow: "hidden" },
+                frameShape: Asset.frameShape.CleanW32,
+                source: { uri: profileImageUri }
+              }
+            )
+          }
+        ) }) });
+      });
     });
   };
-  const logCloseButtonClick = () => {
-    INTERNAL__module3.tossCoreEventLog({
-      log_name: CLOSE_BUTTON_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        event_type: "click",
-        schema_id: CLOSE_BUTTON_CLICK_SCHEMA_ID
+  return { openGameProfileToast };
+};
+
+// src/utils/error.ts
+var DEFAULT_ERROR = {
+  title: "\uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694",
+  description: "\uBB38\uC81C\uAC00 \uACC4\uC18D\uB418\uBA74 \uD1A0\uC2A4 \uACE0\uAC1D\uC13C\uD130(1599-4905)\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694."
+};
+
+// src/utils/market.ts
+import { Platform } from "react-native";
+var PLAYSTORE_LINK = "https://play.google.com/store/apps/details?id=viva.republica.toss";
+var APPSTORE_LINK = "https://itunes.apple.com/app/id839333328";
+var getMarketLink = () => {
+  return Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
+};
+
+// src/utils/openTransparentWebView.ts
+import { openURL as openURL2 } from "@granite-js/react-native";
+
+// src/private.ts
+import { onVisibilityChangedByTransparentServiceWeb } from "@apps-in-toss/native-modules";
+var INTERNAL__onVisibilityChangedByTransparentServiceWeb = onVisibilityChangedByTransparentServiceWeb;
+
+// src/utils/openTransparentWebView.ts
+var openTransparentWebView = ({
+  webUrl,
+  cleanupWhenDismissed = true,
+  onEvent,
+  onError,
+  callbackId = "fn",
+  params
+}) => {
+  const url = new URL("supertoss://transparent-service-web");
+  url.searchParams.set("url", webUrl);
+  url.searchParams.set("onVisibilityChangeCallback", callbackId);
+  Object.entries(params ?? {}).forEach(([key, value]) => {
+    url.searchParams.set(key, value);
+  });
+  const cleanup = INTERNAL__onVisibilityChangedByTransparentServiceWeb({
+    options: { callbackId },
+    onError: (error) => {
+      onError(error);
+      cleanup();
+    },
+    onEvent: (value) => {
+      onEvent(value);
+      if (cleanupWhenDismissed && value === true) {
+        cleanup();
       }
+    }
+  });
+  openURL2(url.toString());
+};
+
+// src/hooks/useGameCenterProfile.ts
+var useGameCenterProfile = (isReadyForProfileUI) => {
+  const [profileData, setProfileData] = useState(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = useState(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = useState(false);
+  const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  const [isWebviewLoading, setIsWebviewLoading] = useState(false);
+  const isCompletedProfileFlow = useRef2(false);
+  const { openAlert, openConfirm } = useDialog();
+  const { openGameProfileToast } = useGameProfileToast();
+  const openErrorAlert = useCallback2(async () => {
+    await openAlert({
+      title: DEFAULT_ERROR.title,
+      description: DEFAULT_ERROR.description
     });
-  };
-  const logClosePopupShow = () => {
-    INTERNAL__module3.tossCoreEventLog({
-      log_name: CLOSE_POPUP_SHOW_LOG_NAME,
-      log_type: "popup",
-      params: {
-        ...baseParams,
-        schema_id: CLOSE_POPUP_SHOW_SCHEMA_ID
+    closeView();
+  }, [openAlert]);
+  const openProfileWebview = useCallback2(() => {
+    if (isWebviewLoading) {
+      return;
+    }
+    setIsWebviewLoading(true);
+    openTransparentWebView({
+      webUrl: `${GAME_PROFILE_WEBVIEW_URL}?appName=${getAppName()}&referrer=appsintoss.${getAppName()}`,
+      onEvent: async (isClosedTransparentWebView) => {
+        if (isClosedTransparentWebView) {
+          try {
+            setIsWebviewLoading(false);
+            setIsProfileDataRefetching(true);
+            const data = await getGameCenterGameProfile();
+            setProfileData(data);
+            setIsProfileDataRefetching(false);
+            if (data?.statusCode === "SUCCESS") {
+              openGameProfileToast(data.nickname, data.profileImageUri);
+            }
+          } catch (_) {
+            setIsProfileDataRefetching(false);
+            openErrorAlert();
+          }
+        }
+      },
+      onError: () => {
+        openErrorAlert();
       }
     });
-  };
-  const logClosePopupCtaClick = (confirm) => {
-    INTERNAL__module3.tossCoreEventLog({
-      log_name: CLOSE_POPUP_CTA_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        close_yn: confirm ? "Y" : "N",
-        schema_id: CLOSE_POPUP_CTA_CLICK_SCHEMA_ID,
-        event_type: "click"
-      }
+  }, [isWebviewLoading, openGameProfileToast, openErrorAlert]);
+  const updateAppToSupportedMinVersion = useCallback2(async () => {
+    const upddateConfirmDialogLabel = {
+      title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+      leftButton: "\uB2EB\uAE30",
+      rightButton: "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30"
+    };
+    const isConfirmed = await openConfirm({
+      title: upddateConfirmDialogLabel.title,
+      leftButton: upddateConfirmDialogLabel.leftButton,
+      rightButton: upddateConfirmDialogLabel.rightButton,
+      closeOnDimmerClick: true
     });
-  };
+    if (!isConfirmed) {
+      closeView();
+      return;
+    }
+    const STORE_SCHEME = getMarketLink();
+    openURL3(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+  }, [openConfirm]);
   return {
-    navBarImpression: logNavBarImpression,
-    closePopupShow: logClosePopupShow,
-    closePopupCtaClick: logClosePopupCtaClick,
-    closeButtonClick: logCloseButtonClick,
-    homeButtonClick: logHomeButtonClick
+    profileData,
+    isProfileDataLoading,
+    isProfileDataRefetching,
+    shouldShowLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    updateAppToSupportedMinVersion,
+    setIsProfileDataLoading,
+    openProfileWebview,
+    setProfileData,
+    openErrorAlert,
+    openGameProfileToast
   };
-}
+};
 
-// src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
-import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-function NavigationBarImpressionArea({
-  children,
-  withHomeButton
-}) {
-  const hasLogged = useRef2(false);
-  const logging = useNavigationBarLogging();
-  useEffect5(() => {
-    if (hasLogged.current === false) {
-      logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
-      hasLogged.current = true;
-    }
-  }, [logging, withHomeButton]);
-  return /* @__PURE__ */ jsx2(Fragment2, { children });
+// src/utils/zIndex.ts
+var Z_INDEX = {
+  /* 게임 프로필을 위한 overlay
+   */
+  PROFILE_OVERLAY: 9998,
+  // 게임을 종료할 수 있는 X 버튼
+  CLOSE_BUTTON: 9999
+};
+
+// src/components/GameProfile.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var GameProfile = ({ children, isReadyForProfileUI }) => {
+  const {
+    profileData,
+    isProfileDataRefetching,
+    shouldShowLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    openProfileWebview,
+    updateAppToSupportedMinVersion,
+    setIsProfileDataLoading,
+    setProfileData,
+    openErrorAlert,
+    openGameProfileToast
+  } = useGameCenterProfile(isReadyForProfileUI);
+  useEffect5(() => {
+    try {
+      const getProfileData = async () => {
+        const data = await getGameCenterGameProfile2();
+        setProfileData(data);
+        setIsProfileDataLoading(false);
+      };
+      getProfileData();
+    } catch (_) {
+      openErrorAlert();
+      setIsProfileDataLoading(false);
+    }
+  }, []);
+  useEffect5(() => {
+    const handleGameProfileFlow = async () => {
+      if (!canShowBottomSheetOrToast) {
+        return;
+      }
+      if (isCompletedProfileFlow.current) {
+        return;
+      }
+      isCompletedProfileFlow.current = true;
+      if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
+        updateAppToSupportedMinVersion();
+        return;
+      }
+      if (profileData?.statusCode === "SUCCESS") {
+        openGameProfileToast(profileData.nickname, profileData.profileImageUri);
+        return;
+      }
+      if (profileData?.statusCode === "PROFILE_NOT_FOUND") {
+        openProfileWebview();
+      }
+    };
+    handleGameProfileFlow();
+  }, [
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    openGameProfileToast,
+    openProfileWebview,
+    profileData,
+    updateAppToSupportedMinVersion
+  ]);
+  if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ jsx3(
+        Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            updateAppToSupportedMinVersion();
+          }
+        }
+      )
+    ] });
+  }
+  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ jsx3(
+        View,
+        {
+          style: {
+            ...overlayStyle,
+            justifyContent: "center",
+            alignItems: "center",
+            backgroundColor: "rgba(0, 0, 0, 0.2)"
+          },
+          children: /* @__PURE__ */ jsx3(Loader, { size: "large", type: "light" })
+        }
+      )
+    ] });
+  }
+  if (shouldShowProfileNotFoundOverlay) {
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
+      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ jsx3(
+        Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            openProfileWebview();
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx3(Fragment2, { children: /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }) });
+};
+var overlayStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: Z_INDEX.PROFILE_OVERLAY
+};
+
+// src/components/NavigationBar/RNNavigationBar/Default.tsx
+import { NavigationBackButton, NavigationLeft, TopNavigation } from "@toss/tds-react-native/private";
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useHardwareBackPress.ts
+import { useEffect as useEffect6 } from "react";
+import { BackHandler } from "react-native";
+function useHardwareBackPress(handler) {
+  useEffect6(() => {
+    const handleBackPress = () => {
+      handler();
+      return true;
+    };
+    BackHandler.addEventListener("hardwareBackPress", handleBackPress);
+    return () => BackHandler.removeEventListener("hardwareBackPress", handleBackPress);
+  }, [handler]);
+}
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
+import { closeView as closeView2, useBackEventContext, useNavigation } from "@granite-js/react-native";
+import { useMemo as useMemo2 } from "react";
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useCloseConfirm.ts
+import { useDialog as useDialog2 } from "@toss/tds-react-native";
+import { josa as josa2 } from "es-hangul";
+import { useCallback as useCallback3 } from "react";
+function useCloseConfirm() {
+  const { brandDisplayName } = getAppsInTossGlobals();
+  const { openConfirm } = useDialog2();
+  return useCallback3(async ({ onEntered }) => {
+    return await openConfirm({
+      title: `${josa2(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+      leftButton: "\uCDE8\uC18C",
+      rightButton: "\uC885\uB8CC\uD558\uAE30",
+      closeOnDimmerClick: true,
+      onEntered
+    });
+  }, [brandDisplayName, openConfirm]);
+}
+
+// src/components/NavigationBar/common/useNavigationBarLogging.tsx
+import { INTERNAL__module as INTERNAL__module3 } from "@apps-in-toss/native-modules";
+import { Granite as Granite3 } from "@granite-js/react-native";
+var NAVI_BAR_IMPRESSION_SCHEMA_ID = 1596837;
+var NAVI_BAR_IMPRESSION_LOG_NAME = "appsintoss_app_visit__common_module::impression__navigation_bar";
+var CLOSE_POPUP_SHOW_SCHEMA_ID = 1644490;
+var CLOSE_POPUP_SHOW_LOG_NAME = "appsintoss_app_visit__common_module::popup__close_app";
+var CLOSE_BUTTON_CLICK_SCHEMA_ID = 1596831;
+var CLOSE_BUTTON_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::click__icon_close";
+var CLOSE_POPUP_CTA_CLICK_SCHEMA_ID = 1644492;
+var CLOSE_POPUP_CTA_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::popup__close_app::click__cta";
+var HOME_BUTTON_CLICK_SCHEMA_ID = 1596839;
+var HOME_BUTTON_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::click__icon_home";
+function useNavigationBarLogging() {
+  const referrer = useReferrer();
+  const baseParams = {
+    referrer,
+    app_name: Granite3.appName
+  };
+  const logNavBarImpression = (naviBarConfig) => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: NAVI_BAR_IMPRESSION_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...naviBarConfig,
+        ...baseParams,
+        event_type: "impression",
+        schema_id: NAVI_BAR_IMPRESSION_SCHEMA_ID
+      }
+    });
+  };
+  const logHomeButtonClick = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: HOME_BUTTON_CLICK_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...baseParams,
+        event_type: "click",
+        schema_id: HOME_BUTTON_CLICK_SCHEMA_ID
+      }
+    });
+  };
+  const logCloseButtonClick = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: CLOSE_BUTTON_CLICK_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...baseParams,
+        event_type: "click",
+        schema_id: CLOSE_BUTTON_CLICK_SCHEMA_ID
+      }
+    });
+  };
+  const logClosePopupShow = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: CLOSE_POPUP_SHOW_LOG_NAME,
+      log_type: "popup",
+      params: {
+        ...baseParams,
+        schema_id: CLOSE_POPUP_SHOW_SCHEMA_ID
+      }
+    });
+  };
+  const logClosePopupCtaClick = (confirm) => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: CLOSE_POPUP_CTA_CLICK_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...baseParams,
+        close_yn: confirm ? "Y" : "N",
+        schema_id: CLOSE_POPUP_CTA_CLICK_SCHEMA_ID,
+        event_type: "click"
+      }
+    });
+  };
+  return {
+    navBarImpression: logNavBarImpression,
+    closePopupShow: logClosePopupShow,
+    closePopupCtaClick: logClosePopupCtaClick,
+    closeButtonClick: logCloseButtonClick,
+    homeButtonClick: logHomeButtonClick
+  };
+}
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
+function useNavigationEvent() {
+  const backEventContext = useBackEventContext();
+  const logging = useNavigationBarLogging();
+  const navigation = useNavigation();
+  const closeConfirm = useCloseConfirm();
+  const { captureExitLog } = useCaptureExitLog();
+  return useMemo2(() => {
+    const close = async () => {
+      const hasConfirmed = await closeConfirm({
+        onEntered: logging.closePopupShow
+      });
+      logging.closePopupCtaClick(hasConfirmed);
+      if (hasConfirmed) {
+        captureExitLog(Date.now());
+        closeView2();
+      }
+    };
+    return {
+      handleBack: () => {
+        if (backEventContext.hasBackEvent) {
+          backEventContext.onBack();
+        } else if (navigation.canGoBack()) {
+          navigation.goBack();
+        } else {
+          close();
+        }
+      },
+      handleHomeButtonClick: () => {
+        logging.homeButtonClick();
+        navigation.navigate("/");
+      },
+      handleCloseButtonClick: () => {
+        logging.closeButtonClick();
+        close();
+      }
+    };
+  }, [backEventContext, navigation, closeConfirm, logging, captureExitLog]);
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-import { INTERNAL__appBridgeHandler, isMinVersionSupported } from "@apps-in-toss/native-modules";
-import { openURL as openURL3 } from "@granite-js/react-native";
+import { INTERNAL__appBridgeHandler, isMinVersionSupported as isMinVersionSupported2 } from "@apps-in-toss/native-modules";
+import { openURL as openURL5 } from "@granite-js/react-native";
 import { BottomSheet, List, ListHeader, ListRow as ListRow2 } from "@toss/tds-react-native";
-import { useAdaptive as useAdaptive2, useOverlay } from "@toss/tds-react-native/private";
-import { useEffect as useEffect6, useState } from "react";
+import { useAdaptive as useAdaptive2, useOverlay as useOverlay2 } from "@toss/tds-react-native/private";
+import { useEffect as useEffect7, useState as useState2 } from "react";
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
 import { getOperationalEnvironment } from "@apps-in-toss/native-modules";
 import { getSchemeUri as getSchemeUri4 } from "@granite-js/react-native";
-import { ListRow, useDialog } from "@toss/tds-react-native";
+import { ListRow, useDialog as useDialog3 } from "@toss/tds-react-native";
 import { useAdaptive } from "@toss/tds-react-native/private";
 import { NativeModules } from "react-native";
 
@@ -392,7 +782,7 @@ function addParamsToUrl(url, params) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var SHARE_SCHEME_REFERRER = "appsintoss.common_module_share";
 var APP_SHARE_MENU_INFO = {
   contactItemName: "\uACF5\uC720\uD558\uAE30",
@@ -404,14 +794,14 @@ function AppShareListMenu() {
   const logging = useMoreButtonBottomSheetLogging();
   const initialScheme = getSchemeUri4();
   const isSandbox = getOperationalEnvironment() === "sandbox";
-  const { openConfirm } = useDialog();
+  const { openConfirm } = useDialog3();
   const schemeForShare = addParamsToUrl(initialScheme, {
     referrer: SHARE_SCHEME_REFERRER
   });
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ListRow,
     {
-      left: /* @__PURE__ */ jsx3(
+      left: /* @__PURE__ */ jsx4(
         ListRow.Icon,
         {
           color: globals.brandPrimaryColor,
@@ -419,7 +809,7 @@ function AppShareListMenu() {
           type: "background"
         }
       ),
-      contents: /* @__PURE__ */ jsx3(
+      contents: /* @__PURE__ */ jsx4(
         ListRow.Texts,
         {
           type: "1RowTypeA",
@@ -451,23 +841,13 @@ function AppShareListMenu() {
 
 // src/hooks/useAppUpdateDialog.tsx
 import { INTERNAL__module as INTERNAL__module5 } from "@apps-in-toss/native-modules";
-import { Granite as Granite5, openURL as openURL2 } from "@granite-js/react-native";
-import { useDialog as useDialog2 } from "@toss/tds-react-native";
-import { useCallback as useCallback2 } from "react";
-
-// src/utils/market.ts
-import { Platform } from "react-native";
-var PLAYSTORE_LINK = "https://play.google.com/store/apps/details?id=viva.republica.toss";
-var APPSTORE_LINK = "https://itunes.apple.com/app/id839333328";
-var getMarketLink = () => {
-  return Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
-};
-
-// src/hooks/useAppUpdateDialog.tsx
+import { Granite as Granite5, openURL as openURL4 } from "@granite-js/react-native";
+import { useDialog as useDialog4 } from "@toss/tds-react-native";
+import { useCallback as useCallback4 } from "react";
 function useAppUpdateDialog() {
-  const { openConfirm } = useDialog2();
+  const { openConfirm } = useDialog4();
   const logging = useAppUpdateDialogLogging();
-  const openAppUpdateDialog = useCallback2(
+  const openAppUpdateDialog = useCallback4(
     async ({
       title,
       description,
@@ -488,7 +868,7 @@ function useAppUpdateDialog() {
       }
       logging.update();
       const STORE_SCHEME = getMarketLink();
-      openURL2(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+      openURL4(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
     },
     [logging, openConfirm]
   );
@@ -552,7 +932,7 @@ function ensureValue(value, name) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var APP_BRIDGE_METHOD_NAME = "getMiniAppsSupportContact";
 var MIN_VERSION = {
   BOTTOM_SHEET: {
@@ -567,14 +947,14 @@ var MIN_VERSION = {
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
   const adaptive = useAdaptive2();
-  const [itemList, setItemList] = useState([]);
+  const [itemList, setItemList] = useState2([]);
   const appUpdateDialog = useAppUpdateDialog();
   const logging = useMoreButtonBottomSheetLogging();
-  const overlay = useOverlay();
+  const overlay = useOverlay2();
   const title = ensureValue(globals.brandDisplayName, "displayName");
-  const isBottomSheetSupported = isMinVersionSupported(MIN_VERSION.BOTTOM_SHEET);
-  const isShareListMenuSupported = isMinVersionSupported(MIN_VERSION.SHARE_LIST_MENU);
-  useEffect6(() => {
+  const isBottomSheetSupported = isMinVersionSupported2(MIN_VERSION.BOTTOM_SHEET);
+  const isShareListMenuSupported = isMinVersionSupported2(MIN_VERSION.SHARE_LIST_MENU);
+  useEffect7(() => {
     if (!isBottomSheetSupported) {
       return;
     }
@@ -601,17 +981,17 @@ function useMoreButtonBottomSheet() {
         logging.close();
         close();
       };
-      return /* @__PURE__ */ jsx4(BottomSheetImpressionArea, { children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5(BottomSheetImpressionArea, { children: /* @__PURE__ */ jsx5(
         BottomSheet.Root,
         {
-          header: /* @__PURE__ */ jsx4(
+          header: /* @__PURE__ */ jsx5(
             ListHeader,
             {
-              title: /* @__PURE__ */ jsx4(ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
+              title: /* @__PURE__ */ jsx5(ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
             }
           ),
           open: isOpen,
-          cta: /* @__PURE__ */ jsx4(
+          cta: /* @__PURE__ */ jsx5(
             BottomSheet.CTA,
             {
               size: "large",
@@ -625,12 +1005,12 @@ function useMoreButtonBottomSheet() {
           ),
           onClose: handleClose,
           onExited: exit,
-          children: /* @__PURE__ */ jsxs(List, { rowSeparator: "none", children: [
+          children: /* @__PURE__ */ jsxs2(List, { rowSeparator: "none", children: [
             itemList.map((item) => {
-              return /* @__PURE__ */ jsx4(
+              return /* @__PURE__ */ jsx5(
                 ListRow2,
                 {
-                  left: /* @__PURE__ */ jsx4(
+                  left: /* @__PURE__ */ jsx5(
                     ListRow2.Icon,
                     {
                       color: globals.brandPrimaryColor,
@@ -638,7 +1018,7 @@ function useMoreButtonBottomSheet() {
                       type: "background"
                     }
                   ),
-                  contents: /* @__PURE__ */ jsx4(
+                  contents: /* @__PURE__ */ jsx5(
                     ListRow2.Texts,
                     {
                       type: "1RowTypeA",
@@ -649,13 +1029,13 @@ function useMoreButtonBottomSheet() {
                   verticalPadding: "extraSmall",
                   onPress: () => {
                     logging.menuClick({ title: item.contactItemName });
-                    openURL3(item.contactUri);
+                    openURL5(item.contactUri);
                   }
                 },
                 item.contactItemName
               );
             }),
-            isShareListMenuSupported && /* @__PURE__ */ jsx4(AppShareListMenu, {})
+            isShareListMenuSupported && /* @__PURE__ */ jsx5(AppShareListMenu, {})
           ] })
         }
       ) });
@@ -665,10 +1045,10 @@ function useMoreButtonBottomSheet() {
 }
 function BottomSheetImpressionArea({ children }) {
   const logging = useMoreButtonBottomSheetLogging();
-  useEffect6(() => {
+  useEffect7(() => {
     logging.show();
   }, [logging]);
-  return /* @__PURE__ */ jsx4(Fragment3, { children });
+  return /* @__PURE__ */ jsx5(Fragment3, { children });
 }
 
 // src/core/utils/safeParseNavigationBar.ts
@@ -683,509 +1063,256 @@ function safeParseNavigationBar(navigationBar) {
   }
 }
 
-// src/components/NavigationBar/RNNavigationBar.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function RNNavigationBar() {
-  const globals = getAppsInTossGlobals();
-  const { captureExitLog } = useCaptureExitLog();
-  const logging = useNavigationBarLogging();
-  const { openConfirm } = useDialog3();
+// src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
+import { useEffect as useEffect8, useRef as useRef3 } from "react";
+import { Fragment as Fragment4, jsx as jsx6 } from "react/jsx-runtime";
+function NavigationBarImpressionArea({
+  children,
+  withHomeButton
+}) {
+  const hasLogged = useRef3(false);
+  const logging = useNavigationBarLogging();
+  useEffect8(() => {
+    if (hasLogged.current === false) {
+      logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
+      hasLogged.current = true;
+    }
+  }, [logging, withHomeButton]);
+  return /* @__PURE__ */ jsx6(Fragment4, { children });
+}
+
+// src/components/NavigationBar/RNNavigationBar/Default.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function DefaultNavigationBar() {
+  const globals = getAppsInTossGlobals();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
   const withBackButton = parsedNavigationBar?.withBackButton ?? true;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const backEventContext = useBackEventContext();
-  const handleBackOrClose = useBackOrCloseNavigation();
-  const navigation = useNavigation();
-  const handlePressTitle = useCallback3(() => {
-    logging.homeButtonClick();
-    navigation.navigate("/");
-  }, [logging, navigation]);
-  const handleClose = useCallback3(async () => {
-    logging.closeButtonClick();
-    const isConfirmed = await openConfirm({
-      title: `${josa(globals.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
-      leftButton: "\uCDE8\uC18C",
-      rightButton: "\uC885\uB8CC\uD558\uAE30",
-      closeOnDimmerClick: true,
-      onEntered: logging.closePopupShow
-    });
-    logging.closePopupCtaClick(isConfirmed);
-    if (isConfirmed) {
-      captureExitLog(Date.now());
-      closeView();
-    }
-  }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
-  const handleBack = useCallback3(() => {
-    if (backEventContext.hasBackEvent) {
-      backEventContext.onBack();
-      return;
-    }
-    handleBackOrClose();
-  }, [backEventContext, handleBackOrClose]);
-  useEffect7(() => {
-    const handleAndroidBackEvent = () => {
-      handleBack();
-      return true;
-    };
-    BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-    return () => {
-      BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-    };
-  }, [handleBack]);
-  return /* @__PURE__ */ jsx5(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx5(
+  const navigationEvent = useNavigationEvent();
+  useHardwareBackPress(navigationEvent.handleBack);
+  return /* @__PURE__ */ jsx7(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx7(
     TopNavigation,
     {
       title: globals.brandDisplayName,
       icon: toIcon(globals.brandIcon),
       onPressDots: openMoreButtonBottomSheet,
       contentVisible: true,
-      onPressTitle: withHomeButton ? handlePressTitle : void 0,
-      onPressClose: handleClose,
+      onPressTitle: withHomeButton ? navigationEvent.handleHomeButtonClick : void 0,
+      onPressClose: navigationEvent.handleCloseButtonClick,
       withHome: withHomeButton,
-      fixedRightButton: initialAccessoryButton ? {
-        title: initialAccessoryButton.title,
-        icon: initialAccessoryButton.icon,
-        id: initialAccessoryButton.id
-      } : void 0,
-      children: /* @__PURE__ */ jsx5(NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ jsx5(NavigationBackButton, { onPress: handleBack, canGoBack: false }) })
+      fixedRightButton: initialAccessoryButton,
+      children: /* @__PURE__ */ jsx7(NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ jsx7(NavigationBackButton, { onPress: navigationEvent.handleBack, canGoBack: false }) })
     }
   ) });
 }
-function useBackOrCloseNavigation() {
-  const navigation = useNavigation();
-  const { captureExitLog } = useCaptureExitLog();
-  return useCallback3(() => {
-    if (navigation.canGoBack()) {
-      navigation.goBack();
-    } else {
-      captureExitLog(Date.now());
-      closeView();
-    }
-  }, [captureExitLog, navigation]);
-}
-
-// src/core/registerApp.tsx
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-function AppsInTossContainer(Container, { children, ...initialProps }) {
-  if (!isMinVersionSupported2({
-    android: "5.220.0",
-    ios: "5.221.0"
-  })) {
-    return /* @__PURE__ */ jsxs2(Fragment4, { children: [
-      /* @__PURE__ */ jsx6(AppEvent.Entry, {}),
-      /* @__PURE__ */ jsx6(AppEvent.System, { ...initialProps }),
-      /* @__PURE__ */ jsx6(AppUpdate, {})
-    ] });
-  }
-  return /* @__PURE__ */ jsxs2(Fragment4, { children: [
-    /* @__PURE__ */ jsx6(AppEvent.StayTime, {}),
-    /* @__PURE__ */ jsx6(AppEvent.Entry, {}),
-    /* @__PURE__ */ jsx6(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ jsx6(Container, { ...initialProps, children: /* @__PURE__ */ jsx6(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx6(TDSContainer, { ...initialProps, children }) }) })
-  ] });
-}
-function TDSContainer({ children }) {
-  useAppsInTossBridge();
-  return /* @__PURE__ */ jsx6(Fragment4, { children });
-}
-function registerApp(container, { context, analytics }) {
-  const appName = getAppName();
-  const isRegistered = AppRegistry.getAppKeys().includes(appName);
-  if (!isRegistered) {
-    Analytics.init({
-      logger: (params) => void eventLog(params),
-      debug: analytics?.debug ?? __DEV__
-    });
-    const App = Granite6.registerApp(AppsInTossContainer.bind(null, container), {
-      appName,
-      context,
-      setIosSwipeGestureEnabled,
-      router: {
-        screenContainer: AppsInTossScreenContainer,
-        defaultScreenOption: {
-          statusBarStyle: "dark"
-        }
-      }
-    });
-    global.Page = App;
-  }
-  return global.Page;
-}
-function AppsInTossScreenContainer({ children }) {
-  const isReactNativeService = getAppsInTossGlobals().webViewType == null;
-  return /* @__PURE__ */ jsxs2(Analytics.Screen, { children: [
-    isReactNativeService && /* @__PURE__ */ jsx6(RNNavigationBar, {}),
-    children
-  ] });
-}
-function getAppName() {
-  try {
-    return global.__granite.app.name;
-  } catch (error) {
-    console.error("unexpected error occurred while getting app name");
-    throw error;
-  }
-}
-
-// src/core/index.ts
-var AppsInToss = {
-  registerApp
-};
-
-// src/components/WebView.tsx
-import {
-  GoogleAdMob,
-  IAP,
-  Storage,
-  AppsInTossModule,
-  appsInTossEvent as appsInTossEvent3,
-  iapCreateOneTimePurchaseOrder,
-  processProductGrant,
-  requestOneTimePurchase
-} from "@apps-in-toss/native-modules";
-import * as appsInTossAsyncBridges from "@apps-in-toss/native-modules/async-bridges";
-import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constant-bridges";
-import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-bridges";
-import { getSchemeUri as getSchemeUri6 } from "@granite-js/react-native";
-import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
-import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop2, useTopNavigation } from "@toss/tds-react-native/private";
-import { useEffect as useEffect11, useMemo as useMemo5, useRef as useRef6, useState as useState5 } from "react";
-import { BackHandler as BackHandler2, Platform as Platform4 } from "react-native";
-
-// src/components/GameWebView.tsx
-import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled2, appsInTossEvent as appsInTossEvent2, getOperationalEnvironment as getOperationalEnvironment2 } from "@apps-in-toss/native-modules";
-import {
-  WebView as PlainWebView
-} from "@granite-js/native/react-native-webview";
-import { forwardRef, useEffect as useEffect9, useState as useState3 } from "react";
-import { Platform as Platform3 } from "react-native";
-
-// src/components/GameProfile.tsx
-import { getGameCenterGameProfile as getGameCenterGameProfile2, isMinVersionSupported as isMinVersionSupported3 } from "@apps-in-toss/native-modules";
-import { Loader } from "@toss/tds-react-native";
-import { useEffect as useEffect8 } from "react";
-import { Pressable, View } from "react-native";
-
-// src/constant/game-center.ts
-var GAME_PROFILE_WEBVIEW_URL = "servicetoss://game-center/profile";
-var GAME_CENTER_MIN_VERSION = {
-  android: "5.221.0",
-  ios: "5.221.0"
-};
-
-// src/hooks/useGameCenterProfile.ts
-import { getGameCenterGameProfile } from "@apps-in-toss/native-modules";
-import { closeView as closeView2, openURL as openURL5 } from "@granite-js/react-native";
-import { useDialog as useDialog4 } from "@toss/tds-react-native";
-import { josa as josa2 } from "es-hangul";
-import { useCallback as useCallback4, useRef as useRef3, useState as useState2 } from "react";
 
-// src/components/GameProfileToast.tsx
-import { Asset, Toast } from "@toss/tds-react-native";
-import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay as useOverlay2 } from "@toss/tds-react-native/private";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var useGameProfileToast = () => {
-  const overlay = useOverlay2();
-  const openGameProfileToast = (nickname, profileImageUri) => {
-    return new Promise((resolve) => {
-      overlay.open(({ isOpen, close, exit }) => {
-        return /* @__PURE__ */ jsx7(ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ jsx7(AdaptiveColorProvider, { children: /* @__PURE__ */ jsx7(
-          Toast,
+// src/components/NavigationBar/RNNavigationBar/Game.tsx
+import { PageNavbar } from "@toss/tds-react-native";
+import { NavigationRightContent, useSafeAreaTop } from "@toss/tds-react-native/private";
+import { Platform as Platform2, View as View2 } from "react-native";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+function GameNavigationBar() {
+  const safeAreaTop = useSafeAreaTop();
+  const global2 = getAppsInTossGlobals();
+  const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
+  const navigationEvent = useNavigationEvent();
+  useHardwareBackPress(navigationEvent.handleBack);
+  const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
+  const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
+  return /* @__PURE__ */ jsxs3(Fragment5, { children: [
+    /* @__PURE__ */ jsx8(PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ jsx8(
+      View2,
+      {
+        style: {
+          width: "100%",
+          // TODO: UI관련 스타일 설정은 TDS로 이관
+          height: Platform2.OS === "ios" ? 44 : 54,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "flex-end",
+          position: "absolute",
+          zIndex: Z_INDEX.CLOSE_BUTTON,
+          marginTop: safeAreaTop,
+          paddingRight: 10
+        },
+        pointerEvents: "box-none",
+        children: /* @__PURE__ */ jsx8(
+          NavigationRightContent,
           {
-            open: isOpen,
-            onClose: () => {
-              resolve();
-              close();
-            },
-            onExited: exit,
-            position: "top",
-            text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
-            icon: /* @__PURE__ */ jsx7(
-              Asset.Image,
-              {
-                style: { borderRadius: 64, overflow: "hidden" },
-                frameShape: Asset.frameShape.CleanW32,
-                source: { uri: profileImageUri }
-              }
-            )
-          }
-        ) }) });
-      });
-    });
-  };
-  return { openGameProfileToast };
-};
-
-// src/utils/error.ts
-var DEFAULT_ERROR = {
-  title: "\uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694",
-  description: "\uBB38\uC81C\uAC00 \uACC4\uC18D\uB418\uBA74 \uD1A0\uC2A4 \uACE0\uAC1D\uC13C\uD130(1599-4905)\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694."
-};
-
-// src/utils/openTransparentWebView.ts
-import { openURL as openURL4 } from "@granite-js/react-native";
-
-// src/private.ts
-import { onVisibilityChangedByTransparentServiceWeb } from "@apps-in-toss/native-modules";
-var INTERNAL__onVisibilityChangedByTransparentServiceWeb = onVisibilityChangedByTransparentServiceWeb;
-
-// src/utils/openTransparentWebView.ts
-var openTransparentWebView = ({
-  webUrl,
-  cleanupWhenDismissed = true,
-  onEvent,
-  onError,
-  callbackId = "fn",
-  params
-}) => {
-  const url = new URL("supertoss://transparent-service-web");
-  url.searchParams.set("url", webUrl);
-  url.searchParams.set("onVisibilityChangeCallback", callbackId);
-  Object.entries(params ?? {}).forEach(([key, value]) => {
-    url.searchParams.set(key, value);
-  });
-  const cleanup = INTERNAL__onVisibilityChangedByTransparentServiceWeb({
-    options: { callbackId },
-    onError: (error) => {
-      onError(error);
-      cleanup();
-    },
-    onEvent: (value) => {
-      onEvent(value);
-      if (cleanupWhenDismissed && value === true) {
-        cleanup();
-      }
-    }
-  });
-  openURL4(url.toString());
-};
-
-// src/hooks/useGameCenterProfile.ts
-var useGameCenterProfile = (isReadyForProfileUI) => {
-  const [profileData, setProfileData] = useState2(void 0);
-  const [isProfileDataLoading, setIsProfileDataLoading] = useState2(true);
-  const [isProfileDataRefetching, setIsProfileDataRefetching] = useState2(false);
-  const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
-  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
-  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
-  const [isWebviewLoading, setIsWebviewLoading] = useState2(false);
-  const isCompletedProfileFlow = useRef3(false);
-  const { openAlert, openConfirm } = useDialog4();
-  const { openGameProfileToast } = useGameProfileToast();
-  const openErrorAlert = useCallback4(async () => {
-    await openAlert({
-      title: DEFAULT_ERROR.title,
-      description: DEFAULT_ERROR.description
-    });
-    closeView2();
-  }, [openAlert]);
-  const openProfileWebview = useCallback4(() => {
-    if (isWebviewLoading) {
-      return;
-    }
-    setIsWebviewLoading(true);
-    openTransparentWebView({
-      webUrl: `${GAME_PROFILE_WEBVIEW_URL}?appName=${getAppName()}&referrer=appsintoss.${getAppName()}`,
-      onEvent: async (isClosedTransparentWebView) => {
-        if (isClosedTransparentWebView) {
-          try {
-            setIsWebviewLoading(false);
-            setIsProfileDataRefetching(true);
-            const data = await getGameCenterGameProfile();
-            setProfileData(data);
-            setIsProfileDataRefetching(false);
-            if (data?.statusCode === "SUCCESS") {
-              openGameProfileToast(data.nickname, data.profileImageUri);
-            }
-          } catch (_) {
-            setIsProfileDataRefetching(false);
-            openErrorAlert();
+            fixedRightButton: initialAccessoryButton,
+            onPressDots: openMoreButtonBottomSheet,
+            onPressClose: navigationEvent.handleCloseButtonClick,
+            theme: "dark"
           }
-        }
-      },
-      onError: () => {
-        openErrorAlert();
+        )
       }
-    });
-  }, [isWebviewLoading, openGameProfileToast, openErrorAlert]);
-  const updateAppToSupportedMinVersion = useCallback4(async () => {
-    const upddateConfirmDialogLabel = {
-      title: `${josa2(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
-\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
-      leftButton: "\uB2EB\uAE30",
-      rightButton: "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30"
-    };
-    const isConfirmed = await openConfirm({
-      title: upddateConfirmDialogLabel.title,
-      leftButton: upddateConfirmDialogLabel.leftButton,
-      rightButton: upddateConfirmDialogLabel.rightButton,
-      closeOnDimmerClick: true
-    });
-    if (!isConfirmed) {
-      closeView2();
-      return;
-    }
-    const STORE_SCHEME = getMarketLink();
-    openURL5(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
-  }, [openConfirm]);
-  return {
-    profileData,
-    isProfileDataLoading,
-    isProfileDataRefetching,
-    shouldShowLoadingOverlay,
-    shouldShowProfileNotFoundOverlay,
-    canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    updateAppToSupportedMinVersion,
-    setIsProfileDataLoading,
-    openProfileWebview,
-    setProfileData,
-    openErrorAlert,
-    openGameProfileToast
-  };
-};
+    )
+  ] });
+}
 
-// src/utils/zIndex.ts
-var Z_INDEX = {
-  /* 게임 프로필을 위한 overlay
-   */
-  PROFILE_OVERLAY: 9998,
-  // 게임을 종료할 수 있는 X 버튼
-  CLOSE_BUTTON: 9999
+// src/components/NavigationBar/RNNavigationBar/index.tsx
+var RNNavigationBar = {
+  Default: DefaultNavigationBar,
+  Game: GameNavigationBar
 };
 
-// src/components/GameProfile.tsx
-import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-var GameProfile = ({ children, isReadyForProfileUI }) => {
-  const {
-    profileData,
-    isProfileDataRefetching,
-    shouldShowLoadingOverlay,
-    shouldShowProfileNotFoundOverlay,
-    canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    openProfileWebview,
-    updateAppToSupportedMinVersion,
-    setIsProfileDataLoading,
-    setProfileData,
-    openErrorAlert,
-    openGameProfileToast
-  } = useGameCenterProfile(isReadyForProfileUI);
-  useEffect8(() => {
-    try {
-      const getProfileData = async () => {
-        const data = await getGameCenterGameProfile2();
-        setProfileData(data);
-        setIsProfileDataLoading(false);
+// src/bridge-entry.ts
+var bridge_entry_exports = {};
+__reExport(bridge_entry_exports, async_bridges_star);
+__reExport(bridge_entry_exports, constant_bridges_star);
+__reExport(bridge_entry_exports, event_bridges_star);
+import * as async_bridges_star from "@apps-in-toss/native-modules/async-bridges";
+import * as constant_bridges_star from "@apps-in-toss/native-modules/constant-bridges";
+import * as event_bridges_star from "@apps-in-toss/native-modules/event-bridges";
+
+// src/components/RNAppContainer.tsx
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+function RNAppContainer({ children }) {
+  const global2 = getAppsInTossGlobals();
+  switch (global2.appType) {
+    case "game":
+      return /* @__PURE__ */ jsx9(GameAppContainer, { children });
+    case "general":
+    default:
+      return /* @__PURE__ */ jsx9(GeneralAppContainer, { children });
+  }
+}
+function GameAppContainer({ children }) {
+  const [isEntryMessageExited, setIsEntryMessageExited] = useState3(false);
+  useEffect9(() => {
+    if (Platform3.OS === "ios") {
+      setIosSwipeGestureEnabled({ isEnabled: false });
+      return () => {
+        setIosSwipeGestureEnabled({ isEnabled: true });
       };
-      getProfileData();
-    } catch (_) {
-      openErrorAlert();
-      setIsProfileDataLoading(false);
     }
+    return;
   }, []);
-  useEffect8(() => {
-    const handleGameProfileFlow = async () => {
-      if (!canShowBottomSheetOrToast) {
-        return;
-      }
-      if (isCompletedProfileFlow.current) {
-        return;
-      }
-      isCompletedProfileFlow.current = true;
-      if (!isMinVersionSupported3(GAME_CENTER_MIN_VERSION)) {
-        updateAppToSupportedMinVersion();
-        return;
-      }
-      if (profileData?.statusCode === "SUCCESS") {
-        openGameProfileToast(profileData.nickname, profileData.profileImageUri);
-        return;
-      }
-      if (profileData?.statusCode === "PROFILE_NOT_FOUND") {
-        openProfileWebview();
+  useEffect9(() => {
+    appsInTossEvent2.addEventListener("entryMessageExited", {
+      onEvent: () => {
+        setIsEntryMessageExited(true);
       }
-    };
-    handleGameProfileFlow();
-  }, [
-    canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    openGameProfileToast,
-    openProfileWebview,
-    profileData,
-    updateAppToSupportedMinVersion
-  ]);
-  if (!isMinVersionSupported3(GAME_CENTER_MIN_VERSION)) {
-    return /* @__PURE__ */ jsxs3(Fragment5, { children: [
-      /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ jsx8(
-        Pressable,
-        {
-          style: {
-            ...overlayStyle
-          },
-          onPress: () => {
-            updateAppToSupportedMinVersion();
-          }
-        }
-      )
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
+    /* @__PURE__ */ jsx9(RNNavigationBar.Game, {}),
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx9(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+  ] });
+}
+function GeneralAppContainer({ children }) {
+  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
+    /* @__PURE__ */ jsx9(RNNavigationBar.Default, {}),
+    children
+  ] });
+}
+
+// src/core/registerApp.tsx
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function AppsInTossContainer(Container, { children, ...initialProps }) {
+  if (!isMinVersionSupported3({
+    android: "5.220.0",
+    ios: "5.221.0"
+  })) {
+    return /* @__PURE__ */ jsxs5(Fragment7, { children: [
+      /* @__PURE__ */ jsx10(AppEvent.Entry, {}),
+      /* @__PURE__ */ jsx10(AppEvent.System, { ...initialProps }),
+      /* @__PURE__ */ jsx10(AppUpdate, {})
     ] });
   }
-  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
-    return /* @__PURE__ */ jsxs3(Fragment5, { children: [
-      /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ jsx8(
-        View,
-        {
-          style: {
-            ...overlayStyle,
-            justifyContent: "center",
-            alignItems: "center",
-            backgroundColor: "rgba(0, 0, 0, 0.2)"
-          },
-          children: /* @__PURE__ */ jsx8(Loader, { size: "large", type: "light" })
+  return /* @__PURE__ */ jsxs5(Fragment7, { children: [
+    /* @__PURE__ */ jsx10(AppEvent.StayTime, {}),
+    /* @__PURE__ */ jsx10(AppEvent.Entry, {}),
+    /* @__PURE__ */ jsx10(AppEvent.System, { ...initialProps }),
+    /* @__PURE__ */ jsx10(Container, { ...initialProps, children: /* @__PURE__ */ jsx10(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx10(TDSContainer, { ...initialProps, children }) }) })
+  ] });
+}
+function TDSContainer({ children }) {
+  useAppsInTossBridge();
+  return /* @__PURE__ */ jsx10(Fragment7, { children });
+}
+function registerApp(container, { context, analytics }) {
+  const appName = getAppName();
+  const isRegistered = AppRegistry.getAppKeys().includes(appName);
+  if (!isRegistered) {
+    Analytics.init({
+      logger: (params) => void eventLog(params),
+      debug: analytics?.debug ?? __DEV__
+    });
+    const App = Granite6.registerApp(AppsInTossContainer.bind(null, container), {
+      appName,
+      context,
+      setIosSwipeGestureEnabled: setIosSwipeGestureEnabled2,
+      router: {
+        screenContainer: AppsInTossScreenContainer,
+        defaultScreenOption: {
+          statusBarStyle: "dark"
         }
-      )
-    ] });
+      }
+    });
+    global.Page = App;
   }
-  if (shouldShowProfileNotFoundOverlay) {
-    return /* @__PURE__ */ jsxs3(Fragment5, { children: [
-      /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }),
-      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ jsx8(
-        Pressable,
-        {
-          style: {
-            ...overlayStyle
-          },
-          onPress: () => {
-            openProfileWebview();
-          }
-        }
-      )
-    ] });
+  return global.Page;
+}
+function AppsInTossScreenContainer({ children }) {
+  const isRNApp = getAppsInTossGlobals().webViewType == null;
+  return /* @__PURE__ */ jsx10(Analytics.Screen, { children: isRNApp ? /* @__PURE__ */ jsx10(RNAppContainer, { children }) : children });
+}
+function getAppName() {
+  try {
+    return global.__granite.app.name;
+  } catch (error) {
+    console.error("unexpected error occurred while getting app name");
+    throw error;
   }
-  return /* @__PURE__ */ jsx8(Fragment5, { children: /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }) });
-};
-var overlayStyle = {
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  zIndex: Z_INDEX.PROFILE_OVERLAY
+}
+
+// src/core/index.ts
+var AppsInToss = {
+  registerApp
 };
 
+// src/components/WebView.tsx
+import {
+  GoogleAdMob,
+  IAP,
+  Storage,
+  AppsInTossModule,
+  appsInTossEvent as appsInTossEvent4,
+  iapCreateOneTimePurchaseOrder,
+  processProductGrant,
+  requestOneTimePurchase
+} from "@apps-in-toss/native-modules";
+import * as appsInTossAsyncBridges from "@apps-in-toss/native-modules/async-bridges";
+import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constant-bridges";
+import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-bridges";
+import { getSchemeUri as getSchemeUri6 } from "@granite-js/react-native";
+import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
+import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop3, useTopNavigation } from "@toss/tds-react-native/private";
+import { useEffect as useEffect12, useMemo as useMemo6, useRef as useRef6, useState as useState6 } from "react";
+import { BackHandler as BackHandler2, Platform as Platform6 } from "react-native";
+
+// src/components/GameWebView.tsx
+import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, appsInTossEvent as appsInTossEvent3, getOperationalEnvironment as getOperationalEnvironment3 } from "@apps-in-toss/native-modules";
+import {
+  WebView as PlainWebView
+} from "@granite-js/native/react-native-webview";
+import { forwardRef, useEffect as useEffect10, useState as useState4 } from "react";
+import { Platform as Platform5 } from "react-native";
+
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
 import { closeView as closeView3 } from "@granite-js/react-native";
-import { PageNavbar, useDialog as useDialog5 } from "@toss/tds-react-native";
-import { NavigationRightContent, useSafeAreaTop } from "@toss/tds-react-native/private";
+import { PageNavbar as PageNavbar2, useDialog as useDialog5 } from "@toss/tds-react-native";
+import { NavigationRightContent as NavigationRightContent2, useSafeAreaTop as useSafeAreaTop2 } from "@toss/tds-react-native/private";
 import { josa as josa3 } from "es-hangul";
 import { useCallback as useCallback5 } from "react";
-import { Platform as Platform2, View as View2 } from "react-native";
-import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Platform as Platform4, View as View3 } from "react-native";
+import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function GameWebviewNavigationBar() {
-  const safeAreaTop = useSafeAreaTop();
+  const safeAreaTop = useSafeAreaTop2();
   const { openConfirm } = useDialog5();
   const { captureExitLog } = useCaptureExitLog();
   const global2 = getAppsInTossGlobals();
@@ -1208,15 +1335,15 @@ function GameWebviewNavigationBar() {
       closeView3();
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
-  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
-    /* @__PURE__ */ jsx9(PageNavbar, { preference: { type: "none" } }),
-    /* @__PURE__ */ jsx9(
-      View2,
+  return /* @__PURE__ */ jsxs6(Fragment8, { children: [
+    /* @__PURE__ */ jsx11(PageNavbar2, { preference: { type: "none" } }),
+    /* @__PURE__ */ jsx11(
+      View3,
       {
         style: {
           width: "100%",
           // TODO: UI관련 스타일 설정은 TDS로 이관
-          height: Platform2.OS === "ios" ? 44 : 54,
+          height: Platform4.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "flex-end",
@@ -1226,8 +1353,8 @@ function GameWebviewNavigationBar() {
           paddingRight: 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx9(
-          NavigationRightContent,
+        children: /* @__PURE__ */ jsx11(
+          NavigationRightContent2,
           {
             fixedRightButton: initialAccessoryButton,
             onPressDots: openMoreButtonBottomSheet,
@@ -1243,28 +1370,28 @@ function GameWebviewNavigationBar() {
 }
 
 // src/components/GameWebView.tsx
-import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState3(false);
-  useEffect9(() => {
-    if (Platform3.OS === "ios") {
-      setIosSwipeGestureEnabled2({ isEnabled: false });
+  const [isEntryMessageExited, setIsEntryMessageExited] = useState4(false);
+  useEffect10(() => {
+    if (Platform5.OS === "ios") {
+      setIosSwipeGestureEnabled3({ isEnabled: false });
       return () => {
-        setIosSwipeGestureEnabled2({ isEnabled: true });
+        setIosSwipeGestureEnabled3({ isEnabled: true });
       };
     }
     return;
   }, []);
-  useEffect9(() => {
-    appsInTossEvent2.addEventListener("entryMessageExited", {
+  useEffect10(() => {
+    appsInTossEvent3.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
       }
     });
   }, []);
-  return /* @__PURE__ */ jsxs5(Fragment7, { children: [
-    /* @__PURE__ */ jsx10(GameWebviewNavigationBar, {}),
-    getOperationalEnvironment2() === "toss" ? /* @__PURE__ */ jsx10(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx10(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx10(PlainWebView, { ref, ...props })
+  return /* @__PURE__ */ jsxs7(Fragment9, { children: [
+    /* @__PURE__ */ jsx12(GameWebviewNavigationBar, {}),
+    getOperationalEnvironment3() === "toss" ? /* @__PURE__ */ jsx12(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props })
   ] });
 });
 
@@ -1280,7 +1407,7 @@ import { useDialog as useDialog6 } from "@toss/tds-react-native";
 import { NavigationBackButton as NavigationBackButton2, NavigationLeft as NavigationLeft2, TopNavigation as TopNavigation2 } from "@toss/tds-react-native/private";
 import { josa as josa4 } from "es-hangul";
 import { useCallback as useCallback6 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
@@ -1306,7 +1433,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
       closeView4();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
-  return /* @__PURE__ */ jsx11(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx13(
     TopNavigation2,
     {
       title: globals.brandDisplayName,
@@ -1317,22 +1444,22 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
       onPressClose: handleClose,
       withHome: withHomeButton,
       fixedRightButton: initialAccessoryButton,
-      children: /* @__PURE__ */ jsx11(NavigationLeft2, { visible: withBackButton, children: /* @__PURE__ */ jsx11(NavigationBackButton2, { onPress: onBackButtonClick, canGoBack: false }) })
+      children: /* @__PURE__ */ jsx13(NavigationLeft2, { visible: withBackButton, children: /* @__PURE__ */ jsx13(NavigationBackButton2, { onPress: onBackButtonClick, canGoBack: false }) })
     }
   ) });
 }
 
 // src/components/PartnerWebView.tsx
-import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var PartnerWebView = forwardRef2(function PartnerWebViewScreen({ onBackButtonClick, onHomeButtonClick, ...webViewProps }, ref) {
-  return /* @__PURE__ */ jsxs6(Fragment8, { children: [
-    /* @__PURE__ */ jsx12(PartnerWebviewNavigationBar, { onBackButtonClick, onHomeButtonClick }),
-    /* @__PURE__ */ jsx12(PlainWebView2, { ref, ...webViewProps, style: { flex: 1 } })
+  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
+    /* @__PURE__ */ jsx14(PartnerWebviewNavigationBar, { onBackButtonClick, onHomeButtonClick }),
+    /* @__PURE__ */ jsx14(PlainWebView2, { ref, ...webViewProps, style: { flex: 1 } })
   ] });
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback7, useMemo as useMemo2, useRef as useRef4 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo3, useRef as useRef4 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1386,7 +1513,7 @@ function useBridgeHandler({
   injectedJavaScript: originalInjectedJavaScript
 }) {
   const ref = useRef4(null);
-  const injectedJavaScript = useMemo2(
+  const injectedJavaScript = useMemo3(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1467,10 +1594,10 @@ function useBridgeHandler({
 import { closeView as closeView5, useBackEventState } from "@granite-js/react-native";
 import { useDialog as useDialog7 } from "@toss/tds-react-native";
 import { josa as josa5 } from "es-hangul";
-import { useCallback as useCallback9, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo5 } from "react";
 
 // src/hooks/useWebviewHistoryStack.tsx
-import { useCallback as useCallback8, useMemo as useMemo3, useReducer } from "react";
+import { useCallback as useCallback8, useMemo as useMemo4, useReducer } from "react";
 var INITIAL_STATE = { stack: [], index: -1 };
 function reducer(state, action) {
   switch (action.type) {
@@ -1505,7 +1632,7 @@ function useWebViewHistory() {
   const onNavigationStateChange = useCallback8(({ url, canGoForward: canGoForward2 }) => {
     dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
   }, []);
-  const { canGoBack, canGoForward } = useMemo3(() => {
+  const { canGoBack, canGoForward } = useMemo4(() => {
     const canBack = state.index > 0;
     const canFwd = state.index >= 0 && state.index < state.stack.length - 1;
     return { canGoBack: canBack, canGoForward: canFwd };
@@ -1593,7 +1720,7 @@ function useWebBackHandler(webViewRef) {
     }
     webViewRef.current?.injectJavaScript(HISTORY_HOME_SCRIPT);
   }, [hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
-  return useMemo4(
+  return useMemo5(
     () => ({ addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange }),
     [addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange]
   );
@@ -1771,11 +1898,11 @@ function useCreateUserAgent({
 // src/hooks/useGeolocation.ts
 import { startUpdateLocation } from "@apps-in-toss/native-modules";
 import { useVisibility as useVisibility3 } from "@granite-js/react-native";
-import { useEffect as useEffect10, useState as useState4 } from "react";
+import { useEffect as useEffect11, useState as useState5 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
-  const [location, setLocation] = useState4(null);
-  useEffect10(() => {
+  const [location, setLocation] = useState5(null);
+  useEffect11(() => {
     if (!isVisible) {
       return;
     }
@@ -1872,7 +1999,7 @@ var trackScreen = (url) => {
 };
 
 // src/components/WebView.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
@@ -1908,8 +2035,8 @@ function WebView({ type, local, onMessage, ...props }) {
   }
   const webViewRef = useRef6(null);
   const webBackHandler = useWebBackHandler(webViewRef);
-  const uri = useMemo5(() => getWebViewUri(local), [local]);
-  const top = useSafeAreaTop2();
+  const uri = useMemo6(() => getWebViewUri(local), [local]);
+  const top = useSafeAreaTop3();
   const bottom = useSafeAreaBottom();
   const global2 = getAppsInTossGlobals();
   const topNavigation = useTopNavigation();
@@ -1920,7 +2047,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState5(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState6(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -1936,10 +2063,10 @@ function WebView({ type, local, onMessage, ...props }) {
           webBackHandler.removeEventListener(onEvent);
         };
       },
-      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent3.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent3.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent4.addEventListener("entryMessageExited", { onEvent, onError }),
+      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent3.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
       loadAdMobInterstitialAd: GoogleAdMob.loadAdMobInterstitialAd,
       showAdMobInterstitialAd: GoogleAdMob.showAdMobInterstitialAd,
@@ -2000,7 +2127,7 @@ function WebView({ type, local, onMessage, ...props }) {
       completeProductGrant: IAP.completeProductGrant
     }
   });
-  const headerPropForExternalWebView = useMemo5(() => {
+  const headerPropForExternalWebView = useMemo6(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -2021,7 +2148,7 @@ function WebView({ type, local, onMessage, ...props }) {
     colorPreference: "light"
   });
   const refs = mergeRefs(handler.ref, webViewRef);
-  useEffect11(() => {
+  useEffect12(() => {
     const callback = () => {
       webBackHandler.handleWebBack();
       return true;
@@ -2029,7 +2156,7 @@ function WebView({ type, local, onMessage, ...props }) {
     BackHandler2.addEventListener("hardwareBackPress", callback);
     return () => BackHandler2.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15(
     BaseWebView,
     {
       ref: refs,
@@ -2051,14 +2178,14 @@ function WebView({ type, local, onMessage, ...props }) {
         props.onNavigationStateChange?.(event);
         webBackHandler.onNavigationStateChange(event);
       },
-      userAgent: Platform4.OS === "ios" ? userAgent : void 0,
+      userAgent: Platform6.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
-      decelerationRate: Platform4.OS === "ios" ? 1 : void 0,
+      decelerationRate: Platform6.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures
     }
   );