@apps-in-toss/web-framework 2.9.1 → 2.9.2

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

@@ -137211,7 +137211,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   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_native27 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_tds_react_native11 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_tds_react_native12 = _$$_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");
@@ -137325,7 +137325,7 @@ __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_react16 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react17 = _$$_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");
@@ -137815,7 +137815,32 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }, [handler]);
   }
   var import_react_native13 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_react13 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_tds_react_native5 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_es_hangul2 = _$$_REQUIRE(_dependencyMap[11], "es-hangul");
   var import_react12 = _$$_REQUIRE(_dependencyMap[9], "react");
+  function useCloseConfirm() {
+    var _getAppsInTossGlobals = getAppsInTossGlobals(),
+      brandDisplayName = _getAppsInTossGlobals.brandDisplayName;
+    var _ref19 = (0, import_tds_react_native5.useDialog)(),
+      openConfirm = _ref19.openConfirm;
+    return (0, import_react12.useCallback)(function () {
+      var _ref20 = _asyncToGenerator(function* ({
+        onEntered
+      }) {
+        return yield openConfirm({
+          title: `${(0, import_es_hangul2.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+          leftButton: "\uB2EB\uAE30",
+          rightButton: "\uC885\uB8CC\uD558\uAE30",
+          closeOnDimmerClick: true,
+          onEntered
+        });
+      });
+      return function (_x3) {
+        return _ref20.apply(this, arguments);
+      };
+    }(), [brandDisplayName, openConfirm]);
+  }
   var EventEmitter = function () {
     function EventEmitter() {
       _classCallCheck(this, EventEmitter);
@@ -137867,8 +137892,12 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var import_react_native12 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
   var NAVI_BAR_IMPRESSION_SCHEMA_ID = 1596837;
   var NAVI_BAR_IMPRESSION_LOG_NAME = "appsintoss_app_visit__common_module::impression__navigation_bar";
+  var CLOSE_POPUP_SHOW_SCHEMA_ID = 1644490;
+  var CLOSE_POPUP_SHOW_LOG_NAME = "appsintoss_app_visit__common_module::popup__close_app";
   var CLOSE_BUTTON_CLICK_SCHEMA_ID = 1596831;
   var CLOSE_BUTTON_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::click__icon_close";
+  var CLOSE_POPUP_CTA_CLICK_SCHEMA_ID = 1644492;
+  var CLOSE_POPUP_CTA_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::popup__close_app::click__cta";
   var HOME_BUTTON_CLICK_SCHEMA_ID = 1596839;
   var HOME_BUTTON_CLICK_LOG_NAME = "appsintoss_app_visit__common_module::click__icon_home";
   function useNavigationBarLogging() {
@@ -137911,8 +137940,32 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         }
       });
     };
+    var logClosePopupShow = () => {
+      sendLog({
+        log_name: CLOSE_POPUP_SHOW_LOG_NAME,
+        log_type: "popup",
+        params: {
+          ...baseParams,
+          schema_id: CLOSE_POPUP_SHOW_SCHEMA_ID
+        }
+      });
+    };
+    var logClosePopupCtaClick = confirm => {
+      sendLog({
+        log_name: CLOSE_POPUP_CTA_CLICK_LOG_NAME,
+        log_type: "event",
+        params: {
+          ...baseParams,
+          close_yn: confirm ? "Y" : "N",
+          schema_id: CLOSE_POPUP_CTA_CLICK_SCHEMA_ID,
+          event_type: "click"
+        }
+      });
+    };
     return {
       navBarImpression: logNavBarImpression,
+      closePopupShow: logClosePopupShow,
+      closePopupCtaClick: logClosePopupCtaClick,
       closeButtonClick: logCloseButtonClick,
       homeButtonClick: logHomeButtonClick
     };
@@ -137921,41 +137974,63 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var backEventContext = (0, import_react_native13.useBackEventContext)();
     var logging = useNavigationBarLogging();
     var navigation = (0, import_react_native13.useNavigation)();
-    return (0, import_react12.useMemo)(() => ({
-      handleBack: () => {
-        if (backEventContext.hasBackEvent) {
-          backEventContext.onBack();
-        } else if (navigation.canGoBack()) {
-          navigation.goBack();
-        } else {
-          (0, import_react_native13.closeView)();
-        }
-      },
-      handleHomeButtonClick: () => {
-        logging.homeButtonClick();
-        if (homeEvent.hasSubscriptions()) {
-          homeEvent.emit({});
-        } else {
-          navigation.navigate("/", {}, {
-            pop: true
+    var closeConfirm = useCloseConfirm();
+    var global2 = getAppsInTossGlobals();
+    return (0, import_react13.useMemo)(() => {
+      var close = function () {
+        var _ref21 = _asyncToGenerator(function* () {
+          if (global2.appType !== "game") {
+            (0, import_react_native13.closeView)();
+            return;
+          }
+          var hasConfirmed = yield closeConfirm({
+            onEntered: logging.closePopupShow
           });
+          logging.closePopupCtaClick(hasConfirmed);
+          if (hasConfirmed) {
+            (0, import_react_native13.closeView)();
+          }
+        });
+        return function close() {
+          return _ref21.apply(this, arguments);
+        };
+      }();
+      return {
+        handleBack: () => {
+          if (backEventContext.hasBackEvent) {
+            backEventContext.onBack();
+          } else if (navigation.canGoBack()) {
+            navigation.goBack();
+          } else {
+            close();
+          }
+        },
+        handleHomeButtonClick: () => {
+          logging.homeButtonClick();
+          if (homeEvent.hasSubscriptions()) {
+            homeEvent.emit({});
+          } else {
+            navigation.navigate("/", {}, {
+              pop: true
+            });
+          }
+        },
+        handleCloseButtonClick: () => {
+          logging.closeButtonClick();
+          close();
         }
-      },
-      handleCloseButtonClick: () => {
-        logging.closeButtonClick();
-        (0, import_react_native13.closeView)();
-      }
-    }), [backEventContext, navigation, logging]);
+      };
+    }, [global2.appType, backEventContext, navigation, closeConfirm, logging]);
   }
   var import_native_modules8 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
   var import_react_native18 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_tds_react_native7 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_tds_react_native8 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
   var import_private4 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
-  var import_react13 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react14 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_native_modules5 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
   var import_react_native16 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_tds_react_native7 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
   var import_tds_react_native6 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
-  var import_tds_react_native5 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
   var import_private3 = _$$_REQUIRE(_dependencyMap[12], "@toss/tds-react-native/private");
   var import_react_native15 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var import_react_native14 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
@@ -138038,7 +138113,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var logging = useMoreButtonBottomSheetLogging();
     var brandPrimaryColorRGB = hexToRGB(globals.brandPrimaryColor);
     var iconBackgroundColor = brandPrimaryColorRGB ? `rgba(${brandPrimaryColorRGB.join(",")},0.1)` : adaptive.grey100;
-    return (0, import_jsx_runtime5.jsx)(import_tds_react_native5.ListRow, {
+    return (0, import_jsx_runtime5.jsx)(import_tds_react_native6.ListRow, {
       left: (0, import_jsx_runtime5.jsx)(import_react_native15.View, {
         style: {
           width: 30,
@@ -138050,14 +138125,14 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           marginRight: 16,
           backgroundColor: iconBackgroundColor
         },
-        children: iconName ? (0, import_jsx_runtime5.jsx)(import_tds_react_native5.Asset.Icon, {
+        children: iconName ? (0, import_jsx_runtime5.jsx)(import_tds_react_native6.Asset.Icon, {
           frameShape: {
             width: 20,
             height: 20
           },
           color: globals.brandPrimaryColor,
           name: iconName
-        }) : (0, import_jsx_runtime5.jsx)(import_tds_react_native5.Asset.Image, {
+        }) : (0, import_jsx_runtime5.jsx)(import_tds_react_native6.Asset.Image, {
           frameShape: {
             width: 20,
             height: 20
@@ -138067,7 +138142,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           }
         })
       }),
-      contents: (0, import_jsx_runtime5.jsx)(import_tds_react_native5.ListRow.Texts, {
+      contents: (0, import_jsx_runtime5.jsx)(import_tds_react_native6.ListRow.Texts, {
         type: "1RowTypeA",
         top: title,
         topProps: {
@@ -138103,10 +138178,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }
   function addParamsToUrl(url, params) {
     var urlObj = new URL(url);
-    for (var _ref19 of Object.entries(params)) {
-      var _ref20 = _slicedToArray(_ref19, 2);
-      var key = _ref20[0];
-      var value = _ref20[1];
+    for (var _ref22 of Object.entries(params)) {
+      var _ref23 = _slicedToArray(_ref22, 2);
+      var key = _ref23[0];
+      var value = _ref23[1];
       urlObj.searchParams.set(key, value);
     }
     return urlObj.toString();
@@ -138120,8 +138195,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function AppShareListMenu() {
     var initialScheme = (0, import_react_native16.getSchemeUri)();
     var isSandbox = (0, import_native_modules5.getOperationalEnvironment)() === "sandbox";
-    var _ref21 = (0, import_tds_react_native6.useDialog)(),
-      openConfirm = _ref21.openConfirm;
+    var _ref24 = (0, import_tds_react_native7.useDialog)(),
+      openConfirm = _ref24.openConfirm;
     var schemeForShare = addParamsToUrl(initialScheme, {
       referrer: SHARE_SCHEME_REFERRER
     });
@@ -138211,10 +138286,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function useMoreButtonBottomSheet() {
     var globals = getAppsInTossGlobals();
     var adaptive = (0, import_private4.useAdaptive)();
-    var _ref22 = (0, import_react13.useState)([]),
-      _ref23 = _slicedToArray(_ref22, 2),
-      itemList = _ref23[0],
-      setItemList = _ref23[1];
+    var _ref25 = (0, import_react14.useState)([]),
+      _ref26 = _slicedToArray(_ref25, 2),
+      itemList = _ref26[0],
+      setItemList = _ref26[1];
     var appUpdateDialog = useAppUpdateDialog();
     var logging = useMoreButtonBottomSheetLogging();
     var overlay = (0, import_private4.useOverlay)();
@@ -138223,7 +138298,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var isBottomSheetSupported = (0, import_native_modules8.isMinVersionSupported)(MIN_VERSION.BOTTOM_SHEET);
     var isShareListMenuSupported = (0, import_native_modules8.isMinVersionSupported)(MIN_VERSION.SHARE_LIST_MENU);
     var isSettingsMenuSupported = (0, import_native_modules8.isMinVersionSupported)(MIN_VERSION.SETTINGS_MENU);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       if (!isBottomSheetSupported) {
         return;
       }
@@ -138235,7 +138310,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       });
     }, [isBottomSheetSupported]);
     var onClickHandler = function () {
-      var _ref24 = _asyncToGenerator(function* () {
+      var _ref27 = _asyncToGenerator(function* () {
         logging.open();
         if (!isBottomSheetSupported) {
           yield appUpdateDialog.open({
@@ -138254,9 +138329,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             close();
           };
           return (0, import_jsx_runtime9.jsx)(BottomSheetImpressionArea, {
-            children: (0, import_jsx_runtime9.jsx)(import_tds_react_native7.BottomSheet.Root, {
-              header: (0, import_jsx_runtime9.jsx)(import_tds_react_native7.ListHeader, {
-                title: (0, import_jsx_runtime9.jsx)(import_tds_react_native7.ListHeader.TitleParagraph, {
+            children: (0, import_jsx_runtime9.jsx)(import_tds_react_native8.BottomSheet.Root, {
+              header: (0, import_jsx_runtime9.jsx)(import_tds_react_native8.ListHeader, {
+                title: (0, import_jsx_runtime9.jsx)(import_tds_react_native8.ListHeader.TitleParagraph, {
                   color: adaptive.grey800,
                   fontWeight: "bold",
                   typography: "t5",
@@ -138264,7 +138339,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
                 })
               }),
               open: isOpen,
-              cta: (0, import_jsx_runtime9.jsx)(import_tds_react_native7.BottomSheet.CTA, {
+              cta: (0, import_jsx_runtime9.jsx)(import_tds_react_native8.BottomSheet.CTA, {
                 size: "large",
                 type: "dark",
                 style: "weak",
@@ -138275,7 +138350,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
               }),
               onClose: handleClose,
               onExited: exit,
-              children: (0, import_jsx_runtime9.jsxs)(import_tds_react_native7.List, {
+              children: (0, import_jsx_runtime9.jsxs)(import_tds_react_native8.List, {
                 rowSeparator: "none",
                 children: [itemList.map(item => (0, import_jsx_runtime9.jsx)(Menu, {
                   title: item.contactItemName,
@@ -138288,7 +138363,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         });
       });
       return function onClickHandler() {
-        return _ref24.apply(this, arguments);
+        return _ref27.apply(this, arguments);
       };
     }();
     return {
@@ -138299,7 +138374,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     children
   }) {
     var logging = useMoreButtonBottomSheetLogging();
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       logging.show();
     }, [logging]);
     return (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {
@@ -138308,8 +138383,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }
   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_tds_react_native9 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_react15 = _$$_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({
@@ -138319,9 +138394,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }) {
     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;
+    (0, import_react15.useEffect)(() => {
+      var _getAppsInTossGlobals2 = getAppsInTossGlobals(),
+        navigationBar = _getAppsInTossGlobals2.navigationBar;
       var parsedNavigationBar = navigationBar ? safeParseNavigationBar(navigationBar) : null;
       var transparent = parsedNavigationBar?.transparentBackground ?? false;
       var theme = parsedNavigationBar?.theme ?? "light";
@@ -138330,7 +138405,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         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
+            backgroundColor: transparent ? void 0 : theme === "light" ? import_tds_react_native9.colors.lightThemeBackground : import_tds_react_native9.colors.darkThemeBackground
           },
           pointerEvents: "box-none",
           children: [(0, import_jsx_runtime10.jsx)(import_react_native20.View, {
@@ -138409,7 +138484,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
   }
   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_tds_react_native10 = _$$_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({
@@ -138426,10 +138501,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         height: 34,
         paddingLeft: 10,
         paddingRight: 10,
-        backgroundColor: theme === "light" ? import_tds_react_native9.colors.greyOpacity50 : "rgba(0, 0, 1, 0.58)",
+        backgroundColor: theme === "light" ? import_tds_react_native10.colors.greyOpacity50 : "rgba(0, 0, 1, 0.58)",
         borderRadius: 99
       },
-      children: [children, (0, import_jsx_runtime12.jsx)(import_tds_react_native9.Icon, {
+      children: [children, (0, import_jsx_runtime12.jsx)(import_tds_react_native10.Icon, {
         name: "icon-home-mono",
         size: 18
       })]
@@ -138471,7 +138546,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       })]
     });
   }
-  var import_tds_react_native10 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_tds_react_native11 = _$$_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({
@@ -138481,8 +138556,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     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)";
+    var backgroundColor = theme === "light" ? import_tds_react_native11.colors.greyOpacity50 : "rgba(0, 0, 1, 0.58)";
+    var iconColor = theme === "light" ? import_tds_react_native11.colors.greyOpacity600 : "rgba(253, 253, 255, 0.75)";
     return (0, import_jsx_runtime14.jsxs)(import_react_native25.View, {
       style: {
         flexDirection: "row",
@@ -138501,13 +138576,13 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             backgroundColor
           },
           onPress: () => {
-            import_tds_react_native10.tdsEvent.emit("navigationAccessoryEvent", {
+            import_tds_react_native11.tdsEvent.emit("navigationAccessoryEvent", {
               id: accessoryButton.id
             });
             accessoryButton.onPress?.();
           },
           disabled: accessoryButton.disabled,
-          children: (0, import_jsx_runtime14.jsx)(import_tds_react_native10.Icon, {
+          children: (0, import_jsx_runtime14.jsx)(import_tds_react_native11.Icon, {
             name: accessoryButton.icon.name ?? "",
             accessibilityLabel: accessoryButton.title,
             color: iconColor,
@@ -138533,7 +138608,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           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, {
+            children: (0, import_jsx_runtime14.jsx)(import_tds_react_native11.Icon, {
               name: "icon-dots-mono",
               accessibilityLabel: "\uB354\uBCF4\uAE30",
               color: iconColor,
@@ -138543,11 +138618,11 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             style: {
               width: 1,
               height: 16,
-              backgroundColor: theme === "light" ? import_tds_react_native10.colors.greyOpacity200 : "rgba(222, 222, 255, 0.19)"
+              backgroundColor: theme === "light" ? import_tds_react_native11.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, {
+            children: (0, import_jsx_runtime14.jsx)(import_tds_react_native11.Icon, {
               name: "icon-appsintoss-close-mono",
               accessibilityLabel: "\uB2EB\uAE30",
               color: iconColor,
@@ -138558,15 +138633,15 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       })]
     });
   }
-  var import_react15 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react16 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_jsx_runtime15 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function NavigationBarImpressionArea({
     children,
     withHomeButton
   }) {
-    var hasLogged = (0, import_react15.useRef)(false);
+    var hasLogged = (0, import_react16.useRef)(false);
     var logging = useNavigationBarLogging();
-    (0, import_react15.useEffect)(() => {
+    (0, import_react16.useEffect)(() => {
       if (hasLogged.current === false) {
         logging.navBarImpression({
           home_icon_yn: withHomeButton ? "Y" : "N"
@@ -138627,8 +138702,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var navigationEvent = useNavigationEvent();
     var _useNavigationBarCont2 = useNavigationBarContext(),
       navigationRightButton = _useNavigationBarCont2.navigationRightButton;
-    var _getAppsInTossGlobals2 = getAppsInTossGlobals(),
-      navigationBar = _getAppsInTossGlobals2.navigationBar;
+    var _getAppsInTossGlobals3 = getAppsInTossGlobals(),
+      navigationBar = _getAppsInTossGlobals3.navigationBar;
     var parsedNavigationBar = navigationBar ? safeParseNavigationBar(navigationBar) : null;
     useHardwareBackPress(navigationEvent.handleBack);
     return (0, import_jsx_runtime17.jsx)(TopNavigation, {
@@ -138668,7 +138743,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function GameAppContainer({
     children
   }) {
-    (0, import_react16.useEffect)(() => {
+    (0, import_react17.useEffect)(() => {
       if (import_react_native26.Platform.OS === "ios") {
         (0, import_native_modules9.setIosSwipeGestureEnabled)({
           isEnabled: false
@@ -138714,7 +138789,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         ...initialProps
       }), (0, import_jsx_runtime19.jsx)(Container, {
         ...initialProps,
-        children: (0, import_jsx_runtime19.jsx)(import_tds_react_native11.TDSProvider, {
+        children: (0, import_jsx_runtime19.jsx)(import_tds_react_native12.TDSProvider, {
           colorPreference: "light",
           token: {
             color: {
@@ -138796,32 +138871,44 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   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_tds_react_native16 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_react28 = _$$_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[19], "@granite-js/native/react-native-webview");
-  var import_react18 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react19 = _$$_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_tds_react_native13 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_es_hangul3 = _$$_REQUIRE(_dependencyMap[11], "es-hangul");
+  var import_react18 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_jsx_runtime20 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function GameWebviewNavigationBar() {
-    var _ref25 = (0, import_tds_react_native12.useDialog)(),
-      openConfirm = _ref25.openConfirm;
+    var _ref28 = (0, import_tds_react_native13.useDialog)(),
+      openConfirm = _ref28.openConfirm;
+    var global2 = getAppsInTossGlobals();
     var logging = useNavigationBarLogging();
     var _useMoreButtonBottomS3 = useMoreButtonBottomSheet(),
       openMoreButtonBottomSheet = _useMoreButtonBottomS3.open;
     var _useNavigationBarCont3 = useNavigationBarContext(),
       navigationRightButton = _useNavigationBarCont3.navigationRightButton;
-    var _getAppsInTossGlobals3 = getAppsInTossGlobals(),
-      navigationBar = _getAppsInTossGlobals3.navigationBar;
+    var _getAppsInTossGlobals4 = getAppsInTossGlobals(),
+      navigationBar = _getAppsInTossGlobals4.navigationBar;
     var parsedNavigationBar = navigationBar ? safeParseNavigationBar(navigationBar) : null;
-    var handleGameWebviewClose = (0, import_react17.useCallback)(_asyncToGenerator(function* () {
+    var handleGameWebviewClose = (0, import_react18.useCallback)(_asyncToGenerator(function* () {
       logging.closeButtonClick();
-      (0, import_react_native29.closeView)();
-    }), [logging, openConfirm]);
+      var isConfirmed = yield openConfirm({
+        title: `${(0, import_es_hangul3.josa)(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+        leftButton: "\uB2EB\uAE30",
+        rightButton: "\uC885\uB8CC\uD558\uAE30",
+        closeOnDimmerClick: true,
+        onEntered: logging.closePopupShow
+      });
+      logging.closePopupCtaClick(isConfirmed);
+      if (isConfirmed) {
+        (0, import_react_native29.closeView)();
+      }
+    }), [global2.brandDisplayName, logging, openConfirm]);
     return (0, import_jsx_runtime20.jsx)(TopNavigation, {
       right: (0, import_jsx_runtime20.jsx)(Menu2, {
         theme: parsedNavigationBar?.theme ?? "dark",
@@ -138832,8 +138919,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
   }
   var import_jsx_runtime21 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
-  var GameWebView = (0, import_react18.forwardRef)(function GameWebView2(props, ref) {
-    (0, import_react18.useEffect)(() => {
+  var GameWebView = (0, import_react19.forwardRef)(function GameWebView2(props, ref) {
+    (0, import_react19.useEffect)(() => {
       if (import_react_native30.Platform.OS === "ios") {
         (0, import_native_modules11.setIosSwipeGestureEnabled)({
           isEnabled: false
@@ -138859,9 +138946,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
   });
   var import_react_native_webview2 = _$$_REQUIRE(_dependencyMap[19], "@granite-js/native/react-native-webview");
-  var import_react20 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react21 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_react_native31 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_react19 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react20 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_jsx_runtime22 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
   function PartnerWebviewNavigationBar({
     onBackButtonClick,
@@ -138877,7 +138964,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var theme = parsedNavigationBar?.theme ?? "light";
     var _useNavigationBarCont4 = useNavigationBarContext(),
       navigationRightButton = _useNavigationBarCont4.navigationRightButton;
-    var handleClose = (0, import_react19.useCallback)(_asyncToGenerator(function* () {
+    var handleClose = (0, import_react20.useCallback)(_asyncToGenerator(function* () {
       logging.closeButtonClick();
       (0, import_react_native31.closeView)();
     }), [logging]);
@@ -138911,7 +138998,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
   }
   var import_jsx_runtime23 = _$$_REQUIRE(_dependencyMap[10], "react/jsx-runtime");
-  var PartnerWebView = (0, import_react20.forwardRef)(function PartnerWebViewScreen({
+  var PartnerWebView = (0, import_react21.forwardRef)(function PartnerWebViewScreen({
     onBackButtonClick,
     onHomeButtonClick,
     ...webViewProps
@@ -139323,7 +139410,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }
   showFullScreenAd.isSupported = import_native_modules14.GoogleAdMob.showAppsInTossAdMob.isSupported;
   var import_react_native34 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  function tossAdEventLog(_x3) {
+  function tossAdEventLog(_x4) {
     return _tossAdEventLog.apply(this, arguments);
   }
   function _tossAdEventLog() {
@@ -139344,7 +139431,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     });
     return _tossAdEventLog.apply(this, arguments);
   }
-  var import_react21 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react22 = _$$_REQUIRE(_dependencyMap[9], "react");
   function serializeError(error) {
     return JSON.stringify(error, (_, value) => {
       if (value instanceof Error) {
@@ -139375,12 +139462,12 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       return;
     }
     var wrappedFunc = function () {
-      var _ref28 = _asyncToGenerator(function* (...args2) {
+      var _ref31 = _asyncToGenerator(function* (...args2) {
         var result = yield func(...args2);
         return result;
       });
       return function wrappedFunc() {
-        return _ref28.apply(this, arguments);
+        return _ref31.apply(this, arguments);
       };
     }();
     wrappedFunc(...args).then(result => {
@@ -139401,12 +139488,12 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     asyncHandlerMap,
     eventListenerMap
   }) {
-    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]) => {
+    var ref = (0, import_react22.useRef)(null);
+    var injectedJavaScript = (0, import_react22.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_react21.useEffect)(() => {
+    (0, import_react22.useEffect)(() => {
       ref.current?.injectJavaScript(injectedJavaScript);
     }, [injectedJavaScript]);
     var createHandleOnEvent = (functionName, eventId) => response => {
@@ -139420,8 +139507,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
     };
-    var $onMessage = (0, import_react21.useCallback)(function () {
-      var _ref29 = _asyncToGenerator(function* (e) {
+    var $onMessage = (0, import_react22.useCallback)(function () {
+      var _ref32 = _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)) {
@@ -139463,8 +139550,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             }
         }
       });
-      return function (_x4) {
-        return _ref29.apply(this, arguments);
+      return function (_x5) {
+        return _ref32.apply(this, arguments);
       };
     }(), [onMessage]);
     return {
@@ -139482,20 +139569,22 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }
   }
   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");
+  var import_react23 = _$$_REQUIRE(_dependencyMap[9], "react");
   function useSafeAreaInsetsEvent() {
     var insets = (0, import_react_native_safe_area_context2.useSafeAreaInsets)();
-    (0, import_react22.useEffect)(() => {
+    (0, import_react23.useEffect)(() => {
       safeAreaInsetsChange.emit(insets);
     }, [insets]);
-    (0, import_react22.useEffect)(() => {
+    (0, import_react23.useEffect)(() => {
       return () => safeAreaInsetsChange.clearSubscriptions();
     }, []);
     return safeAreaInsetsChange;
   }
   var import_react_native35 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
+  var import_tds_react_native14 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_es_hangul4 = _$$_REQUIRE(_dependencyMap[11], "es-hangul");
+  var import_react25 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_react24 = _$$_REQUIRE(_dependencyMap[9], "react");
-  var import_react23 = _$$_REQUIRE(_dependencyMap[9], "react");
   var INITIAL_STATE = {
     stack: [],
     index: -1
@@ -139544,11 +139633,11 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }
   }
   function useWebViewHistory() {
-    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)(({
+    var _ref33 = (0, import_react24.useReducer)(reducer, INITIAL_STATE),
+      _ref34 = _slicedToArray(_ref33, 2),
+      state = _ref34[0],
+      dispatch = _ref34[1];
+    var onNavigationStateChange = (0, import_react24.useCallback)(({
       url,
       canGoForward: canGoForward2
     }) => {
@@ -139558,7 +139647,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         canGoForward: canGoForward2
       });
     }, []);
-    var _ref32 = (0, import_react23.useMemo)(() => {
+    var _ref35 = (0, import_react24.useMemo)(() => {
         var canBack = state.index > 0;
         var canFwd = state.index >= 0 && state.index < state.stack.length - 1;
         return {
@@ -139566,8 +139655,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           canGoForward: canFwd
         };
       }, [state.index, state.stack.length]),
-      canGoBack = _ref32.canGoBack,
-      canGoForward = _ref32.canGoForward;
+      canGoBack = _ref35.canGoBack,
+      canGoForward = _ref35.canGoForward;
     return {
       onNavigationStateChange,
       hasHistory: canGoBack,
@@ -139578,19 +139667,22 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var _useWebViewHistory = useWebViewHistory(),
       hasHistory = _useWebViewHistory.hasHistory,
       onNavigationStateChange = _useWebViewHistory.onNavigationStateChange;
-    var _ref33 = (0, import_react_native35.useBackEventState)(),
-      webBackHandlersRef = _ref33.handlersRef,
-      hasWebBackEvent = _ref33.hasBackEvent,
-      addWebBackEventListener = _ref33.addEventListener,
-      removeWebBackEventListener = _ref33.removeEventListener;
+    var _ref36 = (0, import_react_native35.useBackEventState)(),
+      webBackHandlersRef = _ref36.handlersRef,
+      hasWebBackEvent = _ref36.hasBackEvent,
+      addWebBackEventListener = _ref36.addEventListener,
+      removeWebBackEventListener = _ref36.removeEventListener;
     var logging = useNavigationBarLogging();
-    var addEventListener = (0, import_react24.useCallback)(handler => {
+    var _ref37 = (0, import_tds_react_native14.useDialog)(),
+      openConfirm = _ref37.openConfirm;
+    var global2 = getAppsInTossGlobals();
+    var addEventListener = (0, import_react25.useCallback)(handler => {
       addWebBackEventListener(handler);
     }, [addWebBackEventListener]);
-    var removeEventListener = (0, import_react24.useCallback)(handler => {
+    var removeEventListener = (0, import_react25.useCallback)(handler => {
       removeWebBackEventListener(handler);
     }, [removeWebBackEventListener]);
-    var handleWebBack = (0, import_react24.useCallback)(_asyncToGenerator(function* () {
+    var handleWebBack = (0, import_react25.useCallback)(_asyncToGenerator(function* () {
       if (hasWebBackEvent) {
         for (var handler of webBackHandlersRef) {
           handler();
@@ -139600,10 +139692,24 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       if (hasHistory) {
         webViewRef.current?.injectJavaScript("window.history.back();");
       } else {
-        (0, import_react_native35.closeView)();
+        if (global2.webViewType !== "game") {
+          (0, import_react_native35.closeView)();
+          return;
+        }
+        var isConfirmed = yield openConfirm({
+          title: `${(0, import_es_hangul4.josa)(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+          leftButton: "\uB2EB\uAE30",
+          rightButton: "\uC885\uB8CC\uD558\uAE30",
+          closeOnDimmerClick: true,
+          onEntered: logging.closePopupShow
+        });
+        logging.closePopupCtaClick(isConfirmed);
+        if (isConfirmed) {
+          (0, import_react_native35.closeView)();
+        }
       }
-    }), [hasHistory, hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
-    var handleWebHome = (0, import_react24.useCallback)(() => {
+    }), [global2.webViewType, global2.brandDisplayName, hasHistory, hasWebBackEvent, webBackHandlersRef, logging, openConfirm, webViewRef]);
+    var handleWebHome = (0, import_react25.useCallback)(() => {
       logging.homeButtonClick();
       if (homeEvent.hasSubscriptions()) {
         homeEvent.emit({});
@@ -139616,7 +139722,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     })();
     `);
     }, [hasWebBackEvent, webBackHandlersRef, logging, webViewInitialURL, webViewRef]);
-    return (0, import_react24.useMemo)(() => ({
+    return (0, import_react25.useMemo)(() => ({
       addEventListener,
       removeEventListener,
       handleWebBack,
@@ -139771,8 +139877,8 @@ __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 _ref35 = (0, import_react_native36.useWindowDimensions)(),
-      fontScale = _ref35.fontScale;
+    var _ref39 = (0, import_react_native36.useWindowDimensions)(),
+      fontScale = _ref39.fontScale;
     var platformString = platform === "ios" ? "iPhone" : "Android phone";
     var fontA11y = mapFontScaleToCategory(fontScale, platform);
     var normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -139780,18 +139886,18 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }
   var import_native_modules16 = _$$_REQUIRE(_dependencyMap[5], "@apps-in-toss/native-modules");
   var import_react_native37 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_react25 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react26 = _$$_REQUIRE(_dependencyMap[9], "react");
   function useGeolocation({
     accuracy,
     distanceInterval,
     timeInterval
   }) {
     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)(() => {
+    var _ref40 = (0, import_react26.useState)(null),
+      _ref41 = _slicedToArray(_ref40, 2),
+      location = _ref41[0],
+      setLocation = _ref41[1];
+    (0, import_react26.useEffect)(() => {
       if (!isVisible) {
         return;
       }
@@ -139808,17 +139914,17 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     return location;
   }
   var import_react_native38 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_react26 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react27 = _$$_REQUIRE(_dependencyMap[9], "react");
   function useWaitForReturnNavigator() {
-    var callbacks = (0, import_react26.useRef)([]).current;
+    var callbacks = (0, import_react27.useRef)([]).current;
     var navigation = (0, import_react_native38.useNavigation)();
-    var startNavigating = (0, import_react26.useCallback)((route, params) => {
+    var startNavigating = (0, import_react27.useCallback)((route, params) => {
       return new Promise(resolve => {
         callbacks.push(resolve);
         navigation.navigate(route, params);
       });
     }, [callbacks, navigation]);
-    var handleVisibilityChange = (0, import_react26.useCallback)(state => {
+    var handleVisibilityChange = (0, import_react27.useCallback)(state => {
       if (state === "visible" && callbacks.length > 0) {
         for (var callback of callbacks) {
           callback();
@@ -139840,9 +139946,9 @@ __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_native39 = _$$_REQUIRE(_dependencyMap[6], "@granite-js/react-native");
-  var import_tds_react_native13 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
+  var import_tds_react_native15 = _$$_REQUIRE(_dependencyMap[7], "@toss/tds-react-native");
   function useHandleWebViewProcessDidTerminate(webViewRef) {
-    var toast = (0, import_tds_react_native13.useToast)();
+    var toast = (0, import_tds_react_native15.useToast)();
     return () => {
       webViewDebugLog("AppsInTossWebViewProcessDidTerminate", {});
       toast.open("\uBB38\uC81C\uAC00 \uC0DD\uACA8\uC11C \uBBF8\uB2C8\uC571\uC744 \uB2E4\uC2DC \uC2DC\uC791\uD588\uC5B4\uC694.", {
@@ -139852,7 +139958,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       webViewRef.current?.reload();
     };
   }
-  function webViewMemoryDebugLog(_x5) {
+  function webViewMemoryDebugLog(_x6) {
     return _webViewMemoryDebugLog.apply(this, arguments);
   }
   function _webViewMemoryDebugLog() {
@@ -139946,23 +140052,23 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var TYPES = ["partner", "external", "game"];
   var WEBVIEW_TYPES = {
     partner: PartnerWebView,
-    external: import_tds_react_native14.ExternalWebViewScreen,
+    external: import_tds_react_native16.ExternalWebViewScreen,
     game: GameWebView
   };
   function mergeSchemeQueryParamsInto(url) {
     var baseUrl = new URL(url);
     var schemeUrl = new URL((0, import_react_native41.getSchemeUri)());
     var resultUrl = new URL(schemeUrl.pathname, baseUrl.origin);
-    for (var _ref38 of baseUrl.searchParams.entries()) {
-      var _ref39 = _slicedToArray(_ref38, 2);
-      var key = _ref39[0];
-      var value = _ref39[1];
+    for (var _ref42 of baseUrl.searchParams.entries()) {
+      var _ref43 = _slicedToArray(_ref42, 2);
+      var key = _ref43[0];
+      var value = _ref43[1];
       resultUrl.searchParams.set(key, value);
     }
-    for (var _ref40 of schemeUrl.searchParams.entries()) {
-      var _ref41 = _slicedToArray(_ref40, 2);
-      var _key = _ref41[0];
-      var _value = _ref41[1];
+    for (var _ref44 of schemeUrl.searchParams.entries()) {
+      var _ref45 = _slicedToArray(_ref44, 2);
+      var _key = _ref45[0];
+      var _value = _ref45[1];
       resultUrl.searchParams.set(_key, _value);
     }
     return resultUrl;
@@ -139972,8 +140078,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       var devUrl = `http://${local.host}:${local.port}`;
       return mergeSchemeQueryParamsInto(devUrl);
     }
-    var _ref42 = (0, import_native_modules18.safeSyncPostMessage)("getWebBundleURL", {}),
-      rawUrl = _ref42.url;
+    var _ref46 = (0, import_native_modules18.safeSyncPostMessage)("getWebBundleURL", {}),
+      rawUrl = _ref46.url;
     var url = mergeSchemeQueryParamsInto(rawUrl);
     var deploymentId = env.getDeploymentId();
     if (deploymentId) {
@@ -139990,17 +140096,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_react27.useRef)(null);
-    var url = (0, import_react27.useMemo)(() => getWebViewURL(local), [local]);
+    var webViewRef = (0, import_react28.useRef)(null);
+    var url = (0, import_react28.useMemo)(() => getWebViewURL(local), [local]);
     var webBackHandler = useWebBackHandler(url, webViewRef);
     var global2 = getAppsInTossGlobals();
     var insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
     var navigationBarContext = useNavigationBarContext();
     var safeAreaInsetsEvent = useSafeAreaInsetsEvent();
-    var _ref43 = (0, import_react27.useState)(props.allowsBackForwardNavigationGestures),
-      _ref44 = _slicedToArray(_ref43, 2),
-      allowsBackForwardNavigationGestures = _ref44[0],
-      setAllowsBackForwardNavigationGestures = _ref44[1];
+    var _ref47 = (0, import_react28.useState)(props.allowsBackForwardNavigationGestures),
+      _ref48 = _slicedToArray(_ref47, 2),
+      allowsBackForwardNavigationGestures = _ref48[0],
+      setAllowsBackForwardNavigationGestures = _ref48[1];
     var handler = useBridgeHandler({
       onMessage,
       eventListenerMap: {
@@ -140008,7 +140114,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         navigationAccessoryEvent: ({
           onEvent,
           onError
-        }) => import_tds_react_native14.tdsEvent.addEventListener("navigationAccessoryEvent", {
+        }) => import_tds_react_native16.tdsEvent.addEventListener("navigationAccessoryEvent", {
           onEvent,
           onError
         }),
@@ -140078,19 +140184,19 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
           return appsInTossAsyncBridges.setIosSwipeGestureEnabled(options);
         },
         addAccessoryButton: function () {
-          var _ref45 = _asyncToGenerator(function* (params) {
+          var _ref49 = _asyncToGenerator(function* (params) {
             return navigationBarContext.addNavigationRightButton(params);
           });
-          return function addAccessoryButton(_x6) {
-            return _ref45.apply(this, arguments);
+          return function addAccessoryButton(_x7) {
+            return _ref49.apply(this, arguments);
           };
         }(),
         removeAccessoryButton: function () {
-          var _ref46 = _asyncToGenerator(function* () {
+          var _ref50 = _asyncToGenerator(function* () {
             return navigationBarContext.removeNavigationRightButton();
           });
           return function removeAccessoryButton() {
-            return _ref46.apply(this, arguments);
+            return _ref50.apply(this, arguments);
           };
         }(),
         requestPermission: appsInTossAsyncBridges.requestPermission,
@@ -140117,16 +140223,16 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         tossAdEventLog,
         memoryDebugLog: webViewMemoryDebugLog,
         debugLog: function () {
-          var _ref47 = _asyncToGenerator(function* (event) {
+          var _ref51 = _asyncToGenerator(function* (event) {
             sendLog(event);
           });
-          return function debugLog(_x7) {
-            return _ref47.apply(this, arguments);
+          return function debugLog(_x8) {
+            return _ref51.apply(this, arguments);
           };
         }()
       }
     });
-    var headerPropForExternalWebView = (0, import_react27.useMemo)(() => {
+    var headerPropForExternalWebView = (0, import_react28.useMemo)(() => {
       var parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
       var initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
       var withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -140147,7 +140253,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       colorPreference: "light"
     });
     var refs = mergeRefs(handler.ref, webViewRef);
-    (0, import_react27.useEffect)(() => {
+    (0, import_react28.useEffect)(() => {
       var callback = () => {
         webBackHandler.handleWebBack();
         return true;
@@ -140210,7 +140316,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   __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_react31 = _$$_REQUIRE(_dependencyMap[9], "react");
   var import_react_native47 = _$$_REQUIRE(_dependencyMap[8], "react-native");
   var SDK_ID = "106";
   var LIST_BANNER_STYLE_ID = "1";
@@ -140397,7 +140503,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   function isStructurallyValidAd(ad) {
     return Boolean(ad && ad.creative && typeof ad.creative === "object");
   }
-  function loadAd(_x8) {
+  function loadAd(_x9) {
     return _loadAd.apply(this, arguments);
   }
   function _loadAd() {
@@ -140583,7 +140689,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             globalEventDeduplicator.markTracked(this.requestId, this.creativeId, eventType);
           }
         });
-        function track(_x9) {
+        function track(_x0) {
           return _track.apply(this, arguments);
         }
         return track;
@@ -140605,7 +140711,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             body: JSON.stringify(payload)
           });
         });
-        function sendTrackingRequest(_x0, _x1) {
+        function sendTrackingRequest(_x1, _x10) {
           return _sendTrackingRequest.apply(this, arguments);
         }
         return sendTrackingRequest;
@@ -140613,7 +140719,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }]);
   }();
   var import_react_native_svg2 = _$$_REQUIRE(_dependencyMap[14], "@granite-js/native/react-native-svg");
-  var import_react28 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react29 = _$$_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";
@@ -140632,7 +140738,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     paddingStyle,
     onPress
   }) {
-    var scale = (0, import_react28.useRef)(new import_react_native44.Animated.Value(1)).current;
+    var scale = (0, import_react29.useRef)(new import_react_native44.Animated.Value(1)).current;
     var animateScale = toValue => {
       import_react_native44.Animated.timing(scale, {
         toValue,
@@ -140909,7 +141015,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     }
   });
   var import_react_native_svg3 = _$$_REQUIRE(_dependencyMap[14], "@granite-js/native/react-native-svg");
-  var import_react29 = _$$_REQUIRE(_dependencyMap[9], "react");
+  var import_react30 = _$$_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";
@@ -140923,8 +141029,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     colors: colors4,
     onPress
   }) {
-    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 scale = (0, import_react30.useRef)(new import_react_native45.Animated.Value(1)).current;
+    var clipIdRef = (0, import_react30.useRef)(`clip-${Math.random().toString(36).slice(2)}`);
     var animateScale = toValue => {
       import_react_native45.Animated.timing(scale, {
         toValue,
@@ -141237,27 +141343,27 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       onAdImpression = props.onAdImpression,
       onAdFailedToRender = props.onAdFailedToRender,
       onNoFill = props.onNoFill;
-    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),
-      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)({
+    var slotIdRef = (0, import_react31.useRef)(createSlotId());
+    var _ref52 = (0, import_react31.useState)(null),
+      _ref53 = _slicedToArray(_ref52, 2),
+      ad = _ref53[0],
+      setAd = _ref53[1];
+    var _ref54 = (0, import_react31.useState)(true),
+      _ref55 = _slicedToArray(_ref54, 2),
+      isAdBadgeEnabled = _ref55[0],
+      setIsAdBadgeEnabled = _ref55[1];
+    var eventTrackerRef = (0, import_react31.useRef)(null);
+    var eventPayloadRef = (0, import_react31.useRef)(null);
+    var hasRenderedRef = (0, import_react31.useRef)(false);
+    var hasLoggedImp1pxRef = (0, import_react31.useRef)(false);
+    var hasLoggedImp100pRef = (0, import_react31.useRef)(false);
+    var hasNotifiedViewableRef = (0, import_react31.useRef)(false);
+    var viewableTimerRef = (0, import_react31.useRef)(null);
+    var refetchIntervalMsRef = (0, import_react31.useRef)(null);
+    var lastImp1pxAtRef = (0, import_react31.useRef)(null);
+    var loadingRef = (0, import_react31.useRef)(false);
+    var loadRef = (0, import_react31.useRef)(null);
+    var callbacksRef = (0, import_react31.useRef)({
       onAdRendered,
       onAdViewable,
       onAdClicked,
@@ -141265,7 +141371,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       onAdFailedToRender,
       onNoFill
     });
-    var isMountedRef = (0, import_react30.useRef)(false);
+    var isMountedRef = (0, import_react31.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;
@@ -141282,7 +141388,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       onAdFailedToRender,
       onNoFill
     };
-    (0, import_react30.useEffect)(() => {
+    (0, import_react31.useEffect)(() => {
       isMountedRef.current = true;
       return () => {
         isMountedRef.current = false;
@@ -141292,7 +141398,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         }
       };
     }, []);
-    (0, import_react30.useEffect)(() => {
+    (0, import_react31.useEffect)(() => {
       var normalizedAdGroupId = normalizeAdGroupId(adGroupId);
       var loadAdRequest = () => {
         if (loadingRef.current) {
@@ -141363,7 +141469,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         loadRef.current?.();
       }
     });
-    (0, import_react30.useEffect)(() => {
+    (0, import_react31.useEffect)(() => {
       if (!ad || hasRenderedRef.current) {
         return;
       }