@apps-in-toss/framework 1.5.1 → 1.5.3

package/dist/index.cjs

@@ -48,9 +48,9 @@ var import_analytics2 = require("@apps-in-toss/analytics");
 
 // src/core/registerApp.tsx
 var import_analytics = require("@apps-in-toss/analytics");
-var import_native_modules14 = require("@apps-in-toss/native-modules");
+var import_native_modules13 = require("@apps-in-toss/native-modules");
 var import_react_native23 = require("@granite-js/react-native");
-var import_tds_react_native11 = require("@toss/tds-react-native");
+var import_tds_react_native10 = require("@toss/tds-react-native");
 var import_react_native24 = require("react-native");
 
 // src/core/components/AppEvent.tsx
@@ -248,45 +248,17 @@ function useNavigationBarContext() {
   return context;
 }
 
-// src/core/hooks/useAppsInTossBridge.ts
-var import_native_modules3 = require("@apps-in-toss/native-modules");
-var import_tds_react_native = require("@toss/tds-react-native");
-var import_react6 = require("react");
-
-// src/core/utils/toIcon.ts
-function toIcon(source) {
-  return source.startsWith("http") ? { source: { uri: source } } : { name: source };
-}
-
-// src/core/hooks/useAppsInTossBridge.ts
-function useAppsInTossBridge() {
-  const controller = (0, import_tds_react_native.useBridge)();
-  const appsInTossGlobals = getAppsInTossGlobals();
-  (0, import_react6.useEffect)(() => {
-    const isGameApp = appsInTossGlobals.webViewType === "game" || appsInTossGlobals.appType === "game";
-    controller.open({
-      serviceName: appsInTossGlobals.brandDisplayName,
-      icon: toIcon(appsInTossGlobals.brandIcon),
-      color: appsInTossGlobals.brandPrimaryColor,
-      colorMode: isGameApp ? "inverted" : appsInTossGlobals.brandBridgeColorMode,
-      onExited: () => {
-        import_native_modules3.appsInTossEvent.emit("entryMessageExited", void 0);
-      }
-    });
-  }, []);
-}
-
 // src/components/RNAppContainer.tsx
-var import_native_modules13 = require("@apps-in-toss/native-modules");
-var import_react18 = require("react");
+var import_native_modules12 = require("@apps-in-toss/native-modules");
+var import_react17 = require("react");
 var import_react_native22 = require("react-native");
 
 // src/components/GameInitializer.tsx
-var import_native_modules7 = require("@apps-in-toss/native-modules");
+var import_native_modules6 = require("@apps-in-toss/native-modules");
 var import_react_native10 = require("@granite-js/react-native");
-var import_tds_react_native5 = require("@toss/tds-react-native");
+var import_tds_react_native4 = require("@toss/tds-react-native");
 var import_es_hangul = require("es-hangul");
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_react_native11 = require("react-native");
 
 // src/constant/game-center.ts
@@ -297,10 +269,10 @@ var GAME_MIN_VERSION = {
 };
 
 // src/hooks/useAppUpdateDialog.tsx
-var import_native_modules4 = require("@apps-in-toss/native-modules");
+var import_native_modules3 = require("@apps-in-toss/native-modules");
 var import_react_native7 = require("@granite-js/react-native");
-var import_tds_react_native2 = require("@toss/tds-react-native");
-var import_react7 = require("react");
+var import_tds_react_native = require("@toss/tds-react-native");
+var import_react6 = require("react");
 
 // src/utils/market.ts
 var import_react_native6 = require("react-native");
