@apps-in-toss/framework 0.0.35 → 0.0.37

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, useEffect as useEffect7, useMemo as useMemo3, useState as useState4 } from "react";
 import { Platform as Platform7 } from "react-native";
-import { getSchemeUri as getSchemeUri4, useBedrockEvent } from "react-native-bedrock";
+import { getSchemeUri as getSchemeUri5, useBackEvent, useBedrockEvent, closeView as closeView3 } 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(
@@ -1435,7 +1495,7 @@ function useBridgeHandler({
           },
           {}
         )
-      )}`,
+      )};`,
       originalInjectedJavaScript,
       "true"
     ].join("\n"),
@@ -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);
@@ -1785,8 +1845,16 @@ function WebView({ type, local, onMessage, ...props }) {
   const bottom = useSafeAreaBottom();
   const global2 = getAppsInTossGlobals();
   const partner = usePartnerNavigation();
+  const disableTextSelectionCSS = `
+    (function() {
+      const style = document.createElement('style');
+      style.textContent = '*:not(input):not(textarea) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }';
+      document.head.appendChild(style);
+    })();
+  `;
   const handler = useBridgeHandler({
     onMessage,
+    injectedJavaScript: [disableTextSelectionCSS].join("\n"),
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...event_bridges_exports,
@@ -1865,14 +1933,31 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [type, props]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
-  const handleNavigationStateChange = useCallback4((event) => {
-    if (event.url) {
-      trackScreen(event.url);
-    }
-  }, []);
+  const [canHistoryGoBack, setCanHistoryGoBack] = useState4(false);
+  const handleNavigationStateChange = useCallback5(
+    (event) => {
+      if (event.url) {
+        trackScreen(event.url);
+      }
+      setCanHistoryGoBack(event.canGoBack);
+    },
+    [setCanHistoryGoBack]
+  );
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
+  const backEvent = useBackEvent();
+  const handleBackEvent = useCallback5(() => {
+    if (canHistoryGoBack) {
+      handler.ref.current?.goBack();
+    } else {
+      closeView3();
+    }
+  }, [canHistoryGoBack, handler]);
+  useEffect7(() => {
+    backEvent.addEventListener(handleBackEvent);
+    return () => backEvent.removeEventListener(handleBackEvent);
+  }, [backEvent, handleBackEvent]);
   return /* @__PURE__ */ jsx7(
     BaseWebView,
     {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "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.37",
+    "@apps-in-toss/cli": "0.0.37",
+    "@apps-in-toss/plugins": "0.0.37",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -94,5 +94,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "385a5a086d4c6e96d04895295969346e463af69e"
+  "gitHead": "009779504a353e1b39160e813bf80514cbf7278b"
 }