@apps-in-toss/framework 0.0.0-dev.1752114017143 → 0.0.0-dev.1753241576118

package/dist/index.js

@@ -445,11 +445,14 @@ __export(async_bridges_exports, {
   fetchContacts: () => fetchContacts,
   getClipboardText: () => getClipboardText,
   getCurrentLocation: () => getCurrentLocation,
+  getGameCenterGameProfile: () => getGameCenterGameProfile,
   getTossShareLink: () => getTossShareLink,
   openCamera: () => openCamera,
+  openGameCenterLeaderboard: () => openGameCenterLeaderboard,
   saveBase64Data: () => saveBase64Data,
   setClipboardText: () => setClipboardText,
-  setDeviceOrientation: () => setDeviceOrientation
+  setDeviceOrientation: () => setDeviceOrientation,
+  submitGameCenterLeaderBoardScore: () => submitGameCenterLeaderBoardScore
 });
 
 // src/native-modules/setClipboardText.ts
@@ -601,6 +604,43 @@ async function saveBase64Data(params) {
   await AppsInTossModule.saveBase64Data(params);
 }
 
+// src/constant/game-center.ts
+var GAME_PROFILE_WEBVIEW_URL = "https://service.toss.im/game-center/profile";
+var GAME_CENTER_MIN_VERSION = {
+  android: "5.221.0",
+  ios: "5.221.0"
+};
+
+// src/native-modules/getGameCenterGameProfile.ts
+async function getGameCenterGameProfile() {
+  const isSupported = isMinVersionSupported(GAME_CENTER_MIN_VERSION);
+  if (!isSupported) {
+    return;
+  }
+  return AppsInTossModule.getGameCenterGameProfile({});
+}
+
+// src/native-modules/openGameCenterLeaderboard.ts
+import { openURL } from "react-native-bedrock";
+async function openGameCenterLeaderboard() {
+  if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
+    return;
+  }
+  const url = new URL("servicetoss://game-center/leaderboard?_navbar=hide");
+  url.searchParams.set("appName", getAppName());
+  url.searchParams.set("referrer", `appsintoss.${getAppName()}`);
+  return openURL(url.toString());
+}
+
+// src/native-modules/submitGameCenterLeaderBoardScore.ts
+async function submitGameCenterLeaderBoardScore(params) {
+  const isSupported = isMinVersionSupported(GAME_CENTER_MIN_VERSION);
+  if (!isSupported) {
+    return;
+  }
+  return AppsInTossModule.submitGameCenterLeaderBoardScore(params);
+}
+
 // src/core/registerApp.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function AppsInTossContainer(Container, { children, ...initialProps }) {
@@ -755,38 +795,15 @@ loadAdMobRewardedAd.isSupported = createIsSupported();
 showAdMobInterstitialAd.isSupported = createIsSupported();
 showAdMobRewardedAd.isSupported = createIsSupported();
 
-// src/native-modules/getTossAppVersion.ts
-function getTossAppVersion() {
-  return AppsInTossModule.tossAppVersion;
-}
-
 // src/native-modules/getDeviceId.ts
 function getDeviceId() {
   return AppsInTossModule.deviceId;
 }
 
