@apps-in-toss/framework 1.6.0 → 1.6.2

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# @apps-in-toss/framework
+
+## 1.6.2
+
+### Patch Changes
+
+[[AIT-3577] bridgeColorMode 삭제](https://github.toss.bz/toss/apps-in-toss-sdk/pull/6)
+
+bridgeColorMode 옵션을 삭제합니다.
+
+## 1.6.1
+
+### Patch Changes
+
+- WebView 프로세스가 죽는 상황의 유저 경험을 개선합니다.
+  - OOM 등으로 인해 웹뷰가 죽으면 계속 흰화면이 보여지는 문제가 있었습니다.
+  - 따라서 토스트로 안내 메시지를 띄운 후 웹뷰를 재시작하여, 유저가 서비스를 다시 사용할 수 있게 만듭니다.
+  - 또한 키바나에 AppsInTossWebViewProcessDidTerminate 라는 이름의 디버그 로그도 함께 남깁니다.

package/dist/index.cjs

@@ -724,15 +724,18 @@ var import_react13 = require("react");
 function useCloseConfirm() {
   const { brandDisplayName } = getAppsInTossGlobals();
   const { openConfirm } = (0, import_tds_react_native5.useDialog)();
-  return (0, import_react13.useCallback)(async ({ onEntered }) => {
-    return await openConfirm({
-      title: `${(0, import_es_hangul2.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
-      leftButton: "\uCDE8\uC18C",
-      rightButton: "\uC885\uB8CC\uD558\uAE30",
-      closeOnDimmerClick: true,
-      onEntered
-    });
-  }, [brandDisplayName, openConfirm]);
+  return (0, import_react13.useCallback)(
+    async ({ onEntered }) => {
+      return await openConfirm({
+        title: `${(0, import_es_hangul2.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+        leftButton: "\uCDE8\uC18C",
+        rightButton: "\uC885\uB8CC\uD558\uAE30",
+        closeOnDimmerClick: true,
+        onEntered
+      });
+    },
+    [brandDisplayName, openConfirm]
+  );
 }
 
 // src/components/NavigationBar/common/useNavigationBarLogging.tsx
@@ -971,30 +974,10 @@ function Menu({ title, iconURL, onPress }) {
             marginRight: 16,
             backgroundColor: iconBackgroundColor
           },
-          children: iconName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_tds_react_native6.Asset.Icon,
-            {
-              frameShape: { width: 20, height: 20 },
-              color: globals.brandPrimaryColor,
-              name: iconName
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_tds_react_native6.Asset.Image,
-            {
-              frameShape: { width: 20, height: 20 },
-              source: { uri: iconURL }
-            }
-          )
-        }
-      ),
-      contents: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_tds_react_native6.ListRow.Texts,
-        {
-          type: "1RowTypeA",
-          top: title,
-          topProps: { color: adaptive.grey700 }
+          children: iconName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_tds_react_native6.Asset.Icon, { frameShape: { width: 20, height: 20 }, color: globals.brandPrimaryColor, name: iconName }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_tds_react_native6.Asset.Image, { frameShape: { width: 20, height: 20 }, source: { uri: iconURL } })
         }
       ),
+      contents: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_tds_react_native6.ListRow.Texts, { type: "1RowTypeA", top: title, topProps: { color: adaptive.grey700 } }),
       verticalPadding: "extraSmall",
       onPress: () => {
         logging.menuClick({ title });
@@ -1084,7 +1067,9 @@ function PermissionsMenu() {
     {
       title: "\uAD8C\uD55C \uC124\uC815",
       iconURL: "https://static.toss.im/icons/png/4x/icon-setting-mono.png",
-      onPress: () => (0, import_react_native19.openURL)(`servicetoss://apps-in-toss-menu/permissions?appName=${import_react_native19.Granite.appName}&displayAppName=${globals.brandDisplayName}`)
+      onPress: () => (0, import_react_native19.openURL)(
+        `servicetoss://apps-in-toss-menu/permissions?appName=${import_react_native19.Granite.appName}&displayAppName=${globals.brandDisplayName}`
+      )
     }
   );
 }
