@kontextso/sdk-react-native 2.5.0 → 3.0.0

package/dist/index.js

@@ -126,6 +126,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const modalInitTimeoutRef = (0, import_react2.useRef)(null);
   const isModalInitRef = (0, import_react2.useRef)(false);
   const { height: windowHeight, width: windowWidth } = (0, import_react_native.useWindowDimensions)();
+  const keyboardHeightRef = (0, import_react2.useRef)(0);
   const isAdViewVisible = showIframe && iframeLoaded;
   const reset = () => {
     setHeight(0);
@@ -322,7 +323,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         containerWidth,
         containerHeight,
         containerX,
-        containerY
+        containerY,
+        keyboardHeight: keyboardHeightRef.current
       });
     });
   };
@@ -333,6 +335,19 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     }, 250);
     return () => clearInterval(interval);
   }, [isAdViewVisible]);
+  (0, import_react2.useEffect)(() => {
+    const showSubscription = import_react_native.Keyboard.addListener("keyboardDidShow", (e) => {
+      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
+    });
+    const hideSubscription = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
+      keyboardHeightRef.current = 0;
+    });
+    return () => {
+      showSubscription.remove();
+      hideSubscription.remove();
+      keyboardHeightRef.current = 0;
+    };
+  }, []);
   if (!context || !bid || !iframeUrl) {
     return null;
   }
@@ -435,7 +450,7 @@ var import_react_native2 = require("react-native");
 var NativeRNKontext_default = import_react_native2.TurboModuleRegistry.getEnforcing("RNKontext");
 
 // package.json
-var version = "2.5.0";
+var version = "3.0.0";
 
 // src/context/AdsProvider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
   useBid,
   useIframeUrl
 } from "@kontextso/sdk-react";
-import { Linking, Modal, View, useWindowDimensions } from "react-native";
+import { Linking, Modal, View, useWindowDimensions, Keyboard } from "react-native";
 
 // ../sdk-common/dist/index.mjs
 function makeIframeMessage(type, opts) {
@@ -95,6 +95,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const modalInitTimeoutRef = useRef(null);
   const isModalInitRef = useRef(false);
   const { height: windowHeight, width: windowWidth } = useWindowDimensions();
+  const keyboardHeightRef = useRef(0);
   const isAdViewVisible = showIframe && iframeLoaded;
   const reset = () => {
     setHeight(0);
@@ -291,7 +292,8 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
         containerWidth,
         containerHeight,
         containerX,
-        containerY
+        containerY,
+        keyboardHeight: keyboardHeightRef.current
       });
     });
   };
@@ -302,6 +304,19 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     }, 250);
     return () => clearInterval(interval);
   }, [isAdViewVisible]);
+  useEffect(() => {
+    const showSubscription = Keyboard.addListener("keyboardDidShow", (e) => {
+      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
+    });
+    const hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
+      keyboardHeightRef.current = 0;
+    });
+    return () => {
+      showSubscription.remove();
+      hideSubscription.remove();
+      keyboardHeightRef.current = 0;
+    };
+  }, []);
   if (!context || !bid || !iframeUrl) {
     return null;
   }
@@ -404,7 +419,7 @@ import { TurboModuleRegistry } from "react-native";
 var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
 
 // package.json
-var version = "2.5.0";
+var version = "3.0.0";
 
 // src/context/AdsProvider.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "description": "Kontext SDK for React Native",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -16,25 +16,21 @@
     "build": "npm run build:js && cross-env NODE_ENV=development npm run test:run",
     "test": "",
     "test:run": "",
-    "pretty": "prettier --write \"./src/**/*.{js,jsx,mjs,cjs,ts,tsx,json}\"",
     "format": "biome format --write ."
   },
   "devDependencies": {
-    "@kontextso/eslint-config": "*",
     "@kontextso/sdk-common": "^0.2.0",
     "@kontextso/typescript-config": "*",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-native": "^12.9.0",
-    "@types/eslint": "^9.6.1",
     "@types/node": "^22.7.5",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/ui": "^2.1.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
     "expo": "^53.0.18",
     "expo-av": "^15.1.7",
     "jsdom": "^25.0.1",
@@ -55,7 +51,7 @@
     "react-native-webview": "^13.10.0"
   },
   "dependencies": {
-    "@kontextso/sdk-react": "^2.2.1"
+    "@kontextso/sdk-react": "^3.0.0"
   },
   "files": [
     "dist/*",

package/src/formats/Format.tsx

@@ -8,7 +8,7 @@ import {
   type FormatProps,
 } from '@kontextso/sdk-react'
 import type { WebView, WebViewMessageEvent } from 'react-native-webview'
-import { Linking, Modal, View, useWindowDimensions } from 'react-native'
+import { Linking, Modal, View, useWindowDimensions, Keyboard } from 'react-native'
 import {
   handleIframeMessage,
   type IframeMessageEvent,
@@ -63,6 +63,8 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
 
   const { height: windowHeight, width: windowWidth } = useWindowDimensions()
 
+  const keyboardHeightRef = useRef(0);
+
   const isAdViewVisible = showIframe && iframeLoaded
 
   const reset = () => {
@@ -294,6 +296,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
         containerHeight,
         containerX,
         containerY,
+        keyboardHeight: keyboardHeightRef.current,
       })
     })
   }
@@ -308,6 +311,21 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     return () => clearInterval(interval)
   }, [isAdViewVisible])
 
+  useEffect(() => {
+    const showSubscription = Keyboard.addListener('keyboardDidShow', (e) => {
+      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
+    });
+    const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      keyboardHeightRef.current = 0;
+    });
+
+    return () => {
+      showSubscription.remove();
+      hideSubscription.remove();
+      keyboardHeightRef.current = 0;
+    };
+  }, []);
+
   if (!context || !bid || !iframeUrl) {
     return null
   }