@apps-in-toss/framework 0.0.0-dev.1763432540119 → 0.0.0-dev.1765732023607

package/dist/index.js

@@ -18,7 +18,7 @@ import { Analytics as InternalAnalytics } from "@apps-in-toss/analytics";
 // src/core/registerApp.tsx
 import { Analytics } from "@apps-in-toss/analytics";
 import { isMinVersionSupported as isMinVersionSupported3, setIosSwipeGestureEnabled as setIosSwipeGestureEnabled2, eventLog } from "@apps-in-toss/native-modules";
-import { Granite as Granite6 } from "@granite-js/react-native";
+import { Granite as Granite7 } from "@granite-js/react-native";
 import { TDSProvider } from "@toss/tds-react-native";
 import { AppRegistry } from "react-native";
 
@@ -217,37 +217,9 @@ function useNavigationBarContext() {
   return context;
 }
 
-// src/core/hooks/useAppsInTossBridge.ts
-import { appsInTossEvent } from "@apps-in-toss/native-modules";
-import { useBridge } from "@toss/tds-react-native";
-import { useEffect as useEffect4 } from "react";
-
-// src/core/utils/toIcon.ts
-function toIcon(source) {
-  return source.startsWith("http") ? { source: { uri: source } } : { name: source };
-}
-
-// src/core/hooks/useAppsInTossBridge.ts
-function useAppsInTossBridge() {
-  const controller = useBridge();
-  const appsInTossGlobals = getAppsInTossGlobals();
-  useEffect4(() => {
-    const isGameApp = appsInTossGlobals.webViewType === "game" || appsInTossGlobals.appType === "game";
-    controller.open({
-      serviceName: appsInTossGlobals.brandDisplayName,
-      icon: toIcon(appsInTossGlobals.brandIcon),
-      color: appsInTossGlobals.brandPrimaryColor,
-      colorMode: isGameApp ? "inverted" : appsInTossGlobals.brandBridgeColorMode,
-      onExited: () => {
-        appsInTossEvent.emit("entryMessageExited", void 0);
-      }
-    });
-  }, []);
-}
-
 // src/components/RNAppContainer.tsx
