@apps-in-toss/framework 1.5.2 → 1.6.0

package/dist/index.js

@@ -217,37 +217,9 @@ function useNavigationBarContext() {
   return context;
 }
 
-// src/core/hooks/useAppsInTossBridge.ts
-import { appsInTossEvent } from "@apps-in-toss/native-modules";
-import { useBridge } from "@toss/tds-react-native";
-import { useEffect as useEffect4 } from "react";
-
-// src/core/utils/toIcon.ts
-function toIcon(source) {
-  return source.startsWith("http") ? { source: { uri: source } } : { name: source };
-}
-
-// src/core/hooks/useAppsInTossBridge.ts
-function useAppsInTossBridge() {
-  const controller = useBridge();
-  const appsInTossGlobals = getAppsInTossGlobals();
-  useEffect4(() => {
-    const isGameApp = appsInTossGlobals.webViewType === "game" || appsInTossGlobals.appType === "game";
-    controller.open({
-      serviceName: appsInTossGlobals.brandDisplayName,
-      icon: toIcon(appsInTossGlobals.brandIcon),
-      color: appsInTossGlobals.brandPrimaryColor,
-      colorMode: isGameApp ? "inverted" : appsInTossGlobals.brandBridgeColorMode,
-      onExited: () => {
-        appsInTossEvent.emit("entryMessageExited", void 0);
-      }
-    });
-  }, []);
-}
-
 // src/components/RNAppContainer.tsx
