@apps-in-toss/framework 1.1.2 → 1.2.0

package/dist/index.js

@@ -5,7 +5,7 @@ import { Analytics as InternalAnalytics } from "@apps-in-toss/analytics";
 import { Analytics } from "@apps-in-toss/analytics";
 import { isMinVersionSupported as isMinVersionSupported2, setIosSwipeGestureEnabled, eventLog } from "@apps-in-toss/native-modules";
 import { Granite as Granite6 } from "@granite-js/react-native";
-import { TDSProvider } from "@toss-design-system/react-native";
+import { TDSProvider } from "@toss/tds-react-native";
 import { AppRegistry } from "react-native";
 
 // src/core/components/AppEvent.tsx
@@ -151,7 +151,7 @@ function AppUpdate() {
 
 // src/core/hooks/useAppsInTossBridge.ts
 import { appsInTossEvent } from "@apps-in-toss/native-modules";
-import { useBridge } from "@toss-design-system/react-native";
+import { useBridge } from "@toss/tds-react-native";
 import { useEffect as useEffect4 } from "react";
 
 // src/core/utils/getAppsInTossGlobals.ts
@@ -189,8 +189,8 @@ function useAppsInTossBridge() {
 
 // src/components/NavigationBar/RNNavigationBar.tsx
 import { closeView, useBackEventContext, useNavigation } from "@granite-js/react-native";
-import { useDialog as useDialog2 } from "@toss-design-system/react-native";
-import { NavigationBackButton, NavigationLeft, TopNavigation } from "@toss-design-system/react-native/private";
+import { useDialog as useDialog3 } from "@toss/tds-react-native";
+import { NavigationBackButton, NavigationLeft, TopNavigation } from "@toss/tds-react-native/private";
 import { josa } from "es-hangul";
 import { useCallback as useCallback3, useEffect as useEffect7 } from "react";
 import { BackHandler } from "react-native";
@@ -302,10 +302,17 @@ function NavigationBarImpressionArea({
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
 import { INTERNAL__appBridgeHandler, isMinVersionSupported } from "@apps-in-toss/native-modules";
 import { openURL as openURL3 } from "@granite-js/react-native";
-import { BottomSheet, List, ListHeader, ListRow } from "@toss-design-system/react-native";
-import { useAdaptive, useOverlay } from "@toss-design-system/react-native/private";
+import { BottomSheet, List, ListHeader, ListRow as ListRow2 } from "@toss/tds-react-native";
+import { useAdaptive as useAdaptive2, useOverlay } from "@toss/tds-react-native/private";
 import { useEffect as useEffect6, useState } from "react";
 
+// src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
+import { getOperationalEnvironment } from "@apps-in-toss/native-modules";
+import { getSchemeUri as getSchemeUri4 } from "@granite-js/react-native";
+import { ListRow, useDialog } from "@toss/tds-react-native";
+import { useAdaptive } from "@toss/tds-react-native/private";
+import { NativeModules } from "react-native";
+
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
 import { INTERNAL__module as INTERNAL__module4 } from "@apps-in-toss/native-modules";
 import { Granite as Granite4 } from "@granite-js/react-native";
@@ -375,10 +382,77 @@ function useMoreButtonBottomSheetLogging() {
   };
 }
 
+// src/core/utils/url.ts
+function addParamsToUrl(url, params) {
+  const urlObj = new URL(url);
+  for (const [key, value] of Object.entries(params)) {
+    urlObj.searchParams.set(key, value);
+  }
+  return urlObj.toString();
+}
+
+// src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SHARE_SCHEME_REFERRER = "appsintoss.common_module_share";
+var APP_SHARE_MENU_INFO = {
+  contactItemName: "\uACF5\uC720\uD558\uAE30",
+  contactIconUrl: "https://static.toss.im/icons/png/4x/icon-share-dots-mono.png"
+};
+function AppShareListMenu() {
+  const globals = getAppsInTossGlobals();
+  const adaptive = useAdaptive();
+  const logging = useMoreButtonBottomSheetLogging();
+  const initialScheme = getSchemeUri4();
+  const isSandbox = getOperationalEnvironment() === "sandbox";
+  const { openConfirm } = useDialog();
+  const schemeForShare = addParamsToUrl(initialScheme, {
+    referrer: SHARE_SCHEME_REFERRER
+  });
+  return /* @__PURE__ */ jsx3(
+    ListRow,
+    {
+      left: /* @__PURE__ */ jsx3(
+        ListRow.Icon,
+        {
+          color: globals.brandPrimaryColor,
+          source: { uri: APP_SHARE_MENU_INFO.contactIconUrl },
+          type: "background"
+        }
+      ),
+      contents: /* @__PURE__ */ jsx3(
+        ListRow.Texts,
+        {
+          type: "1RowTypeA",
+          top: APP_SHARE_MENU_INFO.contactItemName,
+          topProps: { color: adaptive.grey700 }
+        }
+      ),
+      verticalPadding: "extraSmall",
+      onPress: () => {
+        if (isSandbox) {
+          openConfirm({
+            title: "\uACF5\uC720\uD558\uAE30 \uAE30\uB2A5 \uBBF8\uC9C0\uC6D0",
+            description: "\uC0CC\uB4DC\uBC15\uC2A4 \uD658\uACBD\uC5D0\uC11C\uB294 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC5B4\uC694. \uCF58\uC194\uC744 \uD1B5\uD574 \uD1A0\uC2A4\uC571\uC5D0\uC11C \uD14C\uC2A4\uD2B8\uD574 \uC8FC\uC138\uC694.",
+            rightButton: "\uD655\uC778",
+            closeOnDimmerClick: true
+          });
+          return;
+        }
+        logging.menuClick({ title: APP_SHARE_MENU_INFO.contactItemName });
+        NativeModules.AppsInTossModule.shareWithScheme({
+          params: {
+            schemeURL: schemeForShare
+          }
+        });
+      }
+    }
+  );
+}
+
 // src/hooks/useAppUpdateDialog.tsx
 import { INTERNAL__module as INTERNAL__module5 } from "@apps-in-toss/native-modules";
 import { Granite as Granite5, openURL as openURL2 } from "@granite-js/react-native";
-import { useDialog } from "@toss-design-system/react-native";
+import { useDialog as useDialog2 } from "@toss/tds-react-native";
 import { useCallback as useCallback2 } from "react";
 
 // src/utils/market.ts
@@ -391,7 +465,7 @@ var getMarketLink = () => {
 
 // src/hooks/useAppUpdateDialog.tsx
 function useAppUpdateDialog() {
-  const { openConfirm } = useDialog();
+  const { openConfirm } = useDialog2();
   const logging = useAppUpdateDialogLogging();
   const openAppUpdateDialog = useCallback2(
     async ({
@@ -478,22 +552,30 @@ function ensureValue(value, name) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-import { Fragment as Fragment3, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs } from "react/jsx-runtime";
 var APP_BRIDGE_METHOD_NAME = "getMiniAppsSupportContact";
+var MIN_VERSION = {
+  BOTTOM_SHEET: {
+    android: "5.226.0",
+    ios: "5.226.0"
+  },
+  SHARE_LIST_MENU: {
+    android: "5.230.0",
+    ios: "5.230.0"
+  }
+};
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
-  const adaptive = useAdaptive();
+  const adaptive = useAdaptive2();
   const [itemList, setItemList] = useState([]);
   const appUpdateDialog = useAppUpdateDialog();
   const logging = useMoreButtonBottomSheetLogging();
   const overlay = useOverlay();
   const title = ensureValue(globals.brandDisplayName, "displayName");
-  const isSupported = isMinVersionSupported({
-    android: "5.226.0",
-    ios: "5.226.0"
-  });
+  const isBottomSheetSupported = isMinVersionSupported(MIN_VERSION.BOTTOM_SHEET);
+  const isShareListMenuSupported = isMinVersionSupported(MIN_VERSION.SHARE_LIST_MENU);
   useEffect6(() => {
-    if (!isSupported) {
+    if (!isBottomSheetSupported) {
       return;
     }
     INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
@@ -504,10 +586,10 @@ function useMoreButtonBottomSheet() {
         onError: (error) => console.error("\uBA54\uB274 \uBAA9\uB85D\uC744 \uAC00\uC838\uC624\uB294 \uB370 \uC2E4\uD328\uD588\uC5B4\uC694:", error)
       }
     );
-  }, [isSupported]);
+  }, [isBottomSheetSupported]);
   const onClickHandler = async () => {
     logging.open();
-    if (!isSupported) {
+    if (!isBottomSheetSupported) {
       await appUpdateDialog.open({
         title: `\uC774 \uAE30\uB2A5\uC744 \uC4F0\uB824\uBA74 \uC571 \uC5C5\uB370\uC774\uD2B8\uAC00 \uD544\uC694\uD574\uC694`,
         description: `\uBB38\uC758, \uAD8C\uD55C \uC124\uC815, \uC2E0\uACE0 \uB4F1 \uAE30\uB2A5\uC744 \uC4F8 \uC218 \uC788\uC5B4\uC694`
@@ -519,17 +601,17 @@ function useMoreButtonBottomSheet() {
         logging.close();
         close();
       };
-      return /* @__PURE__ */ jsx3(BottomSheetImpressionArea, { children: /* @__PURE__ */ jsx3(
+      return /* @__PURE__ */ jsx4(BottomSheetImpressionArea, { children: /* @__PURE__ */ jsx4(
         BottomSheet.Root,
         {
-          header: /* @__PURE__ */ jsx3(
+          header: /* @__PURE__ */ jsx4(
             ListHeader,
             {
-              title: /* @__PURE__ */ jsx3(ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
+              title: /* @__PURE__ */ jsx4(ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
             }
           ),
           open: isOpen,
-          cta: /* @__PURE__ */ jsx3(
+          cta: /* @__PURE__ */ jsx4(
             BottomSheet.CTA,
             {
               size: "large",
@@ -543,35 +625,38 @@ function useMoreButtonBottomSheet() {
           ),
           onClose: handleClose,
           onExited: exit,
-          children: /* @__PURE__ */ jsx3(List, { rowSeparator: "none", children: itemList.map((item) => {
-            return /* @__PURE__ */ jsx3(
-              ListRow,
-              {
-                left: /* @__PURE__ */ jsx3(
-                  ListRow.Icon,
-                  {
-                    color: globals.brandPrimaryColor,
-                    source: { uri: item.contactIconUrl },
-                    type: "background"
-                  }
-                ),
-                contents: /* @__PURE__ */ jsx3(
-                  ListRow.Texts,
-                  {
-                    type: "1RowTypeA",
-                    top: item.contactItemName,
-                    topProps: { color: adaptive.grey700 }
+          children: /* @__PURE__ */ jsxs(List, { rowSeparator: "none", children: [
+            itemList.map((item) => {
+              return /* @__PURE__ */ jsx4(
+                ListRow2,
+                {
+                  left: /* @__PURE__ */ jsx4(
+                    ListRow2.Icon,
+                    {
+                      color: globals.brandPrimaryColor,
+                      source: { uri: item.contactIconUrl },
+                      type: "background"
+                    }
+                  ),
+                  contents: /* @__PURE__ */ jsx4(
+                    ListRow2.Texts,
+                    {
+                      type: "1RowTypeA",
+                      top: item.contactItemName,
+                      topProps: { color: adaptive.grey700 }
+                    }
+                  ),
+                  verticalPadding: "extraSmall",
+                  onPress: () => {
+                    logging.menuClick({ title: item.contactItemName });
+                    openURL3(item.contactUri);
                   }
-                ),
-                verticalPadding: "extraSmall",
-                onPress: () => {
-                  logging.menuClick({ title: item.contactItemName });
-                  openURL3(item.contactUri);
-                }
-              },
-              item.contactItemName
-            );
-          }) })
+                },
+                item.contactItemName
+              );
+            }),
+            isShareListMenuSupported && /* @__PURE__ */ jsx4(AppShareListMenu, {})
+          ] })
         }
       ) });
     });
@@ -583,7 +668,7 @@ function BottomSheetImpressionArea({ children }) {
   useEffect6(() => {
     logging.show();
   }, [logging]);
-  return /* @__PURE__ */ jsx3(Fragment3, { children });
+  return /* @__PURE__ */ jsx4(Fragment3, { children });
 }
 
 // src/core/utils/safeParseNavigationBar.ts
@@ -599,12 +684,12 @@ function safeParseNavigationBar(navigationBar) {
 }
 
 // src/components/NavigationBar/RNNavigationBar.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function RNNavigationBar() {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = useDialog2();
+  const { openConfirm } = useDialog3();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
@@ -649,7 +734,7 @@ function RNNavigationBar() {
       BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
     };
   }, [handleBack]);
-  return /* @__PURE__ */ jsx4(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx5(
     TopNavigation,
     {
       title: globals.brandDisplayName,
@@ -664,7 +749,7 @@ function RNNavigationBar() {
         icon: initialAccessoryButton.icon,
         id: initialAccessoryButton.id
       } : void 0,
-      children: /* @__PURE__ */ jsx4(NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ jsx4(NavigationBackButton, { onPress: handleBack, canGoBack: false }) })
+      children: /* @__PURE__ */ jsx5(NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ jsx5(NavigationBackButton, { onPress: handleBack, canGoBack: false }) })
     }
   ) });
 }
@@ -682,28 +767,28 @@ function useBackOrCloseNavigation() {
 }
 
 // src/core/registerApp.tsx
-import { Fragment as Fragment4, jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 function AppsInTossContainer(Container, { children, ...initialProps }) {
   if (!isMinVersionSupported2({
     android: "5.220.0",
     ios: "5.221.0"
   })) {
-    return /* @__PURE__ */ jsxs(Fragment4, { children: [
-      /* @__PURE__ */ jsx5(AppEvent.Entry, {}),
-      /* @__PURE__ */ jsx5(AppEvent.System, { ...initialProps }),
-      /* @__PURE__ */ jsx5(AppUpdate, {})
+    return /* @__PURE__ */ jsxs2(Fragment4, { children: [
+      /* @__PURE__ */ jsx6(AppEvent.Entry, {}),
+      /* @__PURE__ */ jsx6(AppEvent.System, { ...initialProps }),
+      /* @__PURE__ */ jsx6(AppUpdate, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs(Fragment4, { children: [
-    /* @__PURE__ */ jsx5(AppEvent.StayTime, {}),
-    /* @__PURE__ */ jsx5(AppEvent.Entry, {}),
-    /* @__PURE__ */ jsx5(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ jsx5(Container, { ...initialProps, children: /* @__PURE__ */ jsx5(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx5(TDSContainer, { ...initialProps, children }) }) })
+  return /* @__PURE__ */ jsxs2(Fragment4, { children: [
+    /* @__PURE__ */ jsx6(AppEvent.StayTime, {}),
+    /* @__PURE__ */ jsx6(AppEvent.Entry, {}),
+    /* @__PURE__ */ jsx6(AppEvent.System, { ...initialProps }),
+    /* @__PURE__ */ jsx6(Container, { ...initialProps, children: /* @__PURE__ */ jsx6(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx6(TDSContainer, { ...initialProps, children }) }) })
   ] });
 }
 function TDSContainer({ children }) {
   useAppsInTossBridge();
-  return /* @__PURE__ */ jsx5(Fragment4, { children });
+  return /* @__PURE__ */ jsx6(Fragment4, { children });
 }
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
@@ -730,8 +815,8 @@ function registerApp(container, { context, analytics }) {
 }
 function AppsInTossScreenContainer({ children }) {
   const isReactNativeService = getAppsInTossGlobals().webViewType == null;
-  return /* @__PURE__ */ jsxs(Analytics.Screen, { children: [
-    isReactNativeService && /* @__PURE__ */ jsx5(RNNavigationBar, {}),
+  return /* @__PURE__ */ jsxs2(Analytics.Screen, { children: [
+    isReactNativeService && /* @__PURE__ */ jsx6(RNNavigationBar, {}),
     children
   ] });
 }
@@ -750,20 +835,27 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-import { GoogleAdMob, IAP, Storage, AppsInTossModule, appsInTossEvent as appsInTossEvent5 } from "@apps-in-toss/native-modules";
+import {
+  GoogleAdMob,
+  IAP,
+  Storage,
+  AppsInTossModule,
+  appsInTossEvent as appsInTossEvent3,
+  iapCreateOneTimePurchaseOrder,
+  processProductGrant,
+  requestOneTimePurchase
+} from "@apps-in-toss/native-modules";
 import * as appsInTossAsyncBridges from "@apps-in-toss/native-modules/async-bridges";
 import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constant-bridges";
 import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-bridges";
-import { getSchemeUri as getSchemeUri5, useGraniteEvent } from "@granite-js/react-native";
-import * as graniteAsyncBridges from "@granite-js/react-native/async-bridges";
-import * as graniteConstantBridges from "@granite-js/react-native/constant-bridges";
-import { ExternalWebViewScreen, tdsEvent } from "@toss-design-system/react-native";
-import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop2, useTopNavigation } from "@toss-design-system/react-native/private";
-import { useCallback as useCallback9, useMemo as useMemo3, useState as useState5 } from "react";
+import { getSchemeUri as getSchemeUri6, useGraniteEvent } from "@granite-js/react-native";
+import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
+import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop2, useTopNavigation } from "@toss/tds-react-native/private";
+import { useMemo as useMemo4, useState as useState5 } from "react";
 import { Platform as Platform4 } from "react-native";
 
 // src/components/GameWebView.tsx
-import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled2, appsInTossEvent as appsInTossEvent2, getOperationalEnvironment } from "@apps-in-toss/native-modules";
+import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled2, appsInTossEvent as appsInTossEvent2, getOperationalEnvironment as getOperationalEnvironment2 } from "@apps-in-toss/native-modules";
 import {
   WebView as PlainWebView
 } from "@granite-js/native/react-native-webview";
@@ -772,7 +864,7 @@ import { Platform as Platform3 } from "react-native";
 
 // src/components/GameProfile.tsx
 import { getGameCenterGameProfile as getGameCenterGameProfile2, isMinVersionSupported as isMinVersionSupported3 } from "@apps-in-toss/native-modules";
-import { Loader } from "@toss-design-system/react-native";
+import { Loader } from "@toss/tds-react-native";
 import { useEffect as useEffect8 } from "react";
 import { Pressable, View } from "react-native";
 
@@ -786,20 +878,20 @@ var GAME_CENTER_MIN_VERSION = {
 // src/hooks/useGameCenterProfile.ts
 import { getGameCenterGameProfile } from "@apps-in-toss/native-modules";
 import { closeView as closeView2, openURL as openURL5 } from "@granite-js/react-native";
-import { useDialog as useDialog3 } from "@toss-design-system/react-native";
+import { useDialog as useDialog4 } from "@toss/tds-react-native";
 import { josa as josa2 } from "es-hangul";
 import { useCallback as useCallback4, useRef as useRef3, useState as useState2 } from "react";
 
 // src/components/GameProfileToast.tsx
-import { Asset, Toast } from "@toss-design-system/react-native";
-import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay as useOverlay2 } from "@toss-design-system/react-native/private";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { Asset, Toast } from "@toss/tds-react-native";
+import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay as useOverlay2 } from "@toss/tds-react-native/private";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var useGameProfileToast = () => {
   const overlay = useOverlay2();
   const openGameProfileToast = (nickname, profileImageUri) => {
     return new Promise((resolve) => {
       overlay.open(({ isOpen, close, exit }) => {
-        return /* @__PURE__ */ jsx6(ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ jsx6(AdaptiveColorProvider, { children: /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ jsx7(ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ jsx7(AdaptiveColorProvider, { children: /* @__PURE__ */ jsx7(
           Toast,
           {
             open: isOpen,
@@ -810,7 +902,7 @@ var useGameProfileToast = () => {
             onExited: exit,
             position: "top",
             text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
-            icon: /* @__PURE__ */ jsx6(
+            icon: /* @__PURE__ */ jsx7(
               Asset.Image,
               {
                 style: { borderRadius: 64, overflow: "hidden" },
@@ -880,7 +972,7 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
   const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
   const [isWebviewLoading, setIsWebviewLoading] = useState2(false);
   const isCompletedProfileFlow = useRef3(false);
-  const { openAlert, openConfirm } = useDialog3();
+  const { openAlert, openConfirm } = useDialog4();
   const { openGameProfileToast } = useGameProfileToast();
   const openErrorAlert = useCallback4(async () => {
     await openAlert({
@@ -965,7 +1057,7 @@ var Z_INDEX = {
 };
 
 // src/components/GameProfile.tsx
-import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var GameProfile = ({ children, isReadyForProfileUI }) => {
   const {
     profileData,
@@ -1025,9 +1117,9 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     updateAppToSupportedMinVersion
   ]);
   if (!isMinVersionSupported3(GAME_CENTER_MIN_VERSION)) {
-    return /* @__PURE__ */ jsxs2(Fragment5, { children: [
-      /* @__PURE__ */ jsx7(View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsxs3(Fragment5, { children: [
+      /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ jsx8(
         Pressable,
         {
           style: {
@@ -1041,9 +1133,9 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     ] });
   }
   if (shouldShowLoadingOverlay || isProfileDataRefetching) {
-    return /* @__PURE__ */ jsxs2(Fragment5, { children: [
-      /* @__PURE__ */ jsx7(View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsxs3(Fragment5, { children: [
+      /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ jsx8(
         View,
         {
           style: {
@@ -1052,15 +1144,15 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
             alignItems: "center",
             backgroundColor: "rgba(0, 0, 0, 0.2)"
           },
-          children: /* @__PURE__ */ jsx7(Loader, { size: "large", type: "light" })
+          children: /* @__PURE__ */ jsx8(Loader, { size: "large", type: "light" })
         }
       )
     ] });
   }
   if (shouldShowProfileNotFoundOverlay) {
-    return /* @__PURE__ */ jsxs2(Fragment5, { children: [
-      /* @__PURE__ */ jsx7(View, { style: { flex: 1, position: "relative" }, children }),
-      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsxs3(Fragment5, { children: [
+      /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }),
+      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ jsx8(
         Pressable,
         {
           style: {
@@ -1073,7 +1165,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsx7(Fragment5, { children: /* @__PURE__ */ jsx7(View, { style: { flex: 1, position: "relative" }, children }) });
+  return /* @__PURE__ */ jsx8(Fragment5, { children: /* @__PURE__ */ jsx8(View, { style: { flex: 1, position: "relative" }, children }) });
 };
 var overlayStyle = {
   position: "absolute",
@@ -1086,15 +1178,15 @@ var overlayStyle = {
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
 import { closeView as closeView3 } from "@granite-js/react-native";
-import { PageNavbar, useDialog as useDialog4 } from "@toss-design-system/react-native";
-import { NavigationRightContent, useSafeAreaTop } from "@toss-design-system/react-native/private";
+import { PageNavbar, useDialog as useDialog5 } from "@toss/tds-react-native";
+import { NavigationRightContent, useSafeAreaTop } from "@toss/tds-react-native/private";
 import { josa as josa3 } from "es-hangul";
 import { useCallback as useCallback5, useEffect as useEffect9 } from "react";
 import { BackHandler as BackHandler2, Platform as Platform2, View as View2 } from "react-native";
-import { Fragment as Fragment6, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function GameWebviewNavigationBar() {
   const safeAreaTop = useSafeAreaTop();
-  const { openConfirm } = useDialog4();
+  const { openConfirm } = useDialog5();
   const { captureExitLog } = useCaptureExitLog();
   const global2 = getAppsInTossGlobals();
   const logging = useNavigationBarLogging();
@@ -1123,9 +1215,9 @@ function GameWebviewNavigationBar() {
     BackHandler2.addEventListener("hardwareBackPress", handleAndroidBackEvent);
     return () => BackHandler2.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
   }, [handleGameWebviewClose]);
-  return /* @__PURE__ */ jsxs3(Fragment6, { children: [
-    /* @__PURE__ */ jsx8(PageNavbar, { preference: { type: "none" } }),
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
+    /* @__PURE__ */ jsx9(PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ jsx9(
       View2,
       {
         style: {
@@ -1141,7 +1233,7 @@ function GameWebviewNavigationBar() {
           paddingRight: 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx8(
+        children: /* @__PURE__ */ jsx9(
           NavigationRightContent,
           {
             fixedRightButton: initialAccessoryButton,
@@ -1159,7 +1251,7 @@ function GameWebviewNavigationBar() {
 }
 
 // src/components/GameWebView.tsx
-import { Fragment as Fragment7, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
   const [isEntryMessageExited, setIsEntryMessageExited] = useState3(false);
   useEffect10(() => {
@@ -1178,33 +1270,32 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
       }
     });
   }, []);
-  return /* @__PURE__ */ jsxs4(Fragment7, { children: [
-    /* @__PURE__ */ jsx9(GameWebviewNavigationBar, {}),
-    getOperationalEnvironment() === "toss" ? /* @__PURE__ */ jsx9(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx9(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx9(PlainWebView, { ref, ...props })
+  return /* @__PURE__ */ jsxs5(Fragment7, { children: [
+    /* @__PURE__ */ jsx10(GameWebviewNavigationBar, {}),
+    getOperationalEnvironment2() === "toss" ? /* @__PURE__ */ jsx10(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx10(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx10(PlainWebView, { ref, ...props })
   ] });
 });
 
 // src/components/PartnerWebView.tsx
-import { appsInTossEvent as appsInTossEvent4, closeView as closeView5 } from "@apps-in-toss/native-modules";
+import { closeView as closeView5 } from "@apps-in-toss/native-modules";
 import {
   WebView as PlainWebView2
 } from "@granite-js/native/react-native-webview";
-import { forwardRef as forwardRef2, useCallback as useCallback7, useEffect as useEffect11, useRef as useRef4 } from "react";
+import { forwardRef as forwardRef2, useCallback as useCallback8, useEffect as useEffect11, useRef as useRef4 } from "react";
 import { BackHandler as BackHandler3 } from "react-native";
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
-import { appsInTossEvent as appsInTossEvent3 } from "@apps-in-toss/native-modules";
 import { closeView as closeView4 } from "@granite-js/react-native";
-import { useDialog as useDialog5 } from "@toss-design-system/react-native";
-import { NavigationBackButton as NavigationBackButton2, NavigationLeft as NavigationLeft2, TopNavigation as TopNavigation2 } from "@toss-design-system/react-native/private";
+import { useDialog as useDialog6 } from "@toss/tds-react-native";
+import { NavigationBackButton as NavigationBackButton2, NavigationLeft as NavigationLeft2, TopNavigation as TopNavigation2 } from "@toss/tds-react-native/private";
 import { josa as josa4 } from "es-hangul";
 import { useCallback as useCallback6 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-function PartnerWebviewNavigationBar({ handleBackEvent }) {
+import { jsx as jsx11 } from "react/jsx-runtime";
+function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = useDialog5();
+  const { openConfirm } = useDialog6();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
@@ -1212,8 +1303,8 @@ function PartnerWebviewNavigationBar({ handleBackEvent }) {
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
   const handlePressTitle = useCallback6(() => {
     logging.homeButtonClick();
-    appsInTossEvent3.emit("homeIconButtonClickEvent", void 0);
-  }, [logging]);
+    handleHomeIconButtonClick();
+  }, [handleHomeIconButtonClick, logging]);
   const handleClose = useCallback6(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
@@ -1229,7 +1320,7 @@ function PartnerWebviewNavigationBar({ handleBackEvent }) {
       closeView4();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
-  return /* @__PURE__ */ jsx10(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx11(
     TopNavigation2,
     {
       title: globals.brandDisplayName,
@@ -1240,7 +1331,7 @@ function PartnerWebviewNavigationBar({ handleBackEvent }) {
       onPressClose: handleClose,
       withHome: withHomeButton,
       fixedRightButton: initialAccessoryButton,
-      children: /* @__PURE__ */ jsx10(NavigationLeft2, { visible: withBackButton, children: /* @__PURE__ */ jsx10(NavigationBackButton2, { onPress: handleBackEvent, canGoBack: false }) })
+      children: /* @__PURE__ */ jsx11(NavigationLeft2, { visible: withBackButton, children: /* @__PURE__ */ jsx11(NavigationBackButton2, { onPress: handleBackEvent, canGoBack: false }) })
     }
   ) });
 }
@@ -1258,57 +1349,186 @@ function mergeRefs(...refs) {
   };
 }
 
-// src/components/PartnerWebView.tsx
-import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-var PartnerWebView = forwardRef2(function PartnerWebViewScreen({ canHistoryGoBack, ...webViewProps }, ref) {
-  const webViewRef = useRef4(null);
-  const refs = mergeRefs(ref, webViewRef);
-  const { captureExitLog } = useCaptureExitLog();
-  const handleBackEvent = useCallback7(() => {
-    if (canHistoryGoBack) {
-      webViewRef.current?.goBack();
-    } else {
-      captureExitLog(Date.now());
-      closeView5();
+// src/hooks/useWebviewHistoryStack.tsx
+import { useCallback as useCallback7, useMemo as useMemo2, useReducer } from "react";
+var INITIAL_STATE = { stack: [], index: -1 };
+function reducer(state, action) {
+  switch (action.type) {
+    case "NAVIGATION_CHANGE": {
+      const { url, canGoForward } = action;
+      if (state.stack.length === 0) {
+        return { stack: [url], index: 0 };
+      }
+      const { stack, index } = state;
+      const cur = stack[index];
+      if (url === cur) {
+        return state;
+      }
+      const prev = index > 0 ? stack[index - 1] : void 0;
+      const next = index < stack.length - 1 ? stack[index + 1] : void 0;
+      if (prev && url === prev && canGoForward) {
+        return { ...state, index: index - 1 };
+      }
+      if (next && url === next) {
+        return { ...state, index: index + 1 };
+      }
+      const base = stack.slice(0, index + 1);
+      const nextStack = [...base, url];
+      return { stack: nextStack, index: nextStack.length - 1 };
     }
-  }, [canHistoryGoBack, captureExitLog]);
-  useEffect11(() => {
-    const handleAndroidBackEvent = () => {
-      if (canHistoryGoBack) {
-        webViewRef.current?.goBack();
-        return true;
+    default:
+      return state;
+  }
+}
+function useWebViewHistory() {
+  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
+  const onNavigationStateChange = useCallback7(({ url, canGoForward: canGoForward2 }) => {
+    dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
+  }, []);
+  const { canGoBack, canGoForward } = useMemo2(() => {
+    const canBack = state.index > 0;
+    const canFwd = state.index >= 0 && state.index < state.stack.length - 1;
+    return { canGoBack: canBack, canGoForward: canFwd };
+  }, [state.index, state.stack.length]);
+  return { onNavigationStateChange, canGoBack, canGoForward };
+}
+
+// src/utils/log.ts
+import { eventLog as eventLogNative } from "@apps-in-toss/native-modules";
+import { getSchemeUri as getSchemeUri5 } from "@granite-js/react-native";
+
+// src/utils/extractDateFromUUIDv7.ts
+var extractDateFromUUIDv7 = (uuid) => {
+  const timestampHex = uuid.split("-").join("").slice(0, 12);
+  const timestamp = Number.parseInt(timestampHex, 16);
+  return new Date(timestamp);
+};
+
+// src/utils/log.ts
+var getGroupId = (url) => {
+  try {
+    const urlObject = new URL(url);
+    return {
+      groupId: urlObject.pathname,
+      search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
+    };
+  } catch {
+    return {
+      groupId: "unknown",
+      search: "unknown"
+    };
+  }
+};
+var getReferrer = () => {
+  try {
+    const referrer = new URL(getSchemeUri5());
+    return referrer.searchParams.get("referrer");
+  } catch {
+    return "";
+  }
+};
+var trackScreen = (url) => {
+  const { groupId, search } = getGroupId(url);
+  const log = {
+    log_type: "screen",
+    log_name: `${groupId}::screen`,
+    params: {
+      search,
+      referrer: getReferrer(),
+      deployment_id: env.getDeploymentId(),
+      deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
+    }
+  };
+  return eventLogNative(log);
+};
+
+// src/components/PartnerWebView.tsx
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var PartnerWebView = forwardRef2(
+  function PartnerWebViewScreen(webViewProps, ref) {
+    const webViewRef = useRef4(null);
+    const refs = mergeRefs(ref, webViewRef);
+    const { captureExitLog } = useCaptureExitLog();
+    const { canGoBack, onNavigationStateChange } = useWebViewHistory();
+    const historyBackScript = `
+      (function() {
+        window.history.back();
+        true;
+      })();
+    `;
+    const historyHomeScript = `
+      (function() {
+        window.location.href = '/';
+        true;
+      })();
+    `;
+    const handleBackEvent = useCallback8(() => {
+      if (canGoBack) {
+        webViewRef.current?.injectJavaScript(historyBackScript);
       } else {
         captureExitLog(Date.now());
-        return false;
+        closeView5();
       }
-    };
-    BackHandler3.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-    return () => BackHandler3.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-  }, [canHistoryGoBack, captureExitLog]);
-  useEffect11(() => {
-    return appsInTossEvent4.addEventListener("homeIconButtonClickEvent", {
-      onEvent: () => {
-        webViewRef.current?.injectJavaScript(`
-          (function() {
-          window.history.replaceState(null, '', '/');
-          true;
-          })();
-        `);
-      }
-    });
-  }, [webViewRef]);
-  return /* @__PURE__ */ jsxs5(Fragment8, { children: [
-    /* @__PURE__ */ jsx11(PartnerWebviewNavigationBar, { handleBackEvent }),
-    /* @__PURE__ */ jsx11(PlainWebView2, { ref: refs, ...webViewProps, style: { flex: 1 } })
-  ] });
-});
+    }, [canGoBack, captureExitLog, historyBackScript]);
+    useEffect11(() => {
+      const handleAndroidBackEvent = () => {
+        if (canGoBack) {
+          webViewRef.current?.injectJavaScript(historyBackScript);
+          return true;
+        } else {
+          captureExitLog(Date.now());
+          return false;
+        }
+      };
+      BackHandler3.addEventListener("hardwareBackPress", handleAndroidBackEvent);
+      return () => BackHandler3.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
+    }, [canGoBack, captureExitLog, historyBackScript]);
+    const handleHomeIconButtonClick = useCallback8(() => {
+      webViewRef.current?.injectJavaScript(historyHomeScript);
+    }, [historyHomeScript]);
+    const handleNavigationStateChange = useCallback8(
+      (event) => {
+        if (event.url) {
+          trackScreen(event.url);
+        }
+        onNavigationStateChange(event);
+      },
+      [onNavigationStateChange]
+    );
+    return /* @__PURE__ */ jsxs6(Fragment8, { children: [
+      /* @__PURE__ */ jsx12(
+        PartnerWebviewNavigationBar,
+        {
+          handleBackEvent,
+          handleHomeIconButtonClick
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        PlainWebView2,
+        {
+          ref: refs,
+          ...webViewProps,
+          style: { flex: 1 },
+          onNavigationStateChange: (event) => {
+            webViewProps?.onNavigationStateChange?.(event);
+            handleNavigationStateChange(event);
+          }
+        }
+      )
+    ] });
+  }
+);
 
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback8, useMemo as useMemo2, useRef as useRef5 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo3, useRef as useRef5 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
       return {
+        ...Object.entries(value).reduce((acc, [key, value2]) => {
+          acc[key] = value2;
+          return acc;
+        }, {}),
         name: value.name,
         message: value.message,
         stack: value.stack,
@@ -1354,7 +1574,7 @@ function useBridgeHandler({
   injectedJavaScript: originalInjectedJavaScript
 }) {
   const ref = useRef5(null);
-  const injectedJavaScript = useMemo2(
+  const injectedJavaScript = useMemo3(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1381,7 +1601,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = useCallback8(
+  const $onMessage = useCallback9(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1611,57 +1831,8 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   return location;
 }
 
-// src/utils/log.ts
-import { eventLog as eventLogNative } from "@apps-in-toss/native-modules";
-import { getSchemeUri as getSchemeUri4 } from "@granite-js/react-native";
-
-// src/utils/extractDateFromUUIDv7.ts
-var extractDateFromUUIDv7 = (uuid) => {
-  const timestampHex = uuid.split("-").join("").slice(0, 12);
-  const timestamp = Number.parseInt(timestampHex, 16);
-  return new Date(timestamp);
-};
-
-// src/utils/log.ts
-var getGroupId = (url) => {
-  try {
-    const urlObject = new URL(url);
-    return {
-      groupId: urlObject.pathname,
-      search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
-    };
-  } catch {
-    return {
-      groupId: "unknown",
-      search: "unknown"
-    };
-  }
-};
-var getReferrer = () => {
-  try {
-    const referrer = new URL(getSchemeUri4());
-    return referrer.searchParams.get("referrer");
-  } catch {
-    return "";
-  }
-};
-var trackScreen = (url) => {
-  const { groupId, search } = getGroupId(url);
-  const log = {
-    log_type: "screen",
-    log_name: `${groupId}::screen`,
-    params: {
-      search,
-      referrer: getReferrer(),
-      deployment_id: env.getDeploymentId(),
-      deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
-    }
-  };
-  return eventLogNative(log);
-};
-
 // src/components/WebView.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
@@ -1671,7 +1842,7 @@ var WEBVIEW_TYPES = {
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL(getSchemeUri5());
+  const schemeUrl = new URL(getSchemeUri6());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -1696,7 +1867,7 @@ function WebView({ type, local, onMessage, ...props }) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
   const graniteEvent = useGraniteEvent();
-  const uri = useMemo3(() => getWebViewUri(local), [local]);
+  const uri = useMemo4(() => getWebViewUri(local), [local]);
   const top = useSafeAreaTop2();
   const bottom = useSafeAreaBottom();
   const global2 = getAppsInTossGlobals();
@@ -1719,10 +1890,10 @@ function WebView({ type, local, onMessage, ...props }) {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent, onError, options }) => graniteEvent.addEventListener("backEvent", { onEvent, onError, options }),
-      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent5.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent5.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent3.addEventListener("entryMessageExited", { onEvent, onError }),
+      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent3.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent5.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent3.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
       loadAdMobInterstitialAd: GoogleAdMob.loadAdMobInterstitialAd,
       showAdMobInterstitialAd: GoogleAdMob.showAdMobInterstitialAd,
@@ -1730,10 +1901,12 @@ function WebView({ type, local, onMessage, ...props }) {
       showAdMobRewardedAd: GoogleAdMob.showAdMobRewardedAd,
       /** AdMobV2 */
       loadAppsInTossAdMob: GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: GoogleAdMob.showAppsInTossAdMob
+      showAppsInTossAdMob: GoogleAdMob.showAppsInTossAdMob,
+      /** IAP */
+      iapCreateOneTimePurchaseOrder: IAP.createOneTimePurchaseOrder,
+      requestOneTimePurchase
     },
     constantHandlerMap: {
-      ...graniteConstantBridges,
       ...appsInTossConstantBridges,
       getSafeAreaTop: () => top,
       getSafeAreaBottom: () => bottom,
@@ -1750,7 +1923,6 @@ function WebView({ type, local, onMessage, ...props }) {
       getDeploymentId: env.getDeploymentId
     },
     asyncHandlerMap: {
-      ...graniteAsyncBridges,
       ...appsInTossAsyncBridges,
       setIosSwipeGestureEnabled: (options) => {
         setAllowsBackForwardNavigationGestures(options.isEnabled);
@@ -1774,11 +1946,14 @@ function WebView({ type, local, onMessage, ...props }) {
       removeStorageItem: Storage.removeItem,
       clearItems: Storage.clearItems,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: IAP.createOneTimePurchaseOrder,
-      iapGetProductItemList: IAP.getProductItemList
+      iapGetProductItemList: IAP.getProductItemList,
+      iapCreateOneTimePurchaseOrder,
+      processProductGrant,
+      getPendingOrders: IAP.getPendingOrders,
+      getCompletedOrRefundedOrders: IAP.getCompletedOrRefundedOrders
     }
   });
-  const headerPropForExternalWebView = useMemo3(() => {
+  const headerPropForExternalWebView = useMemo4(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -1795,20 +1970,10 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [global2.navigationBar, type]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
-  const [canHistoryGoBack, setCanHistoryGoBack] = useState5(false);
-  const handleNavigationStateChange = useCallback9(
-    (event) => {
-      if (event.url) {
-        trackScreen(event.url);
-      }
-      setCanHistoryGoBack(event.canGoBack);
-    },
-    [setCanHistoryGoBack]
-  );
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     BaseWebView,
     {
       ref: handler.ref,
@@ -1826,8 +1991,6 @@ function WebView({ type, local, onMessage, ...props }) {
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
-      canHistoryGoBack,
-      onNavigationStateChange: handleNavigationStateChange,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
       decelerationRate: Platform4.OS === "ios" ? 1 : void 0,
@@ -1838,7 +2001,7 @@ function WebView({ type, local, onMessage, ...props }) {
 
 // src/index.ts
 export * from "@apps-in-toss/analytics";
-import { useTopNavigation as useTopNavigation2 } from "@toss-design-system/react-native/private";
+import { useTopNavigation as useTopNavigation2 } from "@toss/tds-react-native/private";
 export * from "@apps-in-toss/native-modules";
 export * from "@apps-in-toss/types";
 var Analytics2 = {