@apps-in-toss/framework 1.2.2 → 1.3.0

package/dist/index.cjs

@@ -34,13 +34,13 @@ __export(src_exports, {
   Analytics: () => Analytics2,
   AppsInToss: () => AppsInToss,
   INTERNAL__onVisibilityChangedByTransparentServiceWeb: () => INTERNAL__onVisibilityChangedByTransparentServiceWeb,
-  OverlayProvider: () => import_private9.OverlayProvider,
+  OverlayProvider: () => import_private10.OverlayProvider,
   WebView: () => WebView,
   env: () => env,
   useCreateUserAgent: () => useCreateUserAgent,
   useGeolocation: () => useGeolocation,
-  useOverlay: () => import_private9.useOverlay,
-  useTopNavigation: () => import_private9.useTopNavigation,
+  useOverlay: () => import_private10.useOverlay,
+  useTopNavigation: () => import_private10.useTopNavigation,
   useWaitForReturnNavigator: () => useWaitForReturnNavigator
 });
 module.exports = __toCommonJS(src_exports);
@@ -48,10 +48,10 @@ var import_analytics2 = require("@apps-in-toss/analytics");
 
 // src/core/registerApp.tsx
 var import_analytics = require("@apps-in-toss/analytics");
-var import_native_modules9 = require("@apps-in-toss/native-modules");
-var import_react_native15 = require("@granite-js/react-native");
-var import_tds_react_native6 = require("@toss/tds-react-native");
-var import_react_native16 = require("react-native");
+var import_native_modules13 = require("@apps-in-toss/native-modules");
+var import_react_native20 = require("@granite-js/react-native");
+var import_tds_react_native10 = require("@toss/tds-react-native");
+var import_react_native21 = require("react-native");
 
 // src/core/components/AppEvent.tsx
 var import_native_modules2 = require("@apps-in-toss/native-modules");
@@ -217,14 +217,12 @@ function useAppsInTossBridge() {
   const controller = (0, import_tds_react_native.useBridge)();
   const appsInTossGlobals = getAppsInTossGlobals();
   (0, import_react5.useEffect)(() => {
-    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: () => {
         import_native_modules3.appsInTossEvent.emit("entryMessageExited", void 0);
       }
@@ -232,135 +230,513 @@ function useAppsInTossBridge() {
   }, []);
 }
 
-// src/components/NavigationBar/RNNavigationBar.tsx
-var import_react_native13 = require("@granite-js/react-native");
-var import_tds_react_native5 = require("@toss/tds-react-native");
-var import_private3 = require("@toss/tds-react-native/private");
-var import_es_hangul = require("es-hangul");
-var import_react9 = require("react");
-var import_react_native14 = require("react-native");
+// src/components/RNAppContainer.tsx
+var import_native_modules12 = require("@apps-in-toss/native-modules");
+var import_react14 = require("react");
+var import_react_native19 = require("react-native");
 
-// src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
+// src/components/GameProfile.tsx
+var import_native_modules6 = require("@apps-in-toss/native-modules");
+var import_tds_react_native4 = require("@toss/tds-react-native");
+var import_react7 = require("react");
+var import_react_native9 = require("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
+var import_native_modules5 = require("@apps-in-toss/native-modules");
+var import_react_native8 = require("@granite-js/react-native");
+var import_tds_react_native3 = require("@toss/tds-react-native");
+var import_es_hangul = require("es-hangul");
 var import_react6 = require("react");
 
-// src/components/NavigationBar/common/useNavigationBarLogging.tsx
-var import_native_modules4 = require("@apps-in-toss/native-modules");
-var import_react_native6 = require("@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: import_react_native6.Granite.appName
-  };
-  const logNavBarImpression = (naviBarConfig) => {
-    import_native_modules4.INTERNAL__module.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 = () => {
-    import_native_modules4.INTERNAL__module.tossCoreEventLog({
-      log_name: HOME_BUTTON_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        event_type: "click",
-        schema_id: HOME_BUTTON_CLICK_SCHEMA_ID
-      }
+// src/components/GameProfileToast.tsx
+var import_tds_react_native2 = require("@toss/tds-react-native");
+var import_private = require("@toss/tds-react-native/private");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var useGameProfileToast = () => {
+  const overlay = (0, import_private.useOverlay)();
+  const openGameProfileToast = (nickname, profileImageUri) => {
+    return new Promise((resolve) => {
+      overlay.open(({ isOpen, close, exit }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_private.ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_private.AdaptiveColorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_tds_react_native2.Toast,
+          {
+            open: isOpen,
+            onClose: () => {
+              resolve();
+              close();
+            },
+            onExited: exit,
+            position: "top",
+            text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_tds_react_native2.Asset.Image,
+              {
+                style: { borderRadius: 64, overflow: "hidden" },
+                frameShape: import_tds_react_native2.Asset.frameShape.CleanW32,
+                source: { uri: profileImageUri }
+              }
+            )
+          }
+        ) }) });
+      });
     });
   };
-  const logCloseButtonClick = () => {
-    import_native_modules4.INTERNAL__module.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
+var import_react_native6 = require("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 import_react_native6.Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
+};
+
+// src/utils/openTransparentWebView.ts
+var import_react_native7 = require("@granite-js/react-native");
+
+// src/private.ts
+var import_native_modules4 = require("@apps-in-toss/native-modules");
+var INTERNAL__onVisibilityChangedByTransparentServiceWeb = import_native_modules4.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();
       }
