rasp-feedback 1.0.1 → 1.0.3

package/dist/nextjs/components/MainViewHandler.d.ts

@@ -0,0 +1,10 @@
+declare function MainViewHandler({ form, mainTheme, fields, post, companyId, isLoadingFeedbackModal }: {
+    form: any;
+    mainTheme: any;
+    fields: any[];
+    post?: any;
+    companyId: string;
+    isLoadingFeedbackModal: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default MainViewHandler;
+//# sourceMappingURL=MainViewHandler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainViewHandler.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/MainViewHandler.tsx"],"names":[],"mappings":"AAGA,iBAAS,eAAe,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAsB,EAAC,EAAC;IAAG,IAAI,EAAE,GAAG,CAAC;IACvG,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,CAAC,EAAC,GAAG,CAAC;IACV,SAAS,EAAC,MAAM,CAAC;IACjB,sBAAsB,EAAC,OAAO,CAAC;CAClC,2CAuBA;AAED,eAAe,eAAe,CAAA"}

package/dist/nextjs/components/MainViewHandler.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+function MainViewHandler({ form, mainTheme, fields, post, companyId, isLoadingFeedbackModal }) {
+    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);
+        }
+    }, []);
+    return (_jsx("div", {}));
+}
+export default MainViewHandler;

package/dist/nextjs/components/PostItem.d.ts

@@ -0,0 +1,7 @@
+declare function PostItem({ post, setShowVoteUI, setCurrentPost }: {
+    post: any;
+    setShowVoteUI: any;
+    setCurrentPost: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default PostItem;
+//# sourceMappingURL=PostItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostItem.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/PostItem.tsx"],"names":[],"mappings":"AAIA,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,aAAa,EAAE,cAAc,EAAC,EAAC;IACpD,IAAI,EAAC,GAAG,CAAC;IACT,aAAa,EAAC,GAAG,CAAC;IAClB,cAAc,EAAC,GAAG,CAAC;CAEtB,2CA2CA;AAED,eAAe,QAAQ,CAAA"}

package/dist/nextjs/components/PostItem.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fontMap } from '../constants/fontexp';
+import { CircleArrowDown, CircleArrowUp } from 'lucide-react';
+function PostItem({ post, setShowVoteUI, setCurrentPost }) {
+    return (_jsxs("div", { onClick: () => {
+            setCurrentPost(post);
+            setShowVoteUI(true);
+        }, style: {
+            padding: "5px",
+            width: "100%",
+            display: "flex",
+            flexDirection: "row",
+            gap: "20px",
+            justifyContent: "start",
+            alignItems: "center",
+            borderBottom: "2px solid black",
+            cursor: "pointer"
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: "5px",
+                    alignItems: "center"
+                }, children: [_jsx(CircleArrowUp, { size: 20 }), _jsx("p", { className: fontMap.wixmadefor.className, style: {
+                            fontSize: "14px"
+                        }, children: post.upvote_count }), _jsx(CircleArrowDown, { size: 20 }), _jsx("p", { className: fontMap.wixmadefor.className, style: {
+                            fontSize: "14px"
+                        }, children: post.downvote_count })] }), _jsxs("div", { children: [_jsx("h1", { className: fontMap.poppins.className, style: {
+                            fontSize: "12px"
+                        }, children: post.title }), _jsx("h2", { className: fontMap.wixmadefor.className, style: {
+                            fontSize: "10px",
+                            color: "gray"
+                        }, children: post.subtitle.slice(0, 65) + "..." })] })] }));
+}
+export default PostItem;

package/dist/nextjs/components/Posttem.d.ts

@@ -0,0 +1,7 @@
+declare function Posttem({ post, setShowVoteUI, setCurrentPost }: {
+    post: any;
+    setShowVoteUI: any;
+    setCurrentPost: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default Posttem;
+//# sourceMappingURL=Posttem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Posttem.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/Posttem.tsx"],"names":[],"mappings":"AAGA,iBAAS,OAAO,CAAC,EAAC,IAAI,EAAE,aAAa,EAAE,cAAc,EAAC,EAAC;IACnD,IAAI,EAAC,GAAG,CAAC;IACT,aAAa,EAAC,GAAG,CAAC;IAClB,cAAc,EAAC,GAAG,CAAC;CAEtB,2CAeA;AAED,eAAe,OAAO,CAAA"}

package/dist/nextjs/components/Posttem.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fontMap } from '../constants/fontexp';
+function Posttem({ post, setShowVoteUI, setCurrentPost }) {
+    return (_jsxs("div", { onClick: () => {
+            setCurrentPost(post);
+            setShowVoteUI(true);
+        }, style: { padding: "5px" }, children: [_jsx("h1", { className: fontMap.poppins.className, style: {
+                    fontSize: "12px"
+                }, children: post.title }), _jsx("h2", { className: fontMap.poppins.className, style: {
+                    fontSize: "12px",
+                    color: "gray"
+                }, children: post.subtitle.slice(0, 25) + "..." })] }));
+}
+export default Posttem;

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

@@ -1 +1 @@
-{"version":3,"file":"RaspForm.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/RaspForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,2CAwJ9C"}
+{"version":3,"file":"RaspForm.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/RaspForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,2CAmK9C"}

package/dist/nextjs/components/RaspForm.js

@@ -29,6 +29,17 @@ export function RaspForm({ otherStyles }) {
             setCurrentUrl(window.location.href);
         }
     }, []);
