@apps-in-toss/framework 0.0.18 → 0.0.19

package/dist/index.cjs

@@ -319,7 +319,7 @@ var TossPay = {
 };
 
 // src/components/WebView.tsx
-var import_react_native11 = require("@toss-design-system/react-native");
+var import_react_native12 = require("@toss-design-system/react-native");
 var import_private = require("@toss-design-system/react-native/private");
 var import_react3 = require("react");
 var import_react_native_bedrock5 = require("react-native-bedrock");
@@ -328,8 +328,9 @@ var bedrockConstantBridges = __toESM(require("react-native-bedrock/constant-brid
 
 // src/components/GameWebView.tsx
 var import_react_native_webview = require("@react-native-bedrock/native/react-native-webview");
+var import_react_native10 = require("@toss-design-system/react-native");
 var import_react2 = require("react");
-var import_react_native10 = require("react-native");
+var import_react_native11 = require("react-native");
 var import_react_native_bedrock4 = require("react-native-bedrock");
 
 // src/components/GameWebViewNavigationBar/GameNavigationBar.tsx
@@ -413,6 +414,9 @@ function GameNavigationBar({ onClose }) {
           import_react_native9.TouchableOpacity,
           {
             hitSlop: { left: 8, right: 8 },
+            accessibilityRole: "button",
+            accessible: true,
+            accessibilityLabel: "\uB2EB\uAE30",
             style: {
               padding: import_react_native9.Platform.OS === "ios" ? 7 : 9
             },
@@ -428,16 +432,35 @@ function GameNavigationBar({ onClose }) {
 // src/components/GameWebView.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var GameWebView = (0, import_react2.forwardRef)(function GameWebView2(props, ref) {
+  const { openConfirm } = (0, import_react_native10.useDialog)();
+  const { brandDisplayName } = getAppsInTossGlobals();
+  (0, import_react2.useEffect)(() => {
+    if (import_react_native11.Platform.OS === "ios") {
+      (0, import_react_native_bedrock4.setIosSwipeGestureEnabled)({ isEnabled: false });
+      return () => {
+        (0, import_react_native_bedrock4.setIosSwipeGestureEnabled)({ isEnabled: true });
+      };
+    }
+    return;
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       GameNavigationBar,
       {
-        onClose: () => {
-          (0, import_react_native_bedrock4.closeView)();
+        onClose: async () => {
+          const isConfirmed = await openConfirm({
+            title: `${brandDisplayName}\uC744 \uC885\uB8CC\uD560\uAE4C\uC694?`,
+            leftButton: "\uCDE8\uC18C",
+            rightButton: "\uC885\uB8CC\uD558\uAE30",
+            closeOnDimmerClick: true
+          });
+          if (isConfirmed) {
+            (0, import_react_native_bedrock4.closeView)();
+          }
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native10.View, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_webview.WebView, { ref, ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native11.View, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_webview.WebView, { ref, ...props }) })
   ] });
 });
 
@@ -478,8 +501,8 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var appsInTossGlobals = getAppsInTossGlobals();
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
-  partner: import_react_native11.PartnerWebViewScreen,
-  external: import_react_native11.ExternalWebViewScreen,
+  partner: import_react_native12.PartnerWebViewScreen,
+  external: import_react_native12.ExternalWebViewScreen,
   game: GameWebView
 };
 function mergeSchemeQueryParamsInto(url) {

package/dist/index.js

@@ -287,9 +287,10 @@ import * as bedrockConstantBridges from "react-native-bedrock/constant-bridges";
 import {
   WebView as PlainWebView
 } from "@react-native-bedrock/native/react-native-webview";
-import { forwardRef } from "react";
-import { View as View3 } from "react-native";
-import { closeView } from "react-native-bedrock";
+import { useDialog } from "@toss-design-system/react-native";
+import { forwardRef, useEffect as useEffect2 } from "react";
+import { Platform as Platform4, View as View3 } from "react-native";
+import { closeView, setIosSwipeGestureEnabled } from "react-native-bedrock";
 
 // src/components/GameWebViewNavigationBar/GameNavigationBar.tsx
 import { SvgXml } from "@react-native-bedrock/native/react-native-svg";
@@ -372,6 +373,9 @@ function GameNavigationBar({ onClose }) {
           TouchableOpacity,
           {
             hitSlop: { left: 8, right: 8 },
+            accessibilityRole: "button",
+            accessible: true,
+            accessibilityLabel: "\uB2EB\uAE30",
             style: {
               padding: Platform3.OS === "ios" ? 7 : 9
             },
@@ -387,12 +391,31 @@ function GameNavigationBar({ onClose }) {
 // src/components/GameWebView.tsx
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var GameWebView = forwardRef(function GameWebView2(props, ref) {
+  const { openConfirm } = useDialog();
+  const { brandDisplayName } = getAppsInTossGlobals();
+  useEffect2(() => {
+    if (Platform4.OS === "ios") {
+      setIosSwipeGestureEnabled({ isEnabled: false });
+      return () => {
+        setIosSwipeGestureEnabled({ isEnabled: true });
+      };
+    }
+    return;
+  }, []);
   return /* @__PURE__ */ jsxs2(Fragment3, { children: [
     /* @__PURE__ */ jsx4(
       GameNavigationBar,
       {
-        onClose: () => {
-          closeView();
+        onClose: async () => {
+          const isConfirmed = await openConfirm({
+            title: `${brandDisplayName}\uC744 \uC885\uB8CC\uD560\uAE4C\uC694?`,
+            leftButton: "\uCDE8\uC18C",
+            rightButton: "\uC885\uB8CC\uD558\uAE30",
+            closeOnDimmerClick: true
+          });
+          if (isConfirmed) {
+            closeView();
+          }
         }
       }
     ),
@@ -554,12 +577,12 @@ function ensureValue(value, name) {
 }
 
 // src/hooks/useGeolocation.ts
-import { useState, useEffect as useEffect2 } from "react";
+import { useState, useEffect as useEffect3 } from "react";
 import { useVisibility } from "react-native-bedrock";
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
   const isVisible = useVisibility();
   const [location, setLocation] = useState(null);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isVisible) {
       return;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "The framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -56,12 +56,12 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/cli": "0.0.18",
-    "@apps-in-toss/plugins": "0.0.18"
+    "@apps-in-toss/cli": "0.0.19",
+    "@apps-in-toss/plugins": "0.0.19"
   },
   "devDependencies": {
-    "@react-native-bedrock/mpack-next": "^0.0.18",
-    "@react-native-bedrock/native": "0.0.16",
+    "@react-native-bedrock/mpack-next": "0.0.17",
+    "@react-native-bedrock/native": "0.0.17",
     "@toss-design-system/react-native": "^0.4.1",
     "@types/kill-port": "^2.0.1",
     "@types/react": "18.3.3",
@@ -72,7 +72,7 @@
     "kill-port": "^2.0.1",
     "react": "18.2.0",
     "react-native": "0.72.6",
-    "react-native-bedrock": "^0.0.18",
+    "react-native-bedrock": "0.0.17",
     "tsup": "^8.3.5",
     "typescript": "4.9.5",
     "vitest": "^3.0.3",
@@ -90,5 +90,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2563312f28a4702050104bebd4c1289183c705d2"
+  "gitHead": "205a7b9571d501f2b64c9b6ad80cae377baec49d"
 }