notifly-sdk 2.2.5 → 2.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "notifly-sdk",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/constant.js

@@ -1,4 +1,4 @@
-export const SDK_VERSION = '2.2.5';
+export const SDK_VERSION = '2.2.6';
 
 export const NAMESPACE = {
     'EVENTID': '830b5f7b-e392-43db-a17b-d835f0bcab2b',

package/src/in_app_message.js

@@ -43,6 +43,7 @@ export async function showInAppMessage(data, openedInAppWebViewCount) {
             }));
         });
     `;
+    const backdropOpacity = _getBackgroundOpacity(modalProperties?.backgroundOpacity);
 
     const webviewMessageHandler = (e) => {
         const message = JSON.parse(e.nativeEvent.data);
@@ -138,7 +139,7 @@ export async function showInAppMessage(data, openedInAppWebViewCount) {
                     openedInAppWebViewCount.count = openedInAppWebViewCount.count - 1;
                     modal.destroy();
                 }}
-                backdropOpacity={0}
+                backdropOpacity={backdropOpacity}
                 style={webViewProps.modalStyle}
             >
                 <View>
@@ -243,3 +244,15 @@ function _getViewHeight(modalProps, screenWidth, screenHeight) {
 
     return viewHeight;
 }
+
+function _getBackgroundOpacity(backgroundOpacity) {
+    // if backgroundOpacity is not defined, default value is 0.2
+    if (backgroundOpacity === undefined) {
+        return 0.2;
+    }
+    // if backgroundOpacity is not between 0 and 1, default value is 0.2
+    if (backgroundOpacity < 0 || backgroundOpacity > 1) {
+        return 0.2;
+    }
+    return backgroundOpacity;
+}