@apps-in-toss/web-framework 1.2.0 → 1.2.1

package/dist/prebuilt/prod.ios.js

@@ -1462,136 +1462,6 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     ]);
     return backEvent;
   }
-  function useBackEvent() {
-    var context2 = (0, import_react9.useContext)(BackEventContext);
-    var handlersRef = (0, import_react9.useRef)(/* @__PURE__ */ new Set()).current;
-    var isVisible = useVisibility();
-    if (context2 == null) {
-      throw new Error("useBackEvent must be used within a BackEventProvider");
-    }
-    var contextAddEventListener = context2.addEventListener;
-    var contextRemoveEventListener = context2.removeEventListener;
-    var addEventListener = (0, import_react9.useCallback)(function() {
-      for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
-        handlers[_key] = arguments[_key];
-      }
-      var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-      try {
-        for (var _iterator = handlers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var handler = _step.value;
-          handlersRef.add(handler);
-          contextAddEventListener(handler);
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
-        }
-      }
-    }, [
-      contextAddEventListener,
-      handlersRef
-    ]);
-    var removeEventListener = (0, import_react9.useCallback)(function() {
-      for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
-        handlers[_key] = arguments[_key];
-      }
-      var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-      try {
-        for (var _iterator = handlers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var handler = _step.value;
-          handlersRef.delete(handler);
-          contextRemoveEventListener(handler);
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
-        }
-      }
-    }, [
-      contextRemoveEventListener,
-      handlersRef
-    ]);
-    (0, import_react9.useEffect)(function() {
-      if (!isVisible) {
-        return;
-      }
-      var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-      try {
-        for (var _iterator = handlersRef[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var handler = _step.value;
-          contextAddEventListener(handler);
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
-        }
-      }
-      return function() {
-        var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
-        try {
-          for (var _iterator2 = handlersRef[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-            var handler2 = _step2.value;
-            contextRemoveEventListener(handler2);
-          }
-        } catch (err) {
-          _didIteratorError2 = true;
-          _iteratorError2 = err;
-        } finally {
-          try {
-            if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-              _iterator2.return();
-            }
-          } finally {
-            if (_didIteratorError2) {
-              throw _iteratorError2;
-            }
-          }
-        }
-      };
-    }, [
-      contextAddEventListener,
-      contextRemoveEventListener,
-      handlersRef,
-      isVisible
-    ]);
-    var backEvent = (0, import_react9.useMemo)(function() {
-      return {
-        addEventListener,
-        removeEventListener
-      };
-    }, [
-      addEventListener,
-      removeEventListener
-    ]);
-    return backEvent;
-  }
   function useBackEventContext() {
     var context2 = (0, import_react9.useContext)(BackEventContext);
     if (context2 == null) {
@@ -10281,18 +10151,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
   });
 
   // ../../.yarn/__virtual__/@granite-js-react-native-virtual-3bd9b9ab6b/0/cache/@granite-js-react-native-npm-0.1.22-f7a1f119e2-ae5bd16544.zip/node_modules/@granite-js/react-native/src/event/useGraniteEvent.ts
-  function useGraniteEvent() {
-    var backEvent = useBackEvent();
-    var event = (0, import_react59.useMemo)(function() {
-      return new GraniteEvent([
-        new BackEvent(backEvent)
-      ]);
-    }, [
-      backEvent
-    ]);
-    return event;
-  }
-  var import_react59, BackEvent;
+  var import_react59;
   var init_useGraniteEvent = __esm({
     "../../.yarn/__virtual__/@granite-js-react-native-virtual-3bd9b9ab6b/0/cache/@granite-js-react-native-npm-0.1.22-f7a1f119e2-ae5bd16544.zip/node_modules/@granite-js/react-native/src/event/useGraniteEvent.ts"() {
       init_class_call_check();
@@ -10302,42 +10161,6 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       import_react59 = __toESM(require_react());
       init_abstract();
       init_useBackEvent();
-      BackEvent = /* @__PURE__ */ function(GraniteEventDefinition3) {
-        "use strict";
-        _inherits(BackEvent2, GraniteEventDefinition3);
-        var _super = _create_super(BackEvent2);
-        function BackEvent2(backEventControls) {
-          _class_call_check(this, BackEvent2);
-          var _this;
-          _this = _super.call(this);
-          _this.backEventControls = backEventControls;
-          _this.name = "backEvent";
-          _this.ref = {
-            remove: function() {
-            }
-          };
-          return _this;
-        }
-        _create_class(BackEvent2, [
-          {
-            key: "remove",
-            value: function remove() {
-              this.ref.remove();
-            }
-          },
-          {
-            key: "listener",
-            value: function listener(_17, onEvent) {
-              var _this = this;
-              this.backEventControls.addEventListener(onEvent);
-              this.ref.remove = function() {
-                return _this.backEventControls.removeEventListener(onEvent);
-              };
-            }
-          }
-        ]);
-        return BackEvent2;
-      }(GraniteEventDefinition);
     }
   });
 
