@apps-in-toss/framework 1.5.1 → 1.5.3

package/dist/index.js

@@ -217,37 +217,9 @@ function useNavigationBarContext() {
   return context;
 }
 
-// src/core/hooks/useAppsInTossBridge.ts
-import { appsInTossEvent } from "@apps-in-toss/native-modules";
-import { useBridge } from "@toss/tds-react-native";
-import { useEffect as useEffect4 } from "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 = useBridge();
-  const appsInTossGlobals = getAppsInTossGlobals();
-  useEffect4(() => {
-    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: () => {
-        appsInTossEvent.emit("entryMessageExited", void 0);
-      }
-    });
-  }, []);
-}
-
 // src/components/RNAppContainer.tsx
-import { appsInTossEvent as appsInTossEvent2, setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
-import { useEffect as useEffect9, useState as useState5 } from "react";
+import { setIosSwipeGestureEnabled } from "@apps-in-toss/native-modules";
+import { useEffect as useEffect8 } from "react";
 import { Platform as Platform3 } from "react-native";
 
 // src/components/GameInitializer.tsx
@@ -255,7 +227,7 @@ import { isMinVersionSupported } from "@apps-in-toss/native-modules";
 import { closeView as closeView2 } from "@granite-js/react-native";
 import { Loader } from "@toss/tds-react-native";
 import { josa } from "es-hangul";
-import { useEffect as useEffect5, useRef as useRef2 } from "react";
+import { useEffect as useEffect4, useRef as useRef2 } from "react";
 import { Pressable, View } from "react-native";
 
 // src/constant/game-center.ts
@@ -506,13 +478,13 @@ var useGameProfileToast = () => {
 };
 
 // src/hooks/useGameCenterProfile.ts
-var useGameCenterProfile = (isReadyForProfileUI) => {
+var useGameCenterProfile = () => {
   const [profileData, setProfileData] = useState3(void 0);
   const [isProfileDataLoading, setIsProfileDataLoading] = useState3(true);
   const [isProfileDataRefetching, setIsProfileDataRefetching] = useState3(false);
-  const shouldShowProfileLoadingOverlay = isProfileDataLoading && isReadyForProfileUI || isProfileDataRefetching;
-  const shouldShowProfileNotFoundOverlay = profileData?.statusCode === "PROFILE_NOT_FOUND" && isReadyForProfileUI && !isProfileDataRefetching;
-  const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
+  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();
@@ -574,7 +546,7 @@ var Z_INDEX = {
 
 // src/components/GameInitializer.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs } from "react/jsx-runtime";
-var GameInitializer = ({ children, isReadyForProfileUI }) => {
+var GameInitializer = ({ children }) => {
   const {
     profileData,
     shouldShowProfileLoadingOverlay,
@@ -583,13 +555,13 @@ var GameInitializer = ({ children, isReadyForProfileUI }) => {
     openProfileWebview,
     openGameProfileToast,
     fetchProfileData
-  } = useGameCenterProfile(isReadyForProfileUI);
+  } = useGameCenterProfile();
   const isCompletedFlow = useRef2(false);
   const { open: openAppUpdateDialog } = useAppUpdateDialog();
-  useEffect5(() => {
+  useEffect4(() => {
     fetchProfileData();
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     const handleGameProfileFlow = async () => {
       if (!canShowBottomSheetOrToast) {
         return;
@@ -695,10 +667,10 @@ var overlayStyle = {
 import { NavigationBackButton, NavigationLeft, TopNavigation } from "@toss/tds-react-native/private";
 
 // src/components/NavigationBar/RNNavigationBar/hooks/useHardwareBackPress.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect5 } from "react";
 import { BackHandler } from "react-native";
 function useHardwareBackPress(handler) {
-  useEffect6(() => {
+  useEffect5(() => {
     const handleBackPress = () => {
       handler();
       return true;
@@ -859,7 +831,7 @@ import { INTERNAL__appBridgeHandler, isMinVersionSupported as isMinVersionSuppor
 import { openURL as openURL5 } from "@granite-js/react-native";
 import { BottomSheet, List, ListHeader } from "@toss/tds-react-native";
 import { useAdaptive as useAdaptive2, useOverlay as useOverlay2 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect7, useState as useState4 } from "react";
+import { useEffect as useEffect6, useState as useState4 } from "react";
 
 // src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
 import { getOperationalEnvironment } from "@apps-in-toss/native-modules";
@@ -1120,7 +1092,7 @@ function useMoreButtonBottomSheet() {
   const isBottomSheetSupported = isMinVersionSupported2(MIN_VERSION.BOTTOM_SHEET);
   const isShareListMenuSupported = isMinVersionSupported2(MIN_VERSION.SHARE_LIST_MENU);
   const [isPermissionsMenuSupported, setIsPermissionsMenuSupported] = useState4(false);
-  useEffect7(() => {
+  useEffect6(() => {
     if (!isBottomSheetSupported) {
       return;
     }
@@ -1204,14 +1176,19 @@ function useMoreButtonBottomSheet() {
 }
 function BottomSheetImpressionArea({ children }) {
   const logging = useMoreButtonBottomSheetLogging();
-  useEffect7(() => {
+  useEffect6(() => {
     logging.show();
   }, [logging]);
   return /* @__PURE__ */ jsx8(Fragment3, { children });
 }
 
+// src/core/utils/toIcon.ts
+function toIcon(source) {
+  return source.startsWith("http") ? { source: { uri: source } } : { name: source };
+}
+
 // src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
-import { useEffect as useEffect8, useRef as useRef3 } from "react";
+import { useEffect as useEffect7, useRef as useRef3 } from "react";
 import { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
 function NavigationBarImpressionArea({
   children,
@@ -1219,7 +1196,7 @@ function NavigationBarImpressionArea({
 }) {
   const hasLogged = useRef3(false);
   const logging = useNavigationBarLogging();
-  useEffect8(() => {
+  useEffect7(() => {
     if (hasLogged.current === false) {
       logging.navBarImpression({ home_icon_yn: withHomeButton ? "Y" : "N" });
       hasLogged.current = true;
@@ -1329,8 +1306,7 @@ function RNAppContainer({ children }) {
   }
 }
 function GameAppContainer({ children }) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState5(false);
-  useEffect9(() => {
+  useEffect8(() => {
     if (Platform3.OS === "ios") {
       setIosSwipeGestureEnabled({ isEnabled: false });
       return () => {
@@ -1339,16 +1315,9 @@ function GameAppContainer({ children }) {
     }
     return;
   }, []);
-  useEffect9(() => {
-    appsInTossEvent2.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ jsxs4(Fragment6, { children: [
     /* @__PURE__ */ jsx12(RNNavigationBar.Game, {}),
-    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx12(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children }) : children
+    (0, bridge_entry_exports.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ jsx12(GameInitializer, { children }) : children
   ] });
 }
 function GeneralAppContainer({ children }) {
@@ -1375,13 +1344,9 @@ function AppsInTossContainer(Container, { children, ...initialProps }) {
     /* @__PURE__ */ jsx13(AppEvent.StayTime, {}),
     /* @__PURE__ */ jsx13(AppEvent.Entry, {}),
     /* @__PURE__ */ jsx13(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ jsx13(Container, { ...initialProps, children: /* @__PURE__ */ jsx13(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ jsx13(TDSContainer, { ...initialProps, children }) }) })
+    /* @__PURE__ */ jsx13(Container, { ...initialProps, children: /* @__PURE__ */ jsx13(TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children }) })
   ] });
 }
-function TDSContainer({ children }) {
-  useAppsInTossBridge();
-  return /* @__PURE__ */ jsx13(Fragment7, { children });
-}
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
   const isRegistered = AppRegistry.getAppKeys().includes(appName);
@@ -1429,7 +1394,7 @@ import {
   GoogleAdMob,
   IAP,
   Storage,
-  appsInTossEvent as appsInTossEvent4,
+  appsInTossEvent,
   iapCreateOneTimePurchaseOrder,
   processProductGrant,
   requestOneTimePurchase
@@ -1441,15 +1406,15 @@ import { useSafeAreaInsets as useSafeAreaInsets4 } from "@granite-js/native/reac
 import { getSchemeUri as getSchemeUri6 } from "@granite-js/react-native";
 import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop3 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect14, useMemo as useMemo7, useRef as useRef6, useState as useState8 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo7, useRef as useRef6, useState as useState6 } from "react";
 import { BackHandler as BackHandler2, Linking, Platform as Platform6 } from "react-native";
 
 // src/components/GameWebView.tsx
-import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, appsInTossEvent as appsInTossEvent3, getOperationalEnvironment as getOperationalEnvironment4 } from "@apps-in-toss/native-modules";
+import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, getOperationalEnvironment as getOperationalEnvironment4 } from "@apps-in-toss/native-modules";
 import {
   WebView as PlainWebView
 } from "@granite-js/native/react-native-webview";
-import { forwardRef, useEffect as useEffect10, useState as useState6 } from "react";
+import { forwardRef, useEffect as useEffect9 } from "react";
 import { Platform as Platform5 } from "react-native";
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
@@ -1522,8 +1487,7 @@ function GameWebviewNavigationBar() {
 // src/components/GameWebView.tsx
 import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
-  const [isEntryMessageExited, setIsEntryMessageExited] = useState6(false);
-  useEffect10(() => {
+  useEffect9(() => {
     if (Platform5.OS === "ios") {
       setIosSwipeGestureEnabled3({ isEnabled: false });
       return () => {
@@ -1532,16 +1496,9 @@ var GameWebView = forwardRef(function GameWebView2(props, ref) {
     }
     return;
   }, []);
-  useEffect10(() => {
-    appsInTossEvent3.addEventListener("entryMessageExited", {
-      onEvent: () => {
-        setIsEntryMessageExited(true);
-      }
-    });
-  }, []);
   return /* @__PURE__ */ jsxs7(Fragment9, { children: [
     /* @__PURE__ */ jsx15(GameWebviewNavigationBar, {}),
-    getOperationalEnvironment4() === "toss" ? /* @__PURE__ */ jsx15(GameInitializer, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props })
+    getOperationalEnvironment4() === "toss" ? /* @__PURE__ */ jsx15(GameInitializer, { children: /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props }) }) : /* @__PURE__ */ jsx15(PlainWebView, { ref, ...props })
   ] });
 });
 
@@ -1623,7 +1580,7 @@ function convertIntentURL(url) {
 }
 
 // src/bridge-handler/useBridgeHandler.tsx
-import { useCallback as useCallback10, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef4 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect10, useMemo as useMemo3, useRef as useRef4 } from "react";
 function serializeError(error) {
   return JSON.stringify(error, (_, value) => {
     if (value instanceof Error) {
@@ -1688,7 +1645,7 @@ function useBridgeHandler({
     )};`,
     [constantHandlerMap]
   );
-  useEffect11(() => {
+  useEffect10(() => {
     ref.current?.injectJavaScript(injectedJavaScript);
   }, [injectedJavaScript]);
   const createHandleOnEvent = (functionName, eventId) => (response) => {
@@ -1762,7 +1719,7 @@ function parseNativeEventData(data) {
 
 // src/core/hooks/useSafeAreaInsetsEmitter.tsx
 import { useSafeAreaInsets as useSafeAreaInsets3 } from "@granite-js/native/react-native-safe-area-context";
-import { useEffect as useEffect12, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
 var EventEmitter = class {
   listeners = {};
   on(event, listener) {
@@ -1787,7 +1744,7 @@ var EventEmitter = class {
 function useSafeAreaInsetsEmitter() {
   const insets = useSafeAreaInsets3();
   const emitter = useMemo4(() => new EventEmitter(), []);
-  useEffect12(() => {
+  useEffect11(() => {
     emitter.emit("safeAreaInsetsChange", insets);
     return () => {
       emitter.off("safeAreaInsetsChange", (listener) => listener(insets));
@@ -2105,11 +2062,11 @@ function useCreateUserAgent({
 // src/hooks/useGeolocation.ts
 import { startUpdateLocation } from "@apps-in-toss/native-modules";
 import { useVisibility as useVisibility3 } from "@granite-js/react-native";
-import { useEffect as useEffect13, useState as useState7 } from "react";
+import { useEffect as useEffect12, useState as useState5 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
-  const [location, setLocation] = useState7(null);
-  useEffect13(() => {
+  const [location, setLocation] = useState5(null);
+  useEffect12(() => {
     if (!isVisible) {
       return;
     }
@@ -2258,7 +2215,7 @@ function WebView({ type, local, onMessage, ...props }) {
   const global2 = getAppsInTossGlobals();
   const navigationBarContext = useNavigationBarContext();
   const safeAreaInsetsEmitter = useSafeAreaInsetsEmitter();
-  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState8(
+  const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState6(
     props.allowsBackForwardNavigationGestures
   );
   const handler = useBridgeHandler({
@@ -2272,8 +2229,7 @@ function WebView({ type, local, onMessage, ...props }) {
           webBackHandler.removeEventListener(onEvent);
         };
       },
-      entryMessageExited: ({ onEvent, onError }) => appsInTossEvent4.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       safeAreaInsetsChange: ({ onEvent }) => {
         safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
         return () => {
@@ -2281,7 +2237,7 @@ function WebView({ type, local, onMessage, ...props }) {
         };
       },
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent4.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
       loadAdMobInterstitialAd: GoogleAdMob.loadAdMobInterstitialAd,
       showAdMobInterstitialAd: GoogleAdMob.showAdMobInterstitialAd,
@@ -2365,7 +2321,7 @@ function WebView({ type, local, onMessage, ...props }) {
     colorPreference: "light"
   });
   const refs = mergeRefs(handler.ref, webViewRef);
-  useEffect14(() => {
+  useEffect13(() => {
     const callback = () => {
       webBackHandler.handleWebBack();
       return true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "The framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -56,11 +56,11 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/analytics": "1.5.1",
-    "@apps-in-toss/cli": "1.5.1",
-    "@apps-in-toss/native-modules": "1.5.1",
-    "@apps-in-toss/plugins": "1.5.1",
-    "@apps-in-toss/types": "1.5.1",
+    "@apps-in-toss/analytics": "1.5.3",
+    "@apps-in-toss/cli": "1.5.3",
+    "@apps-in-toss/native-modules": "1.5.3",
+    "@apps-in-toss/plugins": "1.5.3",
+    "@apps-in-toss/types": "1.5.3",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -71,7 +71,7 @@
     "@granite-js/react-native": "0.1.31",
     "@granite-js/utils": "0.1.31",
     "@toss/tds-react-native": "1.3.6",
-    "@types/kill-port": "^2.0.3",
+    "@types/kill-port": "2.0.1",
     "@types/react": "18.3.3",
     "es-toolkit": "^1.34.1",
     "eslint": "^9.7.0",
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d8574481dc9d5e72a5ed7bdd5cb77a16d776ab33"
+  "gitHead": "b6152cb5bd176d6fd1863ff00638b38f17269e09"
 }