rasp-feedback 1.0.8 → 1.1.0

package/dist/nextjs/components/RaspProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RaspProvider.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/RaspProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,OAAO,cAAc,CAAA;AAUrB,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,CAAC,EAAC;QAChB,GAAG,CAAC,EAAC,MAAM,CAAC;QACZ,IAAI,CAAC,EAAC,MAAM,CAAA;KACb,CAAA;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAKD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+epD,CAAA"}
+{"version":3,"file":"RaspProvider.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/RaspProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAO,cAAc,CAAA;AAUrB,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,CAAC,EAAC;QAChB,GAAG,CAAC,EAAC,MAAM,CAAC;QACZ,IAAI,CAAC,EAAC,MAAM,CAAA;KACb,CAAA;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAKD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsfpD,CAAA"}

package/dist/nextjs/components/RaspProvider.js

@@ -2,6 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 { /*@ts-ignore*/ }
+import { usePathname } from 'next/navigation';
+{ /*@ts-ignore*/ }
 import { getFormByRoute, getBrandTheme, getFormTheme, getBoardPosts, upvoteBoardPost, downvoteBoardPost, getPreloadRoutes, matchRouteClientSide } from '../functions/functionsexp';
 import "../index.css";
 import StaticFormComponent from './StaticFormComponent';
