rasp-feedback 1.0.2 → 1.0.4

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,2CAoEA;AAED,eAAe,QAAQ,CAAA"}

package/dist/nextjs/components/PostItem.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { fontMap } from '../constants/fontexp';
+import { CircleArrowDown, CircleArrowUp } from 'lucide-react';
+function PostItem({ post, setShowVoteUI, setCurrentPost }) {
+    const [isMobile, setIsMobile] = useState(false);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const checkMobile = () => {
+            setIsMobile(window.innerWidth <= 768);
+        };
+        checkMobile();
+        window.addEventListener('resize', checkMobile);
+        return () => window.removeEventListener('resize', checkMobile);
+    }, []);
+    return (_jsxs("div", { onClick: () => {
+            setCurrentPost(post);
+            setShowVoteUI(true);
+        }, style: {
+            padding: isMobile ? "8px" : "5px",
+            width: "100%",
+            display: "flex",
+            flexDirection: "row",
+            gap: isMobile ? "10px" : "20px",
+            justifyContent: "start",
+            alignItems: "center",
+            borderBottom: "2px solid black",
+            cursor: "pointer"
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: "5px",
+                    alignItems: "center",
+                    minWidth: isMobile ? "60px" : "auto"
+                }, children: [_jsx(CircleArrowUp, { size: isMobile ? 16 : 20 }), _jsx("p", { className: fontMap.wixmadefor.className, style: {
+                            fontSize: isMobile ? "12px" : "14px"
+                        }, children: post.upvote_count }), _jsx(CircleArrowDown, { size: isMobile ? 16 : 20 }), _jsx("p", { className: fontMap.wixmadefor.className, style: {
+                            fontSize: isMobile ? "12px" : "14px"
+                        }, children: post.downvote_count })] }), _jsxs("div", { style: {
+                    flex: 1,
+                    overflow: "hidden"
+                }, children: [_jsx("h1", { className: fontMap.poppins.className, style: {
+                            fontSize: isMobile ? "11px" : "12px",
+                            whiteSpace: isMobile ? "nowrap" : "normal",
+                            overflow: isMobile ? "hidden" : "visible",
+                            textOverflow: isMobile ? "ellipsis" : "clip"
+                        }, children: post.title }), _jsx("h2", { className: fontMap.wixmadefor.className, style: {
+                            fontSize: isMobile ? "9px" : "10px",
+                            color: "gray",
+                            whiteSpace: isMobile ? "nowrap" : "normal",
+                            overflow: isMobile ? "hidden" : "visible",
+                            textOverflow: isMobile ? "ellipsis" : "clip"
+                        }, children: isMobile ? post.subtitle.slice(0, 45) + "..." : 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,2CAmK9C"}
+{"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,2CA6L9C"}

package/dist/nextjs/components/RaspForm.js

@@ -14,6 +14,7 @@ export function RaspForm({ otherStyles }) {
     const [fields, setFields] = useState(null);
     const [mainTheme, setMainTheme] = useState(null);
     const [isLoading, setIsLoading] = useState(true);
+    const [isMobile, setIsMobile] = useState(false);
     const getForm = async () => {
         const f = await getFormByDomainOrCompany(companyId, currentUrl);
         if (!f) {
@@ -27,6 +28,13 @@ export function RaspForm({ otherStyles }) {
         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(() => {
@@ -74,7 +82,7 @@ export function RaspForm({ otherStyles }) {
                         width: "auto",
                         height: "auto",
                         display: "inline-block",
-                        transform: "translate(-50%, -25%)",
+                        transform: isMobile ? "none" : "translate(-50%, -25%)",
                         overflow: "visible",
                         ...otherStyles
                     }, children: _jsx(StaticFormComponent, { form: form, mainTheme: mainTheme, fields: fields }) }) }), !isLoading && !form && _jsxs("div", { style: {
@@ -83,13 +91,27 @@ export function RaspForm({ otherStyles }) {
                     alignItems: 'center',
                     borderRadius: '0.75rem',
                     backgroundColor: 'white',
-                    margin: '1.25rem',
-                    width: '470px',
-                    minHeight: '400px',
+                    margin: isMobile ? '0.75rem' : '1.25rem',
+                    width: isMobile ? '90vw' : '470px',
+                    maxWidth: '470px',
+                    minHeight: isMobile ? '350px' : '400px',
                     border: '1px solid black',
-                    padding: '1rem',
+                    padding: isMobile ? '0.75rem' : '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 &&
+                }, children: [_jsx("br", {}), _jsx("br", {}), _jsx("img", { src: RASP_LOGO_BASE64, width: isMobile ? "120px" : "150px", height: isMobile ? "120px" : "150px", alt: "rasp logo" }), _jsx("h1", { className: `${fontMap.poppins.className}`, style: { fontSize: isMobile ? '2rem' : '2.5rem' }, children: "404" }), _jsx("h2", { className: `${fontMap.wixmadefor.className}`, style: {
+                            textAlign: 'center',
+                            fontSize: isMobile ? '0.9rem' : '1rem',
+                            padding: isMobile ? '0 0.5rem' : '0'
+                        }, 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',
+                            fontSize: isMobile ? '0.85rem' : '1rem',
+                            padding: isMobile ? '0 0.5rem' : '0'
+                        }, 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',
+                            fontSize: isMobile ? '0.85rem' : '1rem',
+                            padding: isMobile ? '0 0.5rem' : '0',
+                            wordBreak: 'break-all'
+                        }, children: [" Set this as your form domain url: ", currentUrl] })] }), isLoading &&
                 _jsx("div", { id: "rasp-form-div", style: {
                         padding: 0,
                         margin: 0,
@@ -98,7 +120,7 @@ export function RaspForm({ otherStyles }) {
                         width: "auto",
                         height: "auto",
                         display: "inline-block",
-                        transform: "translate(-50%, -25%)",
+                        transform: isMobile ? "none" : "translate(-50%, -25%)",
                         overflow: "visible",
                     }, children: _jsx("div", { style: {
                             display: 'flex',
@@ -106,11 +128,12 @@ export function RaspForm({ otherStyles }) {
                             justifyContent: 'center',
                             borderRadius: '0.75rem',
                             backgroundColor: "white",
-                            margin: '1.25rem',
-                            width: '470px',
-                            minHeight: '400px',
+                            margin: isMobile ? '0.75rem' : '1.25rem',
+                            width: isMobile ? '90vw' : '470px',
+                            maxWidth: '470px',
+                            minHeight: isMobile ? '350px' : '400px',
                             border: '1px solid whitesmoke',
-                            padding: '2rem',
+                            padding: isMobile ? '1.5rem' : '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 })] }) }) })] }));
+                        }, children: _jsxs("div", { style: { marginTop: "-30px" }, children: [_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 })] }) }) })] }));
 }

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,CAoNpD,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,CAqiBpD,CAAA"}