@parafin/react 7.2.0 → 7.2.2

package/out/index.js

@@ -32,6 +32,11 @@ const openParafinDashboard = (props) => {
             ...('inWebView' in props &&
                 props.inWebView !== undefined &&
                 props.inWebView !== null && { inWebView: props.inWebView.toString() }),
+            ...('hideCloseButton' in props &&
+                props.hideCloseButton !== undefined &&
+                props.hideCloseButton !== null && {
+                hideCloseButton: props.hideCloseButton.toString(),
+            }),
             ...(props.dashboardTargetElementId && {
                 isDashboardEmbedded: 'true',
             }),
@@ -94,7 +99,9 @@ const openParafinDashboard = (props) => {
                 if (withOnExit)
                     onExit();
                 dashboardTargetElement.removeChild(frame);
-                document.body.style.removeProperty('overflow');
+                if (!props.dashboardTargetElementId) {
+                    document.body.style.removeProperty('overflow');
+                }
             }, 200);
         };
         const messageListener = async (event) => {
@@ -115,7 +122,9 @@ const openParafinDashboard = (props) => {
         dashboardTargetElement.appendChild(frame);
         setTimeout(() => {
             frame.style.opacity = '1';
-            document.body.style.overflow = 'hidden';
+            if (!props.dashboardTargetElementId) {
+                document.body.style.overflow = 'hidden';
+            }
         }, 0);
         return () => cleanup({ withOnExit: false });
     }
@@ -139,6 +148,7 @@ const emptyMetadata = {
 const initializeParafinWidget = (iframe, props) => {
     let initStartTime = Date.now();
     let hasLoadedOnce = false;
+    let wasEverHidden = document.hidden;
     // @ts-ignore
     const url = new URL(props.widgetUrlOverride ?? 'https://widget.parafin.com');
     const query = {
@@ -218,7 +228,7 @@ const initializeParafinWidget = (iframe, props) => {
                     }
                     break;
                 case 'widget-load-complete':
-                    if (props.onEvent && !hasLoadedOnce) {
+                    if (props.onEvent && !hasLoadedOnce && !wasEverHidden) {
                         const timeToLoadInMs = Date.now() - initStartTime;
                         props.onEvent('widget_loaded', { timeToLoadInMs });
                     }
@@ -227,8 +237,17 @@ const initializeParafinWidget = (iframe, props) => {
             }
         }
     };
+    const visibilityHandler = () => {
+        if (document.hidden) {
+            wasEverHidden = true;
+        }
+    };
     window.addEventListener('message', messageListener);
-    return () => window.removeEventListener('message', messageListener);
+    document.addEventListener('visibilitychange', visibilityHandler);
+    return () => {
+        window.removeEventListener('message', messageListener);
+        document.removeEventListener('visibilitychange', visibilityHandler);
+    };
 };
 
 const ParafinWidget = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parafin/react",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "description": "Parafin React widget",
   "author": "Parafin (https://www.parafin.com)",
   "main": "./out/index.js",
@@ -31,9 +31,9 @@
   },
   "devDependencies": {
     "@types/react": ">=16.8.0",
-    "typescript": "^4.9.5"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@parafin/core": "^3.2.0"
+    "@parafin/core": "^3.2.1"
   }
 }