@apps-in-toss/framework 0.0.35 → 0.0.36

package/dist/index.cjs

@@ -71,17 +71,34 @@ var import_analytics2 = require("@apps-in-toss/analytics");
 // src/core/registerApp.tsx
 var import_analytics = require("@apps-in-toss/analytics");
 var import_react_native6 = require("@toss-design-system/react-native");
-var import_react_native_bedrock9 = require("react-native-bedrock");
+var import_react_native_bedrock11 = require("react-native-bedrock");
 
 // src/core/components/AppEvent.tsx
-var import_react2 = require("react");
-var import_react_native_bedrock2 = require("react-native-bedrock");
+var import_react3 = require("react");
+var import_react_native_bedrock4 = require("react-native-bedrock");
 
 // src/env.ts
 var env = {
   getDeploymentId: () => __DEV__ ? "local" : global.__appsInToss?.deploymentId
 };
 
+// src/hooks/useCaptureExitLog.ts
+var import_react2 = require("react");
+var import_react_native_bedrock3 = require("react-native-bedrock");
+
+// src/core/hooks/useReferrer.ts
+var import_react = require("react");
+var import_react_native_bedrock = require("react-native-bedrock");
+function useReferrer() {
+  return (0, import_react.useMemo)(() => {
+    try {
+      return new URL((0, import_react_native_bedrock.getSchemeUri)()).searchParams.get("referrer");
+    } catch {
+      return null;
+    }
+  }, []);
+}
+
 // src/native-modules/tossCore.ts
 var import_react_native3 = require("react-native");
 
@@ -203,21 +220,8 @@ function tossCoreEventLog(params) {
   });
 }
 
-// src/core/hooks/useReferrer.ts
-var import_react = require("react");
-var import_react_native_bedrock = require("react-native-bedrock");
-function useReferrer() {
-  return (0, import_react.useMemo)(() => {
-    try {
-      return new URL((0, import_react_native_bedrock.getSchemeUri)()).searchParams.get("referrer");
-    } catch {
-      return null;
-    }
-  }, []);
-}
-
-// src/core/components/AppEvent.tsx
-var ENTRY_APP_EVENT_SCHEMA_ID = 1562181;
+// src/utils/isPrivateScheme.ts
+var import_react_native_bedrock2 = require("react-native-bedrock");
 function isPrivateScheme() {
   try {
     return new URL((0, import_react_native_bedrock2.getSchemeUri)()).protocol === "intoss-private:";
@@ -225,9 +229,51 @@ function isPrivateScheme() {
     return false;
   }
 }
+
+// src/hooks/useCaptureExitLog.ts
+var EXIT_IMPRESSION_LOG_NAME = "appsintoss_app_visit__common_module::impression__stay_time";
+var EXIT_IMPRESSION_SCHEMA_ID = 1631628;
+function useCaptureExitLog() {
+  const referrer = useReferrer();
+  const visible = (0, import_react_native_bedrock3.useVisibility)();
+  const enterTime = (0, import_react2.useRef)(void 0);
+  (0, import_react2.useEffect)(() => {
+    if (visible === true) {
+      enterTime.current = Date.now();
+    }
+  }, [visible]);
+  const captureExitLog = (0, import_react2.useCallback)(
+    (exitTime) => {
+      if (enterTime.current == null) {
+        return;
+      }
+      const stayTime = Math.floor(exitTime - enterTime.current);
+      tossCoreEventLog({
+        log_name: EXIT_IMPRESSION_LOG_NAME,
+        log_type: "event",
+        params: {
+          schema_id: EXIT_IMPRESSION_SCHEMA_ID,
+          event_type: "impression",
+          referrer,
+          deployment_id: env.getDeploymentId(),
+          app_name: import_react_native_bedrock3.Bedrock.appName,
+          is_private: isPrivateScheme(),
+          stay_time: stayTime.toString(),
+          exit_time: exitTime.toString()
+        }
+      });
+      enterTime.current = void 0;
+    },
+    [referrer]
+  );
+  return { captureExitLog };
+}
+
+// src/core/components/AppEvent.tsx
+var ENTRY_APP_EVENT_SCHEMA_ID = 1562181;
 function EntryAppEvent() {
   const referrer = useReferrer() ?? "";
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     tossCoreEventLog({
       log_name: "appsintoss_app_visit::impression__enter_appsintoss",
       log_type: "info",
@@ -236,7 +282,7 @@ function EntryAppEvent() {
         schema_id: ENTRY_APP_EVENT_SCHEMA_ID,
         referrer,
         deployment_id: env.getDeploymentId(),
-        app_name: import_react_native_bedrock2.Bedrock.appName,
+        app_name: import_react_native_bedrock4.Bedrock.appName,
         is_private: isPrivateScheme()
       }
     });
@@ -244,36 +290,47 @@ function EntryAppEvent() {
   return null;
 }
 function SystemAppEvent({ ...initialProps }) {
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     tossCoreEventLog({
       log_name: "AppsInTossInitialProps",
       log_type: "debug",
       params: {
         ...initialProps,
-        schemeUri: (0, import_react_native_bedrock2.getSchemeUri)(),
+        schemeUri: (0, import_react_native_bedrock4.getSchemeUri)(),
         deployment_id: env.getDeploymentId(),
-        app_name: import_react_native_bedrock2.Bedrock.appName,
+        app_name: import_react_native_bedrock4.Bedrock.appName,
         is_private: isPrivateScheme()
       }
     });
   }, [initialProps]);
   return null;
 }
