@apps-in-toss/framework 1.2.2 → 1.4.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,20 +199,494 @@ 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";
+// src/components/RNAppContainer.tsx
+import { appsInTossEvent as appsInTossEvent2, setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
+import { useEffect as useEffect9, useState as useState4 } from "react";
+import { Platform as Platform3 } from "react-native";
+
+// src/components/GameInitializer.tsx
+import { isMinVersionSupported } from "@apps-in-toss/native-modules";
+import { closeView as closeView2 } from "@granite-js/react-native";
+import { Loader } from "@toss/tds-react-native";
 import { josa } from "es-hangul";
-import { useCallback as useCallback3, useEffect as useEffect7 } from "react";
+import { useEffect as useEffect5, useRef as useRef2 } from "react";
+import { Pressable, View } from "react-native";
+
+// src/constant/game-center.ts
+var GAME_PROFILE_WEBVIEW_URL = "servicetoss://game-center/profile";
+var GAME_MIN_VERSION = {
+  android: "5.232.0",
+  ios: "5.232.0"
+};
+
+// src/hooks/useAppUpdateDialog.tsx
+import { INTERNAL__module as INTERNAL__module3 } from "@apps-in-toss/native-modules";
+import { Granite as Granite3, openURL as openURL2 } from "@granite-js/react-native";
+import { useDialog } 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
+function useAppUpdateDialog() {
+  const { openConfirm } = useDialog();
+  const logging = useAppUpdateDialogLogging();
+  const openAppUpdateDialog = useCallback2(
+    async ({
+      title,
+      description,
+      leftButton = "\uB2EB\uAE30",
+      rightButton = "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30",
+      onDismiss
+    }) => {
+      logging.show();
+      const isConfirmed = await openConfirm({
+        title,
+        description,
+        leftButton,
+        rightButton,
+        closeOnDimmerClick: true
+      });
+      if (!isConfirmed) {
+        logging.close();
+        onDismiss?.();
+        return;
+      }
+      logging.update();
+      const STORE_SCHEME = getMarketLink();
+      openURL2(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+    },
+    [logging, openConfirm]
+  );
+  return {
+    open: openAppUpdateDialog
+  };
+}
+var UPDATE_DIALOG_SCHEMA_ID = 1634992;
+var UPDATE_DIALOG_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update";
+var UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID = 1634996;
+var UPDATE_DIALOG_CTA_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update::click__cta";
+function useAppUpdateDialogLogging() {
+  const referrer = useReferrer();
+  const baseParams = {
+    referrer,
+    app_name: Granite3.appName
+  };
+  const logUpdateClick = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...baseParams,
+        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
+        event_type: "click",
+        button_type: "update"
+      }
+    });
+  };
+  const logCloseClick = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...baseParams,
+        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
+        event_type: "click",
+        button_type: "close"
+      }
+    });
+  };
+  const logDialogShow = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: UPDATE_DIALOG_LOG_NAME,
+      log_type: "popup",
+      params: {
+        ...baseParams,
+        schema_id: UPDATE_DIALOG_SCHEMA_ID
+      }
+    });
+  };
+  return { update: logUpdateClick, close: logCloseClick, show: logDialogShow };
+}
+
+// src/hooks/useGameCenterProfile.ts
+import { getGameCenterGameProfile } from "@apps-in-toss/native-modules";
+import { useCallback as useCallback6, useState as useState2 } from "react";
+
+// src/hooks/useErrorAlert.ts
+import { closeView } from "@granite-js/react-native";
+import { useDialog as useDialog2 } from "@toss/tds-react-native";
+import { useCallback as useCallback3 } from "react";
+
+// 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/hooks/useErrorAlert.ts
+var useErrorAlert = () => {
+  const { openAlert } = useDialog2();
+  const openErrorAlert = useCallback3(async () => {
+    await openAlert({
+      title: DEFAULT_ERROR.title,
+      description: DEFAULT_ERROR.description
+    });
+    closeView();
+  }, [openAlert]);
+  return { open: openErrorAlert };
+};
+
+// src/hooks/useTransparentWebview.tsx
+import { useCallback as useCallback4, useState } from "react";
+
+// src/utils/openTransparentWebView.ts
+import { openURL as openURL3 } 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();
+      }
+    }
+  });
+  openURL3(url.toString());
+};
+
+// src/hooks/useTransparentWebview.tsx
+var useTransparentWebview = () => {
+  const [isWebviewLoading, setIsWebviewLoading] = useState(false);
+  const { open: openErrorAlert } = useErrorAlert();
+  const _openTransparentWebview = useCallback4(
+    ({ webUrl, onClose, onError }) => {
+      if (isWebviewLoading) {
+        return;
+      }
+      setIsWebviewLoading(true);
+      openTransparentWebView({
+        webUrl,
+        onEvent: async (isClosedTransparentWebView) => {
+          if (isClosedTransparentWebView) {
+            setIsWebviewLoading(false);
+            onClose?.();
+          }
+        },
+        onError: (error) => {
+          setIsWebviewLoading(false);
+          if (onError) {
+            onError(error);
+          } else {
+            openErrorAlert();
+          }
+        }
+      });
+    },
+    [isWebviewLoading, openErrorAlert]
+  );
+  return {
+    open: _openTransparentWebview
+  };
+};
+
+// src/components/GameProfileToast.tsx
+import { Asset, Toast } from "@toss/tds-react-native";
+import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay } from "@toss/tds-react-native/private";
+import { useCallback as useCallback5 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var useGameProfileToast = () => {
+  const overlay = useOverlay();
+  const openGameProfileToast = useCallback5(
+    (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 }
+                }
+              )
+            }
+          ) }) });
+        });
+      });
+    },
+    [overlay]
+  );
+  return { openGameProfileToast };
+};
+
+// src/hooks/useGameCenterProfile.ts
+var useGameCenterProfile = (isReadyForProfileUI) => {
+  const [profileData, setProfileData] = useState2(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = useState2(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = useState2(false);
+  const shouldShowProfileLoadingOverlay = isProfileDataLoading && isReadyForProfileUI || isProfileDataRefetching;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  const { openGameProfileToast } = useGameProfileToast();
+  const { open: openErrorAlert } = useErrorAlert();
+  const { open: openTransparentWebView2 } = useTransparentWebview();
+  const fetchProfileData = useCallback6(async () => {
+    try {
+      const data = await getGameCenterGameProfile();
+      setProfileData(data);
+      setIsProfileDataLoading(false);
+    } catch (_) {
+      openErrorAlert();
+      setIsProfileDataLoading(false);
+    }
+  }, [openErrorAlert]);
+  const refetchProfileData = useCallback6(async () => {
+    try {
+      setIsProfileDataRefetching(true);
+      const data = await getGameCenterGameProfile();
+      setProfileData(data);
+      setIsProfileDataRefetching(false);
+      if (data?.statusCode === "SUCCESS") {
+        openGameProfileToast(data.nickname, data.profileImageUri);
+      }
+    } catch (_) {
+      setIsProfileDataRefetching(false);
+      openErrorAlert();
+    }
+  }, [openErrorAlert, openGameProfileToast]);
+  const openProfileWebview = useCallback6(() => {
+    openTransparentWebView2({
+      webUrl: `${GAME_PROFILE_WEBVIEW_URL}?appName=${getAppName()}&referrer=appsintoss.${getAppName()}`,
+      onClose: async () => {
+        refetchProfileData();
+      }
+    });
+  }, [openTransparentWebView2, refetchProfileData]);
+  return {
+    profileData,
+    isProfileDataLoading,
+    shouldShowProfileLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    setIsProfileDataLoading,
+    openProfileWebview,
+    setProfileData,
+    openErrorAlert,
+    openGameProfileToast,
+    fetchProfileData
+  };
+};
+
+// src/utils/zIndex.ts
+var Z_INDEX = {
+  /* 게임 프로필을 위한 overlay
+   */
+  PROFILE_OVERLAY: 9998,
+  // 게임을 종료할 수 있는 X 버튼
+  CLOSE_BUTTON: 9999
+};
+
+// src/components/GameInitializer.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var GameInitializer = ({ children, isReadyForProfileUI }) => {
+  const {
+    profileData,
+    shouldShowProfileLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    openProfileWebview,
+    openGameProfileToast,
+    fetchProfileData
+  } = useGameCenterProfile(isReadyForProfileUI);
+  const isCompletedFlow = useRef2(false);
+  const { open: openAppUpdateDialog } = useAppUpdateDialog();
+  useEffect5(() => {
+    fetchProfileData();
+  }, []);
+  useEffect5(() => {
+    const handleGameProfileFlow = async () => {
+      if (!canShowBottomSheetOrToast) {
+        return;
+      }
+      if (isCompletedFlow.current) {
+        return;
+      }
+      isCompletedFlow.current = true;
+      if (!isMinVersionSupported(GAME_MIN_VERSION)) {
+        openAppUpdateDialog({
+          title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+          onDismiss: () => {
+            closeView2();
+          }
+        });
+        return;
+      }
+      if (profileData?.statusCode === "SUCCESS") {
+        openGameProfileToast(profileData.nickname, profileData.profileImageUri);
+        return;
+      }
+      if (profileData?.statusCode === "PROFILE_NOT_FOUND") {
+        openProfileWebview();
+      }
+    };
+    handleGameProfileFlow();
+  }, [
+    canShowBottomSheetOrToast,
+    isCompletedFlow,
+    openAppUpdateDialog,
+    openGameProfileToast,
+    openProfileWebview,
+    profileData
+  ]);
+  if (!isMinVersionSupported(GAME_MIN_VERSION)) {
+    return /* @__PURE__ */ jsxs(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ jsx3(
+        Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            openAppUpdateDialog({
+              title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+              onDismiss: () => {
+                closeView2();
+              }
+            });
+          }
+        }
+      )
+    ] });
+  }
+  if (shouldShowProfileLoadingOverlay) {
+    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/common/NavigationBarImpressionArea.tsx
-import { useEffect as useEffect5, useRef as useRef2 } from "react";
+// src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
+import { closeView as closeView3, useBackEventContext, useNavigation } from "@granite-js/react-native";
+import { useMemo as useMemo2 } from "react";
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useCloseConfirm.ts
+import { useDialog as useDialog3 } from "@toss/tds-react-native";
+import { josa as josa2 } from "es-hangul";
+import { useCallback as useCallback7 } from "react";
+function useCloseConfirm() {
+  const { brandDisplayName } = getAppsInTossGlobals();
+  const { openConfirm } = useDialog3();
+  return useCallback7(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";
+import { INTERNAL__module as INTERNAL__module4 } from "@apps-in-toss/native-modules";
+import { Granite as Granite4 } 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;
@@ -215,10 +701,10 @@ function useNavigationBarLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: Granite3.appName
+    app_name: Granite4.appName
   };
   const logNavBarImpression = (naviBarConfig) => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: NAVI_BAR_IMPRESSION_LOG_NAME,
       log_type: "event",
       params: {
@@ -230,7 +716,7 @@ function useNavigationBarLogging() {
     });
   };
   const logHomeButtonClick = () => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: HOME_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -241,7 +727,7 @@ function useNavigationBarLogging() {
     });
   };
   const logCloseButtonClick = () => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: CLOSE_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -252,7 +738,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupShow = () => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: CLOSE_POPUP_SHOW_LOG_NAME,
       log_type: "popup",
       params: {
@@ -262,7 +748,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupCtaClick = (confirm) => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: CLOSE_POPUP_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -282,40 +768,63 @@ function useNavigationBarLogging() {
   };
 }
 