@@ -11939,21 +11762,6 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
   function onVisibilityChangedByTransparentServiceWeb(eventParams) {
     return appsInTossEvent.addEventListener("onVisibilityChangedByTransparentServiceWeb", eventParams);
   }
-  function closeView2() {
-    return _closeView2.apply(this, arguments);
-  }
-  function _closeView2() {
-    _closeView2 = // src/BedrockModule/native-modules/natives/closeView.ts
-    _async_to_generator(function() {
-      return __generator(this, function(_state) {
-        return [
-          2,
-          BedrockModule.closeView()
-        ];
-      });
-    });
-    return _closeView2.apply(this, arguments);
-  }
   function setIosSwipeGestureEnabled(options) {
     return _setIosSwipeGestureEnabled.apply(this, arguments);
   }
@@ -43546,11 +43354,11 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
   });
 
   // ../../.yarn/__virtual__/@apps-in-toss-native-modules-virtual-86e9653158/1/apps-in-toss-packages/native-modules/src/BedrockModule/native-modules/natives/closeView.ts
-  function closeView3() {
-    return _closeView3.apply(this, arguments);
+  function closeView2() {
+    return _closeView2.apply(this, arguments);
   }
-  function _closeView3() {
-    _closeView3 = _async_to_generator(function() {
+  function _closeView2() {
+    _closeView2 = _async_to_generator(function() {
       return __generator(this, function(_state) {
         return [
           2,
@@ -43558,7 +43366,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
         ];
       });
     });
-    return _closeView3.apply(this, arguments);
+    return _closeView2.apply(this, arguments);
   }
   var init_closeView2 = __esm({
     "../../.yarn/__virtual__/@apps-in-toss-native-modules-virtual-86e9653158/1/apps-in-toss-packages/native-modules/src/BedrockModule/native-modules/natives/closeView.ts"() {
@@ -44495,7 +44303,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       return checkoutPayment;
     },
     closeView: function() {
-      return closeView3;
+      return closeView2;
     },
     eventLog: function() {
       return eventLog2;
@@ -46301,6 +46109,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       return __generator(this, function(_state) {
         switch (_state.label) {
           case 0:
+            logging.closeButtonClick();
             return [
               4,
               openConfirm({
@@ -46329,18 +46138,6 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       logging,
       openConfirm
     ]);
-    (0, import_react223.useEffect)(function() {
-      var handleAndroidBackEvent = function() {
-        handleGameWebviewClose();
-        return true;
-      };
-      import_react_native229.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-      return function() {
-        return import_react_native229.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-      };
-    }, [
-      handleGameWebviewClose
-    ]);
     return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(import_jsx_runtime225.Fragment, {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(PageNavbar, {
@@ -46366,7 +46163,6 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
             fixedRightButton: initialAccessoryButton,
             onPressDots: openMoreButtonBottomSheet,
             onPressClose: function() {
-              logging.closeButtonClick();
               handleGameWebviewClose();
             },
             theme: "dark"
@@ -46376,7 +46172,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     });
   }
   function PartnerWebviewNavigationBar(param) {
-    var handleBackEvent = param.handleBackEvent, handleHomeIconButtonClick = param.handleHomeIconButtonClick;
+    var onBackButtonClick = param.onBackButtonClick, onHomeButtonClick = param.onHomeButtonClick;
     var globals = getAppsInTossGlobals();
     var captureExitLog = useCaptureExitLog().captureExitLog;
     var logging = useNavigationBarLogging();
@@ -46388,13 +46184,6 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     var _parsedNavigationBar_withBackButton;
     var withBackButton = (_parsedNavigationBar_withBackButton = parsedNavigationBar === null || parsedNavigationBar === void 0 ? void 0 : parsedNavigationBar.withBackButton) !== null && _parsedNavigationBar_withBackButton !== void 0 ? _parsedNavigationBar_withBackButton : true;
     var initialAccessoryButton = parsedNavigationBar === null || parsedNavigationBar === void 0 ? void 0 : parsedNavigationBar.initialAccessoryButton;
-    var handlePressTitle = (0, import_react225.useCallback)(function() {
-      logging.homeButtonClick();
-      handleHomeIconButtonClick();
-    }, [
-      handleHomeIconButtonClick,
-      logging
-    ]);
     var handleClose = (0, import_react225.useCallback)(/* @__PURE__ */ _async_to_generator(function() {
       var isConfirmed;
       return __generator(this, function(_state) {
@@ -46436,103 +46225,20 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
         icon: toIcon(globals.brandIcon),
         onPressDots: openMoreButtonBottomSheet,
         contentVisible: true,
-        onPressTitle: withHomeButton ? handlePressTitle : void 0,
+        onPressTitle: withHomeButton ? onHomeButtonClick : void 0,
         onPressClose: handleClose,
         withHome: withHomeButton,
         fixedRightButton: initialAccessoryButton,
         children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(NavigationLeft2, {
           visible: withBackButton,
           children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(NavigationBackButton2, {
-            onPress: handleBackEvent,
+            onPress: onBackButtonClick,
             canGoBack: false
           })
         })
       })
     });
   }
-  function mergeRefs4() {
-    for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-      refs[_key] = arguments[_key];
-    }
-    return function(value) {
-      refs.forEach(function(ref) {
-        if (typeof ref === "function") {
-          ref(value);
-        } else if (ref != null) {
-          ref.current = value;
-        }
-      });
-    };
-  }
-  function reducer(state, action) {
-    switch (action.type) {
-      case "NAVIGATION_CHANGE": {
-        var url = action.url, canGoForward = action.canGoForward;
-        if (state.stack.length === 0) {
-          return {
-            stack: [
-              url
-            ],
-            index: 0
-          };
-        }
-        var stack = state.stack, index = state.index;
-        var cur = stack[index];
-        if (url === cur) {
-          return state;
-        }
-        var prev = index > 0 ? stack[index - 1] : void 0;
-        var next = index < stack.length - 1 ? stack[index + 1] : void 0;
-        if (prev && url === prev && canGoForward) {
-          return _object_spread_props(_object_spread({}, state), {
-            index: index - 1
-          });
-        }
-        if (next && url === next) {
-          return _object_spread_props(_object_spread({}, state), {
-            index: index + 1
-          });
-        }
-        var base = stack.slice(0, index + 1);
-        var nextStack = _to_consumable_array(base).concat([
-          url
-        ]);
-        return {
-          stack: nextStack,
-          index: nextStack.length - 1
-        };
-      }
-      default:
-        return state;
-    }
-  }
-  function useWebViewHistory() {
-    var _useReducer = _sliced_to_array((0, import_react226.useReducer)(reducer, INITIAL_STATE), 2), state = _useReducer[0], dispatch = _useReducer[1];
-    var onNavigationStateChange = (0, import_react226.useCallback)(function(param) {
-      var url = param.url, canGoForward2 = param.canGoForward;
-      dispatch({
-        type: "NAVIGATION_CHANGE",
-        url,
-        canGoForward: canGoForward2
-      });
-    }, []);
-    var _useMemo2 = (0, import_react226.useMemo)(function() {
-      var canBack = state.index > 0;
-      var canFwd = state.index >= 0 && state.index < state.stack.length - 1;
-      return {
-        canGoBack: canBack,
-        canGoForward: canFwd
-      };
-    }, [
-      state.index,
-      state.stack.length
-    ]), canGoBack = _useMemo2.canGoBack, canGoForward = _useMemo2.canGoForward;
-    return {
-      onNavigationStateChange,
-      canGoBack,
-      canGoForward
-    };
-  }
   function serializeError(error) {
     return JSON.stringify(error, function(_17, value) {
       if (_instanceof1(value, Error)) {
@@ -46593,8 +46299,8 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
   }
   function useBridgeHandler(param) {
     var onMessage = param.onMessage, constantHandlerMap = param.constantHandlerMap, asyncHandlerMap = param.asyncHandlerMap, eventListenerMap = param.eventListenerMap, originalInjectedJavaScript = param.injectedJavaScript;
-    var ref = (0, import_react227.useRef)(null);
-    var injectedJavaScript = (0, import_react227.useMemo)(function() {
+    var ref = (0, import_react226.useRef)(null);
+    var injectedJavaScript = (0, import_react226.useMemo)(function() {
       return [
         "window.__CONSTANT_HANDLER_MAP = ".concat(JSON.stringify(Object.entries(constantHandlerMap).reduce(function(acc, param2) {
           var _param = _sliced_to_array(param2, 2), key = _param[0], value = _param[1];
@@ -46621,7 +46327,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
         (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.injectJavaScript("\n      window.__GRANITE_NATIVE_EMITTER.emit('".concat(functionName, "/onError/").concat(eventId, "', ").concat(serializedError, ");\n    "));
       };
     };
-    var $onMessage = (0, import_react227.useCallback)(
+    var $onMessage = (0, import_react226.useCallback)(
       function() {
         var _ref = _async_to_generator(function(e62) {
           var data, _eventListenerMap_data_functionName, handleOnEvent, handleOnError, remove, key, remove1, _ref_current;
@@ -46691,6 +46397,229 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       onMessage: $onMessage
     };
   }
+  function reducer(state, action) {
+    switch (action.type) {
+      case "NAVIGATION_CHANGE": {
+        var url = action.url, canGoForward = action.canGoForward;
+        if (state.stack.length === 0) {
+          return {
+            stack: [
+              url
+            ],
+            index: 0
+          };
+        }
+        var stack = state.stack, index = state.index;
+        var cur = stack[index];
+        if (url === cur) {
+          return state;
+        }
+        var prev = index > 0 ? stack[index - 1] : void 0;
+        var next = index < stack.length - 1 ? stack[index + 1] : void 0;
+        if (prev && url === prev && canGoForward) {
+          return _object_spread_props(_object_spread({}, state), {
+            index: index - 1
+          });
+        }
+        if (next && url === next) {
+          return _object_spread_props(_object_spread({}, state), {
+            index: index + 1
+          });
+        }
+        var base = stack.slice(0, index + 1);
+        var nextStack = _to_consumable_array(base).concat([
+          url
+        ]);
+        return {
+          stack: nextStack,
+          index: nextStack.length - 1
+        };
+      }
+      default:
+        return state;
+    }
+  }
+  function useWebViewHistory() {
+    var _useReducer = _sliced_to_array((0, import_react228.useReducer)(reducer, INITIAL_STATE), 2), state = _useReducer[0], dispatch = _useReducer[1];
+    var onNavigationStateChange = (0, import_react228.useCallback)(function(param) {
+      var url = param.url, canGoForward2 = param.canGoForward;
+      dispatch({
+        type: "NAVIGATION_CHANGE",
+        url,
+        canGoForward: canGoForward2
+      });
+    }, []);
+    var _useMemo3 = (0, import_react228.useMemo)(function() {
+      var canBack = state.index > 0;
+      var canFwd = state.index >= 0 && state.index < state.stack.length - 1;
+      return {
+        canGoBack: canBack,
+        canGoForward: canFwd
+      };
+    }, [
+      state.index,
+      state.stack.length
+    ]), canGoBack = _useMemo3.canGoBack, canGoForward = _useMemo3.canGoForward;
+    return {
+      onNavigationStateChange,
+      hasHistory: canGoBack,
+      canGoForward
+    };
+  }
+  function useWebBackHandler(webViewRef) {
+    var captureExitLog = useCaptureExitLog().captureExitLog;
+    var _useWebViewHistory = useWebViewHistory(), hasHistory = _useWebViewHistory.hasHistory, onNavigationStateChange = _useWebViewHistory.onNavigationStateChange;
+    var _useBackEventState = useBackEventState(), webBackHandlersRef = _useBackEventState.handlersRef, hasWebBackEvent = _useBackEventState.hasBackEvent, addWebBackEventListener = _useBackEventState.addEventListener, removeWebBackEventListener = _useBackEventState.removeEventListener;
+    var logging = useNavigationBarLogging();
+    var openConfirm = useDialog().openConfirm;
+    var global2 = getAppsInTossGlobals();
+    var addEventListener = (0, import_react227.useCallback)(function(handler) {
+      addWebBackEventListener(handler);
+    }, [
+      addWebBackEventListener
+    ]);
+    var removeEventListener = (0, import_react227.useCallback)(function(handler) {
+      removeWebBackEventListener(handler);
+    }, [
+      removeWebBackEventListener
+    ]);
+    var handleWebBack = (0, import_react227.useCallback)(/* @__PURE__ */ _async_to_generator(function() {
+      var _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, handler, _webViewRef_current, isConfirmed;
+      return __generator(this, function(_state) {
+        switch (_state.label) {
+          case 0:
+            if (hasWebBackEvent) {
+              _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+              try {
+                for (_iterator = webBackHandlersRef[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                  handler = _step.value;
+                  handler();
+                }
+              } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                  }
+                } finally {
+                  if (_didIteratorError) {
+                    throw _iteratorError;
+                  }
+                }
+              }
+              return [
+                2
+              ];
+            }
+            if (!hasHistory) return [
+              3,
+              1
+            ];
+            (_webViewRef_current = webViewRef.current) === null || _webViewRef_current === void 0 ? void 0 : _webViewRef_current.injectJavaScript(HISTORY_BACK_SCRIPT);
+            return [
+              3,
+              3
+            ];
+          case 1:
+            return [
+              4,
+              openConfirm({
+                title: "".concat(josa(global2.brandDisplayName, "\uC744/\uB97C"), " \uC885\uB8CC\uD560\uAE4C\uC694?"),
+                leftButton: "\uCDE8\uC18C",
+                rightButton: "\uC885\uB8CC\uD558\uAE30",
+                closeOnDimmerClick: true,
+                onEntered: logging.closePopupShow
+              })
+            ];
+          case 2:
+            isConfirmed = _state.sent();
+            logging.closePopupCtaClick(isConfirmed);
+            if (isConfirmed) {
+              captureExitLog(Date.now());
+              closeView();
+            }
+            _state.label = 3;
+          case 3:
+            return [
+              2
+            ];
+        }
+      });
+    }), [
+      captureExitLog,
+      global2.brandDisplayName,
+      hasHistory,
+      hasWebBackEvent,
+      webBackHandlersRef,
+      logging,
+      openConfirm,
+      webViewRef
+    ]);
+    var handleWebHome = (0, import_react227.useCallback)(function() {
+      var _webViewRef_current;
+      logging.homeButtonClick();
+      if (hasWebBackEvent) {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+        try {
+          for (var _iterator = webBackHandlersRef[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            var handler = _step.value;
+            handler();
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+        return;
+      }
+      (_webViewRef_current = webViewRef.current) === null || _webViewRef_current === void 0 ? void 0 : _webViewRef_current.injectJavaScript(HISTORY_HOME_SCRIPT);
+    }, [
+      hasWebBackEvent,
+      webBackHandlersRef,
+      logging,
+      webViewRef
+    ]);
+    return (0, import_react227.useMemo)(function() {
+      return {
+        addEventListener,
+        removeEventListener,
+        handleWebBack,
+        handleWebHome,
+        onNavigationStateChange
+      };
+    }, [
+      addEventListener,
+      removeEventListener,
+      handleWebBack,
+      handleWebHome,
+      onNavigationStateChange
+    ]);
+  }
+  function mergeRefs4() {
+    for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+      refs[_key] = arguments[_key];
+    }
+    return function(value) {
+      refs.forEach(function(ref) {
+        if (typeof ref === "function") {
+          ref(value);
+        } else if (ref != null) {
+          ref.current = value;
+        }
+      });
+    };
+  }
   function convertToAndroidStyleScale(fontScale, platform) {
     if (platform === "android") {
       if (fontScale <= 1) {
@@ -46837,7 +46766,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     var batteryModePreference = param.batteryModePreference, colorPreference = param.colorPreference, locale = param.locale, navbarPreference = param.navbarPreference, pureSafeArea = param.pureSafeArea, safeArea = param.safeArea, safeAreaBottomTransparency = param.safeAreaBottomTransparency;
     var platform = getPlatformOS();
     var appVersion = getTossAppVersion();
-    var fontScale = (0, import_react_native233.useWindowDimensions)().fontScale;
+    var fontScale = (0, import_react_native232.useWindowDimensions)().fontScale;
     var platformString = platform === "ios" ? "iPhone" : "Android";
     var fontA11y = mapFontScaleToCategory(fontScale, platform);
     var normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -46903,7 +46832,8 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     if (!TYPES.includes(type)) {
       throw new Error("Invalid WebView type: '".concat(type, "'"));
     }
-    var graniteEvent = useGraniteEvent();
+    var webViewRef = (0, import_react219.useRef)(null);
+    var webBackHandler = useWebBackHandler(webViewRef);
     var uri = (0, import_react219.useMemo)(function() {
       return getWebViewUri(local);
     }, [
@@ -46930,12 +46860,11 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
           });
         },
         backEvent: function(param) {
-          var onEvent = param.onEvent, onError2 = param.onError, options = param.options;
-          return graniteEvent.addEventListener("backEvent", {
-            onEvent,
-            onError: onError2,
-            options
-          });
+          var onEvent = param.onEvent;
+          webBackHandler.addEventListener(onEvent);
+          return function() {
+            webBackHandler.removeEventListener(onEvent);
+          };
         },
         entryMessageExited: function(param) {
           var onEvent = param.onEvent, onError2 = param.onError;
@@ -47073,8 +47002,21 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     var userAgent = useCreateUserAgent({
       colorPreference: "light"
     });
+    var refs = mergeRefs4(handler.ref, webViewRef);
+    (0, import_react219.useEffect)(function() {
+      var callback = function() {
+        webBackHandler.handleWebBack();
+        return true;
+      };
+      import_react_native223.BackHandler.addEventListener("hardwareBackPress", callback);
+      return function() {
+        return import_react_native223.BackHandler.removeEventListener("hardwareBackPress", callback);
+      };
+    }, [
+      webBackHandler
+    ]);
     return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(BaseWebView, _object_spread_props(_object_spread({
-      ref: handler.ref
+      ref: refs
     }, props, headerPropForExternalWebView), {
       source: {
         uri,
@@ -47083,6 +47025,16 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
           "User-Agent": userAgent
         }
       },
+      onHomeButtonClick: webBackHandler.handleWebHome,
+      onBackButtonClick: webBackHandler.handleWebBack,
+      onNavigationStateChange: function(event) {
+        var _props_onNavigationStateChange;
+        if (event.url) {
+          trackScreen(event.url);
+        }
+        (_props_onNavigationStateChange = props.onNavigationStateChange) === null || _props_onNavigationStateChange === void 0 ? void 0 : _props_onNavigationStateChange.call(props, event);
+        webBackHandler.onNavigationStateChange(event);
+      },
       userAgent: import_react_native223.Platform.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
@@ -47094,7 +47046,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       allowsBackForwardNavigationGestures
     }));
   }
-  var import_react_native207, import_react210, import_react211, import_react212, import_react213, import_jsx_runtime217, import_react214, import_react215, import_react_native214, import_react216, import_jsx_runtime218, import_react217, import_react_native218, import_jsx_runtime219, import_react218, import_react_native221, import_jsx_runtime220, import_jsx_runtime221, import_jsx_runtime222, import_react219, import_react_native223, import_react220, import_react_native224, import_react221, import_react_native225, import_react222, import_jsx_runtime223, import_jsx_runtime224, import_react223, import_react_native229, import_jsx_runtime225, import_jsx_runtime226, import_react224, import_react_native230, import_react225, import_jsx_runtime227, import_react226, import_jsx_runtime228, import_react227, import_react_native233, import_react228, import_jsx_runtime229, env, EXIT_IMPRESSION_LOG_NAME, EXIT_IMPRESSION_SCHEMA_ID, ENTRY_APP_EVENT_SCHEMA_ID, AppEvent, UPDATE_SCHEME, NAVI_BAR_IMPRESSION_SCHEMA_ID, NAVI_BAR_IMPRESSION_LOG_NAME, CLOSE_POPUP_SHOW_SCHEMA_ID, CLOSE_POPUP_SHOW_LOG_NAME, CLOSE_BUTTON_CLICK_SCHEMA_ID, CLOSE_BUTTON_CLICK_LOG_NAME, CLOSE_POPUP_CTA_CLICK_SCHEMA_ID, CLOSE_POPUP_CTA_CLICK_LOG_NAME, HOME_BUTTON_CLICK_SCHEMA_ID, HOME_BUTTON_CLICK_LOG_NAME, BOTTOM_SHEET_SCHEMA_ID, BOTTOM_SHEET_LOG_NAME, BOTTOM_SHEET_OPEN_SCHEMA_ID, BOTTOM_SHEET_OPEN_LOG_NAME, BOTTOM_SHEET_CLOSE_CLICK_SCHEMA_ID, BOTTOM_SHEET_CLOSE_CLICK_LOG_NAME, BOTTOM_SHEET_MENU_CLICK_SCHEMA_ID, BOTTOM_SHEET_MENU_CLICK_LOG_NAME, SHARE_SCHEME_REFERRER, APP_SHARE_MENU_INFO, PLAYSTORE_LINK, APPSTORE_LINK, getMarketLink, UPDATE_DIALOG_SCHEMA_ID, UPDATE_DIALOG_LOG_NAME, UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID, UPDATE_DIALOG_CTA_CLICK_LOG_NAME, APP_BRIDGE_METHOD_NAME, MIN_VERSION, AppsInToss, GAME_PROFILE_WEBVIEW_URL, GAME_CENTER_MIN_VERSION3, useGameProfileToast, DEFAULT_ERROR, INTERNAL__onVisibilityChangedByTransparentServiceWeb, openTransparentWebView, useGameCenterProfile, Z_INDEX, GameProfile, overlayStyle, GameWebView, INITIAL_STATE, extractDateFromUUIDv7, getGroupId, getReferrer3, trackScreen, PartnerWebView, globalEventListenerMap, FontA11yCategory, androidFontScaleMap, iosScaleToAndroidScale, operationalEnvironment, TYPES, WEBVIEW_TYPES, Analytics2;
+  var import_react_native207, import_react210, import_react211, import_react212, import_react213, import_jsx_runtime217, import_react214, import_react215, import_react_native214, import_react216, import_jsx_runtime218, import_react217, import_react_native218, import_jsx_runtime219, import_react218, import_react_native221, import_jsx_runtime220, import_jsx_runtime221, import_jsx_runtime222, import_react219, import_react_native223, import_react220, import_react_native224, import_react221, import_react_native225, import_react222, import_jsx_runtime223, import_jsx_runtime224, import_react223, import_react_native229, import_jsx_runtime225, import_jsx_runtime226, import_react224, import_react225, import_jsx_runtime227, import_jsx_runtime228, import_react226, import_react227, import_react228, import_react_native232, import_react229, import_react230, import_jsx_runtime229, env, EXIT_IMPRESSION_LOG_NAME, EXIT_IMPRESSION_SCHEMA_ID, ENTRY_APP_EVENT_SCHEMA_ID, AppEvent, UPDATE_SCHEME, NAVI_BAR_IMPRESSION_SCHEMA_ID, NAVI_BAR_IMPRESSION_LOG_NAME, CLOSE_POPUP_SHOW_SCHEMA_ID, CLOSE_POPUP_SHOW_LOG_NAME, CLOSE_BUTTON_CLICK_SCHEMA_ID, CLOSE_BUTTON_CLICK_LOG_NAME, CLOSE_POPUP_CTA_CLICK_SCHEMA_ID, CLOSE_POPUP_CTA_CLICK_LOG_NAME, HOME_BUTTON_CLICK_SCHEMA_ID, HOME_BUTTON_CLICK_LOG_NAME, BOTTOM_SHEET_SCHEMA_ID, BOTTOM_SHEET_LOG_NAME, BOTTOM_SHEET_OPEN_SCHEMA_ID, BOTTOM_SHEET_OPEN_LOG_NAME, BOTTOM_SHEET_CLOSE_CLICK_SCHEMA_ID, BOTTOM_SHEET_CLOSE_CLICK_LOG_NAME, BOTTOM_SHEET_MENU_CLICK_SCHEMA_ID, BOTTOM_SHEET_MENU_CLICK_LOG_NAME, SHARE_SCHEME_REFERRER, APP_SHARE_MENU_INFO, PLAYSTORE_LINK, APPSTORE_LINK, getMarketLink, UPDATE_DIALOG_SCHEMA_ID, UPDATE_DIALOG_LOG_NAME, UPDATE_DIALOG_CTA_CLICK_SCHEMA_ID, UPDATE_DIALOG_CTA_CLICK_LOG_NAME, APP_BRIDGE_METHOD_NAME, MIN_VERSION, AppsInToss, GAME_PROFILE_WEBVIEW_URL, GAME_CENTER_MIN_VERSION3, useGameProfileToast, DEFAULT_ERROR, INTERNAL__onVisibilityChangedByTransparentServiceWeb, openTransparentWebView, useGameCenterProfile, Z_INDEX, GameProfile, overlayStyle, GameWebView, PartnerWebView, globalEventListenerMap, INITIAL_STATE, HISTORY_BACK_SCRIPT, HISTORY_HOME_SCRIPT, FontA11yCategory, androidFontScaleMap, iosScaleToAndroidScale, extractDateFromUUIDv7, getGroupId, getReferrer3, trackScreen, operationalEnvironment, TYPES, WEBVIEW_TYPES, Analytics2;
   var init_dist8 = __esm({
     "../../.yarn/__virtual__/@apps-in-toss-framework-virtual-574b136add/1/apps-in-toss-packages/framework/dist/index.js"() {
       "use strict";
@@ -47197,26 +47149,30 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       import_react_native229 = __toESM(require_react_native(), 1);
       import_jsx_runtime225 = __toESM(require_jsx_runtime(), 1);
       import_jsx_runtime226 = __toESM(require_jsx_runtime(), 1);
-      init_dist6();
       init_react_native_webview();
       import_react224 = __toESM(require_react(), 1);
-      import_react_native230 = __toESM(require_react_native(), 1);
       init_src3();
       init_esm8();
       init_private2();
       init_dist7();
       import_react225 = __toESM(require_react(), 1);
       import_jsx_runtime227 = __toESM(require_jsx_runtime(), 1);
+      import_jsx_runtime228 = __toESM(require_jsx_runtime(), 1);
       import_react226 = __toESM(require_react(), 1);
-      init_dist6();
       init_src3();
-      import_jsx_runtime228 = __toESM(require_jsx_runtime(), 1);
+      init_esm8();
+      init_dist7();
       import_react227 = __toESM(require_react(), 1);
+      import_react228 = __toESM(require_react(), 1);
       init_dist6();
-      import_react_native233 = __toESM(require_react_native(), 1);
+      import_react_native232 = __toESM(require_react_native(), 1);
+      init_dist6();
+      init_src3();
+      import_react229 = __toESM(require_react(), 1);
+      init_src3();
+      import_react230 = __toESM(require_react(), 1);
       init_dist6();
       init_src3();
-      import_react228 = __toESM(require_react(), 1);
       import_jsx_runtime229 = __toESM(require_jsx_runtime(), 1);
       init_dist3();
       init_dist6();
@@ -47718,127 +47674,34 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
           ]
         });
       });
-      INITIAL_STATE = {
-        stack: [],
-        index: -1
-      };
-      extractDateFromUUIDv7 = function(uuid) {
-        var timestampHex = uuid.split("-").join("").slice(0, 12);
-        var timestamp = Number.parseInt(timestampHex, 16);
-        return new Date(timestamp);
-      };
-      getGroupId = function(url) {
-        try {
-          var urlObject = new URL(url);
-          return {
-            groupId: urlObject.pathname,
-            search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
-          };
-        } catch (e62) {
-          return {
-            groupId: "unknown",
-            search: "unknown"
-          };
-        }
-      };
-      getReferrer3 = function() {
-        try {
-          var referrer2 = new URL(getSchemeUri());
-          return referrer2.searchParams.get("referrer");
-        } catch (e62) {
-          return "";
-        }
-      };
-      trackScreen = function(url) {
-        var _getGroupId = getGroupId(url), groupId = _getGroupId.groupId, search = _getGroupId.search;
-        var log = {
-          log_type: "screen",
-          log_name: "".concat(groupId, "::screen"),
-          params: {
-            search,
-            referrer: getReferrer3(),
-            deployment_id: env.getDeploymentId(),
-            deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
-          }
-        };
-        return eventLog(log);
-      };
-      PartnerWebView = /* @__PURE__ */ (0, import_react224.forwardRef)(function PartnerWebViewScreen(webViewProps, ref) {
-        var webViewRef = (0, import_react224.useRef)(null);
-        var refs = mergeRefs4(ref, webViewRef);
-        var captureExitLog = useCaptureExitLog().captureExitLog;
-        var _useWebViewHistory = useWebViewHistory(), canGoBack = _useWebViewHistory.canGoBack, onNavigationStateChange = _useWebViewHistory.onNavigationStateChange;
-        var historyBackScript = "\n      (function() {\n        window.history.back();\n        true;\n      })();\n    ";
-        var historyHomeScript = "\n      (function() {\n        window.location.href = '/';\n        true;\n      })();\n    ";
-        var handleBackEvent = (0, import_react224.useCallback)(function() {
-          if (canGoBack) {
-            var _webViewRef_current;
-            (_webViewRef_current = webViewRef.current) === null || _webViewRef_current === void 0 ? void 0 : _webViewRef_current.injectJavaScript(historyBackScript);
-          } else {
-            captureExitLog(Date.now());
-            closeView2();
-          }
-        }, [
-          canGoBack,
-          captureExitLog,
-          historyBackScript
-        ]);
-        (0, import_react224.useEffect)(function() {
-          var handleAndroidBackEvent = function() {
-            if (canGoBack) {
-              var _webViewRef_current;
-              (_webViewRef_current = webViewRef.current) === null || _webViewRef_current === void 0 ? void 0 : _webViewRef_current.injectJavaScript(historyBackScript);
-              return true;
-            } else {
-              captureExitLog(Date.now());
-              return false;
-            }
-          };
-          import_react_native230.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-          return function() {
-            return import_react_native230.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
-          };
-        }, [
-          canGoBack,
-          captureExitLog,
-          historyBackScript
-        ]);
-        var handleHomeIconButtonClick = (0, import_react224.useCallback)(function() {
-          var _webViewRef_current;
-          (_webViewRef_current = webViewRef.current) === null || _webViewRef_current === void 0 ? void 0 : _webViewRef_current.injectJavaScript(historyHomeScript);
-        }, [
-          historyHomeScript
-        ]);
-        var handleNavigationStateChange = (0, import_react224.useCallback)(function(event) {
-          if (event.url) {
-            trackScreen(event.url);
-          }
-          onNavigationStateChange(event);
-        }, [
-          onNavigationStateChange
+      PartnerWebView = /* @__PURE__ */ (0, import_react224.forwardRef)(function PartnerWebViewScreen(_param, ref) {
+        var onBackButtonClick = _param.onBackButtonClick, onHomeButtonClick = _param.onHomeButtonClick, webViewProps = _object_without_properties(_param, [
+          "onBackButtonClick",
+          "onHomeButtonClick"
         ]);
         return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(import_jsx_runtime228.Fragment, {
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(PartnerWebviewNavigationBar, {
-              handleBackEvent,
-              handleHomeIconButtonClick
+              onBackButtonClick,
+              onHomeButtonClick
             }),
             /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(react_native_webview_exports.WebView, _object_spread_props(_object_spread({
-              ref: refs
+              ref
             }, webViewProps), {
               style: {
                 flex: 1
-              },
-              onNavigationStateChange: function(event) {
-                var _webViewProps_onNavigationStateChange;
-                webViewProps === null || webViewProps === void 0 ? void 0 : (_webViewProps_onNavigationStateChange = webViewProps.onNavigationStateChange) === null || _webViewProps_onNavigationStateChange === void 0 ? void 0 : _webViewProps_onNavigationStateChange.call(webViewProps, event);
-                handleNavigationStateChange(event);
               }
             }))
           ]
         });
       });
       globalEventListenerMap = /* @__PURE__ */ new Map();
+      INITIAL_STATE = {
+        stack: [],
+        index: -1
+      };
+      HISTORY_BACK_SCRIPT = "\n(function() {\n  window.history.back();\n  true;\n})();\n";
+      HISTORY_HOME_SCRIPT = "\n  (function() {\n    window.location.href = '/';\n    true;\n  })();\n";
       FontA11yCategory = {
         Large: "Large",
         xLarge: "xLarge",
@@ -47875,6 +47738,47 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
         3.143: 275,
         3.571: 310
       };
+      extractDateFromUUIDv7 = function(uuid) {
+        var timestampHex = uuid.split("-").join("").slice(0, 12);
+        var timestamp = Number.parseInt(timestampHex, 16);
+        return new Date(timestamp);
+      };
+      getGroupId = function(url) {
+        try {
+          var urlObject = new URL(url);
+          return {
+            groupId: urlObject.pathname,
+            search: urlObject.search.startsWith("?") ? urlObject.search.substring(1) : urlObject.search
+          };
+        } catch (e62) {
+          return {
+            groupId: "unknown",
+            search: "unknown"
+          };
+        }
+      };
+      getReferrer3 = function() {
+        try {
+          var referrer2 = new URL(getSchemeUri());
+          return referrer2.searchParams.get("referrer");
+        } catch (e62) {
+          return "";
+        }
+      };
+      trackScreen = function(url) {
+        var _getGroupId = getGroupId(url), groupId = _getGroupId.groupId, search = _getGroupId.search;
+        var log = {
+          log_type: "screen",
+          log_name: "".concat(groupId, "::screen"),
+          params: {
+            search,
+            referrer: getReferrer3(),
+            deployment_id: env.getDeploymentId(),
+            deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
+          }
+        };
+        return eventLog(log);
+      };
       operationalEnvironment = getOperationalEnvironment2();
       TYPES = [
         "partner",
@@ -47903,7 +47807,7 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
     }
   });
   function Index() {
-    return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_native235.View, {
+    return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_native236.View, {
       style: {
         flex: 1
       },
@@ -47925,13 +47829,13 @@ var global=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined
       })
     });
   }
-  var import_jsx_runtime230, import_react_native235;
+  var import_jsx_runtime230, import_react_native236;
   var init_pages = __esm({
     "react-native/pages/index.tsx"() {
       "use strict";
       import_jsx_runtime230 = __toESM(require_jsx_runtime(), 1);
       init_dist8();
-      import_react_native235 = __toESM(require_react_native(), 1);
+      import_react_native236 = __toESM(require_react_native(), 1);
     }
   });