@@ -30,6 +32,8 @@ export const RaspProvider = ({ children, launcherPosition }) => {
     const [showContent, setShowContent] = useState(false);
     const [launcherContent, setLauncherContent] = useState('hidden');
     const [parentColor, setParentColor] = useState("transparent");
+    // Track current pathname from Next.js router - updates on navigation
+    const pathname = usePathname();
     const getForm = async () => {
         setIsLoading(true);
         setLauncherContent('loading');
@@ -101,74 +105,77 @@ export const RaspProvider = ({ children, launcherPosition }) => {
             // If vote fails, localStorage won't be set, so user can retry
         }
     }
+    // Initialize companyId once on mount
     useEffect(() => {
         if (typeof window !== 'undefined') {
             const id = process.env.NEXT_PUBLIC_RASP_COMPANY_ID;
-            const path = window.location.pathname;
             setCompanyId(id);
-            setCurrentUrl(path);
-            if (!id) {
-                // No companyId — show launcher so user sees the config error when they click
+        }
+    }, []);
+    // Check preload routes whenever pathname changes
+    useEffect(() => {
+        if (!companyId || !pathname)
+            return;
+        //console.log('[RaspProvider] Route changed to:', pathname);
+        // Reset to hidden at start of check to prevent flash
+        setLauncherContent('hidden');
+        setCurrentUrl(pathname);
+        getPreloadRoutes(companyId).then((preloadRoutes) => {
+            // No preloadRoutes configured — always show launcher on all routes
+            if (!preloadRoutes || !preloadRoutes.routePatterns || preloadRoutes.routePatterns.length === 0) {
+                console.log('[RaspProvider] No preload routes configured - showing launcher everywhere');
                 setLauncherContent('launcher');
                 return;
             }
-            getPreloadRoutes(id).then((preloadRoutes) => {
-                // No preloadRoutes configured — always show launcher on all routes
-                if (!preloadRoutes || !preloadRoutes.routePatterns || preloadRoutes.routePatterns.length === 0) {
-                    //console.log('[RaspProvider] No preload routes configured - showing launcher everywhere');
-                    setLauncherContent('launcher');
-                    return;
-                }
-                //console.log('[RaspProvider] Current path:', path);
-                //console.log('[RaspProvider] Configured patterns (raw from DB):', preloadRoutes.routePatterns);
-                // Normalize path helper (ensure leading /, remove trailing / except root)
-                const normalizePath = (p) => {
-                    const withLeading = p.startsWith('/') ? p : '/' + p;
-                    return withLeading === '/' ? '/' : withLeading.replace(/\/$/, '');
-                };
-                const normalizedPath = normalizePath(path);
-                // Check each pattern to see if current path matches
-                const matchedPattern = preloadRoutes.routePatterns.find((pattern) => {
-                    console.log('[RaspProvider] Processing pattern:', pattern);
-                    let patternPath;
-                    try {
-                        // Extract pathname from full URL patterns (e.g., "http://localhost:3000/blog/:slug/:slug/")
-                        if (pattern.startsWith('http://') || pattern.startsWith('https://')) {
-                            const url = new URL(pattern);
-                            patternPath = url.pathname;
-                            console.log(`[RaspProvider]   → Extracted pathname: "${patternPath}"`);
-                        }
-                        else {
-                            // Pattern is already just a path
-                            patternPath = pattern;
-                            console.log(`[RaspProvider]   → Already a path: "${patternPath}"`);
-                        }
-                        const normalizedPattern = normalizePath(patternPath);
-                        console.log(`[RaspProvider]   → Normalized: "${normalizedPattern}"`);
-                        const result = matchRouteClientSide(normalizedPath, normalizedPattern);
-                        console.log(`[RaspProvider] Testing: "${normalizedPath}" vs "${normalizedPattern}" → ${result.matched ? '✓ MATCH' : '✗ no match'}`, result.params);
-                        return result.matched;
+            //console.log('[RaspProvider] Current path:', pathname);
+            //console.log('[RaspProvider] Configured patterns (raw from DB):', preloadRoutes.routePatterns);
+            // Normalize path helper (ensure leading /, remove trailing / except root)
+            const normalizePath = (p) => {
+                const withLeading = p.startsWith('/') ? p : '/' + p;
+                return withLeading === '/' ? '/' : withLeading.replace(/\/$/, '');
+            };
+            const normalizedPath = normalizePath(pathname);
+            // Check each pattern to see if current path matches
+            const matchedPattern = preloadRoutes.routePatterns.find((pattern) => {
+                //console.log('[RaspProvider] Processing pattern:', pattern);
+                let patternPath;
+                try {
+                    // Extract pathname from full URL patterns (e.g., "http://localhost:3000/blog/:slug/:slug/")
+                    if (pattern.startsWith('http://') || pattern.startsWith('https://')) {
+                        const url = new URL(pattern);
+                        patternPath = url.pathname;
+                        //console.log(`[RaspProvider]   → Extracted pathname: "${patternPath}"`);
                     }
-                    catch (error) {
-                        console.error('[RaspProvider] Error parsing pattern:', pattern, error);
-                        return false;
+                    else {
+                        // Pattern is already just a path
+                        patternPath = pattern;
+                        //console.log(`[RaspProvider]   → Already a path: "${patternPath}"`);
                     }
-                });
-                if (matchedPattern) {
-                    console.log('[RaspProvider] ✓ Matched pattern:', matchedPattern, '- showing launcher');
-                    setLauncherContent('launcher');
+                    const normalizedPattern = normalizePath(patternPath);
+                    //console.log(`[RaspProvider]   → Normalized: "${normalizedPattern}"`);
+                    const result = matchRouteClientSide(normalizedPath, normalizedPattern);
+                    //console.log(`[RaspProvider] Testing: "${normalizedPath}" vs "${normalizedPattern}" → ${result.matched ? '✓ MATCH' : '✗ no match'}`, result.params);
+                    return result.matched;
                 }
-                else {
-                    console.log('[RaspProvider] ✗ No pattern matched - hiding launcher');
-                    // stays 'hidden'
+                catch (error) {
+                    console.error('[RaspProvider] Error parsing pattern:', pattern, error);
+                    return false;
                 }
-            }).catch((error) => {
-                console.error('[RaspProvider] Error fetching preload routes:', error);
-                // If the preload fetch fails, default to showing the launcher
-                setLauncherContent('launcher');
             });
-        }
-    }, []);
+            if (matchedPattern) {
+                //console.log('[RaspProvider] ✓ Matched pattern:', matchedPattern, '- showing launcher');
+                setLauncherContent('launcher');
+            }
+            else {
+                //console.log('[RaspProvider] ✗ No pattern matched - hiding launcher');
+                // stays 'hidden'
+            }
+        }).catch((error) => {
+            console.error('[RaspProvider] Error fetching preload routes:', error);
+            // If the preload fetch fails, default to showing the launcher
+            setLauncherContent('launcher');
+        });
+    }, [pathname, companyId]); // Re-run whenever pathname or companyId changes
     useEffect(() => {
         if (companyId) {
             if (form) {
@@ -221,7 +228,7 @@ export const RaspProvider = ({ children, launcherPosition }) => {
                         display: 'flex',
                         flexDirection: "column",
                         justifyContent: 'center',
-                        backgroundColor: "transparent",
+                        backgroundColor: "white",
                         margin: '1.25rem',
                         width: '350px',
                         height: '200px',

package/dist/nextjs/components/StaticFormComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StaticFormComponent.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/StaticFormComponent.tsx"],"names":[],"mappings":"AAWA,iBAAS,mBAAmB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,eAAqB,EAAE,cAAc,EAAC,EAAC;IAAG,IAAI,EAAE,GAAG,CAAC;IACxH,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,aAAa,EAAC,GAAG,CAAC;IAClB,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,cAAc,CAAC,EAAC,GAAG,CAAC;CACrB,2CA+dA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"StaticFormComponent.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/StaticFormComponent.tsx"],"names":[],"mappings":"AAWA,iBAAS,mBAAmB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,eAAqB,EAAE,cAAc,EAAC,EAAC;IAAG,IAAI,EAAE,GAAG,CAAC;IACxH,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,aAAa,EAAC,GAAG,CAAC;IAClB,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,cAAc,CAAC,EAAC,GAAG,CAAC;CACrB,2CAgeA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/nextjs/components/StaticFormComponent.js

@@ -130,9 +130,10 @@ function StaticFormComponent({ form, mainTheme, fields, setIsExpanded, isFormCom
                 display: 'flex',
                 justifyContent: 'center',
                 borderRadius: '0.75rem',
-                backgroundColor: isFormComponent ? mainTheme.data.background : "transparent",
+                backgroundColor: isFormComponent ? mainTheme.data.background : "white",
                 margin: '1.25rem',
                 width: 'auto',
+                zIndex: 1000000000000000000000000000000,
                 padding: isFormComponent ? 20 : 0,
                 paddingRight: isFormComponent ? 5 : 0,
                 height: 'auto',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rasp-feedback",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "description": "Official Rasp SDK to implement your user feedback collection forms easily into your website.",
   "main": "./dist/nextjs/index.js",
   "types": "./dist/nextjs/index.d.ts",