@apps-in-toss/framework 1.4.9 → 1.5.1

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";
 
@@ -856,18 +856,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";
 
 // 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 +941,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 +1027,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 +1055,6 @@ function AppShareListMenu() {
           });
           return;
         }
-        logging.menuClick({ title: APP_SHARE_MENU_INFO.contactItemName });
         NativeModules.AppsInTossModule.shareWithScheme({
           params: {
             schemeURL: schemeForShare
@@ -1004,6 +1065,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 +1093,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 +1103,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,6 +1119,7 @@ function useMoreButtonBottomSheet() {
   const title = ensureValue(globals.brandDisplayName, "displayName");
   const isBottomSheetSupported = isMinVersionSupported2(MIN_VERSION.BOTTOM_SHEET);
   const isShareListMenuSupported = isMinVersionSupported2(MIN_VERSION.SHARE_LIST_MENU);
+  const [isPermissionsMenuSupported, setIsPermissionsMenuSupported] = useState4(false);
   useEffect7(() => {
     if (!isBottomSheetSupported) {
       return;
@@ -1047,6 +1132,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 +1157,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 +1182,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, {})
           ] })
         }
       ) });
@@ -1129,12 +1207,12 @@ function BottomSheetImpressionArea({ children }) {
   useEffect7(() => {
     logging.show();
   }, [logging]);
-  return /* @__PURE__ */ jsx6(Fragment3, { children });
+  return /* @__PURE__ */ jsx8(Fragment3, { children });
 }
 
 // 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 { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
 function NavigationBarImpressionArea({
   children,
   withHomeButton
@@ -1147,11 +1225,11 @@ function NavigationBarImpressionArea({
       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 +1239,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 +1250,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 +1260,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 +1270,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 +1287,7 @@ function GameNavigationBar() {
           paddingRight: safeAreaRight + 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ jsx11(
           NavigationRightContent,
           {
             fixedRightButton: navigationRightButton,
@@ -1238,15 +1317,15 @@ 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 }) {
@@ -1268,40 +1347,40 @@ function GameAppContainer({ children }) {
     });
   }, []);
   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, { isReadyForProfileUI: isEntryMessageExited, 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: /* @__PURE__ */ jsx13(TDSContainer, { ...initialProps, children }) }) })
   ] });
 }
 function TDSContainer({ children }) {
   useAppsInTossBridge();
-  return /* @__PURE__ */ jsx11(Fragment7, { children });
+  return /* @__PURE__ */ jsx13(Fragment7, { children });
 }
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
@@ -1311,7 +1390,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 +1407,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 {
@@ -1363,10 +1442,10 @@ import { getSchemeUri as getSchemeUri6 } 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 { 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, appsInTossEvent as appsInTossEvent3, getOperationalEnvironment as getOperationalEnvironment4 } from "@apps-in-toss/native-modules";
 import {
   WebView as PlainWebView
 } from "@granite-js/native/react-native-webview";
@@ -1380,8 +1459,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 +1486,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 +1503,7 @@ function GameWebviewNavigationBar() {
           paddingRight: safeAreaRight + 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx14(
           NavigationRightContent2,
           {
             fixedRightButton: navigationRightButton,
@@ -1441,7 +1520,7 @@ 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(() => {
@@ -1461,8 +1540,8 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
     });
   }, []);
   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, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props })
   ] });
 });
 
@@ -1478,7 +1557,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 +1583,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,20 +1594,34 @@ 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";
 function serializeError(error) {
@@ -1994,6 +2087,7 @@ function useCreateUserAgent({
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
   return [
+    "AppsInToss",
     `TossApp/${appVersion}`,
     batteryModePreference && `TossBatteryModePreference/${batteryModePreference}`,
     colorPreference && `TossColorPreference/${colorPreference}`,
@@ -2121,7 +2215,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 = {
@@ -2169,7 +2263,6 @@ function WebView({ type, local, onMessage, ...props }) {
   );
   const handler = useBridgeHandler({
     onMessage,
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
@@ -2281,7 +2374,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,7 +2404,22 @@ 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://*"]
     }
   );
 }