@@ -1187,17 +1172,15 @@ function useMoreButtonBottomSheet() {
           onClose: handleClose,
           onExited: exit,
           children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_tds_react_native8.List, { rowSeparator: "none", children: [
-            itemList.map(
-              (item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                Menu,
-                {
-                  title: item.contactItemName,
-                  iconURL: item.contactIconUrl,
-                  onPress: () => (0, import_react_native20.openURL)(item.contactUri)
-                },
-                item.contactItemName
-              )
-            ),
+            itemList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              Menu,
+              {
+                title: item.contactItemName,
+                iconURL: item.contactIconUrl,
+                onPress: () => (0, import_react_native20.openURL)(item.contactUri)
+              },
+              item.contactItemName
+            )),
             isShareListMenuSupported && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AppShareListMenu, {}),
             isPermissionsMenuSupported && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PermissionsMenu, {})
           ] })
@@ -1419,16 +1402,16 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-var import_native_modules22 = require("@apps-in-toss/native-modules");
+var import_native_modules23 = 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);
 var import_react_native_safe_area_context4 = require("@granite-js/native/react-native-safe-area-context");
-var import_react_native37 = require("@granite-js/react-native");
-var import_tds_react_native14 = require("@toss/tds-react-native");
+var import_react_native38 = require("@granite-js/react-native");
+var import_tds_react_native15 = require("@toss/tds-react-native");
 var import_private9 = require("@toss/tds-react-native/private");
 var import_react28 = require("react");
-var import_react_native38 = require("react-native");
+var import_react_native39 = require("react-native");
 
 // src/components/GameWebView.tsx
 var import_native_modules14 = require("@apps-in-toss/native-modules");
@@ -1599,7 +1582,7 @@ function convertIntentURL(url) {
 // src/ads/fetchTossAd.ts
 var import_native_modules15 = require("@apps-in-toss/native-modules");
 
-// ../../.yarn/cache/es-toolkit-npm-1.34.1-4cd6371dcb-aab6d07be3.zip/node_modules/es-toolkit/dist/function/noop.mjs
+// ../../../.yarn/cache/es-toolkit-npm-1.34.1-4cd6371dcb-aab6d07be3.zip/node_modules/es-toolkit/dist/function/noop.mjs
 function noop() {
 }
 
@@ -1706,16 +1689,13 @@ function postEventTracking(params) {
     deviceIdType: "NONE",
     platform: "RN"
   });
-  return fetch(
-    endpoint,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: bodyJSON
-    }
-  ).catch(noop);
+  return fetch(endpoint, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: bodyJSON
+  }).catch(noop);
 }
 
 // src/ads/integratedAd.ts
@@ -2493,9 +2473,45 @@ function useTopNavigation() {
   };
 }
 
-// src/utils/log.ts
+// src/hooks/useWebViewMemoryDebug.tsx
 var import_native_modules21 = require("@apps-in-toss/native-modules");
 var import_react_native36 = require("@granite-js/react-native");