+    }
+  });
+  (0, import_react_native7.openURL)(url.toString());
+};
+
+// src/hooks/useGameCenterProfile.ts
+var useGameCenterProfile = (isReadyForProfileUI) => {
+  const [profileData, setProfileData] = (0, import_react6.useState)(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = (0, import_react6.useState)(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = (0, import_react6.useState)(false);
+  const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react6.useState)(false);
+  const isCompletedProfileFlow = (0, import_react6.useRef)(false);
+  const { openAlert, openConfirm } = (0, import_tds_react_native3.useDialog)();
+  const { openGameProfileToast } = useGameProfileToast();
+  const openErrorAlert = (0, import_react6.useCallback)(async () => {
+    await openAlert({
+      title: DEFAULT_ERROR.title,
+      description: DEFAULT_ERROR.description
     });
-  };
-  const logClosePopupShow = () => {
-    import_native_modules4.INTERNAL__module.tossCoreEventLog({
-      log_name: CLOSE_POPUP_SHOW_LOG_NAME,
-      log_type: "popup",
-      params: {
-        ...baseParams,
-        schema_id: CLOSE_POPUP_SHOW_SCHEMA_ID
+    (0, import_react_native8.closeView)();
+  }, [openAlert]);
+  const openProfileWebview = (0, import_react6.useCallback)(() => {
+    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 (0, import_native_modules5.getGameCenterGameProfile)();
+            setProfileData(data);
+            setIsProfileDataRefetching(false);
+            if (data?.statusCode === "SUCCESS") {
+              openGameProfileToast(data.nickname, data.profileImageUri);
+            }
+          } catch (_) {
+            setIsProfileDataRefetching(false);
+            openErrorAlert();
+          }
+        }
+      },
+      onError: () => {
+        openErrorAlert();
       }
     });
-  };
-  const logClosePopupCtaClick = (confirm) => {
-    import_native_modules4.INTERNAL__module.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 = (0, import_react6.useCallback)(async () => {
+    const upddateConfirmDialogLabel = {
+      title: `${(0, import_es_hangul.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) {
+      (0, import_react_native8.closeView)();
+      return;
+    }
+    const STORE_SCHEME = getMarketLink();
+    (0, import_react_native8.openURL)(`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
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function NavigationBarImpressionArea({
-  children,
-  withHomeButton
-}) {
-  const hasLogged = (0, import_react6.useRef)(false);
-  const logging = useNavigationBarLogging();
-  (0, import_react6.useEffect)(() => {
-    if (hasLogged.current === false) {
-      logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
-      hasLogged.current = true;
-    }
-  }, [logging, withHomeButton]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
-}
+};
 
-// src/core/hooks/useMoreButtonBottomSheet/index.tsx
-var import_native_modules8 = require("@apps-in-toss/native-modules");
-var import_react_native12 = require("@granite-js/react-native");
-var import_tds_react_native4 = require("@toss/tds-react-native");
-var import_private2 = require("@toss/tds-react-native/private");
+// src/utils/zIndex.ts
+var Z_INDEX = {
+  /* 게임 프로필을 위한 overlay
+   */
+  PROFILE_OVERLAY: 9998,
+  // 게임을 종료할 수 있는 X 버튼
+  CLOSE_BUTTON: 9999
+};
+
+// src/components/GameProfile.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var GameProfile = ({ children, isReadyForProfileUI }) => {
+  const {
+    profileData,
+    isProfileDataRefetching,
+    shouldShowLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    openProfileWebview,
+    updateAppToSupportedMinVersion,
+    setIsProfileDataLoading,
+    setProfileData,
+    openErrorAlert,
+    openGameProfileToast
+  } = useGameCenterProfile(isReadyForProfileUI);
+  (0, import_react7.useEffect)(() => {
+    try {
+      const getProfileData = async () => {
+        const data = await (0, import_native_modules6.getGameCenterGameProfile)();
+        setProfileData(data);
+        setIsProfileDataLoading(false);
+      };
+      getProfileData();
+    } catch (_) {
+      openErrorAlert();
+      setIsProfileDataLoading(false);
+    }
+  }, []);
+  (0, import_react7.useEffect)(() => {
+    const handleGameProfileFlow = async () => {
+      if (!canShowBottomSheetOrToast) {
+        return;
+      }
+      if (isCompletedProfileFlow.current) {
+        return;
+      }
+      isCompletedProfileFlow.current = true;
+      if (!(0, import_native_modules6.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 (!(0, import_native_modules6.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native9.View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native9.Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            updateAppToSupportedMinVersion();
+          }
+        }
+      )
+    ] });
+  }
+  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native9.View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native9.View,
+        {
+          style: {
+            ...overlayStyle,
+            justifyContent: "center",
+            alignItems: "center",
+            backgroundColor: "rgba(0, 0, 0, 0.2)"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tds_react_native4.Loader, { size: "large", type: "light" })
+        }
+      )
+    ] });
+  }
+  if (shouldShowProfileNotFoundOverlay) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native9.View, { style: { flex: 1, position: "relative" }, children }),
+      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native9.Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            openProfileWebview();
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native9.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
+var import_private5 = require("@toss/tds-react-native/private");
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useHardwareBackPress.ts
 var import_react8 = require("react");