-import { appsInTossEvent as appsInTossEvent2, setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
-import { useEffect as useEffect9, useState as useState5 } from "react";
+import { setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
+import { useEffect as useEffect8 } from "react";
 import { Platform as Platform3 } from "react-native";
 
 // src/components/GameInitializer.tsx
@@ -255,7 +227,7 @@ import { isMinVersionSupported } from "@apps-in-toss/native-modules";
 import { closeView as closeView2 } from "@granite-js/react-native";
 import { Loader } from "@toss/tds-react-native";
 import { josa } from "es-hangul";
-import { useEffect as useEffect5, useRef as useRef2 } from "react";
+import { useEffect as useEffect4, useRef as useRef2 } from "react";
 import { Pressable, View } from "react-native";
 
 // src/constant/game-center.ts
@@ -506,13 +478,13 @@ var useGameProfileToast = () => {
 };
 
 // src/hooks/useGameCenterProfile.ts
-var useGameCenterProfile = (isReadyForProfileUI) => {
+var useGameCenterProfile = () => {
   const [profileData, setProfileData] = useState3(void 0);
   const [isProfileDataLoading, setIsProfileDataLoading] = useState3(true);
   const [isProfileDataRefetching, setIsProfileDataRefetching] = useState3(false);
-  const shouldShowProfileLoadingOverlay = isProfileDataLoading && isReadyForProfileUI || isProfileDataRefetching;
-  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
-  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  const shouldShowProfileLoadingOverlay = isProfileDataLoading || isProfileDataRefetching;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading;
   const { openGameProfileToast } = useGameProfileToast();
   const { open: openErrorAlert } = useErrorAlert();
   const { open: openTransparentWebView2 } = useTransparentWebview();
@@ -574,7 +546,7 @@ var Z_INDEX = {
 
 // src/components/GameInitializer.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs } from "react/jsx-runtime";
-var GameInitializer = ({ children, isReadyForProfileUI }) => {
+var GameInitializer = ({ children }) => {
   const {
     profileData,
     shouldShowProfileLoadingOverlay,
@@ -583,13 +555,13 @@ var GameInitializer = ({ children, isReadyForProfileUI }) => {
     openProfileWebview,
     openGameProfileToast,
     fetchProfileData
-  } = useGameCenterProfile(isReadyForProfileUI);
+  } = useGameCenterProfile();
   const isCompletedFlow = useRef2(false);
   const { open: openAppUpdateDialog } = useAppUpdateDialog();
-  useEffect5(() => {
+  useEffect4(() => {
     fetchProfileData();
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
@@ -695,10 +667,10 @@ var overlayStyle = {
 import { NavigationBackButton, NavigationLeft, TopNavigation } from "@toss/tds-react-native/private";
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useHardwareBackPress.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect5 } from "react";
 import { BackHandler } from "react-native";
 function useHardwareBackPress(handler) {
-  useEffect6(() => {
+  useEffect5(() => {
     const handleBackPress = () => {
       handler();
       return true;
@@ -856,18 +828,22 @@ function useNavigationEvent() {
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
 import { INTERNAL__appBridgeHandler, isMinVersionSupported as isMinVersionSupported2 } from "@apps-in-toss/native-modules";
-import { openURL as openURL4 } from "@granite-js/react-native";
-import { BottomSheet, List, ListHeader, ListRow as ListRow2 } from "@toss/tds-react-native";
+import { openURL as openURL5 } from "@granite-js/react-native";
+import { BottomSheet, List, ListHeader } from "@toss/tds-react-native";
 import { useAdaptive as useAdaptive2, useOverlay as useOverlay2 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect7, useState as useState4 } from "react";
+import { useEffect as useEffect6, useState as useState4 } from "react";
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
 import { getOperationalEnvironment } from "@apps-in-toss/native-modules";
 import { getSchemeUri as getSchemeUri4 } from "@granite-js/react-native";
-import { ListRow, useDialog as useDialog4 } from "@toss/tds-react-native";
-import { useAdaptive } from "@toss/tds-react-native/private";
+import { useDialog as useDialog4 } from "@toss/tds-react-native";
 import { NativeModules } from "react-native";
 
+// src/core/hooks/useMoreButtonBottomSheet/Menu.tsx
+import { ListRow, Asset as Asset2 } from "@toss/tds-react-native";
+import { useAdaptive } from "@toss/tds-react-native/private";
+import { View as View2 } from "react-native";
+
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
 import { INTERNAL__module as INTERNAL__module5 } from "@apps-in-toss/native-modules";
 import { Granite as Granite5 } from "@granite-js/react-native";
@@ -937,6 +913,82 @@ function useMoreButtonBottomSheetLogging() {
   };
 }
 
+// src/core/hooks/useMoreButtonBottomSheet/Menu.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Menu({ title, iconURL, onPress }) {
+  const globals = getAppsInTossGlobals();
+  const adaptive = useAdaptive();
+  const iconName = getIconName(iconURL);
+  const logging = useMoreButtonBottomSheetLogging();
+  const brandPrimaryColorRGB = hexToRGB(globals.brandPrimaryColor);
+  const iconBackgroundColor = brandPrimaryColorRGB ? `rgba(${brandPrimaryColorRGB.join(",")},0.1)` : adaptive.grey100;
+  return /* @__PURE__ */ jsx5(
+    ListRow,
+    {
+      left: /* @__PURE__ */ jsx5(
+        View2,
+        {
+          style: {
+            width: 30,
+            height: 30,
+            borderRadius: 10,
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "center",
+            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 }
+        }
+      ),
+      verticalPadding: "extraSmall",
+      onPress: () => {
+        logging.menuClick({ title });
+        onPress?.();
+      }
+    }
+  );
+}
+var iconNameRegExp = /^(icon-|icn-(?!(car|sec|bank-(fill|square|horizontal))-))(.+)/i;
+var iconURLRegExp = /^https:\/\/static\.toss\.im\/icons\/(png\/\dx|svg|pdf)\/((icon-|icn-(?!(car|sec|bank-(fill|square|horizontal))-))(.+))\.(png|svg|pdf)$/i;
+function isIconUrl(url) {
+  return iconNameRegExp.test(url) || iconURLRegExp.test(url);
+}
+function getIconName(url) {
+  if (!isIconUrl(url)) {
+    return null;
+  }
+  if (iconNameRegExp.test(url)) {
+    return url;
+  }
+  return url.match(iconURLRegExp)?.[2];
+}
+function hexToRGB(hex) {
+  const rgb = hex.toLowerCase().match(/[0-9,a-f]{2}/g)?.map((str) => parseInt(str, 16));
+  return rgb?.length === 3 ? rgb : void 0;
+}
+
 // src/core/utils/url.ts
 function addParamsToUrl(url, params) {
   const urlObj = new URL(url);
@@ -947,42 +999,24 @@ function addParamsToUrl(url, params) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } 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 } = useDialog4();
   const schemeForShare = addParamsToUrl(initialScheme, {
     referrer: SHARE_SCHEME_REFERRER
   });
-  return /* @__PURE__ */ jsx5(
-    ListRow,
+  return /* @__PURE__ */ jsx6(
+    Menu,
     {
-      left: /* @__PURE__ */ jsx5(
-        ListRow.Icon,
-        {
-          color: globals.brandPrimaryColor,
-          source: { uri: APP_SHARE_MENU_INFO.contactIconUrl },
-          type: "background"
-        }
-      ),
-      contents: /* @__PURE__ */ jsx5(
-        ListRow.Texts,
-        {
-          type: "1RowTypeA",
-          top: APP_SHARE_MENU_INFO.contactItemName,
-          topProps: { color: adaptive.grey700 }
-        }
-      ),
-      verticalPadding: "extraSmall",
+      title: APP_SHARE_MENU_INFO.contactItemName,
+      iconURL: APP_SHARE_MENU_INFO.contactIconUrl,
       onPress: () => {
         if (isSandbox) {
           openConfirm({
@@ -993,7 +1027,6 @@ function AppShareListMenu() {
           });
           return;
         }
-        logging.menuClick({ title: APP_SHARE_MENU_INFO.contactItemName });
         NativeModules.AppsInTossModule.shareWithScheme({
           params: {
             schemeURL: schemeForShare
@@ -1004,6 +1037,25 @@ function AppShareListMenu() {
   );
 }
 
+// src/core/hooks/useMoreButtonBottomSheet/PermissionsMenu.tsx
+import { getOperationalEnvironment as getOperationalEnvironment2 } from "@apps-in-toss/native-modules";
+import { Granite as Granite6, openURL as openURL4 } from "@granite-js/react-native";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function PermissionsMenu() {
+  const globals = getAppsInTossGlobals();
+  if (getOperationalEnvironment2() === "sandbox") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx7(
+    Menu,
+    {
+      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}`)
+    }
+  );
+}
+
 // src/core/utils/ensureValue.ts
 function ensureValue(value, name) {
   if (value === void 0) {
@@ -1013,7 +1065,7 @@ function ensureValue(value, name) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var APP_BRIDGE_METHOD_NAME = "getMiniAppsSupportContact";
 var MIN_VERSION = {
   BOTTOM_SHEET: {
@@ -1023,6 +1075,10 @@ var MIN_VERSION = {
   SHARE_LIST_MENU: {
     android: "5.230.0",
     ios: "5.230.0"
+  },
+  PERMISSIONS_MENU: {
+    android: "5.238.0",
+    ios: "5.237.0"
   }
 };
 function useMoreButtonBottomSheet() {
@@ -1035,7 +1091,8 @@ function useMoreButtonBottomSheet() {
   const title = ensureValue(globals.brandDisplayName, "displayName");
   const isBottomSheetSupported = isMinVersionSupported2(MIN_VERSION.BOTTOM_SHEET);
   const isShareListMenuSupported = isMinVersionSupported2(MIN_VERSION.SHARE_LIST_MENU);
-  useEffect7(() => {
+  const [isPermissionsMenuSupported, setIsPermissionsMenuSupported] = useState4(false);
+  useEffect6(() => {
     if (!isBottomSheetSupported) {
       return;
     }
@@ -1047,6 +1104,16 @@ function useMoreButtonBottomSheet() {
         onError: (error) => console.error("\uBA54\uB274 \uBAA9\uB85D\uC744 \uAC00\uC838\uC624\uB294 \uB370 \uC2E4\uD328\uD588\uC5B4\uC694:", error)
       }
     );
+    if (isMinVersionSupported2(MIN_VERSION.PERMISSIONS_MENU)) {
+      INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+        "getAllPermission",
+        {},
+        {
+          onSuccess: (permissions) => setIsPermissionsMenuSupported(permissions.length > 0),
+          onError: (error) => console.error("\uAD8C\uD55C \uBAA9\uB85D\uC744 \uAC00\uC838\uC624\uB294 \uB370 \uC2E4\uD328\uD588\uC5B4\uC694:", error)
+        }
+      );
+    }
   }, [isBottomSheetSupported]);
   const onClickHandler = async () => {
     logging.open();
@@ -1062,17 +1129,17 @@ function useMoreButtonBottomSheet() {
         logging.close();
         close();
       };
-      return /* @__PURE__ */ jsx6(BottomSheetImpressionArea, { children: /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx8(BottomSheetImpressionArea, { children: /* @__PURE__ */ jsx8(
         BottomSheet.Root,
         {
-          header: /* @__PURE__ */ jsx6(
+          header: /* @__PURE__ */ jsx8(
             ListHeader,
             {
-              title: /* @__PURE__ */ jsx6(ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
+              title: /* @__PURE__ */ jsx8(ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
             }
           ),
           open: isOpen,
-          cta: /* @__PURE__ */ jsx6(
+          cta: /* @__PURE__ */ jsx8(
             BottomSheet.CTA,
             {
               size: "large",
@@ -1087,36 +1154,19 @@ function useMoreButtonBottomSheet() {
           onClose: handleClose,
           onExited: exit,
           children: /* @__PURE__ */ jsxs2(List, { rowSeparator: "none", children: [
-            itemList.map((item) => {
-              return /* @__PURE__ */ jsx6(
-                ListRow2,
+            itemList.map(
+              (item) => /* @__PURE__ */ jsx8(
+                Menu,
                 {
-                  left: /* @__PURE__ */ jsx6(
-                    ListRow2.Icon,
-                    {
-                      color: globals.brandPrimaryColor,
-                      source: { uri: item.contactIconUrl },
-                      type: "background"
-                    }
-                  ),
-                  contents: /* @__PURE__ */ jsx6(
-                    ListRow2.Texts,
-                    {
-                      type: "1RowTypeA",
-                      top: item.contactItemName,
-                      topProps: { color: adaptive.grey700 }
-                    }
-                  ),
-                  verticalPadding: "extraSmall",
-                  onPress: () => {
-                    logging.menuClick({ title: item.contactItemName });
-                    openURL4(item.contactUri);
-                  }
+                  title: item.contactItemName,
+                  iconURL: item.contactIconUrl,
+                  onPress: () => openURL5(item.contactUri)
                 },
                 item.contactItemName
-              );
-            }),
-            isShareListMenuSupported && /* @__PURE__ */ jsx6(AppShareListMenu, {})
+              )
+            ),
+            isShareListMenuSupported && /* @__PURE__ */ jsx8(AppShareListMenu, {}),
+            isPermissionsMenuSupported && /* @__PURE__ */ jsx8(PermissionsMenu, {})
           ] })
         }
       ) });
@@ -1126,32 +1176,37 @@ function useMoreButtonBottomSheet() {
 }
 function BottomSheetImpressionArea({ children }) {
   const logging = useMoreButtonBottomSheetLogging();
-  useEffect7(() => {
+  useEffect6(() => {
     logging.show();
   }, [logging]);
-  return /* @__PURE__ */ jsx6(Fragment3, { children });
+  return /* @__PURE__ */ jsx8(Fragment3, { children });
+}
+
+// src/core/utils/toIcon.ts
+function toIcon(source) {
+  return source.startsWith("http") ? { source: { uri: source } } : { name: source };
 }
 
 // src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
-import { useEffect as useEffect8, useRef as useRef3 } from "react";
-import { Fragment as Fragment4, jsx as jsx7 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useRef as useRef3 } from "react";
+import { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
 function NavigationBarImpressionArea({
   children,
   withHomeButton
 }) {
   const hasLogged = useRef3(false);
   const logging = useNavigationBarLogging();
-  useEffect8(() => {
+  useEffect7(() => {
     if (hasLogged.current === false) {
       logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
       hasLogged.current = true;
     }
   }, [logging, withHomeButton]);
-  return /* @__PURE__ */ jsx7(Fragment4, { children });
+  return /* @__PURE__ */ jsx9(Fragment4, { children });
 }
 
 // src/components/NavigationBar/RNNavigationBar/Default.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function DefaultNavigationBar() {
   const globals = getAppsInTossGlobals();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
@@ -1161,7 +1216,7 @@ function DefaultNavigationBar() {
   const { navigationRightButton } = useNavigationBarContext();
   const navigationEvent = useNavigationEvent();
   useHardwareBackPress(navigationEvent.handleBack);
-  return /* @__PURE__ */ jsx8(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx10(
     TopNavigation,
     {
       title: globals.brandDisplayName,
@@ -1172,7 +1227,8 @@ function DefaultNavigationBar() {
       onPressClose: navigationEvent.handleCloseButtonClick,
       withHome: withHomeButton,
       fixedRightButton: navigationRightButton,
-      children: /* @__PURE__ */ jsx8(NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ jsx8(NavigationBackButton, { onPress: navigationEvent.handleBack, canGoBack: false }) })
+      leftVisible: withBackButton,
+      children: /* @__PURE__ */ jsx10(NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ jsx10(NavigationBackButton, { onPress: navigationEvent.handleBack, canGoBack: false }) })
     }
   ) });
 }
@@ -1181,8 +1237,8 @@ function DefaultNavigationBar() {
 import { useSafeAreaInsets } from "@granite-js/native/react-native-safe-area-context";
 import { PageNavbar } from "@toss/tds-react-native";
 import { NavigationRightContent, useSafeAreaTop } from "@toss/tds-react-native/private";
-import { Platform as Platform2, View as View2 } from "react-native";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Platform as Platform2, View as View3 } from "react-native";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 function GameNavigationBar() {
   const safeAreaTop = useSafeAreaTop();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
@@ -1191,9 +1247,9 @@ function GameNavigationBar() {
   const { right: safeAreaRight } = useSafeAreaInsets();
   useHardwareBackPress(navigationEvent.handleBack);
   return /* @__PURE__ */ jsxs3(Fragment5, { children: [
-    /* @__PURE__ */ jsx9(PageNavbar, { preference: { type: "none" } }),
-    /* @__PURE__ */ jsx9(
-      View2,
+    /* @__PURE__ */ jsx11(PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ jsx11(
+      View3,
       {
         style: {
           width: "100%",
@@ -1208,7 +1264,7 @@ function GameNavigationBar() {
           paddingRight: safeAreaRight + 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ jsx11(
           NavigationRightContent,
           {
             fixedRightButton: navigationRightButton,
@@ -1238,20 +1294,19 @@ import * as constant_bridges_star from "@apps-in-toss/native-modules/constant-br
 import * as event_bridges_star from "@apps-in-toss/native-modules/event-bridges";
 
 // src/components/RNAppContainer.tsx
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 function RNAppContainer({ children }) {
   const global2 = getAppsInTossGlobals();
   switch (global2.appType) {
     case "game":
-      return /* @__PURE__ */ jsx10(GameAppContainer, { children });
+      return /* @__PURE__ */ jsx12(GameAppContainer, { children });
     case "general":
     default:
-      return /* @__PURE__ */ jsx10(GeneralAppContainer, { children });
+      return /* @__PURE__ */ jsx12(GeneralAppContainer, { children });
   }
 }
 function GameAppContainer({ children }) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState5(false);
-  useEffect9(() => {
+  useEffect8(() => {
     if (Platform3.OS === "ios") {
       setIosSwipeGestureEnabled({ isEnabled: false });
       return () => {
@@ -1260,49 +1315,38 @@ function GameAppContainer({ children }) {
     }
     return;
   }, []);
-  useEffect9(() => {
-    appsInTossEvent2.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ jsxs4(Fragment6, { children: [
-    /* @__PURE__ */ jsx10(RNNavigationBar.Game, {}),
-    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx10(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+    /* @__PURE__ */ jsx12(RNNavigationBar.Game, {}),
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx12(GameInitializer, { children }) : children
   ] });
 }
 function GeneralAppContainer({ children }) {
   return /* @__PURE__ */ jsxs4(Fragment6, { children: [
-    /* @__PURE__ */ jsx10(RNNavigationBar.Default, {}),
+    /* @__PURE__ */ jsx12(RNNavigationBar.Default, {}),
     children
   ] });
 }
 
 // src/core/registerApp.tsx
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 function AppsInTossContainer(Container, { children, ...initialProps }) {
   if (!isMinVersionSupported3({
     android: "5.220.0",
     ios: "5.221.0"
   })) {
     return /* @__PURE__ */ jsxs5(Fragment7, { children: [
-      /* @__PURE__ */ jsx11(AppEvent.Entry, {}),
-      /* @__PURE__ */ jsx11(AppEvent.System, { ...initialProps }),
-      /* @__PURE__ */ jsx11(AppUpdate, {})
+      /* @__PURE__ */ jsx13(AppEvent.Entry, {}),
+      /* @__PURE__ */ jsx13(AppEvent.System, { ...initialProps }),
+      /* @__PURE__ */ jsx13(AppUpdate, {})
     ] });
   }
   return /* @__PURE__ */ jsxs5(Fragment7, { children: [
-    /* @__PURE__ */ jsx11(AppEvent.StayTime, {}),
-    /* @__PURE__ */ jsx11(AppEvent.Entry, {}),
-    /* @__PURE__ */ jsx11(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ jsx11(Container, { ...initialProps, children: /* @__PURE__ */ jsx11(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx11(TDSContainer, { ...initialProps, children }) }) })
+    /* @__PURE__ */ jsx13(AppEvent.StayTime, {}),
+    /* @__PURE__ */ jsx13(AppEvent.Entry, {}),
+    /* @__PURE__ */ jsx13(AppEvent.System, { ...initialProps }),
+    /* @__PURE__ */ jsx13(Container, { ...initialProps, children: /* @__PURE__ */ jsx13(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children }) })
   ] });
 }
-function TDSContainer({ children }) {
-  useAppsInTossBridge();
-  return /* @__PURE__ */ jsx11(Fragment7, { children });
-}
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
   const isRegistered = AppRegistry.getAppKeys().includes(appName);
@@ -1311,7 +1355,7 @@ function registerApp(container, { context, analytics }) {
       logger: (params) => void eventLog(params),
       debug: analytics?.debug ?? __DEV__
     });
-    const App = Granite6.registerApp(AppsInTossContainer.bind(null, container), {
+    const App = Granite7.registerApp(AppsInTossContainer.bind(null, container), {
       appName,
       context,
       setIosSwipeGestureEnabled: setIosSwipeGestureEnabled2,
@@ -1328,7 +1372,7 @@ function registerApp(container, { context, analytics }) {
 }
 function AppsInTossScreenContainer({ children }) {
   const isRNApp = getAppsInTossGlobals().webViewType == null;
-  return /* @__PURE__ */ jsx11(NavigationBarContextProvider, { children: /* @__PURE__ */ jsx11(Analytics.Screen, { children: isRNApp ? /* @__PURE__ */ jsx11(RNAppContainer, { children }) : children }) });
+  return /* @__PURE__ */ jsx13(NavigationBarContextProvider, { children: /* @__PURE__ */ jsx13(Analytics.Screen, { children: isRNApp ? /* @__PURE__ */ jsx13(RNAppContainer, { children }) : children }) });
 }
 function getAppName() {
   try {
@@ -1350,27 +1394,29 @@ import {
   GoogleAdMob,
   IAP,
   Storage,
-  appsInTossEvent as appsInTossEvent4,
+  appsInTossEvent,
   iapCreateOneTimePurchaseOrder,
   processProductGrant,
-  requestOneTimePurchase
+  requestOneTimePurchase,
+  INTERNAL__module as INTERNAL__module6,
+  getOperationalEnvironment as getOperationalEnvironment5
 } 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 { useSafeAreaInsets as useSafeAreaInsets4 } from "@granite-js/native/react-native-safe-area-context";
-import { getSchemeUri as getSchemeUri6 } from "@granite-js/react-native";
+import { getSchemeUri as getSchemeUri6, Granite as Granite8 } from "@granite-js/react-native";
 import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop3 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect14, useMemo as useMemo7, useRef as useRef6, useState as useState8 } from "react";
-import { BackHandler as BackHandler2, Platform as Platform6 } from "react-native";
+import { useEffect as useEffect13, useMemo as useMemo7, useRef as useRef6, useState as useState6 } from "react";
+import { BackHandler as BackHandler2, Linking, Platform as Platform6 } from "react-native";
 
 // src/components/GameWebView.tsx
-import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, appsInTossEvent as appsInTossEvent3, getOperationalEnvironment as getOperationalEnvironment3 } from "@apps-in-toss/native-modules";
+import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, getOperationalEnvironment as getOperationalEnvironment4 } from "@apps-in-toss/native-modules";
 import {
   WebView as PlainWebView
 } from "@granite-js/native/react-native-webview";
-import { forwardRef, useEffect as useEffect10, useState as useState6 } from "react";
+import { forwardRef, useEffect as useEffect9 } from "react";
 import { Platform as Platform5 } from "react-native";
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
@@ -1380,8 +1426,8 @@ import { PageNavbar as PageNavbar2, useDialog as useDialog5 } from "@toss/tds-re
 import { NavigationRightContent as NavigationRightContent2, useSafeAreaTop as useSafeAreaTop2 } from "@toss/tds-react-native/private";
 import { josa as josa3 } from "es-hangul";
 import { useCallback as useCallback8 } from "react";
-import { Platform as Platform4, View as View3 } from "react-native";
-import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Platform as Platform4, View as View4 } from "react-native";
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function GameWebviewNavigationBar() {
   const safeAreaTop = useSafeAreaTop2();
   const { openConfirm } = useDialog5();
@@ -1407,9 +1453,9 @@ function GameWebviewNavigationBar() {
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
   return /* @__PURE__ */ jsxs6(Fragment8, { children: [
-    /* @__PURE__ */ jsx12(PageNavbar2, { preference: { type: "none" } }),
-    /* @__PURE__ */ jsx12(
-      View3,
+    /* @__PURE__ */ jsx14(PageNavbar2, { preference: { type: "none" } }),
+    /* @__PURE__ */ jsx14(
+      View4,
       {
         style: {
           width: "100%",
@@ -1424,7 +1470,7 @@ function GameWebviewNavigationBar() {
           paddingRight: safeAreaRight + 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx14(
           NavigationRightContent2,
           {
             fixedRightButton: navigationRightButton,
@@ -1441,10 +1487,9 @@ function GameWebviewNavigationBar() {
 }
 
 // src/components/GameWebView.tsx
-import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState6(false);
-  useEffect10(() => {
+  useEffect9(() => {
     if (Platform5.OS === "ios") {
       setIosSwipeGestureEnabled3({ isEnabled: false });
       return () => {
@@ -1453,16 +1498,9 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
     }
     return;
   }, []);
-  useEffect10(() => {
-    appsInTossEvent3.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ jsxs7(Fragment9, { children: [
-    /* @__PURE__ */ jsx13(GameWebviewNavigationBar, {}),
-    getOperationalEnvironment3() === "toss" ? /* @__PURE__ */ jsx13(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx13(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx13(PlainWebView, { ref, ...props })
+    /* @__PURE__ */ jsx15(GameWebviewNavigationBar, {}),
+    getOperationalEnvironment4() === "toss" ? /* @__PURE__ */ jsx15(GameInitializer, { children: /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props })
   ] });
 });
 
@@ -1478,7 +1516,7 @@ 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 useCallback9 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
@@ -1504,7 +1542,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
       closeView5();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
-  return /* @__PURE__ */ jsx14(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ jsx16(
     TopNavigation2,
     {
       title: globals.brandDisplayName,
@@ -1515,22 +1553,36 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
       onPressClose: handleClose,
       withHome: withHomeButton,
       fixedRightButton: navigationRightButton,
-      children: /* @__PURE__ */ jsx14(NavigationLeft2, { visible: withBackButton, children: /* @__PURE__ */ jsx14(NavigationBackButton2, { onPress: onBackButtonClick, canGoBack: false }) })
+      leftVisible: withBackButton,
+      children: /* @__PURE__ */ jsx16(NavigationLeft2, { visible: withBackButton, children: /* @__PURE__ */ jsx16(NavigationBackButton2, { onPress: onBackButtonClick, canGoBack: false }) })
     }
   ) });
 }
 
 // src/components/PartnerWebView.tsx
-import { Fragment as Fragment10, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var PartnerWebView = forwardRef2(function PartnerWebViewScreen({ onBackButtonClick, onHomeButtonClick, ...webViewProps }, ref) {
   return /* @__PURE__ */ jsxs8(Fragment10, { children: [
-    /* @__PURE__ */ jsx15(PartnerWebviewNavigationBar, { onBackButtonClick, onHomeButtonClick }),
-    /* @__PURE__ */ jsx15(PlainWebView2, { ref, ...webViewProps, style: { flex: 1 } })
+    /* @__PURE__ */ jsx17(PartnerWebviewNavigationBar, { onBackButtonClick, onHomeButtonClick }),
+    /* @__PURE__ */ jsx17(PlainWebView2, { ref, ...webViewProps, style: { flex: 1 } })
   ] });
 });
 
+// src/components/utils/url.ts
+function convertIntentURL(url) {
+  if (url.protocol !== "intent:") {
+    return null;
+  }
+  const components = url.hash.replace("#Intent;", "").split(";").map((component) => component.split("="));
+  const scheme = components.find(([key]) => key === "scheme")?.[1];
+  if (!scheme) {
+    return null;
+  }
+  return `${scheme}://${url.hostname}${url.pathname}${url.search}`;
+}
+
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback10, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef4 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect10, useMemo as useMemo3, useRef as useRef4 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1595,7 +1647,7 @@ function useBridgeHandler({
     )};`,
     [constantHandlerMap]
   );
-  useEffect11(() => {
+  useEffect10(() => {
     ref.current?.injectJavaScript(injectedJavaScript);
   }, [injectedJavaScript]);
   const createHandleOnEvent = (functionName, eventId) => (response) => {
@@ -1669,7 +1721,7 @@ function parseNativeEventData(data) {
 
 // src/core/hooks/useSafeAreaInsetsEmitter.tsx
 import { useSafeAreaInsets as useSafeAreaInsets3 } from "@granite-js/native/react-native-safe-area-context";
-import { useEffect as useEffect12, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
 var EventEmitter = class {
   listeners = {};
   on(event, listener) {
@@ -1694,7 +1746,7 @@ var EventEmitter = class {
 function useSafeAreaInsetsEmitter() {
   const insets = useSafeAreaInsets3();
   const emitter = useMemo4(() => new EventEmitter(), []);
-  useEffect12(() => {
+  useEffect11(() => {
     emitter.emit("safeAreaInsetsChange", insets);
     return () => {
       emitter.off("safeAreaInsetsChange", (listener) => listener(insets));
@@ -1994,6 +2046,7 @@ function useCreateUserAgent({
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
   return [
+    "AppsInToss",
     `TossApp/${appVersion}`,
     batteryModePreference && `TossBatteryModePreference/${batteryModePreference}`,
     colorPreference && `TossColorPreference/${colorPreference}`,
@@ -2011,11 +2064,11 @@ function useCreateUserAgent({
 // src/hooks/useGeolocation.ts
 import { startUpdateLocation } from "@apps-in-toss/native-modules";
 import { useVisibility as useVisibility3 } from "@granite-js/react-native";
-import { useEffect as useEffect13, useState as useState7 } from "react";
+import { useEffect as useEffect12, useState as useState5 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
-  const [location, setLocation] = useState7(null);
-  useEffect13(() => {
+  const [location, setLocation] = useState5(null);
+  useEffect12(() => {
     if (!isVisible) {
       return;
     }
@@ -2121,7 +2174,7 @@ var trackScreen = (url) => {
 };
 
 // src/components/WebView.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
@@ -2164,12 +2217,11 @@ function WebView({ type, local, onMessage, ...props }) {
   const global2 = getAppsInTossGlobals();
   const navigationBarContext = useNavigationBarContext();
   const safeAreaInsetsEmitter = useSafeAreaInsetsEmitter();
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState8(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState6(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
     onMessage,
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
@@ -2179,8 +2231,7 @@ function WebView({ type, local, onMessage, ...props }) {
           webBackHandler.removeEventListener(onEvent);
         };
       },
-      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent4.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       safeAreaInsetsChange: ({ onEvent }) => {
         safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
         return () => {
@@ -2188,7 +2239,7 @@ function WebView({ type, local, onMessage, ...props }) {
         };
       },
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
       loadAdMobInterstitialAd: GoogleAdMob.loadAdMobInterstitialAd,
       showAdMobInterstitialAd: GoogleAdMob.showAdMobInterstitialAd,
@@ -2248,7 +2299,9 @@ function WebView({ type, local, onMessage, ...props }) {
       processProductGrant,
       getPendingOrders: IAP.getPendingOrders,
       getCompletedOrRefundedOrders: IAP.getCompletedOrRefundedOrders,
-      completeProductGrant: IAP.completeProductGrant
+      completeProductGrant: IAP.completeProductGrant,
+      /* Private */
+      memoryDebugEventLog: webViewMemoryDebugLog
     }
   });
   const headerPropForExternalWebView = useMemo7(() => {
@@ -2272,7 +2325,7 @@ function WebView({ type, local, onMessage, ...props }) {
     colorPreference: "light"
   });
   const refs = mergeRefs(handler.ref, webViewRef);
-  useEffect14(() => {
+  useEffect13(() => {
     const callback = () => {
       webBackHandler.handleWebBack();
       return true;
@@ -2281,7 +2334,7 @@ function WebView({ type, local, onMessage, ...props }) {
     return () => BackHandler2.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
   const globalScripts = useGlobalScripts();
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     BaseWebView,
     {
       ref: refs,
@@ -2311,10 +2364,64 @@ function WebView({ type, local, onMessage, ...props }) {
       injectedJavaScript: globalScripts.afterLoad,
       injectedJavaScriptBeforeContentLoaded: mergeScripts(handler.injectedJavaScript, globalScripts.beforeLoad),
       decelerationRate: Platform6.OS === "ios" ? 1 : void 0,
-      allowsBackForwardNavigationGestures
+      allowsBackForwardNavigationGestures,
+      onShouldStartLoadWithRequest: (event) => {
+        try {
+          const url = new URL(event.url);
+          if (["https:", "http:"].includes(url.protocol)) {
+            return true;
+          } else {
+            Linking.openURL(convertIntentURL(url) ?? url.href);
+            return false;
+          }
+        } catch (error) {
+          console.error(error);
+          return false;
+        }
+      },
+      originWhitelist: [
+        "https://*",
+        "http://*",
+        "intoss://*",
+        "intoss-private://*",
+        "servicetoss://*",
+        "supertoss://*",
+        "intent://*"
+      ],
+      onContentProcessDidTerminate: (event) => {
+        webViewProcessDidTerminateEventLog(event.nativeEvent.url);
+        webViewRef.current?.reload();
+      },
+      onRenderProcessGone: () => {
+        webViewProcessDidTerminateEventLog();
+        webViewRef.current?.reload();
+      }
     }
   );
 }
+async function webViewMemoryDebugLog(params) {
+  webViewDebugLog("AppsInTossWebViewMemoryDebug", params);
+}
+function webViewProcessDidTerminateEventLog(url) {
+  webViewDebugLog("AppsInTossWebViewProcessDidTerminate", { url });
+}
+function webViewDebugLog(logName, params) {
+  const global2 = getAppsInTossGlobals();
+  const event = {
+    log_name: logName,
+    log_type: "debug",
+    params: {
+      ...params,
+      app_name: Granite8.appName,
+      deployment_id: global2.deploymentId
+    }
+  };
+  if (getOperationalEnvironment5() === "toss") {
+    INTERNAL__module6.tossCoreEventLog(event);
+  } else {
+    console.log("[webViewDebugLog]", event);
+  }
+}
 function useGlobalScripts() {
   const global2 = getAppsInTossGlobals();
   const disableTextSelectionCSS = `