@apps-in-toss/web-framework 2.7.1 → 2.8.0

package/dist/prebuilt/dev.ios.rn84.js

@@ -136731,7 +136731,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     AppsInToss: () => AppsInToss,
     INTERNAL__onVisibilityChangedByTransparentServiceWeb: () => INTERNAL__onVisibilityChangedByTransparentServiceWeb,
     InlineAd: () => InlineAd,
-    OverlayProvider: () => import_private10.OverlayProvider,
+    OverlayProvider: () => import_private5.OverlayProvider,
     StartUpdateLocationPermissionError: () => import_types.StartUpdateLocationPermissionError,
     WebView: () => WebView,
     env: () => env,
@@ -136741,7 +136741,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     showFullScreenAd: () => showFullScreenAd,
     useCreateUserAgent: () => useCreateUserAgent,
     useGeolocation: () => useGeolocation,
-    useOverlay: () => import_private10.useOverlay,
+    useOverlay: () => import_private5.useOverlay,
     useTopNavigation: () => useTopNavigation,
     useWaitForReturnNavigator: () => useWaitForReturnNavigator
   });
@@ -136749,9 +136749,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var import_analytics2 = _$$_REQUIRE(_dependencyMap[4], "@apps-in-toss/analytics");
   var import_analytics = _$$_REQUIRE(_dependencyMap[4], "@apps-in-toss/analytics");
   var import_native_modules10 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var import_react_native21 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_tds_react_native9 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
-  var import_react_native22 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_react_native27 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_tds_react_native11 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_react_native28 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var import_react_native2 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   var import_react = _$$_REQUIRE(_dependencyMap[9], "react");
   var env = {
@@ -136864,8 +136864,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     return context;
   }
   var import_native_modules9 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var import_react15 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native20 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_react16 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native26 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var import_native_modules4 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
   var import_react_native9 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   var import_tds_react_native4 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
@@ -137341,7 +137341,6 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     bottom: 0,
     zIndex: Z_INDEX.PROFILE_OVERLAY
   };
-  var import_private5 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
   var import_react11 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_react_native11 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   function useHardwareBackPress(handler) {
@@ -137476,7 +137475,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         if (homeEvent.hasSubscriptions()) {
           homeEvent.emit({});
         } else {
-          navigation.navigate("/");
+          navigation.navigate("/", {}, {
+            pop: true
+          });
         }
       },
       handleCloseButtonClick: () => {
@@ -137844,24 +137845,267 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       children
     });
   }
