rasp-feedback 1.0.2 → 1.0.4

package/dist/nextjs/components/RaspProvider.js

@@ -1,48 +1,63 @@
 'use client'; // Important for Next.js App Router
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 { /*@ts-ignore*/ }
-import { getFormByDomainOrCompany, getBrandTheme, getFormTheme } from '../functions/functionsexp';
+import { getFormByDomainOrCompany, getBrandTheme, getFormTheme, getBoardPosts, upvoteBoardPost, downvoteBoardPost } from '../functions/functionsexp';
 import { MessageSquare } from 'lucide-react';
 import "../index.css";
 import StaticFormComponent from './StaticFormComponent';
 import Skeleton from './Skeleton';
 import { fontMap } from '../constants/fontexp';
 import { RASP_LOGO_BASE64 } from '../constants/baserasplogo';
+import { CircleArrowUp, CircleArrowDown, MessageCircle } from 'lucide-react';
+import PostItem from './PostItem';
 export const RaspProvider = ({ children, launcherPosition }) => {
     const [companyId, setCompanyId] = useState(null);
     const [currentUrl, setCurrentUrl] = useState('');
     const [form, setForm] = useState(null);
     const [fields, setFields] = useState(null);
     const [mainTheme, setMainTheme] = useState(null);
-    const [showForm, setShowForm] = useState(false);
-    const [isLoading, setIsLoading] = useState(true);
-    const [showFormSkeleton, setShowFormSkeleton] = useState(false);
-    useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        if (!document.getElementById('rasp-google-fonts')) {
-            const link = document.createElement('link');
-            link.id = 'rasp-google-fonts';
-            link.rel = 'stylesheet';
-            link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@600&family=Roboto:wght@600&family=Poppins:wght@800&family=Wix+Madefor+Text:wght@400&family=Montserrat:wght@600&family=Nunito:wght@600&family=Open+Sans:wght@600&family=Lato:wght@700&family=Work+Sans:wght@600&family=Source+Sans+3:wght@600&family=Rubik:wght@600&family=Playfair+Display:wght@700&family=Raleway:wght@700&family=DM+Serif+Display&family=Oswald:wght@600&family=Bebas+Neue&family=Merriweather:wght@700&family=Libre+Baskerville:wght@700&family=Cormorant+Garamond:wght@600&family=JetBrains+Mono:wght@600&family=Fira+Code:wght@600&display=swap';
-            document.head.appendChild(link);
-        }
-    }, []);
+    const [showController, setShowController] = useState(false);
+    const [showFeedbackModal, setShowFeedbackModal] = useState(false);
+    const [showBoardModal, setShowBoardModal] = useState(false);
+    const [isLoadingFeedbackModal, setIsLoadingFeedbackModal] = useState(false);
+    const [isLoadingBoardModal, setIsLoadingBoardModal] = useState(false);
+    const [showFeedbackModalSkeleton, setShowFeedbackModalSkeleton] = useState(false);
+    const [showBoardModalSkeleton, setShowBoardModalSkeleton] = useState(false);
+    const [posts, setPosts] = useState(null);
+    const [showVoteUI, setShowVoteUI] = useState(false);
+    const [currentPost, setCurrentPost] = useState(null);
+    const [isMobile, setIsMobile] = useState(false);
     const getForm = async () => {
-        setIsLoading(true);
+        setIsLoadingFeedbackModal(true);
         const f = await getFormByDomainOrCompany(companyId, currentUrl);
         if (!f) {
             setForm(f);
-            setIsLoading(false);
+            setIsLoadingFeedbackModal(false);
             return;
         }
         setForm(f[0]);
     };