@@ -312,9 +284,9 @@ var getMarketLink = () => {
 
 // src/hooks/useAppUpdateDialog.tsx
 function useAppUpdateDialog() {
-  const { openConfirm } = (0, import_tds_react_native2.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native.useDialog)();
   const logging = useAppUpdateDialogLogging();
-  const openAppUpdateDialog = (0, import_react7.useCallback)(
+  const openAppUpdateDialog = (0, import_react6.useCallback)(
     async ({
       title,
       description,
@@ -356,7 +328,7 @@ function useAppUpdateDialogLogging() {
     app_name: import_react_native7.Granite.appName
   };
   const logUpdateClick = () => {
-    import_native_modules4.INTERNAL__module.tossCoreEventLog({
+    import_native_modules3.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -368,7 +340,7 @@ function useAppUpdateDialogLogging() {
     });
   };
   const logCloseClick = () => {
-    import_native_modules4.INTERNAL__module.tossCoreEventLog({
+    import_native_modules3.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -380,7 +352,7 @@ function useAppUpdateDialogLogging() {
     });
   };
   const logDialogShow = () => {
-    import_native_modules4.INTERNAL__module.tossCoreEventLog({
+    import_native_modules3.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_LOG_NAME,
       log_type: "popup",
       params: {
@@ -393,13 +365,13 @@ function useAppUpdateDialogLogging() {
 }
 
 // src/hooks/useGameCenterProfile.ts
-var import_native_modules6 = require("@apps-in-toss/native-modules");
-var import_react11 = require("react");
+var import_native_modules5 = require("@apps-in-toss/native-modules");
+var import_react10 = require("react");
 
 // src/hooks/useErrorAlert.ts
 var import_react_native8 = require("@granite-js/react-native");
-var import_tds_react_native3 = require("@toss/tds-react-native");
-var import_react8 = require("react");
+var import_tds_react_native2 = require("@toss/tds-react-native");
+var import_react7 = require("react");
 
 // src/utils/error.ts
 var DEFAULT_ERROR = {
@@ -409,8 +381,8 @@ var DEFAULT_ERROR = {
 
 // src/hooks/useErrorAlert.ts
 var useErrorAlert = () => {
-  const { openAlert } = (0, import_tds_react_native3.useDialog)();
-  const openErrorAlert = (0, import_react8.useCallback)(async () => {
+  const { openAlert } = (0, import_tds_react_native2.useDialog)();
+  const openErrorAlert = (0, import_react7.useCallback)(async () => {
     await openAlert({
       title: DEFAULT_ERROR.title,
       description: DEFAULT_ERROR.description
@@ -421,14 +393,14 @@ var useErrorAlert = () => {
 };
 
 // src/hooks/useTransparentWebview.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/utils/openTransparentWebView.ts
 var import_react_native9 = require("@granite-js/react-native");
 
 // src/private.ts
-var import_native_modules5 = require("@apps-in-toss/native-modules");
-var INTERNAL__onVisibilityChangedByTransparentServiceWeb = import_native_modules5.onVisibilityChangedByTransparentServiceWeb;
+var import_native_modules4 = require("@apps-in-toss/native-modules");
+var INTERNAL__onVisibilityChangedByTransparentServiceWeb = import_native_modules4.onVisibilityChangedByTransparentServiceWeb;
 
 // src/utils/openTransparentWebView.ts
 var openTransparentWebView = ({
@@ -463,9 +435,9 @@ var openTransparentWebView = ({
 
 // src/hooks/useTransparentWebview.tsx
 var useTransparentWebview = () => {
-  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react9.useState)(false);
+  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react8.useState)(false);
   const { open: openErrorAlert } = useErrorAlert();
-  const _openTransparentWebview = (0, import_react9.useCallback)(
+  const _openTransparentWebview = (0, import_react8.useCallback)(
     ({ webUrl, onClose, onError }) => {
       if (isWebviewLoading) {
         return;
@@ -497,18 +469,18 @@ var useTransparentWebview = () => {
 };
 
 // src/components/GameProfileToast.tsx
-var import_tds_react_native4 = require("@toss/tds-react-native");
+var import_tds_react_native3 = require("@toss/tds-react-native");
 var import_private2 = require("@toss/tds-react-native/private");
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var useGameProfileToast = () => {
   const overlay = (0, import_private2.useOverlay)();
-  const openGameProfileToast = (0, import_react10.useCallback)(
+  const openGameProfileToast = (0, import_react9.useCallback)(
     (nickname, profileImageUri) => {
       return new Promise((resolve) => {
         overlay.open(({ isOpen, close, exit }) => {
           return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_private2.ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_private2.AdaptiveColorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_tds_react_native4.Toast,
+            import_tds_react_native3.Toast,
             {
               open: isOpen,
               onClose: () => {
@@ -519,10 +491,10 @@ var useGameProfileToast = () => {
               position: "top",
               text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
               icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                import_tds_react_native4.Asset.Image,
+                import_tds_react_native3.Asset.Image,
                 {
                   style: { borderRadius: 64, overflow: "hidden" },
-                  frameShape: import_tds_react_native4.Asset.frameShape.CleanW32,
+                  frameShape: import_tds_react_native3.Asset.frameShape.CleanW32,
                   source: { uri: profileImageUri }
                 }
               )
@@ -537,19 +509,19 @@ var useGameProfileToast = () => {
 };
 
 // src/hooks/useGameCenterProfile.ts
-var useGameCenterProfile = (isReadyForProfileUI) => {
-  const [profileData, setProfileData] = (0, import_react11.useState)(void 0);
-  const [isProfileDataLoading, setIsProfileDataLoading] = (0, import_react11.useState)(true);
-  const [isProfileDataRefetching, setIsProfileDataRefetching] = (0, import_react11.useState)(false);
-  const shouldShowProfileLoadingOverlay = isProfileDataLoading && isReadyForProfileUI || isProfileDataRefetching;
-  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
-  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+var useGameCenterProfile = () => {
+  const [profileData, setProfileData] = (0, import_react10.useState)(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = (0, import_react10.useState)(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = (0, import_react10.useState)(false);
+  const shouldShowProfileLoadingOverlay = isProfileDataLoading || isProfileDataRefetching;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading;
   const { openGameProfileToast } = useGameProfileToast();
   const { open: openErrorAlert } = useErrorAlert();
   const { open: openTransparentWebView2 } = useTransparentWebview();
-  const fetchProfileData = (0, import_react11.useCallback)(async () => {
+  const fetchProfileData = (0, import_react10.useCallback)(async () => {
     try {
-      const data = await (0, import_native_modules6.getGameCenterGameProfile)();
+      const data = await (0, import_native_modules5.getGameCenterGameProfile)();
       setProfileData(data);
       setIsProfileDataLoading(false);
     } catch (_) {
@@ -557,10 +529,10 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
       setIsProfileDataLoading(false);
     }
   }, [openErrorAlert]);
-  const refetchProfileData = (0, import_react11.useCallback)(async () => {
+  const refetchProfileData = (0, import_react10.useCallback)(async () => {
     try {
       setIsProfileDataRefetching(true);
-      const data = await (0, import_native_modules6.getGameCenterGameProfile)();
+      const data = await (0, import_native_modules5.getGameCenterGameProfile)();
       setProfileData(data);
       setIsProfileDataRefetching(false);
       if (data?.statusCode === "SUCCESS") {
@@ -571,7 +543,7 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
       openErrorAlert();
     }
   }, [openErrorAlert, openGameProfileToast]);
-  const openProfileWebview = (0, import_react11.useCallback)(() => {
+  const openProfileWebview = (0, import_react10.useCallback)(() => {
     openTransparentWebView2({
       webUrl: `${GAME_PROFILE_WEBVIEW_URL}?appName=${getAppName()}&referrer=appsintoss.${getAppName()}`,
       onClose: async () => {
@@ -605,7 +577,7 @@ var Z_INDEX = {
 
 // src/components/GameInitializer.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var GameInitializer = ({ children, isReadyForProfileUI }) => {
+var GameInitializer = ({ children }) => {
   const {
     profileData,
     shouldShowProfileLoadingOverlay,
@@ -614,13 +586,13 @@ var GameInitializer = ({ children, isReadyForProfileUI }) => {
     openProfileWebview,
     openGameProfileToast,
     fetchProfileData
-  } = useGameCenterProfile(isReadyForProfileUI);
-  const isCompletedFlow = (0, import_react12.useRef)(false);
+  } = useGameCenterProfile();
+  const isCompletedFlow = (0, import_react11.useRef)(false);
   const { open: openAppUpdateDialog } = useAppUpdateDialog();
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     fetchProfileData();
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
@@ -629,7 +601,7 @@ var GameInitializer = ({ children, isReadyForProfileUI }) => {
         return;
       }
       isCompletedFlow.current = true;
-      if (!(0, import_native_modules7.isMinVersionSupported)(GAME_MIN_VERSION)) {
+      if (!(0, import_native_modules6.isMinVersionSupported)(GAME_MIN_VERSION)) {
         openAppUpdateDialog({
           title: `${(0, import_es_hangul.josa)(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
 \uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
@@ -656,7 +628,7 @@ var GameInitializer = ({ children, isReadyForProfileUI }) => {
     openProfileWebview,
     profileData
   ]);
-  if (!(0, import_native_modules7.isMinVersionSupported)(GAME_MIN_VERSION)) {
+  if (!(0, import_native_modules6.isMinVersionSupported)(GAME_MIN_VERSION)) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native11.View, { style: { flex: 1, position: "relative" }, children }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -690,7 +662,7 @@ var GameInitializer = ({ children, isReadyForProfileUI }) => {
             alignItems: "center",
             backgroundColor: "rgba(0, 0, 0, 0.2)"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tds_react_native5.Loader, { size: "large", type: "light" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tds_react_native4.Loader, { size: "large", type: "light" })
         }
       )
     ] });
@@ -726,10 +698,10 @@ var overlayStyle = {
 var import_private5 = require("@toss/tds-react-native/private");
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useHardwareBackPress.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_react_native12 = require("react-native");
 function useHardwareBackPress(handler) {
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleBackPress = () => {
       handler();
       return true;
@@ -741,16 +713,16 @@ function useHardwareBackPress(handler) {
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useNavigationEvent.ts
 var import_react_native14 = require("@granite-js/react-native");
-var import_react15 = require("react");
+var import_react14 = require("react");
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useCloseConfirm.ts
-var import_tds_react_native6 = require("@toss/tds-react-native");
+var import_tds_react_native5 = require("@toss/tds-react-native");
 var import_es_hangul2 = require("es-hangul");
-var import_react14 = require("react");
+var import_react13 = require("react");
 function useCloseConfirm() {
   const { brandDisplayName } = getAppsInTossGlobals();
-  const { openConfirm } = (0, import_tds_react_native6.useDialog)();
-  return (0, import_react14.useCallback)(async ({ onEntered }) => {
+  const { openConfirm } = (0, import_tds_react_native5.useDialog)();
+  return (0, import_react13.useCallback)(async ({ onEntered }) => {
     return await openConfirm({
       title: `${(0, import_es_hangul2.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
       leftButton: "\uCDE8\uC18C",
@@ -762,7 +734,7 @@ function useCloseConfirm() {
 }
 
 // src/components/NavigationBar/common/useNavigationBarLogging.tsx
-var import_native_modules8 = require("@apps-in-toss/native-modules");
+var import_native_modules7 = require("@apps-in-toss/native-modules");
 var import_react_native13 = require("@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";
@@ -781,7 +753,7 @@ function useNavigationBarLogging() {
     app_name: import_react_native13.Granite.appName
   };
   const logNavBarImpression = (naviBarConfig) => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: NAVI_BAR_IMPRESSION_LOG_NAME,
       log_type: "event",
       params: {
@@ -793,7 +765,7 @@ function useNavigationBarLogging() {
     });
   };
   const logHomeButtonClick = () => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: HOME_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -804,7 +776,7 @@ function useNavigationBarLogging() {
     });
   };
   const logCloseButtonClick = () => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: CLOSE_BUTTON_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -815,7 +787,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupShow = () => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: CLOSE_POPUP_SHOW_LOG_NAME,
       log_type: "popup",
       params: {
@@ -825,7 +797,7 @@ function useNavigationBarLogging() {
     });
   };
   const logClosePopupCtaClick = (confirm) => {
-    import_native_modules8.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: CLOSE_POPUP_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -852,7 +824,7 @@ function useNavigationEvent() {
   const navigation = (0, import_react_native14.useNavigation)();
   const closeConfirm = useCloseConfirm();
   const { captureExitLog } = useCaptureExitLog();
-  return (0, import_react15.useMemo)(() => {
+  return (0, import_react14.useMemo)(() => {
     const close = async () => {
       const hasConfirmed = await closeConfirm({
         onEntered: logging.closePopupShow
@@ -886,25 +858,25 @@ function useNavigationEvent() {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-var import_native_modules12 = require("@apps-in-toss/native-modules");
+var import_native_modules11 = require("@apps-in-toss/native-modules");
 var import_react_native20 = require("@granite-js/react-native");
-var import_tds_react_native9 = require("@toss/tds-react-native");
+var import_tds_react_native8 = require("@toss/tds-react-native");
 var import_private4 = require("@toss/tds-react-native/private");
-var import_react16 = require("react");
+var import_react15 = require("react");
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
-var import_native_modules10 = require("@apps-in-toss/native-modules");
+var import_native_modules9 = require("@apps-in-toss/native-modules");
 var import_react_native17 = require("@granite-js/react-native");
-var import_tds_react_native8 = require("@toss/tds-react-native");
+var import_tds_react_native7 = require("@toss/tds-react-native");
 var import_react_native18 = require("react-native");
 
 // src/core/hooks/useMoreButtonBottomSheet/Menu.tsx
-var import_tds_react_native7 = require("@toss/tds-react-native");
+var import_tds_react_native6 = require("@toss/tds-react-native");
 var import_private3 = require("@toss/tds-react-native/private");
 var import_react_native16 = require("react-native");
 
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
-var import_native_modules9 = require("@apps-in-toss/native-modules");
+var import_native_modules8 = require("@apps-in-toss/native-modules");
 var import_react_native15 = require("@granite-js/react-native");
 var BOTTOM_SHEET_SCHEMA_ID = 1596825;
 var BOTTOM_SHEET_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__more";
@@ -921,7 +893,7 @@ function useMoreButtonBottomSheetLogging() {
     app_name: import_react_native15.Granite.appName
   };
   const logBottomSheetShow = () => {
-    import_native_modules9.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_LOG_NAME,
       log_type: "popup",
       params: {
@@ -931,7 +903,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetOpen = () => {
-    import_native_modules9.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_OPEN_LOG_NAME,
       log_type: "event",
       params: {
@@ -942,7 +914,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetCloseClick = () => {
-    import_native_modules9.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_CLOSE_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -953,7 +925,7 @@ function useMoreButtonBottomSheetLogging() {
     });
   };
   const logBottomSheetMenuClick = ({ title }) => {
-    import_native_modules9.INTERNAL__module.tossCoreEventLog({
+    import_native_modules8.INTERNAL__module.tossCoreEventLog({
       log_name: BOTTOM_SHEET_MENU_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -982,7 +954,7 @@ function Menu({ title, iconURL, onPress }) {
   const brandPrimaryColorRGB = hexToRGB(globals.brandPrimaryColor);
   const iconBackgroundColor = brandPrimaryColorRGB ? `rgba(${brandPrimaryColorRGB.join(",")},0.1)` : adaptive.grey100;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_tds_react_native7.ListRow,
+    import_tds_react_native6.ListRow,
     {
       left: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_react_native16.View,
@@ -998,14 +970,14 @@ function Menu({ title, iconURL, onPress }) {
             backgroundColor: iconBackgroundColor
           },
           children: iconName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_tds_react_native7.Asset.Icon,
+            import_tds_react_native6.Asset.Icon,
             {
               frameShape: { width: 20, height: 20 },
               color: globals.brandPrimaryColor,
               name: iconName
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_tds_react_native7.Asset.Image,
+            import_tds_react_native6.Asset.Image,
             {
               frameShape: { width: 20, height: 20 },
               source: { uri: iconURL }
@@ -1014,7 +986,7 @@ function Menu({ title, iconURL, onPress }) {
         }
       ),
       contents: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_tds_react_native7.ListRow.Texts,
+        import_tds_react_native6.ListRow.Texts,
         {
           type: "1RowTypeA",
           top: title,
@@ -1066,8 +1038,8 @@ var APP_SHARE_MENU_INFO = {
 };
 function AppShareListMenu() {
   const initialScheme = (0, import_react_native17.getSchemeUri)();
-  const isSandbox = (0, import_native_modules10.getOperationalEnvironment)() === "sandbox";
-  const { openConfirm } = (0, import_tds_react_native8.useDialog)();
+  const isSandbox = (0, import_native_modules9.getOperationalEnvironment)() === "sandbox";
+  const { openConfirm } = (0, import_tds_react_native7.useDialog)();
   const schemeForShare = addParamsToUrl(initialScheme, {
     referrer: SHARE_SCHEME_REFERRER
   });
@@ -1097,12 +1069,12 @@ function AppShareListMenu() {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/PermissionsMenu.tsx
-var import_native_modules11 = require("@apps-in-toss/native-modules");
+var import_native_modules10 = require("@apps-in-toss/native-modules");
 var import_react_native19 = require("@granite-js/react-native");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function PermissionsMenu() {
   const globals = getAppsInTossGlobals();
-  if ((0, import_native_modules11.getOperationalEnvironment)() === "sandbox") {
+  if ((0, import_native_modules10.getOperationalEnvironment)() === "sandbox") {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -1143,19 +1115,19 @@ var MIN_VERSION = {
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
   const adaptive = (0, import_private4.useAdaptive)();
-  const [itemList, setItemList] = (0, import_react16.useState)([]);
+  const [itemList, setItemList] = (0, import_react15.useState)([]);
   const appUpdateDialog = useAppUpdateDialog();
   const logging = useMoreButtonBottomSheetLogging();
   const overlay = (0, import_private4.useOverlay)();
   const title = ensureValue(globals.brandDisplayName, "displayName");
-  const isBottomSheetSupported = (0, import_native_modules12.isMinVersionSupported)(MIN_VERSION.BOTTOM_SHEET);
-  const isShareListMenuSupported = (0, import_native_modules12.isMinVersionSupported)(MIN_VERSION.SHARE_LIST_MENU);
-  const [isPermissionsMenuSupported, setIsPermissionsMenuSupported] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const isBottomSheetSupported = (0, import_native_modules11.isMinVersionSupported)(MIN_VERSION.BOTTOM_SHEET);
+  const isShareListMenuSupported = (0, import_native_modules11.isMinVersionSupported)(MIN_VERSION.SHARE_LIST_MENU);
+  const [isPermissionsMenuSupported, setIsPermissionsMenuSupported] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
     if (!isBottomSheetSupported) {
       return;
     }
-    import_native_modules12.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+    import_native_modules11.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
       APP_BRIDGE_METHOD_NAME,
       {},
       {
@@ -1163,8 +1135,8 @@ function useMoreButtonBottomSheet() {
         onError: (error) => console.error("\uBA54\uB274 \uBAA9\uB85D\uC744 \uAC00\uC838\uC624\uB294 \uB370 \uC2E4\uD328\uD588\uC5B4\uC694:", error)
       }
     );
-    if ((0, import_native_modules12.isMinVersionSupported)(MIN_VERSION.PERMISSIONS_MENU)) {
-      import_native_modules12.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+    if ((0, import_native_modules11.isMinVersionSupported)(MIN_VERSION.PERMISSIONS_MENU)) {
+      import_native_modules11.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
         "getAllPermission",
         {},
         {
@@ -1189,17 +1161,17 @@ function useMoreButtonBottomSheet() {
         close();
       };
       return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BottomSheetImpressionArea, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_tds_react_native9.BottomSheet.Root,
+        import_tds_react_native8.BottomSheet.Root,
         {
           header: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_tds_react_native9.ListHeader,
+            import_tds_react_native8.ListHeader,
             {
-              title: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tds_react_native9.ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
+              title: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tds_react_native8.ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
             }
           ),
           open: isOpen,
           cta: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_tds_react_native9.BottomSheet.CTA,
+            import_tds_react_native8.BottomSheet.CTA,
             {
               size: "large",
               type: "dark",
@@ -1212,7 +1184,7 @@ function useMoreButtonBottomSheet() {
           ),
           onClose: handleClose,
           onExited: exit,
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_tds_react_native9.List, { rowSeparator: "none", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_tds_react_native8.List, { rowSeparator: "none", children: [
             itemList.map(
               (item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 Menu,
@@ -1235,22 +1207,27 @@ function useMoreButtonBottomSheet() {
 }
 function BottomSheetImpressionArea({ children }) {
   const logging = useMoreButtonBottomSheetLogging();
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     logging.show();
   }, [logging]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children });
 }
 
+// src/core/utils/toIcon.ts
+function toIcon(source) {
+  return source.startsWith("http") ? { source: { uri: source } } : { name: source };
+}
+
 // src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function NavigationBarImpressionArea({
   children,
   withHomeButton
 }) {
-  const hasLogged = (0, import_react17.useRef)(false);
+  const hasLogged = (0, import_react16.useRef)(false);
   const logging = useNavigationBarLogging();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (hasLogged.current === false) {
       logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
       hasLogged.current = true;
@@ -1289,7 +1266,7 @@ function DefaultNavigationBar() {
 
 // src/components/NavigationBar/RNNavigationBar/Game.tsx
 var import_react_native_safe_area_context = require("@granite-js/native/react-native-safe-area-context");
-var import_tds_react_native10 = require("@toss/tds-react-native");
+var import_tds_react_native9 = require("@toss/tds-react-native");
 var import_private6 = require("@toss/tds-react-native/private");
 var import_react_native21 = require("react-native");
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -1301,7 +1278,7 @@ function GameNavigationBar() {
   const { right: safeAreaRight } = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
   useHardwareBackPress(navigationEvent.handleBack);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tds_react_native10.PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tds_react_native9.PageNavbar, { preference: { type: "none" } }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       import_react_native21.View,
       {
@@ -1357,26 +1334,18 @@ function RNAppContainer({ children }) {
   }
 }
 function GameAppContainer({ children }) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (import_react_native22.Platform.OS === "ios") {
-      (0, import_native_modules13.setIosSwipeGestureEnabled)({ isEnabled: false });
+      (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
-        (0, import_native_modules13.setIosSwipeGestureEnabled)({ isEnabled: true });
+        (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: true });
       };
     }
     return;
   }, []);
-  (0, import_react18.useEffect)(() => {
-    import_native_modules13.appsInTossEvent.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RNNavigationBar.Game, {}),
-    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(GameInitializer, { children }) : children
   ] });
 }
 function GeneralAppContainer({ children }) {
@@ -1389,7 +1358,7 @@ function GeneralAppContainer({ children }) {
 // src/core/registerApp.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function AppsInTossContainer(Container, { children, ...initialProps }) {
-  if (!(0, import_native_modules14.isMinVersionSupported)({
+  if (!(0, import_native_modules13.isMinVersionSupported)({
     android: "5.220.0",
     ios: "5.221.0"
   })) {
@@ -1403,25 +1372,21 @@ function AppsInTossContainer(Container, { children, ...initialProps }) {
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AppEvent.StayTime, {}),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AppEvent.Entry, {}),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Container, { ...initialProps, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tds_react_native11.TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TDSContainer, { ...initialProps, children }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Container, { ...initialProps, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tds_react_native10.TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children }) })
   ] });
 }
-function TDSContainer({ children }) {
-  useAppsInTossBridge();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children });
-}
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
   const isRegistered = import_react_native24.AppRegistry.getAppKeys().includes(appName);
   if (!isRegistered) {
     import_analytics.Analytics.init({
-      logger: (params) => void (0, import_native_modules14.eventLog)(params),
+      logger: (params) => void (0, import_native_modules13.eventLog)(params),
       debug: analytics?.debug ?? __DEV__
     });
     const App = import_react_native23.Granite.registerApp(AppsInTossContainer.bind(null, container), {
       appName,
       context,
-      setIosSwipeGestureEnabled: import_native_modules14.setIosSwipeGestureEnabled,
+      setIosSwipeGestureEnabled: import_native_modules13.setIosSwipeGestureEnabled,
       router: {
         screenContainer: AppsInTossScreenContainer,
         defaultScreenOption: {
@@ -1452,42 +1417,42 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-var import_native_modules19 = require("@apps-in-toss/native-modules");
+var import_native_modules18 = require("@apps-in-toss/native-modules");
 var appsInTossAsyncBridges = __toESM(require("@apps-in-toss/native-modules/async-bridges"), 1);
 var appsInTossConstantBridges = __toESM(require("@apps-in-toss/native-modules/constant-bridges"), 1);
 var appsInTossEventBridges = __toESM(require("@apps-in-toss/native-modules/event-bridges"), 1);
 var import_react_native_safe_area_context4 = require("@granite-js/native/react-native-safe-area-context");
 var import_react_native34 = require("@granite-js/react-native");
-var import_tds_react_native15 = require("@toss/tds-react-native");
+var import_tds_react_native14 = require("@toss/tds-react-native");
 var import_private9 = require("@toss/tds-react-native/private");
-var import_react29 = require("react");
+var import_react28 = require("react");
 var import_react_native35 = require("react-native");
 
 // src/components/GameWebView.tsx
-var import_native_modules15 = require("@apps-in-toss/native-modules");
+var import_native_modules14 = require("@apps-in-toss/native-modules");
 var import_react_native_webview = require("@granite-js/native/react-native-webview");
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_react_native27 = require("react-native");
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
 var import_react_native_safe_area_context2 = require("@granite-js/native/react-native-safe-area-context");
 var import_react_native25 = require("@granite-js/react-native");
-var import_tds_react_native12 = require("@toss/tds-react-native");
+var import_tds_react_native11 = require("@toss/tds-react-native");
 var import_private7 = require("@toss/tds-react-native/private");
 var import_es_hangul3 = require("es-hangul");
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_react_native26 = require("react-native");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function GameWebviewNavigationBar() {
   const safeAreaTop = (0, import_private7.useSafeAreaTop)();
-  const { openConfirm } = (0, import_tds_react_native12.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native11.useDialog)();
   const { captureExitLog } = useCaptureExitLog();
   const global2 = getAppsInTossGlobals();
   const logging = useNavigationBarLogging();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const { navigationRightButton } = useNavigationBarContext();
   const { right: safeAreaRight } = (0, import_react_native_safe_area_context2.useSafeAreaInsets)();
-  const handleGameWebviewClose = (0, import_react19.useCallback)(async () => {
+  const handleGameWebviewClose = (0, import_react18.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${(0, import_es_hangul3.josa)(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1503,7 +1468,7 @@ function GameWebviewNavigationBar() {
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tds_react_native12.PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tds_react_native11.PageNavbar, { preference: { type: "none" } }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_react_native26.View,
       {
@@ -1538,52 +1503,44 @@ function GameWebviewNavigationBar() {
 
 // src/components/GameWebView.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var GameWebView = (0, import_react20.forwardRef)(function GameWebView2(props, ref) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react20.useState)(false);
-  (0, import_react20.useEffect)(() => {
+var GameWebView = (0, import_react19.forwardRef)(function GameWebView2(props, ref) {
+  (0, import_react19.useEffect)(() => {
     if (import_react_native27.Platform.OS === "ios") {
-      (0, import_native_modules15.setIosSwipeGestureEnabled)({ isEnabled: false });
+      (0, import_native_modules14.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
-        (0, import_native_modules15.setIosSwipeGestureEnabled)({ isEnabled: true });
+        (0, import_native_modules14.setIosSwipeGestureEnabled)({ isEnabled: true });
       };
     }
     return;
   }, []);
-  (0, import_react20.useEffect)(() => {
-    import_native_modules15.appsInTossEvent.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(GameWebviewNavigationBar, {}),
-    (0, import_native_modules15.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_webview.WebView, { ref, ...props }) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_webview.WebView, { ref, ...props })
+    (0, import_native_modules14.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(GameInitializer, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_webview.WebView, { ref, ...props }) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_webview.WebView, { ref, ...props })
   ] });
 });
 
 // src/components/PartnerWebView.tsx
 var import_react_native_webview2 = require("@granite-js/native/react-native-webview");
-var import_react22 = require("react");
+var import_react21 = require("react");
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
 var import_react_native28 = require("@granite-js/react-native");
-var import_tds_react_native13 = require("@toss/tds-react-native");
+var import_tds_react_native12 = require("@toss/tds-react-native");
 var import_private8 = require("@toss/tds-react-native/private");
 var import_es_hangul4 = require("es-hangul");
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = (0, import_tds_react_native13.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native12.useDialog)();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
   const withBackButton = parsedNavigationBar?.withBackButton ?? true;
   const { navigationRightButton } = useNavigationBarContext();
-  const handleClose = (0, import_react21.useCallback)(async () => {
+  const handleClose = (0, import_react20.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
       title: `${(0, import_es_hangul4.josa)(globals.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -1617,7 +1574,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
 
 // src/components/PartnerWebView.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var PartnerWebView = (0, import_react22.forwardRef)(function PartnerWebViewScreen({ onBackButtonClick, onHomeButtonClick, ...webViewProps }, ref) {
+var PartnerWebView = (0, import_react21.forwardRef)(function PartnerWebViewScreen({ onBackButtonClick, onHomeButtonClick, ...webViewProps }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PartnerWebviewNavigationBar, { onBackButtonClick, onHomeButtonClick }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native_webview2.WebView, { ref, ...webViewProps, style: { flex: 1 } })
@@ -1638,7 +1595,7 @@ function convertIntentURL(url) {
 }
 
 // src/bridge-handler/useBridgeHandler.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1690,8 +1647,8 @@ function useBridgeHandler({
   asyncHandlerMap,
   eventListenerMap
 }) {
-  const ref = (0, import_react23.useRef)(null);
-  const injectedJavaScript = (0, import_react23.useMemo)(
+  const ref = (0, import_react22.useRef)(null);
+  const injectedJavaScript = (0, import_react22.useMemo)(
     () => `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
       Object.entries(constantHandlerMap).reduce(
         (acc, [key, value]) => {
@@ -1703,7 +1660,7 @@ function useBridgeHandler({
     )};`,
     [constantHandlerMap]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     ref.current?.injectJavaScript(injectedJavaScript);
   }, [injectedJavaScript]);
   const createHandleOnEvent = (functionName, eventId) => (response) => {
@@ -1717,7 +1674,7 @@ function useBridgeHandler({
       window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
-  const $onMessage = (0, import_react23.useCallback)(
+  const $onMessage = (0, import_react22.useCallback)(
     async (e) => {
       onMessage?.(e);
       const data = parseNativeEventData(e.nativeEvent.data);
@@ -1777,7 +1734,7 @@ function parseNativeEventData(data) {
 
 // src/core/hooks/useSafeAreaInsetsEmitter.tsx
 var import_react_native_safe_area_context3 = require("@granite-js/native/react-native-safe-area-context");
-var import_react24 = require("react");
+var import_react23 = require("react");
 var EventEmitter = class {
   listeners = {};
   on(event, listener) {
@@ -1801,8 +1758,8 @@ var EventEmitter = class {
 };
 function useSafeAreaInsetsEmitter() {
   const insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
-  const emitter = (0, import_react24.useMemo)(() => new EventEmitter(), []);
-  (0, import_react24.useEffect)(() => {
+  const emitter = (0, import_react23.useMemo)(() => new EventEmitter(), []);
+  (0, import_react23.useEffect)(() => {
     emitter.emit("safeAreaInsetsChange", insets);
     return () => {
       emitter.off("safeAreaInsetsChange", (listener) => listener(insets));
@@ -1813,12 +1770,12 @@ function useSafeAreaInsetsEmitter() {
 
 // src/core/hooks/useWebBackHandler.tsx
 var import_react_native29 = require("@granite-js/react-native");
-var import_tds_react_native14 = require("@toss/tds-react-native");
+var import_tds_react_native13 = require("@toss/tds-react-native");
 var import_es_hangul5 = require("es-hangul");
-var import_react26 = require("react");
+var import_react25 = require("react");
 
 // src/hooks/useWebviewHistoryStack.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 var INITIAL_STATE = { stack: [], index: -1 };
 function reducer(state, action) {
   switch (action.type) {
@@ -1849,11 +1806,11 @@ function reducer(state, action) {
   }
 }
 function useWebViewHistory() {
-  const [state, dispatch] = (0, import_react25.useReducer)(reducer, INITIAL_STATE);
-  const onNavigationStateChange = (0, import_react25.useCallback)(({ url, canGoForward: canGoForward2 }) => {
+  const [state, dispatch] = (0, import_react24.useReducer)(reducer, INITIAL_STATE);
+  const onNavigationStateChange = (0, import_react24.useCallback)(({ url, canGoForward: canGoForward2 }) => {
     dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
   }, []);
-  const { canGoBack, canGoForward } = (0, import_react25.useMemo)(() => {
+  const { canGoBack, canGoForward } = (0, import_react24.useMemo)(() => {
     const canBack = state.index > 0;
     const canFwd = state.index >= 0 && state.index < state.stack.length - 1;
     return { canGoBack: canBack, canGoForward: canFwd };
@@ -1884,21 +1841,21 @@ function useWebBackHandler(webViewRef) {
     removeEventListener: removeWebBackEventListener
   } = (0, import_react_native29.useBackEventState)();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = (0, import_tds_react_native14.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native13.useDialog)();
   const global2 = getAppsInTossGlobals();
-  const addEventListener = (0, import_react26.useCallback)(
+  const addEventListener = (0, import_react25.useCallback)(
     (handler) => {
       addWebBackEventListener(handler);
     },
     [addWebBackEventListener]
   );
-  const removeEventListener = (0, import_react26.useCallback)(
+  const removeEventListener = (0, import_react25.useCallback)(
     (handler) => {
       removeWebBackEventListener(handler);
     },
     [removeWebBackEventListener]
   );
-  const handleWebBack = (0, import_react26.useCallback)(async () => {
+  const handleWebBack = (0, import_react25.useCallback)(async () => {
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
         handler();
@@ -1931,7 +1888,7 @@ function useWebBackHandler(webViewRef) {
     openConfirm,
     webViewRef
   ]);
-  const handleWebHome = (0, import_react26.useCallback)(() => {
+  const handleWebHome = (0, import_react25.useCallback)(() => {
     logging.homeButtonClick();
     if (hasWebBackEvent) {
       for (const handler of webBackHandlersRef) {
@@ -1941,7 +1898,7 @@ function useWebBackHandler(webViewRef) {
     }
     webViewRef.current?.injectJavaScript(HISTORY_HOME_SCRIPT);
   }, [hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
-  return (0, import_react26.useMemo)(
+  return (0, import_react25.useMemo)(
     () => ({ addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange }),
     [addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange]
   );
@@ -1961,7 +1918,7 @@ function mergeRefs(...refs) {
 }
 
 // src/hooks/useCreateUserAgent.ts
-var import_native_modules16 = require("@apps-in-toss/native-modules");
+var import_native_modules15 = require("@apps-in-toss/native-modules");
 var import_react_native30 = require("react-native");
 var FontA11yCategory = {
   Large: "Large",
@@ -2095,8 +2052,8 @@ function useCreateUserAgent({
   safeArea,
   safeAreaBottomTransparency
 }) {
-  const platform = (0, import_native_modules16.getPlatformOS)();
-  const appVersion = (0, import_native_modules16.getTossAppVersion)();
+  const platform = (0, import_native_modules15.getPlatformOS)();
+  const appVersion = (0, import_native_modules15.getTossAppVersion)();
   const { fontScale } = (0, import_react_native30.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android phone";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
@@ -2118,17 +2075,17 @@ function useCreateUserAgent({
 }
 
 // src/hooks/useGeolocation.ts
-var import_native_modules17 = require("@apps-in-toss/native-modules");
+var import_native_modules16 = require("@apps-in-toss/native-modules");
 var import_react_native31 = require("@granite-js/react-native");
-var import_react27 = require("react");
+var import_react26 = require("react");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = (0, import_react_native31.useVisibility)();
-  const [location, setLocation] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => {
+  const [location, setLocation] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
     if (!isVisible) {
       return;
     }
-    return (0, import_native_modules17.startUpdateLocation)({
+    return (0, import_native_modules16.startUpdateLocation)({
       options: {
         accuracy,
         distanceInterval,
@@ -2143,11 +2100,11 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 
 // src/hooks/useWaitForReturnNavigator.tsx
 var import_react_native32 = require("@granite-js/react-native");
-var import_react28 = require("react");
+var import_react27 = require("react");
 function useWaitForReturnNavigator() {
-  const callbacks = (0, import_react28.useRef)([]).current;
+  const callbacks = (0, import_react27.useRef)([]).current;
   const navigation = (0, import_react_native32.useNavigation)();
-  const startNavigating = (0, import_react28.useCallback)(
+  const startNavigating = (0, import_react27.useCallback)(
     (route, params) => {
       return new Promise((resolve) => {
         callbacks.push(resolve);
@@ -2156,7 +2113,7 @@ function useWaitForReturnNavigator() {
     },
     [callbacks, navigation]
   );
-  const handleVisibilityChange = (0, import_react28.useCallback)(
+  const handleVisibilityChange = (0, import_react27.useCallback)(
     (state) => {
       if (state === "visible" && callbacks.length > 0) {
         for (const callback of callbacks) {
@@ -2181,7 +2138,7 @@ function useTopNavigation() {
 }
 
 // src/utils/log.ts
-var import_native_modules18 = require("@apps-in-toss/native-modules");
+var import_native_modules17 = require("@apps-in-toss/native-modules");
 var import_react_native33 = require("@granite-js/react-native");
 
 // src/utils/extractDateFromUUIDv7.ts
@@ -2226,7 +2183,7 @@ var trackScreen = (url) => {
       deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
     }
   };
-  return (0, import_native_modules18.eventLog)(log);
+  return (0, import_native_modules17.eventLog)(log);
 };
 
 // src/components/WebView.tsx
@@ -2235,7 +2192,7 @@ var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
   partner: PartnerWebView,
-  external: import_tds_react_native15.ExternalWebViewScreen,
+  external: import_tds_react_native14.ExternalWebViewScreen,
   game: GameWebView
 };
 function mergeSchemeQueryParamsInto(url) {
@@ -2252,7 +2209,7 @@ function getWebViewUri(local) {
     const devUrl = `http://${local.host}:${local.port}`;
     return mergeSchemeQueryParamsInto(devUrl).toString();
   }
-  const { url: rawUrl } = import_native_modules19.AppsInTossModule.getWebBundleURL({});
+  const { url: rawUrl } = import_native_modules18.AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
   const deploymentId = env.getDeploymentId();
   if (deploymentId) {
@@ -2264,31 +2221,30 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
-  const webViewRef = (0, import_react29.useRef)(null);
+  const webViewRef = (0, import_react28.useRef)(null);
   const webBackHandler = useWebBackHandler(webViewRef);
-  const uri = (0, import_react29.useMemo)(() => getWebViewUri(local), [local]);
+  const uri = (0, import_react28.useMemo)(() => getWebViewUri(local), [local]);
   const top = (0, import_private9.useSafeAreaTop)();
   const bottom = (0, import_private9.useSafeAreaBottom)();
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
   const global2 = getAppsInTossGlobals();
   const navigationBarContext = useNavigationBarContext();
   const safeAreaInsetsEmitter = useSafeAreaInsetsEmitter();
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react29.useState)(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react28.useState)(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
     onMessage,
     eventListenerMap: {
       ...appsInTossEventBridges,
-      navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native15.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
+      navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native14.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent }) => {
         webBackHandler.addEventListener(onEvent);
         return () => {
           webBackHandler.removeEventListener(onEvent);
         };
       },
-      entryMessageExited: ({ onEvent, onError }) => import_native_modules19.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules19.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       safeAreaInsetsChange: ({ onEvent }) => {
         safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
         return () => {
@@ -2296,18 +2252,18 @@ function WebView({ type, local, onMessage, ...props }) {
         };
       },
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules19.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
-      loadAdMobInterstitialAd: import_native_modules19.GoogleAdMob.loadAdMobInterstitialAd,
-      showAdMobInterstitialAd: import_native_modules19.GoogleAdMob.showAdMobInterstitialAd,
-      loadAdMobRewardedAd: import_native_modules19.GoogleAdMob.loadAdMobRewardedAd,
-      showAdMobRewardedAd: import_native_modules19.GoogleAdMob.showAdMobRewardedAd,
+      loadAdMobInterstitialAd: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd,
+      showAdMobInterstitialAd: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd,
+      loadAdMobRewardedAd: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd,
+      showAdMobRewardedAd: import_native_modules18.GoogleAdMob.showAdMobRewardedAd,
       /** AdMobV2 */
-      loadAppsInTossAdMob: import_native_modules19.GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: import_native_modules19.GoogleAdMob.showAppsInTossAdMob,
+      loadAppsInTossAdMob: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob,
+      showAppsInTossAdMob: import_native_modules18.GoogleAdMob.showAppsInTossAdMob,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: import_native_modules19.IAP.createOneTimePurchaseOrder,
-      requestOneTimePurchase: import_native_modules19.requestOneTimePurchase
+      iapCreateOneTimePurchaseOrder: import_native_modules18.IAP.createOneTimePurchaseOrder,
+      requestOneTimePurchase: import_native_modules18.requestOneTimePurchase
     },
     constantHandlerMap: {
       ...appsInTossConstantBridges,
@@ -2317,13 +2273,13 @@ function WebView({ type, local, onMessage, ...props }) {
       getSafeAreaRight: () => insets.right,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
-      loadAdMobInterstitialAd_isSupported: import_native_modules19.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
-      showAdMobInterstitialAd_isSupported: import_native_modules19.GoogleAdMob.showAdMobInterstitialAd.isSupported,
-      loadAdMobRewardedAd_isSupported: import_native_modules19.GoogleAdMob.loadAdMobRewardedAd.isSupported,
-      showAdMobRewardedAd_isSupported: import_native_modules19.GoogleAdMob.showAdMobRewardedAd.isSupported,
+      loadAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
+      showAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd.isSupported,
+      loadAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd.isSupported,
+      showAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobRewardedAd.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: import_native_modules19.GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: import_native_modules19.GoogleAdMob.showAppsInTossAdMob.isSupported,
+      loadAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.showAppsInTossAdMob.isSupported,
       /** env */
       getDeploymentId: env.getDeploymentId
     },
@@ -2346,20 +2302,20 @@ function WebView({ type, local, onMessage, ...props }) {
       getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
       openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
-      getStorageItem: import_native_modules19.Storage.getItem,
-      setStorageItem: import_native_modules19.Storage.setItem,
-      removeStorageItem: import_native_modules19.Storage.removeItem,
-      clearItems: import_native_modules19.Storage.clearItems,
+      getStorageItem: import_native_modules18.Storage.getItem,
+      setStorageItem: import_native_modules18.Storage.setItem,
+      removeStorageItem: import_native_modules18.Storage.removeItem,
+      clearItems: import_native_modules18.Storage.clearItems,
       /** IAP */
-      iapGetProductItemList: import_native_modules19.IAP.getProductItemList,
-      iapCreateOneTimePurchaseOrder: import_native_modules19.iapCreateOneTimePurchaseOrder,
-      processProductGrant: import_native_modules19.processProductGrant,
-      getPendingOrders: import_native_modules19.IAP.getPendingOrders,
-      getCompletedOrRefundedOrders: import_native_modules19.IAP.getCompletedOrRefundedOrders,
-      completeProductGrant: import_native_modules19.IAP.completeProductGrant
+      iapGetProductItemList: import_native_modules18.IAP.getProductItemList,
+      iapCreateOneTimePurchaseOrder: import_native_modules18.iapCreateOneTimePurchaseOrder,
+      processProductGrant: import_native_modules18.processProductGrant,
+      getPendingOrders: import_native_modules18.IAP.getPendingOrders,
+      getCompletedOrRefundedOrders: import_native_modules18.IAP.getCompletedOrRefundedOrders,
+      completeProductGrant: import_native_modules18.IAP.completeProductGrant
     }
   });
-  const headerPropForExternalWebView = (0, import_react29.useMemo)(() => {
+  const headerPropForExternalWebView = (0, import_react28.useMemo)(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -2380,7 +2336,7 @@ function WebView({ type, local, onMessage, ...props }) {
     colorPreference: "light"
   });
   const refs = mergeRefs(handler.ref, webViewRef);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     const callback = () => {
       webBackHandler.handleWebBack();
       return true;