@apps-in-toss/framework 1.1.2 → 1.1.3

package/dist/index.cjs

@@ -792,7 +792,7 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-var import_native_modules18 = require("@apps-in-toss/native-modules");
+var import_native_modules17 = require("@apps-in-toss/native-modules");
 var appsInTossAsyncBridges = __toESM(require("@apps-in-toss/native-modules/async-bridges"), 1);
 var appsInTossConstantBridges = __toESM(require("@apps-in-toss/native-modules/constant-bridges"), 1);
 var appsInTossEventBridges = __toESM(require("@apps-in-toss/native-modules/event-bridges"), 1);
@@ -801,7 +801,7 @@ var graniteAsyncBridges = __toESM(require("@granite-js/react-native/async-bridge
 var graniteConstantBridges = __toESM(require("@granite-js/react-native/constant-bridges"), 1);
 var import_react_native37 = require("@toss-design-system/react-native");
 var import_private7 = require("@toss-design-system/react-native/private");
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_react_native38 = require("react-native");
 
 // src/components/GameWebView.tsx
@@ -1227,18 +1227,17 @@ var GameWebView = (0, import_react13.forwardRef)(function GameWebView2(props, re
 // src/components/PartnerWebView.tsx
 var import_native_modules14 = require("@apps-in-toss/native-modules");
 var import_react_native_webview2 = require("@granite-js/native/react-native-webview");
-var import_react15 = require("react");
-var import_react_native32 = require("react-native");
+var import_react16 = require("react");
+var import_react_native33 = require("react-native");
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
-var import_native_modules13 = require("@apps-in-toss/native-modules");
 var import_react_native30 = require("@granite-js/react-native");
 var import_react_native31 = require("@toss-design-system/react-native");
 var import_private6 = require("@toss-design-system/react-native/private");
 var import_es_hangul4 = require("es-hangul");
 var import_react14 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function PartnerWebviewNavigationBar({ handleBackEvent }) {
+function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
@@ -1250,8 +1249,8 @@ function PartnerWebviewNavigationBar({ handleBackEvent }) {
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
   const handlePressTitle = (0, import_react14.useCallback)(() => {
     logging.homeButtonClick();
-    import_native_modules13.appsInTossEvent.emit("homeIconButtonClickEvent", void 0);
-  }, [logging]);
+    handleHomeIconButtonClick();
+  }, [handleHomeIconButtonClick, logging]);
   const handleClose = (0, import_react14.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
@@ -1296,57 +1295,186 @@ function mergeRefs(...refs) {
   };
 }
 
+// src/hooks/useWebviewHistoryStack.tsx
+var import_react15 = require("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 };
+    }
+    default:
+      return state;
+  }
+}
+function useWebViewHistory() {
+  const [state, dispatch] = (0, import_react15.useReducer)(reducer, INITIAL_STATE);
+  const onNavigationStateChange = (0, import_react15.useCallback)(({ url, canGoForward: canGoForward2 }) => {
+    dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
+  }, []);
+  const { canGoBack, canGoForward } = (0, import_react15.useMemo)(() => {
+    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
+var import_native_modules13 = require("@apps-in-toss/native-modules");
+var import_react_native32 = require("@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((0, import_react_native32.getSchemeUri)());
+    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 (0, import_native_modules13.eventLog)(log);
+};
+
 // src/components/PartnerWebView.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var PartnerWebView = (0, import_react15.forwardRef)(function PartnerWebViewScreen({ canHistoryGoBack, ...webViewProps }, ref) {
-  const webViewRef = (0, import_react15.useRef)(null);
-  const refs = mergeRefs(ref, webViewRef);
-  const { captureExitLog } = useCaptureExitLog();
-  const handleBackEvent = (0, import_react15.useCallback)(() => {
-    if (canHistoryGoBack) {
-      webViewRef.current?.goBack();
-    } else {
-      captureExitLog(Date.now());
-      (0, import_native_modules14.closeView)();
-    }
-  }, [canHistoryGoBack, captureExitLog]);
-  (0, import_react15.useEffect)(() => {
-    const handleAndroidBackEvent = () => {
-      if (canHistoryGoBack) {
-        webViewRef.current?.goBack();
-        return true;
+var PartnerWebView = (0, import_react16.forwardRef)(
+  function PartnerWebViewScreen(webViewProps, ref) {
+    const webViewRef = (0, import_react16.useRef)(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 = (0, import_react16.useCallback)(() => {
+      if (canGoBack) {
+        webViewRef.current?.injectJavaScript(historyBackScript);
       } else {
         captureExitLog(Date.now());
-        return false;
+        (0, import_native_modules14.closeView)();
       }
-    };
-    import_react_native32.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-    return () => import_react_native32.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-  }, [canHistoryGoBack, captureExitLog]);
-  (0, import_react15.useEffect)(() => {
-    return import_native_modules14.appsInTossEvent.addEventListener("homeIconButtonClickEvent", {
-      onEvent: () => {
-        webViewRef.current?.injectJavaScript(`
-          (function() {
-          window.history.replaceState(null, '', '/');
-          true;
-          })();
-        `);
-      }
-    });
-  }, [webViewRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PartnerWebviewNavigationBar, { handleBackEvent }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native_webview2.WebView, { ref: refs, ...webViewProps, style: { flex: 1 } })
-  ] });
-});
+    }, [canGoBack, captureExitLog, historyBackScript]);
+    (0, import_react16.useEffect)(() => {
+      const handleAndroidBackEvent = () => {
+        if (canGoBack) {
+          webViewRef.current?.injectJavaScript(historyBackScript);
+          return true;
+        } else {
+          captureExitLog(Date.now());
+          return false;
+        }
+      };
+      import_react_native33.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
+      return () => import_react_native33.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
+    }, [canGoBack, captureExitLog, historyBackScript]);
+    const handleHomeIconButtonClick = (0, import_react16.useCallback)(() => {
+      webViewRef.current?.injectJavaScript(historyHomeScript);
+    }, [historyHomeScript]);
+    const handleNavigationStateChange = (0, import_react16.useCallback)(
+      (event) => {
+        if (event.url) {
+          trackScreen(event.url);
+        }
+        onNavigationStateChange(event);
+      },
+      [onNavigationStateChange]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        PartnerWebviewNavigationBar,
+        {
+          handleBackEvent,
+          handleHomeIconButtonClick
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_react_native_webview2.WebView,
+        {
+          ref: refs,
+          ...webViewProps,
+          style: { flex: 1 },
+          onNavigationStateChange: (event) => {
+            webViewProps?.onNavigationStateChange?.(event);
+            handleNavigationStateChange(event);
+          }
+        }
+      )
+    ] });
+  }
+);
 
 // src/bridge-handler/useBridgeHandler.tsx
-var import_react16 = require("react");
+var import_react17 = require("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,
@@ -1391,8 +1519,8 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = (0, import_react16.useRef)(null);
-  const injectedJavaScript = (0, import_react16.useMemo)(
+  const ref = (0, import_react17.useRef)(null);
+  const injectedJavaScript = (0, import_react17.useMemo)(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1419,7 +1547,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = (0, import_react16.useCallback)(
+  const $onMessage = (0, import_react17.useCallback)(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1471,7 +1599,7 @@ function useBridgeHandler({
 
 // src/hooks/useCreateUserAgent.ts
 var import_native_modules15 = require("@apps-in-toss/native-modules");
-var import_react_native33 = require("react-native");
+var import_react_native34 = require("react-native");
 var FontA11yCategory = {
   Large: "Large",
   xLarge: "xLarge",
@@ -1606,7 +1734,7 @@ function useCreateUserAgent({
 }) {
   const platform = (0, import_native_modules15.getPlatformOS)();
   const appVersion = (0, import_native_modules15.getTossAppVersion)();
-  const { fontScale } = (0, import_react_native33.useWindowDimensions)();
+  const { fontScale } = (0, import_react_native34.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -1627,12 +1755,12 @@ function useCreateUserAgent({
 
 // src/hooks/useGeolocation.ts
 var import_native_modules16 = require("@apps-in-toss/native-modules");
-var import_react_native34 = require("@granite-js/react-native");
-var import_react17 = require("react");
+var import_react_native35 = require("@granite-js/react-native");
+var import_react18 = require("react");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native34.useVisibility)();
-  const [location, setLocation] = (0, import_react17.useState)(null);
-  (0, import_react17.useEffect)(() => {
+  const isVisible = (0, import_react_native35.useVisibility)();
+  const [location, setLocation] = (0, import_react18.useState)(null);
+  (0, import_react18.useEffect)(() => {
     if (!isVisible) {
       return;
     }
@@ -1649,55 +1777,6 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   return location;
 }
 
-// src/utils/log.ts
-var import_native_modules17 = require("@apps-in-toss/native-modules");
-var import_react_native35 = require("@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((0, import_react_native35.getSchemeUri)());
-    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 (0, import_native_modules17.eventLog)(log);
-};
-
 // src/components/WebView.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
@@ -1721,7 +1800,7 @@ function getWebViewUri(local) {
     const devUrl = `http://${local.host}:${local.port}`;
     return mergeSchemeQueryParamsInto(devUrl).toString();
   }
-  const { url: rawUrl } = import_native_modules18.AppsInTossModule.getWebBundleURL({});
+  const { url: rawUrl } = import_native_modules17.AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
   const deploymentId = env.getDeploymentId();
   if (deploymentId) {
@@ -1734,7 +1813,7 @@ function WebView({ type, local, onMessage, ...props }) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
   const graniteEvent = (0, import_react_native36.useGraniteEvent)();
-  const uri = (0, import_react18.useMemo)(() => getWebViewUri(local), [local]);
+  const uri = (0, import_react19.useMemo)(() => getWebViewUri(local), [local]);
   const top = (0, import_private7.useSafeAreaTop)();
   const bottom = (0, import_private7.useSafeAreaBottom)();
   const global2 = getAppsInTossGlobals();
@@ -1746,7 +1825,7 @@ function WebView({ type, local, onMessage, ...props }) {
       document.head.appendChild(style);
     })();
   `;
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react18.useState)(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react19.useState)(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -1757,18 +1836,21 @@ function WebView({ type, local, onMessage, ...props }) {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => import_react_native37.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent, onError, options }) => graniteEvent.addEventListener("backEvent", { onEvent, onError, options }),
-      entryMessageExited: ({ onEvent, onError }) => import_native_modules18.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      entryMessageExited: ({ onEvent, onError }) => import_native_modules17.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
+      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
-      loadAdMobInterstitialAd: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd,
-      showAdMobInterstitialAd: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd,
-      loadAdMobRewardedAd: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd,
-      showAdMobRewardedAd: import_native_modules18.GoogleAdMob.showAdMobRewardedAd,
+      loadAdMobInterstitialAd: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd,
+      showAdMobInterstitialAd: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd,
+      loadAdMobRewardedAd: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd,
+      showAdMobRewardedAd: import_native_modules17.GoogleAdMob.showAdMobRewardedAd,
       /** AdMobV2 */
-      loadAppsInTossAdMob: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: import_native_modules18.GoogleAdMob.showAppsInTossAdMob
+      loadAppsInTossAdMob: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob,
+      showAppsInTossAdMob: import_native_modules17.GoogleAdMob.showAppsInTossAdMob,
+      /** IAP */
+      iapCreateOneTimePurchaseOrder: import_native_modules17.IAP.createOneTimePurchaseOrder,
+      requestOneTimePurchase: import_native_modules17.requestOneTimePurchase
     },
     constantHandlerMap: {
       ...graniteConstantBridges,
@@ -1777,13 +1859,13 @@ function WebView({ type, local, onMessage, ...props }) {
       getSafeAreaBottom: () => bottom,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
-      loadAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
-      showAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd.isSupported,
-      loadAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd.isSupported,
-      showAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobRewardedAd.isSupported,
+      loadAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
+      showAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd.isSupported,
+      loadAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd.isSupported,
+      showAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobRewardedAd.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.showAppsInTossAdMob.isSupported,
+      loadAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.showAppsInTossAdMob.isSupported,
       /** env */
       getDeploymentId: env.getDeploymentId
     },
@@ -1807,16 +1889,17 @@ function WebView({ type, local, onMessage, ...props }) {
       getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
       openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
-      getStorageItem: import_native_modules18.Storage.getItem,
-      setStorageItem: import_native_modules18.Storage.setItem,
-      removeStorageItem: import_native_modules18.Storage.removeItem,
-      clearItems: import_native_modules18.Storage.clearItems,
+      getStorageItem: import_native_modules17.Storage.getItem,
+      setStorageItem: import_native_modules17.Storage.setItem,
+      removeStorageItem: import_native_modules17.Storage.removeItem,
+      clearItems: import_native_modules17.Storage.clearItems,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: import_native_modules18.IAP.createOneTimePurchaseOrder,
-      iapGetProductItemList: import_native_modules18.IAP.getProductItemList
+      iapGetProductItemList: import_native_modules17.IAP.getProductItemList,
+      iapCreateOneTimePurchaseOrder: import_native_modules17.iapCreateOneTimePurchaseOrder,
+      processProductGrant: import_native_modules17.processProductGrant
     }
   });
-  const headerPropForExternalWebView = (0, import_react18.useMemo)(() => {
+  const headerPropForExternalWebView = (0, import_react19.useMemo)(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -1833,16 +1916,6 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [global2.navigationBar, type]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
-  const [canHistoryGoBack, setCanHistoryGoBack] = (0, import_react18.useState)(false);
-  const handleNavigationStateChange = (0, import_react18.useCallback)(
-    (event) => {
-      if (event.url) {
-        trackScreen(event.url);
-      }
-      setCanHistoryGoBack(event.canGoBack);
-    },
-    [setCanHistoryGoBack]
-  );
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
@@ -1864,8 +1937,6 @@ function WebView({ type, local, onMessage, ...props }) {
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
-      canHistoryGoBack,
-      onNavigationStateChange: handleNavigationStateChange,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
       decelerationRate: import_react_native38.Platform.OS === "ios" ? 1 : void 0,

package/dist/index.d.cts

@@ -27,9 +27,7 @@ declare const AppsInToss: {
     registerApp: typeof registerApp;
 };
 
-type GameWebViewProps$1 = WebViewProps$1 & {
-    canHistoryGoBack: boolean;
-};
+type GameWebViewProps$1 = WebViewProps$1;
 
 type WebViewProps = PartnerWebViewProps | ExternalWebViewProps | GameWebViewProps;
 interface PartnerWebViewProps extends Omit<WebViewProps$1, InternalProps> {

package/dist/index.d.ts

@@ -27,9 +27,7 @@ declare const AppsInToss: {
     registerApp: typeof registerApp;
 };
 
-type GameWebViewProps$1 = WebViewProps$1 & {
-    canHistoryGoBack: boolean;
-};
+type GameWebViewProps$1 = WebViewProps$1;
 
 type WebViewProps = PartnerWebViewProps | ExternalWebViewProps | GameWebViewProps;
 interface PartnerWebViewProps extends Omit<WebViewProps$1, InternalProps> {

package/dist/index.js

@@ -750,7 +750,16 @@ 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";
@@ -759,7 +768,7 @@ 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 { useMemo as useMemo4, useState as useState5 } from "react";
 import { Platform as Platform4 } from "react-native";
 
 // src/components/GameWebView.tsx
@@ -1185,22 +1194,21 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
 });
 
 // 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 { josa as josa4 } from "es-hangul";
 import { useCallback as useCallback6 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
-function PartnerWebviewNavigationBar({ handleBackEvent }) {
+function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
@@ -1212,8 +1220,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({
@@ -1258,57 +1266,186 @@ function mergeRefs(...refs) {
   };
 }
 
+// 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 };
+    }
+    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 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/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();
-    }
-  }, [canHistoryGoBack, captureExitLog]);
-  useEffect11(() => {
-    const handleAndroidBackEvent = () => {
-      if (canHistoryGoBack) {
-        webViewRef.current?.goBack();
-        return true;
+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__ */ jsxs5(Fragment8, { children: [
+      /* @__PURE__ */ jsx11(
+        PartnerWebviewNavigationBar,
+        {
+          handleBackEvent,
+          handleHomeIconButtonClick
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        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 +1491,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 +1518,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,55 +1748,6 @@ 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";
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
@@ -1696,7 +1784,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 +1807,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,7 +1818,10 @@ 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,
@@ -1774,11 +1865,12 @@ function WebView({ type, local, onMessage, ...props }) {
       removeStorageItem: Storage.removeItem,
       clearItems: Storage.clearItems,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: IAP.createOneTimePurchaseOrder,
-      iapGetProductItemList: IAP.getProductItemList
+      iapGetProductItemList: IAP.getProductItemList,
+      iapCreateOneTimePurchaseOrder,
+      processProductGrant
     }
   });
-  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,16 +1887,6 @@ 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"
   });
@@ -1826,8 +1908,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,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "The framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -56,11 +56,11 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/analytics": "1.1.2",
-    "@apps-in-toss/cli": "1.1.2",
-    "@apps-in-toss/native-modules": "1.1.2",
-    "@apps-in-toss/plugins": "1.1.2",
-    "@apps-in-toss/types": "1.1.2",
+    "@apps-in-toss/analytics": "1.1.3",
+    "@apps-in-toss/cli": "1.1.3",
+    "@apps-in-toss/native-modules": "1.1.3",
+    "@apps-in-toss/plugins": "1.1.3",
+    "@apps-in-toss/types": "1.1.3",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7b3c5e53a3ed0ffef8af2690a5ab92e8dfb0213b"
+  "gitHead": "0c80b4a0b49ec85f9f042909c7e9762c25425573"
 }