@apps-in-toss/framework 0.0.0-dev.1758103372343 → 0.0.0-dev.1758198081085

package/dist/index.cjs

@@ -337,7 +337,7 @@ function NavigationBarImpressionArea({
       logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
       hasLogged.current = true;
     }
-  }, []);
+  }, [logging, withHomeButton]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
 }
 
@@ -681,16 +681,16 @@ function RNNavigationBar() {
     }
     handleBackOrClose();
   }, [backEventContext, handleBackOrClose]);
-  const handleAndroidBackEvent = (0, import_react9.useCallback)(() => {
-    handleBack();
-    return true;
-  }, [handleBack]);
   (0, import_react9.useEffect)(() => {
+    const handleAndroidBackEvent = () => {
+      handleBack();
+      return true;
+    };
     import_react_native16.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
     return () => {
       import_react_native16.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
     };
-  }, [handleAndroidBackEvent]);
+  }, [handleBack]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_private2.TopNavigation,
     {
@@ -771,9 +771,9 @@ function registerApp(container, { context, analytics }) {
   return global.Page;
 }
 function AppsInTossScreenContainer({ children }) {
-  const isRN = getAppsInTossGlobals().webViewType == null;
+  const isReactNativeService = getAppsInTossGlobals().webViewType == null;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_analytics.Analytics.Screen, { children: [
-    isRN && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RNNavigationBar, {}),
+    isReactNativeService && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RNNavigationBar, {}),
     children
   ] });
 }
