@apps-in-toss/framework 1.0.3 → 1.1.1

package/dist/index.cjs

@@ -611,7 +611,6 @@ function BuiltinNavigationBar() {
   const isExternalWebView = globals.webViewType === "external";
   const isGameWebView = globals.webViewType === "game";
   const backEventContext = (0, import_react_native13.useBackEventContext)();
-  const overrideCanGoBack = !backEventContext.hasBackEvent;
   const handleBackOrClose = useBackOrCloseNavigation();
   const navigation = (0, import_react_native13.useNavigation)();
   const handlePressTitle = (0, import_react7.useCallback)(() => {
@@ -623,12 +622,16 @@ function BuiltinNavigationBar() {
     navigation.navigate("/");
   }, [logging, globals.webViewType, navigation]);
   const handleBack = (0, import_react7.useCallback)(() => {
-    if (!overrideCanGoBack) {
+    if (globals.webViewType != null) {
+      import_native_modules7.appsInTossEvent.emit("backButtonClickEvent", void 0);
+      return;
+    }
+    if (backEventContext.hasBackEvent) {
       backEventContext.onBack();
       return;
     }
     handleBackOrClose();
-  }, [overrideCanGoBack, handleBackOrClose, backEventContext]);
+  }, [globals.webViewType, backEventContext, handleBackOrClose]);
   const handleClose = (0, import_react7.useCallback)(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
@@ -644,16 +647,16 @@ function BuiltinNavigationBar() {
       (0, import_react_native13.closeView)();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
+  const handleBackEvent = (0, import_react7.useCallback)(() => {
+    handleBack();
+    return true;
+  }, [handleBack]);
   (0, import_react7.useEffect)(() => {
-    const backHandler = () => {
-      handleClose();
-      return true;
-    };
-    import_react_native15.BackHandler.addEventListener("hardwareBackPress", backHandler);
+    import_react_native15.BackHandler.addEventListener("hardwareBackPress", handleBackEvent);
     return () => {
-      import_react_native15.BackHandler.removeEventListener("hardwareBackPress", backHandler);
+      import_react_native15.BackHandler.removeEventListener("hardwareBackPress", handleBackEvent);
     };
-  }, [handleClose]);
+  }, [handleBackEvent]);
   if (isExternalWebView) {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
   }
@@ -678,10 +681,12 @@ function BuiltinNavigationBar() {
 }
 function useBackOrCloseNavigation() {
   const navigation = (0, import_react_native13.useNavigation)();
+  const { captureExitLog } = useCaptureExitLog();
   return (0, import_react7.useCallback)(() => {
     if (navigation.canGoBack()) {
       navigation.goBack();
     } else {
+      captureExitLog(Date.now());
       (0, import_react_native13.closeView)();
     }
   }, [navigation]);
@@ -801,6 +806,7 @@ var graniteAsyncBridges = __toESM(require("@granite-js/react-native/async-bridge
 var graniteConstantBridges = __toESM(require("@granite-js/react-native/constant-bridges"), 1);
 var import_react_native31 = require("@toss-design-system/react-native");
 var import_private5 = require("@toss-design-system/react-native/private");
+var import_es_hangul3 = require("es-hangul");
 var import_react15 = require("react");
 var import_react_native32 = require("react-native");
 
@@ -1247,8 +1253,9 @@ function useBridgeHandler({
     `);
   };
   const createHandleOnError = (functionName, eventId) => (error) => {
+    const serializedError = serializeError(error);
     ref.current?.injectJavaScript(`
-      window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${JSON.stringify(error, null, 0)});
+      window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
   const $onMessage = (0, import_react13.useCallback)(
@@ -1565,6 +1572,8 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
+  const { openConfirm } = (0, import_react_native31.useDialog)();
+  const { captureExitLog } = useCaptureExitLog();
   const graniteEvent = (0, import_react_native30.useGraniteEvent)();
   const uri = (0, import_react15.useMemo)(() => getWebViewUri(local), [local]);
   const top = (0, import_private5.useSafeAreaTop)();
@@ -1628,8 +1637,16 @@ function WebView({ type, local, onMessage, ...props }) {
       },
       addAccessoryButton: async (params) => topNavigation.addAccessoryButton(params),
       removeAccessoryButton: async () => topNavigation.removeAccessoryButton(),
-      /** internal */
-      openPermissionDialog: import_native_modules17.AppsInTossModule.openPermissionDialog,
+      /** permissions */
+      requestPermission: appsInTossAsyncBridges.requestPermission,
+      openPermissionDialog: appsInTossAsyncBridges.openPermissionDialog,
+      getPermission: appsInTossAsyncBridges.getPermission,
+      getClipboardText: appsInTossAsyncBridges.getClipboardText,
+      setClipboardText: appsInTossAsyncBridges.setClipboardText,
+      fetchAlbumPhotos: appsInTossAsyncBridges.fetchAlbumPhotos,
+      fetchContacts: appsInTossAsyncBridges.fetchContacts,
+      getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
+      openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
       getStorageItem: import_native_modules17.Storage.getItem,
       setStorageItem: import_native_modules17.Storage.setItem,
@@ -1670,14 +1687,30 @@ function WebView({ type, local, onMessage, ...props }) {
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
+  const handleGameWebviewClose = (0, import_react15.useCallback)(async () => {
+    const isConfirmed = await openConfirm({
+      title: `${(0, import_es_hangul3.josa)(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+      leftButton: "\uCDE8\uC18C",
+      rightButton: "\uC885\uB8CC\uD558\uAE30",
+      closeOnDimmerClick: true
+    });
+    if (isConfirmed) {
+      captureExitLog(Date.now());
+      (0, import_react_native30.closeView)();
+    }
+  }, [captureExitLog, openConfirm, global2.brandDisplayName]);
   const handleBackEvent = (0, import_react15.useCallback)(() => {
+    if (type === "game") {
+      handleGameWebviewClose();
+      return true;
+    }
     if (canHistoryGoBack) {
       handler.ref.current?.goBack();
       return true;
     } else {
       return false;
     }
-  }, [canHistoryGoBack, handler]);
+  }, [canHistoryGoBack, handleGameWebviewClose, handler.ref, type]);
   (0, import_react15.useEffect)(() => {
     import_react_native32.BackHandler.addEventListener("hardwareBackPress", handleBackEvent);
     return () => import_react_native32.BackHandler.removeEventListener("hardwareBackPress", handleBackEvent);
@@ -1694,6 +1727,20 @@ function WebView({ type, local, onMessage, ...props }) {
       }
     });
   }, [handler.ref]);
+  (0, import_react15.useEffect)(() => {
+    return import_native_modules17.appsInTossEvent.addEventListener("backButtonClickEvent", {
+      onEvent: () => {
+        if (type === "game") {
+          handleGameWebviewClose();
+        } else if (canHistoryGoBack) {
+          handler.ref.current?.goBack();
+        } else {
+          captureExitLog(Date.now());
+          (0, import_react_native30.closeView)();
+        }
+      }
+    });
+  }, [handler.ref, canHistoryGoBack, handleGameWebviewClose, captureExitLog, type]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     BaseWebView,
     {
@@ -1725,6 +1772,7 @@ function WebView({ type, local, onMessage, ...props }) {
 __reExport(src_exports, require("@apps-in-toss/analytics"), module.exports);
 var import_private6 = require("@toss-design-system/react-native/private");
 __reExport(src_exports, require("@apps-in-toss/native-modules"), module.exports);
+__reExport(src_exports, require("@apps-in-toss/types"), module.exports);
 var Analytics2 = {
   init: import_analytics2.Analytics.init,
   Impression: import_analytics2.Analytics.Impression,
@@ -1742,5 +1790,6 @@ var Analytics2 = {
   useGeolocation,
   useTopNavigation,
   ...require("@apps-in-toss/analytics"),
-  ...require("@apps-in-toss/native-modules")
+  ...require("@apps-in-toss/native-modules"),
+  ...require("@apps-in-toss/types")
 });

package/dist/index.d.cts

@@ -6,7 +6,9 @@ export * from '@apps-in-toss/analytics';
 import { InitialProps, GraniteProps } from '@granite-js/react-native';
 import { WebViewProps as WebViewProps$1 } from '@granite-js/native/react-native-webview';
 import { ExternalWebViewScreenProps } from '@toss-design-system/react-native';
-import { StartUpdateLocationOptions, Location, onVisibilityChangedByTransparentServiceWeb } from '@apps-in-toss/native-modules';
+import { StartUpdateLocationOptions, Location } from '@apps-in-toss/types';
+export * from '@apps-in-toss/types';
+import { onVisibilityChangedByTransparentServiceWeb } from '@apps-in-toss/native-modules';
 export * from '@apps-in-toss/native-modules';
 export { useTopNavigation } from '@toss-design-system/react-native/private';
 

package/dist/index.d.ts

@@ -6,7 +6,9 @@ export * from '@apps-in-toss/analytics';
 import { InitialProps, GraniteProps } from '@granite-js/react-native';
 import { WebViewProps as WebViewProps$1 } from '@granite-js/native/react-native-webview';
 import { ExternalWebViewScreenProps } from '@toss-design-system/react-native';
-import { StartUpdateLocationOptions, Location, onVisibilityChangedByTransparentServiceWeb } from '@apps-in-toss/native-modules';
+import { StartUpdateLocationOptions, Location } from '@apps-in-toss/types';
+export * from '@apps-in-toss/types';
+import { onVisibilityChangedByTransparentServiceWeb } from '@apps-in-toss/native-modules';
 export * from '@apps-in-toss/native-modules';
 export { useTopNavigation } from '@toss-design-system/react-native/private';
 

package/dist/index.js

@@ -569,7 +569,6 @@ function BuiltinNavigationBar() {
   const isExternalWebView = globals.webViewType === "external";
   const isGameWebView = globals.webViewType === "game";
   const backEventContext = useBackEventContext();
-  const overrideCanGoBack = !backEventContext.hasBackEvent;
   const handleBackOrClose = useBackOrCloseNavigation();
   const navigation = useNavigation();
   const handlePressTitle = useCallback3(() => {
@@ -581,12 +580,16 @@ function BuiltinNavigationBar() {
     navigation.navigate("/");
   }, [logging, globals.webViewType, navigation]);
   const handleBack = useCallback3(() => {
-    if (!overrideCanGoBack) {
+    if (globals.webViewType != null) {
+      appsInTossEvent.emit("backButtonClickEvent", void 0);
+      return;
+    }
+    if (backEventContext.hasBackEvent) {
       backEventContext.onBack();
       return;
     }
     handleBackOrClose();
-  }, [overrideCanGoBack, handleBackOrClose, backEventContext]);
+  }, [globals.webViewType, backEventContext, handleBackOrClose]);
   const handleClose = useCallback3(async () => {
     logging.closeButtonClick();
     const isConfirmed = await openConfirm({
@@ -602,16 +605,16 @@ function BuiltinNavigationBar() {
       closeView();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
+  const handleBackEvent = useCallback3(() => {
+    handleBack();
+    return true;
+  }, [handleBack]);
   useEffect5(() => {
-    const backHandler = () => {
-      handleClose();
-      return true;
-    };
-    BackHandler.addEventListener("hardwareBackPress", backHandler);
+    BackHandler.addEventListener("hardwareBackPress", handleBackEvent);
     return () => {
-      BackHandler.removeEventListener("hardwareBackPress", backHandler);
+      BackHandler.removeEventListener("hardwareBackPress", handleBackEvent);
     };
-  }, [handleClose]);
+  }, [handleBackEvent]);
   if (isExternalWebView) {
     return /* @__PURE__ */ jsx3(Fragment3, {});
   }
@@ -636,10 +639,12 @@ function BuiltinNavigationBar() {
 }
 function useBackOrCloseNavigation() {
   const navigation = useNavigation();
+  const { captureExitLog } = useCaptureExitLog();
   return useCallback3(() => {
     if (navigation.canGoBack()) {
       navigation.goBack();
     } else {
+      captureExitLog(Date.now());
       closeView();
     }
   }, [navigation]);
@@ -754,11 +759,16 @@ import { GoogleAdMob, IAP, Storage, AppsInTossModule, appsInTossEvent as appsInT
 import * as appsInTossAsyncBridges from "@apps-in-toss/native-modules/async-bridges";
 import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constant-bridges";
 import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-bridges";
-import { getSchemeUri as getSchemeUri5, useGraniteEvent } from "@granite-js/react-native";
+import { closeView as closeView3, getSchemeUri as getSchemeUri5, useGraniteEvent } from "@granite-js/react-native";
 import * as graniteAsyncBridges from "@granite-js/react-native/async-bridges";
 import * as graniteConstantBridges from "@granite-js/react-native/constant-bridges";
-import { ExternalWebViewScreen, tdsEvent } from "@toss-design-system/react-native";
+import {
+  ExternalWebViewScreen,
+  tdsEvent,
+  useDialog as useDialog4
+} from "@toss-design-system/react-native";
 import { useSafeAreaBottom, useSafeAreaTop, useTopNavigation } from "@toss-design-system/react-native/private";
+import { josa as josa3 } from "es-hangul";
 import { useCallback as useCallback6, useEffect as useEffect10, useMemo as useMemo3, useState as useState5 } from "react";
 import { BackHandler as BackHandler2, Platform as Platform3 } from "react-native";
 
@@ -1209,8 +1219,9 @@ function useBridgeHandler({
     `);
   };
   const createHandleOnError = (functionName, eventId) => (error) => {
+    const serializedError = serializeError(error);
     ref.current?.injectJavaScript(`
-      window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${JSON.stringify(error, null, 0)});
+      window.__GRANITE_NATIVE_EMITTER.emit('${functionName}/onError/${eventId}', ${serializedError});
     `);
   };
   const $onMessage = useCallback5(
@@ -1422,7 +1433,7 @@ function useCreateUserAgent({
 // src/hooks/useGeolocation.ts
 import { startUpdateLocation } from "@apps-in-toss/native-modules";
 import { useVisibility as useVisibility3 } from "@granite-js/react-native";
-import { useState as useState4, useEffect as useEffect9 } from "react";
+import { useEffect as useEffect9, useState as useState4 } from "react";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility3();
   const [location, setLocation] = useState4(null);
@@ -1527,6 +1538,8 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
+  const { openConfirm } = useDialog4();
+  const { captureExitLog } = useCaptureExitLog();
   const graniteEvent = useGraniteEvent();
   const uri = useMemo3(() => getWebViewUri(local), [local]);
   const top = useSafeAreaTop();
@@ -1590,8 +1603,16 @@ function WebView({ type, local, onMessage, ...props }) {
       },
       addAccessoryButton: async (params) => topNavigation.addAccessoryButton(params),
       removeAccessoryButton: async () => topNavigation.removeAccessoryButton(),
-      /** internal */
-      openPermissionDialog: AppsInTossModule.openPermissionDialog,
+      /** permissions */
+      requestPermission: appsInTossAsyncBridges.requestPermission,
+      openPermissionDialog: appsInTossAsyncBridges.openPermissionDialog,
+      getPermission: appsInTossAsyncBridges.getPermission,
+      getClipboardText: appsInTossAsyncBridges.getClipboardText,
+      setClipboardText: appsInTossAsyncBridges.setClipboardText,
+      fetchAlbumPhotos: appsInTossAsyncBridges.fetchAlbumPhotos,
+      fetchContacts: appsInTossAsyncBridges.fetchContacts,
+      getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
+      openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
       getStorageItem: Storage.getItem,
       setStorageItem: Storage.setItem,
@@ -1632,14 +1653,30 @@ function WebView({ type, local, onMessage, ...props }) {
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
+  const handleGameWebviewClose = useCallback6(async () => {
+    const isConfirmed = await openConfirm({
+      title: `${josa3(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
+      leftButton: "\uCDE8\uC18C",
+      rightButton: "\uC885\uB8CC\uD558\uAE30",
+      closeOnDimmerClick: true
+    });
+    if (isConfirmed) {
+      captureExitLog(Date.now());
+      closeView3();
+    }
+  }, [captureExitLog, openConfirm, global2.brandDisplayName]);
   const handleBackEvent = useCallback6(() => {
+    if (type === "game") {
+      handleGameWebviewClose();
+      return true;
+    }
     if (canHistoryGoBack) {
       handler.ref.current?.goBack();
       return true;
     } else {
       return false;
     }
-  }, [canHistoryGoBack, handler]);
+  }, [canHistoryGoBack, handleGameWebviewClose, handler.ref, type]);
   useEffect10(() => {
     BackHandler2.addEventListener("hardwareBackPress", handleBackEvent);
     return () => BackHandler2.removeEventListener("hardwareBackPress", handleBackEvent);
@@ -1656,6 +1693,20 @@ function WebView({ type, local, onMessage, ...props }) {
       }
     });
   }, [handler.ref]);
+  useEffect10(() => {
+    return appsInTossEvent4.addEventListener("backButtonClickEvent", {
+      onEvent: () => {
+        if (type === "game") {
+          handleGameWebviewClose();
+        } else if (canHistoryGoBack) {
+          handler.ref.current?.goBack();
+        } else {
+          captureExitLog(Date.now());
+          closeView3();
+        }
+      }
+    });
+  }, [handler.ref, canHistoryGoBack, handleGameWebviewClose, captureExitLog, type]);
   return /* @__PURE__ */ jsx9(
     BaseWebView,
     {
@@ -1687,6 +1738,7 @@ function WebView({ type, local, onMessage, ...props }) {
 export * from "@apps-in-toss/analytics";
 import { useTopNavigation as useTopNavigation2 } from "@toss-design-system/react-native/private";
 export * from "@apps-in-toss/native-modules";
+export * from "@apps-in-toss/types";
 var Analytics2 = {
   init: InternalAnalytics.init,
   Impression: InternalAnalytics.Impression,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.1.1",
   "description": "The framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -56,19 +56,20 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/analytics": "1.0.3",
-    "@apps-in-toss/cli": "1.0.3",
-    "@apps-in-toss/native-modules": "1.0.3",
-    "@apps-in-toss/plugins": "1.0.3",
+    "@apps-in-toss/analytics": "1.1.1",
+    "@apps-in-toss/cli": "1.1.1",
+    "@apps-in-toss/native-modules": "1.1.1",
+    "@apps-in-toss/plugins": "1.1.1",
+    "@apps-in-toss/types": "1.1.1",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
     "@babel/runtime": "^7",
-    "@granite-js/mpack": "0.1.21",
-    "@granite-js/native": "0.1.21",
-    "@granite-js/plugin-core": "0.1.21",
-    "@granite-js/react-native": "0.1.21",
-    "@granite-js/utils": "0.1.21",
+    "@granite-js/mpack": "0.1.22",
+    "@granite-js/native": "0.1.22",
+    "@granite-js/plugin-core": "0.1.22",
+    "@granite-js/react-native": "0.1.22",
+    "@granite-js/utils": "0.1.22",
     "@toss-design-system/react-native": "1.1.0",
     "@types/kill-port": "^2.0.3",
     "@types/react": "18.3.3",
@@ -95,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "380ad5f697a176bcc6adae409153fa43e700d053"
+  "gitHead": "0e0af7d44ed8ad2615a237650b9682c68ab5861e"
 }