rasp-feedback 1.0.3 → 1.0.4

package/dist/nextjs/components/StaticFormComponent.js

@@ -5,9 +5,16 @@ import { fontMap } from '../constants/fontexp';
 import { addFeedback } from '../functions/functionsexp';
 function StaticFormComponent({ form, mainTheme, fields }) {
     const [disabled, setDisabled] = useState(false);
+    const [isMobile, setIsMobile] = useState(false);
     useEffect(() => {
         if (typeof window === 'undefined')
             return;
+        // Check if mobile
+        const checkMobile = () => {
+            setIsMobile(window.innerWidth <= 768);
+        };
+        checkMobile();
+        window.addEventListener('resize', checkMobile);
         if (!document.getElementById('rasp-google-fonts')) {
             const link = document.createElement('link');
             link.id = 'rasp-google-fonts';
@@ -15,6 +22,7 @@ function StaticFormComponent({ form, mainTheme, fields }) {
             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 () => window.removeEventListener('resize', checkMobile);
     }, []);
     const [responses, setResponses] = useState(() => form.fieldsResponseObj.map((field) => ({
         ...field,
@@ -59,50 +67,83 @@ function StaticFormComponent({ form, mainTheme, fields }) {
                 justifyContent: 'center',
                 borderRadius: '0.75rem',
                 backgroundColor: mainTheme.data.background,
-                margin: '1.25rem',
-                width: '470px',
+                margin: isMobile ? '0.5rem' : '1.25rem',
+                width: isMobile ? '90vw' : '470px',
+                maxWidth: '470px',
                 height: 'auto',
                 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: form && _jsxs(_Fragment, { children: [!submitted && _jsxs("form", { onSubmit: handleSubmit, id: formContainerId, style: { display: 'flex', flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [_jsx("h2", { className: fontMap[form.design.title.fontId].className, style: { marginTop: '1rem', fontSize: form.design.title.size + "px", textAlign: 'center', color: mainTheme.data.text.title }, children: form.title }), _jsx("p", { className: fontMap[form.design.subtitle.fontId].className, style: { marginTop: '1rem', fontSize: form.design.subtitle.size + "px", textAlign: 'center', color: mainTheme.data.text.subtitle }, children: form.subtitle }), _jsx("br", {}), fields.map((field, index) => {
+            }, children: form && _jsxs(_Fragment, { children: [!submitted && _jsxs("form", { onSubmit: handleSubmit, id: formContainerId, style: { display: 'flex', flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [_jsx("h2", { className: fontMap[form.design.title.fontId].className, style: {
+                                    marginTop: '1rem',
+                                    fontSize: isMobile ? Math.max(form.design.title.size * 0.8, 16) + "px" : form.design.title.size + "px",
+                                    textAlign: 'center',
+                                    color: mainTheme.data.text.title
+                                }, children: form.title }), _jsx("p", { className: fontMap[form.design.subtitle.fontId].className, style: {
+                                    marginTop: '1rem',
+                                    fontSize: isMobile ? Math.max(form.design.subtitle.size * 0.85, 12) + "px" : form.design.subtitle.size + "px",
+                                    textAlign: 'center',
+                                    color: mainTheme.data.text.subtitle
+                                }, children: form.subtitle }), _jsx("br", {}), fields.map((field, index) => {
                                 if (field._type === 'input') {
                                     return (_jsx("input", { required: true, value: responses[index]?.response || "", placeholder: field.placeholder, className: fontMap.wixmadefor.className, onChange: (e) => updateResponse(index, e.target.value), style: {
                                             width: "100%",
-                                            padding: 10,
+                                            padding: isMobile ? 8 : 10,
                                             borderColor: mainTheme.data.text.title,
                                             borderWidth: 1,
                                             marginTop: '5px',
                                             borderRadius: 10,
-                                            color: mainTheme.data.text.title
+                                            color: mainTheme.data.text.title,
+                                            fontSize: isMobile ? '14px' : '16px'
                                         } }, index));
                                 }
                                 if (field._type === "rating") {
                                     const currentRating = parseInt(responses[index]?.response || 0);
-                                    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));
+                                    return (_jsx("div", { style: {
+                                            display: "flex",
+                                            gap: isMobile ? "8px" : "10px",
+                                            marginTop: "10px",
+                                            flexWrap: "wrap",
+                                            justifyContent: "center"
+                                        }, children: [1, 2, 3, 4, 5].map((num) => (_jsx("div", { style: {
+                                                cursor: "pointer",
+                                                transform: isMobile ? "scale(0.9)" : "scale(1)"
+                                            }, 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} rasp-input`, value: responses[index]?.response || "", placeholder: field.placeholder, onChange: (e) => updateResponse(index, e.target.value), style: {
-                                            height: '7.5rem',
+                                            height: isMobile ? '6rem' : '7.5rem',
                                             marginTop: '5px',
                                             borderWidth: 1,
                                             borderColor: mainTheme.data.text.title,
-                                            padding: 10,
+                                            padding: isMobile ? 8 : 10,
                                             borderRadius: 10,
                                             width: "100%",
-                                            color: mainTheme.data.text.title
+                                            color: mainTheme.data.text.title,
+                                            fontSize: isMobile ? '14px' : '16px'
                                         } }, index));
                                 }
                                 return null;
                             }), _jsx("br", {}), _jsx("button", { type: "submit", className: fontMap.poppins.className, style: {
-                                    padding: "15px",
+                                    padding: isMobile ? "12px" : "15px",
                                     borderRadius: "15px",
                                     backgroundColor: mainTheme.data.highlight,
                                     color: "white",
-                                    width: "40%",
-                                    fontSize: "13px",
+                                    width: isMobile ? "60%" : "40%",
+                                    fontSize: isMobile ? "12px" : "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", {}), 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%', padding: isMobile ? '1rem 0' : '0' }, 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: isMobile ? Math.max(form.design.title.size * 0.8, 16) + "px" : form.design.title.size + "px",
+                                    color: mainTheme.data.text.title,
+                                    textAlign: 'center'
+                                }, children: form.success_heading }), _jsx("p", { className: fontMap[form.success_message_font].className, style: {
+                                    marginTop: '1rem',
+                                    fontSize: isMobile ? '0.75rem' : '0.875rem',
+                                    textAlign: 'center',
+                                    color: mainTheme.data.text.subtitle,
+                                    padding: isMobile ? '0 0.5rem' : '0'
+                                }, children: form.success_message })] })] }) }) }));
 }
 export default StaticFormComponent;

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

@@ -1,20 +1,13 @@
+type __VLS_Props = {
+    post: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:showVoteUI": (value: boolean) => any;
+    "update:currentPost": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:showVoteUI"?: ((value: boolean) => any) | undefined;
+    "onUpdate:currentPost"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    post: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:currentPost": (...args: any[]) => void;
-    "update:showVoteUI": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    post: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>> & Readonly<{
-    "onUpdate:currentPost"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:showVoteUI"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=PostItem.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PostItem.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/PostItem.vue"],"names":[],"mappings":"wBA8LqB,OAAO,YAAY;;AATxC;;;;;;;;;;;;;;;;kFAQG"}
+{"version":3,"file":"PostItem.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/PostItem.vue"],"names":[],"mappings":"AAuHA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AA+IF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"RaspForm.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/RaspForm.vue"],"names":[],"mappings":"AAyMA,OAAO,EAAmC,KAAK,aAAa,EAAE,MAAM,KAAK,CAAC;AAU1E,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyRD,QAAA,MAAM,YAAY;iBA3RF,aAAa;6EA8R3B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RaspForm.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/RaspForm.vue"],"names":[],"mappings":"AA4OA,OAAO,EAAmC,KAAK,aAAa,EAAE,MAAM,KAAK,CAAC;AAU1E,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0TD,QAAA,MAAM,YAAY;iBA5TF,aAAa;6EA+T3B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"RaspProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/RaspProvider.vue"],"names":[],"mappings":"AAijBA,OAAO,cAAc,CAAC;AAKtB,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,CAAC,EAAE;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0yBD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;sBAtzBK;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;6EAszBD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RaspProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/RaspProvider.vue"],"names":[],"mappings":"AAgqBA,OAAO,cAAc,CAAC;AAKtB,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,CAAC,EAAE;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA44BD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;sBAx5BK;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;6EAw5BD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/vue/components/Skeleton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/Skeleton.vue"],"names":[],"mappings":"wBAkEqB,OAAO,YAAY;;AANxC;;;;;;kGAKG"}
+{"version":3,"file":"Skeleton.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/Skeleton.vue"],"names":[],"mappings":"wBAmEqB,OAAO,YAAY;;AANxC;;;;;;kGAKG"}

package/dist/vue/components/StaticFormComponent.vue.d.ts

@@ -1,9 +1,9 @@
-interface Props {
+type __VLS_Props = {
     form: any;
     mainTheme: any;
     fields: any[];
-}
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
 //# sourceMappingURL=StaticFormComponent.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StaticFormComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/StaticFormComponent.vue"],"names":[],"mappings":"AAsQA,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;CACf;AAmPD,QAAA,MAAM,YAAY,sRAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"StaticFormComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/StaticFormComponent.vue"],"names":[],"mappings":"AA4QA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;CACf,CAAC;AAyTF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/vue/index.css

@@ -1 +1 @@
-#rasp-launcher:hover{transform:scale(1.1)}#rasp-form-div{transform:translateY(20px);opacity:0;animation:rasp-slide-up .3s ease-in both;will-change:transform,opacity;transform-origin:bottom center}.rasp-exit{animation:rasp-slide-down .25s ease-out both;will-change:transform,opacity;transform-origin:bottom center}@keyframes rasp-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rasp-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}
+#rasp-launcher:hover{transform:scale(1.1)}#rasp-form-div{transform:translateY(20px);opacity:0;animation:rasp-slide-up .3s ease-in both;will-change:transform,opacity;transform-origin:bottom center}.rasp-exit{animation:rasp-slide-down .25s ease-out both;will-change:transform,opacity;transform-origin:bottom center}@keyframes rasp-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rasp-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}