+var import_tds_react_native14 = require("@toss/tds-react-native");
+function useHandleWebViewProcessDidTerminate(webViewRef) {
+  const toast = (0, import_tds_react_native14.useToast)();
+  return () => {
+    webViewDebugLog("AppsInTossWebViewProcessDidTerminate", {});
+    toast.open("\uBB38\uC81C\uAC00 \uC0DD\uACA8\uC11C \uBBF8\uB2C8\uC571\uC744 \uB2E4\uC2DC \uC2DC\uC791\uD588\uC5B4\uC694.", {
+      type: "bottom",
+      lottie: `https://static.toss.im/lotties-common/check-green-spot.json`
+    });
+    webViewRef.current?.reload();
+  };
+}
+async function webViewMemoryDebugLog(params) {
+  webViewDebugLog("AppsInTossWebViewMemoryDebug", params);
+}
+function webViewDebugLog(logName, params) {
+  const global2 = getAppsInTossGlobals();
+  const event = {
+    log_name: logName,
+    log_type: "debug",
+    params: {
+      ...params,
+      app_name: import_react_native36.Granite.appName,
+      deployment_id: global2.deploymentId
+    }
+  };
+  if ((0, import_native_modules21.getOperationalEnvironment)() === "toss") {
+    import_native_modules21.INTERNAL__module.tossCoreEventLog(event);
+  } else {
+    console.log("[webViewDebugLog]", event);
+  }
+}
+
+// src/utils/log.ts
+var import_native_modules22 = require("@apps-in-toss/native-modules");
+var import_react_native37 = require("@granite-js/react-native");
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -2521,7 +2537,7 @@ var getGroupId = (url) => {
 };
 var getReferrer2 = () => {
   try {
-    const referrer = new URL((0, import_react_native36.getSchemeUri)());
+    const referrer = new URL((0, import_react_native37.getSchemeUri)());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -2539,7 +2555,7 @@ var trackScreen = (url) => {
       deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
     }
   };
-  return (0, import_native_modules21.eventLog)(log);
+  return (0, import_native_modules22.eventLog)(log);
 };
 
 // src/components/WebView.tsx
@@ -2548,12 +2564,12 @@ var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
   partner: PartnerWebView,
-  external: import_tds_react_native14.ExternalWebViewScreen,
+  external: import_tds_react_native15.ExternalWebViewScreen,
   game: GameWebView
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL((0, import_react_native37.getSchemeUri)());
+  const schemeUrl = new URL((0, import_react_native38.getSchemeUri)());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -2565,7 +2581,7 @@ function getWebViewUri(local) {
     const devUrl = `http://${local.host}:${local.port}`;
     return mergeSchemeQueryParamsInto(devUrl).toString();
   }