+    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);
+        }
+    }, []);
     useEffect(() => {
         if (companyId) {
             if (form) {

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;AAKlD,OAAO,cAAc,CAAA;AAMrB,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;AAGD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2MpD,CAAA"}
+{"version":3,"file":"RaspProvider.d.ts","sourceRoot":"","sources":["../../../src/nextjs/components/RaspProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAKlD,OAAO,cAAc,CAAA;AAQrB,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;AAGD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+cpD,CAAA"}

package/dist/nextjs/components/RaspProvider.js

@@ -1,33 +1,51 @@
 '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);
+    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 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);
@@ -41,20 +59,63 @@ 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: {
+    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
+        }
+    }
+    return (_jsxs("div", { children: [children, showFeedbackModal && form && !isLoadingFeedbackModal && form.active && mainTheme && fields &&
+                _jsx("div", { id: "rasp-form-div", style: {
                         position: "fixed",
-                        top: "15%",
-                        left: "60%",
+                        bottom: "8%",
+                        right: "3%",
                         zIndex: 1000000000000000,
                         padding: 0,
                         margin: 0,
@@ -65,10 +126,10 @@ export const RaspProvider = ({ children, launcherPosition }) => {
                         display: "inline-block",
                         transform: "translate(-50%, -25%)",
                         overflow: "visible"
-                    }, children: _jsx(StaticFormComponent, { form: form, mainTheme: mainTheme, fields: fields }) }) }), !isLoading && !form && _jsxs("div", { style: {
+                    }, children: _jsx(StaticFormComponent, { form: form, mainTheme: mainTheme, fields: fields }) }), !isLoadingFeedbackModal && showFeedbackModal && !form && _jsxs("div", { style: {
                     position: "fixed",
-                    top: "19%",
-                    left: "60%",
+                    bottom: "8%",
+                    right: "3%",
                     zIndex: 1000000000000000,
                     display: 'flex',
                     flexDirection: 'column',
@@ -77,19 +138,18 @@ export const RaspProvider = ({ children, launcherPosition }) => {
                     backgroundColor: 'white',
                     margin: '1.25rem',
                     width: '470px',
-                    minHeight: '400px',
+                    minHeight: '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 &&
+                }, 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: {
                         position: "fixed",
-                        top: "18%",
-                        left: "60%",
+                        bottom: "8%",
+                        right: "3%",
                         zIndex: 1000000000000000,
                         padding: 0,
                         margin: 0,
-                        border: 0,
                         background: "transparent",
                         width: "auto",
                         height: "auto",
@@ -100,51 +160,162 @@ export const RaspProvider = ({ children, launcherPosition }) => {
                             display: 'flex',
                             flexDirection: "column",
                             justifyContent: 'center',
-                            borderRadius: '0.75rem',
                             backgroundColor: "white",
                             margin: '1.25rem',
                             width: '470px',
-                            minHeight: '400px',
-                            border: '1px solid whitesmoke',
+                            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);
-                    });
+                        }, children: _jsxs("div", { children: [_jsx("br", {}), _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: 90 }), _jsx("br", {}), _jsx("br", {})] }) }) }), showBoardModalSkeleton &&
+                _jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "5px",
+                        width: "470px",
+                        height: "400px",
+                        position: "fixed",
+                        border: "2px solid black",
+                        borderRadius: "20px",
+                        alignItems: 'center',
+                        top: "22%",
+                        left: "61%",
+                        zIndex: 1000000000000000,
+                        backgroundColor: "white"
+                    }, children: [_jsx("br", {}), _jsx(Skeleton, { width: 440, height: 70 }), _jsx(Skeleton, { width: 440, height: 70 }), _jsx(Skeleton, { width: 440, height: 70 }), _jsx(Skeleton, { width: 440, height: 70 })] }), showBoardModal && !isLoadingBoardModal &&
+                _jsxs("div", { style: {
+                        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"
+                    }, 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"
+                                }, children: "Vote for New Potential Features" }) }), _jsxs("div", { style: {
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "5px",
+                                margin: "10px",
+                                height: "260px"
+                            }, children: [posts && posts.length === 0 && _jsx(CircleArrowUp, { size: 100, color: "black", style: {
+                                        marginTop: '40px',
+                                        marginLeft: '40%'
+                                    } }), posts && posts.length === 0 && _jsx("h1", { className: fontMap.poppins.className, style: {
+                                        color: 'black',
+                                        textAlign: 'center',
+                                        fontSize: '16px',
+                                        marginTop: '40px'
+                                    }, 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: "20px"
+                                            }, children: currentPost.title }), _jsx("h2", { className: fontMap.wixmadefor.className, style: {
+                                                fontSize: "15px",
+                                                color: "gray"
+                                            }, children: currentPost.subtitle }), _jsx("p", { className: fontMap.wixmadefor.className, style: {
+                                                fontSize: "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: {
+                    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%"
+                }, children: [_jsxs("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "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: "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: "10px",
+                            flex: 1,
+                            cursor: "pointer",
+                        }, children: [_jsx(CircleArrowUp, { size: 15 }), _jsx("b", { className: fontMap.poppins.className, style: {
+                                    fontSize: "10px"
+                                }, children: "Feature Vote" })] })] }), _jsx("div", { id: "rasp-launcher", onClick: () => {
+                    setShowController(!showController);
+                    setShowFeedbackModal(false);
+                    setShowBoardModal(false);
                 }, style: {
                     backgroundColor: "white",
                     padding: 15,
                     borderWidth: 1,
                     borderColor: "black",
                     borderRadius: "100%",
+                    width: "50px",
+                    height: "50px",
                     position: "fixed",
                     zIndex: 1000000000000000,
                     cursor: "pointer",
-                    top: launcherPosition ? launcherPosition.top : "90%",
+                    top: launcherPosition ? launcherPosition.top : "89%",
                     left: launcherPosition ? launcherPosition.left : "95%"
                 }, 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,2CA0LhB;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,2CA2MhB;AAED,eAAe,mBAAmB,CAAA"}

package/dist/nextjs/components/StaticFormComponent.js

@@ -1,9 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { iconMap } from '../constants/iconexp';
 import { fontMap } from '../constants/fontexp';
 import { addFeedback } from '../functions/functionsexp';
 function StaticFormComponent({ form, mainTheme, fields }) {
+    const [disabled, setDisabled] = 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 [responses, setResponses] = useState(() => form.fieldsResponseObj.map((field) => ({
         ...field,
         response: ""
@@ -21,18 +33,25 @@ function StaticFormComponent({ form, mainTheme, fields }) {
     const handleSubmit = async (e) => {
         e.preventDefault();
         try {
-            await addFeedback(form.companyId, form.formId, responses);
-            // Clear fields
-            setResponses(form.fieldsResponseObj.map((field) => ({
-                ...field,
-                response: ""
-            })));
-            // Show success UI
-            setSubmitted(true);
+            if (form.companyId && form.formId && responses) {
+                setDisabled(true);
+                // Debug: log the actual field structure
+                //console.log('Fields structure:', props.fields);
+                //console.log('Responses:', responses.value);
+                // Transform responses to match the expected schema
+                const formattedResponses = responses.map((field, index) => ({
+                    name: field.name || field.placeholder || `field_${index}`, // Fallback if name doesn't exist
+                    response: field.response || ""
+                }));
+                //console.log('Formatted responses:', formattedResponses);
+                await addFeedback(form.companyId, form.formId, formattedResponses);
+                setSubmitted(true);
+            }
         }
         catch (error) {
             console.error('Error submitting feedback:', error);
             alert('Failed to submit feedback. Please try again.');
+            setDisabled(false); // Re-enable button on error
         }
     };
     return (_jsx(_Fragment, { children: mainTheme && mainTheme.data && _jsx("div", { style: {
@@ -42,7 +61,7 @@ function StaticFormComponent({ form, mainTheme, fields }) {
                 backgroundColor: mainTheme.data.background,
                 margin: '1.25rem',
                 width: '470px',
-                minHeight: '400px',
+                height: 'auto',
                 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)'
@@ -63,7 +82,7 @@ function StaticFormComponent({ form, mainTheme, fields }) {
                                     return (_jsx("div", { style: { display: "flex", gap: "10px", marginTop: "10px" }, children: [1, 2, 3, 4, 5].map((num) => (_jsx("div", { style: { cursor: "pointer" }, onClick: () => updateResponse(index, String(num)), children: currentRating >= num ? iconMap.starActive : iconMap.starUnactive }, num))) }, index));
                                 }
                                 if (field._type === 'textarea') {
-                                    return (_jsx("textarea", { required: true, className: fontMap.wixmadefor.className, value: responses[index]?.response || "", placeholder: field.placeholder, onChange: (e) => updateResponse(index, e.target.value), style: {
+                                    return (_jsx("textarea", { required: true, className: `${fontMap.wixmadefor.className} rasp-input`, value: responses[index]?.response || "", placeholder: field.placeholder, onChange: (e) => updateResponse(index, e.target.value), style: {
                                             height: '7.5rem',
                                             marginTop: '5px',
                                             borderWidth: 1,
@@ -84,6 +103,6 @@ function StaticFormComponent({ form, mainTheme, fields }) {
                                     fontSize: "13px",
                                     cursor: "pointer",
                                     border: "none"
-                                }, children: "Send Feedback" })] }), submitted && _jsxs("div", { id: successContainerId, style: { display: "flex", flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [_jsx("br", {}), _jsx("br", {}), _jsx("br", {}), form.success_icon && iconMap[form.success_icon] ? iconMap[form.success_icon] : iconMap.circleCheckBig, _jsx("h2", { className: fontMap[form.success_heading_font].className, style: { marginTop: '1rem', fontSize: form.design.title.size + "px", color: mainTheme.data.text.title }, children: form.success_heading }), _jsx("p", { className: fontMap[form.success_message_font].className, style: { marginTop: '1rem', fontSize: '0.875rem', textAlign: 'center', color: mainTheme.data.text.subtitle }, children: form.success_message })] })] }) }) }));
+                                }, children: "Send Feedback" })] }), submitted && _jsxs("div", { id: successContainerId, style: { display: "flex", flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [_jsx("br", {}), form.success_icon && iconMap[form.success_icon] ? iconMap[form.success_icon] : iconMap.circleCheckBig, _jsx("h2", { className: fontMap[form.success_heading_font].className, style: { marginTop: '1rem', fontSize: form.design.title.size + "px", color: mainTheme.data.text.title }, children: form.success_heading }), _jsx("p", { className: fontMap[form.success_message_font].className, style: { marginTop: '1rem', fontSize: '0.875rem', textAlign: 'center', color: mainTheme.data.text.subtitle }, children: form.success_message })] })] }) }) }));
 }
 export default StaticFormComponent;

