@apps-in-toss/framework 1.3.0 → 1.4.0

package/dist/index.js

@@ -201,64 +201,128 @@ function useAppsInTossBridge() {
 
 // src/components/RNAppContainer.tsx
 import { appsInTossEvent as appsInTossEvent2, setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
-import { useEffect as useEffect9, useState as useState3 } from "react";
+import { useEffect as useEffect9, useState as useState4 } from "react";
 import { Platform as Platform3 } from "react-native";
 
-// src/components/GameProfile.tsx
-import { getGameCenterGameProfile as getGameCenterGameProfile2, isMinVersionSupported } from "@apps-in-toss/native-modules";
+// src/components/GameInitializer.tsx
+import { isMinVersionSupported } from "@apps-in-toss/native-modules";
+import { closeView as closeView2 } from "@granite-js/react-native";
 import { Loader } from "@toss/tds-react-native";
-import { useEffect as useEffect5 } from "react";
+import { josa } from "es-hangul";
+import { useEffect as useEffect5, useRef as useRef2 } from "react";
 import { Pressable, View } from "react-native";
 
 // src/constant/game-center.ts
 var GAME_PROFILE_WEBVIEW_URL = "servicetoss://game-center/profile";
-var GAME_CENTER_MIN_VERSION = {
-  android: "5.221.0",
-  ios: "5.221.0"
+var GAME_MIN_VERSION = {
+  android: "5.232.0",
+  ios: "5.232.0"
 };
 
-// src/hooks/useGameCenterProfile.ts
-import { getGameCenterGameProfile } from "@apps-in-toss/native-modules";
-import { closeView, openURL as openURL3 } from "@granite-js/react-native";
+// src/hooks/useAppUpdateDialog.tsx
+import { INTERNAL__module as INTERNAL__module3 } from "@apps-in-toss/native-modules";
+import { Granite as Granite3, openURL as openURL2 } from "@granite-js/react-native";
 import { useDialog } from "@toss/tds-react-native";
-import { josa } from "es-hangul";
-import { useCallback as useCallback2, useRef as useRef2, useState } from "react";
+import { useCallback as useCallback2 } from "react";
 
-// src/components/GameProfileToast.tsx
-import { Asset, Toast } from "@toss/tds-react-native";
-import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay } from "@toss/tds-react-native/private";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var useGameProfileToast = () => {
-  const overlay = useOverlay();
-  const openGameProfileToast = (nickname, profileImageUri) => {
-    return new Promise((resolve) => {
-      overlay.open(({ isOpen, close, exit }) => {
-        return /* @__PURE__ */ jsx2(ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ jsx2(AdaptiveColorProvider, { children: /* @__PURE__ */ jsx2(
-          Toast,
-          {
-            open: isOpen,
-            onClose: () => {
-              resolve();
-              close();
-            },
-            onExited: exit,
-            position: "top",
-            text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
-            icon: /* @__PURE__ */ jsx2(
-              Asset.Image,
-              {
-                style: { borderRadius: 64, overflow: "hidden" },
-                frameShape: Asset.frameShape.CleanW32,
-                source: { uri: profileImageUri }
-              }
-            )
-          }
-        ) }) });
+// src/utils/market.ts
+import { Platform } from "react-native";
+var PLAYSTORE_LINK = "https://play.google.com/store/apps/details?id=viva.republica.toss";
+var APPSTORE_LINK = "https://itunes.apple.com/app/id839333328";
+var getMarketLink = () => {
+  return Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
+};
+
+// src/hooks/useAppUpdateDialog.tsx
+function useAppUpdateDialog() {
+  const { openConfirm } = useDialog();
+  const logging = useAppUpdateDialogLogging();
+  const openAppUpdateDialog = useCallback2(
+    async ({
+      title,
+      description,
+      leftButton = "\uB2EB\uAE30",
+      rightButton = "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30",
+      onDismiss
+    }) => {
+      logging.show();
+      const isConfirmed = await openConfirm({
+        title,
+        description,
+        leftButton,
+        rightButton,
+        closeOnDimmerClick: true
       });
+      if (!isConfirmed) {
+        logging.close();
+        onDismiss?.();
+        return;
+      }
+      logging.update();
+      const STORE_SCHEME = getMarketLink();
+      openURL2(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+    },
+    [logging, openConfirm]
+  );
+  return {
+    open: openAppUpdateDialog
+  };
+}
+var UPDATE_DIALOG_SCHEMA_ID = 1634992;
+var UPDATE_DIALOG_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update";
+var UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID = 1634996;
+var UPDATE_DIALOG_CTA_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update::click__cta";
+function useAppUpdateDialogLogging() {
+  const referrer = useReferrer();
+  const baseParams = {
+    referrer,
+    app_name: Granite3.appName
+  };
+  const logUpdateClick = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...baseParams,
+        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
+        event_type: "click",
+        button_type: "update"
+      }
     });
   };
-  return { openGameProfileToast };
-};
+  const logCloseClick = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
+      log_type: "event",
+      params: {
+        ...baseParams,
+        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
+        event_type: "click",
+        button_type: "close"
+      }
+    });
+  };
+  const logDialogShow = () => {
+    INTERNAL__module3.tossCoreEventLog({
+      log_name: UPDATE_DIALOG_LOG_NAME,
+      log_type: "popup",
+      params: {
+        ...baseParams,
+        schema_id: UPDATE_DIALOG_SCHEMA_ID
+      }
+    });
+  };
+  return { update: logUpdateClick, close: logCloseClick, show: logDialogShow };
+}
+
+// src/hooks/useGameCenterProfile.ts
+import { getGameCenterGameProfile } from "@apps-in-toss/native-modules";
+import { useCallback as useCallback6, useState as useState2 } from "react";
+
+// src/hooks/useErrorAlert.ts
+import { closeView } from "@granite-js/react-native";
+import { useDialog as useDialog2 } from "@toss/tds-react-native";
+import { useCallback as useCallback3 } from "react";
 
 // src/utils/error.ts
 var DEFAULT_ERROR = {
@@ -266,16 +330,24 @@ var DEFAULT_ERROR = {
   description: "\uBB38\uC81C\uAC00 \uACC4\uC18D\uB418\uBA74 \uD1A0\uC2A4 \uACE0\uAC1D\uC13C\uD130(1599-4905)\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694."
 };
 
-// src/utils/market.ts
-import { Platform } from "react-native";
-var PLAYSTORE_LINK = "https://play.google.com/store/apps/details?id=viva.republica.toss";
-var APPSTORE_LINK = "https://itunes.apple.com/app/id839333328";
-var getMarketLink = () => {
-  return Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
+// src/hooks/useErrorAlert.ts
+var useErrorAlert = () => {
+  const { openAlert } = useDialog2();
+  const openErrorAlert = useCallback3(async () => {
+    await openAlert({
+      title: DEFAULT_ERROR.title,
+      description: DEFAULT_ERROR.description
+    });
+    closeView();
+  }, [openAlert]);
+  return { open: openErrorAlert };
 };
 
+// src/hooks/useTransparentWebview.tsx
+import { useCallback as useCallback4, useState } from "react";
+
 // src/utils/openTransparentWebView.ts
-import { openURL as openURL2 } from "@granite-js/react-native";
+import { openURL as openURL3 } from "@granite-js/react-native";
 
 // src/private.ts
 import { onVisibilityChangedByTransparentServiceWeb } from "@apps-in-toss/native-modules";
@@ -309,91 +381,139 @@ var openTransparentWebView = ({
       }
     }
   });