-  const { url: rawUrl } = import_native_modules22.AppsInTossModule.getWebBundleURL({});
+  const { url: rawUrl } = import_native_modules23.AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
   const deploymentId = env.getDeploymentId();
   if (deploymentId) {
@@ -2593,14 +2609,14 @@ function WebView({ type, local, onMessage, ...props }) {
     onMessage,
     eventListenerMap: {
       ...appsInTossEventBridges,
-      navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native14.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
+      navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native15.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent }) => {
         webBackHandler.addEventListener(onEvent);
         return () => {
           webBackHandler.removeEventListener(onEvent);
         };
       },
-      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules22.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules23.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       safeAreaInsetsChange: ({ onEvent }) => {
         safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
         return () => {
@@ -2608,23 +2624,23 @@ function WebView({ type, local, onMessage, ...props }) {
         };
       },
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules22.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules23.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
-      loadAdMobInterstitialAd: import_native_modules22.GoogleAdMob.loadAdMobInterstitialAd,
-      showAdMobInterstitialAd: import_native_modules22.GoogleAdMob.showAdMobInterstitialAd,
-      loadAdMobRewardedAd: import_native_modules22.GoogleAdMob.loadAdMobRewardedAd,
-      showAdMobRewardedAd: import_native_modules22.GoogleAdMob.showAdMobRewardedAd,
+      loadAdMobInterstitialAd: import_native_modules23.GoogleAdMob.loadAdMobInterstitialAd,
+      showAdMobInterstitialAd: import_native_modules23.GoogleAdMob.showAdMobInterstitialAd,
+      loadAdMobRewardedAd: import_native_modules23.GoogleAdMob.loadAdMobRewardedAd,
+      showAdMobRewardedAd: import_native_modules23.GoogleAdMob.showAdMobRewardedAd,
       /** AdMobV2 */
-      loadAppsInTossAdMob: import_native_modules22.GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: import_native_modules22.GoogleAdMob.showAppsInTossAdMob,
+      loadAppsInTossAdMob: import_native_modules23.GoogleAdMob.loadAppsInTossAdMob,
+      showAppsInTossAdMob: import_native_modules23.GoogleAdMob.showAppsInTossAdMob,
       /** IntegratedAd */
       loadFullScreenAd: loadFullScreenAdForWeb,
       showFullScreenAd,
       /** TossAd */
       fetchTossAd,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: import_native_modules22.IAP.createOneTimePurchaseOrder,
-      requestOneTimePurchase: import_native_modules22.requestOneTimePurchase
+      iapCreateOneTimePurchaseOrder: import_native_modules23.IAP.createOneTimePurchaseOrder,
+      requestOneTimePurchase: import_native_modules23.requestOneTimePurchase
     },
     constantHandlerMap: {
       ...appsInTossConstantBridges,
@@ -2634,13 +2650,13 @@ function WebView({ type, local, onMessage, ...props }) {
       getSafeAreaRight: () => insets.right,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
-      loadAdMobInterstitialAd_isSupported: import_native_modules22.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
-      showAdMobInterstitialAd_isSupported: import_native_modules22.GoogleAdMob.showAdMobInterstitialAd.isSupported,
-      loadAdMobRewardedAd_isSupported: import_native_modules22.GoogleAdMob.loadAdMobRewardedAd.isSupported,
-      showAdMobRewardedAd_isSupported: import_native_modules22.GoogleAdMob.showAdMobRewardedAd.isSupported,
+      loadAdMobInterstitialAd_isSupported: import_native_modules23.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
+      showAdMobInterstitialAd_isSupported: import_native_modules23.GoogleAdMob.showAdMobInterstitialAd.isSupported,
+      loadAdMobRewardedAd_isSupported: import_native_modules23.GoogleAdMob.loadAdMobRewardedAd.isSupported,
+      showAdMobRewardedAd_isSupported: import_native_modules23.GoogleAdMob.showAdMobRewardedAd.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: import_native_modules22.GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: import_native_modules22.GoogleAdMob.showAppsInTossAdMob.isSupported,
+      loadAppsInTossAdMob_isSupported: import_native_modules23.GoogleAdMob.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: import_native_modules23.GoogleAdMob.showAppsInTossAdMob.isSupported,
       /** IntegratedAd */
       loadFullScreenAd_isSupported: loadFullScreenAdForWeb.isSupported,
       showFullScreenAd_isSupported: showFullScreenAd.isSupported,
@@ -2668,19 +2684,21 @@ function WebView({ type, local, onMessage, ...props }) {
       getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
       openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
-      getStorageItem: import_native_modules22.Storage.getItem,
-      setStorageItem: import_native_modules22.Storage.setItem,
-      removeStorageItem: import_native_modules22.Storage.removeItem,
-      clearItems: import_native_modules22.Storage.clearItems,
+      getStorageItem: import_native_modules23.Storage.getItem,
+      setStorageItem: import_native_modules23.Storage.setItem,
+      removeStorageItem: import_native_modules23.Storage.removeItem,
+      clearItems: import_native_modules23.Storage.clearItems,
       /** IAP */
-      iapGetProductItemList: import_native_modules22.IAP.getProductItemList,
-      iapCreateOneTimePurchaseOrder: import_native_modules22.iapCreateOneTimePurchaseOrder,
-      processProductGrant: import_native_modules22.processProductGrant,
-      getPendingOrders: import_native_modules22.IAP.getPendingOrders,
-      getCompletedOrRefundedOrders: import_native_modules22.IAP.getCompletedOrRefundedOrders,
-      completeProductGrant: import_native_modules22.IAP.completeProductGrant,
+      iapGetProductItemList: import_native_modules23.IAP.getProductItemList,
+      iapCreateOneTimePurchaseOrder: import_native_modules23.iapCreateOneTimePurchaseOrder,
+      processProductGrant: import_native_modules23.processProductGrant,
+      getPendingOrders: import_native_modules23.IAP.getPendingOrders,
+      getCompletedOrRefundedOrders: import_native_modules23.IAP.getCompletedOrRefundedOrders,
+      completeProductGrant: import_native_modules23.IAP.completeProductGrant,
       /** Toss Ads */
-      tossAdEventLog
+      tossAdEventLog,
+      /** Private */
+      memoryDebugLog: webViewMemoryDebugLog
     }
   });
   const headerPropForExternalWebView = (0, import_react28.useMemo)(() => {
@@ -2709,10 +2727,11 @@ function WebView({ type, local, onMessage, ...props }) {
       webBackHandler.handleWebBack();
       return true;
     };
-    import_react_native38.BackHandler.addEventListener("hardwareBackPress", callback);
-    return () => import_react_native38.BackHandler.removeEventListener("hardwareBackPress", callback);
+    import_react_native39.BackHandler.addEventListener("hardwareBackPress", callback);
+    return () => import_react_native39.BackHandler.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
   const globalScripts = useGlobalScripts();
+  const handleWebViewProcessDidTerminate = useHandleWebViewProcessDidTerminate(webViewRef);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     BaseWebView,
     {
@@ -2735,14 +2754,14 @@ function WebView({ type, local, onMessage, ...props }) {
         props.onNavigationStateChange?.(event);
         webBackHandler.onNavigationStateChange(event);
       },
-      userAgent: import_react_native38.Platform.OS === "ios" ? userAgent : void 0,
+      userAgent: import_react_native39.Platform.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
       injectedJavaScript: globalScripts.afterLoad,
       injectedJavaScriptBeforeContentLoaded: mergeScripts(handler.injectedJavaScript, globalScripts.beforeLoad),
-      decelerationRate: import_react_native38.Platform.OS === "ios" ? 1 : void 0,
+      decelerationRate: import_react_native39.Platform.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures,
       onShouldStartLoadWithRequest: (event) => {
         try {
@@ -2750,7 +2769,7 @@ function WebView({ type, local, onMessage, ...props }) {
           if (["https:", "http:"].includes(url.protocol)) {
             return true;
           } else {
-            import_react_native38.Linking.openURL(convertIntentURL(url) ?? url.href);
+            import_react_native39.Linking.openURL(convertIntentURL(url) ?? url.href);
             return false;
           }
         } catch (error) {
@@ -2766,7 +2785,9 @@ function WebView({ type, local, onMessage, ...props }) {
         "servicetoss://*",
         "supertoss://*",
         "intent://*"
-      ]
+      ],
+      onContentProcessDidTerminate: handleWebViewProcessDidTerminate,
+      onRenderProcessGone: handleWebViewProcessDidTerminate
     }
   );
 }

package/dist/index.js

@@ -691,15 +691,18 @@ import { useCallback as useCallback7 } from "react";
 function useCloseConfirm() {
   const { brandDisplayName } = getAppsInTossGlobals();
   const { openConfirm } = useDialog3();
-  return useCallback7(async ({ onEntered }) => {
-    return await openConfirm({
-      title: `${josa2(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
-      leftButton: "\uCDE8\uC18C",
-      rightButton: "\uC885\uB8CC\uD558\uAE30",
-      closeOnDimmerClick: true,
-      onEntered
-    });
-  }, [brandDisplayName, openConfirm]);
+  return useCallback7(
+    async ({ onEntered }) => {
+      return await openConfirm({
+        title: `${josa2(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+        leftButton: "\uCDE8\uC18C",
+        rightButton: "\uC885\uB8CC\uD558\uAE30",
+        closeOnDimmerClick: true,
+        onEntered
+      });
+    },
+    [brandDisplayName, openConfirm]
+  );
 }
 
 // src/components/NavigationBar/common/useNavigationBarLogging.tsx
@@ -938,30 +941,10 @@ function Menu({ title, iconURL, onPress }) {
             marginRight: 16,
             backgroundColor: iconBackgroundColor
           },
-          children: iconName ? /* @__PURE__ */ jsx5(
-            Asset2.Icon,
-            {
-              frameShape: { width: 20, height: 20 },
-              color: globals.brandPrimaryColor,
-              name: iconName
-            }
-          ) : /* @__PURE__ */ jsx5(
-            Asset2.Image,
-            {
-              frameShape: { width: 20, height: 20 },
-              source: { uri: iconURL }
-            }
-          )
-        }
-      ),
-      contents: /* @__PURE__ */ jsx5(
-        ListRow.Texts,
-        {
-          type: "1RowTypeA",
-          top: title,
-          topProps: { color: adaptive.grey700 }
+          children: iconName ? /* @__PURE__ */ jsx5(Asset2.Icon, { frameShape: { width: 20, height: 20 }, color: globals.brandPrimaryColor, name: iconName }) : /* @__PURE__ */ jsx5(Asset2.Image, { frameShape: { width: 20, height: 20 }, source: { uri: iconURL } })
         }
       ),
+      contents: /* @__PURE__ */ jsx5(ListRow.Texts, { type: "1RowTypeA", top: title, topProps: { color: adaptive.grey700 } }),
       verticalPadding: "extraSmall",
       onPress: () => {
         logging.menuClick({ title });
@@ -1051,7 +1034,9 @@ function PermissionsMenu() {
     {
       title: "\uAD8C\uD55C \uC124\uC815",
       iconURL: "https://static.toss.im/icons/png/4x/icon-setting-mono.png",
-      onPress: () => openURL4(`servicetoss://apps-in-toss-menu/permissions?appName=${Granite6.appName}&displayAppName=${globals.brandDisplayName}`)
+      onPress: () => openURL4(
+        `servicetoss://apps-in-toss-menu/permissions?appName=${Granite6.appName}&displayAppName=${globals.brandDisplayName}`
+      )
     }
   );
 }
@@ -1154,17 +1139,15 @@ function useMoreButtonBottomSheet() {
           onClose: handleClose,
           onExited: exit,
           children: /* @__PURE__ */ jsxs2(List, { rowSeparator: "none", children: [
-            itemList.map(
-              (item) => /* @__PURE__ */ jsx8(
-                Menu,
-                {
-                  title: item.contactItemName,
-                  iconURL: item.contactIconUrl,
-                  onPress: () => openURL5(item.contactUri)
-                },
-                item.contactItemName
-              )
-            ),
+            itemList.map((item) => /* @__PURE__ */ jsx8(
+              Menu,
+              {
+                title: item.contactItemName,
+                iconURL: item.contactIconUrl,
+                onPress: () => openURL5(item.contactUri)
+              },
+              item.contactItemName
+            )),
             isShareListMenuSupported && /* @__PURE__ */ jsx8(AppShareListMenu, {}),
             isPermissionsMenuSupported && /* @__PURE__ */ jsx8(PermissionsMenu, {})
           ] })
@@ -1586,7 +1569,7 @@ import {
   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
+// ../../../.yarn/cache/es-toolkit-npm-1.34.1-4cd6371dcb-aab6d07be3.zip/node_modules/es-toolkit/dist/function/noop.mjs
 function noop() {
 }
 
@@ -1693,16 +1676,13 @@ function postEventTracking(params) {
     deviceIdType: "NONE",
     platform: "RN"
   });
-  return fetch(
-    endpoint,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: bodyJSON
-    }
-  ).catch(noop);
+  return fetch(endpoint, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: bodyJSON
+  }).catch(noop);
 }
 
 // src/ads/integratedAd.ts
@@ -2480,6 +2460,42 @@ function useTopNavigation() {
   };
 }
 
