@apps-in-toss/framework 0.0.31 → 0.0.33

package/dist/index.cjs

@@ -49,15 +49,18 @@ __export(src_exports, {
   getClipboardText: () => getClipboardText,
   getCurrentLocation: () => getCurrentLocation,
   getDeviceId: () => getDeviceId,
+  getGameCenterGameProfile: () => getGameCenterGameProfile,
   getOperationalEnvironment: () => getOperationalEnvironment,
   getTossAppVersion: () => getTossAppVersion,
   getTossShareLink: () => getTossShareLink,
   isMinVersionSupported: () => isMinVersionSupported,
   openCamera: () => openCamera,
+  openGameCenterLeaderboard: () => openGameCenterLeaderboard,
   saveBase64Data: () => saveBase64Data,
   setClipboardText: () => setClipboardText,
   setDeviceOrientation: () => setDeviceOrientation,
   startUpdateLocation: () => startUpdateLocation,
+  submitGameCenterLeaderBoardScore: () => submitGameCenterLeaderBoardScore,
   useCreateUserAgent: () => useCreateUserAgent,
   useGeolocation: () => useGeolocation
 });
@@ -67,7 +70,7 @@ var import_analytics2 = require("@apps-in-toss/analytics");
 // src/core/registerApp.tsx
 var import_analytics = require("@apps-in-toss/analytics");
 var import_react_native6 = require("@toss-design-system/react-native");
-var import_react_native_bedrock8 = require("react-native-bedrock");
+var import_react_native_bedrock9 = require("react-native-bedrock");
 
 // src/core/components/AppEvent.tsx
 var import_react2 = require("react");
