@apps-in-toss/framework 1.3.0 → 1.4.0

package/dist/index.cjs

@@ -49,9 +49,9 @@ var import_analytics2 = require("@apps-in-toss/analytics");
 // src/core/registerApp.tsx
 var import_analytics = require("@apps-in-toss/analytics");
 var import_native_modules13 = require("@apps-in-toss/native-modules");
-var import_react_native20 = require("@granite-js/react-native");
+var import_react_native21 = require("@granite-js/react-native");
 var import_tds_react_native10 = require("@toss/tds-react-native");
-var import_react_native21 = require("react-native");
+var import_react_native22 = require("react-native");
 
 // src/core/components/AppEvent.tsx
 var import_native_modules2 = require("@apps-in-toss/native-modules");
@@ -232,64 +232,128 @@ function useAppsInTossBridge() {
 
 // 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");
+var import_react17 = require("react");
+var import_react_native20 = require("react-native");
 
-// 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/components/GameInitializer.tsx
+var import_native_modules7 = require("@apps-in-toss/native-modules");
+var import_react_native10 = require("@granite-js/react-native");
+var import_tds_react_native5 = require("@toss/tds-react-native");
+var import_es_hangul = require("es-hangul");
+var import_react11 = require("react");
+var import_react_native11 = 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"
+var GAME_MIN_VERSION = {
+  android: "5.232.0",
+  ios: "5.232.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");
+// src/hooks/useAppUpdateDialog.tsx
+var import_native_modules4 = require("@apps-in-toss/native-modules");
+var import_react_native7 = require("@granite-js/react-native");
+var import_tds_react_native2 = require("@toss/tds-react-native");
 var import_react6 = require("react");
 
-// 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 }
-              }
-            )
-          }
-        ) }) });
+// 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/hooks/useAppUpdateDialog.tsx
+function useAppUpdateDialog() {
+  const { openConfirm } = (0, import_tds_react_native2.useDialog)();
+  const logging = useAppUpdateDialogLogging();
+  const openAppUpdateDialog = (0, import_react6.useCallback)(
+    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();
+      (0, import_react_native7.openURL)(`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: import_react_native7.Granite.appName
+  };
+  const logUpdateClick = () => {
+    import_native_modules4.INTERNAL__module.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 = () => {
+    import_native_modules4.INTERNAL__module.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 = () => {
+    import_native_modules4.INTERNAL__module.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
+var import_native_modules6 = require("@apps-in-toss/native-modules");
+var import_react10 = require("react");
+
+// src/hooks/useErrorAlert.ts
+var import_react_native8 = require("@granite-js/react-native");
+var import_tds_react_native3 = require("@toss/tds-react-native");
+var import_react7 = require("react");
 
 // src/utils/error.ts
 var DEFAULT_ERROR = {
@@ -297,20 +361,28 @@ 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
-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/hooks/useErrorAlert.ts
+var useErrorAlert = () => {
+  const { openAlert } = (0, import_tds_react_native3.useDialog)();
+  const openErrorAlert = (0, import_react7.useCallback)(async () => {
+    await openAlert({
+      title: DEFAULT_ERROR.title,
+      description: DEFAULT_ERROR.description
+    });
+    (0, import_react_native8.closeView)();
+  }, [openAlert]);
+  return { open: openErrorAlert };
 };
 
+// src/hooks/useTransparentWebview.tsx
+var import_react8 = require("react");
+
 // src/utils/openTransparentWebView.ts
-var import_react_native7 = require("@granite-js/react-native");
+var import_react_native9 = 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;
+var import_native_modules5 = require("@apps-in-toss/native-modules");
+var INTERNAL__onVisibilityChangedByTransparentServiceWeb = import_native_modules5.onVisibilityChangedByTransparentServiceWeb;
 
 // src/utils/openTransparentWebView.ts
 var openTransparentWebView = ({
@@ -340,91 +412,139 @@ var openTransparentWebView = ({
       }
     }
   });
-  (0, import_react_native7.openURL)(url.toString());
+  (0, import_react_native9.openURL)(url.toString());
+};
+
+// src/hooks/useTransparentWebview.tsx
+var useTransparentWebview = () => {
+  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react8.useState)(false);
+  const { open: openErrorAlert } = useErrorAlert();
+  const _openTransparentWebview = (0, import_react8.useCallback)(
+    ({ 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
+var import_tds_react_native4 = require("@toss/tds-react-native");
+var import_private2 = require("@toss/tds-react-native/private");
+var import_react9 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var useGameProfileToast = () => {
+  const overlay = (0, import_private2.useOverlay)();
+  const openGameProfileToast = (0, import_react9.useCallback)(
+    (nickname, profileImageUri) => {
+      return new Promise((resolve) => {
+        overlay.open(({ isOpen, close, exit }) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_private2.ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_private2.AdaptiveColorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_tds_react_native4.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_native4.Asset.Image,
+                {
+                  style: { borderRadius: 64, overflow: "hidden" },
+                  frameShape: import_tds_react_native4.Asset.frameShape.CleanW32,
+                  source: { uri: profileImageUri }
+                }
+              )
+            }
+          ) }) });
+        });
+      });
+    },
+    [overlay]
+  );
+  return { openGameProfileToast };
 };
 
 // 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 [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 shouldShowProfileLoadingOverlay = isProfileDataLoading && isReadyForProfileUI || isProfileDataRefetching;
   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
-    });
-    (0, import_react_native8.closeView)();
-  }, [openAlert]);
-  const openProfileWebview = (0, import_react6.useCallback)(() => {
-    if (isWebviewLoading) {
-      return;
+  const { open: openErrorAlert } = useErrorAlert();
+  const { open: openTransparentWebView2 } = useTransparentWebview();
+  const fetchProfileData = (0, import_react10.useCallback)(async () => {
+    try {
+      const data = await (0, import_native_modules6.getGameCenterGameProfile)();
+      setProfileData(data);
+      setIsProfileDataLoading(false);
+    } catch (_) {
+      openErrorAlert();
+      setIsProfileDataLoading(false);
+    }
+  }, [openErrorAlert]);
+  const refetchProfileData = (0, import_react10.useCallback)(async () => {
+    try {
+      setIsProfileDataRefetching(true);
+      const data = await (0, import_native_modules6.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 = (0, import_react10.useCallback)(() => {
+    openTransparentWebView2({
       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();
+      onClose: async () => {
+        refetchProfileData();
       }
     });
-  }, [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]);
+  }, [openTransparentWebView2, refetchProfileData]);
   return {
     profileData,
     isProfileDataLoading,
-    isProfileDataRefetching,
-    shouldShowLoadingOverlay,
+    shouldShowProfileLoadingOverlay,
     shouldShowProfileNotFoundOverlay,
     canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
-    updateAppToSupportedMinVersion,
     setIsProfileDataLoading,
     openProfileWebview,
     setProfileData,
     openErrorAlert,
-    openGameProfileToast
+    openGameProfileToast,
+    fetchProfileData
   };
 };
 
@@ -437,47 +557,40 @@ var Z_INDEX = {
   CLOSE_BUTTON: 9999
 };
 
-// src/components/GameProfile.tsx
+// src/components/GameInitializer.tsx
 var import_jsx_runtime3 = require("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);
-  (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);
-    }
+  const isCompletedFlow = (0, import_react11.useRef)(false);
+  const { open: openAppUpdateDialog } = useAppUpdateDialog();
+  (0, import_react11.useEffect)(() => {
+    fetchProfileData();
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
       }
-      if (isCompletedProfileFlow.current) {
+      if (isCompletedFlow.current) {
         return;
       }
-      isCompletedProfileFlow.current = true;
-      if (!(0, import_native_modules6.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
-        updateAppToSupportedMinVersion();
+      isCompletedFlow.current = true;
+      if (!(0, import_native_modules7.isMinVersionSupported)(GAME_MIN_VERSION)) {
+        openAppUpdateDialog({
+          title: `${(0, import_es_hangul.josa)(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+          onDismiss: () => {
+            (0, import_react_native10.closeView)();
+          }
+        });
         return;
       }
       if (profileData?.statusCode === "SUCCESS") {
@@ -491,33 +604,39 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     handleGameProfileFlow();
   }, [
     canShowBottomSheetOrToast,
-    isCompletedProfileFlow,
+    isCompletedFlow,
+    openAppUpdateDialog,
     openGameProfileToast,
     openProfileWebview,
-    profileData,
-    updateAppToSupportedMinVersion
+    profileData
   ]);
-  if (!(0, import_native_modules6.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
+  if (!(0, import_native_modules7.isMinVersionSupported)(GAME_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_native11.View, { style: { flex: 1, position: "relative" }, children }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native9.Pressable,
+        import_react_native11.Pressable,
         {
           style: {
             ...overlayStyle
           },
           onPress: () => {
-            updateAppToSupportedMinVersion();
+            openAppUpdateDialog({
+              title: `${(0, import_es_hangul.josa)(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+              onDismiss: () => {
+                (0, import_react_native10.closeView)();
+              }
+            });
           }
         }
       )
     ] });
   }
-  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
+  if (shouldShowProfileLoadingOverlay) {
     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_native11.View, { style: { flex: 1, position: "relative" }, children }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native9.View,
+        import_react_native11.View,
         {
           style: {
             ...overlayStyle,
@@ -525,16 +644,16 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
             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" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tds_react_native5.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 }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native11.View, { style: { flex: 1, position: "relative" }, children }),
       shouldShowProfileNotFoundOverlay && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native9.Pressable,
+        import_react_native11.Pressable,
         {
           style: {
             ...overlayStyle
@@ -546,7 +665,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
       )
     ] });
   }
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native11.View, { style: { flex: 1, position: "relative" }, children }) });
 };
 var overlayStyle = {
   position: "absolute",
@@ -561,31 +680,31 @@ var overlayStyle = {
 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");
+var import_react12 = require("react");
+var import_react_native12 = require("react-native");
 function useHardwareBackPress(handler) {
-  (0, import_react8.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleBackPress = () => {
       handler();
       return true;
     };
-    import_react_native10.BackHandler.addEventListener("hardwareBackPress", handleBackPress);
-    return () => import_react_native10.BackHandler.removeEventListener("hardwareBackPress", handleBackPress);
+    import_react_native12.BackHandler.addEventListener("hardwareBackPress", handleBackPress);
+    return () => import_react_native12.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");
+var import_react_native14 = require("@granite-js/react-native");
+var import_react14 = require("react");
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useCloseConfirm.ts
-var import_tds_react_native5 = require("@toss/tds-react-native");
+var import_tds_react_native6 = require("@toss/tds-react-native");
 var import_es_hangul2 = require("es-hangul");
-var import_react9 = require("react");
+var import_react13 = require("react");
 function useCloseConfirm() {
   const { brandDisplayName } = getAppsInTossGlobals();
-  const { openConfirm } = (0, import_tds_react_native5.useDialog)();
-  return (0, import_react9.useCallback)(async ({ onEntered }) => {
+  const { openConfirm } = (0, import_tds_react_native6.useDialog)();
+  return (0, import_react13.useCallback)(async ({ onEntered }) => {
     return await openConfirm({
       title: `${(0, import_es_hangul2.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
       leftButton: "\uCDE8\uC18C",
@@ -597,8 +716,8 @@ function useCloseConfirm() {
 }
 
 // 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 import_native_modules8 = require("@apps-in-toss/native-modules");
+var import_react_native13 = 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;
@@ -613,10 +732,10 @@ function useNavigationBarLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: import_react_native11.Granite.appName
+    app_name: import_react_native13.Granite.appName
   };
   const logNavBarImpression = (naviBarConfig) => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: NAVI_BAR_IMPRESSION_LOG_NAME,
       log_type: "event",
       params: {
@@ -628,7 +747,7 @@ function useNavigationBarLogging() {
     });
   };
   const logHomeButtonClick = () => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: HOME_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -639,7 +758,7 @@ function useNavigationBarLogging() {
     });
   };
   const logCloseButtonClick = () => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: CLOSE_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -650,7 +769,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupShow = () => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: CLOSE_POPUP_SHOW_LOG_NAME,
       log_type: "popup",
       params: {
@@ -660,7 +779,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupCtaClick = (confirm) => {
-    import_native_modules7.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: CLOSE_POPUP_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -682,12 +801,12 @@ function useNavigationBarLogging() {
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
 function useNavigationEvent() {
-  const backEventContext = (0, import_react_native12.useBackEventContext)();
+  const backEventContext = (0, import_react_native14.useBackEventContext)();
   const logging = useNavigationBarLogging();
-  const navigation = (0, import_react_native12.useNavigation)();
+  const navigation = (0, import_react_native14.useNavigation)();
   const closeConfirm = useCloseConfirm();
   const { captureExitLog } = useCaptureExitLog();
-  return (0, import_react10.useMemo)(() => {
+  return (0, import_react14.useMemo)(() => {
     const close = async () => {
       const hasConfirmed = await closeConfirm({
         onEntered: logging.closePopupShow
@@ -695,7 +814,7 @@ function useNavigationEvent() {
       logging.closePopupCtaClick(hasConfirmed);
       if (hasConfirmed) {
         captureExitLog(Date.now());
-        (0, import_react_native12.closeView)();
+        (0, import_react_native14.closeView)();
       }
     };
     return {
@@ -722,21 +841,21 @@ function useNavigationEvent() {
 
 // 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_react_native18 = 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");
+var import_react15 = require("react");
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
-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_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_private3 = require("@toss/tds-react-native/private");
-var import_react_native15 = require("react-native");
+var import_react_native17 = require("react-native");
 
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
-var import_native_modules8 = require("@apps-in-toss/native-modules");
-var import_react_native13 = require("@granite-js/react-native");
+var import_native_modules9 = require("@apps-in-toss/native-modules");
+var import_react_native15 = 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;
@@ -749,10 +868,10 @@ function useMoreButtonBottomSheetLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: import_react_native13.Granite.appName
+    app_name: import_react_native15.Granite.appName
   };
   const logBottomSheetShow = () => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules9.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_LOG_NAME,
       log_type: "popup",
       params: {
@@ -762,7 +881,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetOpen = () => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules9.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_OPEN_LOG_NAME,
       log_type: "event",
       params: {
@@ -773,7 +892,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetCloseClick = () => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules9.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_CLOSE_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -784,7 +903,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetMenuClick = ({ title }) => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules9.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_MENU_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -823,17 +942,17 @@ function AppShareListMenu() {
   const globals = getAppsInTossGlobals();
   const adaptive = (0, import_private3.useAdaptive)();
   const logging = useMoreButtonBottomSheetLogging();
-  const initialScheme = (0, import_react_native14.getSchemeUri)();
-  const isSandbox = (0, import_native_modules9.getOperationalEnvironment)() === "sandbox";
-  const { openConfirm } = (0, import_tds_react_native6.useDialog)();
+  const initialScheme = (0, import_react_native16.getSchemeUri)();
+  const isSandbox = (0, import_native_modules10.getOperationalEnvironment)() === "sandbox";
+  const { openConfirm } = (0, import_tds_react_native7.useDialog)();
   const schemeForShare = addParamsToUrl(initialScheme, {
     referrer: SHARE_SCHEME_REFERRER
   });
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_tds_react_native6.ListRow,
+    import_tds_react_native7.ListRow,
     {
       left: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_tds_react_native6.ListRow.Icon,
+        import_tds_react_native7.ListRow.Icon,
         {
           color: globals.brandPrimaryColor,
           source: { uri: APP_SHARE_MENU_INFO.contactIconUrl },
@@ -841,7 +960,7 @@ function AppShareListMenu() {
         }
       ),
       contents: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_tds_react_native6.ListRow.Texts,
+        import_tds_react_native7.ListRow.Texts,
         {
           type: "1RowTypeA",
           top: APP_SHARE_MENU_INFO.contactItemName,
@@ -860,7 +979,7 @@ function AppShareListMenu() {
           return;
         }
         logging.menuClick({ title: APP_SHARE_MENU_INFO.contactItemName });
-        import_react_native15.NativeModules.AppsInTossModule.shareWithScheme({
+        import_react_native17.NativeModules.AppsInTossModule.shareWithScheme({
           params: {
             schemeURL: schemeForShare
           }
@@ -870,90 +989,6 @@ function AppShareListMenu() {
   );
 }
 
-// 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_native7.useDialog)();
-  const logging = useAppUpdateDialogLogging();
-  const openAppUpdateDialog = (0, import_react11.useCallback)(
-    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();
-      (0, import_react_native16.openURL)(`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: import_react_native16.Granite.appName
-  };
-  const logUpdateClick = () => {
-    import_native_modules10.INTERNAL__module.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 = () => {
-    import_native_modules10.INTERNAL__module.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 = () => {
-    import_native_modules10.INTERNAL__module.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) {
@@ -978,14 +1013,14 @@ var MIN_VERSION = {
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
   const adaptive = (0, import_private4.useAdaptive)();
-  const [itemList, setItemList] = (0, import_react12.useState)([]);
+  const [itemList, setItemList] = (0, import_react15.useState)([]);
   const appUpdateDialog = useAppUpdateDialog();
   const logging = useMoreButtonBottomSheetLogging();
   const overlay = (0, import_private4.useOverlay)();
   const title = ensureValue(globals.brandDisplayName, "displayName");
   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)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isBottomSheetSupported) {
       return;
     }
@@ -1060,7 +1095,7 @@ function useMoreButtonBottomSheet() {
                   verticalPadding: "extraSmall",
                   onPress: () => {
                     logging.menuClick({ title: item.contactItemName });
-                    (0, import_react_native17.openURL)(item.contactUri);
+                    (0, import_react_native18.openURL)(item.contactUri);
                   }
                 },
                 item.contactItemName
@@ -1076,7 +1111,7 @@ function useMoreButtonBottomSheet() {
 }
 function BottomSheetImpressionArea({ children }) {
   const logging = useMoreButtonBottomSheetLogging();
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     logging.show();
   }, [logging]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
@@ -1095,15 +1130,15 @@ function safeParseNavigationBar(navigationBar) {
 }
 
 // src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
-var import_react13 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function NavigationBarImpressionArea({
   children,
   withHomeButton
 }) {
-  const hasLogged = (0, import_react13.useRef)(false);
+  const hasLogged = (0, import_react16.useRef)(false);
   const logging = useNavigationBarLogging();
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (hasLogged.current === false) {
       logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
       hasLogged.current = true;
@@ -1142,7 +1177,7 @@ function DefaultNavigationBar() {
 // src/components/NavigationBar/RNNavigationBar/Game.tsx
 var import_tds_react_native9 = require("@toss/tds-react-native");
 var import_private6 = require("@toss/tds-react-native/private");
-var import_react_native18 = require("react-native");
+var import_react_native19 = require("react-native");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function GameNavigationBar() {
   const safeAreaTop = (0, import_private6.useSafeAreaTop)();
@@ -1155,12 +1190,12 @@ function GameNavigationBar() {
   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,
+      import_react_native19.View,
       {
         style: {
           width: "100%",
           // TODO: UI관련 스타일 설정은 TDS로 이관
-          height: import_react_native18.Platform.OS === "ios" ? 44 : 54,
+          height: import_react_native19.Platform.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "flex-end",
@@ -1209,9 +1244,9 @@ function RNAppContainer({ children }) {
   }
 }
 function GameAppContainer({ children }) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
-    if (import_react_native19.Platform.OS === "ios") {
+  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
+    if (import_react_native20.Platform.OS === "ios") {
       (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
         (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: true });
@@ -1219,7 +1254,7 @@ function GameAppContainer({ children }) {
     }
     return;
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     import_native_modules12.appsInTossEvent.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
@@ -1228,7 +1263,7 @@ function GameAppContainer({ children }) {
   }, []);
   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
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children }) : children
   ] });
 }
 function GeneralAppContainer({ children }) {
@@ -1264,13 +1299,13 @@ function TDSContainer({ children }) {
 }
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
-  const isRegistered = import_react_native21.AppRegistry.getAppKeys().includes(appName);
+  const isRegistered = import_react_native22.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), {
+    const App = import_react_native21.Granite.registerApp(AppsInTossContainer.bind(null, container), {
       appName,
       context,
       setIosSwipeGestureEnabled: import_native_modules13.setIosSwipeGestureEnabled,
@@ -1308,25 +1343,25 @@ 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_react_native32 = 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");
+var import_react27 = require("react");
+var import_react_native33 = 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");
+var import_react19 = require("react");
+var import_react_native25 = require("react-native");
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
-var import_react_native22 = require("@granite-js/react-native");
+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_es_hangul3 = require("es-hangul");
-var import_react15 = require("react");
-var import_react_native23 = require("react-native");
+var import_react18 = require("react");
+var import_react_native24 = require("react-native");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function GameWebviewNavigationBar() {
   const safeAreaTop = (0, import_private7.useSafeAreaTop)();
@@ -1337,7 +1372,7 @@ function GameWebviewNavigationBar() {
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const handleGameWebviewClose = (0, import_react15.useCallback)(async () => {
+  const handleGameWebviewClose = (0, import_react18.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${(0, import_es_hangul3.josa)(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1349,18 +1384,18 @@ function GameWebviewNavigationBar() {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      (0, import_react_native22.closeView)();
+      (0, import_react_native23.closeView)();
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
   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,
+      import_react_native24.View,
       {
         style: {
           width: "100%",
           // TODO: UI관련 스타일 설정은 TDS로 이관
-          height: import_react_native23.Platform.OS === "ios" ? 44 : 54,
+          height: import_react_native24.Platform.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "flex-end",
@@ -1388,10 +1423,10 @@ function GameWebviewNavigationBar() {
 
 // src/components/GameWebView.tsx
 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") {
+var GameWebView = (0, import_react19.forwardRef)(function GameWebView2(props, ref) {
+  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react19.useState)(false);
+  (0, import_react19.useEffect)(() => {
+    if (import_react_native25.Platform.OS === "ios") {
       (0, import_native_modules14.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
         (0, import_native_modules14.setIosSwipeGestureEnabled)({ isEnabled: true });
@@ -1399,7 +1434,7 @@ var GameWebView = (0, import_react16.forwardRef)(function GameWebView2(props, re
     }
     return;
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     import_native_modules14.appsInTossEvent.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
@@ -1408,20 +1443,20 @@ var GameWebView = (0, import_react16.forwardRef)(function GameWebView2(props, re
   }, []);
   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 })
+    (0, import_native_modules14.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(GameInitializer, { 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_react18 = require("react");
+var import_react21 = require("react");
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
-var import_react_native25 = require("@granite-js/react-native");
+var import_react_native26 = 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_react17 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const globals = getAppsInTossGlobals();
@@ -1433,7 +1468,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
   const withBackButton = parsedNavigationBar?.withBackButton ?? true;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const handleClose = (0, import_react17.useCallback)(async () => {
+  const handleClose = (0, import_react20.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${(0, import_es_hangul4.josa)(globals.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1445,7 +1480,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      (0, import_react_native25.closeView)();
+      (0, import_react_native26.closeView)();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -1466,7 +1501,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
 
 // src/components/PartnerWebView.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var PartnerWebView = (0, import_react18.forwardRef)(function PartnerWebViewScreen({ onBackButtonClick, onHomeButtonClick, ...webViewProps }, ref) {
+var PartnerWebView = (0, import_react21.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 } })
@@ -1474,7 +1509,7 @@ var PartnerWebView = (0, import_react18.forwardRef)(function PartnerWebViewScree
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-var import_react19 = require("react");
+var import_react22 = require("react");
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1527,8 +1562,8 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = (0, import_react19.useRef)(null);
-  const injectedJavaScript = (0, import_react19.useMemo)(
+  const ref = (0, import_react22.useRef)(null);
+  const injectedJavaScript = (0, import_react22.useMemo)(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1555,7 +1590,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = (0, import_react19.useCallback)(
+  const $onMessage = (0, import_react22.useCallback)(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1606,13 +1641,13 @@ function useBridgeHandler({
 }
 
 // src/core/hooks/useWebBackHandler.tsx
-var import_react_native26 = require("@granite-js/react-native");
+var import_react_native27 = require("@granite-js/react-native");
 var import_tds_react_native13 = require("@toss/tds-react-native");
 var import_es_hangul5 = require("es-hangul");
-var import_react21 = require("react");
+var import_react24 = require("react");
 
 // src/hooks/useWebviewHistoryStack.tsx
-var import_react20 = require("react");
+var import_react23 = require("react");
 var INITIAL_STATE = { stack: [], index: -1 };
 function reducer(state, action) {
   switch (action.type) {
@@ -1643,11 +1678,11 @@ function reducer(state, action) {
   }
 }
 function useWebViewHistory() {
-  const [state, dispatch] = (0, import_react20.useReducer)(reducer, INITIAL_STATE);
-  const onNavigationStateChange = (0, import_react20.useCallback)(({ url, canGoForward: canGoForward2 }) => {
+  const [state, dispatch] = (0, import_react23.useReducer)(reducer, INITIAL_STATE);
+  const onNavigationStateChange = (0, import_react23.useCallback)(({ url, canGoForward: canGoForward2 }) => {
     dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
   }, []);
-  const { canGoBack, canGoForward } = (0, import_react20.useMemo)(() => {
+  const { canGoBack, canGoForward } = (0, import_react23.useMemo)(() => {
     const canBack = state.index > 0;
     const canFwd = state.index >= 0 && state.index < state.stack.length - 1;
     return { canGoBack: canBack, canGoForward: canFwd };
@@ -1676,23 +1711,23 @@ function useWebBackHandler(webViewRef) {
     hasBackEvent: hasWebBackEvent,
     addEventListener: addWebBackEventListener,
     removeEventListener: removeWebBackEventListener
-  } = (0, import_react_native26.useBackEventState)();
+  } = (0, import_react_native27.useBackEventState)();
   const logging = useNavigationBarLogging();
   const { openConfirm } = (0, import_tds_react_native13.useDialog)();
   const global2 = getAppsInTossGlobals();
-  const addEventListener = (0, import_react21.useCallback)(
+  const addEventListener = (0, import_react24.useCallback)(
     (handler) => {
       addWebBackEventListener(handler);
     },
     [addWebBackEventListener]
   );
-  const removeEventListener = (0, import_react21.useCallback)(
+  const removeEventListener = (0, import_react24.useCallback)(
     (handler) => {
       removeWebBackEventListener(handler);
     },
     [removeWebBackEventListener]
   );
-  const handleWebBack = (0, import_react21.useCallback)(async () => {
+  const handleWebBack = (0, import_react24.useCallback)(async () => {
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
         handler();
@@ -1712,7 +1747,7 @@ function useWebBackHandler(webViewRef) {
       logging.closePopupCtaClick(isConfirmed);
       if (isConfirmed) {
         captureExitLog(Date.now());
-        (0, import_react_native26.closeView)();
+        (0, import_react_native27.closeView)();
       }
     }
   }, [
@@ -1725,7 +1760,7 @@ function useWebBackHandler(webViewRef) {
     openConfirm,
     webViewRef
   ]);
-  const handleWebHome = (0, import_react21.useCallback)(() => {
+  const handleWebHome = (0, import_react24.useCallback)(() => {
     logging.homeButtonClick();
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
@@ -1735,7 +1770,7 @@ function useWebBackHandler(webViewRef) {
     }
     webViewRef.current?.injectJavaScript(HISTORY_HOME_SCRIPT);
   }, [hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
-  return (0, import_react21.useMemo)(
+  return (0, import_react24.useMemo)(
     () => ({ addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange }),
     [addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange]
   );
@@ -1756,7 +1791,7 @@ function mergeRefs(...refs) {
 
 // src/hooks/useCreateUserAgent.ts
 var import_native_modules15 = require("@apps-in-toss/native-modules");
-var import_react_native27 = require("react-native");
+var import_react_native28 = require("react-native");
 var FontA11yCategory = {
   Large: "Large",
   xLarge: "xLarge",
@@ -1891,7 +1926,7 @@ function useCreateUserAgent({
 }) {
   const platform = (0, import_native_modules15.getPlatformOS)();
   const appVersion = (0, import_native_modules15.getTossAppVersion)();
-  const { fontScale } = (0, import_react_native27.useWindowDimensions)();
+  const { fontScale } = (0, import_react_native28.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -1912,12 +1947,12 @@ function useCreateUserAgent({
 
 // src/hooks/useGeolocation.ts
 var import_native_modules16 = require("@apps-in-toss/native-modules");
-var import_react_native28 = require("@granite-js/react-native");
-var import_react22 = require("react");
+var import_react_native29 = require("@granite-js/react-native");
+var import_react25 = require("react");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native28.useVisibility)();
-  const [location, setLocation] = (0, import_react22.useState)(null);
-  (0, import_react22.useEffect)(() => {
+  const isVisible = (0, import_react_native29.useVisibility)();
+  const [location, setLocation] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
     if (!isVisible) {
       return;
     }
@@ -1935,12 +1970,12 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 }
 
 // src/hooks/useWaitForReturnNavigator.tsx
-var import_react_native29 = require("@granite-js/react-native");
-var import_react23 = require("react");
+var import_react_native30 = require("@granite-js/react-native");
+var import_react26 = require("react");
 function useWaitForReturnNavigator() {
-  const callbacks = (0, import_react23.useRef)([]).current;
-  const navigation = (0, import_react_native29.useNavigation)();
-  const startNavigating = (0, import_react23.useCallback)(
+  const callbacks = (0, import_react26.useRef)([]).current;
+  const navigation = (0, import_react_native30.useNavigation)();
+  const startNavigating = (0, import_react26.useCallback)(
     (route, params) => {
       return new Promise((resolve) => {
         callbacks.push(resolve);
@@ -1949,7 +1984,7 @@ function useWaitForReturnNavigator() {
     },
     [callbacks, navigation]
   );
-  const handleVisibilityChange = (0, import_react23.useCallback)(
+  const handleVisibilityChange = (0, import_react26.useCallback)(
     (state) => {
       if (state === "visible" && callbacks.length > 0) {
         for (const callback of callbacks) {
@@ -1960,13 +1995,13 @@ function useWaitForReturnNavigator() {
     },
     [callbacks]
   );
-  (0, import_react_native29.useVisibilityChange)(handleVisibilityChange);
+  (0, import_react_native30.useVisibilityChange)(handleVisibilityChange);
   return startNavigating;
 }
 
 // src/utils/log.ts
 var import_native_modules17 = require("@apps-in-toss/native-modules");
-var import_react_native30 = require("@granite-js/react-native");
+var import_react_native31 = require("@granite-js/react-native");
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -1992,7 +2027,7 @@ var getGroupId = (url) => {
 };
 var getReferrer = () => {
   try {
-    const referrer = new URL((0, import_react_native30.getSchemeUri)());
+    const referrer = new URL((0, import_react_native31.getSchemeUri)());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -2024,7 +2059,7 @@ var WEBVIEW_TYPES = {
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL((0, import_react_native31.getSchemeUri)());
+  const schemeUrl = new URL((0, import_react_native32.getSchemeUri)());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -2048,9 +2083,9 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
-  const webViewRef = (0, import_react24.useRef)(null);
+  const webViewRef = (0, import_react27.useRef)(null);
   const webBackHandler = useWebBackHandler(webViewRef);
-  const uri = (0, import_react24.useMemo)(() => getWebViewUri(local), [local]);
+  const uri = (0, import_react27.useMemo)(() => getWebViewUri(local), [local]);
   const top = (0, import_private9.useSafeAreaTop)();
   const bottom = (0, import_private9.useSafeAreaBottom)();
   const global2 = getAppsInTossGlobals();
@@ -2062,7 +2097,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react24.useState)(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react27.useState)(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -2142,7 +2177,7 @@ function WebView({ type, local, onMessage, ...props }) {
       completeProductGrant: import_native_modules18.IAP.completeProductGrant
     }
   });
-  const headerPropForExternalWebView = (0, import_react24.useMemo)(() => {
+  const headerPropForExternalWebView = (0, import_react27.useMemo)(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -2163,13 +2198,13 @@ function WebView({ type, local, onMessage, ...props }) {
     colorPreference: "light"
   });
   const refs = mergeRefs(handler.ref, webViewRef);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     const callback = () => {
       webBackHandler.handleWebBack();
       return true;
     };
-    import_react_native32.BackHandler.addEventListener("hardwareBackPress", callback);
-    return () => import_react_native32.BackHandler.removeEventListener("hardwareBackPress", callback);
+    import_react_native33.BackHandler.addEventListener("hardwareBackPress", callback);
+    return () => import_react_native33.BackHandler.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     BaseWebView,
@@ -2193,14 +2228,14 @@ function WebView({ type, local, onMessage, ...props }) {
         props.onNavigationStateChange?.(event);
         webBackHandler.onNavigationStateChange(event);
       },
-      userAgent: import_react_native32.Platform.OS === "ios" ? userAgent : void 0,
+      userAgent: import_react_native33.Platform.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
-      decelerationRate: import_react_native32.Platform.OS === "ios" ? 1 : void 0,
+      decelerationRate: import_react_native33.Platform.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures
     }
   );