+// src/hooks/useWebViewMemoryDebug.tsx
+import { getOperationalEnvironment as getOperationalEnvironment7, INTERNAL__module as INTERNAL__module7 } from "@apps-in-toss/native-modules";
+import { Granite as Granite9 } from "@granite-js/react-native";
+import { useToast } from "@toss/tds-react-native";
+function useHandleWebViewProcessDidTerminate(webViewRef) {
+  const toast = useToast();
+  return () => {
+    webViewDebugLog("AppsInTossWebViewProcessDidTerminate", {});
+    toast.open("\uBB38\uC81C\uAC00 \uC0DD\uACA8\uC11C \uBBF8\uB2C8\uC571\uC744 \uB2E4\uC2DC \uC2DC\uC791\uD588\uC5B4\uC694.", {
+      type: "bottom",
+      lottie: `https://static.toss.im/lotties-common/check-green-spot.json`
+    });
+    webViewRef.current?.reload();
+  };
+}
+async function webViewMemoryDebugLog(params) {
+  webViewDebugLog("AppsInTossWebViewMemoryDebug", params);
+}
+function webViewDebugLog(logName, params) {
+  const global2 = getAppsInTossGlobals();
+  const event = {
+    log_name: logName,
+    log_type: "debug",
+    params: {
+      ...params,
+      app_name: Granite9.appName,
+      deployment_id: global2.deploymentId
+    }
+  };
+  if (getOperationalEnvironment7() === "toss") {
+    INTERNAL__module7.tossCoreEventLog(event);
+  } else {
+    console.log("[webViewDebugLog]", event);
+  }
+}
+
 // src/utils/log.ts
 import { eventLog as eventLogNative } from "@apps-in-toss/native-modules";
 import { getSchemeUri as getSchemeUri7 } from "@granite-js/react-native";
