@apps-in-toss/framework 0.0.0-dev.1753241576118 → 0.0.0-dev.1754906858438

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: {
@@ -854,6 +912,29 @@ var Storage = {
   clearItems
 };
 
+// src/native-modules/contactsViral.ts
+function contactsViral(params) {
+  const isSupported = isMinVersionSupported({
+    android: "5.223.0",
+    ios: "5.223.0"
+  });
+  if (!isSupported) {
+    return () => {
+    };
+  }
+  const { onEvent, onError, options } = params;
+  const unregisterCallbacks = INTERNAL__appBridgeHandler.invokeAppBridgeMethod("contactsViral", options, {
+    onRewardFromContactsViral: (result) => {
+      onEvent({ type: "sendViral", data: result });
+    },
+    onSuccess: (result) => {
+      onEvent({ type: "close", data: result });
+    },
+    onError
+  });
+  return unregisterCallbacks;
+}
+
 // src/native-modules/index.ts
 var TossPay = {
   checkoutPayment
@@ -868,12 +949,14 @@ var GoogleAdMob = {
 // src/components/WebView.tsx
 import {
   ExternalWebViewScreen,
-  PartnerWebViewScreen
+  PartnerWebViewScreen,
+  tdsEvent,
+  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";
 
@@ -883,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
@@ -999,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;
     }
@@ -1038,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`,
@@ -1101,7 +1184,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     openErrorAlert,
     openGameProfileToast
   } = useGameCenterProfile(isReadyForProfileUI);
-  useEffect3(() => {
+  useEffect4(() => {
     try {
       const getProfileData = async () => {
         const data = await getGameCenterGameProfile();
@@ -1114,7 +1197,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
       setIsProfileDataLoading(false);
     }
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
@@ -1305,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",
@@ -1314,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 () => {
@@ -1326,7 +1411,7 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
     }
     return;
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     const backHandler = () => {
       handleClose();
       return true;
@@ -1336,7 +1421,7 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
       BackHandler.removeEventListener("hardwareBackPress", backHandler);
     };
   }, [handleClose]);
-  useEffect4(() => {
+  useEffect5(() => {
     appsInTossEvent.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
@@ -1350,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) {
@@ -1399,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(
@@ -1426,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);
@@ -1487,6 +1572,7 @@ __export(constant_bridges_exports, {
 // src/event-bridges.ts
 var event_bridges_exports = {};
 __export(event_bridges_exports, {
+  contactsViral: () => contactsViral,
   startUpdateLocation: () => startUpdateLocation
 });
 
@@ -1647,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;
     }
@@ -1670,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) => {
@@ -1696,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 "";
@@ -1729,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);
@@ -1758,11 +1844,16 @@ function WebView({ type, local, onMessage, ...props }) {
   const top = useSafeAreaTop2();
   const bottom = useSafeAreaBottom();
   const global2 = getAppsInTossGlobals();
+  const partner = usePartnerNavigation();
   const handler = useBridgeHandler({
     onMessage,
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...event_bridges_exports,
+      navigationAccessoryEvent: ({ onEvent, onError }) => tdsEvent.addEventListener("navigationAccessoryEvent", {
+        onEvent,
+        onError
+      }),
       backEvent: ({ onEvent, onError, options }) => bedrockEvent.addEventListener("backEvent", { onEvent, onError, options }),
       entryMessageExited: ({ onEvent, onError }) => appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
       updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
@@ -1791,6 +1882,8 @@ function WebView({ type, local, onMessage, ...props }) {
     asyncHandlerMap: {
       ...bedrockAsyncBridges,
       ...async_bridges_exports,
+      addAccessoryButton: async (params) => partner.addAccessoryButton(params),
+      removeAccessoryButton: async () => partner.removeAccessoryButton(),
       /** internal */
       openPermissionDialog: AppsInTossModule.openPermissionDialog,
       /** Storage */
@@ -1810,9 +1903,7 @@ function WebView({ type, local, onMessage, ...props }) {
           header: {
             ..."header" in props ? props.header : {},
             icon: toIcon(ensureValue(appsInTossGlobals.brandIcon, "icon")),
-            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName"),
-            rightButtons: void 0
-            // TODO: onClick 이벤트를 받아야 하기에 런타임에서 설정 받아야 함
+            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName")
           }
         };
         return headerOnlyProp;
@@ -1834,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);
     }
@@ -1905,6 +1996,7 @@ export {
   WebView,
   appLogin,
   appsInTossEvent,
+  contactsViral,
   env,
   eventLog,
   fetchAlbumPhotos,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "0.0.0-dev.1753241576118",
+  "version": "0.0.0-dev.1754906858438",
   "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.0-dev.1753241576118",
-    "@apps-in-toss/cli": "0.0.0-dev.1753241576118",
-    "@apps-in-toss/plugins": "0.0.0-dev.1753241576118",
+    "@apps-in-toss/analytics": "0.0.0-dev.1754906858438",
+    "@apps-in-toss/cli": "0.0.0-dev.1754906858438",
+    "@apps-in-toss/plugins": "0.0.0-dev.1754906858438",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -67,7 +67,7 @@
     "@react-native-bedrock/native": "0.0.25",
     "@react-native-bedrock/plugin-core": "0.0.25",
     "@react-native-bedrock/utils": "0.0.25",
-    "@toss-design-system/react-native": "^0.5.0",
+    "@toss-design-system/react-native": "0.7.2",
     "@types/kill-port": "^2.0.1",
     "@types/react": "18.3.3",
     "es-toolkit": "^1.34.1",
@@ -85,7 +85,7 @@
   },
   "peerDependencies": {
     "@react-native-bedrock/native": ">= 0.0.18",
-    "@toss-design-system/react-native": ">= 0.5.0",
+    "@toss-design-system/react-native": ">= 0.7.0",
     "@types/react": "*",
     "react": "*",
     "react-native": "*",
@@ -94,5 +94,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "739c606380e6a8681e5dbc55f70b7f72f3f7721b"
+  "gitHead": "ab42632482e7b40fcb50088014b30643f0ad32e3"
 }

package/src/event-bridges.ts

@@ -1 +1,2 @@
 export * from './native-event-emitter/startUpdateLocation';
+export * from './native-modules/contactsViral';