+function StayTimeAppEvent() {
+  const visible = (0, import_react_native_bedrock4.useVisibility)();
+  const { captureExitLog } = useCaptureExitLog();
+  (0, import_react3.useEffect)(() => {
+    if (visible === false) {
+      captureExitLog(Date.now());
+    }
+  }, [visible, captureExitLog]);
+  return null;
+}
 var AppEvent = {
   Entry: EntryAppEvent,
-  System: SystemAppEvent
+  System: SystemAppEvent,
+  StayTime: StayTimeAppEvent
 };
 
 // src/core/hooks/useAppsInTossBridge.ts
 var import_react_native5 = require("@toss-design-system/react-native");
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/native-event-emitter/appsInTossEvent.ts
-var import_react_native_bedrock7 = require("react-native-bedrock");
+var import_react_native_bedrock9 = require("react-native-bedrock");
 
 // src/native-event-emitter/event-plugins/EntryMessageExitedEvent.ts
-var import_react_native_bedrock3 = require("react-native-bedrock");
-var EntryMessageExitedEvent = class extends import_react_native_bedrock3.BedrockEventDefinition {
+var import_react_native_bedrock5 = require("react-native-bedrock");
+var EntryMessageExitedEvent = class extends import_react_native_bedrock5.BedrockEventDefinition {
   name = "entryMessageExited";
   remove() {
   }
@@ -283,7 +340,7 @@ var EntryMessageExitedEvent = class extends import_react_native_bedrock3.Bedrock
 };
 
 // src/native-event-emitter/event-plugins/UpdateLocationEvent.ts
-var import_react_native_bedrock4 = require("react-native-bedrock");
+var import_react_native_bedrock6 = require("react-native-bedrock");
 
 // src/native-modules/getPermission.ts
 function getPermission(permission) {
@@ -312,7 +369,7 @@ var import_react_native4 = require("react-native");
 var nativeEventEmitter = new import_react_native4.NativeEventEmitter(AppsInTossModuleInstance);
 
 // src/native-event-emitter/event-plugins/UpdateLocationEvent.ts
-var UpdateLocationEvent = class extends import_react_native_bedrock4.BedrockEventDefinition {
+var UpdateLocationEvent = class extends import_react_native_bedrock6.BedrockEventDefinition {
   name = "updateLocationEvent";
   subscriptionCount = 0;
   ref = {
@@ -342,7 +399,7 @@ var UpdateLocationEvent = class extends import_react_native_bedrock4.BedrockEven
 };
 
 // src/native-event-emitter/internal/AppBridgeCallbackEvent.ts
-var import_react_native_bedrock5 = require("react-native-bedrock");
+var import_react_native_bedrock7 = require("react-native-bedrock");
 
 // src/utils/generateUUID.ts
 function generateUUID(placeholder) {
@@ -399,7 +456,7 @@ var INTERNAL__appBridgeHandler = {
 
 // src/native-event-emitter/internal/AppBridgeCallbackEvent.ts
 var UNSAFE__nativeEventEmitter = nativeEventEmitter;
-var AppBridgeCallbackEvent = class _AppBridgeCallbackEvent extends import_react_native_bedrock5.BedrockEventDefinition {
+var AppBridgeCallbackEvent = class _AppBridgeCallbackEvent extends import_react_native_bedrock7.BedrockEventDefinition {
   static INTERNAL__appBridgeSubscription;
   name = "appBridgeCallbackEvent";
   constructor() {
@@ -429,8 +486,8 @@ var AppBridgeCallbackEvent = class _AppBridgeCallbackEvent extends import_react_
 };
 
 // src/native-event-emitter/internal/VisibilityChangedByTransparentServiceWebEvent.ts
-var import_react_native_bedrock6 = require("react-native-bedrock");
-var VisibilityChangedByTransparentServiceWebEvent = class extends import_react_native_bedrock6.BedrockEventDefinition {
+var import_react_native_bedrock8 = require("react-native-bedrock");
+var VisibilityChangedByTransparentServiceWebEvent = class extends import_react_native_bedrock8.BedrockEventDefinition {
   name = "onVisibilityChangedByTransparentServiceWeb";
   subscription = null;
   remove() {
@@ -455,7 +512,7 @@ var VisibilityChangedByTransparentServiceWebEvent = class extends import_react_n
 };
 
 // src/native-event-emitter/appsInTossEvent.ts
-var appsInTossEvent = new import_react_native_bedrock7.BedrockEvent([
+var appsInTossEvent = new import_react_native_bedrock9.BedrockEvent([
   new UpdateLocationEvent(),
   new EntryMessageExitedEvent(),
   // Internal events
@@ -480,7 +537,7 @@ function toIcon(source) {
 function useAppsInTossBridge() {
   const controller = (0, import_react_native5.useBridge)();
   const appsInTossGlobals2 = getAppsInTossGlobals();
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const commonProps = {
       serviceName: appsInTossGlobals2.brandDisplayName,
       icon: toIcon(appsInTossGlobals2.brandIcon),
@@ -682,7 +739,7 @@ async function getGameCenterGameProfile() {
 }
 
 // src/native-modules/openGameCenterLeaderboard.ts
-var import_react_native_bedrock8 = require("react-native-bedrock");
+var import_react_native_bedrock10 = require("react-native-bedrock");
 async function openGameCenterLeaderboard() {
   if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
     return;
@@ -690,7 +747,7 @@ async function openGameCenterLeaderboard() {
   const url = new URL("servicetoss://game-center/leaderboard?_navbar=hide");
   url.searchParams.set("appName", getAppName());
   url.searchParams.set("referrer", `appsintoss.${getAppName()}`);
-  return (0, import_react_native_bedrock8.openURL)(url.toString());
+  return (0, import_react_native_bedrock10.openURL)(url.toString());
 }
 
 // src/native-modules/submitGameCenterLeaderBoardScore.ts
@@ -706,6 +763,7 @@ async function submitGameCenterLeaderBoardScore(params) {
 var import_jsx_runtime = require("react/jsx-runtime");
 function AppsInTossContainer(Container, { children, ...initialProps }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppEvent.StayTime, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppEvent.Entry, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppEvent.System, { ...initialProps }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { ...initialProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native6.TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TDSContainer, { ...initialProps, children }) }) })
@@ -720,7 +778,7 @@ function registerApp(container, { context, analytics }) {
     logger: (params) => void eventLog(params),
     debug: analytics?.debug ?? __DEV__
   });
-  return import_react_native_bedrock9.Bedrock.registerApp(AppsInTossContainer.bind(null, container), {
+  return import_react_native_bedrock11.Bedrock.registerApp(AppsInTossContainer.bind(null, container), {
     appName: getAppName(),
     context,
     router: {
@@ -952,9 +1010,9 @@ var GoogleAdMob = {
 // src/components/WebView.tsx
 var import_react_native20 = require("@toss-design-system/react-native");
 var import_private3 = require("@toss-design-system/react-native/private");
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_react_native21 = require("react-native");
-var import_react_native_bedrock16 = require("react-native-bedrock");
+var import_react_native_bedrock18 = require("react-native-bedrock");
 var bedrockAsyncBridges = __toESM(require("react-native-bedrock/async-bridges"), 1);
 var bedrockConstantBridges = __toESM(require("react-native-bedrock/constant-bridges"), 1);
 
@@ -962,20 +1020,20 @@ var bedrockConstantBridges = __toESM(require("react-native-bedrock/constant-brid
 var import_react_native_webview = require("@react-native-bedrock/native/react-native-webview");
 var import_react_native17 = require("@toss-design-system/react-native");
 var import_es_hangul2 = require("es-hangul");
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_react_native18 = require("react-native");
-var import_react_native_bedrock12 = require("react-native-bedrock");
+var import_react_native_bedrock14 = require("react-native-bedrock");
 
 // src/components/GameProfile.tsx
 var import_react_native10 = require("@toss-design-system/react-native");
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_native11 = require("react-native");
 
 // src/hooks/useGameCenterProfile.ts
 var import_react_native9 = require("@toss-design-system/react-native");
 var import_es_hangul = require("es-hangul");
-var import_react4 = require("react");
-var import_react_native_bedrock11 = require("react-native-bedrock");
+var import_react5 = require("react");
+var import_react_native_bedrock13 = require("react-native-bedrock");
 
 // src/components/GameProfileToast.tsx
 var import_react_native7 = require("@toss-design-system/react-native");
@@ -1028,7 +1086,7 @@ var getMarketLink = () => {
 };
 
 // src/utils/openTransparentWebView.ts
-var import_react_native_bedrock10 = require("react-native-bedrock");
+var import_react_native_bedrock12 = require("react-native-bedrock");
 
 // src/native-event-emitter/internal/onVisibilityChangedByTransparentServiceWeb.ts
 function onVisibilityChangedByTransparentServiceWeb(eventParams) {
@@ -1066,29 +1124,29 @@ var openTransparentWebView = ({
       }
     }
   });
-  (0, import_react_native_bedrock10.openURL)(url.toString());
+  (0, import_react_native_bedrock12.openURL)(url.toString());
 };
 
 // src/hooks/useGameCenterProfile.ts
 var useGameCenterProfile = (isReadyForProfileUI) => {
-  const [profileData, setProfileData] = (0, import_react4.useState)(void 0);
-  const [isProfileDataLoading, setIsProfileDataLoading] = (0, import_react4.useState)(true);
-  const [isProfileDataRefetching, setIsProfileDataRefetching] = (0, import_react4.useState)(false);
+  const [profileData, setProfileData] = (0, import_react5.useState)(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = (0, import_react5.useState)(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = (0, import_react5.useState)(false);
   const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
   const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
   const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
-  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react4.useState)(false);
-  const isCompletedProfileFlow = (0, import_react4.useRef)(false);
+  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react5.useState)(false);
+  const isCompletedProfileFlow = (0, import_react5.useRef)(false);
   const { openAlert, openConfirm } = (0, import_react_native9.useDialog)();
   const { openGameProfileToast } = useGameProfileToast();
-  const openErrorAlert = (0, import_react4.useCallback)(async () => {
+  const openErrorAlert = (0, import_react5.useCallback)(async () => {
     await openAlert({
       title: DEFAULT_ERROR.title,
       description: DEFAULT_ERROR.description
     });
-    (0, import_react_native_bedrock11.closeView)();
+    (0, import_react_native_bedrock13.closeView)();
   }, [openAlert]);
-  const openProfileWebview = (0, import_react4.useCallback)(() => {
+  const openProfileWebview = (0, import_react5.useCallback)(() => {
     if (isWebviewLoading) {
       return;
     }
@@ -1117,7 +1175,7 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
       }
     });
   }, [isWebviewLoading, openGameProfileToast, openErrorAlert]);
-  const updateAppToSupportedMinVersion = (0, import_react4.useCallback)(async () => {
+  const updateAppToSupportedMinVersion = (0, import_react5.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`,
@@ -1131,11 +1189,11 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
       closeOnDimmerClick: true
     });
     if (!isConfirmed) {
-      (0, import_react_native_bedrock11.closeView)();
+      (0, import_react_native_bedrock13.closeView)();
       return;
     }
     const STORE_SCHEME = getMarketLink();
-    (0, import_react_native_bedrock11.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+    (0, import_react_native_bedrock13.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
   }, [openConfirm]);
   return {
     profileData,
@@ -1180,7 +1238,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     openErrorAlert,
     openGameProfileToast
   } = useGameCenterProfile(isReadyForProfileUI);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     try {
       const getProfileData = async () => {
         const data = await getGameCenterGameProfile();
@@ -1193,7 +1251,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
       setIsProfileDataLoading(false);
     }
   }, []);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
@@ -1381,11 +1439,12 @@ function GameNavigationBar({ onClose }) {
 
 // src/components/GameWebView.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var GameWebView = (0, import_react6.forwardRef)(function GameWebView2(props, ref) {
+var GameWebView = (0, import_react7.forwardRef)(function GameWebView2(props, ref) {
   const { openConfirm } = (0, import_react_native17.useDialog)();
   const { brandDisplayName } = getAppsInTossGlobals();
-  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react6.useState)(false);
-  const handleClose = (0, import_react6.useCallback)(async () => {
+  const { captureExitLog } = useCaptureExitLog();
+  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react7.useState)(false);
+  const handleClose = (0, import_react7.useCallback)(async () => {
     const isConfirmed = await openConfirm({
       title: `${(0, import_es_hangul2.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
       leftButton: "\uCDE8\uC18C",
@@ -1393,19 +1452,20 @@ var GameWebView = (0, import_react6.forwardRef)(function GameWebView2(props, ref
       closeOnDimmerClick: true
     });
     if (isConfirmed) {
-      (0, import_react_native_bedrock12.closeView)();
+      captureExitLog(Date.now());
+      (0, import_react_native_bedrock14.closeView)();
     }
-  }, [brandDisplayName, openConfirm]);
-  (0, import_react6.useEffect)(() => {
+  }, [brandDisplayName, captureExitLog, openConfirm]);
+  (0, import_react7.useEffect)(() => {
     if (import_react_native18.Platform.OS === "ios") {
-      (0, import_react_native_bedrock12.setIosSwipeGestureEnabled)({ isEnabled: false });
+      (0, import_react_native_bedrock14.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
-        (0, import_react_native_bedrock12.setIosSwipeGestureEnabled)({ isEnabled: true });
+        (0, import_react_native_bedrock14.setIosSwipeGestureEnabled)({ isEnabled: true });
       };
     }
     return;
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const backHandler = () => {
       handleClose();
       return true;
@@ -1415,7 +1475,7 @@ var GameWebView = (0, import_react6.forwardRef)(function GameWebView2(props, ref
       import_react_native18.BackHandler.removeEventListener("hardwareBackPress", backHandler);
     };
   }, [handleClose]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     appsInTossEvent.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
@@ -1429,7 +1489,7 @@ var GameWebView = (0, import_react6.forwardRef)(function GameWebView2(props, ref
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1478,8 +1538,8 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = (0, import_react7.useRef)(null);
-  const injectedJavaScript = (0, import_react7.useMemo)(
+  const ref = (0, import_react8.useRef)(null);
+  const injectedJavaScript = (0, import_react8.useMemo)(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1505,7 +1565,7 @@ function useBridgeHandler({
       window.__BEDROCK_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${JSON.stringify(error, null, 0)});
     `);
   };
-  const $onMessage = (0, import_react7.useCallback)(
+  const $onMessage = (0, import_react8.useCallback)(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1572,7 +1632,7 @@ __export(event_bridges_exports, {
 
 // src/hooks/useCreateUserAgent.ts
 var import_react_native19 = require("react-native");
-var import_react_native_bedrock13 = require("react-native-bedrock");
+var import_react_native_bedrock15 = require("react-native-bedrock");
 var FontA11yCategory = {
   Large: "Large",
   xLarge: "xLarge",
@@ -1705,7 +1765,7 @@ function useCreateUserAgent({
   safeArea,
   safeAreaBottomTransparency
 }) {
-  const platform = (0, import_react_native_bedrock13.getPlatformOS)();
+  const platform = (0, import_react_native_bedrock15.getPlatformOS)();
   const appVersion = getTossAppVersion();
   const { fontScale } = (0, import_react_native19.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android";
@@ -1727,12 +1787,12 @@ function useCreateUserAgent({
 }
 
 // src/hooks/useGeolocation.ts
-var import_react8 = require("react");
-var import_react_native_bedrock14 = require("react-native-bedrock");
+var import_react9 = require("react");
+var import_react_native_bedrock16 = require("react-native-bedrock");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native_bedrock14.useVisibility)();
-  const [location, setLocation] = (0, import_react8.useState)(null);
-  (0, import_react8.useEffect)(() => {
+  const isVisible = (0, import_react_native_bedrock16.useVisibility)();
+  const [location, setLocation] = (0, import_react9.useState)(null);
+  (0, import_react9.useEffect)(() => {
     if (!isVisible) {
       return;
     }
@@ -1750,7 +1810,7 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 }
 
 // src/utils/log.ts
-var import_react_native_bedrock15 = require("react-native-bedrock");
+var import_react_native_bedrock17 = require("react-native-bedrock");
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -1776,7 +1836,7 @@ var getGroupId = (url) => {
 };
 var getReferrer = () => {
   try {
-    const referrer = new URL((0, import_react_native_bedrock15.getSchemeUri)());
+    const referrer = new URL((0, import_react_native_bedrock17.getSchemeUri)());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -1809,7 +1869,7 @@ var WEBVIEW_TYPES = {
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL((0, import_react_native_bedrock16.getSchemeUri)());
+  const schemeUrl = new URL((0, import_react_native_bedrock18.getSchemeUri)());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -1833,8 +1893,8 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
-  const bedrockEvent = (0, import_react_native_bedrock16.useBedrockEvent)();
-  const uri = (0, import_react9.useMemo)(() => getWebViewUri(local), [local]);
+  const bedrockEvent = (0, import_react_native_bedrock18.useBedrockEvent)();
+  const uri = (0, import_react10.useMemo)(() => getWebViewUri(local), [local]);
   const top = (0, import_private3.useSafeAreaTop)();
   const bottom = (0, import_private3.useSafeAreaBottom)();
   const global2 = getAppsInTossGlobals();
@@ -1890,7 +1950,7 @@ function WebView({ type, local, onMessage, ...props }) {
       iapGetProductItemList: IAP.getProductItemList
     }
   });
-  const baseProps = (0, import_react9.useMemo)(() => {
+  const baseProps = (0, import_react10.useMemo)(() => {
     switch (type) {
       case "partner": {
         const headerOnlyProp = {
@@ -1919,7 +1979,7 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [type, props]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
-  const handleNavigationStateChange = (0, import_react9.useCallback)((event) => {
+  const handleNavigationStateChange = (0, import_react10.useCallback)((event) => {
     if (event.url) {
       trackScreen(event.url);
     }

package/dist/index.js

@@ -10,17 +10,34 @@ import { Analytics as InternalAnalytics } from "@apps-in-toss/analytics";
 // src/core/registerApp.tsx
 import { Analytics } from "@apps-in-toss/analytics";
 import { TDSProvider } from "@toss-design-system/react-native";
-import { Bedrock as Bedrock2 } from "react-native-bedrock";
+import { Bedrock as Bedrock3 } from "react-native-bedrock";
 
 // src/core/components/AppEvent.tsx
-import { useEffect } from "react";
-import { Bedrock, getSchemeUri as getSchemeUri2 } from "react-native-bedrock";
+import { useEffect as useEffect2 } from "react";
+import { Bedrock as Bedrock2, getSchemeUri as getSchemeUri3, useVisibility as useVisibility2 } from "react-native-bedrock";
 
 // src/env.ts
 var env = {
   getDeploymentId: () => __DEV__ ? "local" : global.__appsInToss?.deploymentId
 };
 
+// src/hooks/useCaptureExitLog.ts
+import { useCallback, useEffect, useRef } from "react";
+import { Bedrock, useVisibility } from "react-native-bedrock";
+
+// src/core/hooks/useReferrer.ts
+import { useMemo } from "react";
+import { getSchemeUri } from "react-native-bedrock";
+function useReferrer() {
+  return useMemo(() => {
+    try {
+      return new URL(getSchemeUri()).searchParams.get("referrer");
+    } catch {
+      return null;
+    }
+  }, []);
+}
+
 // src/native-modules/tossCore.ts
 import { NativeModules as NativeModules2 } from "react-native";
 
@@ -142,21 +159,8 @@ function tossCoreEventLog(params) {
   });
 }
 
-// src/core/hooks/useReferrer.ts
-import { useMemo } from "react";
-import { getSchemeUri } from "react-native-bedrock";
-function useReferrer() {
-  return useMemo(() => {
-    try {
-      return new URL(getSchemeUri()).searchParams.get("referrer");
-    } catch {
-      return null;
-    }
-  }, []);
-}
-
-// src/core/components/AppEvent.tsx
-var ENTRY_APP_EVENT_SCHEMA_ID = 1562181;
+// src/utils/isPrivateScheme.ts
+import { getSchemeUri as getSchemeUri2 } from "react-native-bedrock";
 function isPrivateScheme() {
   try {
     return new URL(getSchemeUri2()).protocol === "intoss-private:";
@@ -164,9 +168,51 @@ function isPrivateScheme() {
     return false;
   }
 }
+
+// src/hooks/useCaptureExitLog.ts
+var EXIT_IMPRESSION_LOG_NAME = "appsintoss_app_visit__common_module::impression__stay_time";
+var EXIT_IMPRESSION_SCHEMA_ID = 1631628;
+function useCaptureExitLog() {
+  const referrer = useReferrer();
+  const visible = useVisibility();
+  const enterTime = useRef(void 0);
+  useEffect(() => {
+    if (visible === true) {
+      enterTime.current = Date.now();
+    }
+  }, [visible]);
+  const captureExitLog = useCallback(
+    (exitTime) => {
+      if (enterTime.current == null) {
+        return;
+      }
+      const stayTime = Math.floor(exitTime - enterTime.current);
+      tossCoreEventLog({
+        log_name: EXIT_IMPRESSION_LOG_NAME,
+        log_type: "event",
+        params: {
+          schema_id: EXIT_IMPRESSION_SCHEMA_ID,
+          event_type: "impression",
+          referrer,
+          deployment_id: env.getDeploymentId(),
+          app_name: Bedrock.appName,
+          is_private: isPrivateScheme(),
+          stay_time: stayTime.toString(),
+          exit_time: exitTime.toString()
+        }
+      });
+      enterTime.current = void 0;
+    },
+    [referrer]
+  );
+  return { captureExitLog };
+}
+
+// src/core/components/AppEvent.tsx
+var ENTRY_APP_EVENT_SCHEMA_ID = 1562181;
 function EntryAppEvent() {
   const referrer = useReferrer() ?? "";
-  useEffect(() => {
+  useEffect2(() => {
     tossCoreEventLog({
       log_name: "appsintoss_app_visit::impression__enter_appsintoss",
       log_type: "info",
@@ -175,7 +221,7 @@ function EntryAppEvent() {
         schema_id: ENTRY_APP_EVENT_SCHEMA_ID,
         referrer,
         deployment_id: env.getDeploymentId(),
-        app_name: Bedrock.appName,
+        app_name: Bedrock2.appName,
         is_private: isPrivateScheme()
       }
     });
@@ -183,29 +229,40 @@ function EntryAppEvent() {
   return null;
 }
 function SystemAppEvent({ ...initialProps }) {
-  useEffect(() => {
+  useEffect2(() => {
     tossCoreEventLog({
       log_name: "AppsInTossInitialProps",
       log_type: "debug",
       params: {
         ...initialProps,
-        schemeUri: getSchemeUri2(),
+        schemeUri: getSchemeUri3(),
         deployment_id: env.getDeploymentId(),
-        app_name: Bedrock.appName,
+        app_name: Bedrock2.appName,
         is_private: isPrivateScheme()
       }
     });
   }, [initialProps]);
   return null;
 }
+function StayTimeAppEvent() {
+  const visible = useVisibility2();
+  const { captureExitLog } = useCaptureExitLog();
+  useEffect2(() => {
+    if (visible === false) {
+      captureExitLog(Date.now());
+    }
+  }, [visible, captureExitLog]);
+  return null;
+}
 var AppEvent = {
   Entry: EntryAppEvent,
-  System: SystemAppEvent
+  System: SystemAppEvent,
+  StayTime: StayTimeAppEvent
 };
 
 // src/core/hooks/useAppsInTossBridge.ts
 import { useBridge } from "@toss-design-system/react-native";
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 
 // src/native-event-emitter/appsInTossEvent.ts
 import { BedrockEvent } from "react-native-bedrock";
@@ -419,7 +476,7 @@ function toIcon(source) {
 function useAppsInTossBridge() {
   const controller = useBridge();
   const appsInTossGlobals2 = getAppsInTossGlobals();
-  useEffect2(() => {
+  useEffect3(() => {
     const commonProps = {
       serviceName: appsInTossGlobals2.brandDisplayName,
       icon: toIcon(appsInTossGlobals2.brandIcon),
@@ -645,6 +702,7 @@ async function submitGameCenterLeaderBoardScore(params) {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function AppsInTossContainer(Container, { children, ...initialProps }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AppEvent.StayTime, {}),
     /* @__PURE__ */ jsx(AppEvent.Entry, {}),
     /* @__PURE__ */ jsx(AppEvent.System, { ...initialProps }),
     /* @__PURE__ */ jsx(Container, { ...initialProps, children: /* @__PURE__ */ jsx(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx(TDSContainer, { ...initialProps, children }) }) })
@@ -659,7 +717,7 @@ function registerApp(container, { context, analytics }) {
     logger: (params) => void eventLog(params),
     debug: analytics?.debug ?? __DEV__
   });
-  return Bedrock2.registerApp(AppsInTossContainer.bind(null, container), {
+  return Bedrock3.registerApp(AppsInTossContainer.bind(null, container), {
     appName: getAppName(),
     context,
     router: {
@@ -896,9 +954,9 @@ import {
   usePartnerNavigation
 } from "@toss-design-system/react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop2 } from "@toss-design-system/react-native/private";
-import { useCallback as useCallback4, useMemo as useMemo3 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo3 } from "react";
 import { Platform as Platform7 } from "react-native";
-import { getSchemeUri as getSchemeUri4, useBedrockEvent } from "react-native-bedrock";
+import { getSchemeUri as getSchemeUri5, useBedrockEvent } from "react-native-bedrock";
 import * as bedrockAsyncBridges from "react-native-bedrock/async-bridges";
 import * as bedrockConstantBridges from "react-native-bedrock/constant-bridges";
 
@@ -908,19 +966,19 @@ import {
 } from "@react-native-bedrock/native/react-native-webview";
 import { useDialog as useDialog2 } from "@toss-design-system/react-native";
 import { josa as josa2 } from "es-hangul";
-import { forwardRef, useCallback as useCallback2, useEffect as useEffect4, useState as useState2 } from "react";
+import { forwardRef, useCallback as useCallback3, useEffect as useEffect5, useState as useState2 } from "react";
 import { BackHandler, Platform as Platform6 } from "react-native";
 import { closeView as closeView2, setIosSwipeGestureEnabled } from "react-native-bedrock";
 
 // src/components/GameProfile.tsx
 import { Loader } from "@toss-design-system/react-native";
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 import { Pressable, View } from "react-native";
 
 // src/hooks/useGameCenterProfile.ts
 import { useDialog } from "@toss-design-system/react-native";
 import { josa } from "es-hangul";
-import { useCallback, useRef, useState } from "react";
+import { useCallback as useCallback2, useRef as useRef2, useState } from "react";
 import { closeView, openURL as openURL3 } from "react-native-bedrock";
 
 // src/components/GameProfileToast.tsx
@@ -1024,17 +1082,17 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
   const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
   const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
   const [isWebviewLoading, setIsWebviewLoading] = useState(false);
-  const isCompletedProfileFlow = useRef(false);
+  const isCompletedProfileFlow = useRef2(false);
   const { openAlert, openConfirm } = useDialog();
   const { openGameProfileToast } = useGameProfileToast();
-  const openErrorAlert = useCallback(async () => {
+  const openErrorAlert = useCallback2(async () => {
     await openAlert({
       title: DEFAULT_ERROR.title,
       description: DEFAULT_ERROR.description
     });
     closeView();
   }, [openAlert]);
-  const openProfileWebview = useCallback(() => {
+  const openProfileWebview = useCallback2(() => {
     if (isWebviewLoading) {
       return;
     }
@@ -1063,7 +1121,7 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
       }
     });
   }, [isWebviewLoading, openGameProfileToast, openErrorAlert]);
-  const updateAppToSupportedMinVersion = useCallback(async () => {
+  const updateAppToSupportedMinVersion = useCallback2(async () => {
     const upddateConfirmDialogLabel = {
       title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
 \uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
@@ -1126,7 +1184,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     openErrorAlert,
     openGameProfileToast
   } = useGameCenterProfile(isReadyForProfileUI);
-  useEffect3(() => {
+  useEffect4(() => {
     try {
       const getProfileData = async () => {
         const data = await getGameCenterGameProfile();
@@ -1139,7 +1197,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
       setIsProfileDataLoading(false);
     }
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
@@ -1330,8 +1388,9 @@ import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-run
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
   const { openConfirm } = useDialog2();
   const { brandDisplayName } = getAppsInTossGlobals();
+  const { captureExitLog } = useCaptureExitLog();
   const [isEntryMessageExited, setIsEntryMessageExited] = useState2(false);
-  const handleClose = useCallback2(async () => {
+  const handleClose = useCallback3(async () => {
     const isConfirmed = await openConfirm({
       title: `${josa2(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
       leftButton: "\uCDE8\uC18C",
@@ -1339,10 +1398,11 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
       closeOnDimmerClick: true
     });
     if (isConfirmed) {
+      captureExitLog(Date.now());
       closeView2();
     }
-  }, [brandDisplayName, openConfirm]);
-  useEffect4(() => {
+  }, [brandDisplayName, captureExitLog, openConfirm]);
+  useEffect5(() => {
     if (Platform6.OS === "ios") {
       setIosSwipeGestureEnabled({ isEnabled: false });
       return () => {
@@ -1351,7 +1411,7 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
     }
     return;
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     const backHandler = () => {
       handleClose();
       return true;
@@ -1361,7 +1421,7 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
       BackHandler.removeEventListener("hardwareBackPress", backHandler);
     };
   }, [handleClose]);
-  useEffect4(() => {
+  useEffect5(() => {
     appsInTossEvent.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
@@ -1375,7 +1435,7 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo2, useRef as useRef3 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1424,7 +1484,7 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = useRef2(null);
+  const ref = useRef3(null);
   const injectedJavaScript = useMemo2(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
@@ -1451,7 +1511,7 @@ function useBridgeHandler({
       window.__BEDROCK_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${JSON.stringify(error, null, 0)});
     `);
   };
-  const $onMessage = useCallback3(
+  const $onMessage = useCallback4(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1673,12 +1733,12 @@ function useCreateUserAgent({
 }
 
 // src/hooks/useGeolocation.ts
-import { useState as useState3, useEffect as useEffect5 } from "react";
-import { useVisibility } from "react-native-bedrock";
+import { useState as useState3, useEffect as useEffect6 } from "react";
+import { useVisibility as useVisibility3 } from "react-native-bedrock";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = useVisibility();
+  const isVisible = useVisibility3();
   const [location, setLocation] = useState3(null);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!isVisible) {
       return;
     }
@@ -1696,7 +1756,7 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 }
 
 // src/utils/log.ts
-import { getSchemeUri as getSchemeUri3 } from "react-native-bedrock";
+import { getSchemeUri as getSchemeUri4 } from "react-native-bedrock";
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -1722,7 +1782,7 @@ var getGroupId = (url) => {
 };
 var getReferrer = () => {
   try {
-    const referrer = new URL(getSchemeUri3());
+    const referrer = new URL(getSchemeUri4());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -1755,7 +1815,7 @@ var WEBVIEW_TYPES = {
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL(getSchemeUri4());
+  const schemeUrl = new URL(getSchemeUri5());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -1865,7 +1925,7 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [type, props]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
-  const handleNavigationStateChange = useCallback4((event) => {
+  const handleNavigationStateChange = useCallback5((event) => {
     if (event.url) {
       trackScreen(event.url);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "The framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -57,9 +57,9 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/analytics": "0.0.35",
-    "@apps-in-toss/cli": "0.0.35",
-    "@apps-in-toss/plugins": "0.0.35",
+    "@apps-in-toss/analytics": "0.0.36",
+    "@apps-in-toss/cli": "0.0.36",
+    "@apps-in-toss/plugins": "0.0.36",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -94,5 +94,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "385a5a086d4c6e96d04895295969346e463af69e"
+  "gitHead": "b3b65b35bf9532480fcbd14f7d22b796644e2f2f"
 }