@@ -502,11 +505,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
@@ -658,6 +664,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
+var import_react_native_bedrock8 = require("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 (0, import_react_native_bedrock8.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
 var import_jsx_runtime = require("react/jsx-runtime");
 function AppsInTossContainer(Container, { children, ...initialProps }) {
@@ -676,7 +719,7 @@ function registerApp(container, { context, analytics }) {
     logger: (params) => void eventLog(params),
     debug: analytics?.debug ?? __DEV__
   });
-  return import_react_native_bedrock8.Bedrock.registerApp(AppsInTossContainer.bind(null, container), {
+  return import_react_native_bedrock9.Bedrock.registerApp(AppsInTossContainer.bind(null, container), {
     appName: getAppName(),
     context,
     router: {
@@ -812,38 +855,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) {
@@ -871,6 +891,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
@@ -883,36 +926,353 @@ var GoogleAdMob = {
 };
 
 // src/components/WebView.tsx
-var import_react_native15 = require("@toss-design-system/react-native");
-var import_private = require("@toss-design-system/react-native/private");
-var import_react7 = require("react");
-var import_react_native16 = require("react-native");
-var import_react_native_bedrock13 = require("react-native-bedrock");
+var import_react_native20 = require("@toss-design-system/react-native");
+var import_private3 = require("@toss-design-system/react-native/private");
+var import_react9 = require("react");
+var import_react_native21 = require("react-native");
+var import_react_native_bedrock16 = require("react-native-bedrock");
 var bedrockAsyncBridges = __toESM(require("react-native-bedrock/async-bridges"), 1);
 var bedrockConstantBridges = __toESM(require("react-native-bedrock/constant-bridges"), 1);
 
 // src/components/GameWebView.tsx
 var import_react_native_webview = require("@react-native-bedrock/native/react-native-webview");
-var import_react_native12 = require("@toss-design-system/react-native");
+var import_react_native17 = require("@toss-design-system/react-native");
+var import_es_hangul2 = require("es-hangul");
+var import_react6 = require("react");
+var import_react_native18 = require("react-native");
+var import_react_native_bedrock12 = require("react-native-bedrock");
+
+// src/components/GameProfile.tsx
+var import_react_native10 = require("@toss-design-system/react-native");
+var import_react5 = require("react");
+var import_react_native11 = require("react-native");
+
+// src/hooks/useGameCenterProfile.ts
+var import_react_native9 = require("@toss-design-system/react-native");
 var import_es_hangul = require("es-hangul");
 var import_react4 = require("react");
-var import_react_native13 = require("react-native");
-var import_react_native_bedrock9 = require("react-native-bedrock");
+var import_react_native_bedrock11 = require("react-native-bedrock");
+
+// src/components/GameProfileToast.tsx
+var import_react_native7 = require("@toss-design-system/react-native");
+var import_private = require("@toss-design-system/react-native/private");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var useGameProfileToast = () => {
+  const overlay = (0, import_private.useOverlay)();
+  const openGameProfileToast = (nickname, profileImageUri) => {
+    return new Promise((resolve) => {
+      overlay.open(({ isOpen, close, exit }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_private.ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_private.AdaptiveColorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native7.Toast,
+          {
+            open: isOpen,
+            onClose: () => {
+              resolve();
+              close();
+            },
+            onExited: exit,
+            position: "top",
+            text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native7.Asset.Image,
+              {
+                style: { borderRadius: 64, overflow: "hidden" },
+                frameShape: import_react_native7.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
+var import_react_native8 = require("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 import_react_native8.Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
+};
+
+// src/utils/openTransparentWebView.ts
+var import_react_native_bedrock10 = require("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();
+      }
+    }
+  });
+  (0, import_react_native_bedrock10.openURL)(url.toString());
+};
+
+// src/hooks/useGameCenterProfile.ts
+var useGameCenterProfile = (isReadyForProfileUI) => {
+  const [profileData, setProfileData] = (0, import_react4.useState)(void 0);
+  const [isProfileDataLoading, setIsProfileDataLoading] = (0, import_react4.useState)(true);
+  const [isProfileDataRefetching, setIsProfileDataRefetching] = (0, import_react4.useState)(false);
+  const shouldShowLoadingOverlay = isProfileDataLoading && isReadyForProfileUI;
+  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
+  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  const [isWebviewLoading, setIsWebviewLoading] = (0, import_react4.useState)(false);
+  const isCompletedProfileFlow = (0, import_react4.useRef)(false);
+  const { openAlert, openConfirm } = (0, import_react_native9.useDialog)();
+  const { openGameProfileToast } = useGameProfileToast();
+  const openErrorAlert = (0, import_react4.useCallback)(async () => {
+    await openAlert({
+      title: DEFAULT_ERROR.title,
+      description: DEFAULT_ERROR.description
+    });
+    (0, import_react_native_bedrock11.closeView)();
+  }, [openAlert]);
+  const openProfileWebview = (0, import_react4.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 = (0, import_react4.useCallback)(async () => {
+    const upddateConfirmDialogLabel = {
+      title: `${(0, import_es_hangul.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) {
+      (0, import_react_native_bedrock11.closeView)();
+      return;
+    }
+    const STORE_SCHEME = getMarketLink();
+    (0, import_react_native_bedrock11.openURL)(`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
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var GameProfile = ({ children, isReadyForProfileUI }) => {
+  const {
+    profileData,
+    isProfileDataRefetching,
+    shouldShowLoadingOverlay,
+    shouldShowProfileNotFoundOverlay,
+    canShowBottomSheetOrToast,
+    isCompletedProfileFlow,
+    openProfileWebview,
+    updateAppToSupportedMinVersion,
+    setIsProfileDataLoading,
+    setProfileData,
+    openErrorAlert,
+    openGameProfileToast
+  } = useGameCenterProfile(isReadyForProfileUI);
+  (0, import_react5.useEffect)(() => {
+    try {
+      const getProfileData = async () => {
+        const data = await getGameCenterGameProfile();
+        setProfileData(data);
+        setIsProfileDataLoading(false);
+      };
+      getProfileData();
+    } catch (_) {
+      openErrorAlert();
+      setIsProfileDataLoading(false);
+    }
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native11.View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native11.Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            updateAppToSupportedMinVersion();
+          }
+        }
+      )
+    ] });
+  }
+  if (shouldShowLoadingOverlay || isProfileDataRefetching) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native11.View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native11.View,
+        {
+          style: {
+            ...overlayStyle,
+            justifyContent: "center",
+            alignItems: "center",
+            backgroundColor: "rgba(0, 0, 0, 0.2)"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native10.Loader, { size: "large", type: "light" })
+        }
+      )
+    ] });
+  }
+  if (shouldShowProfileNotFoundOverlay) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native11.View, { style: { flex: 1, position: "relative" }, children }),
+      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native11.Pressable,
+        {
+          style: {
+            ...overlayStyle
+          },
+          onPress: () => {
+            openProfileWebview();
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native11.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
 var import_react_native_svg = require("@react-native-bedrock/native/react-native-svg");
-var import_react_native10 = require("@toss-design-system/react-native");
-var import_react_native11 = require("react-native");
+var import_react_native15 = require("@toss-design-system/react-native");
+var import_react_native16 = require("react-native");
 
 // src/components/GameWebViewNavigationBar/HeaderRight.tsx
-var import_react_native8 = require("react-native");
+var import_react_native13 = require("react-native");
 
 // src/components/GameWebViewNavigationBar/byPlatform.ts
-var import_react_native7 = require("react-native");
+var import_react_native12 = require("react-native");
 function byPlatform({
   ...props
 }) {
-  return (props[import_react_native7.Platform.OS] ?? props.fallback)();
+  return (props[import_react_native12.Platform.OS] ?? props.fallback)();
 }
 
 // src/components/GameWebViewNavigationBar/constants.ts
@@ -920,21 +1280,21 @@ var RIGHT_MARGIN = 24;
 var IOS_DEFAULT_MARGIN = 20;
 
 // src/components/GameWebViewNavigationBar/HeaderRight.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function IOSHeaderRight(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native8.View, { style: styles.ios, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native13.View, { style: styles.ios, ...props });
 }
 function AndroidHeaderRight(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native8.View, { style: styles.android, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native13.View, { style: styles.android, ...props });
 }
 function HeaderRight(props) {
   return byPlatform({
-    ios: () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IOSHeaderRight, { ...props }),
-    android: () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AndroidHeaderRight, { ...props }),
-    fallback: () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IOSHeaderRight, { ...props })
+    ios: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IOSHeaderRight, { ...props }),
+    android: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AndroidHeaderRight, { ...props }),
+    fallback: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IOSHeaderRight, { ...props })
   });
 }