-import { appsInTossEvent as appsInTossEvent2, setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
-import { useEffect as useEffect9, useState as useState5 } from "react";
+import { setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
+import { useEffect as useEffect8 } from "react";
 import { Platform as Platform3 } from "react-native";
 
 // src/components/GameInitializer.tsx
@@ -255,7 +227,7 @@ import { isMinVersionSupported } from "@apps-in-toss/native-modules";
 import { closeView as closeView2 } from "@granite-js/react-native";
 import { Loader } from "@toss/tds-react-native";
 import { josa } from "es-hangul";
-import { useEffect as useEffect5, useRef as useRef2 } from "react";
+import { useEffect as useEffect4, useRef as useRef2 } from "react";
 import { Pressable, View } from "react-native";
 
 // src/constant/game-center.ts
@@ -506,13 +478,13 @@ var useGameProfileToast = () => {
 };
 
 // src/hooks/useGameCenterProfile.ts
-var useGameCenterProfile = (isReadyForProfileUI) => {
+var useGameCenterProfile = () => {
   const [profileData, setProfileData] = useState3(void 0);
   const [isProfileDataLoading, setIsProfileDataLoading] = useState3(true);
   const [isProfileDataRefetching, setIsProfileDataRefetching] = useState3(false);
-  const shouldShowProfileLoadingOverlay = isProfileDataLoading && isReadyForProfileUI || isProfileDataRefetching;
-  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
-  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  const shouldShowProfileLoadingOverlay = isProfileDataLoading || isProfileDataRefetching;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading;
   const { openGameProfileToast } = useGameProfileToast();
   const { open: openErrorAlert } = useErrorAlert();
   const { open: openTransparentWebView2 } = useTransparentWebview();
@@ -574,7 +546,7 @@ var Z_INDEX = {
 
 // src/components/GameInitializer.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs } from "react/jsx-runtime";
-var GameInitializer = ({ children, isReadyForProfileUI }) => {
+var GameInitializer = ({ children }) => {
   const {
     profileData,
     shouldShowProfileLoadingOverlay,
@@ -583,13 +555,13 @@ var GameInitializer = ({ children, isReadyForProfileUI }) => {
     openProfileWebview,
     openGameProfileToast,
     fetchProfileData
-  } = useGameCenterProfile(isReadyForProfileUI);
+  } = useGameCenterProfile();
   const isCompletedFlow = useRef2(false);
   const { open: openAppUpdateDialog } = useAppUpdateDialog();
-  useEffect5(() => {
+  useEffect4(() => {
     fetchProfileData();
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
@@ -695,10 +667,10 @@ var overlayStyle = {
 import { NavigationBackButton, NavigationLeft, TopNavigation } from "@toss/tds-react-native/private";
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useHardwareBackPress.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect5 } from "react";
 import { BackHandler } from "react-native";
 function useHardwareBackPress(handler) {
-  useEffect6(() => {
+  useEffect5(() => {
     const handleBackPress = () => {
       handler();
       return true;
@@ -859,7 +831,7 @@ import { INTERNAL__appBridgeHandler, isMinVersionSupported as isMinVersionSuppor
 import { openURL as openURL5 } from "@granite-js/react-native";
 import { BottomSheet, List, ListHeader } from "@toss/tds-react-native";
 import { useAdaptive as useAdaptive2, useOverlay as useOverlay2 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect7, useState as useState4 } from "react";
+import { useEffect as useEffect6, useState as useState4 } from "react";
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
 import { getOperationalEnvironment } from "@apps-in-toss/native-modules";
@@ -1120,7 +1092,7 @@ function useMoreButtonBottomSheet() {
   const isBottomSheetSupported = isMinVersionSupported2(MIN_VERSION.BOTTOM_SHEET);
   const isShareListMenuSupported = isMinVersionSupported2(MIN_VERSION.SHARE_LIST_MENU);
   const [isPermissionsMenuSupported, setIsPermissionsMenuSupported] = useState4(false);
-  useEffect7(() => {
+  useEffect6(() => {
     if (!isBottomSheetSupported) {
       return;
     }
@@ -1204,14 +1176,19 @@ function useMoreButtonBottomSheet() {
 }
 function BottomSheetImpressionArea({ children }) {
   const logging = useMoreButtonBottomSheetLogging();
-  useEffect7(() => {
+  useEffect6(() => {
     logging.show();
   }, [logging]);
   return /* @__PURE__ */ jsx8(Fragment3, { children });
 }
 
+// src/core/utils/toIcon.ts
+function toIcon(source) {
+  return source.startsWith("http") ? { source: { uri: source } } : { name: source };
+}
+
 // src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
-import { useEffect as useEffect8, useRef as useRef3 } from "react";
+import { useEffect as useEffect7, useRef as useRef3 } from "react";
 import { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
 function NavigationBarImpressionArea({
   children,
@@ -1219,7 +1196,7 @@ function NavigationBarImpressionArea({
 }) {
   const hasLogged = useRef3(false);
   const logging = useNavigationBarLogging();
-  useEffect8(() => {
+  useEffect7(() => {
     if (hasLogged.current === false) {
       logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
       hasLogged.current = true;
@@ -1329,8 +1306,7 @@ function RNAppContainer({ children }) {
   }
 }
 function GameAppContainer({ children }) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState5(false);
-  useEffect9(() => {
+  useEffect8(() => {
     if (Platform3.OS === "ios") {
       setIosSwipeGestureEnabled({ isEnabled: false });
       return () => {
@@ -1339,16 +1315,9 @@ function GameAppContainer({ children }) {
     }
     return;
   }, []);
-  useEffect9(() => {
-    appsInTossEvent2.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ jsxs4(Fragment6, { children: [
     /* @__PURE__ */ jsx12(RNNavigationBar.Game, {}),
-    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx12(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx12(GameInitializer, { children }) : children
   ] });
 }
 function GeneralAppContainer({ children }) {
@@ -1375,13 +1344,9 @@ function AppsInTossContainer(Container, { children, ...initialProps }) {
     /* @__PURE__ */ jsx13(AppEvent.StayTime, {}),
     /* @__PURE__ */ jsx13(AppEvent.Entry, {}),
     /* @__PURE__ */ jsx13(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ jsx13(Container, { ...initialProps, children: /* @__PURE__ */ jsx13(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx13(TDSContainer, { ...initialProps, children }) }) })
+    /* @__PURE__ */ jsx13(Container, { ...initialProps, children: /* @__PURE__ */ jsx13(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children }) })
   ] });
 }
-function TDSContainer({ children }) {
-  useAppsInTossBridge();
-  return /* @__PURE__ */ jsx13(Fragment7, { children });
-}
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
   const isRegistered = AppRegistry.getAppKeys().includes(appName);
@@ -1426,10 +1391,10 @@ var AppsInToss = {
 // src/components/WebView.tsx
 import {
   AppsInTossModule,
-  GoogleAdMob,
+  GoogleAdMob as GoogleAdMob2,
   IAP,
   Storage,
-  appsInTossEvent as appsInTossEvent4,
+  appsInTossEvent,
   iapCreateOneTimePurchaseOrder,
   processProductGrant,
   requestOneTimePurchase
@@ -1438,18 +1403,18 @@ import * as appsInTossAsyncBridges from "@apps-in-toss/native-modules/async-brid
 import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constant-bridges";
 import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-bridges";
 import { useSafeAreaInsets as useSafeAreaInsets4 } from "@granite-js/native/react-native-safe-area-context";
-import { getSchemeUri as getSchemeUri6 } from "@granite-js/react-native";
+import { getSchemeUri as getSchemeUri8 } from "@granite-js/react-native";
 import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop3 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect14, useMemo as useMemo7, useRef as useRef6, useState as useState8 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo7, useRef as useRef6, useState as useState6 } from "react";
 import { BackHandler as BackHandler2, Linking, Platform as Platform6 } from "react-native";
 
 // src/components/GameWebView.tsx
-import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, appsInTossEvent as appsInTossEvent3, getOperationalEnvironment as getOperationalEnvironment4 } from "@apps-in-toss/native-modules";
+import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, getOperationalEnvironment as getOperationalEnvironment4 } from "@apps-in-toss/native-modules";
 import {
   WebView as PlainWebView
 } from "@granite-js/native/react-native-webview";
-import { forwardRef, useEffect as useEffect10, useState as useState6 } from "react";
+import { forwardRef, useEffect as useEffect9 } from "react";
 import { Platform as Platform5 } from "react-native";
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
@@ -1522,8 +1487,7 @@ function GameWebviewNavigationBar() {
 // src/components/GameWebView.tsx
 import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState6(false);
-  useEffect10(() => {
+  useEffect9(() => {
     if (Platform5.OS === "ios") {
       setIosSwipeGestureEnabled3({ isEnabled: false });
       return () => {
@@ -1532,16 +1496,9 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
     }
     return;
   }, []);
-  useEffect10(() => {
-    appsInTossEvent3.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ jsxs7(Fragment9, { children: [
     /* @__PURE__ */ jsx15(GameWebviewNavigationBar, {}),
-    getOperationalEnvironment4() === "toss" ? /* @__PURE__ */ jsx15(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props })
+    getOperationalEnvironment4() === "toss" ? /* @__PURE__ */ jsx15(GameInitializer, { children: /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props })
   ] });
 });
 
@@ -1622,8 +1579,366 @@ function convertIntentURL(url) {
   return `${scheme}://${url.hostname}${url.pathname}${url.search}`;
 }
 
+// src/ads/fetchTossAd.ts
+import {
+  getOperationalEnvironment as getOperationalEnvironment5,
+  INTERNAL__appBridgeHandler as INTERNAL__appBridgeHandler2,
+  isMinVersionSupported as isMinVersionSupported4
+} from "@apps-in-toss/native-modules";
+
+// ../../.yarn/cache/es-toolkit-npm-1.34.1-4cd6371dcb-aab6d07be3.zip/node_modules/es-toolkit/dist/function/noop.mjs
+function noop() {
+}
+
+// src/ads/generateSessionId.ts
+function generateSessionId() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+
+// src/ads/constants.ts
+var sessionId = generateSessionId();
+
+// src/ads/fetchTossAd.ts
+var ANDROID_FETCH_TOSS_AD_SUPPORTED_VERSION = "5.241.0";
+var IOS_FETCH_TOSS_AD_SUPPORTED_VERSION = "5.241.0";
+var UNSUPPORTED_ERROR_MESSAGE = "This feature is not supported in the current environment";
+var ENVIRONMENT = getOperationalEnvironment5();
+function fetchTossAd(params) {
+  if (!fetchTossAd.isSupported()) {
+    params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE));
+    return noop;
+  }
+  const { onEvent, onError, options } = params;
+  const { adGroupId } = options;
+  const unregisterCallbacks = INTERNAL__appBridgeHandler2.invokeAppBridgeMethod(
+    "fetchTossAd",
+    { spaceUnitId: adGroupId, sessionId, sdkId: options.sdkId, availableStyleIds: options.availableStyleIds },
+    {
+      onSuccess: (response) => {
+        onEvent(response);
+      },
+      onError: (error) => {
+        onError(error);
+      }
+    }
+  );
+  return unregisterCallbacks;
+}
+fetchTossAd.isSupported = () => {
+  if (ENVIRONMENT !== "toss") {
+    return false;
+  }
+  return isMinVersionSupported4({
+    android: ANDROID_FETCH_TOSS_AD_SUPPORTED_VERSION,
+    ios: IOS_FETCH_TOSS_AD_SUPPORTED_VERSION
+  });
+};
+
+// src/ads/integratedAd.ts
+import { GoogleAdMob, INTERNAL__appBridgeHandler as INTERNAL__appBridgeHandler3, isMinVersionSupported as isMinVersionSupported5 } from "@apps-in-toss/native-modules";
+
+// src/ads/generateRequestId.ts
+function generateRequestId() {
+  const timestamp = Date.now().toString(36).toUpperCase();
+  const random = Math.random().toString(36).substring(2, 7).toUpperCase();
+  return `ait-${timestamp}${random}`;
+}
+
+// src/ads/getReferrer.ts
+import { getSchemeUri as getSchemeUri5 } from "@granite-js/react-native";
+function getReferrer() {
+  try {
+    return new URL(getSchemeUri5()).searchParams.get("referrer");
+  } catch {
+    return null;
+  }
+}
+
+// src/ads/remotes.ts
+import { getOperationalEnvironment as getOperationalEnvironment6, getPlatformOS, getTossAppVersion } from "@apps-in-toss/native-modules";
+
+// src/ads/getIsDev.ts
+import { getSchemeUri as getSchemeUri6 } from "@granite-js/react-native";
+function getIsDev() {
+  try {
+    return new URL(getSchemeUri6()).searchParams.get("isDev") === "true";
+  } catch {
+    return false;
+  }
+}
+
+// src/ads/remotes.ts
+var OPERATIONAL_ENVIRONMENT = getOperationalEnvironment6();
+var OS = getPlatformOS();
+var APP_VER = getTossAppVersion();
+var ALPHA_EVENT_TRACKER_HTTP_ENDPOINT = "https://alpha-trillion.toss.im/trk/sdk-mediation/event";
+var LIVE_EVENT_TRACKER_HTTP_ENDPOINT = "https://trillion.toss.im/trk/sdk-mediation/event";
+function getPostEventTrackingUrl() {
+  const isDev = getIsDev();
+  if (OPERATIONAL_ENVIRONMENT === "sandbox" || isDev) {
+    return ALPHA_EVENT_TRACKER_HTTP_ENDPOINT;
+  }
+  return LIVE_EVENT_TRACKER_HTTP_ENDPOINT;
+}
+function postEventTracking(params) {
+  const endpoint = getPostEventTrackingUrl();
+  const bodyJSON = JSON.stringify({
+    ...params,
+    os: OS,
+    appVer: APP_VER,
+    deviceIdType: "NONE",
+    platform: "RN"
+  });
+  return fetch(
+    endpoint,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: bodyJSON
+    }
+  ).catch(noop);
+}
+
+// src/ads/integratedAd.ts
+var INTEGRATED_AD_SDK_VERSION = "0.0.0";
+var ANDROID_INTEGRATED_AD_SUPPORTED_VERSION = "5.241.0";
+var IOS_INTEGRATED_AD_SUPPORTED_VERSION = "5.241.0";
+var UNSUPPORTED_ERROR_MESSAGE2 = "This feature is not supported in the current environment";
+var INTG_AD_ADM_FALLBACK_RID_MAP = {};
+function integratedAdIsSupported() {
+  return isMinVersionSupported5({
+    android: ANDROID_INTEGRATED_AD_SUPPORTED_VERSION,
+    ios: IOS_INTEGRATED_AD_SUPPORTED_VERSION
+  });
+}
+function generateLoadFullScreenAd(sdkId) {
+  const fn = (params) => {
+    if (!GoogleAdMob.loadAppsInTossAdMob.isSupported()) {
+      params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE2));
+      return noop;
+    }
+    if (!integratedAdIsSupported()) {
+      return GoogleAdMob.loadAppsInTossAdMob({
+        ...params,
+        onEvent: (event) => {
+          if (event.type === "loaded") {
+            const requestId = generateRequestId();
+            INTG_AD_ADM_FALLBACK_RID_MAP[params.options.adGroupId] = requestId;
+            postEventTracking({
+              eventName: "LOAD",
+              spaceUnitId: params.options.adGroupId,
+              requestId,
+              responseId: event.data.responseInfo.responseId,
+              mediationType: "ADMOB",
+              format: "",
+              adSourceName: event.data.responseInfo.loadedAdNetworkInfo?.adSourceName ?? "",
+              sdkVer: INTEGRATED_AD_SDK_VERSION
+            });
+          }
+          return params.onEvent(event);
+        },
+        onError: (error) => {
+          const requestId = INTG_AD_ADM_FALLBACK_RID_MAP[params.options.adGroupId] ?? "";
+          postEventTracking({
+            eventName: "FAILED_TO_LOAD",
+            spaceUnitId: params.options.adGroupId,
+            requestId,
+            responseId: "",
+            mediationType: "ADMOB",
+            format: "",
+            adSourceName: "",
+            sdkVer: INTEGRATED_AD_SDK_VERSION
+          });
+          return params.onError(error);
+        }
+      });
+    }
+    const { onEvent, onError, options } = params;
+    const { adGroupId } = options;
+    const referrer = getReferrer();
+    const unregisterCallbacks = INTERNAL__appBridgeHandler3.invokeAppBridgeMethod(
+      "loadTossAdOrAdmob",
+      { spaceUnitId: adGroupId, referrer, sessionId, sdkId },
+      {
+        onSuccess: () => {
+          onEvent({ type: "loaded" });
+        },
+        onError: (error) => {
+          onError(error);
+        }
+      }
+    );
+    return unregisterCallbacks;
+  };
+  fn.isSupported = GoogleAdMob.loadAppsInTossAdMob.isSupported;
+  return fn;
+}
+var loadFullScreenAd = generateLoadFullScreenAd("107");
+var loadFullScreenAdForWeb = generateLoadFullScreenAd("107");
+function showFullScreenAd(params) {
+  if (!GoogleAdMob.showAppsInTossAdMob.isSupported()) {
+    params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE2));
+    return noop;
+  }
+  if (!integratedAdIsSupported()) {
+    return GoogleAdMob.showAppsInTossAdMob({
+      ...params,
+      onEvent: (event) => {
+        const requestId = INTG_AD_ADM_FALLBACK_RID_MAP[params.options.adGroupId] ?? "";
+        switch (event.type) {
+          case "show":
+            postEventTracking({
+              eventName: "SHOW",
+              spaceUnitId: params.options.adGroupId,
+              requestId,
+              responseId: "",
+              mediationType: "ADMOB",
+              format: "",
+              adSourceName: "",
+              sdkVer: INTEGRATED_AD_SDK_VERSION
+            });
+            break;
+          case "failedToShow":
+            postEventTracking({
+              eventName: "FAILED_TO_SHOW",
+              spaceUnitId: params.options.adGroupId,
+              requestId,
+              responseId: "",
+              mediationType: "ADMOB",
+              format: "",
+              adSourceName: "",
+              sdkVer: INTEGRATED_AD_SDK_VERSION
+            });
+            break;
+          case "impression":
+            postEventTracking({
+              eventName: "IMP",
+              spaceUnitId: params.options.adGroupId,
+              requestId,
+              responseId: "",
+              mediationType: "ADMOB",
+              format: "",
+              adSourceName: "",
+              sdkVer: INTEGRATED_AD_SDK_VERSION
+            });
+            break;
+          case "clicked":
+            postEventTracking({
+              eventName: "CLICK",
+              spaceUnitId: params.options.adGroupId,
+              requestId,
+              responseId: "",
+              mediationType: "ADMOB",
+              format: "",
+              adSourceName: "",
+              sdkVer: INTEGRATED_AD_SDK_VERSION
+            });
+            break;
+          case "dismissed":
+            postEventTracking({
+              eventName: "DISMISS",
+              spaceUnitId: params.options.adGroupId,
+              requestId,
+              responseId: "",
+              mediationType: "ADMOB",
+              format: "",
+              adSourceName: "",
+              sdkVer: INTEGRATED_AD_SDK_VERSION
+            });
+            break;
+          case "userEarnedReward":
+            postEventTracking({
+              eventName: "USER_EARNED_REWARD",
+              spaceUnitId: params.options.adGroupId,
+              requestId,
+              responseId: "",
+              mediationType: "ADMOB",
+              format: "",
+              adSourceName: "",
+              sdkVer: INTEGRATED_AD_SDK_VERSION
+            });
+            break;
+        }
+        return params.onEvent(event);
+      },
+      onError: (error) => {
+        const requestId = INTG_AD_ADM_FALLBACK_RID_MAP[params.options.adGroupId] ?? "";
+        postEventTracking({
+          eventName: "FAILED_TO_SHOW",
+          spaceUnitId: params.options.adGroupId,
+          requestId,
+          responseId: "",
+          mediationType: "ADMOB",
+          format: "",
+          adSourceName: "",
+          sdkVer: INTEGRATED_AD_SDK_VERSION
+        });
+        return params.onError(error);
+      }
+    });
+  }
+  const { onEvent, onError, options } = params;
+  const { adGroupId } = options;
+  const referrer = getReferrer();
+  const unregisterCallbacks = INTERNAL__appBridgeHandler3.invokeAppBridgeMethod(
+    "showTossAdOrAdmob",
+    { spaceUnitId: adGroupId, referrer, sessionId },
+    {
+      onAdClicked: () => {
+        onEvent({ type: "clicked" });
+      },
+      onAdDismissed: () => {
+        onEvent({ type: "dismissed" });
+      },
+      onAdFailedToShow: () => {
+        onEvent({ type: "failedToShow" });
+      },
+      onAdImpression: () => {
+        onEvent({ type: "impression" });
+      },
+      onAdShow: () => {
+        onEvent({ type: "show" });
+      },
+      onUserEarnedReward: (data) => {
+        onEvent({ type: "userEarnedReward", data });
+      },
+      onSuccess: () => {
+        onEvent({ type: "requested" });
+      },
+      onError: (error) => {
+        onError(error);
+      }
+    }
+  );
+  return unregisterCallbacks;
+}
+showFullScreenAd.isSupported = GoogleAdMob.showAppsInTossAdMob.isSupported;
+
+// src/ads/tossAdEventLog.ts
+import { INTERNAL__module as INTERNAL__module6 } from "@apps-in-toss/native-modules";
+import { Granite as Granite8 } from "@granite-js/react-native";
+async function tossAdEventLog(params) {
+  const referrer = getReferrer();
+  const appName = Granite8.appName;
+  const eventLogParams = {
+    ...params,
+    params: {
+      ...params.params,
+      referrer,
+      app_name: appName
+    }
+  };
+  return INTERNAL__module6.tossCoreEventLog(eventLogParams);
+}
+
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback10, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef4 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect10, useMemo as useMemo3, useRef as useRef4 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1688,7 +2003,7 @@ function useBridgeHandler({
     )};`,
     [constantHandlerMap]
   );
-  useEffect11(() => {
+  useEffect10(() => {
     ref.current?.injectJavaScript(injectedJavaScript);
   }, [injectedJavaScript]);
   const createHandleOnEvent = (functionName, eventId) => (response) => {
@@ -1762,7 +2077,7 @@ function parseNativeEventData(data) {
 
 // src/core/hooks/useSafeAreaInsetsEmitter.tsx
 import { useSafeAreaInsets as useSafeAreaInsets3 } from "@granite-js/native/react-native-safe-area-context";
-import { useEffect as useEffect12, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
 var EventEmitter = class {
   listeners = {};
   on(event, listener) {
@@ -1787,7 +2102,7 @@ var EventEmitter = class {
 function useSafeAreaInsetsEmitter() {
   const insets = useSafeAreaInsets3();
   const emitter = useMemo4(() => new EventEmitter(), []);
-  useEffect12(() => {
+  useEffect11(() => {
     emitter.emit("safeAreaInsetsChange", insets);
     return () => {
       emitter.off("safeAreaInsetsChange", (listener) => listener(insets));
@@ -1946,7 +2261,7 @@ function mergeRefs(...refs) {
 }
 
 // src/hooks/useCreateUserAgent.ts
-import { getPlatformOS, getTossAppVersion } from "@apps-in-toss/native-modules";
+import { getPlatformOS as getPlatformOS2, getTossAppVersion as getTossAppVersion2 } from "@apps-in-toss/native-modules";
 import { useWindowDimensions } from "react-native";
 var FontA11yCategory = {
   Large: "Large",
@@ -2080,8 +2395,8 @@ function useCreateUserAgent({
   safeArea,
   safeAreaBottomTransparency
 }) {
-  const platform = getPlatformOS();
-  const appVersion = getTossAppVersion();
+  const platform = getPlatformOS2();
+  const appVersion = getTossAppVersion2();
   const { fontScale } = useWindowDimensions();
   const platformString = platform === "ios" ? "iPhone" : "Android phone";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
@@ -2105,11 +2420,11 @@ 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 useEffect13, useState as useState7 } from "react";
+import { useEffect as useEffect12, useState as useState5 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
-  const [location, setLocation] = useState7(null);
-  useEffect13(() => {
+  const [location, setLocation] = useState5(null);
+  useEffect12(() => {
     if (!isVisible) {
       return;
     }
@@ -2167,7 +2482,7 @@ function useTopNavigation() {
 
 // src/utils/log.ts
 import { eventLog as eventLogNative } from "@apps-in-toss/native-modules";
-import { getSchemeUri as getSchemeUri5 } from "@granite-js/react-native";
+import { getSchemeUri as getSchemeUri7 } from "@granite-js/react-native";
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -2191,9 +2506,9 @@ var getGroupId = (url) => {
     };
   }
 };
-var getReferrer = () => {
+var getReferrer2 = () => {
   try {
-    const referrer = new URL(getSchemeUri5());
+    const referrer = new URL(getSchemeUri7());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -2206,7 +2521,7 @@ var trackScreen = (url) => {
     log_name: `${groupId}::screen`,
     params: {
       search,
-      referrer: getReferrer(),
+      referrer: getReferrer2(),
       deployment_id: env.getDeploymentId(),
       deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
     }
@@ -2225,7 +2540,7 @@ var WEBVIEW_TYPES = {
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL(getSchemeUri6());
+  const schemeUrl = new URL(getSchemeUri8());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -2258,7 +2573,7 @@ function WebView({ type, local, onMessage, ...props }) {
   const global2 = getAppsInTossGlobals();
   const navigationBarContext = useNavigationBarContext();
   const safeAreaInsetsEmitter = useSafeAreaInsetsEmitter();
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState8(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState6(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -2272,8 +2587,7 @@ function WebView({ type, local, onMessage, ...props }) {
           webBackHandler.removeEventListener(onEvent);
         };
       },
-      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent4.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       safeAreaInsetsChange: ({ onEvent }) => {
         safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
         return () => {
@@ -2281,15 +2595,20 @@ function WebView({ type, local, onMessage, ...props }) {
         };
       },
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
-      loadAdMobInterstitialAd: GoogleAdMob.loadAdMobInterstitialAd,
-      showAdMobInterstitialAd: GoogleAdMob.showAdMobInterstitialAd,
-      loadAdMobRewardedAd: GoogleAdMob.loadAdMobRewardedAd,
-      showAdMobRewardedAd: GoogleAdMob.showAdMobRewardedAd,
+      loadAdMobInterstitialAd: GoogleAdMob2.loadAdMobInterstitialAd,
+      showAdMobInterstitialAd: GoogleAdMob2.showAdMobInterstitialAd,
+      loadAdMobRewardedAd: GoogleAdMob2.loadAdMobRewardedAd,
+      showAdMobRewardedAd: GoogleAdMob2.showAdMobRewardedAd,
       /** AdMobV2 */
-      loadAppsInTossAdMob: GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: GoogleAdMob.showAppsInTossAdMob,
+      loadAppsInTossAdMob: GoogleAdMob2.loadAppsInTossAdMob,
+      showAppsInTossAdMob: GoogleAdMob2.showAppsInTossAdMob,
+      /** IntegratedAd */
+      loadFullScreenAd: loadFullScreenAdForWeb,
+      showFullScreenAd,
+      /** TossAd */
+      fetchTossAd,
       /** IAP */
       iapCreateOneTimePurchaseOrder: IAP.createOneTimePurchaseOrder,
       requestOneTimePurchase
@@ -2302,13 +2621,18 @@ function WebView({ type, local, onMessage, ...props }) {
       getSafeAreaRight: () => insets.right,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
-      loadAdMobInterstitialAd_isSupported: GoogleAdMob.loadAdMobInterstitialAd.isSupported,
-      showAdMobInterstitialAd_isSupported: GoogleAdMob.showAdMobInterstitialAd.isSupported,
-      loadAdMobRewardedAd_isSupported: GoogleAdMob.loadAdMobRewardedAd.isSupported,
-      showAdMobRewardedAd_isSupported: GoogleAdMob.showAdMobRewardedAd.isSupported,
+      loadAdMobInterstitialAd_isSupported: GoogleAdMob2.loadAdMobInterstitialAd.isSupported,
+      showAdMobInterstitialAd_isSupported: GoogleAdMob2.showAdMobInterstitialAd.isSupported,
+      loadAdMobRewardedAd_isSupported: GoogleAdMob2.loadAdMobRewardedAd.isSupported,
+      showAdMobRewardedAd_isSupported: GoogleAdMob2.showAdMobRewardedAd.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: GoogleAdMob.showAppsInTossAdMob.isSupported,
+      loadAppsInTossAdMob_isSupported: GoogleAdMob2.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: GoogleAdMob2.showAppsInTossAdMob.isSupported,
+      /** IntegratedAd */
+      loadFullScreenAd_isSupported: loadFullScreenAdForWeb.isSupported,
+      showFullScreenAd_isSupported: showFullScreenAd.isSupported,
+      /** TossAd */
+      fetchTossAd_isSupported: fetchTossAd.isSupported,
       /** env */
       getDeploymentId: env.getDeploymentId
     },
@@ -2341,7 +2665,9 @@ function WebView({ type, local, onMessage, ...props }) {
       processProductGrant,
       getPendingOrders: IAP.getPendingOrders,
       getCompletedOrRefundedOrders: IAP.getCompletedOrRefundedOrders,
-      completeProductGrant: IAP.completeProductGrant
+      completeProductGrant: IAP.completeProductGrant,
+      /** Toss Ads */
+      tossAdEventLog
     }
   });
   const headerPropForExternalWebView = useMemo7(() => {
@@ -2365,7 +2691,7 @@ function WebView({ type, local, onMessage, ...props }) {
     colorPreference: "light"
   });
   const refs = mergeRefs(handler.ref, webViewRef);
-  useEffect14(() => {
+  useEffect13(() => {
     const callback = () => {
       webBackHandler.handleWebBack();
       return true;
@@ -2419,7 +2745,15 @@ function WebView({ type, local, onMessage, ...props }) {
           return false;
         }
       },
-      originWhitelist: ["https://*", "http://*", "intoss://*", "intoss-private://*", "servicetoss://*", "supertoss://*", "intent://*"]
+      originWhitelist: [
+        "https://*",
+        "http://*",
+        "intoss://*",
+        "intoss-private://*",
+        "servicetoss://*",
+        "supertoss://*",
+        "intent://*"
+      ]
     }
   );
 }
@@ -2503,6 +2837,8 @@ export {
   OverlayProvider,
   WebView,
   env,
+  loadFullScreenAd,
+  showFullScreenAd,
   useCreateUserAgent,
   useGeolocation,
   useOverlay3 as useOverlay,