-// src/native-modules/storage.ts
-function getItem(key) {
-  return AppsInTossModule.getStorageItem({ key });
-}
-function setItem(key, value) {
-  return AppsInTossModule.setStorageItem({
-    key,
-    value
-  });
-}
-function removeItem(key) {
-  return AppsInTossModule.removeStorageItem({ key });
-}
-function clearItems() {
-  return AppsInTossModule.clearStorage({});
+// src/native-modules/getTossAppVersion.ts
+function getTossAppVersion() {
+  return AppsInTossModule.tossAppVersion;
 }
-var Storage = {
-  getItem,
-  setItem,
-  removeItem,
-  clearItems
-};
 
 // src/native-modules/iap.ts
 async function createOneTimePurchaseOrder(params) {
@@ -814,6 +831,29 @@ var IAP = {
   getProductItemList
 };
 
+// src/native-modules/storage.ts
+function getItem(key) {
+  return AppsInTossModule.getStorageItem({ key });
+}
+function setItem(key, value) {
+  return AppsInTossModule.setStorageItem({
+    key,
+    value
+  });
+}
+function removeItem(key) {
+  return AppsInTossModule.removeStorageItem({ key });
+}
+function clearItems() {
+  return AppsInTossModule.clearStorage({});
+}
+var Storage = {
+  getItem,
+  setItem,
+  removeItem,
+  clearItems
+};
+
 // src/native-modules/index.ts
 var TossPay = {
   checkoutPayment
@@ -827,11 +867,12 @@ var GoogleAdMob = {
 
 // src/components/WebView.tsx
 import {
-  PartnerWebViewScreen,
-  ExternalWebViewScreen
+  ExternalWebViewScreen,
+  PartnerWebViewScreen
 } from "@toss-design-system/react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop2 } from "@toss-design-system/react-native/private";
-import { useCallback as useCallback3, useMemo as useMemo3 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3 } from "react";
+import { Platform as Platform7 } from "react-native";
 import { getSchemeUri as getSchemeUri4, useBedrockEvent } from "react-native-bedrock";
 import * as bedrockAsyncBridges from "react-native-bedrock/async-bridges";
 import * as bedrockConstantBridges from "react-native-bedrock/constant-bridges";
@@ -840,26 +881,343 @@ import * as bedrockConstantBridges from "react-native-bedrock/constant-bridges";
 import {
   WebView as PlainWebView
 } from "@react-native-bedrock/native/react-native-webview";
+import { useDialog as useDialog2 } from "@toss-design-system/react-native";
+import { josa as josa2 } from "es-hangul";
+import { forwardRef, useCallback as useCallback2, useEffect as useEffect4, useState as useState2 } from "react";
+import { BackHandler, Platform as Platform6 } from "react-native";
+import { closeView as closeView2, setIosSwipeGestureEnabled } from "react-native-bedrock";
+
+// src/components/GameProfile.tsx
+import { Loader } from "@toss-design-system/react-native";
+import { useEffect as useEffect3 } from "react";
+import { Pressable, View } from "react-native";
+
+// src/hooks/useGameCenterProfile.ts
 import { useDialog } from "@toss-design-system/react-native";
 import { josa } from "es-hangul";
-import { forwardRef, useCallback, useEffect as useEffect3 } from "react";
-import { BackHandler, Platform as Platform5, View as View3 } from "react-native";
-import { closeView, setIosSwipeGestureEnabled } from "react-native-bedrock";
+import { useCallback, useRef, useState } from "react";
+import { closeView, openURL as openURL3 } from "react-native-bedrock";
+
+// src/components/GameProfileToast.tsx
+import { Asset, Toast } from "@toss-design-system/react-native";
+import { AdaptiveColorProvider, ColorPreferenceProvider, useOverlay } from "@toss-design-system/react-native/private";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var useGameProfileToast = () => {
+  const overlay = useOverlay();
+  const openGameProfileToast = (nickname, profileImageUri) => {
+    return new Promise((resolve) => {
+      overlay.open(({ isOpen, close, exit }) => {
+        return /* @__PURE__ */ jsx2(ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ jsx2(AdaptiveColorProvider, { children: /* @__PURE__ */ jsx2(
+          Toast,
+          {
+            open: isOpen,
+            onClose: () => {
+              resolve();
+              close();
+            },
+            onExited: exit,
+            position: "top",
+            text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
+            icon: /* @__PURE__ */ jsx2(
+              Asset.Image,
+              {
+                style: { borderRadius: 64, overflow: "hidden" },
+                frameShape: Asset.frameShape.CleanW32,
+                source: { uri: profileImageUri }
+              }
+            )
+          }
+        ) }) });
+      });
+    });
+  };
+  return { openGameProfileToast };
+};
+
+// src/utils/error.ts
+var DEFAULT_ERROR = {
+  title: "\uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694",
+  description: "\uBB38\uC81C\uAC00 \uACC4\uC18D\uB418\uBA74 \uD1A0\uC2A4 \uACE0\uAC1D\uC13C\uD130(1599-4905)\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694."
+};
+
+// src/utils/market.ts
+import { Platform as Platform2 } from "react-native";
+var PLAYSTORE_LINK = "https://play.google.com/store/apps/details?id=viva.republica.toss";
+var APPSTORE_LINK = "https://itunes.apple.com/app/id839333328";
+var getMarketLink = () => {
+  return Platform2.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
+};
+
+// src/utils/openTransparentWebView.ts
+import { openURL as openURL2 } from "react-native-bedrock";
+
+// src/native-event-emitter/internal/onVisibilityChangedByTransparentServiceWeb.ts
+function onVisibilityChangedByTransparentServiceWeb(eventParams) {
+  return appsInTossEvent.addEventListener("onVisibilityChangedByTransparentServiceWeb", eventParams);
+}
+
+// src/private.ts
+var INTERNAL__onVisibilityChangedByTransparentServiceWeb = onVisibilityChangedByTransparentServiceWeb;
+
+// src/utils/openTransparentWebView.ts
+var openTransparentWebView = ({
+  webUrl,
+  cleanupWhenDismissed = true,
+  onEvent,
+  onError,
+  callbackId = "fn",
+  params
+}) => {
+  const url = new URL("supertoss://transparent-service-web");
+  url.searchParams.set("url", webUrl);
+  url.searchParams.set("onVisibilityChangeCallback", callbackId);
+  Object.entries(params ?? {}).forEach(([key, value]) => {
+    url.searchParams.set(key, value);
+  });
+  const cleanup = INTERNAL__onVisibilityChangedByTransparentServiceWeb({
+    options: { callbackId },
+    onError: (error) => {
+      onError(error);
+      cleanup();
+    },
+    onEvent: (value) => {
+      onEvent(value);
+      if (cleanupWhenDismissed && value === true) {
+        cleanup();
+      }
+    }
+  });
+  openURL2(url.toString());
+};
+
+// src/hooks/useGameCenterProfile.ts
+var useGameCenterProfile = (isReadyForProfileUI) => {
+  const [profileData, setProfileData] = useState(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = useState(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = useState(false);
+  const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  const [isWebviewLoading, setIsWebviewLoading] = useState(false);
+  const isCompletedProfileFlow = useRef(false);
+  const { openAlert, openConfirm } = useDialog();
+  const { openGameProfileToast } = useGameProfileToast();
+  const openErrorAlert = useCallback(async () => {
+    await openAlert({
+      title: DEFAULT_ERROR.title,
+      description: DEFAULT_ERROR.description
+    });
+    closeView();
+  }, [openAlert]);
+  const openProfileWebview = useCallback(() => {
+    if (isWebviewLoading) {
+      return;
+    }
+    setIsWebviewLoading(true);
+    openTransparentWebView({
+      webUrl: `${GAME_PROFILE_WEBVIEW_URL}?appName=${getAppName()}&referrer=appsintoss.${getAppName()}`,
+      onEvent: async (isClosedTransparentWebView) => {
+        if (isClosedTransparentWebView) {
+          try {
+            setIsWebviewLoading(false);
+            setIsProfileDataRefetching(true);
+            const data = await getGameCenterGameProfile();
+            setProfileData(data);
+            setIsProfileDataRefetching(false);
+            if (data?.statusCode === "SUCCESS") {
+              openGameProfileToast(data.nickname, data.profileImageUri);
+            }
+          } catch (_) {
+            setIsProfileDataRefetching(false);
+            openErrorAlert();
+          }
+        }
+      },
+      onError: () => {
+        openErrorAlert();
+      }
+    });
+  }, [isWebviewLoading, openGameProfileToast, openErrorAlert]);
+  const updateAppToSupportedMinVersion = useCallback(async () => {
+    const upddateConfirmDialogLabel = {
+      title: `${josa(getAppsInTossGlobals().brandDisplayName, "\uC744/\uB97C")} \uD558\uB824\uBA74 
+\uC571\uC744 \uC5C5\uB370\uC774\uD2B8\uD574\uC8FC\uC138\uC694`,
+      leftButton: "\uB2EB\uAE30",
+      rightButton: "\uC5C5\uB370\uC774\uD2B8\uD558\uAE30"
+    };
+    const isConfirmed = await openConfirm({
+      title: upddateConfirmDialogLabel.title,
+      leftButton: upddateConfirmDialogLabel.leftButton,
+      rightButton: upddateConfirmDialogLabel.rightButton,
+      closeOnDimmerClick: true
+    });
+    if (!isConfirmed) {
+      closeView();
+      return;
+    }
+    const STORE_SCHEME = getMarketLink();
+    openURL3(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+  }, [openConfirm]);
+  return {
+    profileData,
+    isProfileDataLoading,
+    isProfileDataRefetching,
+    shouldShowLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    updateAppToSupportedMinVersion,
+    setIsProfileDataLoading,
+    openProfileWebview,
+    setProfileData,
+    openErrorAlert,
+    openGameProfileToast
+  };
+};
+
+// src/utils/zIndex.ts
+var Z_INDEX = {
+  /* 게임 프로필을 위한 overlay
+   */
+  PROFILE_OVERLAY: 9998,
+  // 게임을 종료할 수 있는 X 버튼
+  CLOSE_BUTTON: 9999
+};
+
+// src/components/GameProfile.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var GameProfile = ({ children, isReadyForProfileUI }) => {
+  const {
+    profileData,
+    isProfileDataRefetching,
+    shouldShowLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    openProfileWebview,
+    updateAppToSupportedMinVersion,
+    setIsProfileDataLoading,
+    setProfileData,
+    openErrorAlert,
+    openGameProfileToast
+  } = useGameCenterProfile(isReadyForProfileUI);
+  useEffect3(() => {
+    try {
+      const getProfileData = async () => {
+        const data = await getGameCenterGameProfile();
+        setProfileData(data);
+        setIsProfileDataLoading(false);
+      };
+      getProfileData();
+    } catch (_) {
+      openErrorAlert();
+      setIsProfileDataLoading(false);
+    }
+  }, []);
+  useEffect3(() => {
+    const handleGameProfileFlow = async () => {
+      if (!canShowBottomSheetOrToast) {
+        return;
+      }
+      if (isCompletedProfileFlow.current) {
+        return;
+      }
+      isCompletedProfileFlow.current = true;
+      if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
+        updateAppToSupportedMinVersion();
+        return;
+      }
+      if (profileData?.statusCode === "SUCCESS") {
+        openGameProfileToast(profileData.nickname, profileData.profileImageUri);
+        return;
+      }
+      if (profileData?.statusCode === "PROFILE_NOT_FOUND") {
+        openProfileWebview();
+      }
+    };
+    handleGameProfileFlow();
+  }, [
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    openGameProfileToast,
+    openProfileWebview,
+    profileData,
+    updateAppToSupportedMinVersion
+  ]);
+  if (!isMinVersionSupported(GAME_CENTER_MIN_VERSION)) {
+    return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ jsx3(
+        Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            updateAppToSupportedMinVersion();
+          }
+        }
+      )
+    ] });
+  }
+  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
+    return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ jsx3(
+        View,
+        {
+          style: {
+            ...overlayStyle,
+            justifyContent: "center",
+            alignItems: "center",
+            backgroundColor: "rgba(0, 0, 0, 0.2)"
+          },
+          children: /* @__PURE__ */ jsx3(Loader, { size: "large", type: "light" })
+        }
+      )
+    ] });
+  }
+  if (shouldShowProfileNotFoundOverlay) {
+    return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }),
+      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ jsx3(
+        Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            openProfileWebview();
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx3(Fragment2, { children: /* @__PURE__ */ jsx3(View, { style: { flex: 1, position: "relative" }, children }) });
+};
+var overlayStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: Z_INDEX.PROFILE_OVERLAY
+};
 
 // src/components/GameWebViewNavigationBar/GameNavigationBar.tsx
 import { SvgXml } from "@react-native-bedrock/native/react-native-svg";
 import { PageNavbar } from "@toss-design-system/react-native";