-  function toIcon(source) {
-    return source.startsWith("http") ? {
-      source: {
-        uri: source
-      }
-    } : {
-      name: source
-    };
-  }
+  var import_react_native_safe_area_context = _$$_REQUIRE(_dependencyMap[13], "@granite-js/native/react-native-safe-area-context");
+  var import_react_native19 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_tds_react_native8 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
   var import_react14 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native20 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var import_jsx_runtime10 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  function TopNavigation({
+    left,
+    center,
+    right
+  }) {
+    var insets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
+    var navigation = (0, import_react_native19.useNavigation)();
+    (0, import_react14.useEffect)(() => {
+      var _getAppsInTossGlobals = getAppsInTossGlobals(),
+        navigationBar = _getAppsInTossGlobals.navigationBar;
+      var parsedNavigationBar = navigationBar ? safeParseNavigationBar(navigationBar) : null;
+      var transparent = parsedNavigationBar?.transparentBackground ?? false;
+      var theme = parsedNavigationBar?.theme ?? "light";
+      navigation.setOptions({
+        headerTransparent: transparent,
+        header: () => (0, import_jsx_runtime10.jsxs)(import_react_native20.View, {
+          style: {
+            width: "100%",
+            backgroundColor: transparent ? void 0 : theme === "light" ? import_tds_react_native8.colors.lightThemeBackground : import_tds_react_native8.colors.darkThemeBackground
+          },
+          pointerEvents: "box-none",
+          children: [(0, import_jsx_runtime10.jsx)(import_react_native20.View, {
+            style: {
+              width: "100%",
+              height: insets.top
+            }
+          }), (0, import_jsx_runtime10.jsxs)(import_react_native20.View, {
+            style: {
+              width: "100%",
+              height: 44,
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "center",
+              paddingLeft: insets.left,
+              paddingRight: insets.right
+            },
+            children: [(0, import_jsx_runtime10.jsx)(import_react_native20.View, {
+              children: left
+            }), (0, import_jsx_runtime10.jsx)(import_react_native20.View, {
+              style: {
+                flex: 1,
+                display: "flex",
+                flexDirection: "row",
+                alignItems: "center"
+              },
+              children: center
+            }), (0, import_jsx_runtime10.jsx)(import_react_native20.View, {
+              style: {
+                flexDirection: "row",
+                alignItems: "center"
+              },
+              children: right
+            })]
+          })]
+        })
+      });
+    }, [navigation, insets, left, center, right]);
+    return (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {});
+  }
+  var import_react_native_svg = _$$_REQUIRE(_dependencyMap[14], "@granite-js/native/react-native-svg");
+  var import_react_native21 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_jsx_runtime11 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  function BackButton({
+    theme = "light",
+    onPress,
+    ...restProps
+  }) {
+    return (0, import_jsx_runtime11.jsx)(import_react_native21.TouchableOpacity, {
+      hitSlop: {
+        top: 10,
+        right: 10,
+        bottom: 10,
+        left: 10
+      },
+      style: {
+        width: 24,
+        height: 24,
+        marginRight: 14
+      },
+      onPress,
+      accessibilityRole: "button",
+      accessibilityLabel: "\uB4A4\uB85C\uAC00\uAE30",
+      ...restProps,
+      children: (0, import_jsx_runtime11.jsx)(import_react_native21.View, {
+        style: {
+          width: 24,
+          height: 24
+        },
+        children: (0, import_jsx_runtime11.jsx)(import_react_native_svg.SvgXml, {
+          width: 24,
+          height: 24,
+          xml: BACK_BUTTON_XML.replace(/__COLOR__/g, theme === "light" ? "#191F28" : "#FFFFFF")
+        })
+      })
+    });
+  }
+  var BACK_BUTTON_XML = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="m20.8 20.7c-.3 0-.6-.1-.8-.4l-7.5-7.5c-.5-.5-.5-1.2 0-1.7l7.5-7.5c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-6.8 6.7 6.7 6.7c.5.5.5 1.2 0 1.7-.2.2-.5.3-.8.3z" fill="__COLOR__"/></svg>`;
+  var import_tds_react_native9 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_react_native22 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_jsx_runtime12 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  function HomeButton({
+    theme = "light",
+    onPress,
+    children
+  }) {
+    return (0, import_jsx_runtime12.jsxs)(import_react_native22.TouchableOpacity, {
+      onPress,
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 6,
+        height: 34,
+        paddingLeft: 10,
+        paddingRight: 10,
+        backgroundColor: theme === "light" ? import_tds_react_native9.colors.greyOpacity50 : "rgba(0, 0, 1, 0.58)",
+        borderRadius: 99
+      },
+      children: [children, (0, import_jsx_runtime12.jsx)(import_tds_react_native9.Icon, {
+        name: "icon-home-mono",
+        size: 18
+      })]
+    });
+  }
+  var import_react_native23 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react_native24 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_jsx_runtime13 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  function AppTitle({
+    title,
+    iconUrl,
+    theme = "light"
+  }) {
+    return (0, import_jsx_runtime13.jsxs)(import_react_native24.View, {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 6
+      },
+      children: [iconUrl != null && iconUrl !== "" && (0, import_jsx_runtime13.jsx)(import_react_native23.Image, {
+        source: {
+          uri: iconUrl
+        },
+        style: {
+          width: 18,
+          height: 18,
+          borderRadius: 6,
+          overflow: "hidden"
+        }
+      }), (0, import_jsx_runtime13.jsx)(import_react_native24.Text, {
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        style: {
+          color: theme === "light" ? "#191F28" : "#FFFFFF",
+          fontSize: 16,
+          fontWeight: "600"
+        },
+        children: title
+      })]
+    });
+  }
+  var import_tds_react_native10 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_react_native25 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_jsx_runtime14 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  function Menu2({
+    theme = "light",
+    accessoryButton,
+    onPressDots,
+    onLongPressDots,
+    onPressClose
+  }) {
+    var backgroundColor = theme === "light" ? import_tds_react_native10.colors.greyOpacity50 : "rgba(0, 0, 1, 0.58)";
+    var iconColor = theme === "light" ? import_tds_react_native10.colors.greyOpacity600 : "rgba(253, 253, 255, 0.75)";
+    return (0, import_jsx_runtime14.jsxs)(import_react_native25.View, {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 4
+      },
+      children: [accessoryButton && (0, import_jsx_runtime14.jsx)(import_react_native25.View, {
+        style: {
+          borderRadius: 99,
+          overflow: "hidden"
+        },
+        children: (0, import_jsx_runtime14.jsx)(import_react_native25.TouchableOpacity, {
+          style: {
+            paddingVertical: 7,
+            paddingHorizontal: 12,
+            backgroundColor
+          },
+          onPress: () => {
+            import_tds_react_native10.tdsEvent.emit("navigationAccessoryEvent", {
+              id: accessoryButton.id
+            });
+            accessoryButton.onPress?.();
+          },
+          disabled: accessoryButton.disabled,
+          children: (0, import_jsx_runtime14.jsx)(import_tds_react_native10.Icon, {
+            name: accessoryButton.icon.name ?? "",
+            accessibilityLabel: accessoryButton.title,
+            color: iconColor,
+            size: 20
+          })
+        })
+      }), (0, import_jsx_runtime14.jsx)(import_react_native25.View, {
+        style: {
+          borderRadius: 99,
+          overflow: "hidden",
+          marginRight: 12
+        },
+        children: (0, import_jsx_runtime14.jsxs)(import_react_native25.View, {
+          style: {
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            gap: 12,
+            height: 34,
+            paddingHorizontal: 12,
+            backgroundColor
+          },
+          children: [(0, import_jsx_runtime14.jsx)(import_react_native25.TouchableOpacity, {
+            onPress: onPressDots,
+            onLongPress: onLongPressDots,
+            children: (0, import_jsx_runtime14.jsx)(import_tds_react_native10.Icon, {
+              name: "icon-dots-mono",
+              accessibilityLabel: "\uB354\uBCF4\uAE30",
+              color: iconColor,
+              size: 20
+            })
+          }), (0, import_jsx_runtime14.jsx)(import_react_native25.View, {
+            style: {
+              width: 1,
+              height: 16,
+              backgroundColor: theme === "light" ? import_tds_react_native10.colors.greyOpacity200 : "rgba(222, 222, 255, 0.19)"
+            }
+          }), (0, import_jsx_runtime14.jsx)(import_react_native25.TouchableOpacity, {
+            onPress: onPressClose,
+            children: (0, import_jsx_runtime14.jsx)(import_tds_react_native10.Icon, {
+              name: "icon-appsintoss-close-mono",
+              accessibilityLabel: "\uB2EB\uAE30",
+              color: iconColor,
+              size: 20
+            })
+          })]
+        })
+      })]
+    });
+  }
+  var import_react15 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_jsx_runtime15 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function NavigationBarImpressionArea({
     children,
     withHomeButton
   }) {
-    var hasLogged = (0, import_react14.useRef)(false);
+    var hasLogged = (0, import_react15.useRef)(false);
     var logging = useNavigationBarLogging();
-    (0, import_react14.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       if (hasLogged.current === false) {
         logging.navBarImpression({
           home_icon_yn: withHomeButton ? "Y" : "N"
@@ -137869,11 +138113,11 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         hasLogged.current = true;
       }
     }, [logging, withHomeButton]);
-    return (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {
+    return (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, {
       children
     });
   }
-  var import_jsx_runtime11 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_jsx_runtime16 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function DefaultNavigationBar() {
     var globals = getAppsInTossGlobals();
     var _useMoreButtonBottomS = useMoreButtonBottomSheet(),
@@ -137881,72 +138125,58 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
     var withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
     var withBackButton = parsedNavigationBar?.withBackButton ?? true;
+    var theme = parsedNavigationBar?.theme ?? "light";
     var _useNavigationBarCont = useNavigationBarContext(),
       navigationRightButton = _useNavigationBarCont.navigationRightButton;
     var navigationEvent = useNavigationEvent();
     useHardwareBackPress(navigationEvent.handleBack);
-    return (0, import_jsx_runtime11.jsx)(NavigationBarImpressionArea, {
+    return (0, import_jsx_runtime16.jsx)(NavigationBarImpressionArea, {
       withHomeButton,
-      children: (0, import_jsx_runtime11.jsx)(import_private5.TopNavigation, {
-        title: globals.brandDisplayName,
-        icon: toIcon(globals.brandIcon),
-        onPressDots: openMoreButtonBottomSheet,
-        contentVisible: true,
-        onPressTitle: withHomeButton ? navigationEvent.handleHomeButtonClick : void 0,
-        onPressClose: navigationEvent.handleCloseButtonClick,
-        withHome: withHomeButton,
-        fixedRightButton: navigationRightButton,
-        leftVisible: withBackButton,
-        children: (0, import_jsx_runtime11.jsx)(import_private5.NavigationLeft, {
-          visible: withBackButton,
-          children: (0, import_jsx_runtime11.jsx)(import_private5.NavigationBackButton, {
-            onPress: navigationEvent.handleBack,
-            canGoBack: false
+      children: (0, import_jsx_runtime16.jsx)(TopNavigation, {
+        left: withBackButton ? (0, import_jsx_runtime16.jsx)(BackButton, {
+          theme,
+          onPress: navigationEvent.handleBack
+        }) : null,
+        center: withHomeButton ? (0, import_jsx_runtime16.jsx)(HomeButton, {
+          theme,
+          onPress: navigationEvent.handleHomeButtonClick,
+          children: (0, import_jsx_runtime16.jsx)(AppTitle, {
+            theme,
+            title: globals.brandDisplayName,
+            iconUrl: globals.brandIcon
           })
+        }) : (0, import_jsx_runtime16.jsx)(AppTitle, {
+          theme,
+          title: globals.brandDisplayName,
+          iconUrl: globals.brandIcon
+        }),
+        right: (0, import_jsx_runtime16.jsx)(Menu2, {
+          theme,
+          accessoryButton: navigationRightButton,
+          onPressDots: openMoreButtonBottomSheet,
+          onPressClose: navigationEvent.handleCloseButtonClick
         })
       })
     });
   }
-  var import_react_native_safe_area_context = _$$_REQUIRE(_dependencyMap[13], "@granite-js/native/react-native-safe-area-context");
-  var import_tds_react_native8 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
-  var import_private6 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
-  var import_react_native19 = _$$_REQUIRE(_dependencyMap[8], "react-native");
-  var import_jsx_runtime12 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_jsx_runtime17 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function GameNavigationBar() {
-    var safeAreaTop = (0, import_private6.useSafeAreaTop)();
     var _useMoreButtonBottomS2 = useMoreButtonBottomSheet(),
       openMoreButtonBottomSheet = _useMoreButtonBottomS2.open;
     var navigationEvent = useNavigationEvent();
     var _useNavigationBarCont2 = useNavigationBarContext(),
       navigationRightButton = _useNavigationBarCont2.navigationRightButton;
-    var _ref25 = (0, import_react_native_safe_area_context.useSafeAreaInsets)(),
-      safeAreaRight = _ref25.right;
+    var _getAppsInTossGlobals2 = getAppsInTossGlobals(),
+      navigationBar = _getAppsInTossGlobals2.navigationBar;
+    var parsedNavigationBar = navigationBar ? safeParseNavigationBar(navigationBar) : null;
     useHardwareBackPress(navigationEvent.handleBack);
-    return (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, {
-      children: [(0, import_jsx_runtime12.jsx)(import_tds_react_native8.PageNavbar, {
-        preference: {
-          type: "none"
-        }
-      }), (0, import_jsx_runtime12.jsx)(import_react_native19.View, {
-        style: {
-          width: "100%",
-          height: import_react_native19.Platform.OS === "ios" ? 44 : 54,
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "flex-end",
-          position: "absolute",
-          zIndex: Z_INDEX.CLOSE_BUTTON,
-          marginTop: safeAreaTop,
-          paddingRight: safeAreaRight + 10
-        },
-        pointerEvents: "box-none",
-        children: (0, import_jsx_runtime12.jsx)(import_private6.NavigationRightContent, {
-          fixedRightButton: navigationRightButton,
-          onPressDots: openMoreButtonBottomSheet,
-          onPressClose: navigationEvent.handleCloseButtonClick,
-          theme: "dark"
-        })
-      })]
+    return (0, import_jsx_runtime17.jsx)(TopNavigation, {
+      right: (0, import_jsx_runtime17.jsx)(Menu2, {
+        theme: parsedNavigationBar?.theme ?? "dark",
+        accessoryButton: navigationRightButton,
+        onPressDots: openMoreButtonBottomSheet,
+        onPressClose: navigationEvent.handleCloseButtonClick
+      })
     });
   }
   var RNNavigationBar = {
@@ -137954,22 +138184,22 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     Game: GameNavigationBar
   };
   var bridge_entry_exports = {};
-  __reExport(bridge_entry_exports, _$$_REQUIRE(_dependencyMap[14], "@apps-in-toss/native-modules/async-bridges"));
-  __reExport(bridge_entry_exports, _$$_REQUIRE(_dependencyMap[15], "@apps-in-toss/native-modules/constant-bridges"));
-  __reExport(bridge_entry_exports, _$$_REQUIRE(_dependencyMap[16], "@apps-in-toss/native-modules/event-bridges"));
-  var import_jsx_runtime13 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  __reExport(bridge_entry_exports, _$$_REQUIRE(_dependencyMap[15], "@apps-in-toss/native-modules/async-bridges"));
+  __reExport(bridge_entry_exports, _$$_REQUIRE(_dependencyMap[16], "@apps-in-toss/native-modules/constant-bridges"));
+  __reExport(bridge_entry_exports, _$$_REQUIRE(_dependencyMap[17], "@apps-in-toss/native-modules/event-bridges"));
+  var import_jsx_runtime18 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function RNAppContainer({
     children
   }) {
     var global2 = getAppsInTossGlobals();
     switch (global2.appType) {
       case "game":
-        return (0, import_jsx_runtime13.jsx)(GameAppContainer, {
+        return (0, import_jsx_runtime18.jsx)(GameAppContainer, {
           children
         });
       case "general":
       default:
-        return (0, import_jsx_runtime13.jsx)(GeneralAppContainer, {
+        return (0, import_jsx_runtime18.jsx)(GeneralAppContainer, {
           children
         });
     }
@@ -137977,8 +138207,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function GameAppContainer({
     children
   }) {
-    (0, import_react15.useEffect)(() => {
-      if (import_react_native20.Platform.OS === "ios") {
+    (0, import_react16.useEffect)(() => {
+      if (import_react_native26.Platform.OS === "ios") {
         (0, import_native_modules9.setIosSwipeGestureEnabled)({
           isEnabled: false
         });
@@ -137990,8 +138220,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       }
       return;
     }, []);
-    return (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, {
-      children: [(0, import_jsx_runtime13.jsx)(RNNavigationBar.Game, {}), (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? (0, import_jsx_runtime13.jsx)(GameInitializer, {
+    return (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, {
+      children: [(0, import_jsx_runtime18.jsx)(RNNavigationBar.Game, {}), (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? (0, import_jsx_runtime18.jsx)(GameInitializer, {
         children
       }) : children]
     });
@@ -137999,11 +138229,11 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function GeneralAppContainer({
     children
   }) {
-    return (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, {
-      children: [(0, import_jsx_runtime13.jsx)(RNNavigationBar.Default, {}), children]
+    return (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, {
+      children: [(0, import_jsx_runtime18.jsx)(RNNavigationBar.Default, {}), children]
     });
   }
-  var import_jsx_runtime14 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_jsx_runtime19 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function AppsInTossContainer(Container, {
     children,
     ...initialProps
@@ -138012,18 +138242,18 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       android: "5.220.0",
       ios: "5.221.0"
     })) {
-      return (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, {
-        children: [(0, import_jsx_runtime14.jsx)(AppEvent.System, {
+      return (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, {
+        children: [(0, import_jsx_runtime19.jsx)(AppEvent.System, {
           ...initialProps
-        }), (0, import_jsx_runtime14.jsx)(AppUpdate, {})]
+        }), (0, import_jsx_runtime19.jsx)(AppUpdate, {})]
       });
     }
-    return (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, {
-      children: [(0, import_jsx_runtime14.jsx)(AppEvent.System, {
+    return (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, {
+      children: [(0, import_jsx_runtime19.jsx)(AppEvent.System, {
         ...initialProps
-      }), (0, import_jsx_runtime14.jsx)(Container, {
+      }), (0, import_jsx_runtime19.jsx)(Container, {
         ...initialProps,
-        children: (0, import_jsx_runtime14.jsx)(import_tds_react_native9.TDSProvider, {
+        children: (0, import_jsx_runtime19.jsx)(import_tds_react_native11.TDSProvider, {
           colorPreference: "light",
           token: {
             color: {
@@ -138040,13 +138270,13 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     analytics
   }) {
     var appName = getAppName();
-    var isRegistered = import_react_native22.AppRegistry.getAppKeys().includes(appName);
+    var isRegistered = import_react_native28.AppRegistry.getAppKeys().includes(appName);
     if (!isRegistered) {
       import_analytics.Analytics.init({
         logger: params => void (0, import_native_modules10.eventLog)(params),
         debug: analytics?.debug ?? __DEV__
       });
-      var App = import_react_native21.Granite.registerApp(AppsInTossContainer.bind(null, container), {
+      var App = import_react_native27.Granite.registerApp(AppsInTossContainer.bind(null, container), {
         appName,
         context,
         initialScheme: (0, import_native_modules10.getSchemeUri)(),
@@ -138054,7 +138284,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         router: {
           screenContainer: AppsInTossScreenContainer,
           defaultScreenOption: {
-            statusBarStyle: "dark"
+            statusBarStyle: "dark",
+            header: () => null
           }
         }
       });
@@ -138066,21 +138297,21 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     children
   }) {
     var isRNApp = getAppsInTossGlobals().webViewType == null;
-    return (0, import_jsx_runtime14.jsx)(NavigationBarContextProvider, {
-      children: isRNApp ? (0, import_jsx_runtime14.jsx)(import_analytics.Analytics.Screen, {
+    return (0, import_jsx_runtime19.jsx)(NavigationBarContextProvider, {
+      children: isRNApp ? (0, import_jsx_runtime19.jsx)(import_analytics.Analytics.Screen, {
         onLog: params => sendLog({
           log_type: params.log_type,
           log_name: "appsintoss_app_visit__appssintoss_systemlog",
           params: {
             ...params.params,
             schema_id: 5175906,
-            app_name: import_react_native21.Granite.appName,
+            app_name: import_react_native27.Granite.appName,
             log_name: params.log_name
           }
         }, {
           pipelines: ["core"]
         }),
-        children: (0, import_jsx_runtime14.jsx)(RNAppContainer, {
+        children: (0, import_jsx_runtime19.jsx)(RNAppContainer, {
           children
         })
       }) : children
@@ -138098,75 +138329,51 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     registerApp
   };
   var import_native_modules18 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var appsInTossAsyncBridges = __toESM(_$$_REQUIRE(_dependencyMap[14], "@apps-in-toss/native-modules/async-bridges"), 1);
-  var appsInTossConstantBridges = __toESM(_$$_REQUIRE(_dependencyMap[15], "@apps-in-toss/native-modules/constant-bridges"), 1);
-  var appsInTossEventBridges = __toESM(_$$_REQUIRE(_dependencyMap[16], "@apps-in-toss/native-modules/event-bridges"), 1);
-  var import_user_scripts = _$$_REQUIRE(_dependencyMap[17], "@apps-in-toss/user-scripts");
-  var import_react_native_safe_area_context4 = _$$_REQUIRE(_dependencyMap[13], "@granite-js/native/react-native-safe-area-context");
-  var import_react_native36 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_tds_react_native12 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
-  var import_private9 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
-  var import_react26 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native37 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var appsInTossAsyncBridges = __toESM(_$$_REQUIRE(_dependencyMap[15], "@apps-in-toss/native-modules/async-bridges"), 1);
+  var appsInTossConstantBridges = __toESM(_$$_REQUIRE(_dependencyMap[16], "@apps-in-toss/native-modules/constant-bridges"), 1);
+  var appsInTossEventBridges = __toESM(_$$_REQUIRE(_dependencyMap[17], "@apps-in-toss/native-modules/event-bridges"), 1);
+  var import_user_scripts = _$$_REQUIRE(_dependencyMap[18], "@apps-in-toss/user-scripts");
+  var import_react_native_safe_area_context3 = _$$_REQUIRE(_dependencyMap[13], "@granite-js/native/react-native-safe-area-context");
+  var import_react_native41 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_tds_react_native14 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_react27 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native42 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var import_native_modules11 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var import_react_native_webview = _$$_REQUIRE(_dependencyMap[18], "@granite-js/native/react-native-webview");
+  var import_react_native_webview = _$$_REQUIRE(_dependencyMap[19], "@granite-js/native/react-native-webview");
+  var import_react18 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native30 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_react_native29 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_tds_react_native12 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
   var import_react17 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native25 = _$$_REQUIRE(_dependencyMap[8], "react-native");
-  var import_react_native_safe_area_context2 = _$$_REQUIRE(_dependencyMap[13], "@granite-js/native/react-native-safe-area-context");
-  var import_react_native23 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_tds_react_native10 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
-  var import_private7 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
-  var import_react16 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native24 = _$$_REQUIRE(_dependencyMap[8], "react-native");
-  var import_jsx_runtime15 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_jsx_runtime20 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function GameWebviewNavigationBar() {
-    var safeAreaTop = (0, import_private7.useSafeAreaTop)();
-    var _ref26 = (0, import_tds_react_native10.useDialog)(),
-      openConfirm = _ref26.openConfirm;
+    var _ref25 = (0, import_tds_react_native12.useDialog)(),
+      openConfirm = _ref25.openConfirm;
     var logging = useNavigationBarLogging();
     var _useMoreButtonBottomS3 = useMoreButtonBottomSheet(),
       openMoreButtonBottomSheet = _useMoreButtonBottomS3.open;
     var _useNavigationBarCont3 = useNavigationBarContext(),
       navigationRightButton = _useNavigationBarCont3.navigationRightButton;
-    var _ref27 = (0, import_react_native_safe_area_context2.useSafeAreaInsets)(),
-      safeAreaRight = _ref27.right;
-    var handleGameWebviewClose = (0, import_react16.useCallback)(_asyncToGenerator(function* () {
+    var _getAppsInTossGlobals3 = getAppsInTossGlobals(),
+      navigationBar = _getAppsInTossGlobals3.navigationBar;
+    var parsedNavigationBar = navigationBar ? safeParseNavigationBar(navigationBar) : null;
+    var handleGameWebviewClose = (0, import_react17.useCallback)(_asyncToGenerator(function* () {
       logging.closeButtonClick();
-      (0, import_react_native23.closeView)();
+      (0, import_react_native29.closeView)();
     }), [logging, openConfirm]);
-    return (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, {
-      children: [(0, import_jsx_runtime15.jsx)(import_tds_react_native10.PageNavbar, {
-        preference: {
-          type: "none"
-        }
-      }), (0, import_jsx_runtime15.jsx)(import_react_native24.View, {
-        style: {
-          width: "100%",
-          height: import_react_native24.Platform.OS === "ios" ? 44 : 54,
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "flex-end",
-          position: "absolute",
-          zIndex: Z_INDEX.CLOSE_BUTTON,
-          marginTop: safeAreaTop,
-          paddingRight: safeAreaRight + 10
-        },
-        pointerEvents: "box-none",
-        children: (0, import_jsx_runtime15.jsx)(import_private7.NavigationRightContent, {
-          fixedRightButton: navigationRightButton,
-          onPressDots: openMoreButtonBottomSheet,
-          onPressClose: () => {
-            handleGameWebviewClose();
-          },
-          theme: "dark"
-        })
-      })]
+    return (0, import_jsx_runtime20.jsx)(TopNavigation, {
+      right: (0, import_jsx_runtime20.jsx)(Menu2, {
+        theme: parsedNavigationBar?.theme ?? "dark",
+        accessoryButton: navigationRightButton,
+        onPressDots: openMoreButtonBottomSheet,
+        onPressClose: handleGameWebviewClose
+      })
     });
   }
-  var import_jsx_runtime16 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
-  var GameWebView = (0, import_react17.forwardRef)(function GameWebView2(props, ref) {
-    (0, import_react17.useEffect)(() => {
-      if (import_react_native25.Platform.OS === "ios") {
+  var import_jsx_runtime21 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var GameWebView = (0, import_react18.forwardRef)(function GameWebView2(props, ref) {
+    (0, import_react18.useEffect)(() => {
+      if (import_react_native30.Platform.OS === "ios") {
         (0, import_native_modules11.setIosSwipeGestureEnabled)({
           isEnabled: false
         });
@@ -138178,24 +138385,23 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       }
       return;
     }, []);
-    return (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, {
-      children: [(0, import_jsx_runtime16.jsx)(GameWebviewNavigationBar, {}), (0, import_native_modules11.getOperationalEnvironment)() === "toss" ? (0, import_jsx_runtime16.jsx)(GameInitializer, {
-        children: (0, import_jsx_runtime16.jsx)(import_react_native_webview.WebView, {
+    return (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, {
+      children: [(0, import_jsx_runtime21.jsx)(GameWebviewNavigationBar, {}), (0, import_native_modules11.getOperationalEnvironment)() === "toss" ? (0, import_jsx_runtime21.jsx)(GameInitializer, {
+        children: (0, import_jsx_runtime21.jsx)(import_react_native_webview.WebView, {
           ref,
           ...props
         })
-      }) : (0, import_jsx_runtime16.jsx)(import_react_native_webview.WebView, {
+      }) : (0, import_jsx_runtime21.jsx)(import_react_native_webview.WebView, {
         ref,
         ...props
       })]
     });
   });
-  var import_react_native_webview2 = _$$_REQUIRE(_dependencyMap[18], "@granite-js/native/react-native-webview");
+  var import_react_native_webview2 = _$$_REQUIRE(_dependencyMap[19], "@granite-js/native/react-native-webview");
+  var import_react20 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native31 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   var import_react19 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native26 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_private8 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
-  var import_react18 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_jsx_runtime17 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_jsx_runtime22 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function PartnerWebviewNavigationBar({
     onBackButtonClick,
     onHomeButtonClick
@@ -138207,45 +138413,53 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
     var withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
     var withBackButton = parsedNavigationBar?.withBackButton ?? true;
+    var theme = parsedNavigationBar?.theme ?? "light";
     var _useNavigationBarCont4 = useNavigationBarContext(),
       navigationRightButton = _useNavigationBarCont4.navigationRightButton;
-    var handleClose = (0, import_react18.useCallback)(_asyncToGenerator(function* () {
+    var handleClose = (0, import_react19.useCallback)(_asyncToGenerator(function* () {
       logging.closeButtonClick();
-      (0, import_react_native26.closeView)();
+      (0, import_react_native31.closeView)();
     }), [logging]);
-    return (0, import_jsx_runtime17.jsx)(NavigationBarImpressionArea, {
+    return (0, import_jsx_runtime22.jsx)(NavigationBarImpressionArea, {
       withHomeButton,
-      children: (0, import_jsx_runtime17.jsx)(import_private8.TopNavigation, {
-        title: globals.brandDisplayName,
-        icon: toIcon(globals.brandIcon),
-        onPressDots: openMoreButtonBottomSheet,
-        contentVisible: true,
-        onPressTitle: withHomeButton ? onHomeButtonClick : void 0,
-        onPressClose: handleClose,
-        withHome: withHomeButton,
-        fixedRightButton: navigationRightButton,
-        leftVisible: withBackButton,
-        children: (0, import_jsx_runtime17.jsx)(import_private8.NavigationLeft, {
-          visible: withBackButton,
-          children: (0, import_jsx_runtime17.jsx)(import_private8.NavigationBackButton, {
-            onPress: onBackButtonClick,
-            canGoBack: false
+      children: (0, import_jsx_runtime22.jsx)(TopNavigation, {
+        left: withBackButton ? (0, import_jsx_runtime22.jsx)(BackButton, {
+          theme,
+          onPress: onBackButtonClick
+        }) : null,
+        center: withHomeButton ? (0, import_jsx_runtime22.jsx)(HomeButton, {
+          theme,
+          onPress: onHomeButtonClick,
+          children: (0, import_jsx_runtime22.jsx)(AppTitle, {
+            theme,
+            title: globals.brandDisplayName,
+            iconUrl: globals.brandIcon
           })
+        }) : (0, import_jsx_runtime22.jsx)(AppTitle, {
+          theme,
+          title: globals.brandDisplayName,
+          iconUrl: globals.brandIcon
+        }),
+        right: (0, import_jsx_runtime22.jsx)(Menu2, {
+          theme,
+          accessoryButton: navigationRightButton,
+          onPressDots: openMoreButtonBottomSheet,
+          onPressClose: handleClose
         })
       })
     });
   }
-  var import_jsx_runtime18 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
-  var PartnerWebView = (0, import_react19.forwardRef)(function PartnerWebViewScreen({
+  var import_jsx_runtime23 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var PartnerWebView = (0, import_react20.forwardRef)(function PartnerWebViewScreen({
     onBackButtonClick,
     onHomeButtonClick,
     ...webViewProps
   }, ref) {
-    return (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, {
-      children: [(0, import_jsx_runtime18.jsx)(PartnerWebviewNavigationBar, {
+    return (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, {
+      children: [(0, import_jsx_runtime23.jsx)(PartnerWebviewNavigationBar, {
         onBackButtonClick,
         onHomeButtonClick
-      }), (0, import_jsx_runtime18.jsx)(import_react_native_webview2.WebView, {
+      }), (0, import_jsx_runtime23.jsx)(import_react_native_webview2.WebView, {
         ref,
         ...webViewProps,
         style: {
@@ -138333,19 +138547,19 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var random = Math.random().toString(36).substring(2, 7).toUpperCase();
     return `ait-${timestamp}${random}`;
   }
-  var import_react_native27 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react_native32 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   function getReferrer() {
     try {
-      return new URL((0, import_react_native27.getSchemeUri)()).searchParams.get("referrer");
+      return new URL((0, import_react_native32.getSchemeUri)()).searchParams.get("referrer");
     } catch {
       return null;
     }
   }
   var import_native_modules13 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var import_react_native28 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react_native33 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   function getIsDev() {
     try {
-      return new URL((0, import_react_native28.getSchemeUri)()).searchParams.get("isDev") === "true";
+      return new URL((0, import_react_native33.getSchemeUri)()).searchParams.get("isDev") === "true";
     } catch {
       return false;
     }
@@ -138647,14 +138861,14 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     return unregisterCallbacks;
   }
   showFullScreenAd.isSupported = import_native_modules14.GoogleAdMob.showAppsInTossAdMob.isSupported;
-  var import_react_native29 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react_native34 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   function tossAdEventLog(_x3) {
     return _tossAdEventLog.apply(this, arguments);
   }
   function _tossAdEventLog() {
     _tossAdEventLog = _asyncToGenerator(function* (params) {
       var referrer = getReferrer();
-      var appName = import_react_native29.Granite.appName;
+      var appName = import_react_native34.Granite.appName;
       var eventLogParams = {
         ...params,
         params: {
@@ -138669,7 +138883,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
     return _tossAdEventLog.apply(this, arguments);
   }
-  var import_react20 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react21 = _$$_REQUIRE(_dependencyMap[9], "react");
   function serializeError(error) {
     return JSON.stringify(error, (_, value) => {
       if (value instanceof Error) {
@@ -138700,12 +138914,12 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       return;
     }
     var wrappedFunc = function () {
-      var _ref30 = _asyncToGenerator(function* (...args2) {
+      var _ref28 = _asyncToGenerator(function* (...args2) {
         var result = yield func(...args2);
         return result;
       });
       return function wrappedFunc() {
-        return _ref30.apply(this, arguments);
+        return _ref28.apply(this, arguments);
       };
     }();
     wrappedFunc(...args).then(result => {
@@ -138726,12 +138940,12 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     asyncHandlerMap,
     eventListenerMap
   }) {
-    var ref = (0, import_react20.useRef)(null);
-    var injectedJavaScript = (0, import_react20.useMemo)(() => `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(Object.entries(constantHandlerMap).reduce((acc, [key, value]) => {
+    var ref = (0, import_react21.useRef)(null);
+    var injectedJavaScript = (0, import_react21.useMemo)(() => `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(Object.entries(constantHandlerMap).reduce((acc, [key, value]) => {
       acc[key] = typeof value === "function" ? value() : value;
       return acc;
     }, {}))};`, [constantHandlerMap]);
-    (0, import_react20.useEffect)(() => {
+    (0, import_react21.useEffect)(() => {
       ref.current?.injectJavaScript(injectedJavaScript);
     }, [injectedJavaScript]);
     var createHandleOnEvent = (functionName, eventId) => response => {
@@ -138745,8 +138959,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
     };
-    var $onMessage = (0, import_react20.useCallback)(function () {
-      var _ref31 = _asyncToGenerator(function* (e) {
+    var $onMessage = (0, import_react21.useCallback)(function () {
+      var _ref29 = _asyncToGenerator(function* (e) {
         onMessage?.(e);
         var data = parseNativeEventData(e.nativeEvent.data);
         if (typeof data !== "object" || data === null || typeof data.functionName !== "string" || typeof data.eventId !== "string" || typeof data.type !== "string" || !["addEventListener", "removeEventListener", "method"].includes(data.type)) {
@@ -138789,7 +139003,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         }
       });
       return function (_x4) {
-        return _ref31.apply(this, arguments);
+        return _ref29.apply(this, arguments);
       };
     }(), [onMessage]);
     return {
@@ -138806,21 +139020,21 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       return null;
     }
   }
-  var import_react_native_safe_area_context3 = _$$_REQUIRE(_dependencyMap[13], "@granite-js/native/react-native-safe-area-context");
-  var import_react21 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native_safe_area_context2 = _$$_REQUIRE(_dependencyMap[13], "@granite-js/native/react-native-safe-area-context");
+  var import_react22 = _$$_REQUIRE(_dependencyMap[9], "react");
   function useSafeAreaInsetsEvent() {
-    var insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
-    (0, import_react21.useEffect)(() => {
+    var insets = (0, import_react_native_safe_area_context2.useSafeAreaInsets)();
+    (0, import_react22.useEffect)(() => {
       safeAreaInsetsChange.emit(insets);
     }, [insets]);
-    (0, import_react21.useEffect)(() => {
+    (0, import_react22.useEffect)(() => {
       return () => safeAreaInsetsChange.clearSubscriptions();
     }, []);
     return safeAreaInsetsChange;
   }
-  var import_react_native30 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react_native35 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react24 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_react23 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react22 = _$$_REQUIRE(_dependencyMap[9], "react");
   var INITIAL_STATE = {
     stack: [],
     index: -1
@@ -138869,11 +139083,11 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }
   }
   function useWebViewHistory() {
-    var _ref32 = (0, import_react22.useReducer)(reducer, INITIAL_STATE),
-      _ref33 = _slicedToArray(_ref32, 2),
-      state = _ref33[0],
-      dispatch = _ref33[1];
-    var onNavigationStateChange = (0, import_react22.useCallback)(({
+    var _ref30 = (0, import_react23.useReducer)(reducer, INITIAL_STATE),
+      _ref31 = _slicedToArray(_ref30, 2),
+      state = _ref31[0],
+      dispatch = _ref31[1];
+    var onNavigationStateChange = (0, import_react23.useCallback)(({
       url,
       canGoForward: canGoForward2
     }) => {
@@ -138883,7 +139097,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         canGoForward: canGoForward2
       });
     }, []);
-    var _ref34 = (0, import_react22.useMemo)(() => {
+    var _ref32 = (0, import_react23.useMemo)(() => {
         var canBack = state.index > 0;
         var canFwd = state.index >= 0 && state.index < state.stack.length - 1;
         return {
@@ -138891,8 +139105,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           canGoForward: canFwd
         };
       }, [state.index, state.stack.length]),
-      canGoBack = _ref34.canGoBack,
-      canGoForward = _ref34.canGoForward;
+      canGoBack = _ref32.canGoBack,
+      canGoForward = _ref32.canGoForward;
     return {
       onNavigationStateChange,
       hasHistory: canGoBack,
@@ -138903,19 +139117,19 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var _useWebViewHistory = useWebViewHistory(),
       hasHistory = _useWebViewHistory.hasHistory,
       onNavigationStateChange = _useWebViewHistory.onNavigationStateChange;
-    var _ref35 = (0, import_react_native30.useBackEventState)(),
-      webBackHandlersRef = _ref35.handlersRef,
-      hasWebBackEvent = _ref35.hasBackEvent,
-      addWebBackEventListener = _ref35.addEventListener,
-      removeWebBackEventListener = _ref35.removeEventListener;
+    var _ref33 = (0, import_react_native35.useBackEventState)(),
+      webBackHandlersRef = _ref33.handlersRef,
+      hasWebBackEvent = _ref33.hasBackEvent,
+      addWebBackEventListener = _ref33.addEventListener,
+      removeWebBackEventListener = _ref33.removeEventListener;
     var logging = useNavigationBarLogging();
-    var addEventListener = (0, import_react23.useCallback)(handler => {
+    var addEventListener = (0, import_react24.useCallback)(handler => {
       addWebBackEventListener(handler);
     }, [addWebBackEventListener]);
-    var removeEventListener = (0, import_react23.useCallback)(handler => {
+    var removeEventListener = (0, import_react24.useCallback)(handler => {
       removeWebBackEventListener(handler);
     }, [removeWebBackEventListener]);
-    var handleWebBack = (0, import_react23.useCallback)(_asyncToGenerator(function* () {
+    var handleWebBack = (0, import_react24.useCallback)(_asyncToGenerator(function* () {
       if (hasWebBackEvent) {
         for (var handler of webBackHandlersRef) {
           handler();
@@ -138925,10 +139139,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       if (hasHistory) {
         webViewRef.current?.injectJavaScript("window.history.back();");
       } else {
-        (0, import_react_native30.closeView)();
+        (0, import_react_native35.closeView)();
       }
     }), [hasHistory, hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
-    var handleWebHome = (0, import_react23.useCallback)(() => {
+    var handleWebHome = (0, import_react24.useCallback)(() => {
       logging.homeButtonClick();
       if (homeEvent.hasSubscriptions()) {
         homeEvent.emit({});
@@ -138941,7 +139155,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     })();
     `);
     }, [hasWebBackEvent, webBackHandlersRef, logging, webViewInitialURL, webViewRef]);
-    return (0, import_react23.useMemo)(() => ({
+    return (0, import_react24.useMemo)(() => ({
       addEventListener,
       removeEventListener,
       handleWebBack,
@@ -138961,7 +139175,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     };
   }
   var import_native_modules15 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var import_react_native31 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_react_native36 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var FontA11yCategory = {
     Large: "Large",
     xLarge: "xLarge",
@@ -139096,27 +139310,27 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }) {
     var platform = (0, import_native_modules15.getPlatformOS)();
     var appVersion = (0, import_native_modules15.getTossAppVersion)();
-    var _ref37 = (0, import_react_native31.useWindowDimensions)(),
-      fontScale = _ref37.fontScale;
+    var _ref35 = (0, import_react_native36.useWindowDimensions)(),
+      fontScale = _ref35.fontScale;
     var platformString = platform === "ios" ? "iPhone" : "Android phone";
     var fontA11y = mapFontScaleToCategory(fontScale, platform);
     var normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
     return ["AppsInToss", `TossApp/${appVersion}`, batteryModePreference && `TossBatteryModePreference/${batteryModePreference}`, colorPreference && `TossColorPreference/${colorPreference}`, `TossFontAccessibility/${fontA11y}`, `TossFontScale/${normalizedFontScale}`, locale && `TossLocale/${locale}`, navbarPreference && `TossNavbarPreference/${navbarPreference}`, pureSafeArea && `TossPureSafeArea/${pureSafeArea}`, safeArea && `TossSafeArea/${safeArea}`, safeAreaBottomTransparency && `TossSafeAreaBottomTransparency/${safeAreaBottomTransparency}`, platformString].filter(Boolean).join(" ");
   }
   var import_native_modules16 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var import_react_native32 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_react24 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native37 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react25 = _$$_REQUIRE(_dependencyMap[9], "react");
   function useGeolocation({
     accuracy,
     distanceInterval,
     timeInterval
   }) {
-    var isVisible = (0, import_react_native32.useVisibility)();
-    var _ref38 = (0, import_react24.useState)(null),
-      _ref39 = _slicedToArray(_ref38, 2),
-      location = _ref39[0],
-      setLocation = _ref39[1];
-    (0, import_react24.useEffect)(() => {
+    var isVisible = (0, import_react_native37.useVisibility)();
+    var _ref36 = (0, import_react25.useState)(null),
+      _ref37 = _slicedToArray(_ref36, 2),
+      location = _ref37[0],
+      setLocation = _ref37[1];
+    (0, import_react25.useEffect)(() => {
       if (!isVisible) {
         return;
       }
@@ -139132,18 +139346,18 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }, [accuracy, distanceInterval, timeInterval, isVisible]);
     return location;
   }
-  var import_react_native33 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_react25 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native38 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react26 = _$$_REQUIRE(_dependencyMap[9], "react");
   function useWaitForReturnNavigator() {
-    var callbacks = (0, import_react25.useRef)([]).current;
-    var navigation = (0, import_react_native33.useNavigation)();
-    var startNavigating = (0, import_react25.useCallback)((route, params) => {
+    var callbacks = (0, import_react26.useRef)([]).current;
+    var navigation = (0, import_react_native38.useNavigation)();
+    var startNavigating = (0, import_react26.useCallback)((route, params) => {
       return new Promise(resolve => {
         callbacks.push(resolve);
         navigation.navigate(route, params);
       });
     }, [callbacks, navigation]);
-    var handleVisibilityChange = (0, import_react25.useCallback)(state => {
+    var handleVisibilityChange = (0, import_react26.useCallback)(state => {
       if (state === "visible" && callbacks.length > 0) {
         for (var callback of callbacks) {
           callback();
@@ -139151,7 +139365,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         callbacks.splice(0, callbacks.length);
       }
     }, [callbacks]);
-    (0, import_react_native33.useVisibilityChange)(handleVisibilityChange);
+    (0, import_react_native38.useVisibilityChange)(handleVisibilityChange);
     return startNavigating;
   }
   function useTopNavigation() {
@@ -139164,10 +139378,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     };
   }
   var import_native_modules17 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
-  var import_react_native34 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_tds_react_native11 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_react_native39 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_tds_react_native13 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
   function useHandleWebViewProcessDidTerminate(webViewRef) {
-    var toast = (0, import_tds_react_native11.useToast)();
+    var toast = (0, import_tds_react_native13.useToast)();
     return () => {
       webViewDebugLog("AppsInTossWebViewProcessDidTerminate", {});
       toast.open("\uBB38\uC81C\uAC00 \uC0DD\uACA8\uC11C \uBBF8\uB2C8\uC571\uC744 \uB2E4\uC2DC \uC2DC\uC791\uD588\uC5B4\uC694.", {
@@ -139193,7 +139407,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       log_type: "debug",
       params: {
         ...params,
-        app_name: import_react_native34.Granite.appName,
+        app_name: import_react_native39.Granite.appName,
         deployment_id: global2.deploymentId
       }
     };
@@ -139205,7 +139419,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       console.log("[webViewDebugLog]", event);
     }
   }
-  var import_react_native35 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react_native40 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   var extractDateFromUUIDv7 = uuid => {
     var timestampHex = uuid.split("-").join("").slice(0, 12);
     var timestamp = Number.parseInt(timestampHex, 16);
@@ -139227,7 +139441,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   };
   var getReferrer2 = () => {
     try {
-      var referrer = new URL((0, import_react_native35.getSchemeUri)());
+      var referrer = new URL((0, import_react_native40.getSchemeUri)());
       return referrer.searchParams.get("referrer");
     } catch {
       return "";
@@ -139243,7 +139457,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       search,
       referrer: getReferrer2(),
       document_title: title,
-      app_name: import_react_native35.Granite.appName,
+      app_name: import_react_native40.Granite.appName,
       deployment_id: env.getDeploymentId(),
       deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
     };
@@ -139266,28 +139480,28 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       pipelines: ["core"]
     });
   };
-  var import_jsx_runtime19 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_jsx_runtime24 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
   var TYPES = ["partner", "external", "game"];
   var WEBVIEW_TYPES = {
     partner: PartnerWebView,
-    external: import_tds_react_native12.ExternalWebViewScreen,
+    external: import_tds_react_native14.ExternalWebViewScreen,
     game: GameWebView
   };
   function mergeSchemeQueryParamsInto(url) {
     var baseUrl = new URL(url);
-    var schemeUrl = new URL((0, import_react_native36.getSchemeUri)());
+    var schemeUrl = new URL((0, import_react_native41.getSchemeUri)());
     var resultUrl = new URL(schemeUrl.pathname, baseUrl.origin);
-    for (var _ref40 of baseUrl.searchParams.entries()) {
-      var _ref41 = _slicedToArray(_ref40, 2);
-      var key = _ref41[0];
-      var value = _ref41[1];
+    for (var _ref38 of baseUrl.searchParams.entries()) {
+      var _ref39 = _slicedToArray(_ref38, 2);
+      var key = _ref39[0];
+      var value = _ref39[1];
       resultUrl.searchParams.set(key, value);
     }
-    for (var _ref42 of schemeUrl.searchParams.entries()) {
-      var _ref43 = _slicedToArray(_ref42, 2);
-      var _key = _ref43[0];
-      var _value = _ref43[1];
+    for (var _ref40 of schemeUrl.searchParams.entries()) {
+      var _ref41 = _slicedToArray(_ref40, 2);
+      var _key = _ref41[0];
+      var _value = _ref41[1];
       resultUrl.searchParams.set(_key, _value);
     }
     return resultUrl;
@@ -139297,8 +139511,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       var devUrl = `http://${local.host}:${local.port}`;
       return mergeSchemeQueryParamsInto(devUrl);
     }
-    var _ref44 = (0, import_native_modules18.safeSyncPostMessage)("getWebBundleURL", {}),
-      rawUrl = _ref44.url;
+    var _ref42 = (0, import_native_modules18.safeSyncPostMessage)("getWebBundleURL", {}),
+      rawUrl = _ref42.url;
     var url = mergeSchemeQueryParamsInto(rawUrl);
     var deploymentId = env.getDeploymentId();
     if (deploymentId) {
@@ -139315,19 +139529,17 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     if (!TYPES.includes(type)) {
       throw new Error(`Invalid WebView type: '${type}'`);
     }
-    var webViewRef = (0, import_react26.useRef)(null);
-    var url = (0, import_react26.useMemo)(() => getWebViewURL(local), [local]);
+    var webViewRef = (0, import_react27.useRef)(null);
+    var url = (0, import_react27.useMemo)(() => getWebViewURL(local), [local]);
     var webBackHandler = useWebBackHandler(url, webViewRef);
-    var top = (0, import_private9.useSafeAreaTop)();
-    var bottom = (0, import_private9.useSafeAreaBottom)();
-    var insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
     var global2 = getAppsInTossGlobals();
+    var insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
     var navigationBarContext = useNavigationBarContext();
     var safeAreaInsetsEvent = useSafeAreaInsetsEvent();
-    var _ref45 = (0, import_react26.useState)(props.allowsBackForwardNavigationGestures),
-      _ref46 = _slicedToArray(_ref45, 2),
-      allowsBackForwardNavigationGestures = _ref46[0],
-      setAllowsBackForwardNavigationGestures = _ref46[1];
+    var _ref43 = (0, import_react27.useState)(props.allowsBackForwardNavigationGestures),
+      _ref44 = _slicedToArray(_ref43, 2),
+      allowsBackForwardNavigationGestures = _ref44[0],
+      setAllowsBackForwardNavigationGestures = _ref44[1];
     var handler = useBridgeHandler({
       onMessage,
       eventListenerMap: {
@@ -139335,7 +139547,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         navigationAccessoryEvent: ({
           onEvent,
           onError
-        }) => import_tds_react_native12.tdsEvent.addEventListener("navigationAccessoryEvent", {
+        }) => import_tds_react_native14.tdsEvent.addEventListener("navigationAccessoryEvent", {
           onEvent,
           onError
         }),
@@ -139383,12 +139595,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       },
       constantHandlerMap: {
         ...appsInTossConstantBridges,
-        getSafeAreaInsets: () => ({
-          top,
-          bottom,
-          left: insets.left,
-          right: insets.right
-        }),
+        getSafeAreaInsets: () => insets,
         ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
         getServerTime_isSupported: import_native_modules18.getServerTime.isSupported,
         requestReview_isSupported: import_native_modules18.requestReview.isSupported,
@@ -139410,19 +139617,19 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           return appsInTossAsyncBridges.setIosSwipeGestureEnabled(options);
         },
         addAccessoryButton: function () {
-          var _ref47 = _asyncToGenerator(function* (params) {
+          var _ref45 = _asyncToGenerator(function* (params) {
             return navigationBarContext.addNavigationRightButton(params);
           });
           return function addAccessoryButton(_x6) {
-            return _ref47.apply(this, arguments);
+            return _ref45.apply(this, arguments);
           };
         }(),
         removeAccessoryButton: function () {
-          var _ref48 = _asyncToGenerator(function* () {
+          var _ref46 = _asyncToGenerator(function* () {
             return navigationBarContext.removeNavigationRightButton();
           });
           return function removeAccessoryButton() {
-            return _ref48.apply(this, arguments);
+            return _ref46.apply(this, arguments);
           };
         }(),
         requestPermission: appsInTossAsyncBridges.requestPermission,
@@ -139449,16 +139656,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         tossAdEventLog,
         memoryDebugLog: webViewMemoryDebugLog,
         debugLog: function () {
-          var _ref49 = _asyncToGenerator(function* (event) {
+          var _ref47 = _asyncToGenerator(function* (event) {
             sendLog(event);
           });
           return function debugLog(_x7) {
-            return _ref49.apply(this, arguments);
+            return _ref47.apply(this, arguments);
           };
         }()
       }
     });
-    var headerPropForExternalWebView = (0, import_react26.useMemo)(() => {
+    var headerPropForExternalWebView = (0, import_react27.useMemo)(() => {
       var parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
       var initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
       var withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -139479,16 +139686,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       colorPreference: "light"
     });
     var refs = mergeRefs(handler.ref, webViewRef);
-    (0, import_react26.useEffect)(() => {
+    (0, import_react27.useEffect)(() => {
       var callback = () => {
         webBackHandler.handleWebBack();
         return true;
       };
-      var subscription = import_react_native37.BackHandler.addEventListener("hardwareBackPress", callback);
+      var subscription = import_react_native42.BackHandler.addEventListener("hardwareBackPress", callback);
       return () => subscription.remove();
     }, [webBackHandler]);
     var handleWebViewProcessDidTerminate = useHandleWebViewProcessDidTerminate(webViewRef);
-    return (0, import_jsx_runtime19.jsx)(BaseWebView, {
+    return (0, import_jsx_runtime24.jsx)(BaseWebView, {
       ref: refs,
       ...props,
       ...headerPropForExternalWebView,
@@ -139508,14 +139715,14 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         webBackHandler.onNavigationStateChange(event);
       },
       textZoom: 100,
-      userAgent: import_react_native37.Platform.OS === "ios" ? userAgent : void 0,
+      userAgent: import_react_native42.Platform.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
       injectedJavaScript: import_user_scripts.afterDocumentLoad,
       injectedJavaScriptBeforeContentLoaded: [handler.injectedJavaScript, import_user_scripts.beforeDocumentLoad].join("\n"),
-      decelerationRate: import_react_native37.Platform.OS === "ios" ? 1 : void 0,
+      decelerationRate: import_react_native42.Platform.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures,
       onShouldStartLoadWithRequest: event => {
         try {
@@ -139523,7 +139730,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           if (["https:", "http:"].includes(url2.protocol) || url2.href === "about:blank") {
             return true;
           } else {
-            import_react_native37.Linking.openURL(convertIntentURL(url2) ?? url2.href);
+            import_react_native42.Linking.openURL(convertIntentURL(url2) ?? url2.href);
             return false;
           }
         } catch (error) {
@@ -139537,13 +139744,13 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
   }
   __reExport(src_exports, _$$_REQUIRE(_dependencyMap[4], "@apps-in-toss/analytics"), module.exports);
-  var import_private10 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
+  var import_private5 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
   __reExport(src_exports, _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules"), module.exports);
-  __reExport(src_exports, _$$_REQUIRE(_dependencyMap[19], "@apps-in-toss/types"), module.exports);
-  var import_types = _$$_REQUIRE(_dependencyMap[19], "@apps-in-toss/types");
-  var import_react_native41 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_react29 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native42 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  __reExport(src_exports, _$$_REQUIRE(_dependencyMap[20], "@apps-in-toss/types"), module.exports);
+  var import_types = _$$_REQUIRE(_dependencyMap[20], "@apps-in-toss/types");
+  var import_react_native46 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react30 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native47 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var SDK_ID = "106";
   var LIST_BANNER_STYLE_ID = "1";
   var NATIVE_IMAGE_STYLE_ID = "2";
@@ -139821,7 +140028,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
     return _loadAd.apply(this, arguments);
   }
-  var import_react_native38 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react_native43 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   function isSafeUrl(url) {
     try {
       var parsed = new URL(url);
@@ -139837,7 +140044,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       return;
     }
     try {
-      (0, import_react_native38.openURL)(getWebSchemeOrUri(url));
+      (0, import_react_native43.openURL)(getWebSchemeOrUri(url));
     } catch (error) {
       console.error("[InlineAd] Failed to open landing URL:", error);
     }
@@ -139944,10 +140151,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       }()
     }]);
   }();
-  var import_react_native_svg = _$$_REQUIRE(_dependencyMap[20], "@granite-js/native/react-native-svg");
-  var import_react27 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native39 = _$$_REQUIRE(_dependencyMap[8], "react-native");
-  var import_jsx_runtime20 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_react_native_svg2 = _$$_REQUIRE(_dependencyMap[14], "@granite-js/native/react-native-svg");
+  var import_react28 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native44 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_jsx_runtime25 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   var ARROW_PATH = "m7.5 20.4c-.5-.5-.5-1.2 0-1.7l6.7-6.7-6.8-6.7c-.5-.5-.5-1.2 0-1.7s1.2-.5 1.7 0l7.5 7.5c.5.5.5 1.2 0 1.7l-7.5 7.5c-.2.3-.5.4-.8.4s-.6-.1-.8-.3z";
   function FeedBannerAdView({
     brandName,
@@ -139959,17 +140166,17 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     ctaTextColor,
     ctaBackgroundColor,
     adClearanceText,
-    colors,
+    colors: colors4,
     isAdBadgeEnabled,
     paddingStyle,
     onPress
   }) {
-    var scale = (0, import_react27.useRef)(new import_react_native39.Animated.Value(1)).current;
+    var scale = (0, import_react28.useRef)(new import_react_native44.Animated.Value(1)).current;
     var animateScale = toValue => {
-      import_react_native39.Animated.timing(scale, {
+      import_react_native44.Animated.timing(scale, {
         toValue,
         duration: 100,
-        easing: import_react_native39.Easing.inOut(import_react_native39.Easing.ease),
+        easing: import_react_native44.Easing.inOut(import_react_native44.Easing.ease),
         useNativeDriver: true
       }).start();
     };
@@ -139981,107 +140188,107 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     };
     var resolvedCtaBackground = ctaBackgroundColor ?? "#3081F9";
     var resolvedCtaTextColor = ctaTextColor ?? "#ffffff";
-    return (0, import_jsx_runtime20.jsx)(import_react_native39.Pressable, {
+    return (0, import_jsx_runtime25.jsx)(import_react_native44.Pressable, {
       accessibilityRole: "button",
       onPress: () => onPress(null),
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
       style: styles.pressable,
-      children: (0, import_jsx_runtime20.jsxs)(import_react_native39.Animated.View, {
+      children: (0, import_jsx_runtime25.jsxs)(import_react_native44.Animated.View, {
         style: [styles.container, paddingStyle, {
           transform: [{
             scale
           }]
         }],
-        children: [(0, import_jsx_runtime20.jsxs)(import_react_native39.View, {
+        children: [(0, import_jsx_runtime25.jsxs)(import_react_native44.View, {
           style: styles.profileContainer,
-          children: [(0, import_jsx_runtime20.jsxs)(import_react_native39.View, {
+          children: [(0, import_jsx_runtime25.jsxs)(import_react_native44.View, {
             style: styles.brandArea,
-            children: [(0, import_jsx_runtime20.jsx)(import_react_native39.Pressable, {
+            children: [(0, import_jsx_runtime25.jsx)(import_react_native44.Pressable, {
               accessibilityRole: "button",
               onPress: () => onPress("202"),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
               style: styles.logoContainer,
-              children: (0, import_jsx_runtime20.jsxs)(import_react_native39.View, {
+              children: (0, import_jsx_runtime25.jsxs)(import_react_native44.View, {
                 style: [styles.logoWrapper, {
-                  backgroundColor: colors.brandLogoBg
+                  backgroundColor: colors4.brandLogoBg
                 }],
-                children: [brandLogoUri ? (0, import_jsx_runtime20.jsx)(import_react_native39.Image, {
+                children: [brandLogoUri ? (0, import_jsx_runtime25.jsx)(import_react_native44.Image, {
                   source: {
                     uri: brandLogoUri
                   },
                   style: styles.logoImage,
                   resizeMode: "cover"
-                }) : null, (0, import_jsx_runtime20.jsx)(import_react_native39.View, {
+                }) : null, (0, import_jsx_runtime25.jsx)(import_react_native44.View, {
                   style: [styles.logoOverlay, {
-                    borderColor: colors.brandLogoBorder
+                    borderColor: colors4.brandLogoBorder
                   }]
                 })]
               })
-            }), (0, import_jsx_runtime20.jsxs)(import_react_native39.View, {
+            }), (0, import_jsx_runtime25.jsxs)(import_react_native44.View, {
               style: styles.brandTextContainer,
-              children: [(0, import_jsx_runtime20.jsx)(import_react_native39.Pressable, {
+              children: [(0, import_jsx_runtime25.jsx)(import_react_native44.Pressable, {
                 accessibilityRole: "button",
                 onPress: () => onPress("103"),
                 onPressIn: handlePressIn,
                 onPressOut: handlePressOut,
-                children: (0, import_jsx_runtime20.jsx)(import_react_native39.Text, {
+                children: (0, import_jsx_runtime25.jsx)(import_react_native44.Text, {
                   allowFontScaling: false,
                   numberOfLines: 1,
                   style: [styles.brandName, {
-                    color: colors.brandName
+                    color: colors4.brandName
                   }],
                   children: brandName
                 })
-              }), isAdBadgeEnabled ? (0, import_jsx_runtime20.jsx)(import_react_native39.Text, {
+              }), isAdBadgeEnabled ? (0, import_jsx_runtime25.jsx)(import_react_native44.Text, {
                 allowFontScaling: false,
                 numberOfLines: 1,
                 style: [styles.adBadge, {
-                  color: colors.adBadge
+                  color: colors4.adBadge
                 }],
                 children: "\uAD11\uACE0"
               }) : null]
             })]
-          }), (0, import_jsx_runtime20.jsxs)(import_react_native39.View, {
+          }), (0, import_jsx_runtime25.jsxs)(import_react_native44.View, {
             style: styles.textArea,
-            children: [(0, import_jsx_runtime20.jsx)(import_react_native39.Pressable, {
+            children: [(0, import_jsx_runtime25.jsx)(import_react_native44.Pressable, {
               accessibilityRole: "button",
               onPress: () => onPress("101"),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
-              children: (0, import_jsx_runtime20.jsx)(import_react_native39.Text, {
+              children: (0, import_jsx_runtime25.jsx)(import_react_native44.Text, {
                 allowFontScaling: false,
                 style: [styles.title, {
-                  color: colors.title
+                  color: colors4.title
                 }],
                 children: title
               })
-            }), (0, import_jsx_runtime20.jsx)(import_react_native39.Pressable, {
+            }), (0, import_jsx_runtime25.jsx)(import_react_native44.Pressable, {
               accessibilityRole: "button",
               onPress: () => onPress("102"),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
-              children: (0, import_jsx_runtime20.jsx)(import_react_native39.Text, {
+              children: (0, import_jsx_runtime25.jsx)(import_react_native44.Text, {
                 allowFontScaling: false,
                 style: [styles.subtitle, {
-                  color: colors.subtitle
+                  color: colors4.subtitle
                 }],
                 children: subtitle
               })
             })]
           })]
-        }), (0, import_jsx_runtime20.jsxs)(import_react_native39.View, {
+        }), (0, import_jsx_runtime25.jsxs)(import_react_native44.View, {
           style: styles.card,
-          children: [(0, import_jsx_runtime20.jsx)(import_react_native39.Pressable, {
+          children: [(0, import_jsx_runtime25.jsx)(import_react_native44.Pressable, {
             accessibilityRole: "button",
             onPress: () => onPress("201"),
             onPressIn: handlePressIn,
             onPressOut: handlePressOut,
             style: styles.imageButton,
-            children: (0, import_jsx_runtime20.jsx)(import_react_native39.View, {
+            children: (0, import_jsx_runtime25.jsx)(import_react_native44.View, {
               style: styles.imageContainer,
-              children: mainImageUri ? (0, import_jsx_runtime20.jsx)(import_react_native39.Image, {
+              children: mainImageUri ? (0, import_jsx_runtime25.jsx)(import_react_native44.Image, {
                 source: {
                   uri: mainImageUri
                 },
@@ -140089,7 +140296,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
                 resizeMode: "cover"
               }) : null
             })
-          }), (0, import_jsx_runtime20.jsxs)(import_react_native39.Pressable, {
+          }), (0, import_jsx_runtime25.jsxs)(import_react_native44.Pressable, {
             accessibilityRole: "button",
             onPress: () => onPress("0"),
             onPressIn: handlePressIn,
@@ -140097,37 +140304,37 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             style: [styles.cta, {
               backgroundColor: resolvedCtaBackground
             }],
-            children: [(0, import_jsx_runtime20.jsx)(import_react_native39.Text, {
+            children: [(0, import_jsx_runtime25.jsx)(import_react_native44.Text, {
               allowFontScaling: false,
               style: [styles.ctaText, {
                 color: resolvedCtaTextColor
               }],
               children: ctaText
-            }), (0, import_jsx_runtime20.jsx)(import_react_native_svg.Svg, {
+            }), (0, import_jsx_runtime25.jsx)(import_react_native_svg2.Svg, {
               width: 20,
               height: 20,
               viewBox: "0 0 24 24",
-              children: (0, import_jsx_runtime20.jsx)(import_react_native_svg.Path, {
+              children: (0, import_jsx_runtime25.jsx)(import_react_native_svg2.Path, {
                 d: ARROW_PATH,
                 fill: resolvedCtaTextColor
               })
             })]
-          }), (0, import_jsx_runtime20.jsx)(import_react_native39.View, {
+          }), (0, import_jsx_runtime25.jsx)(import_react_native44.View, {
             style: [styles.cardOverlay, {
-              borderColor: colors.imageOverlayBorder
+              borderColor: colors4.imageOverlayBorder
             }]
           })]
-        }), adClearanceText ? (0, import_jsx_runtime20.jsx)(import_react_native39.Text, {
+        }), adClearanceText ? (0, import_jsx_runtime25.jsx)(import_react_native44.Text, {
           allowFontScaling: false,
           style: [styles.adClearance, {
-            color: colors.adClearance
+            color: colors4.adClearance
           }],
           children: adClearanceText
         }) : null]
       })
     });
   }
-  var styles = import_react_native39.StyleSheet.create({
+  var styles = import_react_native44.StyleSheet.create({
     pressable: {
       width: "100%"
     },
@@ -140166,7 +140373,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       borderRadius: 18
     },
     logoOverlay: {
-      ...import_react_native39.StyleSheet.absoluteFillObject,
+      ...import_react_native44.StyleSheet.absoluteFillObject,
       borderWidth: 1,
       borderRadius: 18
     },
@@ -140229,7 +140436,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       lineHeight: 22.5
     },
     cardOverlay: {
-      ...import_react_native39.StyleSheet.absoluteFillObject,
+      ...import_react_native44.StyleSheet.absoluteFillObject,
       borderWidth: 2,
       borderRadius: 12,
       pointerEvents: "none"
@@ -140240,10 +140447,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       fontWeight: "400"
     }
   });
-  var import_react_native_svg2 = _$$_REQUIRE(_dependencyMap[20], "@granite-js/native/react-native-svg");
-  var import_react28 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react_native40 = _$$_REQUIRE(_dependencyMap[8], "react-native");
-  var import_jsx_runtime21 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_react_native_svg3 = _$$_REQUIRE(_dependencyMap[14], "@granite-js/native/react-native-svg");
+  var import_react29 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react_native45 = _$$_REQUIRE(_dependencyMap[8], "react-native");
+  var import_jsx_runtime26 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   var SQUIRCLE_PATH = "M0 17.352C0 3.564 3.564 0 17.352 0H18.648C32.436 0 36 3.564 36 17.352V18.648C36 32.436 32.436 36 18.648 36H17.352C3.564 36 0 32.436 0 18.648V17.352Z";
   function ListBannerAdView({
     title,
@@ -140252,16 +140459,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     adClearanceFontSize,
     imageUri,
     paddingStyle,
-    colors,
+    colors: colors4,
     onPress
   }) {
-    var scale = (0, import_react28.useRef)(new import_react_native40.Animated.Value(1)).current;
-    var clipIdRef = (0, import_react28.useRef)(`clip-${Math.random().toString(36).slice(2)}`);
+    var scale = (0, import_react29.useRef)(new import_react_native45.Animated.Value(1)).current;
+    var clipIdRef = (0, import_react29.useRef)(`clip-${Math.random().toString(36).slice(2)}`);
     var animateScale = toValue => {
-      import_react_native40.Animated.timing(scale, {
+      import_react_native45.Animated.timing(scale, {
         toValue,
         duration: 100,
-        easing: import_react_native40.Easing.inOut(import_react_native40.Easing.ease),
+        easing: import_react_native45.Easing.inOut(import_react_native45.Easing.ease),
         useNativeDriver: true
       }).start();
     };
@@ -140271,41 +140478,41 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var handlePressOut = () => {
       animateScale(1);
     };
-    return (0, import_jsx_runtime21.jsx)(import_react_native40.Pressable, {
+    return (0, import_jsx_runtime26.jsx)(import_react_native45.Pressable, {
       accessibilityRole: "button",
       onPress: () => onPress(null),
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
       style: styles2.pressable,
-      children: (0, import_jsx_runtime21.jsxs)(import_react_native40.Animated.View, {
+      children: (0, import_jsx_runtime26.jsxs)(import_react_native45.Animated.View, {
         style: [styles2.container, paddingStyle, {
           transform: [{
             scale
           }]
         }],
-        children: [(0, import_jsx_runtime21.jsxs)(import_react_native40.View, {
+        children: [(0, import_jsx_runtime26.jsxs)(import_react_native45.View, {
           style: styles2.titleRow,
-          children: [(0, import_jsx_runtime21.jsx)(import_react_native40.Pressable, {
+          children: [(0, import_jsx_runtime26.jsx)(import_react_native45.Pressable, {
             accessibilityRole: "button",
             onPress: () => onPress("202"),
             onPressIn: handlePressIn,
             onPressOut: handlePressOut,
             style: styles2.iconWrapper,
-            children: (0, import_jsx_runtime21.jsxs)(import_react_native_svg2.Svg, {
+            children: (0, import_jsx_runtime26.jsxs)(import_react_native_svg3.Svg, {
               width: 36,
               height: 36,
               viewBox: "0 0 36 36",
-              children: [(0, import_jsx_runtime21.jsx)(import_react_native_svg2.Defs, {
-                children: (0, import_jsx_runtime21.jsx)(import_react_native_svg2.ClipPath, {
+              children: [(0, import_jsx_runtime26.jsx)(import_react_native_svg3.Defs, {
+                children: (0, import_jsx_runtime26.jsx)(import_react_native_svg3.ClipPath, {
                   id: clipIdRef.current,
-                  children: (0, import_jsx_runtime21.jsx)(import_react_native_svg2.Path, {
+                  children: (0, import_jsx_runtime26.jsx)(import_react_native_svg3.Path, {
                     d: SQUIRCLE_PATH
                   })
                 })
-              }), (0, import_jsx_runtime21.jsx)(import_react_native_svg2.Path, {
+              }), (0, import_jsx_runtime26.jsx)(import_react_native_svg3.Path, {
                 d: SQUIRCLE_PATH,
-                fill: colors.iconBg
-              }), imageUri ? (0, import_jsx_runtime21.jsx)(import_react_native_svg2.Image, {
+                fill: colors4.iconBg
+              }), imageUri ? (0, import_jsx_runtime26.jsx)(import_react_native_svg3.Image, {
                 href: {
                   uri: imageUri
                 },
@@ -140313,46 +140520,46 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
                 height: 36,
                 preserveAspectRatio: "xMidYMid slice",
                 clipPath: `url(#${clipIdRef.current})`
-              }) : null, (0, import_jsx_runtime21.jsx)(import_react_native_svg2.Path, {
+              }) : null, (0, import_jsx_runtime26.jsx)(import_react_native_svg3.Path, {
                 d: SQUIRCLE_PATH,
                 fill: "none",
-                stroke: colors.iconBorder,
+                stroke: colors4.iconBorder,
                 strokeWidth: 2,
                 clipPath: `url(#${clipIdRef.current})`
               })]
             })
-          }), (0, import_jsx_runtime21.jsxs)(import_react_native40.View, {
+          }), (0, import_jsx_runtime26.jsxs)(import_react_native45.View, {
             style: styles2.textWrapper,
-            children: [(0, import_jsx_runtime21.jsx)(import_react_native40.Pressable, {
+            children: [(0, import_jsx_runtime26.jsx)(import_react_native45.Pressable, {
               accessibilityRole: "button",
               onPress: () => onPress("101"),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
-              children: (0, import_jsx_runtime21.jsx)(import_react_native40.Text, {
+              children: (0, import_jsx_runtime26.jsx)(import_react_native45.Text, {
                 allowFontScaling: false,
                 style: [styles2.title, {
-                  color: colors.title
+                  color: colors4.title
                 }],
                 children: title
               })
-            }), (0, import_jsx_runtime21.jsx)(import_react_native40.Pressable, {
+            }), (0, import_jsx_runtime26.jsx)(import_react_native45.Pressable, {
               accessibilityRole: "button",
               onPress: () => onPress("102"),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
-              children: (0, import_jsx_runtime21.jsx)(import_react_native40.Text, {
+              children: (0, import_jsx_runtime26.jsx)(import_react_native45.Text, {
                 allowFontScaling: false,
                 style: [styles2.subtitle, {
-                  color: colors.subtitle
+                  color: colors4.subtitle
                 }],
                 children: subtitle
               })
             })]
           })]
-        }), adClearanceText ? (0, import_jsx_runtime21.jsx)(import_react_native40.Text, {
+        }), adClearanceText ? (0, import_jsx_runtime26.jsx)(import_react_native45.Text, {
           allowFontScaling: false,
           style: [styles2.adClearance, {
-            color: colors.adClearance,
+            color: colors4.adClearance,
             fontSize: adClearanceFontSize,
             lineHeight: adClearanceFontSize * 1.2
           }],
@@ -140361,7 +140568,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       })
     });
   }
-  var styles2 = import_react_native40.StyleSheet.create({
+  var styles2 = import_react_native45.StyleSheet.create({
     pressable: {
       width: "100%"
     },
@@ -140487,7 +140694,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       adMetadata: {}
     };
   }
-  var import_jsx_runtime22 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
+  var import_jsx_runtime27 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   var themePalette = {
     light: {
       title: "#4e5968",
@@ -140569,27 +140776,27 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       onAdImpression = props.onAdImpression,
       onAdFailedToRender = props.onAdFailedToRender,
       onNoFill = props.onNoFill;
-    var slotIdRef = (0, import_react29.useRef)(createSlotId());
-    var _ref50 = (0, import_react29.useState)(null),
+    var slotIdRef = (0, import_react30.useRef)(createSlotId());
+    var _ref48 = (0, import_react30.useState)(null),
+      _ref49 = _slicedToArray(_ref48, 2),
+      ad = _ref49[0],
+      setAd = _ref49[1];
+    var _ref50 = (0, import_react30.useState)(true),
       _ref51 = _slicedToArray(_ref50, 2),
-      ad = _ref51[0],
-      setAd = _ref51[1];
-    var _ref52 = (0, import_react29.useState)(true),
-      _ref53 = _slicedToArray(_ref52, 2),
-      isAdBadgeEnabled = _ref53[0],
-      setIsAdBadgeEnabled = _ref53[1];
-    var eventTrackerRef = (0, import_react29.useRef)(null);
-    var eventPayloadRef = (0, import_react29.useRef)(null);
-    var hasRenderedRef = (0, import_react29.useRef)(false);
-    var hasLoggedImp1pxRef = (0, import_react29.useRef)(false);
-    var hasLoggedImp100pRef = (0, import_react29.useRef)(false);
-    var hasNotifiedViewableRef = (0, import_react29.useRef)(false);
-    var viewableTimerRef = (0, import_react29.useRef)(null);
-    var refetchIntervalMsRef = (0, import_react29.useRef)(null);
-    var lastImp1pxAtRef = (0, import_react29.useRef)(null);
-    var loadingRef = (0, import_react29.useRef)(false);
-    var loadRef = (0, import_react29.useRef)(null);
-    var callbacksRef = (0, import_react29.useRef)({
+      isAdBadgeEnabled = _ref51[0],
+      setIsAdBadgeEnabled = _ref51[1];
+    var eventTrackerRef = (0, import_react30.useRef)(null);
+    var eventPayloadRef = (0, import_react30.useRef)(null);
+    var hasRenderedRef = (0, import_react30.useRef)(false);
+    var hasLoggedImp1pxRef = (0, import_react30.useRef)(false);
+    var hasLoggedImp100pRef = (0, import_react30.useRef)(false);
+    var hasNotifiedViewableRef = (0, import_react30.useRef)(false);
+    var viewableTimerRef = (0, import_react30.useRef)(null);
+    var refetchIntervalMsRef = (0, import_react30.useRef)(null);
+    var lastImp1pxAtRef = (0, import_react30.useRef)(null);
+    var loadingRef = (0, import_react30.useRef)(false);
+    var loadRef = (0, import_react30.useRef)(null);
+    var callbacksRef = (0, import_react30.useRef)({
       onAdRendered,
       onAdViewable,
       onAdClicked,
@@ -140597,13 +140804,13 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       onAdFailedToRender,
       onNoFill
     });
-    var isMountedRef = (0, import_react29.useRef)(false);
-    var colorScheme = (0, import_react_native42.useColorScheme)();
+    var isMountedRef = (0, import_react30.useRef)(false);
+    var colorScheme = (0, import_react_native47.useColorScheme)();
     var selectedTheme = theme ?? DEFAULT_INLINE_AD_THEME;
     var resolvedTheme = selectedTheme === "auto" ? colorScheme === "dark" ? "dark" : "light" : selectedTheme;
     var resolvedTone = tone ?? DEFAULT_INLINE_AD_TONE;
     var resolvedVariant = variant ?? DEFAULT_INLINE_AD_VARIANT;
-    var colors = themePalette[resolvedTheme];
+    var colors4 = themePalette[resolvedTheme];
     var feedColors = feedThemePalette[resolvedTheme];
     var backgroundColor = resolvedTone === "grey" ? resolvedTheme === "dark" ? "#101013" : "#f2f4f7" : resolvedTheme === "dark" ? "#17171c" : "#ffffff";
     callbacksRef.current = {
@@ -140614,7 +140821,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       onAdFailedToRender,
       onNoFill
     };
-    (0, import_react29.useEffect)(() => {
+    (0, import_react30.useEffect)(() => {
       isMountedRef.current = true;
       return () => {
         isMountedRef.current = false;
@@ -140624,7 +140831,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         }
       };
     }, []);
-    (0, import_react29.useEffect)(() => {
+    (0, import_react30.useEffect)(() => {
       var normalizedAdGroupId = normalizeAdGroupId(adGroupId);
       var loadAdRequest = () => {
         if (loadingRef.current) {
@@ -140682,7 +140889,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         loadRef.current = null;
       };
     }, [adGroupId]);
-    (0, import_react_native41.useVisibilityChange)(documentVisibility => {
+    (0, import_react_native46.useVisibilityChange)(documentVisibility => {
       if (documentVisibility !== "visible") {
         return;
       }
@@ -140695,7 +140902,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         loadRef.current?.();
       }
     });
-    (0, import_react29.useEffect)(() => {
+    (0, import_react30.useEffect)(() => {
       if (!ad || hasRenderedRef.current) {
         return;
       }
@@ -140780,36 +140987,36 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         callbacksRef.current.onAdClicked?.(basePayload);
       }
     };
-    return (0, import_jsx_runtime22.jsx)(import_react_native41.ImpressionArea, {
+    return (0, import_jsx_runtime27.jsx)(import_react_native46.ImpressionArea, {
       style: styles3.impressionArea,
       onImpressionStart: handleImpression1px,
       areaThreshold: 0,
       UNSAFE__impressFallbackOnMount: Boolean(impressFallbackOnMount),
-      children: (0, import_jsx_runtime22.jsx)(import_react_native41.ImpressionArea, {
+      children: (0, import_jsx_runtime27.jsx)(import_react_native46.ImpressionArea, {
         onImpressionStart: handleImpression100p,
         areaThreshold: 1,
         UNSAFE__impressFallbackOnMount: Boolean(impressFallbackOnMount),
-        children: (0, import_jsx_runtime22.jsx)(import_react_native41.ImpressionArea, {
+        children: (0, import_jsx_runtime27.jsx)(import_react_native46.ImpressionArea, {
           onImpressionStart: handleViewableStart,
           onImpressionEnd: handleViewableEnd,
           areaThreshold: 0.5,
           UNSAFE__impressFallbackOnMount: Boolean(impressFallbackOnMount),
-          children: (0, import_jsx_runtime22.jsx)(import_react_native42.View, {
+          children: (0, import_jsx_runtime27.jsx)(import_react_native47.View, {
             style: [styles3.wrapper, resolvedVariant === "card" && styles3.cardWrapper],
-            children: (0, import_jsx_runtime22.jsxs)(import_react_native42.View, {
+            children: (0, import_jsx_runtime27.jsxs)(import_react_native47.View, {
               style: [styles3.surface, {
                 backgroundColor
               }, resolvedVariant === "card" && styles3.cardSurface],
-              children: [isListBanner && listCreative ? (0, import_jsx_runtime22.jsx)(ListBannerAdView, {
+              children: [isListBanner && listCreative ? (0, import_jsx_runtime27.jsx)(ListBannerAdView, {
                 title: listCreative.title,
                 subtitle: subtitleText,
                 adClearanceText,
                 adClearanceFontSize,
                 imageUri,
                 paddingStyle,
-                colors,
+                colors: colors4,
                 onPress: handleClick
-              }) : null, isFeedBanner && feedCreative ? (0, import_jsx_runtime22.jsx)(FeedBannerAdView, {
+              }) : null, isFeedBanner && feedCreative ? (0, import_jsx_runtime27.jsx)(FeedBannerAdView, {
                 brandName: feedCreative.brandName,
                 brandLogoUri,
                 title: feedCreative.title,
@@ -140830,7 +141037,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       })
     }, impressionKey);
   }
-  var styles3 = import_react_native42.StyleSheet.create({
+  var styles3 = import_react_native47.StyleSheet.create({
     impressionArea: {
       width: "100%"
     },
@@ -140874,9 +141081,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     useWaitForReturnNavigator,
     ..._$$_REQUIRE(_dependencyMap[4], "@apps-in-toss/analytics"),
     ..._$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules"),
-    ..._$$_REQUIRE(_dependencyMap[19], "@apps-in-toss/types")
+    ..._$$_REQUIRE(_dependencyMap[20], "@apps-in-toss/types")
   });
-},1280,[21,20,17,48,1281,1282,2,1469,34,6,9,2436,2517,611,2520,2570,2578,2595,2445,1283,750],"../../../../.yarn/__virtual__/@apps-in-toss-framework-virtual-afbad361af/1/packages/apps-in-toss/framework/dist/index.cjs");
+},1280,[21,20,17,48,1281,1282,2,1469,34,6,9,2436,2517,611,750,2520,2570,2578,2595,2445,1283],"../../../../.yarn/__virtual__/@apps-in-toss-framework-virtual-afbad361af/1/packages/apps-in-toss/framework/dist/index.cjs");
 __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, exports, _dependencyMap) {
   "use strict";