@visns-studio/visns-components 5.15.3 → 5.15.4

package/README.md

@@ -3660,13 +3660,23 @@ All existing GenericQuote functionality remains unchanged:
 
 Proposal features are **opt-in** and activated only when `proposalConfig.enabled: true` is set.
 
-**Recent Improvements (v5.15.3):**
+**Recent Improvements (v5.15.3 & 2025 Updates):**
 - **StandardModal Integration**: Replaced reactjs-popup with StandardModal for consistent modal behavior and better maintainability
 - **HTML Content Rendering**: Terms and conditions now support rich HTML content from TinyMCE editors with proper parsing via `html-react-parser`
 - **Typography Optimization**: Refined font sizing (14px desktop, 12px mobile) for better visual hierarchy and page consistency
 - **Enhanced Styling**: Improved CSS for HTML elements including lists, paragraphs, and formatted text in terms sections
 - **Complete Modal Consistency**: All modals throughout the library now use the same StandardModal component
 
+**Latest 2025 Enhancements:**
+- **Enhanced Content Editor Modal**: Increased modal dimensions (98% width, 95% height) for better TinyMCE integration
+- **Streamlined Section Management**: Removed unnecessary section type selector from Edit Proposal Content modal
+- **Maximized Editor Space**: TinyMCE editor height increased from 400px to 500px with improved container sizing
+- **Dynamic Template Integration**: Template section titles now properly populate from backend configuration instead of hardcoded values
+- **Improved Content Flow**: Fixed proposal content insertion ensuring custom content appears correctly in generated PDFs
+- **Professional PDF Layout**: Enhanced margin handling with 40px/50px margins for all sections (except cover page preservation)
+- **Branding Color System**: Automatic application of branding profile colors (H1=primary, H2=secondary, H3=accent)
+- **Robust PDF Generation**: Improved error handling and blank page prevention during proposal PDF creation
+
 **Advanced Usage Example:**
 
 ```jsx

package/package.json

@@ -90,7 +90,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.15.3",
+    "version": "5.15.4",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/generic/GenericQuote.jsx

@@ -87,7 +87,6 @@ function GenericQuote({ logo, setting, urlParam, proposalConfig = null }) {
     // Content editor state
     const [showContentEditor, setShowContentEditor] = useState(false);
     const [proposalContent, setProposalContent] = useState('');
-    const [contentSectionType, setContentSectionType] = useState('content');
 
     // Modal state variables
     const [modalShow, setModalShow] = useState(false);
@@ -1030,8 +1029,7 @@ function GenericQuote({ logo, setting, urlParam, proposalConfig = null }) {
                 `/ajax/quotes/${data.id}/proposal-content`,
                 'POST',
                 {
-                    content: proposalContent,
-                    section_type: contentSectionType
+                    content: proposalContent
                 }
             );
 
@@ -1570,22 +1568,6 @@ function GenericQuote({ logo, setting, urlParam, proposalConfig = null }) {
                             </button>
                         </div>
                         <div className={styles.contentEditorBody}>
-                            <div className={styles.editorSection}>
-                                <label className={styles.editorLabel}>
-                                    <Settings size={16} />
-                                    Section Type:
-                                    <select 
-                                        value={contentSectionType} 
-                                        onChange={(e) => setContentSectionType(e.target.value)}
-                                        className={styles.sectionTypeSelect}
-                                    >
-                                        <option value="content">Content Section</option>
-                                        <option value="overview">Overview Section</option>
-                                        <option value="solution">Solution Section</option>
-                                        <option value="benefits">Benefits Section</option>
-                                    </select>
-                                </label>
-                            </div>
                             <div className={styles.editorContainer}>
                                 <Editor
                                     apiKey="qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc"
@@ -1593,7 +1575,7 @@ function GenericQuote({ logo, setting, urlParam, proposalConfig = null }) {
                                     onEditorChange={handleContentChange}
                                     init={{
                                         height: '100%',
-                                        min_height: 400,
+                                        min_height: 500,
                                         resize: false,
                                         menubar: true,
                                         plugins: [

package/src/components/styles/GenericQuote.module.scss

@@ -246,10 +246,10 @@
     background: white;
     border-radius: 12px;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
-    width: 95%;
-    max-width: 1400px;
-    height: 90vh;
-    max-height: 90vh;
+    width: 98%;
+    max-width: 1600px;
+    height: 95vh;
+    max-height: 95vh;
     display: flex;
     flex-direction: column;
     overflow: hidden;
@@ -313,7 +313,7 @@
 
 .contentEditorBody {
     flex: 1;
-    padding: 20px;
+    padding: 12px;
     overflow: hidden;
     background: var(--tertiary-color);
     display: flex;
@@ -374,7 +374,8 @@
     flex: 1; /* Take all remaining space */
     display: flex;
     flex-direction: column;
-    min-height: 0; /* Allow flex shrinking */
+    min-height: 500px; /* Ensure minimum height for editor */
+    height: 100%; /* Fill available height */
     
     /* TinyMCE overrides */
     :global(.tox-tinymce) {