-  openURL2(url.toString());
+  openURL3(url.toString());
+};
+
+// src/hooks/useTransparentWebview.tsx
+var useTransparentWebview = () => {
+  const [isWebviewLoading, setIsWebviewLoading] = useState(false);
+  const { open: openErrorAlert } = useErrorAlert();
+  const _openTransparentWebview = useCallback4(
+    ({ webUrl, onClose, onError }) => {
+      if (isWebviewLoading) {
+        return;
+      }
+      setIsWebviewLoading(true);
+      openTransparentWebView({
+        webUrl,
+        onEvent: async (isClosedTransparentWebView) => {
+          if (isClosedTransparentWebView) {
+            setIsWebviewLoading(false);
+            onClose?.();
+          }
+        },
+        onError: (error) => {
+          setIsWebviewLoading(false);
+          if (onError) {
+            onError(error);
+          } else {
+            openErrorAlert();
+          }
+        }
+      });
+    },
+    [isWebviewLoading, openErrorAlert]
+  );
+  return {
+    open: _openTransparentWebview
+  };
+};
+
+// src/components/GameProfileToast.tsx
+import { Asset, Toast } from "@toss/tds-react-native";
+import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay } from "@toss/tds-react-native/private";
+import { useCallback as useCallback5 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var useGameProfileToast = () => {
+  const overlay = useOverlay();
+  const openGameProfileToast = useCallback5(
+    (nickname, profileImageUri) => {
+      return new Promise((resolve) => {
+        overlay.open(({ isOpen, close, exit }) => {
+          return /* @__PURE__ */ jsx2(ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ jsx2(AdaptiveColorProvider, { children: /* @__PURE__ */ jsx2(
+            Toast,
+            {
+              open: isOpen,
+              onClose: () => {
+                resolve();
+                close();
+              },
+              onExited: exit,
+              position: "top",
+              text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
+              icon: /* @__PURE__ */ jsx2(
+                Asset.Image,
+                {
+                  style: { borderRadius: 64, overflow: "hidden" },
+                  frameShape: Asset.frameShape.CleanW32,
+                  source: { uri: profileImageUri }
+                }
+              )
+            }
+          ) }) });
+        });
+      });
+    },
+    [overlay]
+  );
+  return { openGameProfileToast };
 };
 
 // src/hooks/useGameCenterProfile.ts
 var useGameCenterProfile = (isReadyForProfileUI) => {
-  const [profileData, setProfileData] = useState(void 0);
-  const [isProfileDataLoading, setIsProfileDataLoading] = useState(true);
-  const [isProfileDataRefetching, setIsProfileDataRefetching] = useState(false);
-  const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
+  const [profileData, setProfileData] = useState2(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = useState2(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = useState2(false);
+  const shouldShowProfileLoadingOverlay = isProfileDataLoading && isReadyForProfileUI || isProfileDataRefetching;
   const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
   const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
-  const [isWebviewLoading, setIsWebviewLoading] = useState(false);
-  const isCompletedProfileFlow = useRef2(false);
-  const { openAlert, openConfirm } = useDialog();
   const { openGameProfileToast } = useGameProfileToast();
-  const openErrorAlert = useCallback2(async () => {
-    await openAlert({
-      title: DEFAULT_ERROR.title,
-      description: DEFAULT_ERROR.description
-    });
-    closeView();
-  }, [openAlert]);
-  const openProfileWebview = useCallback2(() => {
-    if (isWebviewLoading) {
-      return;
+  const { open: openErrorAlert } = useErrorAlert();
+  const { open: openTransparentWebView2 } = useTransparentWebview();
+  const fetchProfileData = useCallback6(async () => {
+    try {
+      const data = await getGameCenterGameProfile();
+      setProfileData(data);
+      setIsProfileDataLoading(false);
+    } catch (_) {
+      openErrorAlert();
+      setIsProfileDataLoading(false);
+    }
+  }, [openErrorAlert]);
+  const refetchProfileData = useCallback6(async () => {
+    try {
+      setIsProfileDataRefetching(true);
+      const data = await getGameCenterGameProfile();
+      setProfileData(data);
+      setIsProfileDataRefetching(false);
+      if (data?.statusCode === "SUCCESS") {
+        openGameProfileToast(data.nickname, data.profileImageUri);
+      }
+    } catch (_) {
+      setIsProfileDataRefetching(false);
+      openErrorAlert();
     }
-    setIsWebviewLoading(true);
-    openTransparentWebView({
+  }, [openErrorAlert, openGameProfileToast]);
+  const openProfileWebview = useCallback6(() => {
+    openTransparentWebView2({
       webUrl: `${GAME_PROFILE_WEBVIEW_URL}?appName=${getAppName()}&referrer=appsintoss.${getAppName()}`,
-      onEvent: async (isClosedTransparentWebView) => {
-        if (isClosedTransparentWebView) {
-          try {
-            setIsWebviewLoading(false);
-            setIsProfileDataRefetching(true);
-            const data = await getGameCenterGameProfile();
-            setProfileData(data);
-            setIsProfileDataRefetching(false);
-            if (data?.statusCode === "SUCCESS") {
-              openGameProfileToast(data.nickname, data.profileImageUri);
-            }
-          } catch (_) {
-            setIsProfileDataRefetching(false);
-            openErrorAlert();
-          }
-        }
-      },
-      onError: () => {
-        openErrorAlert();
+      onClose: async () => {
+        refetchProfileData();
       }
     });
-  }, [isWebviewLoading, openGameProfileToast, openErrorAlert]);
-  const updateAppToSupportedMinVersion = useCallback2(async () => {
-    const upddateConfirmDialogLabel = {
-      title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
-\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
-      leftButton: "\uB2EB\uAE30",
-      rightButton: "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30"
-    };
-    const isConfirmed = await openConfirm({
-      title: upddateConfirmDialogLabel.title,
-      leftButton: upddateConfirmDialogLabel.leftButton,
-      rightButton: upddateConfirmDialogLabel.rightButton,
-      closeOnDimmerClick: true
-    });
-    if (!isConfirmed) {
-      closeView();
-      return;
-    }
-    const STORE_SCHEME = getMarketLink();
-    openURL3(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
-  }, [openConfirm]);
+  }, [openTransparentWebView2, refetchProfileData]);
   return {
     profileData,
     isProfileDataLoading,
-    isProfileDataRefetching,
-    shouldShowLoadingOverlay,
+    shouldShowProfileLoadingOverlay,
     shouldShowProfileNotFoundOverlay,
     canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    updateAppToSupportedMinVersion,
     setIsProfileDataLoading,
     openProfileWebview,
     setProfileData,
     openErrorAlert,
-    openGameProfileToast
+    openGameProfileToast,
+    fetchProfileData
   };
 };
 
@@ -406,47 +526,40 @@ var Z_INDEX = {
   CLOSE_BUTTON: 9999
 };
 
-// src/components/GameProfile.tsx
+// src/components/GameInitializer.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var GameProfile = ({ children, isReadyForProfileUI }) => {
+var GameInitializer = ({ children, isReadyForProfileUI }) => {
   const {
     profileData,
-    isProfileDataRefetching,
-    shouldShowLoadingOverlay,
+    shouldShowProfileLoadingOverlay,
     shouldShowProfileNotFoundOverlay,
     canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
     openProfileWebview,
-    updateAppToSupportedMinVersion,
-    setIsProfileDataLoading,
-    setProfileData,
-    openErrorAlert,
-    openGameProfileToast
+    openGameProfileToast,
+    fetchProfileData
   } = useGameCenterProfile(isReadyForProfileUI);
+  const isCompletedFlow = useRef2(false);
+  const { open: openAppUpdateDialog } = useAppUpdateDialog();
   useEffect5(() => {
-    try {
-      const getProfileData = async () => {
-        const data = await getGameCenterGameProfile2();
-        setProfileData(data);
-        setIsProfileDataLoading(false);
-      };
-      getProfileData();
-    } catch (_) {
-      openErrorAlert();
-      setIsProfileDataLoading(false);
-    }
+    fetchProfileData();
   }, []);
   useEffect5(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
       }
-      if (isCompletedProfileFlow.current) {
+      if (isCompletedFlow.current) {
         return;
       }
-      isCompletedProfileFlow.current = true;
-      if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
-        updateAppToSupportedMinVersion();
+      isCompletedFlow.current = true;
+      if (!isMinVersionSupported(GAME_MIN_VERSION)) {
+        openAppUpdateDialog({
+          title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+          onDismiss: () => {
+            closeView2();
+          }
+        });
         return;
       }
       if (profileData?.statusCode === "SUCCESS") {
@@ -460,13 +573,13 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     handleGameProfileFlow();
   }, [
     canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
+    isCompletedFlow,
+    openAppUpdateDialog,
     openGameProfileToast,
     openProfileWebview,
-    profileData,
-    updateAppToSupportedMinVersion
+    profileData
   ]);
-  if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
+  if (!isMinVersionSupported(GAME_MIN_VERSION)) {
     return /* @__PURE__ */ jsxs(Fragment2, { children: [
       /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
       /* @__PURE__ */ jsx3(
@@ -476,13 +589,19 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
             ...overlayStyle
           },
           onPress: () => {
-            updateAppToSupportedMinVersion();
+            openAppUpdateDialog({
+              title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+              onDismiss: () => {
+                closeView2();
+              }
+            });
           }
         }
       )
     ] });
   }
-  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
+  if (shouldShowProfileLoadingOverlay) {
     return /* @__PURE__ */ jsxs(Fragment2, { children: [
       /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
       /* @__PURE__ */ jsx3(
@@ -544,17 +663,17 @@ function useHardwareBackPress(handler) {
 }
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
-import { closeView as closeView2, useBackEventContext, useNavigation } from "@granite-js/react-native";
+import { closeView as closeView3, useBackEventContext, useNavigation } from "@granite-js/react-native";
 import { useMemo as useMemo2 } from "react";
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useCloseConfirm.ts
-import { useDialog as useDialog2 } from "@toss/tds-react-native";
+import { useDialog as useDialog3 } from "@toss/tds-react-native";
 import { josa as josa2 } from "es-hangul";
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback7 } from "react";
 function useCloseConfirm() {
   const { brandDisplayName } = getAppsInTossGlobals();
-  const { openConfirm } = useDialog2();
-  return useCallback3(async ({ onEntered }) => {
+  const { openConfirm } = useDialog3();
+  return useCallback7(async ({ onEntered }) => {
     return await openConfirm({
       title: `${josa2(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
       leftButton: "\uCDE8\uC18C",
@@ -566,8 +685,8 @@ function useCloseConfirm() {
 }
 
 // src/components/NavigationBar/common/useNavigationBarLogging.tsx
-import { INTERNAL__module as INTERNAL__module3 } from "@apps-in-toss/native-modules";
-import { Granite as Granite3 } from "@granite-js/react-native";
+import { INTERNAL__module as INTERNAL__module4 } from "@apps-in-toss/native-modules";
+import { Granite as Granite4 } from "@granite-js/react-native";
 var NAVI_BAR_IMPRESSION_SCHEMA_ID = 1596837;
 var NAVI_BAR_IMPRESSION_LOG_NAME = "appsintoss_app_visit__common_module::impression__navigation_bar";
 var CLOSE_POPUP_SHOW_SCHEMA_ID = 1644490;
@@ -582,10 +701,10 @@ function useNavigationBarLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: Granite3.appName
+    app_name: Granite4.appName
   };
   const logNavBarImpression = (naviBarConfig) => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: NAVI_BAR_IMPRESSION_LOG_NAME,
       log_type: "event",
       params: {
@@ -597,7 +716,7 @@ function useNavigationBarLogging() {
     });
   };
   const logHomeButtonClick = () => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: HOME_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -608,7 +727,7 @@ function useNavigationBarLogging() {
     });
   };
   const logCloseButtonClick = () => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: CLOSE_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -619,7 +738,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupShow = () => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: CLOSE_POPUP_SHOW_LOG_NAME,
       log_type: "popup",
       params: {
@@ -629,7 +748,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupCtaClick = (confirm) => {
-    INTERNAL__module3.tossCoreEventLog({
+    INTERNAL__module4.tossCoreEventLog({
       log_name: CLOSE_POPUP_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -664,7 +783,7 @@ function useNavigationEvent() {
       logging.closePopupCtaClick(hasConfirmed);
       if (hasConfirmed) {
         captureExitLog(Date.now());
-        closeView2();
+        closeView3();
       }
     };
     return {
@@ -691,21 +810,21 @@ function useNavigationEvent() {
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
 import { INTERNAL__appBridgeHandler, isMinVersionSupported as isMinVersionSupported2 } from "@apps-in-toss/native-modules";
-import { openURL as openURL5 } from "@granite-js/react-native";
+import { openURL as openURL4 } from "@granite-js/react-native";
 import { BottomSheet, List, ListHeader, ListRow as ListRow2 } from "@toss/tds-react-native";
 import { useAdaptive as useAdaptive2, useOverlay as useOverlay2 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect7, useState as useState2 } from "react";
+import { useEffect as useEffect7, useState as useState3 } from "react";
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
 import { getOperationalEnvironment } from "@apps-in-toss/native-modules";
 import { getSchemeUri as getSchemeUri4 } from "@granite-js/react-native";
-import { ListRow, useDialog as useDialog3 } from "@toss/tds-react-native";
+import { ListRow, useDialog as useDialog4 } from "@toss/tds-react-native";
 import { useAdaptive } from "@toss/tds-react-native/private";
 import { NativeModules } from "react-native";
 
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
-import { INTERNAL__module as INTERNAL__module4 } from "@apps-in-toss/native-modules";
-import { Granite as Granite4 } from "@granite-js/react-native";
+import { INTERNAL__module as INTERNAL__module5 } from "@apps-in-toss/native-modules";
+import { Granite as Granite5 } from "@granite-js/react-native";
 var BOTTOM_SHEET_SCHEMA_ID = 1596825;
 var BOTTOM_SHEET_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__more";
 var BOTTOM_SHEET_OPEN_SCHEMA_ID = 1596829;
@@ -718,10 +837,10 @@ function useMoreButtonBottomSheetLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: Granite4.appName
+    app_name: Granite5.appName
   };
   const logBottomSheetShow = () => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_LOG_NAME,
       log_type: "popup",
       params: {
@@ -731,7 +850,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetOpen = () => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_OPEN_LOG_NAME,
       log_type: "event",
       params: {
@@ -742,7 +861,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetCloseClick = () => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_CLOSE_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -753,7 +872,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetMenuClick = ({ title }) => {
-    INTERNAL__module4.tossCoreEventLog({
+    INTERNAL__module5.tossCoreEventLog({
       log_name: BOTTOM_SHEET_MENU_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -794,7 +913,7 @@ function AppShareListMenu() {
   const logging = useMoreButtonBottomSheetLogging();
   const initialScheme = getSchemeUri4();
   const isSandbox = getOperationalEnvironment() === "sandbox";
-  const { openConfirm } = useDialog3();
+  const { openConfirm } = useDialog4();
   const schemeForShare = addParamsToUrl(initialScheme, {
     referrer: SHARE_SCHEME_REFERRER
   });
@@ -839,90 +958,6 @@ function AppShareListMenu() {
   );
 }
 
-// src/hooks/useAppUpdateDialog.tsx
-import { INTERNAL__module as INTERNAL__module5 } from "@apps-in-toss/native-modules";
-import { Granite as Granite5, openURL as openURL4 } from "@granite-js/react-native";
-import { useDialog as useDialog4 } from "@toss/tds-react-native";
-import { useCallback as useCallback4 } from "react";
-function useAppUpdateDialog() {
-  const { openConfirm } = useDialog4();
-  const logging = useAppUpdateDialogLogging();
-  const openAppUpdateDialog = useCallback4(
-    async ({
-      title,
-      description,
-      leftButton = "\uB2EB\uAE30",
-      rightButton = "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30"
-    }) => {
-      logging.show();
-      const isConfirmed = await openConfirm({
-        title,
-        description,
-        leftButton,
-        rightButton,
-        closeOnDimmerClick: true
-      });
-      if (!isConfirmed) {
-        logging.close();
-        return;
-      }
-      logging.update();
-      const STORE_SCHEME = getMarketLink();
-      openURL4(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
-    },
-    [logging, openConfirm]
-  );
-  return {
-    open: openAppUpdateDialog
-  };
-}
-var UPDATE_DIALOG_SCHEMA_ID = 1634992;
-var UPDATE_DIALOG_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update";
-var UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID = 1634996;
-var UPDATE_DIALOG_CTA_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__app_update::click__cta";
-function useAppUpdateDialogLogging() {
-  const referrer = useReferrer();
-  const baseParams = {
-    referrer,
-    app_name: Granite5.appName
-  };
-  const logUpdateClick = () => {
-    INTERNAL__module5.tossCoreEventLog({
-      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
-        event_type: "click",
-        button_type: "update"
-      }
-    });
-  };
-  const logCloseClick = () => {
-    INTERNAL__module5.tossCoreEventLog({
-      log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
-      log_type: "event",
-      params: {
-        ...baseParams,
-        schema_id: UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID,
-        event_type: "click",
-        button_type: "close"
-      }
-    });
-  };
-  const logDialogShow = () => {
-    INTERNAL__module5.tossCoreEventLog({
-      log_name: UPDATE_DIALOG_LOG_NAME,
-      log_type: "popup",
-      params: {
-        ...baseParams,
-        schema_id: UPDATE_DIALOG_SCHEMA_ID
-      }
-    });
-  };
-  return { update: logUpdateClick, close: logCloseClick, show: logDialogShow };
-}
-
 // src/core/utils/ensureValue.ts
 function ensureValue(value, name) {
   if (value === void 0) {
@@ -947,7 +982,7 @@ var MIN_VERSION = {
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
   const adaptive = useAdaptive2();
-  const [itemList, setItemList] = useState2([]);
+  const [itemList, setItemList] = useState3([]);
   const appUpdateDialog = useAppUpdateDialog();
   const logging = useMoreButtonBottomSheetLogging();
   const overlay = useOverlay2();
@@ -1029,7 +1064,7 @@ function useMoreButtonBottomSheet() {
                   verticalPadding: "extraSmall",
                   onPress: () => {
                     logging.menuClick({ title: item.contactItemName });
-                    openURL5(item.contactUri);
+                    openURL4(item.contactUri);
                   }
                 },
                 item.contactItemName
@@ -1181,7 +1216,7 @@ function RNAppContainer({ children }) {
   }
 }
 function GameAppContainer({ children }) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState3(false);
+  const [isEntryMessageExited, setIsEntryMessageExited] = useState4(false);
   useEffect9(() => {
     if (Platform3.OS === "ios") {
       setIosSwipeGestureEnabled({ isEnabled: false });
@@ -1200,7 +1235,7 @@ function GameAppContainer({ children }) {
   }, []);
   return /* @__PURE__ */ jsxs4(Fragment6, { children: [
     /* @__PURE__ */ jsx9(RNNavigationBar.Game, {}),
-    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx9(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx9(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children }) : children
   ] });
 }
 function GeneralAppContainer({ children }) {
@@ -1292,7 +1327,7 @@ import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-brid
 import { getSchemeUri as getSchemeUri6 } from "@granite-js/react-native";
 import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop3, useTopNavigation } from "@toss/tds-react-native/private";
-import { useEffect as useEffect12, useMemo as useMemo6, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo6, useRef as useRef6, useState as useState7 } from "react";
 import { BackHandler as BackHandler2, Platform as Platform6 } from "react-native";
 
 // src/components/GameWebView.tsx
@@ -1300,15 +1335,15 @@ import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, appsInTossEven
 import {
   WebView as PlainWebView
 } from "@granite-js/native/react-native-webview";
-import { forwardRef, useEffect as useEffect10, useState as useState4 } from "react";
+import { forwardRef, useEffect as useEffect10, useState as useState5 } from "react";
 import { Platform as Platform5 } from "react-native";
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
-import { closeView as closeView3 } from "@granite-js/react-native";
+import { closeView as closeView4 } from "@granite-js/react-native";
 import { PageNavbar as PageNavbar2, useDialog as useDialog5 } from "@toss/tds-react-native";
 import { NavigationRightContent as NavigationRightContent2, useSafeAreaTop as useSafeAreaTop2 } from "@toss/tds-react-native/private";
 import { josa as josa3 } from "es-hangul";
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback8 } from "react";
 import { Platform as Platform4, View as View3 } from "react-native";
 import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function GameWebviewNavigationBar() {
@@ -1320,7 +1355,7 @@ function GameWebviewNavigationBar() {
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const handleGameWebviewClose = useCallback5(async () => {
+  const handleGameWebviewClose = useCallback8(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${josa3(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1332,7 +1367,7 @@ function GameWebviewNavigationBar() {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      closeView3();
+      closeView4();
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
   return /* @__PURE__ */ jsxs6(Fragment8, { children: [
@@ -1372,7 +1407,7 @@ function GameWebviewNavigationBar() {
 // src/components/GameWebView.tsx
 import { Fragment as Fragment9, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState4(false);
+  const [isEntryMessageExited, setIsEntryMessageExited] = useState5(false);
   useEffect10(() => {
     if (Platform5.OS === "ios") {
       setIosSwipeGestureEnabled3({ isEnabled: false });
@@ -1391,7 +1426,7 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
   }, []);
   return /* @__PURE__ */ jsxs7(Fragment9, { children: [
     /* @__PURE__ */ jsx12(GameWebviewNavigationBar, {}),
-    getOperationalEnvironment3() === "toss" ? /* @__PURE__ */ jsx12(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props })
+    getOperationalEnvironment3() === "toss" ? /* @__PURE__ */ jsx12(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx12(PlainWebView, { ref, ...props })
   ] });
 });
 
@@ -1402,11 +1437,11 @@ import {
 import { forwardRef as forwardRef2 } from "react";
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
-import { closeView as closeView4 } from "@granite-js/react-native";
+import { closeView as closeView5 } from "@granite-js/react-native";
 import { useDialog as useDialog6 } from "@toss/tds-react-native";
 import { NavigationBackButton as NavigationBackButton2, NavigationLeft as NavigationLeft2, TopNavigation as TopNavigation2 } from "@toss/tds-react-native/private";
 import { josa as josa4 } from "es-hangul";
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback9 } from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const globals = getAppsInTossGlobals();
@@ -1418,7 +1453,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
   const withBackButton = parsedNavigationBar?.withBackButton ?? true;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const handleClose = useCallback6(async () => {
+  const handleClose = useCallback9(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${josa4(globals.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1430,7 +1465,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      closeView4();
+      closeView5();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
   return /* @__PURE__ */ jsx13(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx13(
@@ -1459,7 +1494,7 @@ var PartnerWebView = forwardRef2(function PartnerWebViewScreen({ onBackButtonCli
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback7, useMemo as useMemo3, useRef as useRef4 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo3, useRef as useRef4 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1540,7 +1575,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = useCallback7(
+  const $onMessage = useCallback10(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1591,13 +1626,13 @@ function useBridgeHandler({
 }
 
 // src/core/hooks/useWebBackHandler.tsx
-import { closeView as closeView5, useBackEventState } from "@granite-js/react-native";
+import { closeView as closeView6, useBackEventState } from "@granite-js/react-native";
 import { useDialog as useDialog7 } from "@toss/tds-react-native";
 import { josa as josa5 } from "es-hangul";
-import { useCallback as useCallback9, useMemo as useMemo5 } from "react";
+import { useCallback as useCallback12, useMemo as useMemo5 } from "react";
 
 // src/hooks/useWebviewHistoryStack.tsx
-import { useCallback as useCallback8, useMemo as useMemo4, useReducer } from "react";
+import { useCallback as useCallback11, useMemo as useMemo4, useReducer } from "react";
 var INITIAL_STATE = { stack: [], index: -1 };
 function reducer(state, action) {
   switch (action.type) {
@@ -1629,7 +1664,7 @@ function reducer(state, action) {
 }
 function useWebViewHistory() {
   const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
-  const onNavigationStateChange = useCallback8(({ url, canGoForward: canGoForward2 }) => {
+  const onNavigationStateChange = useCallback11(({ url, canGoForward: canGoForward2 }) => {
     dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
   }, []);
   const { canGoBack, canGoForward } = useMemo4(() => {
@@ -1665,19 +1700,19 @@ function useWebBackHandler(webViewRef) {
   const logging = useNavigationBarLogging();
   const { openConfirm } = useDialog7();
   const global2 = getAppsInTossGlobals();
-  const addEventListener = useCallback9(
+  const addEventListener = useCallback12(
     (handler) => {
       addWebBackEventListener(handler);
     },
     [addWebBackEventListener]
   );
-  const removeEventListener = useCallback9(
+  const removeEventListener = useCallback12(
     (handler) => {
       removeWebBackEventListener(handler);
     },
     [removeWebBackEventListener]
   );
-  const handleWebBack = useCallback9(async () => {
+  const handleWebBack = useCallback12(async () => {
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
         handler();
@@ -1697,7 +1732,7 @@ function useWebBackHandler(webViewRef) {
       logging.closePopupCtaClick(isConfirmed);
       if (isConfirmed) {
         captureExitLog(Date.now());
-        closeView5();
+        closeView6();
       }
     }
   }, [
@@ -1710,7 +1745,7 @@ function useWebBackHandler(webViewRef) {
     openConfirm,
     webViewRef
   ]);
-  const handleWebHome = useCallback9(() => {
+  const handleWebHome = useCallback12(() => {
     logging.homeButtonClick();
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
@@ -1898,10 +1933,10 @@ function useCreateUserAgent({
 // src/hooks/useGeolocation.ts
 import { startUpdateLocation } from "@apps-in-toss/native-modules";
 import { useVisibility as useVisibility3 } from "@granite-js/react-native";
-import { useEffect as useEffect11, useState as useState5 } from "react";
+import { useEffect as useEffect11, useState as useState6 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
-  const [location, setLocation] = useState5(null);
+  const [location, setLocation] = useState6(null);
   useEffect11(() => {
     if (!isVisible) {
       return;
@@ -1921,11 +1956,11 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 
 // src/hooks/useWaitForReturnNavigator.tsx
 import { useNavigation as useNavigation2, useVisibilityChange } from "@granite-js/react-native";
-import { useCallback as useCallback10, useRef as useRef5 } from "react";
+import { useCallback as useCallback13, useRef as useRef5 } from "react";
 function useWaitForReturnNavigator() {
   const callbacks = useRef5([]).current;
   const navigation = useNavigation2();
-  const startNavigating = useCallback10(
+  const startNavigating = useCallback13(
     (route, params) => {
       return new Promise((resolve) => {
         callbacks.push(resolve);
@@ -1934,7 +1969,7 @@ function useWaitForReturnNavigator() {
     },
     [callbacks, navigation]
   );
-  const handleVisibilityChange = useCallback10(
+  const handleVisibilityChange = useCallback13(
     (state) => {
       if (state === "visible" && callbacks.length > 0) {
         for (const callback of callbacks) {
@@ -2047,7 +2082,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState6(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState7(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({