+    const getPosts = async () => {
+        setIsLoadingBoardModal(true);
+        const p = await getBoardPosts(companyId);
+        if (p) {
+            setPosts(p);
+            setIsLoadingBoardModal(false);
+            return;
+        }
+    };
     useEffect(() => {
         if (typeof window !== 'undefined') {
             setCompanyId(process.env.NEXT_PUBLIC_RASP_COMPANY_ID);
             setCurrentUrl(window.location.href);
+            // Check if mobile
+            const checkMobile = () => {
+                setIsMobile(window.innerWidth <= 768);
+            };
+            checkMobile();
+            window.addEventListener('resize', checkMobile);
+            return () => window.removeEventListener('resize', checkMobile);
         }
     }, []);
     useEffect(() => {
@@ -52,110 +67,341 @@ export const RaspProvider = ({ children, launcherPosition }) => {
                 if (form.usebrandtheme === true) {
                     getBrandTheme(companyId).then((brandTheme) => {
                         setMainTheme(brandTheme);
+                        setShowFeedbackModalSkeleton(false);
                     });
                 }
                 if (form.usebrandtheme === false) {
                     getFormTheme(form.formId).then((formTheme) => {
                         setMainTheme(formTheme);
+                        setShowFeedbackModalSkeleton(false);
                     });
                 }
             }
         }
     }, [form]);