-import { Platform as Platform4, TouchableOpacity, View as View2 } from "react-native";
+import { Platform as Platform5, TouchableOpacity, View as View3 } from "react-native";
 
 // src/components/GameWebViewNavigationBar/HeaderRight.tsx
-import { StyleSheet, View } from "react-native";
+import { StyleSheet, View as View2 } from "react-native";
 
 // src/components/GameWebViewNavigationBar/byPlatform.ts
-import { Platform as Platform2 } from "react-native";
+import { Platform as Platform3 } from "react-native";
 function byPlatform({
   ...props
 }) {
-  return (props[Platform2.OS] ?? props.fallback)();
+  return (props[Platform3.OS] ?? props.fallback)();
 }
 
 // src/components/GameWebViewNavigationBar/constants.ts
@@ -867,18 +1225,18 @@ var RIGHT_MARGIN = 24;
 var IOS_DEFAULT_MARGIN = 20;
 
 // src/components/GameWebViewNavigationBar/HeaderRight.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function IOSHeaderRight(props) {
-  return /* @__PURE__ */ jsx2(View, { style: styles.ios, ...props });
+  return /* @__PURE__ */ jsx4(View2, { style: styles.ios, ...props });
 }
 function AndroidHeaderRight(props) {
-  return /* @__PURE__ */ jsx2(View, { style: styles.android, ...props });
+  return /* @__PURE__ */ jsx4(View2, { style: styles.android, ...props });
 }
 function HeaderRight(props) {
   return byPlatform({
-    ios: () => /* @__PURE__ */ jsx2(IOSHeaderRight, { ...props }),
-    android: () => /* @__PURE__ */ jsx2(AndroidHeaderRight, { ...props }),
-    fallback: () => /* @__PURE__ */ jsx2(IOSHeaderRight, { ...props })
+    ios: () => /* @__PURE__ */ jsx4(IOSHeaderRight, { ...props }),
+    android: () => /* @__PURE__ */ jsx4(AndroidHeaderRight, { ...props }),
+    fallback: () => /* @__PURE__ */ jsx4(IOSHeaderRight, { ...props })
   });
 }
 var styles = StyleSheet.create({
@@ -893,37 +1251,37 @@ var styles = StyleSheet.create({
 
 // src/components/GameWebViewNavigationBar/useSafeAreaTop.ts
 import { useSafeAreaInsets } from "@react-native-bedrock/native/react-native-safe-area-context";
-import { Platform as Platform3 } from "react-native";
+import { Platform as Platform4 } from "react-native";
 function useSafeAreaTop() {
   const safeAreaInsets = useSafeAreaInsets();
-  const hasDynamicIsland = Platform3.OS === "ios" && safeAreaInsets.top > 50;
+  const hasDynamicIsland = Platform4.OS === "ios" && safeAreaInsets.top > 50;
   const safeAreaTop = hasDynamicIsland ? safeAreaInsets.top - 5 : safeAreaInsets.top;
   return safeAreaTop;
 }
 
 // src/components/GameWebViewNavigationBar/GameNavigationBar.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var originXML = '<svg fill="none" height="30" viewBox="0 0 30 30" width="30" xmlns="https://www.w3.org/2000/svg"><rect fill="#031832" fill-opacity=".46" height="30" rx="15" width="30"/><rect height="29.5" rx="14.75" stroke="#d9d9ff" stroke-opacity=".11" stroke-width=".5" width="29.5" x=".25" y=".25"/><path clip-rule="evenodd" d="m16.5119 15.0014 4.7092-4.7092c.0929-.0928.1666-.2031.2169-.32441.0503-.12134.0762-.25141.0762-.38276.0001-.13136-.0258-.26144-.076-.38281s-.1239-.23166-.2167-.32457c-.0929-.09291-.2031-.16662-.3245-.21692-.1213-.05031-.2514-.07622-.3827-.07626-.1314-.00004-.2615.0258-.3828.07603-.1214.05023-.2317.12388-.3246.21673l-4.7092 4.70997-4.71-4.70997c-.1897-.17718-.4408-.27373-.70034-.26927s-.5072.10959-.69069.2932c-.1835.1836-.28848.43132-.29279.69087-.00432.25954.09238.51057.26968.70017l4.71004 4.7092-4.71004 4.7092c-.1392.1401-.23385.3183-.27204.5121-.0382.1939-.01823.3946.05739.5771s.20351.3386.36759.4486.35702.169.55456.1697c.25583 0 .51164-.0975.70664-.2925l4.71-4.71 4.7092 4.71c.0927.093.2029.1668.3243.2172.1213.0504.2514.0763.3828.0763s.2614-.0259.3828-.0763c.1213-.0504.2315-.1242.3243-.2172.0929-.0929.1667-.2032.217-.3246s.0762-.2515.0762-.3829-.0259-.2616-.0762-.383-.1241-.2317-.217-.3245z" fill="#fdfdfe" fill-opacity=".89" fill-rule="evenodd"/></svg>';
 function GameNavigationBar({ onClose }) {
   const safeAreaTop = useSafeAreaTop();
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx3(PageNavbar, { preference: { type: "none" } }),
-    /* @__PURE__ */ jsx3(
-      View2,
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx5(PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ jsx5(
+      View3,
       {
         style: {
           width: "100%",
-          height: Platform4.OS === "ios" ? 44 : 54,
+          height: Platform5.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "flex-end",
           position: "absolute",
-          zIndex: 9999,
+          zIndex: Z_INDEX.CLOSE_BUTTON,
           marginTop: safeAreaTop,
-          paddingRight: Platform4.OS === "ios" ? 10 : 8
+          paddingRight: Platform5.OS === "ios" ? 10 : 8
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ jsx3(HeaderRight, { children: /* @__PURE__ */ jsx3(
+        children: /* @__PURE__ */ jsx5(HeaderRight, { children: /* @__PURE__ */ jsx5(
           TouchableOpacity,
           {
             hitSlop: { left: 8, right: 8 },
@@ -931,10 +1289,10 @@ function GameNavigationBar({ onClose }) {
             accessible: true,
             accessibilityLabel: "\uAC8C\uC784\uC885\uB8CC",
             style: {
-              padding: Platform4.OS === "ios" ? 7 : 9
+              padding: Platform5.OS === "ios" ? 7 : 9
             },
             onPress: onClose,
-            children: /* @__PURE__ */ jsx3(SvgXml, { xml: originXML, width: 30, height: 30 })
+            children: /* @__PURE__ */ jsx5(SvgXml, { xml: originXML, width: 30, height: 30 })
           }
         ) })
       }
@@ -943,23 +1301,24 @@ function GameNavigationBar({ onClose }) {
 }
 
 // src/components/GameWebView.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
-  const { openConfirm } = useDialog();
+  const { openConfirm } = useDialog2();
   const { brandDisplayName } = getAppsInTossGlobals();
-  const handleClose = useCallback(async () => {
+  const [isEntryMessageExited, setIsEntryMessageExited] = useState2(false);
+  const handleClose = useCallback2(async () => {
     const isConfirmed = await openConfirm({
-      title: `${josa(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+      title: `${josa2(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
       leftButton: "\uCDE8\uC18C",
       rightButton: "\uC885\uB8CC\uD558\uAE30",
       closeOnDimmerClick: true
     });
     if (isConfirmed) {
-      closeView();
+      closeView2();
     }
   }, [brandDisplayName, openConfirm]);
-  useEffect3(() => {
-    if (Platform5.OS === "ios") {
+  useEffect4(() => {
+    if (Platform6.OS === "ios") {
       setIosSwipeGestureEnabled({ isEnabled: false });
       return () => {
         setIosSwipeGestureEnabled({ isEnabled: true });
@@ -967,7 +1326,7 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
     }
     return;
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const backHandler = () => {
       handleClose();
       return true;
@@ -977,14 +1336,21 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
       BackHandler.removeEventListener("hardwareBackPress", backHandler);
     };
   }, [handleClose]);
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx4(GameNavigationBar, { onClose: handleClose }),
-    /* @__PURE__ */ jsx4(View3, { style: { flex: 1 }, children: /* @__PURE__ */ jsx4(PlainWebView, { ref, ...props }) })
+  useEffect4(() => {
+    appsInTossEvent.addEventListener("entryMessageExited", {
+      onEvent: () => {
+        setIsEntryMessageExited(true);
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx6(GameNavigationBar, { onClose: handleClose }),
+    getOperationalEnvironment() === "toss" ? /* @__PURE__ */ jsx6(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx6(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx6(PlainWebView, { ref, ...props })
   ] });
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback2, useMemo as useMemo2, useRef } from "react";
+import { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1033,7 +1399,7 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = useRef(null);
+  const ref = useRef2(null);
   const injectedJavaScript = useMemo2(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
@@ -1060,7 +1426,7 @@ function useBridgeHandler({
       window.__BEDROCK_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${JSON.stringify(error, null, 0)});
     `);
   };
-  const $onMessage = useCallback2(
+  const $onMessage = useCallback3(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1124,6 +1490,185 @@ __export(event_bridges_exports, {
   startUpdateLocation: () => startUpdateLocation
 });
 
+// src/hooks/useCreateUserAgent.ts
+import { useWindowDimensions } from "react-native";
+import { getPlatformOS } from "react-native-bedrock";
+var FontA11yCategory = {
+  Large: "Large",
+  xLarge: "xLarge",
+  xxLarge: "xxLarge",
+  xxxLarge: "xxxLarge",
+  A11y_Medium: "A11y_Medium",
+  A11y_Large: "A11y_Large",
+  A11y_xLarge: "A11y_xLarge",
+  A11y_xxLarge: "A11y_xxLarge",
+  A11y_xxxLarge: "A11y_xxxLarge"
+};
+var androidFontScaleMap = {
+  100: FontA11yCategory.Large,
+  110: FontA11yCategory.xLarge,
+  120: FontA11yCategory.xxLarge,
+  135: FontA11yCategory.xxxLarge,
+  160: FontA11yCategory.A11y_Medium,
+  190: FontA11yCategory.A11y_Large,
+  235: FontA11yCategory.A11y_xLarge,
+  275: FontA11yCategory.A11y_xxLarge,
+  310: FontA11yCategory.A11y_xxxLarge
+};
+var iosScaleToAndroidScale = {
+  0.823: 100,
+  0.882: 100,
+  0.941: 100,
+  1: 100,
+  1.118: 110,
+  1.235: 120,
+  1.353: 135,
+  1.786: 160,
+  2.143: 190,
+  2.643: 235,
+  3.143: 275,
+  3.571: 310
+};
+function convertToAndroidStyleScale(fontScale, platform) {
+  if (platform === "android") {
+    if (fontScale <= 1) {
+      return 100;
+    }
+    const scaledValue = Math.round(fontScale * 100);
+    const keys = Object.keys(androidFontScaleMap).map(Number).sort((a, b) => a - b);
+    let closestKey = keys[0];
+    let minDiff = Math.abs(scaledValue - closestKey);
+    for (const key of keys) {
+      const diff = Math.abs(scaledValue - key);
+      if (diff < minDiff) {
+        minDiff = diff;
+        closestKey = key;
+      }
+    }
+    return closestKey;
+  } else {
+    const iosScales = Object.keys(iosScaleToAndroidScale).map(Number);
+    let closestScale = iosScales[0];
+    let minDiff = Math.abs(fontScale - closestScale);
+    for (const scale of iosScales) {
+      const diff = Math.abs(fontScale - scale);
+      if (diff < minDiff) {
+        minDiff = diff;
+        closestScale = scale;
+      }
+    }
+    return iosScaleToAndroidScale[closestScale];
+  }
+}
+function mapIOSFontScaleToCategory(fontScale) {
+  if (fontScale < 1) {
+    return FontA11yCategory.Large;
+  }
+  if (Math.abs(fontScale - 1) < 0.05) {
+    return FontA11yCategory.Large;
+  }
+  if (Math.abs(fontScale - 1.118) < 0.05) {
+    return FontA11yCategory.xLarge;
+  }
+  if (Math.abs(fontScale - 1.235) < 0.05) {
+    return FontA11yCategory.xxLarge;
+  }
+  if (Math.abs(fontScale - 1.353) < 0.05) {
+    return FontA11yCategory.xxxLarge;
+  }
+  if (Math.abs(fontScale - 1.786) < 0.05) {
+    return FontA11yCategory.A11y_Medium;
+  }
+  if (Math.abs(fontScale - 2.143) < 0.05) {
+    return FontA11yCategory.A11y_Large;
+  }
+  if (Math.abs(fontScale - 2.643) < 0.05) {
+    return FontA11yCategory.A11y_xLarge;
+  }
+  if (Math.abs(fontScale - 3.143) < 0.05) {
+    return FontA11yCategory.A11y_xxLarge;
+  }
+  if (Math.abs(fontScale - 3.571) < 0.05) {
+    return FontA11yCategory.A11y_xxxLarge;
+  }
+  return FontA11yCategory.Large;
+}
+function mapAndroidFontScaleToCategory(fontScale) {
+  if (fontScale <= 1) {
+    return androidFontScaleMap[100];
+  }
+  const scaledValue = Math.round(fontScale * 100);
+  const keys = Object.keys(androidFontScaleMap).map(Number).sort((a, b) => a - b);
+  if (keys.length === 0) {
+    return androidFontScaleMap[100];
+  }
+  let closestKey = keys[0];
+  let minDiff = Math.abs(scaledValue - closestKey);
+  for (const key of keys) {
+    const diff = Math.abs(scaledValue - key);
+    if (diff < minDiff) {
+      minDiff = diff;
+      closestKey = key;
+    }
+  }
+  return androidFontScaleMap[closestKey];
+}
+function mapFontScaleToCategory(fontScale, platform) {
+  return platform === "ios" ? mapIOSFontScaleToCategory(fontScale) : mapAndroidFontScaleToCategory(fontScale);
+}
+function useCreateUserAgent({
+  batteryModePreference,
+  colorPreference,
+  locale,
+  navbarPreference,
+  pureSafeArea,
+  safeArea,
+  safeAreaBottomTransparency
+}) {
+  const platform = getPlatformOS();
+  const appVersion = getTossAppVersion();
+  const { fontScale } = useWindowDimensions();
+  const platformString = platform === "ios" ? "iPhone" : "Android";
+  const fontA11y = mapFontScaleToCategory(fontScale, platform);
+  const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
+  return [
+    `TossApp/${appVersion}`,
+    batteryModePreference && `TossBatteryModePreference/${batteryModePreference}`,
+    colorPreference && `TossColorPreference/${colorPreference}`,
+    `TossFontAccessibility/${fontA11y}`,
+    `TossFontScale/${normalizedFontScale}`,
+    locale && `TossLocale/${locale}`,
+    navbarPreference && `TossNavbarPreference/${navbarPreference}`,
+    pureSafeArea && `TossPureSafeArea/${pureSafeArea}`,
+    safeArea && `TossSafeArea/${safeArea}`,
+    safeAreaBottomTransparency && `TossSafeAreaBottomTransparency/${safeAreaBottomTransparency}`,
+    platformString
+  ].filter(Boolean).join(" ");
+}
+
+// src/hooks/useGeolocation.ts
+import { useState as useState3, useEffect as useEffect5 } from "react";
+import { useVisibility } from "react-native-bedrock";
+function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
+  const isVisible = useVisibility();
+  const [location, setLocation] = useState3(null);
+  useEffect5(() => {
+    if (!isVisible) {
+      return;
+    }
+    return startUpdateLocation({
+      options: {
+        accuracy,
+        distanceInterval,
+        timeInterval
+      },
+      onEvent: setLocation,
+      onError: console.error
+    });
+  }, [accuracy, distanceInterval, timeInterval, isVisible]);
+  return location;
+}
+
 // src/utils/log.ts
 import { getSchemeUri as getSchemeUri3 } from "react-native-bedrock";
 
@@ -1173,7 +1718,7 @@ var trackScreen = (url) => {
 };
 
 // src/components/WebView.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var appsInTossGlobals = getAppsInTossGlobals();
 var operationalEnvironment = getOperationalEnvironment();
 var TYPES = ["partner", "external", "game"];
@@ -1212,6 +1757,7 @@ function WebView({ type, local, onMessage, ...props }) {
   const uri = useMemo3(() => getWebViewUri(local), [local]);
   const top = useSafeAreaTop2();
   const bottom = useSafeAreaBottom();
+  const global2 = getAppsInTossGlobals();
   const handler = useBridgeHandler({
     onMessage,
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1233,6 +1779,7 @@ function WebView({ type, local, onMessage, ...props }) {
       ...constant_bridges_exports,
       getSafeAreaTop: () => top,
       getSafeAreaBottom: () => bottom,
+      ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
       loadAdMobInterstitialAd_isSupported: GoogleAdMob.loadAdMobInterstitialAd.isSupported,
       showAdMobInterstitialAd_isSupported: GoogleAdMob.showAdMobInterstitialAd.isSupported,
@@ -1287,25 +1834,36 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [type, props]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
-  const handleNavigationStateChange = useCallback3((event) => {
+  const handleNavigationStateChange = useCallback4((event) => {
     if (event.url) {
       trackScreen(event.url);
     }
   }, []);
-  return /* @__PURE__ */ jsx5(
+  const userAgent = useCreateUserAgent({
+    colorPreference: "light"
+  });
+  return /* @__PURE__ */ jsx7(
     BaseWebView,
     {
       ref: handler.ref,
       ...props,
       ...baseProps,
-      source: { uri },
+      source: {
+        uri,
+        // NOTE: https://github.com/react-native-webview/react-native-webview/pull/3133
+        headers: {
+          "User-Agent": userAgent
+        }
+      },
+      userAgent: Platform7.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
       onNavigationStateChange: handleNavigationStateChange,
       injectedJavaScript: handler.injectedJavaScript,
-      injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript
+      injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
+      decelerationRate: Platform7.OS === "ios" ? 1 : void 0
     }
   );
 }
@@ -1316,29 +1874,6 @@ function ensureValue(value, name) {
   return value;
 }
 
-// src/hooks/useGeolocation.ts
-import { useState, useEffect as useEffect4 } from "react";
-import { useVisibility } from "react-native-bedrock";
-function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = useVisibility();
-  const [location, setLocation] = useState(null);
-  useEffect4(() => {
-    if (!isVisible) {
-      return;
-    }
-    return startUpdateLocation({
-      options: {
-        accuracy,
-        distanceInterval,
-        timeInterval
-      },
-      onEvent: setLocation,
-      onError: console.error
-    });
-  }, [accuracy, distanceInterval, timeInterval, isVisible]);
-  return location;
-}
-
 // src/types.ts
 var Accuracy2 = /* @__PURE__ */ ((Accuracy3) => {
   Accuracy3[Accuracy3["Lowest"] = 1] = "Lowest";
@@ -1350,14 +1885,6 @@ var Accuracy2 = /* @__PURE__ */ ((Accuracy3) => {
   return Accuracy3;
 })(Accuracy2 || {});
 
-// src/native-event-emitter/internal/onVisibilityChangedByTransparentServiceWeb.ts
-function onVisibilityChangedByTransparentServiceWeb(eventParams) {
-  return appsInTossEvent.addEventListener("onVisibilityChangedByTransparentServiceWeb", eventParams);
-}
-
-// src/private.ts
-var INTERNAL__onVisibilityChangedByTransparentServiceWeb = onVisibilityChangedByTransparentServiceWeb;
-
 // src/index.ts
 export * from "@apps-in-toss/analytics";
 var Analytics2 = {
@@ -1385,14 +1912,18 @@ export {
   getClipboardText,
   getCurrentLocation,
   getDeviceId,
+  getGameCenterGameProfile,
   getOperationalEnvironment,
   getTossAppVersion,
   getTossShareLink,
   isMinVersionSupported,
   openCamera,
+  openGameCenterLeaderboard,
   saveBase64Data,
   setClipboardText,
   setDeviceOrientation,
   startUpdateLocation,
+  submitGameCenterLeaderBoardScore,
+  useCreateUserAgent,
   useGeolocation
 };