-// 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);
+// src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
+function useNavigationEvent() {
+  const backEventContext = useBackEventContext();
   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 });
+  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());
+        closeView3();
+      }
+    };
+    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 openURL4 } 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 useState3 } 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 useDialog4 } from "@toss/tds-react-native";
 import { useAdaptive } from "@toss/tds-react-native/private";
 import { NativeModules } from "react-native";
 
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
-import { INTERNAL__module as INTERNAL__module4 } from "@apps-in-toss/native-modules";
-import { Granite as Granite4 } from "@granite-js/react-native";
+import { INTERNAL__module as INTERNAL__module5 } from "@apps-in-toss/native-modules";
+import { Granite as Granite5 } from "@granite-js/react-native";
 var BOTTOM_SHEET_SCHEMA_ID = 1596825;
 var BOTTOM_SHEET_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__more";
 var BOTTOM_SHEET_OPEN_SCHEMA_ID = 1596829;
@@ -328,10 +837,10 @@ function useMoreButtonBottomSheetLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: Granite4.appName
+    app_name: Granite5.appName
   };
   const logBottomSheetShow = () => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_LOG_NAME,
       log_type: "popup",
       params: {
@@ -341,7 +850,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetOpen = () => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_OPEN_LOG_NAME,
       log_type: "event",
       params: {
@@ -352,7 +861,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetCloseClick = () => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_CLOSE_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -363,7 +872,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetMenuClick = ({ title }) => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_MENU_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -392,7 +901,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 +913,14 @@ function AppShareListMenu() {
   const logging = useMoreButtonBottomSheetLogging();
   const initialScheme = getSchemeUri4();
   const isSandbox = getOperationalEnvironment() === "sandbox";
-  const { openConfirm } = useDialog();
+  const { openConfirm } = useDialog4();
   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 +928,7 @@ function AppShareListMenu() {
           type: "background"
         }
       ),
-      contents: /* @__PURE__ */ jsx3(
+      contents: /* @__PURE__ */ jsx4(
         ListRow.Texts,
         {
           type: "1RowTypeA",
@@ -449,100 +958,6 @@ 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
-function useAppUpdateDialog() {
-  const { openConfirm } = useDialog2();
-  const logging = useAppUpdateDialogLogging();
-  const openAppUpdateDialog = useCallback2(
-    async ({
-      title,
-      description,
-      leftButton = "\uB2EB\uAE30",
-      rightButton = "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30"
-    }) => {
-      logging.show();
-      const isConfirmed = await openConfirm({
-        title,
-        description,
-        leftButton,
-        rightButton,
-        closeOnDimmerClick: true
-      });
-      if (!isConfirmed) {
-        logging.close();
-        return;
-      }
-      logging.update();
-      const STORE_SCHEME = getMarketLink();
-      openURL2(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
-    },
-    [logging, openConfirm]
-  );
-  return {
-    open: openAppUpdateDialog
-  };
-}
-var UPDATE_DIALOG_SCHEMA_ID = 1634992;
-var UPDATE_DIALOG_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update";
-var UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID = 1634996;
-var UPDATE_DIALOG_CTA_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update::click__cta";
-function useAppUpdateDialogLogging() {
-  const referrer = useReferrer();
-  const baseParams = {
-    referrer,
-    app_name: Granite5.appName
-  };
-  const logUpdateClick = () => {
-    INTERNAL__module5.tossCoreEventLog({
-      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
-        event_type: "click",
-        button_type: "update"
-      }
-    });
-  };
-  const logCloseClick = () => {
-    INTERNAL__module5.tossCoreEventLog({
-      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
-        event_type: "click",
-        button_type: "close"
-      }
-    });
-  };
-  const logDialogShow = () => {
-    INTERNAL__module5.tossCoreEventLog({
-      log_name: UPDATE_DIALOG_LOG_NAME,
-      log_type: "popup",
-      params: {
-        ...baseParams,
-        schema_id: UPDATE_DIALOG_SCHEMA_ID
-      }
-    });
-  };
-  return { update: logUpdateClick, close: logCloseClick, show: logDialogShow };
-}
-
 // src/core/utils/ensureValue.ts
 function ensureValue(value, name) {
   if (value === void 0) {
@@ -552,7 +967,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 +982,14 @@ var MIN_VERSION = {
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
   const adaptive = useAdaptive2();
-  const [itemList, setItemList] = useState([]);
+  const [itemList, setItemList] = useState3([]);
   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 +1016,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 +1040,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 +1053,7 @@ function useMoreButtonBottomSheet() {
                       type: "background"
                     }
                   ),
-                  contents: /* @__PURE__ */ jsx4(
+                  contents: /* @__PURE__ */ jsx5(
                     ListRow2.Texts,
                     {
                       type: "1RowTypeA",
@@ -649,13 +1064,13 @@ function useMoreButtonBottomSheet() {
                   verticalPadding: "extraSmall",
                   onPress: () => {
                     logging.menuClick({ title: item.contactItemName });
-                    openURL3(item.contactUri);
+                    openURL4(item.contactUri);
                   }
                 },
                 item.contactItemName
               );
             }),
-            isShareListMenuSupported && /* @__PURE__ */ jsx4(AppShareListMenu, {})
+            isShareListMenuSupported && /* @__PURE__ */ jsx5(AppShareListMenu, {})
           ] })
         }
       ) });