@@ -792,7 +792,7 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-var import_native_modules17 = require("@apps-in-toss/native-modules");
+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);
@@ -801,7 +801,7 @@ var graniteAsyncBridges = __toESM(require("@granite-js/react-native/async-bridge
 var graniteConstantBridges = __toESM(require("@granite-js/react-native/constant-bridges"), 1);
 var import_react_native37 = require("@toss-design-system/react-native");
 var import_private7 = require("@toss-design-system/react-native/private");
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_react_native38 = require("react-native");
 
 // src/components/GameWebView.tsx
@@ -817,7 +817,7 @@ var import_react11 = require("react");
 var import_react_native25 = require("react-native");
 
 // src/constant/game-center.ts
-var GAME_PROFILE_WEBVIEW_URL = "https://service.toss.im/game-center/profile";
+var GAME_PROFILE_WEBVIEW_URL = "servicetoss://game-center/profile";
 var GAME_CENTER_MIN_VERSION = {
   android: "5.221.0",
   ios: "5.221.0"
@@ -1155,14 +1155,14 @@ function GameWebviewNavigationBar() {
       (0, import_react_native26.closeView)();
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
-  const handleAndroidBackEvent = (0, import_react12.useCallback)(() => {
-    handleGameWebviewClose();
-    return true;
-  }, [handleGameWebviewClose]);
   (0, import_react12.useEffect)(() => {
+    const handleAndroidBackEvent = () => {
+      handleGameWebviewClose();
+      return true;
+    };
     import_react_native28.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
     return () => import_react_native28.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-  }, [handleAndroidBackEvent]);
+  }, [handleGameWebviewClose]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native27.PageNavbar, { preference: { type: "none" } }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -1170,6 +1170,7 @@ function GameWebviewNavigationBar() {
       {
         style: {
           width: "100%",
+          // TODO: UI관련 스타일 설정은 TDS로 이관
           height: import_react_native28.Platform.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
@@ -1185,7 +1186,10 @@ function GameWebviewNavigationBar() {
           {
             fixedRightButton: initialAccessoryButton,
             onPressDots: openMoreButtonBottomSheet,
-            onPressClose: handleGameWebviewClose,
+            onPressClose: () => {
+              logging.closeButtonClick();
+              handleGameWebviewClose();
+            },
             theme: "dark"
           }
         )
@@ -1223,17 +1227,18 @@ var GameWebView = (0, import_react13.forwardRef)(function GameWebView2(props, re
 // src/components/PartnerWebView.tsx
 var import_native_modules14 = require("@apps-in-toss/native-modules");
 var import_react_native_webview2 = require("@granite-js/native/react-native-webview");
-var import_react16 = require("react");
-var import_react_native33 = require("react-native");
+var import_react15 = require("react");
+var import_react_native32 = require("react-native");
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
+var import_native_modules13 = require("@apps-in-toss/native-modules");
 var import_react_native30 = require("@granite-js/react-native");
 var import_react_native31 = require("@toss-design-system/react-native");
 var import_private6 = require("@toss-design-system/react-native/private");
 var import_es_hangul4 = require("es-hangul");
 var import_react14 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClick }) {
+function PartnerWebviewNavigationBar({ handleBackEvent }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
@@ -1245,8 +1250,8 @@ function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClic
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
   const handlePressTitle = (0, import_react14.useCallback)(() => {
     logging.homeButtonClick();
-    handleHomeIconButtonClick();
-  }, [handleHomeIconButtonClick, logging]);
+    import_native_modules13.appsInTossEvent.emit("homeIconButtonClickEvent", void 0);
+  }, [logging]);
   const handleClose = (0, import_react14.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
@@ -1291,182 +1296,53 @@ function mergeRefs(...refs) {
   };
 }
 
-// src/hooks/useWebviewHistoryStack.tsx
-var import_react15 = require("react");
-function useWebViewHistory() {
-  const [stack, setStack] = (0, import_react15.useState)([]);
-  const [index, setIndex] = (0, import_react15.useState)(-1);
-  const canGoBack = index > 0;
-  const canGoForward = index >= 0 && index < stack.length - 1;
-  const push = (0, import_react15.useCallback)(
-    (url) => {
-      setStack((prev) => {
-        const base = prev.slice(0, index + 1);
-        return [...base, url];
-      });
-      setIndex((i) => i + 1);
-    },
-    [index]
-  );
-  const onNavigationStateChange = (0, import_react15.useCallback)(
-    ({ url }) => {
-      if (stack.length === 0) {
-        setStack([url]);
-        setIndex(0);
-        return;
-      }
-      const cur = stack[index];
-      if (url === cur) {
-        return;
-      }
-      const prev = index > 0 ? stack[index - 1] : void 0;
-      const next = index < stack.length - 1 ? stack[index + 1] : void 0;
-      if (prev && url === prev) {
-        setIndex((i) => i - 1);
-        return;
-      }
-      if (next && url === next) {
-        setIndex((i) => i + 1);
-        return;
-      }
-      push(url);
-    },
-    [stack, index, push]
-  );
-  return {
-    onNavigationStateChange,
-    canGoBack,
-    canGoForward
-  };
-}
-
-// src/utils/log.ts
-var import_native_modules13 = require("@apps-in-toss/native-modules");
-var import_react_native32 = require("@granite-js/react-native");
-
-// src/utils/extractDateFromUUIDv7.ts
-var extractDateFromUUIDv7 = (uuid) => {
-  const timestampHex = uuid.split("-").join("").slice(0, 12);
-  const timestamp = Number.parseInt(timestampHex, 16);
-  return new Date(timestamp);
-};
-
-// src/utils/log.ts
-var getGroupId = (url) => {
-  try {
-    const urlObject = new URL(url);
-    return {
-      groupId: urlObject.pathname,
-      search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
-    };
-  } catch {
-    return {
-      groupId: "unknown",
-      search: "unknown"
-    };
-  }
-};
-var getReferrer = () => {
-  try {
-    const referrer = new URL((0, import_react_native32.getSchemeUri)());
-    return referrer.searchParams.get("referrer");
-  } catch {
-    return "";
-  }
-};
-var trackScreen = (url) => {
-  const { groupId, search } = getGroupId(url);
-  const log = {
-    log_type: "screen",
-    log_name: `${groupId}::screen`,
-    params: {
-      search,
-      referrer: getReferrer(),
-      deployment_id: env.getDeploymentId(),
-      deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
-    }
-  };
-  return (0, import_native_modules13.eventLog)(log);
-};
-
 // src/components/PartnerWebView.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var PartnerWebView = (0, import_react16.forwardRef)(
-  function PartnerWebViewScreen(webViewProps, ref) {
-    const webViewRef = (0, import_react16.useRef)(null);
-    const refs = mergeRefs(ref, webViewRef);
-    const { captureExitLog } = useCaptureExitLog();
-    const { canGoBack, onNavigationStateChange } = useWebViewHistory();
-    const historyBackScript = `
-      (function() {
-        history.back();
-        true;
-      })();
-    `;
-    const historyHomeScript = `
-      (function() {
-        history.replaceState(null, '', '/');
-        true;
-      })();
-    `;
-    const handleBackEvent = (0, import_react16.useCallback)(() => {
-      if (canGoBack) {
-        webViewRef.current?.injectJavaScript(historyBackScript);
-      } else {
-        captureExitLog(Date.now());
-        (0, import_native_modules14.closeView)();
-      }
-    }, [canGoBack, captureExitLog, historyBackScript]);
-    const handleAndroidBackEvent = (0, import_react16.useCallback)(() => {
-      if (canGoBack) {
-        webViewRef.current?.injectJavaScript(historyBackScript);
+var PartnerWebView = (0, import_react15.forwardRef)(function PartnerWebViewScreen({ canHistoryGoBack, ...webViewProps }, ref) {
+  const webViewRef = (0, import_react15.useRef)(null);
+  const refs = mergeRefs(ref, webViewRef);
+  const { captureExitLog } = useCaptureExitLog();
+  const handleBackEvent = (0, import_react15.useCallback)(() => {
+    if (canHistoryGoBack) {
+      webViewRef.current?.goBack();
+    } else {
+      captureExitLog(Date.now());
+      (0, import_native_modules14.closeView)();
+    }
+  }, [canHistoryGoBack, captureExitLog]);
+  (0, import_react15.useEffect)(() => {
+    const handleAndroidBackEvent = () => {
+      if (canHistoryGoBack) {
+        webViewRef.current?.goBack();
         return true;
       } else {
+        captureExitLog(Date.now());
         return false;
       }
-    }, [canGoBack, historyBackScript]);
-    (0, import_react16.useEffect)(() => {
-      import_react_native33.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-      return () => import_react_native33.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-    }, [handleAndroidBackEvent]);
-    const handleHomeIconButtonClick = (0, import_react16.useCallback)(() => {
-      webViewRef.current?.injectJavaScript(historyHomeScript);
-    }, [historyHomeScript]);
-    const handleNavigationStateChange = (0, import_react16.useCallback)(
-      (event) => {
-        if (event.url) {
-          trackScreen(event.url);
-        }
-        onNavigationStateChange(event);
-      },
-      [onNavigationStateChange]
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        PartnerWebviewNavigationBar,
-        {
-          handleBackEvent,
-          handleHomeIconButtonClick
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        import_react_native_webview2.WebView,
-        {
-          ref: refs,
-          ...webViewProps,
-          style: { flex: 1 },
-          onNavigationStateChange: (event) => {
-            webViewProps?.onNavigationStateChange?.(event);
-            handleNavigationStateChange(event);
-          }
-        }
-      )
-    ] });
-  }
-);
+    };
+    import_react_native32.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
+    return () => import_react_native32.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
+  }, [canHistoryGoBack, captureExitLog]);
+  (0, import_react15.useEffect)(() => {
+    return import_native_modules14.appsInTossEvent.addEventListener("homeIconButtonClickEvent", {
+      onEvent: () => {
+        webViewRef.current?.injectJavaScript(`
+          (function() {
+          window.history.replaceState(null, '', '/');
+          true;
+          })();
+        `);
+      }
+    });
+  }, [webViewRef]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PartnerWebviewNavigationBar, { handleBackEvent }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native_webview2.WebView, { ref: refs, ...webViewProps, style: { flex: 1 } })
+  ] });
+});
 
 // src/bridge-handler/useBridgeHandler.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1515,8 +1391,8 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = (0, import_react17.useRef)(null);
-  const injectedJavaScript = (0, import_react17.useMemo)(
+  const ref = (0, import_react16.useRef)(null);
+  const injectedJavaScript = (0, import_react16.useMemo)(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1543,7 +1419,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = (0, import_react17.useCallback)(
+  const $onMessage = (0, import_react16.useCallback)(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1595,7 +1471,7 @@ function useBridgeHandler({
 
 // src/hooks/useCreateUserAgent.ts
 var import_native_modules15 = require("@apps-in-toss/native-modules");
-var import_react_native34 = require("react-native");
+var import_react_native33 = require("react-native");
 var FontA11yCategory = {
   Large: "Large",
   xLarge: "xLarge",
@@ -1730,7 +1606,7 @@ function useCreateUserAgent({
 }) {
   const platform = (0, import_native_modules15.getPlatformOS)();
   const appVersion = (0, import_native_modules15.getTossAppVersion)();
-  const { fontScale } = (0, import_react_native34.useWindowDimensions)();
+  const { fontScale } = (0, import_react_native33.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -1751,12 +1627,12 @@ function useCreateUserAgent({
 
 // src/hooks/useGeolocation.ts
 var import_native_modules16 = require("@apps-in-toss/native-modules");
-var import_react_native35 = require("@granite-js/react-native");
-var import_react18 = require("react");
+var import_react_native34 = require("@granite-js/react-native");
+var import_react17 = require("react");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native35.useVisibility)();
-  const [location, setLocation] = (0, import_react18.useState)(null);
-  (0, import_react18.useEffect)(() => {
+  const isVisible = (0, import_react_native34.useVisibility)();
+  const [location, setLocation] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
     if (!isVisible) {
       return;
     }
@@ -1773,6 +1649,55 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   return location;
 }
 
+// src/utils/log.ts
+var import_native_modules17 = require("@apps-in-toss/native-modules");
+var import_react_native35 = require("@granite-js/react-native");
+
+// src/utils/extractDateFromUUIDv7.ts
+var extractDateFromUUIDv7 = (uuid) => {
+  const timestampHex = uuid.split("-").join("").slice(0, 12);
+  const timestamp = Number.parseInt(timestampHex, 16);
+  return new Date(timestamp);
+};
+
+// src/utils/log.ts
+var getGroupId = (url) => {
+  try {
+    const urlObject = new URL(url);
+    return {
+      groupId: urlObject.pathname,
+      search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
+    };
+  } catch {
+    return {
+      groupId: "unknown",
+      search: "unknown"
+    };
+  }
+};
+var getReferrer = () => {
+  try {
+    const referrer = new URL((0, import_react_native35.getSchemeUri)());
+    return referrer.searchParams.get("referrer");
+  } catch {
+    return "";
+  }
+};
+var trackScreen = (url) => {
+  const { groupId, search } = getGroupId(url);
+  const log = {
+    log_type: "screen",
+    log_name: `${groupId}::screen`,
+    params: {
+      search,
+      referrer: getReferrer(),
+      deployment_id: env.getDeploymentId(),
+      deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
+    }
+  };
+  return (0, import_native_modules17.eventLog)(log);
+};
+
 // src/components/WebView.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
@@ -1796,7 +1721,7 @@ function getWebViewUri(local) {
     const devUrl = `http://${local.host}:${local.port}`;
     return mergeSchemeQueryParamsInto(devUrl).toString();
   }
-  const { url: rawUrl } = import_native_modules17.AppsInTossModule.getWebBundleURL({});
+  const { url: rawUrl } = import_native_modules18.AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
   const deploymentId = env.getDeploymentId();
   if (deploymentId) {
@@ -1809,7 +1734,7 @@ function WebView({ type, local, onMessage, ...props }) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
   const graniteEvent = (0, import_react_native36.useGraniteEvent)();
-  const uri = (0, import_react19.useMemo)(() => getWebViewUri(local), [local]);
+  const uri = (0, import_react18.useMemo)(() => getWebViewUri(local), [local]);
   const top = (0, import_private7.useSafeAreaTop)();
   const bottom = (0, import_private7.useSafeAreaBottom)();
   const global2 = getAppsInTossGlobals();
@@ -1821,7 +1746,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react19.useState)(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react18.useState)(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -1832,18 +1757,18 @@ function WebView({ type, local, onMessage, ...props }) {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => import_react_native37.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent, onError, options }) => graniteEvent.addEventListener("backEvent", { onEvent, onError, options }),
-      entryMessageExited: ({ onEvent, onError }) => import_native_modules17.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      entryMessageExited: ({ onEvent, onError }) => import_native_modules18.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
+      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
-      loadAdMobInterstitialAd: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd,
-      showAdMobInterstitialAd: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd,
-      loadAdMobRewardedAd: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd,
-      showAdMobRewardedAd: import_native_modules17.GoogleAdMob.showAdMobRewardedAd,
+      loadAdMobInterstitialAd: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd,
+      showAdMobInterstitialAd: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd,
+      loadAdMobRewardedAd: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd,
+      showAdMobRewardedAd: import_native_modules18.GoogleAdMob.showAdMobRewardedAd,
       /** AdMobV2 */
-      loadAppsInTossAdMob: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: import_native_modules17.GoogleAdMob.showAppsInTossAdMob
+      loadAppsInTossAdMob: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob,
+      showAppsInTossAdMob: import_native_modules18.GoogleAdMob.showAppsInTossAdMob
     },
     constantHandlerMap: {
       ...graniteConstantBridges,
@@ -1852,13 +1777,13 @@ function WebView({ type, local, onMessage, ...props }) {
       getSafeAreaBottom: () => bottom,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
-      loadAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
-      showAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd.isSupported,
-      loadAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd.isSupported,
-      showAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobRewardedAd.isSupported,
+      loadAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
+      showAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd.isSupported,
+      loadAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd.isSupported,
+      showAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobRewardedAd.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.showAppsInTossAdMob.isSupported,
+      loadAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.showAppsInTossAdMob.isSupported,
       /** env */
       getDeploymentId: env.getDeploymentId
     },
@@ -1882,16 +1807,16 @@ function WebView({ type, local, onMessage, ...props }) {
       getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
       openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
-      getStorageItem: import_native_modules17.Storage.getItem,
-      setStorageItem: import_native_modules17.Storage.setItem,
-      removeStorageItem: import_native_modules17.Storage.removeItem,
-      clearItems: import_native_modules17.Storage.clearItems,
+      getStorageItem: import_native_modules18.Storage.getItem,
+      setStorageItem: import_native_modules18.Storage.setItem,
+      removeStorageItem: import_native_modules18.Storage.removeItem,
+      clearItems: import_native_modules18.Storage.clearItems,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: import_native_modules17.IAP.createOneTimePurchaseOrder,
-      iapGetProductItemList: import_native_modules17.IAP.getProductItemList
+      iapCreateOneTimePurchaseOrder: import_native_modules18.IAP.createOneTimePurchaseOrder,
+      iapGetProductItemList: import_native_modules18.IAP.getProductItemList
     }
   });
-  const headerPropForExternalWebView = (0, import_react19.useMemo)(() => {
+  const headerPropForExternalWebView = (0, import_react18.useMemo)(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -1908,6 +1833,16 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [global2.navigationBar, type]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
+  const [canHistoryGoBack, setCanHistoryGoBack] = (0, import_react18.useState)(false);
+  const handleNavigationStateChange = (0, import_react18.useCallback)(
+    (event) => {
+      if (event.url) {
+        trackScreen(event.url);
+      }
+      setCanHistoryGoBack(event.canGoBack);
+    },
+    [setCanHistoryGoBack]
+  );
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
@@ -1929,6 +1864,8 @@ function WebView({ type, local, onMessage, ...props }) {
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
+      canHistoryGoBack,
+      onNavigationStateChange: handleNavigationStateChange,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
       decelerationRate: import_react_native38.Platform.OS === "ios" ? 1 : void 0,

package/dist/index.d.cts

@@ -27,7 +27,9 @@ declare const AppsInToss: {
     registerApp: typeof registerApp;
 };
 
-type GameWebViewProps$1 = WebViewProps$1;
+type GameWebViewProps$1 = WebViewProps$1 & {
+    canHistoryGoBack: boolean;
+};
 
 type WebViewProps = PartnerWebViewProps | ExternalWebViewProps | GameWebViewProps;
 interface PartnerWebViewProps extends Omit<WebViewProps$1, InternalProps> {

package/dist/index.d.ts

@@ -27,7 +27,9 @@ declare const AppsInToss: {
     registerApp: typeof registerApp;
 };
 
-type GameWebViewProps$1 = WebViewProps$1;
+type GameWebViewProps$1 = WebViewProps$1 & {
+    canHistoryGoBack: boolean;
+};
 
 type WebViewProps = PartnerWebViewProps | ExternalWebViewProps | GameWebViewProps;
 interface PartnerWebViewProps extends Omit<WebViewProps$1, InternalProps> {

package/dist/index.js

@@ -295,7 +295,7 @@ function NavigationBarImpressionArea({
       logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
       hasLogged.current = true;
     }
-  }, []);
+  }, [logging, withHomeButton]);
   return /* @__PURE__ */ jsx2(Fragment2, { children });
 }
 
@@ -639,16 +639,16 @@ function RNNavigationBar() {
     }
     handleBackOrClose();
   }, [backEventContext, handleBackOrClose]);
-  const handleAndroidBackEvent = useCallback3(() => {
-    handleBack();
-    return true;
-  }, [handleBack]);
   useEffect7(() => {
+    const handleAndroidBackEvent = () => {
+      handleBack();
+      return true;
+    };
     BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
     return () => {
       BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
     };
-  }, [handleAndroidBackEvent]);
+  }, [handleBack]);
   return /* @__PURE__ */ jsx4(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx4(
     TopNavigation,
     {
@@ -729,9 +729,9 @@ function registerApp(container, { context, analytics }) {
   return global.Page;
 }
 function AppsInTossScreenContainer({ children }) {
-  const isRN = getAppsInTossGlobals().webViewType == null;
+  const isReactNativeService = getAppsInTossGlobals().webViewType == null;
   return /* @__PURE__ */ jsxs(Analytics.Screen, { children: [
-    isRN && /* @__PURE__ */ jsx5(RNNavigationBar, {}),
+    isReactNativeService && /* @__PURE__ */ jsx5(RNNavigationBar, {}),
     children
   ] });
 }
@@ -750,7 +750,7 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-import { GoogleAdMob, IAP, Storage, AppsInTossModule, appsInTossEvent as appsInTossEvent3 } from "@apps-in-toss/native-modules";
+import { GoogleAdMob, IAP, Storage, AppsInTossModule, appsInTossEvent as appsInTossEvent5 } from "@apps-in-toss/native-modules";
 import * as appsInTossAsyncBridges from "@apps-in-toss/native-modules/async-bridges";
 import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constant-bridges";
 import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-bridges";
@@ -759,7 +759,7 @@ import * as graniteAsyncBridges from "@granite-js/react-native/async-bridges";
 import * as graniteConstantBridges from "@granite-js/react-native/constant-bridges";
 import { ExternalWebViewScreen, tdsEvent } from "@toss-design-system/react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop2, useTopNavigation } from "@toss-design-system/react-native/private";
-import { useMemo as useMemo3, useState as useState6 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo3, useState as useState5 } from "react";
 import { Platform as Platform4 } from "react-native";
 
 // src/components/GameWebView.tsx
@@ -777,7 +777,7 @@ import { useEffect as useEffect8 } from "react";
 import { Pressable, View } from "react-native";
 
 // src/constant/game-center.ts
-var GAME_PROFILE_WEBVIEW_URL = "https://service.toss.im/game-center/profile";
+var GAME_PROFILE_WEBVIEW_URL = "servicetoss://game-center/profile";
 var GAME_CENTER_MIN_VERSION = {
   android: "5.221.0",
   ios: "5.221.0"
@@ -1115,14 +1115,14 @@ function GameWebviewNavigationBar() {
       closeView3();
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
-  const handleAndroidBackEvent = useCallback5(() => {
-    handleGameWebviewClose();
-    return true;
-  }, [handleGameWebviewClose]);
   useEffect9(() => {
+    const handleAndroidBackEvent = () => {
+      handleGameWebviewClose();
+      return true;
+    };
     BackHandler2.addEventListener("hardwareBackPress", handleAndroidBackEvent);
     return () => BackHandler2.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-  }, [handleAndroidBackEvent]);
+  }, [handleGameWebviewClose]);
   return /* @__PURE__ */ jsxs3(Fragment6, { children: [
     /* @__PURE__ */ jsx8(PageNavbar, { preference: { type: "none" } }),
     /* @__PURE__ */ jsx8(
@@ -1130,6 +1130,7 @@ function GameWebviewNavigationBar() {
       {
         style: {
           width: "100%",
+          // TODO: UI관련 스타일 설정은 TDS로 이관
           height: Platform2.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
@@ -1145,7 +1146,10 @@ function GameWebviewNavigationBar() {
           {
             fixedRightButton: initialAccessoryButton,
             onPressDots: openMoreButtonBottomSheet,
-            onPressClose: handleGameWebviewClose,
+            onPressClose: () => {
+              logging.closeButtonClick();
+              handleGameWebviewClose();
+            },
             theme: "dark"
           }
         )
@@ -1181,21 +1185,22 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
 });
 
 // src/components/PartnerWebView.tsx
-import { closeView as closeView5 } from "@apps-in-toss/native-modules";
+import { appsInTossEvent as appsInTossEvent4, closeView as closeView5 } from "@apps-in-toss/native-modules";
 import {
   WebView as PlainWebView2
 } from "@granite-js/native/react-native-webview";
-import { forwardRef as forwardRef2, useCallback as useCallback8, useEffect as useEffect11, useRef as useRef4 } from "react";
+import { forwardRef as forwardRef2, useCallback as useCallback7, useEffect as useEffect11, useRef as useRef4 } from "react";
 import { BackHandler as BackHandler3 } from "react-native";
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
+import { appsInTossEvent as appsInTossEvent3 } from "@apps-in-toss/native-modules";
 import { closeView as closeView4 } from "@granite-js/react-native";
 import { useDialog as useDialog5 } from "@toss-design-system/react-native";
 import { NavigationBackButton as NavigationBackButton2, NavigationLeft as NavigationLeft2, TopNavigation as TopNavigation2 } from "@toss-design-system/react-native/private";
 import { josa as josa4 } from "es-hangul";
 import { useCallback as useCallback6 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
-function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClick }) {
+function PartnerWebviewNavigationBar({ handleBackEvent }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
@@ -1207,8 +1212,8 @@ function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClic
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
   const handlePressTitle = useCallback6(() => {
     logging.homeButtonClick();
-    handleHomeIconButtonClick();
-  }, [handleHomeIconButtonClick, logging]);
+    appsInTossEvent3.emit("homeIconButtonClickEvent", void 0);
+  }, [logging]);
   const handleClose = useCallback6(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
@@ -1253,182 +1258,53 @@ function mergeRefs(...refs) {
   };
 }
 
-// src/hooks/useWebviewHistoryStack.tsx
-import { useCallback as useCallback7, useState as useState4 } from "react";
-function useWebViewHistory() {
-  const [stack, setStack] = useState4([]);
-  const [index, setIndex] = useState4(-1);
-  const canGoBack = index > 0;
-  const canGoForward = index >= 0 && index < stack.length - 1;
-  const push = useCallback7(
-    (url) => {
-      setStack((prev) => {
-        const base = prev.slice(0, index + 1);
-        return [...base, url];
-      });
-      setIndex((i) => i + 1);
-    },
-    [index]
-  );
-  const onNavigationStateChange = useCallback7(
-    ({ url }) => {
-      if (stack.length === 0) {
-        setStack([url]);
-        setIndex(0);
-        return;
-      }
-      const cur = stack[index];
-      if (url === cur) {
-        return;
-      }
-      const prev = index > 0 ? stack[index - 1] : void 0;
-      const next = index < stack.length - 1 ? stack[index + 1] : void 0;
-      if (prev && url === prev) {
-        setIndex((i) => i - 1);
-        return;
-      }
-      if (next && url === next) {
-        setIndex((i) => i + 1);
-        return;
-      }
-      push(url);
-    },
-    [stack, index, push]
-  );
-  return {
-    onNavigationStateChange,
-    canGoBack,
-    canGoForward
-  };
-}
-
-// src/utils/log.ts
-import { eventLog as eventLogNative } from "@apps-in-toss/native-modules";
-import { getSchemeUri as getSchemeUri4 } from "@granite-js/react-native";
-
-// src/utils/extractDateFromUUIDv7.ts
-var extractDateFromUUIDv7 = (uuid) => {
-  const timestampHex = uuid.split("-").join("").slice(0, 12);
-  const timestamp = Number.parseInt(timestampHex, 16);
-  return new Date(timestamp);
-};
-
-// src/utils/log.ts
-var getGroupId = (url) => {
-  try {
-    const urlObject = new URL(url);
-    return {
-      groupId: urlObject.pathname,
-      search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
-    };
-  } catch {
-    return {
-      groupId: "unknown",
-      search: "unknown"
-    };
-  }
-};
-var getReferrer = () => {
-  try {
-    const referrer = new URL(getSchemeUri4());
-    return referrer.searchParams.get("referrer");
-  } catch {
-    return "";
-  }
-};
-var trackScreen = (url) => {
-  const { groupId, search } = getGroupId(url);
-  const log = {
-    log_type: "screen",
-    log_name: `${groupId}::screen`,
-    params: {
-      search,
-      referrer: getReferrer(),
-      deployment_id: env.getDeploymentId(),
-      deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
-    }
-  };
-  return eventLogNative(log);
-};
-
 // src/components/PartnerWebView.tsx
 import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-var PartnerWebView = forwardRef2(
-  function PartnerWebViewScreen(webViewProps, ref) {
-    const webViewRef = useRef4(null);
-    const refs = mergeRefs(ref, webViewRef);
-    const { captureExitLog } = useCaptureExitLog();
-    const { canGoBack, onNavigationStateChange } = useWebViewHistory();
-    const historyBackScript = `
-      (function() {
-        history.back();
-        true;
-      })();
-    `;
-    const historyHomeScript = `
-      (function() {
-        history.replaceState(null, '', '/');
-        true;
-      })();
-    `;
-    const handleBackEvent = useCallback8(() => {
-      if (canGoBack) {
-        webViewRef.current?.injectJavaScript(historyBackScript);
-      } else {
-        captureExitLog(Date.now());
-        closeView5();
-      }
-    }, [canGoBack, captureExitLog, historyBackScript]);
-    const handleAndroidBackEvent = useCallback8(() => {
-      if (canGoBack) {
-        webViewRef.current?.injectJavaScript(historyBackScript);
+var PartnerWebView = forwardRef2(function PartnerWebViewScreen({ canHistoryGoBack, ...webViewProps }, ref) {
+  const webViewRef = useRef4(null);
+  const refs = mergeRefs(ref, webViewRef);
+  const { captureExitLog } = useCaptureExitLog();
+  const handleBackEvent = useCallback7(() => {
+    if (canHistoryGoBack) {
+      webViewRef.current?.goBack();
+    } else {
+      captureExitLog(Date.now());
+      closeView5();
+    }
+  }, [canHistoryGoBack, captureExitLog]);
+  useEffect11(() => {
+    const handleAndroidBackEvent = () => {
+      if (canHistoryGoBack) {
+        webViewRef.current?.goBack();
         return true;
       } else {
+        captureExitLog(Date.now());
         return false;
       }
-    }, [canGoBack, historyBackScript]);
-    useEffect11(() => {
-      BackHandler3.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-      return () => BackHandler3.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-    }, [handleAndroidBackEvent]);
-    const handleHomeIconButtonClick = useCallback8(() => {
-      webViewRef.current?.injectJavaScript(historyHomeScript);
-    }, [historyHomeScript]);
-    const handleNavigationStateChange = useCallback8(
-      (event) => {
-        if (event.url) {
-          trackScreen(event.url);
-        }
-        onNavigationStateChange(event);
-      },
-      [onNavigationStateChange]
-    );
-    return /* @__PURE__ */ jsxs5(Fragment8, { children: [
-      /* @__PURE__ */ jsx11(
-        PartnerWebviewNavigationBar,
-        {
-          handleBackEvent,
-          handleHomeIconButtonClick
-        }
-      ),
-      /* @__PURE__ */ jsx11(
-        PlainWebView2,
-        {
-          ref: refs,
-          ...webViewProps,
-          style: { flex: 1 },
-          onNavigationStateChange: (event) => {
-            webViewProps?.onNavigationStateChange?.(event);
-            handleNavigationStateChange(event);
-          }
-        }
-      )
-    ] });
-  }
-);
+    };
+    BackHandler3.addEventListener("hardwareBackPress", handleAndroidBackEvent);
+    return () => BackHandler3.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
+  }, [canHistoryGoBack, captureExitLog]);
+  useEffect11(() => {
+    return appsInTossEvent4.addEventListener("homeIconButtonClickEvent", {
+      onEvent: () => {
+        webViewRef.current?.injectJavaScript(`
+          (function() {
+          window.history.replaceState(null, '', '/');
+          true;
+          })();
+        `);
+      }
+    });
+  }, [webViewRef]);
+  return /* @__PURE__ */ jsxs5(Fragment8, { children: [
+    /* @__PURE__ */ jsx11(PartnerWebviewNavigationBar, { handleBackEvent }),
+    /* @__PURE__ */ jsx11(PlainWebView2, { ref: refs, ...webViewProps, style: { flex: 1 } })
+  ] });
+});
 
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback9, useMemo as useMemo2, useRef as useRef5 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo2, useRef as useRef5 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1505,7 +1381,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = useCallback9(
+  const $onMessage = useCallback8(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1714,10 +1590,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 useEffect12, useState as useState5 } from "react";
+import { useEffect as useEffect12, useState as useState4 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
-  const [location, setLocation] = useState5(null);
+  const [location, setLocation] = useState4(null);
   useEffect12(() => {
     if (!isVisible) {
       return;
@@ -1735,6 +1611,55 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   return location;
 }
 
+// src/utils/log.ts
+import { eventLog as eventLogNative } from "@apps-in-toss/native-modules";
+import { getSchemeUri as getSchemeUri4 } from "@granite-js/react-native";
+
+// src/utils/extractDateFromUUIDv7.ts
+var extractDateFromUUIDv7 = (uuid) => {
+  const timestampHex = uuid.split("-").join("").slice(0, 12);
+  const timestamp = Number.parseInt(timestampHex, 16);
+  return new Date(timestamp);
+};
+
+// src/utils/log.ts
+var getGroupId = (url) => {
+  try {
+    const urlObject = new URL(url);
+    return {
+      groupId: urlObject.pathname,
+      search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
+    };
+  } catch {
+    return {
+      groupId: "unknown",
+      search: "unknown"
+    };
+  }
+};
+var getReferrer = () => {
+  try {
+    const referrer = new URL(getSchemeUri4());
+    return referrer.searchParams.get("referrer");
+  } catch {
+    return "";
+  }
+};
+var trackScreen = (url) => {
+  const { groupId, search } = getGroupId(url);
+  const log = {
+    log_type: "screen",
+    log_name: `${groupId}::screen`,
+    params: {
+      search,
+      referrer: getReferrer(),
+      deployment_id: env.getDeploymentId(),
+      deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
+    }
+  };
+  return eventLogNative(log);
+};
+
 // src/components/WebView.tsx
 import { jsx as jsx12 } from "react/jsx-runtime";
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
@@ -1783,7 +1708,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState6(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState5(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -1794,10 +1719,10 @@ function WebView({ type, local, onMessage, ...props }) {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent, onError, options }) => graniteEvent.addEventListener("backEvent", { onEvent, onError, options }),
-      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent3.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent3.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent5.addEventListener("entryMessageExited", { onEvent, onError }),
+      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent5.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent3.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent5.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
       loadAdMobInterstitialAd: GoogleAdMob.loadAdMobInterstitialAd,
       showAdMobInterstitialAd: GoogleAdMob.showAdMobInterstitialAd,
@@ -1870,6 +1795,16 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [global2.navigationBar, type]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
+  const [canHistoryGoBack, setCanHistoryGoBack] = useState5(false);
+  const handleNavigationStateChange = useCallback9(
+    (event) => {
+      if (event.url) {
+        trackScreen(event.url);
+      }
+      setCanHistoryGoBack(event.canGoBack);
+    },
+    [setCanHistoryGoBack]
+  );
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
@@ -1891,6 +1826,8 @@ function WebView({ type, local, onMessage, ...props }) {
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
+      canHistoryGoBack,
+      onNavigationStateChange: handleNavigationStateChange,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
       decelerationRate: Platform4.OS === "ios" ? 1 : void 0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "0.0.0-dev.1758103372343",
+  "version": "0.0.0-dev.1758198081085",
   "description": "The framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -56,11 +56,11 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/analytics": "0.0.0-dev.1758103372343",
-    "@apps-in-toss/cli": "0.0.0-dev.1758103372343",
-    "@apps-in-toss/native-modules": "0.0.0-dev.1758103372343",
-    "@apps-in-toss/plugins": "0.0.0-dev.1758103372343",
-    "@apps-in-toss/types": "0.0.0-dev.1758103372343",
+    "@apps-in-toss/analytics": "0.0.0-dev.1758198081085",
+    "@apps-in-toss/cli": "0.0.0-dev.1758198081085",
+    "@apps-in-toss/native-modules": "0.0.0-dev.1758198081085",
+    "@apps-in-toss/plugins": "0.0.0-dev.1758198081085",
+    "@apps-in-toss/types": "0.0.0-dev.1758198081085",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dd32f2c8028913b7f866a3a099728410d783dcd6"
+  "gitHead": "bfc8653621ef7fc455cc5cf8fd9ff885da0f69d0"
 }