+var import_react_native10 = require("react-native");
+function useHardwareBackPress(handler) {
+  (0, import_react8.useEffect)(() => {
+    const handleBackPress = () => {
+      handler();
+      return true;
+    };
+    import_react_native10.BackHandler.addEventListener("hardwareBackPress", handleBackPress);
+    return () => import_react_native10.BackHandler.removeEventListener("hardwareBackPress", handleBackPress);
+  }, [handler]);
+}
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
+var import_react_native12 = require("@granite-js/react-native");
+var import_react10 = require("react");
+
+// src/components/NavigationBar/RNNavigationBar/hooks/useCloseConfirm.ts
+var import_tds_react_native5 = require("@toss/tds-react-native");
+var import_es_hangul2 = require("es-hangul");
+var import_react9 = require("react");
+function useCloseConfirm() {
+  const { brandDisplayName } = getAppsInTossGlobals();
+  const { openConfirm } = (0, import_tds_react_native5.useDialog)();
+  return (0, import_react9.useCallback)(async ({ onEntered }) => {
+    return await openConfirm({
+      title: `${(0, import_es_hangul2.josa)(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
+var import_native_modules7 = require("@apps-in-toss/native-modules");
+var import_react_native11 = require("@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: import_react_native11.Granite.appName
+  };
+  const logNavBarImpression = (naviBarConfig) => {
+    import_native_modules7.INTERNAL__module.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 = () => {
+    import_native_modules7.INTERNAL__module.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 = () => {
+    import_native_modules7.INTERNAL__module.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 = () => {
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+      log_name: CLOSE_POPUP_SHOW_LOG_NAME,
+      log_type: "popup",
+      params: {
+        ...baseParams,
+        schema_id: CLOSE_POPUP_SHOW_SCHEMA_ID
+      }
+    });
+  };
+  const logClosePopupCtaClick = (confirm) => {
+    import_native_modules7.INTERNAL__module.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 = (0, import_react_native12.useBackEventContext)();
+  const logging = useNavigationBarLogging();
+  const navigation = (0, import_react_native12.useNavigation)();
+  const closeConfirm = useCloseConfirm();
+  const { captureExitLog } = useCaptureExitLog();
+  return (0, import_react10.useMemo)(() => {
+    const close = async () => {
+      const hasConfirmed = await closeConfirm({
+        onEntered: logging.closePopupShow
+      });
+      logging.closePopupCtaClick(hasConfirmed);
+      if (hasConfirmed) {
+        captureExitLog(Date.now());
+        (0, import_react_native12.closeView)();
+      }
+    };
+    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
+var import_native_modules11 = require("@apps-in-toss/native-modules");
+var import_react_native17 = require("@granite-js/react-native");
+var import_tds_react_native8 = require("@toss/tds-react-native");
+var import_private4 = require("@toss/tds-react-native/private");
+var import_react12 = require("react");
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
-var import_native_modules6 = require("@apps-in-toss/native-modules");
-var import_react_native8 = require("@granite-js/react-native");
-var import_tds_react_native2 = require("@toss/tds-react-native");
-var import_private = require("@toss/tds-react-native/private");
-var import_react_native9 = require("react-native");
+var import_native_modules9 = require("@apps-in-toss/native-modules");
+var import_react_native14 = require("@granite-js/react-native");
+var import_tds_react_native6 = require("@toss/tds-react-native");
+var import_private3 = require("@toss/tds-react-native/private");
+var import_react_native15 = require("react-native");
 
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
-var import_native_modules5 = require("@apps-in-toss/native-modules");
-var import_react_native7 = require("@granite-js/react-native");
+var import_native_modules8 = require("@apps-in-toss/native-modules");
+var import_react_native13 = require("@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;
@@ -373,10 +749,10 @@ function useMoreButtonBottomSheetLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: import_react_native7.Granite.appName
+    app_name: import_react_native13.Granite.appName
   };
   const logBottomSheetShow = () => {
-    import_native_modules5.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_LOG_NAME,
       log_type: "popup",
       params: {
@@ -386,7 +762,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetOpen = () => {
-    import_native_modules5.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_OPEN_LOG_NAME,
       log_type: "event",
       params: {
@@ -397,7 +773,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetCloseClick = () => {
-    import_native_modules5.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_CLOSE_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -408,7 +784,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetMenuClick = ({ title }) => {
-    import_native_modules5.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_MENU_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -437,7 +813,7 @@ function addParamsToUrl(url, params) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var SHARE_SCHEME_REFERRER = "appsintoss.common_module_share";
 var APP_SHARE_MENU_INFO = {
   contactItemName: "\uACF5\uC720\uD558\uAE30",
@@ -445,27 +821,27 @@ var APP_SHARE_MENU_INFO = {
 };
 function AppShareListMenu() {
   const globals = getAppsInTossGlobals();
-  const adaptive = (0, import_private.useAdaptive)();
+  const adaptive = (0, import_private3.useAdaptive)();
   const logging = useMoreButtonBottomSheetLogging();
-  const initialScheme = (0, import_react_native8.getSchemeUri)();
-  const isSandbox = (0, import_native_modules6.getOperationalEnvironment)() === "sandbox";
-  const { openConfirm } = (0, import_tds_react_native2.useDialog)();
+  const initialScheme = (0, import_react_native14.getSchemeUri)();
+  const isSandbox = (0, import_native_modules9.getOperationalEnvironment)() === "sandbox";
+  const { openConfirm } = (0, import_tds_react_native6.useDialog)();
   const schemeForShare = addParamsToUrl(initialScheme, {
     referrer: SHARE_SCHEME_REFERRER
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_tds_react_native2.ListRow,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_tds_react_native6.ListRow,
     {
-      left: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_tds_react_native2.ListRow.Icon,
+      left: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_tds_react_native6.ListRow.Icon,
         {
           color: globals.brandPrimaryColor,
           source: { uri: APP_SHARE_MENU_INFO.contactIconUrl },
           type: "background"
         }
       ),
-      contents: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_tds_react_native2.ListRow.Texts,
+      contents: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_tds_react_native6.ListRow.Texts,
         {
           type: "1RowTypeA",
           top: APP_SHARE_MENU_INFO.contactItemName,
@@ -484,7 +860,7 @@ function AppShareListMenu() {
           return;
         }
         logging.menuClick({ title: APP_SHARE_MENU_INFO.contactItemName });
-        import_react_native9.NativeModules.AppsInTossModule.shareWithScheme({
+        import_react_native15.NativeModules.AppsInTossModule.shareWithScheme({
           params: {
             schemeURL: schemeForShare
           }
@@ -495,24 +871,14 @@ function AppShareListMenu() {
 }
 
 // src/hooks/useAppUpdateDialog.tsx
-var import_native_modules7 = require("@apps-in-toss/native-modules");
-var import_react_native11 = require("@granite-js/react-native");
-var import_tds_react_native3 = require("@toss/tds-react-native");
-var import_react7 = require("react");
-
-// src/utils/market.ts
-var import_react_native10 = require("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 import_react_native10.Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
-};
-
-// src/hooks/useAppUpdateDialog.tsx
+var import_native_modules10 = require("@apps-in-toss/native-modules");
+var import_react_native16 = require("@granite-js/react-native");
+var import_tds_react_native7 = require("@toss/tds-react-native");
+var import_react11 = require("react");
 function useAppUpdateDialog() {
-  const { openConfirm } = (0, import_tds_react_native3.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native7.useDialog)();
   const logging = useAppUpdateDialogLogging();
-  const openAppUpdateDialog = (0, import_react7.useCallback)(
+  const openAppUpdateDialog = (0, import_react11.useCallback)(
     async ({
       title,
       description,
@@ -533,7 +899,7 @@ function useAppUpdateDialog() {
       }
       logging.update();
       const STORE_SCHEME = getMarketLink();
-      (0, import_react_native11.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+      (0, import_react_native16.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
     },
     [logging, openConfirm]
   );
@@ -549,10 +915,10 @@ function useAppUpdateDialogLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: import_react_native11.Granite.appName
+    app_name: import_react_native16.Granite.appName
   };
   const logUpdateClick = () => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules10.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -564,7 +930,7 @@ function useAppUpdateDialogLogging() {
     });
   };
   const logCloseClick = () => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules10.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -576,7 +942,7 @@ function useAppUpdateDialogLogging() {
     });
   };
   const logDialogShow = () => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules10.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_LOG_NAME,
       log_type: "popup",
       params: {
@@ -597,7 +963,7 @@ function ensureValue(value, name) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var APP_BRIDGE_METHOD_NAME = "getMiniAppsSupportContact";
 var MIN_VERSION = {
   BOTTOM_SHEET: {
@@ -611,19 +977,19 @@ var MIN_VERSION = {
 };
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
-  const adaptive = (0, import_private2.useAdaptive)();
-  const [itemList, setItemList] = (0, import_react8.useState)([]);
+  const adaptive = (0, import_private4.useAdaptive)();
+  const [itemList, setItemList] = (0, import_react12.useState)([]);
   const appUpdateDialog = useAppUpdateDialog();
   const logging = useMoreButtonBottomSheetLogging();
-  const overlay = (0, import_private2.useOverlay)();
+  const overlay = (0, import_private4.useOverlay)();
   const title = ensureValue(globals.brandDisplayName, "displayName");
-  const isBottomSheetSupported = (0, import_native_modules8.isMinVersionSupported)(MIN_VERSION.BOTTOM_SHEET);
-  const isShareListMenuSupported = (0, import_native_modules8.isMinVersionSupported)(MIN_VERSION.SHARE_LIST_MENU);
-  (0, import_react8.useEffect)(() => {
+  const isBottomSheetSupported = (0, import_native_modules11.isMinVersionSupported)(MIN_VERSION.BOTTOM_SHEET);
+  const isShareListMenuSupported = (0, import_native_modules11.isMinVersionSupported)(MIN_VERSION.SHARE_LIST_MENU);
+  (0, import_react12.useEffect)(() => {
     if (!isBottomSheetSupported) {
       return;
     }
-    import_native_modules8.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+    import_native_modules11.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
       APP_BRIDGE_METHOD_NAME,
       {},
       {
@@ -646,18 +1012,18 @@ function useMoreButtonBottomSheet() {
         logging.close();
         close();
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BottomSheetImpressionArea, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_tds_react_native4.BottomSheet.Root,
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BottomSheetImpressionArea, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_tds_react_native8.BottomSheet.Root,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_tds_react_native4.ListHeader,
+          header: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_tds_react_native8.ListHeader,
             {
-              title: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tds_react_native4.ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
+              title: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_tds_react_native8.ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
             }
           ),
           open: isOpen,
-          cta: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_tds_react_native4.BottomSheet.CTA,
+          cta: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_tds_react_native8.BottomSheet.CTA,
             {
               size: "large",
               type: "dark",
@@ -670,21 +1036,21 @@ function useMoreButtonBottomSheet() {
           ),
           onClose: handleClose,
           onExited: exit,
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_tds_react_native4.List, { rowSeparator: "none", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_tds_react_native8.List, { rowSeparator: "none", children: [
             itemList.map((item) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                import_tds_react_native4.ListRow,
+              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                import_tds_react_native8.ListRow,
                 {
-                  left: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    import_tds_react_native4.ListRow.Icon,
+                  left: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    import_tds_react_native8.ListRow.Icon,
                     {
                       color: globals.brandPrimaryColor,
                       source: { uri: item.contactIconUrl },
                       type: "background"
                     }
                   ),
-                  contents: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    import_tds_react_native4.ListRow.Texts,
+                  contents: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    import_tds_react_native8.ListRow.Texts,
                     {
                       type: "1RowTypeA",
                       top: item.contactItemName,
@@ -694,13 +1060,13 @@ function useMoreButtonBottomSheet() {
                   verticalPadding: "extraSmall",
                   onPress: () => {
                     logging.menuClick({ title: item.contactItemName });
-                    (0, import_react_native12.openURL)(item.contactUri);
+                    (0, import_react_native17.openURL)(item.contactUri);
                   }
                 },
                 item.contactItemName
               );
             }),
-            isShareListMenuSupported && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AppShareListMenu, {})
+            isShareListMenuSupported && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AppShareListMenu, {})
           ] })
         }
       ) });
@@ -710,10 +1076,10 @@ function useMoreButtonBottomSheet() {
 }
 function BottomSheetImpressionArea({ children }) {
   const logging = useMoreButtonBottomSheetLogging();
-  (0, import_react8.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     logging.show();
   }, [logging]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
 }
 
 // src/core/utils/safeParseNavigationBar.ts
@@ -728,506 +1094,250 @@ function safeParseNavigationBar(navigationBar) {
   }
 }
 
-// src/components/NavigationBar/RNNavigationBar.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function RNNavigationBar() {
-  const globals = getAppsInTossGlobals();
-  const { captureExitLog } = useCaptureExitLog();
+// src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
+var import_react13 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function NavigationBarImpressionArea({
+  children,
+  withHomeButton
+}) {
+  const hasLogged = (0, import_react13.useRef)(false);
   const logging = useNavigationBarLogging();
-  const { openConfirm } = (0, import_tds_react_native5.useDialog)();
+  (0, import_react13.useEffect)(() => {
+    if (hasLogged.current === false) {
+      logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
+      hasLogged.current = true;
+    }
+  }, [logging, withHomeButton]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
+}
+
+// src/components/NavigationBar/RNNavigationBar/Default.tsx
+var import_jsx_runtime7 = require("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 = (0, import_react_native13.useBackEventContext)();
-  const handleBackOrClose = useBackOrCloseNavigation();
-  const navigation = (0, import_react_native13.useNavigation)();
-  const handlePressTitle = (0, import_react9.useCallback)(() => {
-    logging.homeButtonClick();
-    navigation.navigate("/");
-  }, [logging, navigation]);
-  const handleClose = (0, import_react9.useCallback)(async () => {
-    logging.closeButtonClick();
-    const isConfirmed = await openConfirm({
-      title: `${(0, import_es_hangul.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());
-      (0, import_react_native13.closeView)();
-    }
-  }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
-  const handleBack = (0, import_react9.useCallback)(() => {
-    if (backEventContext.hasBackEvent) {
-      backEventContext.onBack();
-      return;
-    }
-    handleBackOrClose();
-  }, [backEventContext, handleBackOrClose]);
-  (0, import_react9.useEffect)(() => {
-    const handleAndroidBackEvent = () => {
-      handleBack();
-      return true;
-    };
-    import_react_native14.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-    return () => {
-      import_react_native14.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-    };
-  }, [handleBack]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_private3.TopNavigation,
+  const navigationEvent = useNavigationEvent();
+  useHardwareBackPress(navigationEvent.handleBack);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_private5.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__ */ (0, import_jsx_runtime5.jsx)(import_private3.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_private3.NavigationBackButton, { onPress: handleBack, canGoBack: false }) })
+      fixedRightButton: initialAccessoryButton,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_private5.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_private5.NavigationBackButton, { onPress: navigationEvent.handleBack, canGoBack: false }) })
     }
   ) });
 }