@@ -665,10 +1080,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,112 +1098,176 @@ function safeParseNavigationBar(navigationBar) {
   }
 }
 
-// src/components/NavigationBar/RNNavigationBar.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function RNNavigationBar() {
-  const globals = getAppsInTossGlobals();
-  const { captureExitLog } = useCaptureExitLog();
+// 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();
-  const { openConfirm } = useDialog3();
+  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/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,
+          {
+            fixedRightButton: initialAccessoryButton,
+            onPressDots: openMoreButtonBottomSheet,
+            onPressClose: navigationEvent.handleCloseButtonClick,
+            theme: "dark"
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/NavigationBar/RNNavigationBar/index.tsx
+var RNNavigationBar = {
+  Default: DefaultNavigationBar,
+  Game: GameNavigationBar
+};
+
+// 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] = useState4(false);
+  useEffect9(() => {
+    if (Platform3.OS === "ios") {
+      setIosSwipeGestureEnabled({ isEnabled: false });
+      return () => {
+        setIosSwipeGestureEnabled({ isEnabled: true });
+      };
+    }
+    return;
+  }, []);
+  useEffect9(() => {
+    appsInTossEvent2.addEventListener("entryMessageExited", {
+      onEvent: () => {
+        setIsEntryMessageExited(true);
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
+    /* @__PURE__ */ jsx9(RNNavigationBar.Game, {}),
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx9(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+  ] });
+}
+function GeneralAppContainer({ children }) {
+  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
+    /* @__PURE__ */ jsx9(RNNavigationBar.Default, {}),
+    children
+  ] });
 }
 
 // src/core/registerApp.tsx
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function AppsInTossContainer(Container, { children, ...initialProps }) {
-  if (!isMinVersionSupported2({
+  if (!isMinVersionSupported3({
     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__ */ jsxs5(Fragment7, { children: [
+      /* @__PURE__ */ jsx10(AppEvent.Entry, {}),
+      /* @__PURE__ */ jsx10(AppEvent.System, { ...initialProps }),
+      /* @__PURE__ */ jsx10(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 }) }) })
+  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__ */ jsx6(Fragment4, { children });
+  return /* @__PURE__ */ jsx10(Fragment7, { children });
 }
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
@@ -801,7 +1280,7 @@ function registerApp(container, { context, analytics }) {
     const App = Granite6.registerApp(AppsInTossContainer.bind(null, container), {
       appName,
       context,
-      setIosSwipeGestureEnabled,
+      setIosSwipeGestureEnabled: setIosSwipeGestureEnabled2,
       router: {
         screenContainer: AppsInTossScreenContainer,
         defaultScreenOption: {
@@ -814,11 +1293,8 @@ function registerApp(container, { context, analytics }) {
   return global.Page;
 }
 function AppsInTossScreenContainer({ children }) {
-  const isReactNativeService = getAppsInTossGlobals().webViewType == null;
-  return /* @__PURE__ */ jsxs2(Analytics.Screen, { children: [
-    isReactNativeService && /* @__PURE__ */ jsx6(RNNavigationBar, {}),
-    children
-  ] });
+  const isRNApp = getAppsInTossGlobals().webViewType == null;
+  return /* @__PURE__ */ jsx10(Analytics.Screen, { children: isRNApp ? /* @__PURE__ */ jsx10(RNAppContainer, { children }) : children });
 }
 function getAppName() {
   try {
@@ -840,7 +1316,7 @@ import {
   IAP,
   Storage,
   AppsInTossModule,
-  appsInTossEvent as appsInTossEvent3,
+  appsInTossEvent as appsInTossEvent4,
   iapCreateOneTimePurchaseOrder,
   processProductGrant,
   requestOneTimePurchase
@@ -850,342 +1326,28 @@ import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constan
 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";
+import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop3, useTopNavigation } from "@toss/tds-react-native/private";
+import { useEffect as useEffect12, useMemo as useMemo6, useRef as useRef6, useState as useState7 } from "react";
+import { BackHandler as BackHandler2, Platform as Platform6 } from "react-native";
 
 // src/components/GameWebView.tsx
-import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled2, appsInTossEvent as appsInTossEvent2, getOperationalEnvironment as getOperationalEnvironment2 } from "@apps-in-toss/native-modules";
+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 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,
-          {
-            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();
-          }
-        }
-      },
-      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/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);
-      };
-      getProfileData();
-    } catch (_) {
-      openErrorAlert();
-      setIsProfileDataLoading(false);
-    }
-  }, []);
-  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();
-      }
-    };
-    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();
-          }
-        }
-      )
-    ] });
-  }
-  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" })
-        }
-      )
-    ] });
-  }
-  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 /* @__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
-};
+import { forwardRef, useEffect as useEffect10, useState as useState5 } 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 { closeView as closeView4 } from "@granite-js/react-native";
+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 { useCallback as useCallback8 } from "react";
+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();
@@ -1193,7 +1355,7 @@ function GameWebviewNavigationBar() {
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const handleGameWebviewClose = useCallback5(async () => {
+  const handleGameWebviewClose = useCallback8(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${josa3(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1205,18 +1367,18 @@ function GameWebviewNavigationBar() {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      closeView3();
+      closeView4();
     }
   }, [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 +1388,8 @@ function GameWebviewNavigationBar() {
           paddingRight: 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx9(
-          NavigationRightContent,
+        children: /* @__PURE__ */ jsx11(
+          NavigationRightContent2,
           {
             fixedRightButton: initialAccessoryButton,
             onPressDots: openMoreButtonBottomSheet,
@@ -1243,28 +1405,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] = useState5(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(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props })
   ] });
 });
 