-var styles = import_react_native8.StyleSheet.create({
+var styles = import_react_native13.StyleSheet.create({
   ios: {
     marginRight: -IOS_DEFAULT_MARGIN + RIGHT_MARGIN,
     flexDirection: "row"
@@ -946,48 +1306,48 @@ var styles = import_react_native8.StyleSheet.create({
 
 // src/components/GameWebViewNavigationBar/useSafeAreaTop.ts
 var import_react_native_safe_area_context = require("@react-native-bedrock/native/react-native-safe-area-context");
-var import_react_native9 = require("react-native");
+var import_react_native14 = require("react-native");
 function useSafeAreaTop() {
   const safeAreaInsets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
-  const hasDynamicIsland = import_react_native9.Platform.OS === "ios" && safeAreaInsets.top > 50;
+  const hasDynamicIsland = import_react_native14.Platform.OS === "ios" && safeAreaInsets.top > 50;
   const safeAreaTop = hasDynamicIsland ? safeAreaInsets.top - 5 : safeAreaInsets.top;
   return safeAreaTop;
 }
 
 // src/components/GameWebViewNavigationBar/GameNavigationBar.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native10.PageNavbar, { preference: { type: "none" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native11.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native15.PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_react_native16.View,
       {
         style: {
           width: "100%",
-          height: import_react_native11.Platform.OS === "ios" ? 44 : 54,
+          height: import_react_native16.Platform.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "flex-end",
           position: "absolute",
-          zIndex: 9999,
+          zIndex: Z_INDEX.CLOSE_BUTTON,
           marginTop: safeAreaTop,
-          paddingRight: import_react_native11.Platform.OS === "ios" ? 10 : 8
+          paddingRight: import_react_native16.Platform.OS === "ios" ? 10 : 8
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HeaderRight, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native11.TouchableOpacity,
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HeaderRight, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_react_native16.TouchableOpacity,
           {
             hitSlop: { left: 8, right: 8 },
             accessibilityRole: "button",
             accessible: true,
             accessibilityLabel: "\uAC8C\uC784\uC885\uB8CC",
             style: {
-              padding: import_react_native11.Platform.OS === "ios" ? 7 : 9
+              padding: import_react_native16.Platform.OS === "ios" ? 7 : 9
             },
             onPress: onClose,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg.SvgXml, { xml: originXML, width: 30, height: 30 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native_svg.SvgXml, { xml: originXML, width: 30, height: 30 })
           }
         ) })
       }
@@ -996,48 +1356,56 @@ function GameNavigationBar({ onClose }) {
 }
 
 // src/components/GameWebView.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var GameWebView = (0, import_react4.forwardRef)(function GameWebView2(props, ref) {
-  const { openConfirm } = (0, import_react_native12.useDialog)();
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var GameWebView = (0, import_react6.forwardRef)(function GameWebView2(props, ref) {
+  const { openConfirm } = (0, import_react_native17.useDialog)();
   const { brandDisplayName } = getAppsInTossGlobals();
-  const handleClose = (0, import_react4.useCallback)(async () => {
+  const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react6.useState)(false);
+  const handleClose = (0, import_react6.useCallback)(async () => {
     const isConfirmed = await openConfirm({
-      title: `${(0, import_es_hangul.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+      title: `${(0, import_es_hangul2.josa)(brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
       leftButton: "\uCDE8\uC18C",
       rightButton: "\uC885\uB8CC\uD558\uAE30",
       closeOnDimmerClick: true
     });
     if (isConfirmed) {
-      (0, import_react_native_bedrock9.closeView)();
+      (0, import_react_native_bedrock12.closeView)();
     }
   }, [brandDisplayName, openConfirm]);
-  (0, import_react4.useEffect)(() => {
-    if (import_react_native13.Platform.OS === "ios") {
-      (0, import_react_native_bedrock9.setIosSwipeGestureEnabled)({ isEnabled: false });
+  (0, import_react6.useEffect)(() => {
+    if (import_react_native18.Platform.OS === "ios") {
+      (0, import_react_native_bedrock12.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
-        (0, import_react_native_bedrock9.setIosSwipeGestureEnabled)({ isEnabled: true });
+        (0, import_react_native_bedrock12.setIosSwipeGestureEnabled)({ isEnabled: true });
       };
     }
     return;
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const backHandler = () => {
       handleClose();
       return true;
     };
-    import_react_native13.BackHandler.addEventListener("hardwareBackPress", backHandler);
+    import_react_native18.BackHandler.addEventListener("hardwareBackPress", backHandler);
     return () => {
-      import_react_native13.BackHandler.removeEventListener("hardwareBackPress", backHandler);
+      import_react_native18.BackHandler.removeEventListener("hardwareBackPress", backHandler);
     };
   }, [handleClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GameNavigationBar, { onClose: handleClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native13.View, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_webview.WebView, { ref, ...props }) })
+  (0, import_react6.useEffect)(() => {
+    appsInTossEvent.addEventListener("entryMessageExited", {
+      onEvent: () => {
+        setIsEntryMessageExited(true);
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GameNavigationBar, { onClose: handleClose }),
+    getOperationalEnvironment() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_webview.WebView, { ref, ...props }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_webview.WebView, { ref, ...props })
   ] });
 });
 
 // src/bridge-handler/useBridgeHandler.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1086,8 +1454,8 @@ function useBridgeHandler({
   eventListenerMap,
   injectedJavaScript: originalInjectedJavaScript
 }) {
-  const ref = (0, import_react5.useRef)(null);
-  const injectedJavaScript = (0, import_react5.useMemo)(
+  const ref = (0, import_react7.useRef)(null);
+  const injectedJavaScript = (0, import_react7.useMemo)(
     () => [
       `window.__CONSTANT_HANDLER_MAP = ${JSON.stringify(
         Object.entries(constantHandlerMap).reduce(
@@ -1113,7 +1481,7 @@ function useBridgeHandler({
       window.__BEDROCK_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${JSON.stringify(error, null, 0)});
     `);
   };
-  const $onMessage = (0, import_react5.useCallback)(
+  const $onMessage = (0, import_react7.useCallback)(
     async (e) => {
       onMessage?.(e);
       const data = JSON.parse(e.nativeEvent.data);
@@ -1178,8 +1546,8 @@ __export(event_bridges_exports, {
 });
 
 // src/hooks/useCreateUserAgent.ts
-var import_react_native14 = require("react-native");
-var import_react_native_bedrock10 = require("react-native-bedrock");
+var import_react_native19 = require("react-native");
+var import_react_native_bedrock13 = require("react-native-bedrock");
 var FontA11yCategory = {
   Large: "Large",
   xLarge: "xLarge",
@@ -1312,9 +1680,9 @@ function useCreateUserAgent({
   safeArea,
   safeAreaBottomTransparency
 }) {
-  const platform = (0, import_react_native_bedrock10.getPlatformOS)();
+  const platform = (0, import_react_native_bedrock13.getPlatformOS)();
   const appVersion = getTossAppVersion();
-  const { fontScale } = (0, import_react_native14.useWindowDimensions)();
+  const { fontScale } = (0, import_react_native19.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -1334,12 +1702,12 @@ function useCreateUserAgent({
 }
 
 // src/hooks/useGeolocation.ts
-var import_react6 = require("react");
-var import_react_native_bedrock11 = require("react-native-bedrock");
+var import_react8 = require("react");
+var import_react_native_bedrock14 = require("react-native-bedrock");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native_bedrock11.useVisibility)();
-  const [location, setLocation] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const isVisible = (0, import_react_native_bedrock14.useVisibility)();
+  const [location, setLocation] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
     if (!isVisible) {
       return;
     }
@@ -1357,7 +1725,7 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 }
 
 // src/utils/log.ts
-var import_react_native_bedrock12 = require("react-native-bedrock");
+var import_react_native_bedrock15 = require("react-native-bedrock");
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -1383,7 +1751,7 @@ var getGroupId = (url) => {
 };
 var getReferrer = () => {
   try {
-    const referrer = new URL((0, import_react_native_bedrock12.getSchemeUri)());
+    const referrer = new URL((0, import_react_native_bedrock15.getSchemeUri)());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -1405,18 +1773,18 @@ var trackScreen = (url) => {
 };
 
 // src/components/WebView.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var appsInTossGlobals = getAppsInTossGlobals();
 var operationalEnvironment = getOperationalEnvironment();
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
-  partner: import_react_native15.PartnerWebViewScreen,
-  external: import_react_native15.ExternalWebViewScreen,
+  partner: import_react_native20.PartnerWebViewScreen,
+  external: import_react_native20.ExternalWebViewScreen,
   game: GameWebView
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL((0, import_react_native_bedrock13.getSchemeUri)());
+  const schemeUrl = new URL((0, import_react_native_bedrock16.getSchemeUri)());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -1440,16 +1808,21 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
-  const bedrockEvent = (0, import_react_native_bedrock13.useBedrockEvent)();
-  const uri = (0, import_react7.useMemo)(() => getWebViewUri(local), [local]);
-  const top = (0, import_private.useSafeAreaTop)();
-  const bottom = (0, import_private.useSafeAreaBottom)();
+  const bedrockEvent = (0, import_react_native_bedrock16.useBedrockEvent)();
+  const uri = (0, import_react9.useMemo)(() => getWebViewUri(local), [local]);
+  const top = (0, import_private3.useSafeAreaTop)();
+  const bottom = (0, import_private3.useSafeAreaBottom)();
   const global2 = getAppsInTossGlobals();
+  const partner = (0, import_react_native20.usePartnerNavigation)();
   const handler = useBridgeHandler({
     onMessage,
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...event_bridges_exports,
+      navigationAccessoryEvent: ({ onEvent, onError }) => import_react_native20.tdsEvent.addEventListener("navigationAccessoryEvent", {
+        onEvent,
+        onError
+      }),
       backEvent: ({ onEvent, onError, options }) => bedrockEvent.addEventListener("backEvent", { onEvent, onError, options }),
       entryMessageExited: ({ onEvent, onError }) => appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
       updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
@@ -1478,6 +1851,8 @@ function WebView({ type, local, onMessage, ...props }) {
     asyncHandlerMap: {
       ...bedrockAsyncBridges,
       ...async_bridges_exports,
+      addAccessoryButton: async (params) => partner.addAccessoryButton(params),
+      removeAccessoryButton: async () => partner.removeAccessoryButton(),
       /** internal */
       openPermissionDialog: AppsInTossModule.openPermissionDialog,
       /** Storage */
@@ -1490,16 +1865,14 @@ function WebView({ type, local, onMessage, ...props }) {
       iapGetProductItemList: IAP.getProductItemList
     }
   });
-  const baseProps = (0, import_react7.useMemo)(() => {
+  const baseProps = (0, import_react9.useMemo)(() => {
     switch (type) {
       case "partner": {
         const headerOnlyProp = {
           header: {
             ..."header" in props ? props.header : {},
             icon: toIcon(ensureValue(appsInTossGlobals.brandIcon, "icon")),
-            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName"),
-            rightButtons: void 0
-            // TODO: onClick 이벤트를 받아야 하기에 런타임에서 설정 받아야 함
+            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName")
           }
         };
         return headerOnlyProp;
@@ -1521,7 +1894,7 @@ function WebView({ type, local, onMessage, ...props }) {
   }, [type, props]);
   const BaseWebView = WEBVIEW_TYPES[type];
   const webViewDebuggingEnabled = operationalEnvironment === "sandbox";
-  const handleNavigationStateChange = (0, import_react7.useCallback)((event) => {
+  const handleNavigationStateChange = (0, import_react9.useCallback)((event) => {
     if (event.url) {
       trackScreen(event.url);
     }
@@ -1529,7 +1902,7 @@ function WebView({ type, local, onMessage, ...props }) {
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     BaseWebView,
     {
       ref: handler.ref,
@@ -1542,14 +1915,15 @@ function WebView({ type, local, onMessage, ...props }) {
           "User-Agent": userAgent
         }
       },
-      userAgent: import_react_native16.Platform.OS === "ios" ? userAgent : void 0,
+      userAgent: import_react_native21.Platform.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: import_react_native21.Platform.OS === "ios" ? 1 : void 0
     }
   );
 }
@@ -1571,14 +1945,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
 __reExport(src_exports, require("@apps-in-toss/analytics"), module.exports);
 var Analytics2 = {
@@ -1607,15 +1973,18 @@ var Analytics2 = {
   getClipboardText,
   getCurrentLocation,
   getDeviceId,
+  getGameCenterGameProfile,
   getOperationalEnvironment,
   getTossAppVersion,
   getTossShareLink,
   isMinVersionSupported,
   openCamera,
+  openGameCenterLeaderboard,
   saveBase64Data,
   setClipboardText,
   setDeviceOrientation,
   startUpdateLocation,
+  submitGameCenterLeaderBoardScore,
   useCreateUserAgent,
   useGeolocation,
   ...require("@apps-in-toss/analytics")