@@ -2667,7 +2683,9 @@ function WebView({ type, local, onMessage, ...props }) {
       getCompletedOrRefundedOrders: IAP.getCompletedOrRefundedOrders,
       completeProductGrant: IAP.completeProductGrant,
       /** Toss Ads */
-      tossAdEventLog
+      tossAdEventLog,
+      /** Private */
+      memoryDebugLog: webViewMemoryDebugLog
     }
   });
   const headerPropForExternalWebView = useMemo7(() => {
@@ -2700,6 +2718,7 @@ function WebView({ type, local, onMessage, ...props }) {
     return () => BackHandler2.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
   const globalScripts = useGlobalScripts();
+  const handleWebViewProcessDidTerminate = useHandleWebViewProcessDidTerminate(webViewRef);
   return /* @__PURE__ */ jsx18(
     BaseWebView,
     {
@@ -2753,7 +2772,9 @@ function WebView({ type, local, onMessage, ...props }) {
         "servicetoss://*",
         "supertoss://*",
         "intent://*"
-      ]
+      ],
+      onContentProcessDidTerminate: handleWebViewProcessDidTerminate,
+      onRenderProcessGone: handleWebViewProcessDidTerminate
     }
   );
 }

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "The framework for Apps In Toss",
   "scripts": {
-    "prepack": "yarn build",
     "typecheck": "tsc --noEmit",
     "test": "vitest --no-watch",
     "test:no-parallel": "vitest --no-watch --config=vitest.no-parallel.config.mts",
@@ -56,11 +55,11 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/analytics": "1.6.0",
-    "@apps-in-toss/cli": "1.6.0",
-    "@apps-in-toss/native-modules": "1.6.0",
-    "@apps-in-toss/plugins": "1.6.0",
-    "@apps-in-toss/types": "1.6.0",
+    "@apps-in-toss/analytics": "1.6.2",
+    "@apps-in-toss/cli": "1.6.2",
+    "@apps-in-toss/native-modules": "1.6.2",
+    "@apps-in-toss/plugins": "1.6.2",
+    "@apps-in-toss/types": "1.6.2",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -75,9 +74,9 @@
     "@types/react": "18.3.3",
     "es-toolkit": "^1.34.1",
     "eslint": "^9.7.0",
-    "execa": "^9.5.2",
+    "execa": "9.3.0",
     "jsdom": "^25.0.1",
-    "kill-port": "^2.0.1",
+    "kill-port": "2.0.1",
     "react": "18.2.0",
     "react-native": "0.72.6",
     "tsup": "^8.3.5",
@@ -92,9 +91,5 @@
     "@types/react": "*",
     "react": "*",
     "react-native": "*"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "gitHead": "ee1ce0d363246b54246472599e0312cd2d2c1ff5"
-}
+  }
+}