@@ -1275,12 +1437,12 @@ import {
 import { forwardRef as forwardRef2 } from "react";
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
-import { closeView as closeView4 } from "@granite-js/react-native";
+import { closeView as closeView5 } from "@granite-js/react-native";
 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 { useCallback as useCallback9 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
@@ -1291,7 +1453,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
   const withBackButton = parsedNavigationBar?.withBackButton ?? true;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const handleClose = useCallback6(async () => {
+  const handleClose = useCallback9(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${josa4(globals.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1303,10 +1465,10 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      closeView4();
+      closeView5();
     }
   }, [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 +1479,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 useCallback10, useMemo as useMemo3, useRef as useRef4 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1386,7 +1548,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(
@@ -1413,7 +1575,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = useCallback7(
+  const $onMessage = useCallback10(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1464,13 +1626,13 @@ function useBridgeHandler({
 }
 
 // src/core/hooks/useWebBackHandler.tsx
-import { closeView as closeView5, useBackEventState } from "@granite-js/react-native";
+import { closeView as closeView6, 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 useCallback12, useMemo as useMemo5 } from "react";
 
 // src/hooks/useWebviewHistoryStack.tsx
-import { useCallback as useCallback8, useMemo as useMemo3, useReducer } from "react";
+import { useCallback as useCallback11, useMemo as useMemo4, useReducer } from "react";
 var INITIAL_STATE = { stack: [], index: -1 };
 function reducer(state, action) {
   switch (action.type) {
@@ -1502,10 +1664,10 @@ function reducer(state, action) {
 }
 function useWebViewHistory() {
   const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
-  const onNavigationStateChange = useCallback8(({ url, canGoForward: canGoForward2 }) => {
+  const onNavigationStateChange = useCallback11(({ 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 };
@@ -1538,19 +1700,19 @@ function useWebBackHandler(webViewRef) {
   const logging = useNavigationBarLogging();
   const { openConfirm } = useDialog7();
   const global2 = getAppsInTossGlobals();
-  const addEventListener = useCallback9(
+  const addEventListener = useCallback12(
     (handler) => {
       addWebBackEventListener(handler);
     },
     [addWebBackEventListener]
   );
-  const removeEventListener = useCallback9(
+  const removeEventListener = useCallback12(
     (handler) => {
       removeWebBackEventListener(handler);
     },
     [removeWebBackEventListener]
   );
-  const handleWebBack = useCallback9(async () => {
+  const handleWebBack = useCallback12(async () => {
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
         handler();
@@ -1570,7 +1732,7 @@ function useWebBackHandler(webViewRef) {
       logging.closePopupCtaClick(isConfirmed);
       if (isConfirmed) {
         captureExitLog(Date.now());
-        closeView5();
+        closeView6();
       }
     }
   }, [
@@ -1583,7 +1745,7 @@ function useWebBackHandler(webViewRef) {
     openConfirm,
     webViewRef
   ]);
-  const handleWebHome = useCallback9(() => {
+  const handleWebHome = useCallback12(() => {
     logging.homeButtonClick();
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
@@ -1593,7 +1755,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 +1933,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 useState6 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
-  const [location, setLocation] = useState4(null);
-  useEffect10(() => {
+  const [location, setLocation] = useState6(null);
+  useEffect11(() => {
     if (!isVisible) {
       return;
     }
@@ -1794,11 +1956,11 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 
 // src/hooks/useWaitForReturnNavigator.tsx
 import { useNavigation as useNavigation2, useVisibilityChange } from "@granite-js/react-native";
-import { useCallback as useCallback10, useRef as useRef5 } from "react";
+import { useCallback as useCallback13, useRef as useRef5 } from "react";
 function useWaitForReturnNavigator() {
   const callbacks = useRef5([]).current;
   const navigation = useNavigation2();
-  const startNavigating = useCallback10(
+  const startNavigating = useCallback13(
     (route, params) => {
       return new Promise((resolve) => {
         callbacks.push(resolve);
@@ -1807,7 +1969,7 @@ function useWaitForReturnNavigator() {
     },
     [callbacks, navigation]
   );
-  const handleVisibilityChange = useCallback10(
+  const handleVisibilityChange = useCallback13(
     (state) => {
       if (state === "visible" && callbacks.length > 0) {
         for (const callback of callbacks) {
@@ -1872,7 +2034,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 +2070,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 +2082,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState5(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState7(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -1936,10 +2098,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 +2162,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 +2183,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 +2191,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 +2213,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
     }
   );