@apps-in-toss/framework 1.5.0 → 1.5.2

package/dist/index.cjs

@@ -1281,6 +1281,7 @@ function DefaultNavigationBar() {
       onPressClose: navigationEvent.handleCloseButtonClick,
       withHome: withHomeButton,
       fixedRightButton: navigationRightButton,
+      leftVisible: withBackButton,
       children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_private5.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_private5.NavigationBackButton, { onPress: navigationEvent.handleBack, canGoBack: false }) })
     }
   ) });
@@ -1608,6 +1609,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
       onPressClose: handleClose,
       withHome: withHomeButton,
       fixedRightButton: navigationRightButton,
+      leftVisible: withBackButton,
       children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_private8.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_private8.NavigationBackButton, { onPress: onBackButtonClick, canGoBack: false }) })
     }
   ) });
@@ -1622,6 +1624,19 @@ var PartnerWebView = (0, import_react22.forwardRef)(function PartnerWebViewScree
   ] });
 });
 
+// src/components/utils/url.ts
+function convertIntentURL(url) {
+  if (url.protocol !== "intent:") {
+    return null;
+  }
+  const components = url.hash.replace("#Intent;", "").split(";").map((component) => component.split("="));
+  const scheme = components.find(([key]) => key === "scheme")?.[1];
+  if (!scheme) {
+    return null;
+  }
+  return `${scheme}://${url.hostname}${url.pathname}${url.search}`;
+}
+
 // src/bridge-handler/useBridgeHandler.tsx
 var import_react23 = require("react");
 function serializeError(error) {
@@ -2087,6 +2102,7 @@ function useCreateUserAgent({
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
   return [
+    "AppsInToss",
     `TossApp/${appVersion}`,
     batteryModePreference && `TossBatteryModePreference/${batteryModePreference}`,
     colorPreference && `TossColorPreference/${colorPreference}`,
@@ -2262,7 +2278,6 @@ function WebView({ type, local, onMessage, ...props }) {
   );
   const handler = useBridgeHandler({
     onMessage,
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native15.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
@@ -2404,7 +2419,22 @@ function WebView({ type, local, onMessage, ...props }) {
       injectedJavaScript: globalScripts.afterLoad,
       injectedJavaScriptBeforeContentLoaded: mergeScripts(handler.injectedJavaScript, globalScripts.beforeLoad),
       decelerationRate: import_react_native35.Platform.OS === "ios" ? 1 : void 0,
-      allowsBackForwardNavigationGestures
+      allowsBackForwardNavigationGestures,
+      onShouldStartLoadWithRequest: (event) => {
+        try {
+          const url = new URL(event.url);
+          if (["https:", "http:"].includes(url.protocol)) {
+            return true;
+          } else {
+            import_react_native35.Linking.openURL(convertIntentURL(url) ?? url.href);
+            return false;
+          }
+        } catch (error) {
+          console.error(error);
+          return false;
+        }
+      },
+      originWhitelist: ["https://*", "http://*", "intoss://*", "intoss-private://*", "servicetoss://*", "supertoss://*", "intent://*"]
     }
   );
 }

package/dist/index.js

@@ -1250,6 +1250,7 @@ function DefaultNavigationBar() {
       onPressClose: navigationEvent.handleCloseButtonClick,
       withHome: withHomeButton,
       fixedRightButton: navigationRightButton,
+      leftVisible: withBackButton,
       children: /* @__PURE__ */ jsx10(NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ jsx10(NavigationBackButton, { onPress: navigationEvent.handleBack, canGoBack: false }) })
     }
   ) });
@@ -1441,7 +1442,7 @@ 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 { BackHandler as BackHandler2, Platform as Platform6 } from "react-native";
+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";
@@ -1593,6 +1594,7 @@ function PartnerWebviewNavigationBar({ onBackButtonClick, onHomeButtonClick }) {
       onPressClose: handleClose,
       withHome: withHomeButton,
       fixedRightButton: navigationRightButton,
+      leftVisible: withBackButton,
       children: /* @__PURE__ */ jsx16(NavigationLeft2, { visible: withBackButton, children: /* @__PURE__ */ jsx16(NavigationBackButton2, { onPress: onBackButtonClick, canGoBack: false }) })
     }
   ) });
