@apps-in-toss/web-framework 1.4.2 → 1.4.4

package/dist/prebuilt/dev.ios.js

@@ -154286,6 +154286,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       })
     });
   }
+  var import_react_native_safe_area_context = _$$_REQUIRE(_dependencyMap[14], "@granite-js/native/react-native-safe-area-context");
   var import_tds_react_native9 = _$$_REQUIRE(_dependencyMap[8], "@toss/tds-react-native");
   var import_private6 = _$$_REQUIRE(_dependencyMap[13], "@toss/tds-react-native/private");
   var import_react_native19 = _$$_REQUIRE(_dependencyMap[9], "react-native");
@@ -154296,6 +154297,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var _useMoreButtonBottomS2 = useMoreButtonBottomSheet(),
       openMoreButtonBottomSheet = _useMoreButtonBottomS2.open;
     var navigationEvent = useNavigationEvent();
+    var _ref39 = (0, import_react_native_safe_area_context.useSafeAreaInsets)(),
+      safeAreaRight = _ref39.right;
     useHardwareBackPress(navigationEvent.handleBack);
     var parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     var initialAccessoryButton = parsedNavigationBar == null ? void 0 : parsedNavigationBar.initialAccessoryButton;
@@ -154314,7 +154317,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           position: "absolute",
           zIndex: Z_INDEX.CLOSE_BUTTON,
           marginTop: safeAreaTop,