package/dist/nextjs/functions/functionsexp.d.ts

@@ -2,4 +2,7 @@ export declare function addFeedback(companyId: string, formId: string, fieldsRes
 export declare function getFormByDomainOrCompany(companyId: string, domainUrl: string): Promise<any>;
 export declare function getBrandTheme(companyId: string): Promise<any>;
 export declare function getFormTheme(formId: string): Promise<any>;
+export declare function getBoardPosts(companyId: string): Promise<any>;
+export declare function upvoteBoardPost(postId: string): Promise<any>;
+export declare function downvoteBoardPost(postId: string): Promise<any>;
 //# sourceMappingURL=functionsexp.d.ts.map

package/dist/nextjs/functions/functionsexp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functionsexp.d.ts","sourceRoot":"","sources":["../../../src/nextjs/functions/functionsexp.ts"],"names":[],"mappings":"AAAA,wBAAsB,WAAW,CAC/B,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,MAAM,EACb,iBAAiB,EAAC,GAAG,gBAqCtB;AAED,wBAAsB,wBAAwB,CAC5C,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,MAAM,gBAqCjB;AAED,wBAAsB,aAAa,CAAC,SAAS,EAAC,MAAM,gBAqBnD;AAED,wBAAsB,YAAY,CAAC,MAAM,EAAC,MAAM,gBAuB/C"}
+{"version":3,"file":"functionsexp.d.ts","sourceRoot":"","sources":["../../../src/nextjs/functions/functionsexp.ts"],"names":[],"mappings":"AAAA,wBAAsB,WAAW,CAC/B,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,MAAM,EACb,iBAAiB,EAAC,GAAG,gBAqCtB;AAED,wBAAsB,wBAAwB,CAC5C,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,MAAM,gBAqCjB;AAED,wBAAsB,aAAa,CAAC,SAAS,EAAC,MAAM,gBAqBnD;AAED,wBAAsB,YAAY,CAAC,MAAM,EAAC,MAAM,gBAuB/C;AAGD,wBAAsB,aAAa,CAAC,SAAS,EAAE,MAAM,gBAwCpD;AAGD,wBAAsB,eAAe,CAAC,MAAM,EAAE,MAAM,gBAqBnD;AAGD,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,MAAM,gBAqBrD"}