@@ -1607,6 +1609,19 @@ var PartnerWebView = forwardRef2(function PartnerWebViewScreen({ onBackButtonCli
   ] });
 });
 
+// src/components/utils/url.ts
+function convertIntentURL(url) {
+  if (url.protocol !== "intent:") {
+    return null;
+  }
+  const components = url.hash.replace("#Intent;", "").split(";").map((component) => component.split("="));
+  const scheme = components.find(([key]) => key === "scheme")?.[1];
+  if (!scheme) {
+    return null;
+  }
+  return `${scheme}://${url.hostname}${url.pathname}${url.search}`;
+}
+
 // src/bridge-handler/useBridgeHandler.tsx
 import { useCallback as useCallback10, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef4 } from "react";
 function serializeError(error) {
@@ -2072,6 +2087,7 @@ function useCreateUserAgent({
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
   return [
+    "AppsInToss",
     `TossApp/${appVersion}`,
     batteryModePreference && `TossBatteryModePreference/${batteryModePreference}`,
     colorPreference && `TossColorPreference/${colorPreference}`,
@@ -2247,7 +2263,6 @@ function WebView({ type, local, onMessage, ...props }) {
   );
   const handler = useBridgeHandler({
     onMessage,
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...appsInTossEventBridges,
       navigationAccessoryEvent: ({ onEvent, onError }) => tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
@@ -2389,7 +2404,22 @@ function WebView({ type, local, onMessage, ...props }) {
       injectedJavaScript: globalScripts.afterLoad,
       injectedJavaScriptBeforeContentLoaded: mergeScripts(handler.injectedJavaScript, globalScripts.beforeLoad),
       decelerationRate: Platform6.OS === "ios" ? 1 : void 0,
-      allowsBackForwardNavigationGestures
+      allowsBackForwardNavigationGestures,
+      onShouldStartLoadWithRequest: (event) => {
+        try {
+          const url = new URL(event.url);
+          if (["https:", "http:"].includes(url.protocol)) {
+            return true;
+          } else {
+            Linking.openURL(convertIntentURL(url) ?? url.href);
+            return false;
+          }
+        } catch (error) {
+          console.error(error);
+          return false;
+        }
+      },
+      originWhitelist: ["https://*", "http://*", "intoss://*", "intoss-private://*", "servicetoss://*", "supertoss://*", "intent://*"]
     }
   );
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "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.0",
-    "@apps-in-toss/cli": "1.5.0",
-    "@apps-in-toss/native-modules": "1.5.0",
-    "@apps-in-toss/plugins": "1.5.0",
-    "@apps-in-toss/types": "1.5.0",
+    "@apps-in-toss/analytics": "1.5.2",
+    "@apps-in-toss/cli": "1.5.2",
+    "@apps-in-toss/native-modules": "1.5.2",
+    "@apps-in-toss/plugins": "1.5.2",
+    "@apps-in-toss/types": "1.5.2",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {
@@ -70,8 +70,8 @@
     "@granite-js/plugin-core": "0.1.31",
     "@granite-js/react-native": "0.1.31",
     "@granite-js/utils": "0.1.31",
-    "@toss/tds-react-native": "^1.3.4",
-    "@types/kill-port": "^2.0.3",
+    "@toss/tds-react-native": "1.3.6",
+    "@types/kill-port": "2.0.1",
     "@types/react": "18.3.3",
     "es-toolkit": "^1.34.1",
     "eslint": "^9.7.0",
@@ -88,7 +88,7 @@
   "peerDependencies": {
     "@granite-js/native": "*",
     "@granite-js/react-native": "*",
-    "@toss/tds-react-native": ">=1.3.4",
+    "@toss/tds-react-native": ">=1.3.6",
     "@types/react": "*",
     "react": "*",
     "react-native": "*"
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "80e646a4924c5d91fce00b30ec1a43075853cadc"
+  "gitHead": "8224b90876f7d9e0feac0cd38ef80be42a5d784f"
 }