-          paddingRight: 10
+          paddingRight: safeAreaRight + 10
         },
         pointerEvents: "box-none",
         children: (0, import_jsx_runtime8.jsx)(import_private6.NavigationRightContent, {
@@ -154331,12 +154334,12 @@ __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"));
+  __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_runtime9 = _$$_REQUIRE(_dependencyMap[11], "react/jsx-runtime");
-  function RNAppContainer(_ref39) {
-    var children = _ref39.children;
+  function RNAppContainer(_ref40) {
+    var children = _ref40.children;
     var global2 = getAppsInTossGlobals();
     switch (global2.appType) {
       case "game":
@@ -154350,12 +154353,12 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         });
     }
   }
-  function GameAppContainer(_ref40) {
-    var children = _ref40.children;
-    var _ref41 = (0, import_react17.useState)(false),
-      _ref42 = _slicedToArray(_ref41, 2),
-      isEntryMessageExited = _ref42[0],
-      setIsEntryMessageExited = _ref42[1];
+  function GameAppContainer(_ref41) {
+    var children = _ref41.children;
+    var _ref42 = (0, import_react17.useState)(false),
+      _ref43 = _slicedToArray(_ref42, 2),
+      isEntryMessageExited = _ref43[0],
+      setIsEntryMessageExited = _ref43[1];
     (0, import_react17.useEffect)(function () {
       if (import_react_native20.Platform.OS === "ios") {
         (0, import_native_modules12.setIosSwipeGestureEnabled)({
@@ -154383,16 +154386,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       }) : children]
     });
   }
-  function GeneralAppContainer(_ref43) {
-    var children = _ref43.children;
+  function GeneralAppContainer(_ref44) {
+    var children = _ref44.children;
     return (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, {
       children: [(0, import_jsx_runtime9.jsx)(RNNavigationBar.Default, {}), children]
     });
   }
   var import_jsx_runtime10 = _$$_REQUIRE(_dependencyMap[11], "react/jsx-runtime");
-  function AppsInTossContainer(Container, _ref44) {
-    var children = _ref44.children,
-      initialProps = _objectWithoutProperties(_ref44, _excluded);
+  function AppsInTossContainer(Container, _ref45) {
+    var children = _ref45.children,
+      initialProps = _objectWithoutProperties(_ref45, _excluded);
     if (!(0, import_native_modules13.isMinVersionSupported)({
       android: "5.220.0",
       ios: "5.221.0"
@@ -154417,16 +154420,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       }))]
     });
   }
-  function TDSContainer(_ref45) {
-    var children = _ref45.children;
+  function TDSContainer(_ref46) {
+    var children = _ref46.children;
     useAppsInTossBridge();
     return (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {
       children: children
     });
   }
-  function registerApp(container, _ref46) {
-    var context = _ref46.context,
-      analytics = _ref46.analytics;
+  function registerApp(container, _ref47) {
+    var context = _ref47.context,
+      analytics = _ref47.analytics;
     var appName = getAppName();
     var isRegistered = import_react_native22.AppRegistry.getAppKeys().includes(appName);
     if (!isRegistered) {
@@ -154452,8 +154455,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }
     return global.Page;
   }
-  function AppsInTossScreenContainer(_ref47) {
-    var children = _ref47.children;
+  function AppsInTossScreenContainer(_ref48) {
+    var children = _ref48.children;
     var isRNApp = getAppsInTossGlobals().webViewType == null;
     return (0, import_jsx_runtime10.jsx)(import_analytics.Analytics.Screen, {
       children: isRNApp ? (0, import_jsx_runtime10.jsx)(RNAppContainer, {
@@ -154473,18 +154476,19 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     registerApp: registerApp
   };
   var import_native_modules18 = _$$_REQUIRE(_dependencyMap[6], "@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 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_react_native32 = _$$_REQUIRE(_dependencyMap[7], "@granite-js/react-native");
   var import_tds_react_native14 = _$$_REQUIRE(_dependencyMap[8], "@toss/tds-react-native");
   var import_private9 = _$$_REQUIRE(_dependencyMap[13], "@toss/tds-react-native/private");
   var import_react27 = _$$_REQUIRE(_dependencyMap[10], "react");
   var import_react_native33 = _$$_REQUIRE(_dependencyMap[9], "react-native");
   var import_native_modules14 = _$$_REQUIRE(_dependencyMap[6], "@apps-in-toss/native-modules");
-  var import_react_native_webview = _$$_REQUIRE(_dependencyMap[17], "@granite-js/native/react-native-webview");
+  var import_react_native_webview = _$$_REQUIRE(_dependencyMap[18], "@granite-js/native/react-native-webview");
   var import_react19 = _$$_REQUIRE(_dependencyMap[10], "react");
   var import_react_native25 = _$$_REQUIRE(_dependencyMap[9], "react-native");
+  var import_react_native_safe_area_context2 = _$$_REQUIRE(_dependencyMap[14], "@granite-js/native/react-native-safe-area-context");
   var import_react_native23 = _$$_REQUIRE(_dependencyMap[7], "@granite-js/react-native");
   var import_tds_react_native11 = _$$_REQUIRE(_dependencyMap[8], "@toss/tds-react-native");
   var import_private7 = _$$_REQUIRE(_dependencyMap[13], "@toss/tds-react-native/private");
@@ -154494,14 +154498,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var import_jsx_runtime11 = _$$_REQUIRE(_dependencyMap[11], "react/jsx-runtime");
   function GameWebviewNavigationBar() {
     var safeAreaTop = (0, import_private7.useSafeAreaTop)();
-    var _ref48 = (0, import_tds_react_native11.useDialog)(),
-      openConfirm = _ref48.openConfirm;
+    var _ref49 = (0, import_tds_react_native11.useDialog)(),
+      openConfirm = _ref49.openConfirm;
     var _useCaptureExitLog3 = useCaptureExitLog(),
       captureExitLog = _useCaptureExitLog3.captureExitLog;
     var global2 = getAppsInTossGlobals();
     var logging = useNavigationBarLogging();
     var _useMoreButtonBottomS3 = useMoreButtonBottomSheet(),
       openMoreButtonBottomSheet = _useMoreButtonBottomS3.open;
+    var _ref50 = (0, import_react_native_safe_area_context2.useSafeAreaInsets)(),
+      safeAreaRight = _ref50.right;
     var parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     var initialAccessoryButton = parsedNavigationBar == null ? void 0 : parsedNavigationBar.initialAccessoryButton;
     var handleGameWebviewClose = (0, import_react18.useCallback)(_asyncToGenerator(function* () {
@@ -154534,7 +154540,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           position: "absolute",
           zIndex: Z_INDEX.CLOSE_BUTTON,
           marginTop: safeAreaTop,
-          paddingRight: 10
+          paddingRight: safeAreaRight + 10
         },
         pointerEvents: "box-none",
         children: (0, import_jsx_runtime11.jsx)(import_private7.NavigationRightContent, {
@@ -154550,10 +154556,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }
   var import_jsx_runtime12 = _$$_REQUIRE(_dependencyMap[11], "react/jsx-runtime");
   var GameWebView = (0, import_react19.forwardRef)(function GameWebView2(props, ref) {
-    var _ref50 = (0, import_react19.useState)(false),
-      _ref51 = _slicedToArray(_ref50, 2),
-      isEntryMessageExited = _ref51[0],
-      setIsEntryMessageExited = _ref51[1];
+    var _ref52 = (0, import_react19.useState)(false),
+      _ref53 = _slicedToArray(_ref52, 2),
+      isEntryMessageExited = _ref53[0],
+      setIsEntryMessageExited = _ref53[1];
     (0, import_react19.useEffect)(function () {
       if (import_react_native25.Platform.OS === "ios") {
         (0, import_native_modules14.setIosSwipeGestureEnabled)({
@@ -154585,7 +154591,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       }, props))]
     });
   });
-  var import_react_native_webview2 = _$$_REQUIRE(_dependencyMap[17], "@granite-js/native/react-native-webview");
+  var import_react_native_webview2 = _$$_REQUIRE(_dependencyMap[18], "@granite-js/native/react-native-webview");
   var import_react21 = _$$_REQUIRE(_dependencyMap[10], "react");
   var import_react_native26 = _$$_REQUIRE(_dependencyMap[7], "@granite-js/react-native");
   var import_tds_react_native12 = _$$_REQUIRE(_dependencyMap[8], "@toss/tds-react-native");
@@ -154593,16 +154599,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var import_es_hangul4 = _$$_REQUIRE(_dependencyMap[12], "es-hangul");
   var import_react20 = _$$_REQUIRE(_dependencyMap[10], "react");
   var import_jsx_runtime13 = _$$_REQUIRE(_dependencyMap[11], "react/jsx-runtime");
-  function PartnerWebviewNavigationBar(_ref52) {
+  function PartnerWebviewNavigationBar(_ref54) {
     var _parsedNavigationBar$3, _parsedNavigationBar$4;
-    var onBackButtonClick = _ref52.onBackButtonClick,
-      onHomeButtonClick = _ref52.onHomeButtonClick;
+    var onBackButtonClick = _ref54.onBackButtonClick,
+      onHomeButtonClick = _ref54.onHomeButtonClick;
     var globals = getAppsInTossGlobals();
     var _useCaptureExitLog4 = useCaptureExitLog(),
       captureExitLog = _useCaptureExitLog4.captureExitLog;
     var logging = useNavigationBarLogging();
-    var _ref53 = (0, import_tds_react_native12.useDialog)(),
-      openConfirm = _ref53.openConfirm;
+    var _ref55 = (0, import_tds_react_native12.useDialog)(),
+      openConfirm = _ref55.openConfirm;
     var _useMoreButtonBottomS4 = useMoreButtonBottomSheet(),
       openMoreButtonBottomSheet = _useMoreButtonBottomS4.open;
     var parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
@@ -154646,10 +154652,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
   }
   var import_jsx_runtime14 = _$$_REQUIRE(_dependencyMap[11], "react/jsx-runtime");
-  var PartnerWebView = (0, import_react21.forwardRef)(function PartnerWebViewScreen(_ref55, ref) {
-    var onBackButtonClick = _ref55.onBackButtonClick,
-      onHomeButtonClick = _ref55.onHomeButtonClick,
-      webViewProps = _objectWithoutProperties(_ref55, _excluded2);
+  var PartnerWebView = (0, import_react21.forwardRef)(function PartnerWebViewScreen(_ref57, ref) {
+    var onBackButtonClick = _ref57.onBackButtonClick,
+      onHomeButtonClick = _ref57.onHomeButtonClick,
+      webViewProps = _objectWithoutProperties(_ref57, _excluded2);
     return (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, {
       children: [(0, import_jsx_runtime14.jsx)(PartnerWebviewNavigationBar, {
         onBackButtonClick: onBackButtonClick,
@@ -154667,10 +154673,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function serializeError(error) {
     return JSON.stringify(error, function (_, value) {
       if (value instanceof Error) {
-        return Object.assign({}, Object.entries(value).reduce(function (acc, _ref56) {
-          var _ref57 = _slicedToArray(_ref56, 2),
-            key = _ref57[0],
-            value2 = _ref57[1];
+        return Object.assign({}, Object.entries(value).reduce(function (acc, _ref58) {
+          var _ref59 = _slicedToArray(_ref58, 2),
+            key = _ref59[0],
+            value2 = _ref59[1];
           acc[key] = value2;
           return acc;
         }, {}), {
@@ -154683,24 +154689,24 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       return value;
     });
   }
-  function methodHandler(_ref58) {
-    var args = _ref58.args,
-      eventId = _ref58.eventId,
-      functionName = _ref58.functionName,
-      handlerMap = _ref58.handlerMap,
-      injectJavaScript = _ref58.injectJavaScript;
+  function methodHandler(_ref60) {
+    var args = _ref60.args,
+      eventId = _ref60.eventId,
+      functionName = _ref60.functionName,
+      handlerMap = _ref60.handlerMap,
+      injectJavaScript = _ref60.injectJavaScript;
     var func = handlerMap[functionName];
     if (!func) {
       console.error(functionName + " is not a function");
       return;
     }
     var wrappedFunc = function () {
-      var _ref59 = _asyncToGenerator(function* () {
+      var _ref61 = _asyncToGenerator(function* () {
         var result = yield func.apply(void 0, arguments);
         return result;
       });
       return function wrappedFunc() {
-        return _ref59.apply(this, arguments);
+        return _ref61.apply(this, arguments);
       };
     }();
     wrappedFunc.apply(void 0, _toConsumableArray(args)).then(function (result) {
@@ -154711,18 +154717,18 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
   }
   var globalEventListenerMap = new Map();
-  function useBridgeHandler(_ref60) {
-    var onMessage = _ref60.onMessage,
-      constantHandlerMap = _ref60.constantHandlerMap,
-      asyncHandlerMap = _ref60.asyncHandlerMap,
-      eventListenerMap = _ref60.eventListenerMap,
-      originalInjectedJavaScript = _ref60.injectedJavaScript;
+  function useBridgeHandler(_ref62) {
+    var onMessage = _ref62.onMessage,
+      constantHandlerMap = _ref62.constantHandlerMap,
+      asyncHandlerMap = _ref62.asyncHandlerMap,
+      eventListenerMap = _ref62.eventListenerMap,
+      originalInjectedJavaScript = _ref62.injectedJavaScript;
     var ref = (0, import_react22.useRef)(null);
     var injectedJavaScript = (0, import_react22.useMemo)(function () {
-      return ["window.__CONSTANT_HANDLER_MAP = " + JSON.stringify(Object.entries(constantHandlerMap).reduce(function (acc, _ref61) {
-        var _ref62 = _slicedToArray(_ref61, 2),
-          key = _ref62[0],
-          value = _ref62[1];
+      return ["window.__CONSTANT_HANDLER_MAP = " + JSON.stringify(Object.entries(constantHandlerMap).reduce(function (acc, _ref63) {
+        var _ref64 = _slicedToArray(_ref63, 2),
+          key = _ref64[0],
+          value = _ref64[1];
         acc[key] = typeof value === "function" ? value() : value;
         return acc;
       }, {})) + ";", originalInjectedJavaScript, "true"].join("\n");
@@ -154741,7 +154747,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       };
     };
     var $onMessage = (0, import_react22.useCallback)(function () {
-      var _ref63 = _asyncToGenerator(function* (e) {
+      var _ref65 = _asyncToGenerator(function* (e) {
         onMessage == null ? void 0 : onMessage(e);
         var data = JSON.parse(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)) {
@@ -154786,7 +154792,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         }
       });
       return function (_x4) {
-        return _ref63.apply(this, arguments);
+        return _ref65.apply(this, arguments);
       };
     }(), [onMessage]);
     return {
@@ -154846,20 +154852,20 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }
   }
   function useWebViewHistory() {
-    var _ref64 = (0, import_react23.useReducer)(reducer, INITIAL_STATE),
-      _ref65 = _slicedToArray(_ref64, 2),
-      state = _ref65[0],
-      dispatch = _ref65[1];
-    var onNavigationStateChange = (0, import_react23.useCallback)(function (_ref66) {
-      var url = _ref66.url,
-        canGoForward2 = _ref66.canGoForward;
+    var _ref66 = (0, import_react23.useReducer)(reducer, INITIAL_STATE),
+      _ref67 = _slicedToArray(_ref66, 2),
+      state = _ref67[0],
+      dispatch = _ref67[1];
+    var onNavigationStateChange = (0, import_react23.useCallback)(function (_ref68) {
+      var url = _ref68.url,
+        canGoForward2 = _ref68.canGoForward;
       dispatch({
         type: "NAVIGATION_CHANGE",
         url: url,
         canGoForward: canGoForward2
       });
     }, []);
-    var _ref67 = (0, import_react23.useMemo)(function () {
+    var _ref69 = (0, import_react23.useMemo)(function () {
         var canBack = state.index > 0;
         var canFwd = state.index >= 0 && state.index < state.stack.length - 1;
         return {
@@ -154867,8 +154873,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           canGoForward: canFwd
         };
       }, [state.index, state.stack.length]),
-      canGoBack = _ref67.canGoBack,
-      canGoForward = _ref67.canGoForward;
+      canGoBack = _ref69.canGoBack,
+      canGoForward = _ref69.canGoForward;
     return {
       onNavigationStateChange: onNavigationStateChange,
       hasHistory: canGoBack,
@@ -154883,14 +154889,14 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var _useWebViewHistory = useWebViewHistory(),
       hasHistory = _useWebViewHistory.hasHistory,
       onNavigationStateChange = _useWebViewHistory.onNavigationStateChange;
-    var _ref68 = (0, import_react_native27.useBackEventState)(),
-      webBackHandlersRef = _ref68.handlersRef,
-      hasWebBackEvent = _ref68.hasBackEvent,
-      addWebBackEventListener = _ref68.addEventListener,
-      removeWebBackEventListener = _ref68.removeEventListener;
+    var _ref70 = (0, import_react_native27.useBackEventState)(),
+      webBackHandlersRef = _ref70.handlersRef,
+      hasWebBackEvent = _ref70.hasBackEvent,
+      addWebBackEventListener = _ref70.addEventListener,
+      removeWebBackEventListener = _ref70.removeEventListener;
     var logging = useNavigationBarLogging();
-    var _ref69 = (0, import_tds_react_native13.useDialog)(),
-      openConfirm = _ref69.openConfirm;
+    var _ref71 = (0, import_tds_react_native13.useDialog)(),
+      openConfirm = _ref71.openConfirm;
     var global2 = getAppsInTossGlobals();
     var addEventListener = (0, import_react24.useCallback)(function (handler) {
       addWebBackEventListener(handler);
@@ -155087,19 +155093,19 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function mapFontScaleToCategory(fontScale, platform) {
     return platform === "ios" ? mapIOSFontScaleToCategory(fontScale) : mapAndroidFontScaleToCategory(fontScale);
   }
-  function _useCreateUserAgent(_ref71) {
-    var batteryModePreference = _ref71.batteryModePreference,
-      colorPreference = _ref71.colorPreference,
-      locale = _ref71.locale,
-      navbarPreference = _ref71.navbarPreference,
-      pureSafeArea = _ref71.pureSafeArea,
-      safeArea = _ref71.safeArea,
-      safeAreaBottomTransparency = _ref71.safeAreaBottomTransparency;
+  function _useCreateUserAgent(_ref73) {
+    var batteryModePreference = _ref73.batteryModePreference,
+      colorPreference = _ref73.colorPreference,
+      locale = _ref73.locale,
+      navbarPreference = _ref73.navbarPreference,
+      pureSafeArea = _ref73.pureSafeArea,
+      safeArea = _ref73.safeArea,
+      safeAreaBottomTransparency = _ref73.safeAreaBottomTransparency;
     var platform = (0, import_native_modules15.getPlatformOS)();
     var appVersion = (0, import_native_modules15.getTossAppVersion)();
-    var _ref72 = (0, import_react_native28.useWindowDimensions)(),
-      fontScale = _ref72.fontScale;
-    var platformString = platform === "ios" ? "iPhone" : "Android";
+    var _ref74 = (0, import_react_native28.useWindowDimensions)(),
+      fontScale = _ref74.fontScale;
+    var platformString = platform === "ios" ? "iPhone" : "Android phone";
     var fontA11y = mapFontScaleToCategory(fontScale, platform);
     var normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
     return ["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(" ");
@@ -155107,15 +155113,15 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var import_native_modules16 = _$$_REQUIRE(_dependencyMap[6], "@apps-in-toss/native-modules");
   var import_react_native29 = _$$_REQUIRE(_dependencyMap[7], "@granite-js/react-native");
   var import_react25 = _$$_REQUIRE(_dependencyMap[10], "react");
-  function _useGeolocation(_ref73) {
-    var accuracy = _ref73.accuracy,
-      distanceInterval = _ref73.distanceInterval,
-      timeInterval = _ref73.timeInterval;
+  function _useGeolocation(_ref75) {
+    var accuracy = _ref75.accuracy,
+      distanceInterval = _ref75.distanceInterval,
+      timeInterval = _ref75.timeInterval;
     var isVisible = (0, import_react_native29.useVisibility)();
-    var _ref74 = (0, import_react25.useState)(null),
-      _ref75 = _slicedToArray(_ref74, 2),
-      location = _ref75[0],
-      setLocation = _ref75[1];
+    var _ref76 = (0, import_react25.useState)(null),
+      _ref77 = _slicedToArray(_ref76, 2),
+      location = _ref77[0],
+      setLocation = _ref77[1];
     (0, import_react25.useEffect)(function () {
       if (!isVisible) {
         return;
@@ -155211,10 +155217,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var baseUrl = new URL(url);
     var schemeUrl = new URL((0, import_react_native32.getSchemeUri)());
     baseUrl.pathname = schemeUrl.pathname;
-    for (var _ref76 of schemeUrl.searchParams.entries()) {
-      var _ref77 = _slicedToArray(_ref76, 2);
-      var key = _ref77[0];
-      var value = _ref77[1];
+    for (var _ref78 of schemeUrl.searchParams.entries()) {
+      var _ref79 = _slicedToArray(_ref78, 2);
+      var key = _ref79[0];
+      var value = _ref79[1];
       baseUrl.searchParams.set(key, value);
     }
     return baseUrl;
@@ -155233,11 +155239,11 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }
     return url.toString();
   }
-  function _WebView(_ref78) {
-    var type = _ref78.type,
-      local = _ref78.local,
-      onMessage = _ref78.onMessage,
-      props = _objectWithoutProperties(_ref78, _excluded3);
+  function _WebView(_ref80) {
+    var type = _ref80.type,
+      local = _ref80.local,
+      onMessage = _ref80.onMessage,
+      props = _objectWithoutProperties(_ref80, _excluded3);
     if (!TYPES.includes(type)) {
       throw new Error("Invalid WebView type: '" + type + "'");
     }
@@ -155251,51 +155257,51 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var global2 = getAppsInTossGlobals();
     var topNavigation = (0, import_private9.useTopNavigation)();
     var disableTextSelectionCSS = "\n    (function() {\n      const style = document.createElement('style');\n      style.textContent = '*:not(input):not(textarea) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }';\n      document.head.appendChild(style);\n    })();\n  ";
-    var _ref79 = (0, import_react27.useState)(props.allowsBackForwardNavigationGestures),
-      _ref80 = _slicedToArray(_ref79, 2),
-      allowsBackForwardNavigationGestures = _ref80[0],
-      setAllowsBackForwardNavigationGestures = _ref80[1];
+    var _ref81 = (0, import_react27.useState)(props.allowsBackForwardNavigationGestures),
+      _ref82 = _slicedToArray(_ref81, 2),
+      allowsBackForwardNavigationGestures = _ref82[0],
+      setAllowsBackForwardNavigationGestures = _ref82[1];
     var handler = useBridgeHandler({
       onMessage: onMessage,
       injectedJavaScript: [disableTextSelectionCSS].join("\n"),
       eventListenerMap: Object.assign({}, appsInTossEventBridges, {
-        navigationAccessoryEvent: function navigationAccessoryEvent(_ref81) {
-          var onEvent = _ref81.onEvent,
-            onError = _ref81.onError;
+        navigationAccessoryEvent: function navigationAccessoryEvent(_ref83) {
+          var onEvent = _ref83.onEvent,
+            onError = _ref83.onError;
           return import_tds_react_native14.tdsEvent.addEventListener("navigationAccessoryEvent", {
             onEvent: onEvent,
             onError: onError
           });
         },
-        backEvent: function backEvent(_ref82) {
-          var onEvent = _ref82.onEvent;
+        backEvent: function backEvent(_ref84) {
+          var onEvent = _ref84.onEvent;
           webBackHandler.addEventListener(onEvent);
           return function () {
             webBackHandler.removeEventListener(onEvent);
           };
         },
-        entryMessageExited: function entryMessageExited(_ref83) {
-          var onEvent = _ref83.onEvent,
-            onError = _ref83.onError;
+        entryMessageExited: function entryMessageExited(_ref85) {
+          var onEvent = _ref85.onEvent,
+            onError = _ref85.onError;
           return import_native_modules18.appsInTossEvent.addEventListener("entryMessageExited", {
             onEvent: onEvent,
             onError: onError
           });
         },
-        updateLocationEvent: function updateLocationEvent(_ref84) {
-          var onEvent = _ref84.onEvent,
-            onError = _ref84.onError,
-            options = _ref84.options;
+        updateLocationEvent: function updateLocationEvent(_ref86) {
+          var onEvent = _ref86.onEvent,
+            onError = _ref86.onError,
+            options = _ref86.options;
           return import_native_modules18.appsInTossEvent.addEventListener("updateLocationEvent", {
             onEvent: onEvent,
             onError: onError,
             options: options
           });
         },
-        appBridgeCallbackEvent: function appBridgeCallbackEvent(_ref85) {
-          var onEvent = _ref85.onEvent,
-            onError = _ref85.onError,
-            options = _ref85.options;
+        appBridgeCallbackEvent: function appBridgeCallbackEvent(_ref87) {
+          var onEvent = _ref87.onEvent,
+            onError = _ref87.onError,
+            options = _ref87.options;
           return import_native_modules18.appsInTossEvent.addEventListener("appBridgeCallbackEvent", {
             onEvent: onEvent,
             onError: onError,
@@ -155318,10 +155324,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         getSafeAreaBottom: function getSafeAreaBottom() {
           return bottom;
         }
-      }, Object.fromEntries(Object.entries(global2).map(function (_ref86) {
-        var _ref87 = _slicedToArray(_ref86, 2),
-          key = _ref87[0],
-          value = _ref87[1];
+      }, Object.fromEntries(Object.entries(global2).map(function (_ref88) {
+        var _ref89 = _slicedToArray(_ref88, 2),
+          key = _ref89[0],
+          value = _ref89[1];
         return [key, function () {
           return value;
         }];
@@ -155442,7 +155448,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   __reExport(src_exports, _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/analytics"), module.exports);
   var import_private10 = _$$_REQUIRE(_dependencyMap[13], "@toss/tds-react-native/private");
   __reExport(src_exports, _$$_REQUIRE(_dependencyMap[6], "@apps-in-toss/native-modules"), module.exports);
-  __reExport(src_exports, _$$_REQUIRE(_dependencyMap[18], "@apps-in-toss/types"), module.exports);
+  __reExport(src_exports, _$$_REQUIRE(_dependencyMap[19], "@apps-in-toss/types"), module.exports);
   var Analytics2 = {
     init: import_analytics2.Analytics.init,
     Impression: import_analytics2.Analytics.Impression,
@@ -155461,8 +155467,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     useOverlay: useOverlay,
     useTopNavigation: useTopNavigation,
     useWaitForReturnNavigator: _useWaitForReturnNavigator
-  }, _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/analytics"), _$$_REQUIRE(_dependencyMap[6], "@apps-in-toss/native-modules"), _$$_REQUIRE(_dependencyMap[18], "@apps-in-toss/types")));
-},1254,[32,207,61,16,1255,1256,1257,2,1444,18,6,9,2465,2565,2566,2602,2609,2474,1258],"../../.yarn/__virtual__/@apps-in-toss-framework-virtual-574b136add/1/apps-in-toss-packages/framework/dist/index.cjs");
+  }, _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/analytics"), _$$_REQUIRE(_dependencyMap[6], "@apps-in-toss/native-modules"), _$$_REQUIRE(_dependencyMap[19], "@apps-in-toss/types")));
+},1254,[32,207,61,16,1255,1256,1257,2,1444,18,6,9,2465,2565,532,2566,2602,2609,2474,1258],"../../.yarn/__virtual__/@apps-in-toss-framework-virtual-574b136add/1/apps-in-toss-packages/framework/dist/index.cjs");
 __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, exports, _dependencyMap) {
   function _objectDestructuringEmpty(obj) {
     if (obj == null) throw new TypeError("Cannot destructure undefined");

package/dist/prebuilt/prod.android.js

@@ -46165,6 +46165,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     var global2 = getAppsInTossGlobals();
     var _useMoreButtonBottomSheet = useMoreButtonBottomSheet(), openMoreButtonBottomSheet = _useMoreButtonBottomSheet.open;
     var navigationEvent = useNavigationEvent();
+    var _useSafeAreaInsets = (0, react_native_safe_area_context_exports.useSafeAreaInsets)(), safeAreaRight = _useSafeAreaInsets.right;
     useHardwareBackPress(navigationEvent.handleBack);
     var parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     var initialAccessoryButton = parsedNavigationBar === null || parsedNavigationBar === void 0 ? void 0 : parsedNavigationBar.initialAccessoryButton;
@@ -46186,7 +46187,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
             position: "absolute",
             zIndex: Z_INDEX.CLOSE_BUTTON,
             marginTop: safeAreaTop,
-            paddingRight: 10
+            paddingRight: safeAreaRight + 10
           },
           pointerEvents: "box-none",
           children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(NavigationRightContent, {
@@ -46351,6 +46352,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     var global2 = getAppsInTossGlobals();
     var logging = useNavigationBarLogging();
     var _useMoreButtonBottomSheet = useMoreButtonBottomSheet(), openMoreButtonBottomSheet = _useMoreButtonBottomSheet.open;
+    var _useSafeAreaInsets2 = (0, react_native_safe_area_context_exports.useSafeAreaInsets)(), safeAreaRight = _useSafeAreaInsets2.right;
     var parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     var initialAccessoryButton = parsedNavigationBar === null || parsedNavigationBar === void 0 ? void 0 : parsedNavigationBar.initialAccessoryButton;
     var handleGameWebviewClose = (0, import_react227.useCallback)(/* @__PURE__ */ _async_to_generator(function() {
@@ -46405,7 +46407,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
             position: "absolute",
             zIndex: Z_INDEX.CLOSE_BUTTON,
             marginTop: safeAreaTop,
-            paddingRight: 10
+            paddingRight: safeAreaRight + 10
           },
           pointerEvents: "box-none",
           children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(NavigationRightContent, {
@@ -47016,7 +47018,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     var platform = getPlatformOS();
     var appVersion = getTossAppVersion();
     var fontScale = (0, import_react_native227.useWindowDimensions)().fontScale;
-    var platformString = platform === "ios" ? "iPhone" : "Android";
+    var platformString = platform === "ios" ? "iPhone" : "Android phone";
     var fontA11y = mapFontScaleToCategory(fontScale, platform);
     var normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
     return [
@@ -47386,6 +47388,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       import_react224 = __toESM(require_react(), 1);
       import_jsx_runtime222 = __toESM(require_jsx_runtime(), 1);
       import_jsx_runtime223 = __toESM(require_jsx_runtime(), 1);
+      init_react_native_safe_area_context();
       init_esm8();
       init_private2();
       import_react_native219 = __toESM(require_react_native(), 1);
@@ -47408,6 +47411,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       init_react_native_webview();
       import_react226 = __toESM(require_react(), 1);
       import_react_native222 = __toESM(require_react_native(), 1);
+      init_react_native_safe_area_context();
       init_src3();
       init_esm8();
       init_private2();