-    return (_jsxs("div", { children: [children, form && _jsx(_Fragment, { children: showForm && form.active && mainTheme && fields && _jsx("div", { id: "rasp-form-div", style: {
-                        position: "fixed",
-                        top: "15%",
-                        left: "60%",
-                        zIndex: 1000000000000000,
-                        padding: 0,
-                        margin: 0,
-                        border: 0,
-                        background: "transparent",
-                        width: "auto",
-                        height: "auto",
-                        display: "inline-block",
-                        transform: "translate(-50%, -25%)",
-                        overflow: "visible"
-                    }, children: _jsx(StaticFormComponent, { form: form, mainTheme: mainTheme, fields: fields }) }) }), !isLoading && !form && _jsxs("div", { style: {
-                    position: "fixed",
-                    top: "19%",
-                    left: "60%",
-                    zIndex: 1000000000000000,
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        if (!document.getElementById('rasp-google-fonts')) {
+            const link = document.createElement('link');
+            link.id = 'rasp-google-fonts';
+            link.rel = 'stylesheet';
+            link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@600&family=Roboto:wght@600&family=Poppins:wght@800&family=Wix+Madefor+Text:wght@400&family=Montserrat:wght@600&family=Nunito:wght@600&family=Open+Sans:wght@600&family=Lato:wght@700&family=Work+Sans:wght@600&family=Source+Sans+3:wght@600&family=Rubik:wght@600&family=Playfair+Display:wght@700&family=Raleway:wght@700&family=DM+Serif+Display&family=Oswald:wght@600&family=Bebas+Neue&family=Merriweather:wght@700&family=Libre+Baskerville:wght@700&family=Cormorant+Garamond:wght@600&family=JetBrains+Mono:wght@600&family=Fira+Code:wght@600&display=swap';
+            document.head.appendChild(link);
+        }
+    }, []);
+    async function VoteFor(boardPostConvexId, vote) {
+        try {
+            const voteKey = `voted_${boardPostConvexId}`;
+            if (localStorage.getItem(voteKey)) {
+                alert("You already voted. Please view other features");
+                setShowVoteUI(false);
+                setCurrentPost(null);
+                return;
+            }
+            let result;
+            if (vote === true) {
+                result = await upvoteBoardPost(boardPostConvexId);
+            }
+            else if (vote === false) {
+                result = await downvoteBoardPost(boardPostConvexId);
+            }
+            // Only mark as voted if the API call succeeded
+            if (result) {
+                localStorage.setItem(voteKey, vote ? 'up' : 'down');
+            }
+            setShowVoteUI(false);
+            setCurrentPost(null);
+            await getPosts();
+        }
+        catch (error) {
+            console.error("Error in VoteFor:", error);
+            // If vote fails, localStorage won't be set, so user can retry
+        }
+    }
+    // Responsive positioning helpers
+    const getModalPosition = () => {
+        if (isMobile) {
+            return {
+                position: "fixed",
+                top: "50%",
+                left: "50%",
+                transform: "translate(-50%, -50%)",
+                zIndex: 1000000000000000,
+                padding: 0,
+                margin: 0,
+                border: 0,
+                background: "transparent",
+                width: "auto",
+                height: "auto",
+                display: "inline-block",
+                overflow: "visible"
+            };
+        }
+        return {
+            position: "fixed",
+            bottom: "8%",
+            right: "3%",
+            zIndex: 1000000000000000,
+            padding: 0,
+            margin: 0,
+            border: 0,
+            background: "transparent",
+            width: "auto",
+            height: "auto",
+            display: "inline-block",
+            transform: "translate(-50%, -25%)",
+            overflow: "visible"
+        };
+    };
+    const getBoardModalPosition = () => {
+        if (isMobile) {
+            return {
+                width: "90vw",
+                maxWidth: "470px",
+                height: "70vh",
+                maxHeight: "500px",
+                position: "fixed",
+                border: "2px solid black",
+                borderRadius: "20px",
+                alignItems: "center",
+                top: "50%",
+                left: "50%",
+                transform: "translate(-50%, -50%)",
+                zIndex: 1000000000000000,
+                backgroundColor: "white",
+                boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+                overflow: "hidden"
+            };
+        }
+        return {
+            width: "470px",
+            height: "400px",
+            position: "fixed",
+            border: "2px solid black",
+            borderRadius: "20px",
+            alignItems: "center",
+            top: "22%",
+            left: "61%",
+            zIndex: 1000000000000000,
+            backgroundColor: "white",
+            boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+            overflow: "hidden"
+        };
+    };
+    const getControllerPosition = () => {
+        if (isMobile) {
+            return {
+                border: "2px solid black",
+                borderWidth: "1px",
+                borderRadius: "30px",
+                width: "220px",
+                height: "40px",
+                zIndex: 100000000000000,
+                padding: "10px",
+                display: "flex",
+                flexDirection: "row",
+                backgroundColor: "white",
+                position: "fixed",
+                gap: "10px",
+                bottom: "80px",
+                left: "50%",
+                transform: "translateX(-50%)"
+            };
+        }
+        return {
+            border: "2px solid black",
+            borderWidth: "1px",
+            borderRadius: "30px",
+            width: "240px",
+            height: "40px",
+            zIndex: 100000000000000,
+            padding: "10px",
+            display: "flex",
+            flexDirection: "row",
+            backgroundColor: "white",
+            position: "fixed",
+            gap: "10px",
+            top: "84%",
+            left: "77%"
+        };
+    };
+    const getLauncherPosition = () => {
+        if (isMobile) {
+            return {
+                backgroundColor: "white",
+                padding: 15,
+                borderWidth: 1,
+                borderColor: "black",
+                borderRadius: "100%",
+                width: "50px",
+                height: "50px",
+                position: "fixed",
+                zIndex: 1000000000000000,
+                cursor: "pointer",
+                bottom: "20px",
+                right: "20px"
+            };
+        }
+        return {
+            backgroundColor: "white",
+            padding: 15,
+            borderWidth: 1,
+            borderColor: "black",
+            borderRadius: "100%",
+            width: "50px",
+            height: "50px",
+            position: "fixed",
+            zIndex: 1000000000000000,
+            cursor: "pointer",
+            top: launcherPosition ? launcherPosition.top : "89%",
+            left: launcherPosition ? launcherPosition.left : "95%"
+        };
+    };
+    return (_jsxs("div", { children: [children, showFeedbackModal && form && !isLoadingFeedbackModal && form.active && mainTheme && fields &&
+                _jsx("div", { id: "rasp-form-div", style: getModalPosition(), children: _jsx(StaticFormComponent, { form: form, mainTheme: mainTheme, fields: fields }) }), !isLoadingFeedbackModal && showFeedbackModal && !form && _jsxs("div", { style: {
+                    ...getModalPosition(),
                     display: 'flex',
                     flexDirection: 'column',
                     alignItems: 'center',
                     borderRadius: '0.75rem',
                     backgroundColor: 'white',
-                    margin: '1.25rem',
-                    width: '470px',
-                    minHeight: '400px',
+                    margin: isMobile ? '1rem' : '1.25rem',
+                    width: isMobile ? '90vw' : '470px',
+                    maxWidth: '470px',
+                    minHeight: isMobile ? '300px' : '300px',
                     border: '1px solid black',
                     padding: '1rem',
                     boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)'
-                }, children: [_jsx("br", {}), _jsx("br", {}), _jsx("img", { src: RASP_LOGO_BASE64, width: "150px", height: "150px", alt: "rasp logo" }), _jsx("h1", { className: `${fontMap.poppins.className}`, children: "404" }), _jsx("h2", { className: `${fontMap.wixmadefor.className}`, style: { textAlign: 'center' }, children: !companyId ? "CompanyId is not provided. Please provide companyId in your env file." : "No forms found for this URL." }), !companyId && _jsxs("p", { className: `${fontMap.wixmadefor.className}`, style: { textAlign: 'center' }, children: [" Refer to Rasp docs for help: ", _jsx("a", { href: 'https://tryrasp.online/docs', style: { textDecoration: "underline" }, children: "https://tryrasp.online/docs" })] }), companyId && _jsxs("p", { className: `${fontMap.wixmadefor.className}`, style: { textAlign: 'center' }, children: [" Set this as your form domain url: ", currentUrl] })] }), isLoading && showFormSkeleton && !form && !mainTheme &&
-                _jsx("div", { id: "rasp-form-div", style: {
-                        position: "fixed",
-                        top: "18%",
-                        left: "60%",
-                        zIndex: 1000000000000000,
-                        padding: 0,
-                        margin: 0,
-                        border: 0,
-                        background: "transparent",
-                        width: "auto",
-                        height: "auto",
-                        display: "inline-block",
-                        transform: "translate(-50%, -25%)",
-                        overflow: "visible"
-                    }, children: _jsx("div", { style: {
+                }, children: [_jsx("br", {}), _jsx("br", {}), _jsx("img", { src: RASP_LOGO_BASE64, width: "150px", height: "150px", alt: "rasp logo" }), _jsx("h1", { className: `${fontMap.poppins.className}`, children: "404" }), _jsx("h2", { className: `${fontMap.wixmadefor.className}`, style: { textAlign: 'center' }, children: !companyId ? "CompanyId is not provided. Please provide companyId in your env file." : "No forms found for this URL." }), !companyId && _jsxs("p", { className: `${fontMap.wixmadefor.className}`, style: { textAlign: 'center' }, children: [" Refer to Rasp docs for help: ", _jsx("a", { href: 'https://www.tryrasp.online/docs', style: { textDecoration: "underline" }, children: "https://www.tryrasp.online/docs" })] }), companyId && _jsxs("p", { className: `${fontMap.wixmadefor.className}`, style: { textAlign: 'center' }, children: [" Set this as your form domain url: ", currentUrl] })] }), isLoadingFeedbackModal && showFeedbackModalSkeleton && !form && !mainTheme &&
+                _jsx("div", { id: "rasp-form-div", style: getModalPosition(), children: _jsx("div", { style: {
                             display: 'flex',
                             flexDirection: "column",
                             justifyContent: 'center',
-                            borderRadius: '0.75rem',
                             backgroundColor: "white",
-                            margin: '1.25rem',
-                            width: '470px',
-                            minHeight: '400px',
-                            border: '1px solid whitesmoke',
+                            margin: isMobile ? '1rem' : '1.25rem',
+                            width: isMobile ? '90vw' : '470px',
+                            maxWidth: '470px',
+                            height: 'auto',
+                            border: "2px solid black",
+                            borderRadius: "20px",
                             padding: '2rem',
                             paddingTop: "0px"
-                        }, children: _jsxs("div", { style: { marginTop: "-30px" }, children: [_jsx(Skeleton, { width: 400, height: 40 }), _jsx(Skeleton, { width: 400, height: 30 }), _jsx("br", {}), _jsx(Skeleton, { width: 400, height: 70 }), _jsx(Skeleton, { width: 400, height: 100 })] }) }) }), _jsx("div", { id: "rasp-launcher", onClick: () => {
-                    if (!currentUrl.trim() || !companyId)
-                        return;
-                    // If the form is visible, play exit animation then hide
-                    if (showForm) {
-                        const el = document.getElementById('rasp-form-div');
-                        if (el) {
-                            el.classList.add('rasp-exit');
-                            // match animation duration (250ms) + small buffer
-                            setTimeout(() => {
-                                setShowForm(false);
-                                el.classList.remove('rasp-exit');
-                            }, 300);
-                            return;
-                        }
-                        // fallback: just hide
-                        setShowForm(false);
-                        return;
-                    }
-                    setIsLoading(true);
-                    setShowFormSkeleton(true);
-                    // If the form is not visible, fetch then show it
-                    getForm().then(() => {
-                        setShowForm(true);
-                        setIsLoading(false);
-                        setShowFormSkeleton(false);
-                    });
-                }, style: {
-                    backgroundColor: "white",
-                    padding: 15,
-                    borderWidth: 1,
-                    borderColor: "black",
-                    borderRadius: "100%",
-                    position: "fixed",
-                    zIndex: 1000000000000000,
-                    cursor: "pointer",
-                    top: launcherPosition ? launcherPosition.top : "90%",
-                    left: launcherPosition ? launcherPosition.left : "95%"
-                }, children: _jsx(MessageSquare, { color: 'black', size: 20 }) })] }));
+                        }, children: _jsxs("div", { children: [_jsx("br", {}), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 400) : 400, height: 40 }), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 400) : 400, height: 30 }), _jsx("br", {}), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 400) : 400, height: 70 }), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 400) : 400, height: 100 })] }) }) }), showBoardModalSkeleton && showBoardModal &&
+                _jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "5px",
+                        width: isMobile ? "90vw" : "470px",
+                        maxWidth: "470px",
+                        height: isMobile ? "70vh" : "400px",
+                        maxHeight: "500px",
+                        position: "fixed",
+                        border: "2px solid black",
+                        borderRadius: "20px",
+                        alignItems: 'center',
+                        top: isMobile ? "50%" : "22%",
+                        left: isMobile ? "50%" : "61%",
+                        transform: isMobile ? "translate(-50%, -50%)" : "none",
+                        zIndex: 1000000000000000,
+                        backgroundColor: "white"
+                    }, children: [_jsx("br", {}), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 440) : 440, height: 70 }), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 440) : 440, height: 70 }), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 440) : 440, height: 70 }), _jsx(Skeleton, { width: isMobile ? Math.min(window.innerWidth * 0.8, 440) : 440, height: 70 })] }), showBoardModal && !isLoadingBoardModal &&
+                _jsxs("div", { style: getBoardModalPosition(), children: [_jsx("div", { style: {
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                borderBottom: "2px solid black",
+                                height: "50px",
+                                backgroundColor: "#9e54df",
+                            }, children: _jsx("h1", { className: fontMap.poppins.className, style: {
+                                    color: "white",
+                                    fontSize: isMobile ? "13px" : "15px",
+                                    textAlign: "center",
+                                    padding: "0 10px"
+                                }, children: "Vote for New Potential Features" }) }), _jsxs("div", { style: {
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "5px",
+                                margin: "10px",
+                                height: isMobile ? "calc(70vh - 120px)" : "260px",
+                                overflowY: "auto"
+                            }, children: [posts && posts.length === 0 && _jsx(CircleArrowUp, { size: isMobile ? 80 : 100, color: "black", style: {
+                                        marginTop: '40px',
+                                        marginLeft: isMobile ? '30%' : '40%'
+                                    } }), posts && posts.length === 0 && _jsx("h1", { className: fontMap.poppins.className, style: {
+                                        color: 'black',
+                                        textAlign: 'center',
+                                        fontSize: isMobile ? '14px' : '16px',
+                                        marginTop: '40px',
+                                        padding: '0 10px'
+                                    }, children: "No New Features in the works at the moment. Please Check in later..." }), !showVoteUI && posts && posts.map((post, index) => (_jsx(PostItem, { post: post, setShowVoteUI: setShowVoteUI, setCurrentPost: setCurrentPost }, index))), showVoteUI && currentPost && _jsxs("div", { style: {
+                                        margin: "10px"
+                                    }, children: [_jsx("h1", { className: fontMap.poppins.className, style: {
+                                                fontSize: isMobile ? "18px" : "20px"
+                                            }, children: currentPost.title }), _jsx("h2", { className: fontMap.wixmadefor.className, style: {
+                                                fontSize: isMobile ? "13px" : "15px",
+                                                color: "gray"
+                                            }, children: currentPost.subtitle }), _jsx("p", { className: fontMap.wixmadefor.className, style: {
+                                                fontSize: isMobile ? "10px" : "11px",
+                                                marginTop: "10px"
+                                            }, children: currentPost.description })] })] }), showVoteUI && currentPost &&
+                            _jsx("div", { style: {
+                                    height: "70px",
+                                    borderTop: "2px solid black",
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    alignItems: "center",
+                                    justifyContent: "center"
+                                }, children: _jsxs("div", { style: {
+                                        display: "flex",
+                                        flexDirection: "row",
+                                        alignItems: "center",
+                                        gap: "20px"
+                                    }, children: [_jsx("div", { title: "Upvote this feature", style: {
+                                                cursor: "pointer"
+                                            }, onClick: () => VoteFor(currentPost._id, true), children: _jsx(CircleArrowUp, { color: "#52f052", size: 30 }) }), _jsx("div", { title: "Downvote this feature", style: {
+                                                cursor: "pointer"
+                                            }, onClick: () => VoteFor(currentPost._id, false), children: _jsx(CircleArrowDown, { color: "red", size: 30 }) })] }) })] }), showController && _jsxs("div", { style: getControllerPosition(), children: [_jsxs("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: isMobile ? "5px" : "10px",
+                            flex: 0.8,
+                            cursor: "pointer",
+                        }, onClick: () => {
+                            if (!currentUrl.trim() || !companyId)
+                                return;
+                            setShowController(false);
+                            setShowFeedbackModalSkeleton(true);
+                            // If the form is not visible, fetch then show it
+                            getForm().then(() => {
+                                setIsLoadingFeedbackModal(false);
+                                setShowFeedbackModal(true);
+                            });
+                        }, children: [_jsx(MessageCircle, { size: 15 }), _jsx("b", { className: fontMap.poppins.className, style: {
+                                    fontSize: isMobile ? "9px" : "10px"
+                                }, children: "Feedback" })] }), _jsx("div", { style: {
+                            width: "1px",
+                            height: "100%",
+                            backgroundColor: "black",
+                        } }), _jsxs("div", { onClick: () => {
+                            setShowController(false);
+                            setShowBoardModalSkeleton(true);
+                            getPosts().then(() => {
+                                setShowBoardModalSkeleton(false);
+                                setShowBoardModal(true);
+                            });
+                        }, style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: isMobile ? "5px" : "10px",
+                            flex: 1,
+                            cursor: "pointer",
+                        }, children: [_jsx(CircleArrowUp, { size: 15 }), _jsx("b", { className: fontMap.poppins.className, style: {
+                                    fontSize: isMobile ? "9px" : "10px"
+                                }, children: "Feature Vote" })] })] }), _jsx("div", { id: "rasp-launcher", onClick: () => {
+                    setShowController(!showController);
+                    setShowFeedbackModal(false);
+                    setShowBoardModal(false);
+                }, style: getLauncherPosition(), children: _jsx(MessageSquare, { color: 'black', size: 20 }) })] }));
 };

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":"AAMA,iBAAS,mBAAmB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,EAAC;IAAG,IAAI,EAAE,GAAG,CAAC;IAClE,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;CAAC,2CAoMhB;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"StaticFormComponent.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/StaticFormComponent.tsx"],"names":[],"mappings":"AAMA,iBAAS,mBAAmB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,EAAC;IAAG,IAAI,EAAE,GAAG,CAAC;IAClE,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;CAAC,2CAwPhB;AAED,eAAe,mBAAmB,CAAA"}