-function useBackOrCloseNavigation() {
-  const navigation = (0, import_react_native13.useNavigation)();
-  const { captureExitLog } = useCaptureExitLog();
-  return (0, import_react9.useCallback)(() => {
-    if (navigation.canGoBack()) {
-      navigation.goBack();
-    } else {
-      captureExitLog(Date.now());
-      (0, import_react_native13.closeView)();
-    }
-  }, [captureExitLog, navigation]);
-}
-
-// src/core/registerApp.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function AppsInTossContainer(Container, { children, ...initialProps }) {
-  if (!(0, import_native_modules9.isMinVersionSupported)({
-    android: "5.220.0",
-    ios: "5.221.0"
-  })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.Entry, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.System, { ...initialProps }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppUpdate, {})
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.StayTime, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.Entry, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Container, { ...initialProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tds_react_native6.TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TDSContainer, { ...initialProps, children }) }) })
-  ] });
-}
-function TDSContainer({ children }) {
-  useAppsInTossBridge();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
-}
-function registerApp(container, { context, analytics }) {
-  const appName = getAppName();
-  const isRegistered = import_react_native16.AppRegistry.getAppKeys().includes(appName);
-  if (!isRegistered) {
-    import_analytics.Analytics.init({
-      logger: (params) => void (0, import_native_modules9.eventLog)(params),
-      debug: analytics?.debug ?? __DEV__
-    });
-    const App = import_react_native15.Granite.registerApp(AppsInTossContainer.bind(null, container), {
-      appName,
-      context,
-      setIosSwipeGestureEnabled: import_native_modules9.setIosSwipeGestureEnabled,
-      router: {
-        screenContainer: AppsInTossScreenContainer,
-        defaultScreenOption: {
-          statusBarStyle: "dark"
-        }
-      }
-    });
-    global.Page = App;
-  }
-  return global.Page;
-}
-function AppsInTossScreenContainer({ children }) {
-  const isReactNativeService = getAppsInTossGlobals().webViewType == null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_analytics.Analytics.Screen, { children: [
-    isReactNativeService && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(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
-var import_native_modules17 = require("@apps-in-toss/native-modules");
-var appsInTossAsyncBridges = __toESM(require("@apps-in-toss/native-modules/async-bridges"), 1);
-var appsInTossConstantBridges = __toESM(require("@apps-in-toss/native-modules/constant-bridges"), 1);
-var appsInTossEventBridges = __toESM(require("@apps-in-toss/native-modules/event-bridges"), 1);
-var import_react_native29 = require("@granite-js/react-native");
-var import_tds_react_native13 = require("@toss/tds-react-native");
-var import_private8 = require("@toss/tds-react-native/private");
-var import_react21 = require("react");
-var import_react_native30 = require("react-native");
-
-// src/components/GameWebView.tsx
-var import_native_modules13 = require("@apps-in-toss/native-modules");
-var import_react_native_webview = require("@granite-js/native/react-native-webview");
-var import_react13 = require("react");
-var import_react_native22 = require("react-native");
-
-// src/components/GameProfile.tsx
-var import_native_modules12 = require("@apps-in-toss/native-modules");
+// src/components/NavigationBar/RNNavigationBar/Game.tsx
 var import_tds_react_native9 = require("@toss/tds-react-native");
-var import_react11 = require("react");
-var import_react_native19 = require("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
-var import_native_modules11 = require("@apps-in-toss/native-modules");
-var import_react_native18 = require("@granite-js/react-native");
-var import_tds_react_native8 = require("@toss/tds-react-native");
-var import_es_hangul2 = require("es-hangul");
-var import_react10 = require("react");
-
-// src/components/GameProfileToast.tsx
-var import_tds_react_native7 = require("@toss/tds-react-native");
-var import_private4 = require("@toss/tds-react-native/private");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var useGameProfileToast = () => {
-  const overlay = (0, import_private4.useOverlay)();
-  const openGameProfileToast = (nickname, profileImageUri) => {
-    return new Promise((resolve) => {
-      overlay.open(({ isOpen, close, exit }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_private4.ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_private4.AdaptiveColorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_tds_react_native7.Toast,
-          {
-            open: isOpen,
-            onClose: () => {
-              resolve();
-              close();
-            },
-            onExited: exit,
-            position: "top",
-            text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
-            icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              import_tds_react_native7.Asset.Image,
-              {
-                style: { borderRadius: 64, overflow: "hidden" },
-                frameShape: import_tds_react_native7.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
-var import_react_native17 = require("@granite-js/react-native");
-
-// src/private.ts
-var import_native_modules10 = require("@apps-in-toss/native-modules");
-var INTERNAL__onVisibilityChangedByTransparentServiceWeb = import_native_modules10.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();
-      }
-    }
-  });
-  (0, import_react_native17.openURL)(url.toString());
-};
-
-// src/hooks/useGameCenterProfile.ts
-var useGameCenterProfile = (isReadyForProfileUI) => {
-  const [profileData, setProfileData] = (0, import_react10.useState)(void 0);
-  const [isProfileDataLoading, setIsProfileDataLoading] = (0, import_react10.useState)(true);
-  const [isProfileDataRefetching, setIsProfileDataRefetching] = (0, import_react10.useState)(false);
-  const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
-  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
-  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
-  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react10.useState)(false);
-  const isCompletedProfileFlow = (0, import_react10.useRef)(false);
-  const { openAlert, openConfirm } = (0, import_tds_react_native8.useDialog)();
-  const { openGameProfileToast } = useGameProfileToast();
-  const openErrorAlert = (0, import_react10.useCallback)(async () => {
-    await openAlert({
-      title: DEFAULT_ERROR.title,
-      description: DEFAULT_ERROR.description
-    });
-    (0, import_react_native18.closeView)();
-  }, [openAlert]);
-  const openProfileWebview = (0, import_react10.useCallback)(() => {
-    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 (0, import_native_modules11.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 = (0, import_react10.useCallback)(async () => {
-    const upddateConfirmDialogLabel = {
-      title: `${(0, import_es_hangul2.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) {
-      (0, import_react_native18.closeView)();
-      return;
-    }
-    const STORE_SCHEME = getMarketLink();
-    (0, import_react_native18.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
-  }, [openConfirm]);
-  return {
-    profileData,
-    isProfileDataLoading,
-    isProfileDataRefetching,
-    shouldShowLoadingOverlay,
-    shouldShowProfileNotFoundOverlay,
-    canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    updateAppToSupportedMinVersion,
-    setIsProfileDataLoading,
-    openProfileWebview,
-    setProfileData,
-    openErrorAlert,
-    openGameProfileToast
-  };
-};
+var import_private6 = require("@toss/tds-react-native/private");
+var import_react_native18 = require("react-native");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function GameNavigationBar() {
+  const safeAreaTop = (0, import_private6.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__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tds_react_native9.PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_react_native18.View,
+      {
+        style: {
+          width: "100%",
+          // TODO: UI관련 스타일 설정은 TDS로 이관
+          height: import_react_native18.Platform.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__ */ (0, import_jsx_runtime8.jsx)(
+          import_private6.NavigationRightContent,
+          {
+            fixedRightButton: initialAccessoryButton,
+            onPressDots: openMoreButtonBottomSheet,
+            onPressClose: navigationEvent.handleCloseButtonClick,
+            theme: "dark"
+          }
+        )
+      }
+    )
+  ] });
+}
 
-// 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
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var GameProfile = ({ children, isReadyForProfileUI }) => {
-  const {
-    profileData,
-    isProfileDataRefetching,
-    shouldShowLoadingOverlay,
-    shouldShowProfileNotFoundOverlay,
-    canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    openProfileWebview,
-    updateAppToSupportedMinVersion,
-    setIsProfileDataLoading,
-    setProfileData,
-    openErrorAlert,
-    openGameProfileToast
-  } = useGameCenterProfile(isReadyForProfileUI);
-  (0, import_react11.useEffect)(() => {
-    try {
-      const getProfileData = async () => {
-        const data = await (0, import_native_modules12.getGameCenterGameProfile)();
-        setProfileData(data);
-        setIsProfileDataLoading(false);
+// src/bridge-entry.ts
+var bridge_entry_exports = {};
+__reExport(bridge_entry_exports, require("@apps-in-toss/native-modules/async-bridges"));
+__reExport(bridge_entry_exports, require("@apps-in-toss/native-modules/constant-bridges"));
+__reExport(bridge_entry_exports, require("@apps-in-toss/native-modules/event-bridges"));
+
+// src/components/RNAppContainer.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function RNAppContainer({ children }) {
+  const global2 = getAppsInTossGlobals();
+  switch (global2.appType) {
+    case "game":
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GameAppContainer, { children });
+    case "general":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GeneralAppContainer, { children });
+  }
+}
+function GameAppContainer({ children }) {
+  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
+    if (import_react_native19.Platform.OS === "ios") {
+      (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: false });
+      return () => {
+        (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: true });
       };
-      getProfileData();
-    } catch (_) {
-      openErrorAlert();
-      setIsProfileDataLoading(false);
     }
+    return;
   }, []);
-  (0, import_react11.useEffect)(() => {
-    const handleGameProfileFlow = async () => {
-      if (!canShowBottomSheetOrToast) {
-        return;
-      }
-      if (isCompletedProfileFlow.current) {
-        return;
-      }
-      isCompletedProfileFlow.current = true;
-      if (!(0, import_native_modules12.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
-        updateAppToSupportedMinVersion();
-        return;
-      }
-      if (profileData?.statusCode === "SUCCESS") {
-        openGameProfileToast(profileData.nickname, profileData.profileImageUri);
-        return;
-      }
-      if (profileData?.statusCode === "PROFILE_NOT_FOUND") {
-        openProfileWebview();
+  (0, import_react14.useEffect)(() => {
+    import_native_modules12.appsInTossEvent.addEventListener("entryMessageExited", {
+      onEvent: () => {
+        setIsEntryMessageExited(true);
       }
-    };
-    handleGameProfileFlow();
-  }, [
-    canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    openGameProfileToast,
-    openProfileWebview,
-    profileData,
-    updateAppToSupportedMinVersion
-  ]);
-  if (!(0, import_native_modules12.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_react_native19.Pressable,
-        {
-          style: {
-            ...overlayStyle
-          },
-          onPress: () => {
-            updateAppToSupportedMinVersion();
-          }
-        }
-      )
+    });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RNNavigationBar.Game, {}),
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+  ] });
+}
+function GeneralAppContainer({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RNNavigationBar.Default, {}),
+    children
+  ] });
+}
+
+// src/core/registerApp.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function AppsInTossContainer(Container, { children, ...initialProps }) {
+  if (!(0, import_native_modules13.isMinVersionSupported)({
+    android: "5.220.0",
+    ios: "5.221.0"
+  })) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AppEvent.Entry, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AppEvent.System, { ...initialProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AppUpdate, {})
     ] });
   }
-  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_react_native19.View,
-        {
-          style: {
-            ...overlayStyle,
-            justifyContent: "center",
-            alignItems: "center",
-            backgroundColor: "rgba(0, 0, 0, 0.2)"
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tds_react_native9.Loader, { size: "large", type: "light" })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AppEvent.StayTime, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AppEvent.Entry, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AppEvent.System, { ...initialProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Container, { ...initialProps, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tds_react_native10.TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TDSContainer, { ...initialProps, children }) }) })
+  ] });
+}
+function TDSContainer({ children }) {
+  useAppsInTossBridge();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children });
+}
+function registerApp(container, { context, analytics }) {
+  const appName = getAppName();
+  const isRegistered = import_react_native21.AppRegistry.getAppKeys().includes(appName);
+  if (!isRegistered) {
+    import_analytics.Analytics.init({
+      logger: (params) => void (0, import_native_modules13.eventLog)(params),
+      debug: analytics?.debug ?? __DEV__
+    });
+    const App = import_react_native20.Granite.registerApp(AppsInTossContainer.bind(null, container), {
+      appName,
+      context,
+      setIosSwipeGestureEnabled: import_native_modules13.setIosSwipeGestureEnabled,
+      router: {
+        screenContainer: AppsInTossScreenContainer,
+        defaultScreenOption: {
+          statusBarStyle: "dark"
         }
-      )
-    ] });
+      }
+    });
+    global.Page = App;
   }
-  if (shouldShowProfileNotFoundOverlay) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.View, { style: { flex: 1, position: "relative" }, children }),
-      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_react_native19.Pressable,
-        {
-          style: {
-            ...overlayStyle
-          },
-          onPress: () => {
-            openProfileWebview();
-          }
-        }
-      )
-    ] });
+  return global.Page;
+}
+function AppsInTossScreenContainer({ children }) {
+  const isRNApp = getAppsInTossGlobals().webViewType == null;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_analytics.Analytics.Screen, { children: isRNApp ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(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__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.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
+var import_native_modules18 = require("@apps-in-toss/native-modules");
+var appsInTossAsyncBridges = __toESM(require("@apps-in-toss/native-modules/async-bridges"), 1);
+var appsInTossConstantBridges = __toESM(require("@apps-in-toss/native-modules/constant-bridges"), 1);
+var appsInTossEventBridges = __toESM(require("@apps-in-toss/native-modules/event-bridges"), 1);
+var import_react_native31 = require("@granite-js/react-native");
+var import_tds_react_native14 = require("@toss/tds-react-native");
+var import_private9 = require("@toss/tds-react-native/private");
+var import_react24 = require("react");
+var import_react_native32 = require("react-native");
+
+// src/components/GameWebView.tsx
+var import_native_modules14 = require("@apps-in-toss/native-modules");
+var import_react_native_webview = require("@granite-js/native/react-native-webview");
+var import_react16 = require("react");
+var import_react_native24 = require("react-native");
+
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
-var import_react_native20 = require("@granite-js/react-native");
-var import_tds_react_native10 = require("@toss/tds-react-native");
-var import_private6 = require("@toss/tds-react-native/private");
+var import_react_native22 = require("@granite-js/react-native");
+var import_tds_react_native11 = require("@toss/tds-react-native");
+var import_private7 = require("@toss/tds-react-native/private");
 var import_es_hangul3 = require("es-hangul");
-var import_react12 = require("react");
-var import_react_native21 = require("react-native");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_react_native23 = require("react-native");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function GameWebviewNavigationBar() {
-  const safeAreaTop = (0, import_private6.useSafeAreaTop)();
-  const { openConfirm } = (0, import_tds_react_native10.useDialog)();
+  const safeAreaTop = (0, import_private7.useSafeAreaTop)();
+  const { openConfirm } = (0, import_tds_react_native11.useDialog)();
   const { captureExitLog } = useCaptureExitLog();
   const global2 = getAppsInTossGlobals();
   const logging = useNavigationBarLogging();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const handleGameWebviewClose = (0, import_react12.useCallback)(async () => {
+  const handleGameWebviewClose = (0, import_react15.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${(0, import_es_hangul3.josa)(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1239,18 +1349,18 @@ function GameWebviewNavigationBar() {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      (0, import_react_native20.closeView)();
+      (0, import_react_native22.closeView)();
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tds_react_native10.PageNavbar, { preference: { type: "none" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_react_native21.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tds_react_native11.PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_react_native23.View,
       {
         style: {
           width: "100%",
           // TODO: UI관련 스타일 설정은 TDS로 이관
-          height: import_react_native21.Platform.OS === "ios" ? 44 : 54,
+          height: import_react_native23.Platform.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "flex-end",
@@ -1260,8 +1370,8 @@ function GameWebviewNavigationBar() {
           paddingRight: 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_private6.NavigationRightContent,
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_private7.NavigationRightContent,
           {
             fixedRightButton: initialAccessoryButton,
             onPressDots: openMoreButtonBottomSheet,
@@ -1277,53 +1387,53 @@ function GameWebviewNavigationBar() {
 }
 
 // src/components/GameWebView.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var GameWebView = (0, import_react13.forwardRef)(function GameWebView2(props, ref) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react13.useState)(false);
-  (0, import_react13.useEffect)(() => {
-    if (import_react_native22.Platform.OS === "ios") {
-      (0, import_native_modules13.setIosSwipeGestureEnabled)({ isEnabled: false });
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var GameWebView = (0, import_react16.forwardRef)(function GameWebView2(props, ref) {
+  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
+    if (import_react_native24.Platform.OS === "ios") {
+      (0, import_native_modules14.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
-        (0, import_native_modules13.setIosSwipeGestureEnabled)({ isEnabled: true });
+        (0, import_native_modules14.setIosSwipeGestureEnabled)({ isEnabled: true });
       };
     }
     return;
   }, []);
-  (0, import_react13.useEffect)(() => {
-    import_native_modules13.appsInTossEvent.addEventListener("entryMessageExited", {
+  (0, import_react16.useEffect)(() => {
+    import_native_modules14.appsInTossEvent.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
       }
     });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GameWebviewNavigationBar, {}),
-    (0, import_native_modules13.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_webview.WebView, { ref, ...props }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_webview.WebView, { ref, ...props })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(GameWebviewNavigationBar, {}),
+    (0, import_native_modules14.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_webview.WebView, { ref, ...props }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_webview.WebView, { ref, ...props })
   ] });
 });
 
 // src/components/PartnerWebView.tsx
 var import_react_native_webview2 = require("@granite-js/native/react-native-webview");
-var import_react15 = require("react");
+var import_react18 = require("react");
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
-var import_react_native23 = require("@granite-js/react-native");
-var import_tds_react_native11 = require("@toss/tds-react-native");
-var import_private7 = require("@toss/tds-react-native/private");
+var import_react_native25 = require("@granite-js/react-native");
+var import_tds_react_native12 = require("@toss/tds-react-native");
+var import_private8 = require("@toss/tds-react-native/private");
 var import_es_hangul4 = require("es-hangul");
-var import_react14 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = (0, import_tds_react_native11.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native12.useDialog)();
   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 handleClose = (0, import_react14.useCallback)(async () => {
+  const handleClose = (0, import_react17.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${(0, import_es_hangul4.josa)(globals.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1335,11 +1445,11 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      (0, import_react_native23.closeView)();
+      (0, import_react_native25.closeView)();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_private7.TopNavigation,
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_private8.TopNavigation,
     {
       title: globals.brandDisplayName,
       icon: toIcon(globals.brandIcon),
@@ -1349,22 +1459,22 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
       onPressClose: handleClose,
       withHome: withHomeButton,
       fixedRightButton: initialAccessoryButton,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_private7.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_private7.NavigationBackButton, { onPress: onBackButtonClick, canGoBack: false }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_private8.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_private8.NavigationBackButton, { onPress: onBackButtonClick, canGoBack: false }) })
     }
   ) });
 }
 
 // src/components/PartnerWebView.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var PartnerWebView = (0, import_react15.forwardRef)(function PartnerWebViewScreen({ onBackButtonClick, onHomeButtonClick, ...webViewProps }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PartnerWebviewNavigationBar, { onBackButtonClick, onHomeButtonClick }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_webview2.WebView, { ref, ...webViewProps, style: { flex: 1 } })
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var PartnerWebView = (0, import_react18.forwardRef)(function PartnerWebViewScreen({ onBackButtonClick, onHomeButtonClick, ...webViewProps }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PartnerWebviewNavigationBar, { onBackButtonClick, onHomeButtonClick }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native_webview2.WebView, { ref, ...webViewProps, style: { flex: 1 } })
   ] });
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-var import_react16 = require("react");
+var import_react19 = require("react");
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1417,8 +1527,8 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = (0, import_react16.useRef)(null);
-  const injectedJavaScript = (0, import_react16.useMemo)(
+  const ref = (0, import_react19.useRef)(null);
+  const injectedJavaScript = (0, import_react19.useMemo)(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1445,7 +1555,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = (0, import_react16.useCallback)(
+  const $onMessage = (0, import_react19.useCallback)(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1496,13 +1606,13 @@ function useBridgeHandler({
 }
 
 // src/core/hooks/useWebBackHandler.tsx
-var import_react_native24 = require("@granite-js/react-native");
-var import_tds_react_native12 = require("@toss/tds-react-native");
+var import_react_native26 = require("@granite-js/react-native");
+var import_tds_react_native13 = require("@toss/tds-react-native");
 var import_es_hangul5 = require("es-hangul");
-var import_react18 = require("react");
+var import_react21 = require("react");
 
 // src/hooks/useWebviewHistoryStack.tsx
-var import_react17 = require("react");
+var import_react20 = require("react");
 var INITIAL_STATE = { stack: [], index: -1 };
 function reducer(state, action) {
   switch (action.type) {
@@ -1533,11 +1643,11 @@ function reducer(state, action) {
   }
 }
 function useWebViewHistory() {
-  const [state, dispatch] = (0, import_react17.useReducer)(reducer, INITIAL_STATE);
-  const onNavigationStateChange = (0, import_react17.useCallback)(({ url, canGoForward: canGoForward2 }) => {
+  const [state, dispatch] = (0, import_react20.useReducer)(reducer, INITIAL_STATE);
+  const onNavigationStateChange = (0, import_react20.useCallback)(({ url, canGoForward: canGoForward2 }) => {
     dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
   }, []);
-  const { canGoBack, canGoForward } = (0, import_react17.useMemo)(() => {
+  const { canGoBack, canGoForward } = (0, import_react20.useMemo)(() => {
     const canBack = state.index > 0;
     const canFwd = state.index >= 0 && state.index < state.stack.length - 1;
     return { canGoBack: canBack, canGoForward: canFwd };
@@ -1566,23 +1676,23 @@ function useWebBackHandler(webViewRef) {
     hasBackEvent: hasWebBackEvent,
     addEventListener: addWebBackEventListener,
     removeEventListener: removeWebBackEventListener
-  } = (0, import_react_native24.useBackEventState)();
+  } = (0, import_react_native26.useBackEventState)();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = (0, import_tds_react_native12.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native13.useDialog)();
   const global2 = getAppsInTossGlobals();
-  const addEventListener = (0, import_react18.useCallback)(
+  const addEventListener = (0, import_react21.useCallback)(
     (handler) => {
       addWebBackEventListener(handler);
     },
     [addWebBackEventListener]
   );
-  const removeEventListener = (0, import_react18.useCallback)(
+  const removeEventListener = (0, import_react21.useCallback)(
     (handler) => {
       removeWebBackEventListener(handler);
     },
     [removeWebBackEventListener]
   );
-  const handleWebBack = (0, import_react18.useCallback)(async () => {
+  const handleWebBack = (0, import_react21.useCallback)(async () => {
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
         handler();
@@ -1602,7 +1712,7 @@ function useWebBackHandler(webViewRef) {
       logging.closePopupCtaClick(isConfirmed);
       if (isConfirmed) {
         captureExitLog(Date.now());
-        (0, import_react_native24.closeView)();
+        (0, import_react_native26.closeView)();
       }
     }
   }, [
@@ -1615,7 +1725,7 @@ function useWebBackHandler(webViewRef) {
     openConfirm,
     webViewRef
   ]);
-  const handleWebHome = (0, import_react18.useCallback)(() => {
+  const handleWebHome = (0, import_react21.useCallback)(() => {
     logging.homeButtonClick();
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
@@ -1625,7 +1735,7 @@ function useWebBackHandler(webViewRef) {
     }
     webViewRef.current?.injectJavaScript(HISTORY_HOME_SCRIPT);
   }, [hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
-  return (0, import_react18.useMemo)(
+  return (0, import_react21.useMemo)(
     () => ({ addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange }),
     [addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange]
   );
@@ -1645,8 +1755,8 @@ function mergeRefs(...refs) {
 }
 
 // src/hooks/useCreateUserAgent.ts
-var import_native_modules14 = require("@apps-in-toss/native-modules");
-var import_react_native25 = require("react-native");
+var import_native_modules15 = require("@apps-in-toss/native-modules");
+var import_react_native27 = require("react-native");
 var FontA11yCategory = {
   Large: "Large",
   xLarge: "xLarge",
@@ -1779,9 +1889,9 @@ function useCreateUserAgent({
   safeArea,
   safeAreaBottomTransparency
 }) {
-  const platform = (0, import_native_modules14.getPlatformOS)();
-  const appVersion = (0, import_native_modules14.getTossAppVersion)();
-  const { fontScale } = (0, import_react_native25.useWindowDimensions)();
+  const platform = (0, import_native_modules15.getPlatformOS)();
+  const appVersion = (0, import_native_modules15.getTossAppVersion)();
+  const { fontScale } = (0, import_react_native27.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -1801,17 +1911,17 @@ function useCreateUserAgent({
 }
 
 // src/hooks/useGeolocation.ts
-var import_native_modules15 = require("@apps-in-toss/native-modules");
-var import_react_native26 = require("@granite-js/react-native");
-var import_react19 = require("react");
+var import_native_modules16 = require("@apps-in-toss/native-modules");
+var import_react_native28 = require("@granite-js/react-native");
+var import_react22 = require("react");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native26.useVisibility)();
-  const [location, setLocation] = (0, import_react19.useState)(null);
-  (0, import_react19.useEffect)(() => {
+  const isVisible = (0, import_react_native28.useVisibility)();
+  const [location, setLocation] = (0, import_react22.useState)(null);
+  (0, import_react22.useEffect)(() => {
     if (!isVisible) {
       return;
     }
-    return (0, import_native_modules15.startUpdateLocation)({
+    return (0, import_native_modules16.startUpdateLocation)({
       options: {
         accuracy,
         distanceInterval,
@@ -1825,12 +1935,12 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 }
 
 // src/hooks/useWaitForReturnNavigator.tsx
-var import_react_native27 = require("@granite-js/react-native");
-var import_react20 = require("react");
+var import_react_native29 = require("@granite-js/react-native");
+var import_react23 = require("react");
 function useWaitForReturnNavigator() {
-  const callbacks = (0, import_react20.useRef)([]).current;
-  const navigation = (0, import_react_native27.useNavigation)();
-  const startNavigating = (0, import_react20.useCallback)(
+  const callbacks = (0, import_react23.useRef)([]).current;
+  const navigation = (0, import_react_native29.useNavigation)();
+  const startNavigating = (0, import_react23.useCallback)(
     (route, params) => {
       return new Promise((resolve) => {
         callbacks.push(resolve);
@@ -1839,7 +1949,7 @@ function useWaitForReturnNavigator() {
     },
     [callbacks, navigation]
   );
-  const handleVisibilityChange = (0, import_react20.useCallback)(
+  const handleVisibilityChange = (0, import_react23.useCallback)(
     (state) => {
       if (state === "visible" && callbacks.length > 0) {
         for (const callback of callbacks) {
@@ -1850,13 +1960,13 @@ function useWaitForReturnNavigator() {
     },
     [callbacks]
   );
-  (0, import_react_native27.useVisibilityChange)(handleVisibilityChange);
+  (0, import_react_native29.useVisibilityChange)(handleVisibilityChange);
   return startNavigating;
 }
 
 // src/utils/log.ts
-var import_native_modules16 = require("@apps-in-toss/native-modules");
-var import_react_native28 = require("@granite-js/react-native");
+var import_native_modules17 = require("@apps-in-toss/native-modules");
+var import_react_native30 = require("@granite-js/react-native");
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -1882,7 +1992,7 @@ var getGroupId = (url) => {
 };
 var getReferrer = () => {
   try {
-    const referrer = new URL((0, import_react_native28.getSchemeUri)());
+    const referrer = new URL((0, import_react_native30.getSchemeUri)());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -1900,21 +2010,21 @@ var trackScreen = (url) => {
       deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
     }
   };
-  return (0, import_native_modules16.eventLog)(log);
+  return (0, import_native_modules17.eventLog)(log);
 };
 
 // src/components/WebView.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
   partner: PartnerWebView,
-  external: import_tds_react_native13.ExternalWebViewScreen,
+  external: import_tds_react_native14.ExternalWebViewScreen,
   game: GameWebView
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL((0, import_react_native29.getSchemeUri)());
+  const schemeUrl = new URL((0, import_react_native31.getSchemeUri)());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -1926,7 +2036,7 @@ function getWebViewUri(local) {
     const devUrl = `http://${local.host}:${local.port}`;
     return mergeSchemeQueryParamsInto(devUrl).toString();
   }
-  const { url: rawUrl } = import_native_modules17.AppsInTossModule.getWebBundleURL({});
+  const { url: rawUrl } = import_native_modules18.AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
   const deploymentId = env.getDeploymentId();
   if (deploymentId) {
@@ -1938,13 +2048,13 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
-  const webViewRef = (0, import_react21.useRef)(null);
+  const webViewRef = (0, import_react24.useRef)(null);
   const webBackHandler = useWebBackHandler(webViewRef);
-  const uri = (0, import_react21.useMemo)(() => getWebViewUri(local), [local]);
-  const top = (0, import_private8.useSafeAreaTop)();
-  const bottom = (0, import_private8.useSafeAreaBottom)();
+  const uri = (0, import_react24.useMemo)(() => getWebViewUri(local), [local]);
+  const top = (0, import_private9.useSafeAreaTop)();
+  const bottom = (0, import_private9.useSafeAreaBottom)();
   const global2 = getAppsInTossGlobals();
-  const topNavigation = (0, import_private8.useTopNavigation)();
+  const topNavigation = (0, import_private9.useTopNavigation)();
   const disableTextSelectionCSS = `
     (function() {
       const style = document.createElement('style');
@@ -1952,7 +2062,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react21.useState)(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react24.useState)(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -1961,28 +2071,28 @@ function WebView({ type, local, onMessage, ...props }) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...appsInTossEventBridges,
-      navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native13.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
+      navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native14.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent }) => {
         webBackHandler.addEventListener(onEvent);
         return () => {
           webBackHandler.removeEventListener(onEvent);
         };
       },
-      entryMessageExited: ({ onEvent, onError }) => import_native_modules17.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      entryMessageExited: ({ onEvent, onError }) => import_native_modules18.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
+      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
-      loadAdMobInterstitialAd: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd,
-      showAdMobInterstitialAd: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd,
-      loadAdMobRewardedAd: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd,
-      showAdMobRewardedAd: import_native_modules17.GoogleAdMob.showAdMobRewardedAd,
+      loadAdMobInterstitialAd: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd,
+      showAdMobInterstitialAd: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd,
+      loadAdMobRewardedAd: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd,
+      showAdMobRewardedAd: import_native_modules18.GoogleAdMob.showAdMobRewardedAd,
       /** AdMobV2 */
-      loadAppsInTossAdMob: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: import_native_modules17.GoogleAdMob.showAppsInTossAdMob,
+      loadAppsInTossAdMob: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob,
+      showAppsInTossAdMob: import_native_modules18.GoogleAdMob.showAppsInTossAdMob,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: import_native_modules17.IAP.createOneTimePurchaseOrder,
-      requestOneTimePurchase: import_native_modules17.requestOneTimePurchase
+      iapCreateOneTimePurchaseOrder: import_native_modules18.IAP.createOneTimePurchaseOrder,
+      requestOneTimePurchase: import_native_modules18.requestOneTimePurchase
     },
     constantHandlerMap: {
       ...appsInTossConstantBridges,
@@ -1990,13 +2100,13 @@ function WebView({ type, local, onMessage, ...props }) {
       getSafeAreaBottom: () => bottom,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
-      loadAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
-      showAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd.isSupported,
-      loadAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd.isSupported,
-      showAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobRewardedAd.isSupported,
+      loadAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
+      showAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd.isSupported,
+      loadAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd.isSupported,
+      showAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobRewardedAd.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.showAppsInTossAdMob.isSupported,
+      loadAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.showAppsInTossAdMob.isSupported,
       /** env */
       getDeploymentId: env.getDeploymentId
     },
@@ -2019,20 +2129,20 @@ function WebView({ type, local, onMessage, ...props }) {
       getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
       openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
-      getStorageItem: import_native_modules17.Storage.getItem,
-      setStorageItem: import_native_modules17.Storage.setItem,
-      removeStorageItem: import_native_modules17.Storage.removeItem,
-      clearItems: import_native_modules17.Storage.clearItems,
+      getStorageItem: import_native_modules18.Storage.getItem,
+      setStorageItem: import_native_modules18.Storage.setItem,
+      removeStorageItem: import_native_modules18.Storage.removeItem,
+      clearItems: import_native_modules18.Storage.clearItems,
       /** IAP */
-      iapGetProductItemList: import_native_modules17.IAP.getProductItemList,
-      iapCreateOneTimePurchaseOrder: import_native_modules17.iapCreateOneTimePurchaseOrder,
-      processProductGrant: import_native_modules17.processProductGrant,
-      getPendingOrders: import_native_modules17.IAP.getPendingOrders,
-      getCompletedOrRefundedOrders: import_native_modules17.IAP.getCompletedOrRefundedOrders,
-      completeProductGrant: import_native_modules17.IAP.completeProductGrant
+      iapGetProductItemList: import_native_modules18.IAP.getProductItemList,
+      iapCreateOneTimePurchaseOrder: import_native_modules18.iapCreateOneTimePurchaseOrder,
+      processProductGrant: import_native_modules18.processProductGrant,
+      getPendingOrders: import_native_modules18.IAP.getPendingOrders,
+      getCompletedOrRefundedOrders: import_native_modules18.IAP.getCompletedOrRefundedOrders,
+      completeProductGrant: import_native_modules18.IAP.completeProductGrant
     }
   });
-  const headerPropForExternalWebView = (0, import_react21.useMemo)(() => {
+  const headerPropForExternalWebView = (0, import_react24.useMemo)(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -2053,15 +2163,15 @@ function WebView({ type, local, onMessage, ...props }) {
     colorPreference: "light"
   });
   const refs = mergeRefs(handler.ref, webViewRef);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const callback = () => {
       webBackHandler.handleWebBack();
       return true;
     };
-    import_react_native30.BackHandler.addEventListener("hardwareBackPress", callback);
-    return () => import_react_native30.BackHandler.removeEventListener("hardwareBackPress", callback);
+    import_react_native32.BackHandler.addEventListener("hardwareBackPress", callback);
+    return () => import_react_native32.BackHandler.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     BaseWebView,
     {
       ref: refs,
@@ -2083,14 +2193,14 @@ function WebView({ type, local, onMessage, ...props }) {
         props.onNavigationStateChange?.(event);
         webBackHandler.onNavigationStateChange(event);
       },
-      userAgent: import_react_native30.Platform.OS === "ios" ? userAgent : void 0,
+      userAgent: import_react_native32.Platform.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
-      decelerationRate: import_react_native30.Platform.OS === "ios" ? 1 : void 0,
+      decelerationRate: import_react_native32.Platform.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures
     }
   );
@@ -2098,7 +2208,7 @@ function WebView({ type, local, onMessage, ...props }) {
 
 // src/index.ts
 __reExport(src_exports, require("@apps-in-toss/analytics"), module.exports);
-var import_private9 = require("@toss/tds-react-native/private");
+var import_private10 = require("@toss/tds-react-native/private");
 __reExport(src_exports, require("@apps-in-toss/native-modules"), module.exports);
 __reExport(src_exports, require("@apps-in-toss/types"), module.exports);
 var Analytics2 = {