@erpsquad/common 1.8.40 → 1.8.41

package/dist/views/template-editor/components/SectionFormatPanel/index.esm.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo, useState, useEffect, useCallback } from "react";
-import { Paper, Box, Tooltip, IconButton, FormControl, MenuItem } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
 import TextControls from "../controllers/TextControls/index.esm.js";
 import ButtonControls from "../controllers/ButtonControls/index.esm.js";
@@ -13,6 +12,12 @@ import CodeControls from "../controllers/CodeControls/index.esm.js";
 import Select from "../../../../components/select/select/index.esm.js";
 import { initialStyles } from "../../utils/constant/index.esm.js";
 import { extractStyles, generateInlineStyles, getInitialSectionData } from "../../utils/common/index.esm.js";
+import Paper from "../../../../node_modules/@mui/material/Paper/Paper/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Tooltip from "../../../../node_modules/@mui/material/Tooltip/Tooltip/index.esm.js";
+import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import FormControl from "../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import { Save } from "../../../../components/icons/save/index.esm.js";
 const sectionTypes = ["text", "text-block", "heading", "heading-2", "heading-3", "heading-4", "buttons", "image", "divider", "table", "signature", "qr-code", "bar-code"];
 const SectionFormatPanel = ({
@@ -452,7 +457,7 @@ const SectionFormatPanel = ({
                   handleSave == null ? void 0 : handleSave();
                   onClose();
                 }, "aria-label": "Save", children: /* @__PURE__ */ jsx(Save, { fontSize: "small" }) }),
-                /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
+                /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
               ] }) })
             ]
           }

package/dist/views/template-editor/components/SectionFormatPanel/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/components/SectionFormatPanel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\r\nimport {\r\n  Box,\r\n  Paper,\r\n  IconButton,\r\n  FormControl,\r\n  MenuItem,\r\n  Tooltip,\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { Save } from '../../../components/icons';\r\nimport Typography from '../../../components/typography/typography';\r\n\r\n// Import sub-components\r\nimport TextControls from './controllers/TextControls';\r\nimport ButtonControls from './controllers/ButtonControls';\r\nimport ImageControls from './controllers/ImageControls';\r\nimport DividerControls from './controllers/DividerControls';\r\nimport TableControls from './controllers/TableControls';\r\nimport SignatureControls from './controllers/SignatureControls';\r\nimport CodeControls from './controllers/CodeControls';\r\nimport Select from '../../../components/select/select';\r\nimport { EnhancedSectionData, ElementType } from '../types/editor';\r\nimport { initialStyles } from '../utils/constant';\r\nimport { extractStyles, generateInlineStyles, getInitialSectionData } from '../utils/common';\r\n// import { useCKEditorStyleExtractor } from '../utils/style-extractor';\r\n\r\n// Shared types for SectionFormatPanel and sub-components\r\nexport interface TableColumn {\r\n  id: string;\r\n  header: string;\r\n  placeholder?: string;\r\n}\r\n\r\nexport interface TableRow {\r\n  [key: string]: string | number | boolean;\r\n}\r\n\r\nexport interface CellMerge {\r\n  section: 'thead' | 'tbody';\r\n  rowStart: number;\r\n  rowEnd: number;\r\n  colStart: number;\r\n  colEnd: number;\r\n  value: string;\r\n}\r\n\r\nexport interface TableData {\r\n  name?: string; // Added name property for #each iteration\r\n  columns: TableColumn[];\r\n  rows: TableRow[];\r\n  border: boolean;\r\n  mergedCells?: CellMerge[];\r\n}\r\n\r\ninterface SectionData {\r\n  type: 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';\r\n  content: string;\r\n  attributes?: {\r\n    styles?: any;\r\n    placeholders?: Record<string, string>;\r\n    tableData?: TableData;\r\n    [key: string]: any;\r\n  };\r\n}\r\n\r\ninterface SectionFormatPanelProps {\r\n  section: SectionData | undefined;\r\n  onClose: () => void;\r\n  onUpdate: (data: Partial<EnhancedSectionData>) => void;\r\n  placeholders: Record<string, any>[];\r\n  relation_table?:any;\r\n  handleSave?: () => void;\r\n}\r\n\r\nconst sectionTypes = ['text','text-block','heading','heading-2','heading-3','heading-4','buttons','image','divider','table','signature','qr-code','bar-code']\r\n\r\nconst SectionFormatPanel: React.FC<SectionFormatPanelProps> = ({ \r\n  section, \r\n  onClose, \r\n  onUpdate,\r\n   placeholders,\r\n  relation_table,\r\n  handleSave }) => {\r\n  // const { applyStylesToHtml } = useCKEditorStyleExtractor()\r\n  // const [plainContent, setPlainContent] = useState('');\r\n  const sectionType = useMemo(() => section?.type || 'text', [section?.type]);\r\n  const content = useMemo(() => section?.content || 'text', [section?.content]);\r\n  const [formatOptions, setFormatOptions] = useState<string[]>([]);\r\n  const[rowLevel, setRowLevel] = useState<boolean>((section?.attributes as any)?.rowLevel || false);\r\n  const [tableData, setTableData] = useState<TableData>({\r\n    name: '', // Initialize with empty name\r\n    columns: [\r\n      { id: 'col1', header: 'Column 1' },\r\n      { id: 'col2', header: 'Column 2' },\r\n      { id: 'col3', header: 'Column 3' }\r\n    ],\r\n    rows: [\r\n      { col1: '', col2: '', col3: '' }\r\n    ],\r\n    border: true,\r\n    mergedCells: []\r\n  });\r\n  const [isInitialLoad, setIsInitialLoad] = useState(true);\r\n  const [selectedContentAttrObj, setSelectedContentAttrObj] = useState(extractStyles(content, section?.type));\r\n\r\n  // Initialize table data from section attributes\r\n  useEffect(() => {\r\n    if (section && section.type === 'table') {\r\n      // If section has stored table data, use it\r\n      if (section.attributes?.tableData) {\r\n        setTableData(section.attributes.tableData);\r\n      } else {\r\n        // Try to extract table data from HTML content\r\n        const extractedTableData = extractTableDataFromHTML(section.content);\r\n        if (extractedTableData) {\r\n          setTableData(extractedTableData);\r\n          setRowLevel((section?.attributes as any)?.rowLevel || false);\r\n        }\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (section && !isInitialLoad) {\r\n      const tempDiv = document.createElement('div');\r\n      tempDiv.innerHTML = section.content;\r\n      const text = tempDiv.textContent || '';\r\n      // setPlainContent(text);\r\n      setSelectedContentAttrObj(extractStyles(section.content, section?.type)?.styles)\r\n      setIsInitialLoad(false);\r\n    }\r\n  }, [section]);\r\n\r\n  // Extract table data from HTML content\r\n  const extractTableDataFromHTML = (htmlContent: string): TableData | null => {\r\n    try {\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(htmlContent, 'text/html');\r\n      const table = doc.querySelector('table');\r\n      \r\n      if (!table) return null;\r\n\r\n      const headerRows = table.querySelectorAll('thead tr');\r\n      const bodyRows = table.querySelectorAll('tbody tr');\r\n\r\n      if (headerRows.length === 0) return null;\r\n\r\n      // Extract columns from the first header row\r\n      const headerCells = headerRows[0].querySelectorAll('th');\r\n      const columns: TableColumn[] = Array.from(headerCells).map((th, index) => ({\r\n        id: `col${index + 1}`,\r\n        header: th.textContent?.trim() || `Column ${index + 1}`\r\n      }));\r\n\r\n      // Extract merged cells from thead\r\n      const mergedCells: CellMerge[] = [];\r\n      Array.from(headerRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('th');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'thead',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      // Extract rows\r\n      const rows: TableRow[] = Array.from(bodyRows).map(row => {\r\n        const cells = row.querySelectorAll('td');\r\n        const rowData: TableRow = {};\r\n        \r\n        cells.forEach((cell, index) => {\r\n          if (index < columns.length) {\r\n            rowData[columns[index].id] = cell.textContent?.trim() || '';\r\n          }\r\n        });\r\n        \r\n        return rowData;\r\n      });\r\n\r\n      // Extract merged cells from tbody\r\n      Array.from(bodyRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('td');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'tbody',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      return {\r\n        name: '', // Default empty name\r\n        columns,\r\n        rows: rows.length > 0 ? rows : [{}],\r\n        border: true,\r\n        mergedCells\r\n      };\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  // Get placeholder value for table generation\r\n  const getPlaceholderValue = (placeholderKey: string): string => {\r\n    const placeholder = placeholders.find(p => p.value === placeholderKey);\r\n    if (!placeholder) return '';\r\n    \r\n    // Return actual value or generate sample based on type\r\n    if (typeof placeholder.actualValue !== 'undefined') {\r\n      return String(placeholder.actualValue);\r\n    }\r\n    \r\n    switch (placeholder.type) {\r\n      case 'date':\r\n        return new Date().toLocaleDateString();\r\n      case 'datetime':\r\n        return new Date().toLocaleString();\r\n      case 'number':\r\n        return '123';\r\n      case 'currency':\r\n        return '$1,234.56';\r\n      case 'email':\r\n        return 'example@domain.com';\r\n      case 'phone':\r\n        return '+1 (555) 123-4567';\r\n      case 'url':\r\n        return 'https://example.com';\r\n      default:\r\n        return placeholder.label || placeholder.value;\r\n    }\r\n  };\r\n\r\n const generateContent = useCallback((attrs?: Record<any, any>): string => {\r\n    const { src, alt, styles: eStyles, text, placeholder, placeholders: tPlaceholders } = attrs || section?.attributes || selectedContentAttrObj || {}\r\n    const styles = {\r\n      ...initialStyles[sectionType],\r\n      ...eStyles,\r\n      ...selectedContentAttrObj?.styles,\r\n      ...attrs?.styles\r\n    }\r\n\r\n    const inlineStyles = generateInlineStyles(styles);\r\n    \r\n    // For buttons, images, dividers, and codes - use the existing logic\r\n    if (sectionType === 'buttons') {\r\n      return `<button style=\"${inlineStyles}\">${text || 'Button Text'}</button>`;\r\n    } else if (sectionType === 'image') {\r\n      let imgInlineStyles: string = inlineStyles;\r\n      if(styles?.is_bordered) {\r\n        styles.padding = '10px';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      } else{\r\n        styles.padding = '0';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      }\r\n      return `<img src=\"${src || ''}\" alt=\"${alt || ''}\" style=\"${imgInlineStyles}\" />`;\r\n    } else if (sectionType === 'divider') {\r\n      return `<hr style=\"${inlineStyles}\" />`;\r\n    } else if (sectionType === 'table') {\r\n      const { border, borderStyle, borderColor, ...rest } = styles;\r\n      const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest); \r\n      const tHeadInlineStyles: string = generateInlineStyles(styles.tHead || {});\r\n      const tBodyInlineStyles: string = generateInlineStyles(styles.tBody || {});\r\n      const thCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.thCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {}) \r\n      });\r\n      const tbCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.tbCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {})\r\n      });\r\n\r\n      // Helper function to check if a cell is part of a merge\r\n      const getCellMergeInfo = (section: 'thead' | 'tbody', rowIndex: number, colIndex: number) => {\r\n        return tableData.mergedCells?.find(m => \r\n          m.section === section &&\r\n          rowIndex >= m.rowStart && rowIndex <= m.rowEnd &&\r\n          colIndex >= m.colStart && colIndex <= m.colEnd\r\n        );\r\n      };\r\n\r\n      // Generate header row with merge support\r\n      const headerCellsHTML = tableData.columns.map((column, colIndex) => {\r\n        const mergeInfo = getCellMergeInfo('thead', 0, colIndex);\r\n        \r\n        if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n          return '';\r\n        }\r\n\r\n        const mergeAttributes = mergeInfo ? \r\n          ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n        \r\n        const cellValue = mergeInfo ? mergeInfo.value : column.header;\r\n\r\n        return `<th style=\"${thCellInlineStyles}\"${mergeAttributes}>${cellValue}</th>`;\r\n      }).filter(cell => cell !== '').join('');\r\n\r\n      // Generate table body with #each loop using tableData.name\r\n      let tableRowsHTML = '';\r\n      \r\n      // Check if we should use #each loop with tableData.name\r\n      if (tableData.name) {\r\n        // Generate template with #each handlebars syntax\r\n        const rowTemplate = tableData.columns.map((column, colIndex) => {\r\n          const mergeInfo = getCellMergeInfo('tbody', 0, colIndex); // Use first row as template\r\n          \r\n          if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n            return '';\r\n          }\r\n\r\n          const mergeAttributes = mergeInfo ? \r\n            ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n          \r\n          // Use handlebars template syntax for dynamic content\r\n          let cellTemplate = '';\r\n          \r\n          // Handle special cases\r\n          if (column.id === 'index' || column.id === 'incrementIndex') {\r\n            cellTemplate = `{{incrementIndex @index}}`;\r\n          } else if (column.id.includes('.')) {\r\n            // Handle nested properties (like items.sku, tax_code_data.[0].rate)\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          } else {\r\n            // Direct property access\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          }\r\n\r\n          return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${cellTemplate}</td>`;\r\n        }).filter(cell => cell !== '').join('');\r\n\r\n        // Add zebra striping logic if enabled\r\n        const rowStyleTemplate = styles.tBody?.zebraStriping \r\n          ? `{{#if (isOdd @index)}}${tBodyInlineStyles}; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}{{else}}${tBodyInlineStyles}{{/if}}`\r\n          : tBodyInlineStyles;\r\n\r\n        tableRowsHTML = `{{#each ${tableData.name}}}\r\n            <tr style=\"${rowStyleTemplate}\">\r\n              ${rowTemplate}\r\n            </tr>\r\n          {{/each}}`;\r\n        \r\n      } else {\r\n        // Fallback to static rows when no tableData.name is provided\r\n        tableRowsHTML = tableData.rows.map((row, rowIndex) => {\r\n          const rowStyleAddition = styles.tBody?.zebraStriping && rowIndex % 2 === 1 \r\n            ? `; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}` \r\n            : '';\r\n          \r\n          const cellsHTML = tableData.columns.map((column, colIndex) => {\r\n            const mergeInfo = getCellMergeInfo('tbody', rowIndex, colIndex);\r\n            \r\n            if (mergeInfo && (rowIndex !== mergeInfo.rowStart || colIndex !== mergeInfo.colStart)) {\r\n              return '';\r\n            }\r\n\r\n            let cellValue = row[column.id] || '';\r\n            const keys = Object.keys(row)\r\n            if(keys.includes(`${column.id}_static`)) {\r\n              cellValue = row[`${column.id}_static`] || '';\r\n            }\r\n            if (!cellValue && tPlaceholders?.[column.id]) {\r\n              cellValue = getPlaceholderValue(tPlaceholders[column.id]);\r\n            }\r\n\r\n            const mergeAttributes = mergeInfo ? \r\n              ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n            \r\n            const finalCellValue = mergeInfo ? mergeInfo.value : cellValue;\r\n\r\n            return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${finalCellValue}</td>`;\r\n          }).filter(cell => cell !== '').join('');\r\n          \r\n          return `<tr style=\"${tBodyInlineStyles}${rowStyleAddition}\">${cellsHTML}</tr>`;\r\n        }).join('');\r\n      }\r\n      \r\n      return `\r\n        <table style=\"${tInlineStyles}\">\r\n          <thead>\r\n            <tr style=\"${tHeadInlineStyles}\">\r\n              ${headerCellsHTML}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            ${tableRowsHTML}\r\n          </tbody>\r\n        </table>\r\n      `;\r\n    } else if (sectionType === 'qr-code' || sectionType === 'bar-code') {\r\n      return `<div style=\"${inlineStyles}\">${placeholder}</div>`;\r\n    }\r\n    \r\n    // For text-based sections, parse and apply styles to existing HTML tags\r\n    const hasHtmlTags = /<\\/?[a-z][\\s\\S]*>/i.test(content);\r\n    \r\n    if (!hasHtmlTags) {\r\n      // If no HTML tags, wrap according to section type\r\n      switch (sectionType) {\r\n        case 'text':\r\n        case 'text-block':\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n        case 'heading':\r\n          return `<h1 style=\"${inlineStyles}\">${content}</h1>`;\r\n        case 'heading-2':\r\n          return `<h2 style=\"${inlineStyles}\">${content}</h2>`;\r\n        case 'heading-3':\r\n          return `<h3 style=\"${inlineStyles}\">${content}</h3>`;\r\n        case 'heading-4':\r\n          return `<h4 style=\"${inlineStyles}\">${content}</h4>`;\r\n        case 'signature':\r\n          return `<div style=\"${inlineStyles}\">${content}</div>`;\r\n        default:\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n      }\r\n    } else {\r\n      // Create a temporary DOM element to manipulate the HTML\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(`<div>${content}</div>`, 'text/html');\r\n      const container = doc.body.firstChild as Element;\r\n      \r\n      // Process all child elements\r\n      if (container && container.nodeType === Node.ELEMENT_NODE) {\r\n        const elements = container.querySelectorAll('*');\r\n\r\n        elements.forEach(element => {\r\n          // Skip processing script tags or other special elements\r\n          if (element.tagName === 'SCRIPT' || element.tagName === 'STYLE') {\r\n            return;\r\n          }\r\n          \r\n          // Get existing style and merge with new style\r\n          const existingStyle = element.getAttribute('style') || '';\r\n          \r\n          // Extract properties from existing style\r\n          const existingProps = {};\r\n          existingStyle.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              existingProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Parse the base style and prepare for merging\r\n          const newStyleProps = {};\r\n          inlineStyles.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              newStyleProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Additional styles based on tag type\r\n          if (element.tagName === 'P' || element.tagName === 'DIV') {\r\n            newStyleProps['line-height'] = '1.5';\r\n          } else if (['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes(element.tagName)) {\r\n            newStyleProps['line-height'] = '1.2';\r\n            newStyleProps['margin'] = '0.5em 0';\r\n          }\r\n          \r\n          // Merge styles, new styles override existing ones\r\n          const mergedProps = { ...existingProps, ...newStyleProps };\r\n          \r\n          // Convert back to style string\r\n          const mergedStyle = Object.entries(mergedProps)\r\n            .filter(([key, value]) => key && value)\r\n            .map(([key, value]) => `${key}: ${value}`)\r\n            .join('; ');\r\n          \r\n          element.setAttribute('style', mergedStyle);\r\n        });\r\n      \r\n        return container.innerHTML;\r\n      }\r\n      \r\n      // Fallback to original content if parsing fails\r\n      return content;\r\n    }\r\n  }, [JSON.stringify(section)]);\r\n\r\n  // Local save function - renamed to avoid conflict with handleSave prop\r\n  const saveSection = () => {\r\n    const updatedContent = generateContent();\r\n    \r\n    const updatedSection = {\r\n      content: updatedContent, \r\n      type: sectionType as ElementType,\r\n      rowLevel: rowLevel,\r\n      name: tableData.name || '',\r\n      attributes: {\r\n        ...(section?.attributes || {}),\r\n        ...(sectionType === 'table' ? { tableData } : {})\r\n      },\r\n      is_edited_from_source: (section as EnhancedSectionData)?.is_edited_from_source || false\r\n    };\r\n    \r\n    onUpdate(updatedSection);\r\n  };\r\nuseEffect(() => {\r\n  saveSection();\r\n},[tableData])\r\n  /**\r\n   * Updates section attributes and triggers content regeneration.\r\n   * Optimized to avoid unnecessary property spreading and glitches.\r\n   */\r\n  const updateAttrs = (prop: Record<string, any>) => {\r\n    if (!section) return;\r\n\r\n    // Merge styles safely\r\n    const mergedStyles = {\r\n      ...(section.attributes?.styles || {}),\r\n      ...(prop.styles || {})\r\n    };\r\n\r\n    // Merge attributes, giving priority to new props\r\n    const mergedAttributes = {\r\n      ...(section.attributes || {}),\r\n      ...prop,\r\n      styles: mergedStyles,\r\n      ...(sectionType === 'table' ? { tableData } : {})\r\n    };\r\n\r\n    // Prepare updated section object (exclude 'id' if present)\r\n    const { id, ...sectionRest } = section as any;\r\n\r\n    // Generate updated content based on new attributes\r\n    const updatedContent = generateContent(mergedAttributes);\r\n    setSelectedContentAttrObj(mergedAttributes)\r\n\r\n    // Compose the update payload, omitting unknown properties\r\n    onUpdate({\r\n      ...sectionRest,\r\n      content: updatedContent,\r\n      attributes: mergedAttributes\r\n    });\r\n  };\r\n\r\n  // Update table data and trigger content regeneration\r\n  const handleTableDataUpdate = (newTableData: TableData) => {\r\n    setTableData(newTableData);\r\n    \r\n    // Trigger immediate update with new table data\r\n    const updatedAttrs = {\r\n      ...(section?.attributes || {}),\r\n      tableData: newTableData\r\n    };\r\n    \r\n    // const updatedContent = generateContent(updatedAttrs);\r\n    // onUpdate({\r\n    //   ...section,\r\n    //   content: updatedContent,\r\n    //   attributes: updatedAttrs\r\n    // });\r\n    saveSection();\r\n  };\r\n\r\n  const handleTypeChange = (t) => {\r\n    const dt = getInitialSectionData(t)\r\n    \r\n    onUpdate({ \r\n      ...section, \r\n      ...dt\r\n    });\r\n    \r\n    // Reset table data when switching types\r\n    if (t === 'table') {\r\n      setTableData({\r\n        name: '', // Initialize with empty name\r\n        columns: [\r\n          { id: 'col1', header: 'Column 1' },\r\n          { id: 'col2', header: 'Column 2' },\r\n          { id: 'col3', header: 'Column 3' }\r\n        ],\r\n        rows: [\r\n          { col1: '', col2: '', col3: '' }\r\n        ],\r\n        border: true,\r\n        mergedCells: []\r\n      });\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Paper\r\n      elevation={3}\r\n      sx={{\r\n        width: { xs: '100%', sm: 320, lg: 390 },\r\n        height: '100%',\r\n        overflow: 'auto',\r\n        borderLeft: '1px solid',\r\n        borderColor: 'divider',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        bgcolor: 'background.paper',\r\n        boxShadow: 'none',\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: 'flex',\r\n          justifyContent: 'space-between',\r\n          alignItems: 'center',\r\n          p: 2,\r\n          borderBottom: '1px solid',\r\n          borderColor: 'divider',\r\n          bgcolor: 'grey.50',\r\n        }}\r\n      >\r\n        <Typography type=\"s1\" weight='bold' color='theme.neutral.1000'>\r\n          Format {sectionType ? sectionType?.charAt(0)?.toUpperCase() + sectionType?.slice(1).replace(/-/g, ' ') : ''}\r\n        </Typography>\r\n        <Tooltip title=\"Save and Close\">\r\n          <Box>\r\n            <IconButton size=\"small\" onClick={() => {\r\n              saveSection();\r\n              handleSave?.();\r\n              onClose();\r\n            }} aria-label=\"Save\">\r\n              <Save fontSize=\"small\" />\r\n            </IconButton>\r\n            <IconButton size=\"small\" onClick={onClose} aria-label=\"Close\">\r\n              <CloseIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          </Box>\r\n        </Tooltip>\r\n      </Box>\r\n\r\n      <Box sx={{ p: 2, flex: 1,pb:10, overflowY: 'auto' }}>\r\n        <Box sx={{ mb: 2 }}>\r\n          <FormControl size=\"small\" fullWidth>\r\n            <Select\r\n              value={section?.type}\r\n              onChange={(e) => handleTypeChange(e.target.value)}\r\n              renderValue={v => v ? v.charAt(0).toUpperCase() + v.slice(1).replace(/-/g, ' ') : ''}\r\n              label='Select Preset'\r\n              displayEmpty\r\n            >\r\n              {sectionTypes.map((type) => (\r\n                <MenuItem key={type} value={type}>\r\n                  <Typography type='s4' color='theme.secondary.1000'>{type.charAt(0).toUpperCase() + type.slice(1).replace(/-/g, ' ')}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n          </FormControl>\r\n        </Box>\r\n        \r\n        {section && (sectionType === 'text' || \r\n          sectionType === 'heading' || \r\n          sectionType === 'heading-2' || \r\n          sectionType === 'heading-3' || \r\n          sectionType === 'heading-4') && (\r\n          <TextControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'buttons' && (\r\n          <ButtonControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'image' && (\r\n          <ImageControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'divider' && (\r\n          <DividerControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'table' && (\r\n          <TableControls\r\n            tableData={{\r\n              ...tableData,\r\n              rows: tableData.rows.map(row => {\r\n                const convertedRow: Record<string, string> = {};\r\n                Object.keys(row).forEach(key => {\r\n                  convertedRow[key] = String(row[key] ?? '');\r\n                });\r\n                return convertedRow;\r\n              })\r\n            }}\r\n            setTableData={(value) => {\r\n              handleTableDataUpdate({\r\n                ...value,\r\n                border: tableData.border,\r\n                name: tableData.name || ''\r\n              });\r\n            }}\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n            placeholders={placeholders}\r\n            handleSave={handleSave}\r\n            setParentRowLevel={setRowLevel}\r\n            levelType={rowLevel}\r\n            relation_table={relation_table}\r\n          />\r\n        )}\r\n        {sectionType === 'signature' && (\r\n          <SignatureControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {section && (sectionType === 'qr-code' || sectionType === 'bar-code') && (\r\n          <CodeControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n\r\nexport default SectionFormatPanel;"],"names":["_a","_b","section"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/components/SectionFormatPanel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\r\nimport {\r\n  Box,\r\n  Paper,\r\n  IconButton,\r\n  FormControl,\r\n  MenuItem,\r\n  Tooltip,\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { Save } from '../../../components/icons';\r\nimport Typography from '../../../components/typography/typography';\r\n\r\n// Import sub-components\r\nimport TextControls from './controllers/TextControls';\r\nimport ButtonControls from './controllers/ButtonControls';\r\nimport ImageControls from './controllers/ImageControls';\r\nimport DividerControls from './controllers/DividerControls';\r\nimport TableControls from './controllers/TableControls';\r\nimport SignatureControls from './controllers/SignatureControls';\r\nimport CodeControls from './controllers/CodeControls';\r\nimport Select from '../../../components/select/select';\r\nimport { EnhancedSectionData, ElementType } from '../types/editor';\r\nimport { initialStyles } from '../utils/constant';\r\nimport { extractStyles, generateInlineStyles, getInitialSectionData } from '../utils/common';\r\n// import { useCKEditorStyleExtractor } from '../utils/style-extractor';\r\n\r\n// Shared types for SectionFormatPanel and sub-components\r\nexport interface TableColumn {\r\n  id: string;\r\n  header: string;\r\n  placeholder?: string;\r\n}\r\n\r\nexport interface TableRow {\r\n  [key: string]: string | number | boolean;\r\n}\r\n\r\nexport interface CellMerge {\r\n  section: 'thead' | 'tbody';\r\n  rowStart: number;\r\n  rowEnd: number;\r\n  colStart: number;\r\n  colEnd: number;\r\n  value: string;\r\n}\r\n\r\nexport interface TableData {\r\n  name?: string; // Added name property for #each iteration\r\n  columns: TableColumn[];\r\n  rows: TableRow[];\r\n  border: boolean;\r\n  mergedCells?: CellMerge[];\r\n}\r\n\r\ninterface SectionData {\r\n  type: 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';\r\n  content: string;\r\n  attributes?: {\r\n    styles?: any;\r\n    placeholders?: Record<string, string>;\r\n    tableData?: TableData;\r\n    [key: string]: any;\r\n  };\r\n}\r\n\r\ninterface SectionFormatPanelProps {\r\n  section: SectionData | undefined;\r\n  onClose: () => void;\r\n  onUpdate: (data: Partial<EnhancedSectionData>) => void;\r\n  placeholders: Record<string, any>[];\r\n  relation_table?:any;\r\n  handleSave?: () => void;\r\n}\r\n\r\nconst sectionTypes = ['text','text-block','heading','heading-2','heading-3','heading-4','buttons','image','divider','table','signature','qr-code','bar-code']\r\n\r\nconst SectionFormatPanel: React.FC<SectionFormatPanelProps> = ({ \r\n  section, \r\n  onClose, \r\n  onUpdate,\r\n   placeholders,\r\n  relation_table,\r\n  handleSave }) => {\r\n  // const { applyStylesToHtml } = useCKEditorStyleExtractor()\r\n  // const [plainContent, setPlainContent] = useState('');\r\n  const sectionType = useMemo(() => section?.type || 'text', [section?.type]);\r\n  const content = useMemo(() => section?.content || 'text', [section?.content]);\r\n  const [formatOptions, setFormatOptions] = useState<string[]>([]);\r\n  const[rowLevel, setRowLevel] = useState<boolean>((section?.attributes as any)?.rowLevel || false);\r\n  const [tableData, setTableData] = useState<TableData>({\r\n    name: '', // Initialize with empty name\r\n    columns: [\r\n      { id: 'col1', header: 'Column 1' },\r\n      { id: 'col2', header: 'Column 2' },\r\n      { id: 'col3', header: 'Column 3' }\r\n    ],\r\n    rows: [\r\n      { col1: '', col2: '', col3: '' }\r\n    ],\r\n    border: true,\r\n    mergedCells: []\r\n  });\r\n  const [isInitialLoad, setIsInitialLoad] = useState(true);\r\n  const [selectedContentAttrObj, setSelectedContentAttrObj] = useState(extractStyles(content, section?.type));\r\n\r\n  // Initialize table data from section attributes\r\n  useEffect(() => {\r\n    if (section && section.type === 'table') {\r\n      // If section has stored table data, use it\r\n      if (section.attributes?.tableData) {\r\n        setTableData(section.attributes.tableData);\r\n      } else {\r\n        // Try to extract table data from HTML content\r\n        const extractedTableData = extractTableDataFromHTML(section.content);\r\n        if (extractedTableData) {\r\n          setTableData(extractedTableData);\r\n          setRowLevel((section?.attributes as any)?.rowLevel || false);\r\n        }\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (section && !isInitialLoad) {\r\n      const tempDiv = document.createElement('div');\r\n      tempDiv.innerHTML = section.content;\r\n      const text = tempDiv.textContent || '';\r\n      // setPlainContent(text);\r\n      setSelectedContentAttrObj(extractStyles(section.content, section?.type)?.styles)\r\n      setIsInitialLoad(false);\r\n    }\r\n  }, [section]);\r\n\r\n  // Extract table data from HTML content\r\n  const extractTableDataFromHTML = (htmlContent: string): TableData | null => {\r\n    try {\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(htmlContent, 'text/html');\r\n      const table = doc.querySelector('table');\r\n      \r\n      if (!table) return null;\r\n\r\n      const headerRows = table.querySelectorAll('thead tr');\r\n      const bodyRows = table.querySelectorAll('tbody tr');\r\n\r\n      if (headerRows.length === 0) return null;\r\n\r\n      // Extract columns from the first header row\r\n      const headerCells = headerRows[0].querySelectorAll('th');\r\n      const columns: TableColumn[] = Array.from(headerCells).map((th, index) => ({\r\n        id: `col${index + 1}`,\r\n        header: th.textContent?.trim() || `Column ${index + 1}`\r\n      }));\r\n\r\n      // Extract merged cells from thead\r\n      const mergedCells: CellMerge[] = [];\r\n      Array.from(headerRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('th');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'thead',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      // Extract rows\r\n      const rows: TableRow[] = Array.from(bodyRows).map(row => {\r\n        const cells = row.querySelectorAll('td');\r\n        const rowData: TableRow = {};\r\n        \r\n        cells.forEach((cell, index) => {\r\n          if (index < columns.length) {\r\n            rowData[columns[index].id] = cell.textContent?.trim() || '';\r\n          }\r\n        });\r\n        \r\n        return rowData;\r\n      });\r\n\r\n      // Extract merged cells from tbody\r\n      Array.from(bodyRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('td');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'tbody',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      return {\r\n        name: '', // Default empty name\r\n        columns,\r\n        rows: rows.length > 0 ? rows : [{}],\r\n        border: true,\r\n        mergedCells\r\n      };\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  // Get placeholder value for table generation\r\n  const getPlaceholderValue = (placeholderKey: string): string => {\r\n    const placeholder = placeholders.find(p => p.value === placeholderKey);\r\n    if (!placeholder) return '';\r\n    \r\n    // Return actual value or generate sample based on type\r\n    if (typeof placeholder.actualValue !== 'undefined') {\r\n      return String(placeholder.actualValue);\r\n    }\r\n    \r\n    switch (placeholder.type) {\r\n      case 'date':\r\n        return new Date().toLocaleDateString();\r\n      case 'datetime':\r\n        return new Date().toLocaleString();\r\n      case 'number':\r\n        return '123';\r\n      case 'currency':\r\n        return '$1,234.56';\r\n      case 'email':\r\n        return 'example@domain.com';\r\n      case 'phone':\r\n        return '+1 (555) 123-4567';\r\n      case 'url':\r\n        return 'https://example.com';\r\n      default:\r\n        return placeholder.label || placeholder.value;\r\n    }\r\n  };\r\n\r\n const generateContent = useCallback((attrs?: Record<any, any>): string => {\r\n    const { src, alt, styles: eStyles, text, placeholder, placeholders: tPlaceholders } = attrs || section?.attributes || selectedContentAttrObj || {}\r\n    const styles = {\r\n      ...initialStyles[sectionType],\r\n      ...eStyles,\r\n      ...selectedContentAttrObj?.styles,\r\n      ...attrs?.styles\r\n    }\r\n\r\n    const inlineStyles = generateInlineStyles(styles);\r\n    \r\n    // For buttons, images, dividers, and codes - use the existing logic\r\n    if (sectionType === 'buttons') {\r\n      return `<button style=\"${inlineStyles}\">${text || 'Button Text'}</button>`;\r\n    } else if (sectionType === 'image') {\r\n      let imgInlineStyles: string = inlineStyles;\r\n      if(styles?.is_bordered) {\r\n        styles.padding = '10px';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      } else{\r\n        styles.padding = '0';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      }\r\n      return `<img src=\"${src || ''}\" alt=\"${alt || ''}\" style=\"${imgInlineStyles}\" />`;\r\n    } else if (sectionType === 'divider') {\r\n      return `<hr style=\"${inlineStyles}\" />`;\r\n    } else if (sectionType === 'table') {\r\n      const { border, borderStyle, borderColor, ...rest } = styles;\r\n      const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest); \r\n      const tHeadInlineStyles: string = generateInlineStyles(styles.tHead || {});\r\n      const tBodyInlineStyles: string = generateInlineStyles(styles.tBody || {});\r\n      const thCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.thCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {}) \r\n      });\r\n      const tbCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.tbCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {})\r\n      });\r\n\r\n      // Helper function to check if a cell is part of a merge\r\n      const getCellMergeInfo = (section: 'thead' | 'tbody', rowIndex: number, colIndex: number) => {\r\n        return tableData.mergedCells?.find(m => \r\n          m.section === section &&\r\n          rowIndex >= m.rowStart && rowIndex <= m.rowEnd &&\r\n          colIndex >= m.colStart && colIndex <= m.colEnd\r\n        );\r\n      };\r\n\r\n      // Generate header row with merge support\r\n      const headerCellsHTML = tableData.columns.map((column, colIndex) => {\r\n        const mergeInfo = getCellMergeInfo('thead', 0, colIndex);\r\n        \r\n        if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n          return '';\r\n        }\r\n\r\n        const mergeAttributes = mergeInfo ? \r\n          ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n        \r\n        const cellValue = mergeInfo ? mergeInfo.value : column.header;\r\n\r\n        return `<th style=\"${thCellInlineStyles}\"${mergeAttributes}>${cellValue}</th>`;\r\n      }).filter(cell => cell !== '').join('');\r\n\r\n      // Generate table body with #each loop using tableData.name\r\n      let tableRowsHTML = '';\r\n      \r\n      // Check if we should use #each loop with tableData.name\r\n      if (tableData.name) {\r\n        // Generate template with #each handlebars syntax\r\n        const rowTemplate = tableData.columns.map((column, colIndex) => {\r\n          const mergeInfo = getCellMergeInfo('tbody', 0, colIndex); // Use first row as template\r\n          \r\n          if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n            return '';\r\n          }\r\n\r\n          const mergeAttributes = mergeInfo ? \r\n            ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n          \r\n          // Use handlebars template syntax for dynamic content\r\n          let cellTemplate = '';\r\n          \r\n          // Handle special cases\r\n          if (column.id === 'index' || column.id === 'incrementIndex') {\r\n            cellTemplate = `{{incrementIndex @index}}`;\r\n          } else if (column.id.includes('.')) {\r\n            // Handle nested properties (like items.sku, tax_code_data.[0].rate)\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          } else {\r\n            // Direct property access\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          }\r\n\r\n          return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${cellTemplate}</td>`;\r\n        }).filter(cell => cell !== '').join('');\r\n\r\n        // Add zebra striping logic if enabled\r\n        const rowStyleTemplate = styles.tBody?.zebraStriping \r\n          ? `{{#if (isOdd @index)}}${tBodyInlineStyles}; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}{{else}}${tBodyInlineStyles}{{/if}}`\r\n          : tBodyInlineStyles;\r\n\r\n        tableRowsHTML = `{{#each ${tableData.name}}}\r\n            <tr style=\"${rowStyleTemplate}\">\r\n              ${rowTemplate}\r\n            </tr>\r\n          {{/each}}`;\r\n        \r\n      } else {\r\n        // Fallback to static rows when no tableData.name is provided\r\n        tableRowsHTML = tableData.rows.map((row, rowIndex) => {\r\n          const rowStyleAddition = styles.tBody?.zebraStriping && rowIndex % 2 === 1 \r\n            ? `; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}` \r\n            : '';\r\n          \r\n          const cellsHTML = tableData.columns.map((column, colIndex) => {\r\n            const mergeInfo = getCellMergeInfo('tbody', rowIndex, colIndex);\r\n            \r\n            if (mergeInfo && (rowIndex !== mergeInfo.rowStart || colIndex !== mergeInfo.colStart)) {\r\n              return '';\r\n            }\r\n\r\n            let cellValue = row[column.id] || '';\r\n            const keys = Object.keys(row)\r\n            if(keys.includes(`${column.id}_static`)) {\r\n              cellValue = row[`${column.id}_static`] || '';\r\n            }\r\n            if (!cellValue && tPlaceholders?.[column.id]) {\r\n              cellValue = getPlaceholderValue(tPlaceholders[column.id]);\r\n            }\r\n\r\n            const mergeAttributes = mergeInfo ? \r\n              ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n            \r\n            const finalCellValue = mergeInfo ? mergeInfo.value : cellValue;\r\n\r\n            return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${finalCellValue}</td>`;\r\n          }).filter(cell => cell !== '').join('');\r\n          \r\n          return `<tr style=\"${tBodyInlineStyles}${rowStyleAddition}\">${cellsHTML}</tr>`;\r\n        }).join('');\r\n      }\r\n      \r\n      return `\r\n        <table style=\"${tInlineStyles}\">\r\n          <thead>\r\n            <tr style=\"${tHeadInlineStyles}\">\r\n              ${headerCellsHTML}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            ${tableRowsHTML}\r\n          </tbody>\r\n        </table>\r\n      `;\r\n    } else if (sectionType === 'qr-code' || sectionType === 'bar-code') {\r\n      return `<div style=\"${inlineStyles}\">${placeholder}</div>`;\r\n    }\r\n    \r\n    // For text-based sections, parse and apply styles to existing HTML tags\r\n    const hasHtmlTags = /<\\/?[a-z][\\s\\S]*>/i.test(content);\r\n    \r\n    if (!hasHtmlTags) {\r\n      // If no HTML tags, wrap according to section type\r\n      switch (sectionType) {\r\n        case 'text':\r\n        case 'text-block':\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n        case 'heading':\r\n          return `<h1 style=\"${inlineStyles}\">${content}</h1>`;\r\n        case 'heading-2':\r\n          return `<h2 style=\"${inlineStyles}\">${content}</h2>`;\r\n        case 'heading-3':\r\n          return `<h3 style=\"${inlineStyles}\">${content}</h3>`;\r\n        case 'heading-4':\r\n          return `<h4 style=\"${inlineStyles}\">${content}</h4>`;\r\n        case 'signature':\r\n          return `<div style=\"${inlineStyles}\">${content}</div>`;\r\n        default:\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n      }\r\n    } else {\r\n      // Create a temporary DOM element to manipulate the HTML\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(`<div>${content}</div>`, 'text/html');\r\n      const container = doc.body.firstChild as Element;\r\n      \r\n      // Process all child elements\r\n      if (container && container.nodeType === Node.ELEMENT_NODE) {\r\n        const elements = container.querySelectorAll('*');\r\n\r\n        elements.forEach(element => {\r\n          // Skip processing script tags or other special elements\r\n          if (element.tagName === 'SCRIPT' || element.tagName === 'STYLE') {\r\n            return;\r\n          }\r\n          \r\n          // Get existing style and merge with new style\r\n          const existingStyle = element.getAttribute('style') || '';\r\n          \r\n          // Extract properties from existing style\r\n          const existingProps = {};\r\n          existingStyle.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              existingProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Parse the base style and prepare for merging\r\n          const newStyleProps = {};\r\n          inlineStyles.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              newStyleProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Additional styles based on tag type\r\n          if (element.tagName === 'P' || element.tagName === 'DIV') {\r\n            newStyleProps['line-height'] = '1.5';\r\n          } else if (['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes(element.tagName)) {\r\n            newStyleProps['line-height'] = '1.2';\r\n            newStyleProps['margin'] = '0.5em 0';\r\n          }\r\n          \r\n          // Merge styles, new styles override existing ones\r\n          const mergedProps = { ...existingProps, ...newStyleProps };\r\n          \r\n          // Convert back to style string\r\n          const mergedStyle = Object.entries(mergedProps)\r\n            .filter(([key, value]) => key && value)\r\n            .map(([key, value]) => `${key}: ${value}`)\r\n            .join('; ');\r\n          \r\n          element.setAttribute('style', mergedStyle);\r\n        });\r\n      \r\n        return container.innerHTML;\r\n      }\r\n      \r\n      // Fallback to original content if parsing fails\r\n      return content;\r\n    }\r\n  }, [JSON.stringify(section)]);\r\n\r\n  // Local save function - renamed to avoid conflict with handleSave prop\r\n  const saveSection = () => {\r\n    const updatedContent = generateContent();\r\n    \r\n    const updatedSection = {\r\n      content: updatedContent, \r\n      type: sectionType as ElementType,\r\n      rowLevel: rowLevel,\r\n      name: tableData.name || '',\r\n      attributes: {\r\n        ...(section?.attributes || {}),\r\n        ...(sectionType === 'table' ? { tableData } : {})\r\n      },\r\n      is_edited_from_source: (section as EnhancedSectionData)?.is_edited_from_source || false\r\n    };\r\n    \r\n    onUpdate(updatedSection);\r\n  };\r\nuseEffect(() => {\r\n  saveSection();\r\n},[tableData])\r\n  /**\r\n   * Updates section attributes and triggers content regeneration.\r\n   * Optimized to avoid unnecessary property spreading and glitches.\r\n   */\r\n  const updateAttrs = (prop: Record<string, any>) => {\r\n    if (!section) return;\r\n\r\n    // Merge styles safely\r\n    const mergedStyles = {\r\n      ...(section.attributes?.styles || {}),\r\n      ...(prop.styles || {})\r\n    };\r\n\r\n    // Merge attributes, giving priority to new props\r\n    const mergedAttributes = {\r\n      ...(section.attributes || {}),\r\n      ...prop,\r\n      styles: mergedStyles,\r\n      ...(sectionType === 'table' ? { tableData } : {})\r\n    };\r\n\r\n    // Prepare updated section object (exclude 'id' if present)\r\n    const { id, ...sectionRest } = section as any;\r\n\r\n    // Generate updated content based on new attributes\r\n    const updatedContent = generateContent(mergedAttributes);\r\n    setSelectedContentAttrObj(mergedAttributes)\r\n\r\n    // Compose the update payload, omitting unknown properties\r\n    onUpdate({\r\n      ...sectionRest,\r\n      content: updatedContent,\r\n      attributes: mergedAttributes\r\n    });\r\n  };\r\n\r\n  // Update table data and trigger content regeneration\r\n  const handleTableDataUpdate = (newTableData: TableData) => {\r\n    setTableData(newTableData);\r\n    \r\n    // Trigger immediate update with new table data\r\n    const updatedAttrs = {\r\n      ...(section?.attributes || {}),\r\n      tableData: newTableData\r\n    };\r\n    \r\n    // const updatedContent = generateContent(updatedAttrs);\r\n    // onUpdate({\r\n    //   ...section,\r\n    //   content: updatedContent,\r\n    //   attributes: updatedAttrs\r\n    // });\r\n    saveSection();\r\n  };\r\n\r\n  const handleTypeChange = (t) => {\r\n    const dt = getInitialSectionData(t)\r\n    \r\n    onUpdate({ \r\n      ...section, \r\n      ...dt\r\n    });\r\n    \r\n    // Reset table data when switching types\r\n    if (t === 'table') {\r\n      setTableData({\r\n        name: '', // Initialize with empty name\r\n        columns: [\r\n          { id: 'col1', header: 'Column 1' },\r\n          { id: 'col2', header: 'Column 2' },\r\n          { id: 'col3', header: 'Column 3' }\r\n        ],\r\n        rows: [\r\n          { col1: '', col2: '', col3: '' }\r\n        ],\r\n        border: true,\r\n        mergedCells: []\r\n      });\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Paper\r\n      elevation={3}\r\n      sx={{\r\n        width: { xs: '100%', sm: 320, lg: 390 },\r\n        height: '100%',\r\n        overflow: 'auto',\r\n        borderLeft: '1px solid',\r\n        borderColor: 'divider',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        bgcolor: 'background.paper',\r\n        boxShadow: 'none',\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: 'flex',\r\n          justifyContent: 'space-between',\r\n          alignItems: 'center',\r\n          p: 2,\r\n          borderBottom: '1px solid',\r\n          borderColor: 'divider',\r\n          bgcolor: 'grey.50',\r\n        }}\r\n      >\r\n        <Typography type=\"s1\" weight='bold' color='theme.neutral.1000'>\r\n          Format {sectionType ? sectionType?.charAt(0)?.toUpperCase() + sectionType?.slice(1).replace(/-/g, ' ') : ''}\r\n        </Typography>\r\n        <Tooltip title=\"Save and Close\">\r\n          <Box>\r\n            <IconButton size=\"small\" onClick={() => {\r\n              saveSection();\r\n              handleSave?.();\r\n              onClose();\r\n            }} aria-label=\"Save\">\r\n              <Save fontSize=\"small\" />\r\n            </IconButton>\r\n            <IconButton size=\"small\" onClick={onClose} aria-label=\"Close\">\r\n              <CloseIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          </Box>\r\n        </Tooltip>\r\n      </Box>\r\n\r\n      <Box sx={{ p: 2, flex: 1,pb:10, overflowY: 'auto' }}>\r\n        <Box sx={{ mb: 2 }}>\r\n          <FormControl size=\"small\" fullWidth>\r\n            <Select\r\n              value={section?.type}\r\n              onChange={(e) => handleTypeChange(e.target.value)}\r\n              renderValue={v => v ? v.charAt(0).toUpperCase() + v.slice(1).replace(/-/g, ' ') : ''}\r\n              label='Select Preset'\r\n              displayEmpty\r\n            >\r\n              {sectionTypes.map((type) => (\r\n                <MenuItem key={type} value={type}>\r\n                  <Typography type='s4' color='theme.secondary.1000'>{type.charAt(0).toUpperCase() + type.slice(1).replace(/-/g, ' ')}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n          </FormControl>\r\n        </Box>\r\n        \r\n        {section && (sectionType === 'text' || \r\n          sectionType === 'heading' || \r\n          sectionType === 'heading-2' || \r\n          sectionType === 'heading-3' || \r\n          sectionType === 'heading-4') && (\r\n          <TextControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'buttons' && (\r\n          <ButtonControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'image' && (\r\n          <ImageControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'divider' && (\r\n          <DividerControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'table' && (\r\n          <TableControls\r\n            tableData={{\r\n              ...tableData,\r\n              rows: tableData.rows.map(row => {\r\n                const convertedRow: Record<string, string> = {};\r\n                Object.keys(row).forEach(key => {\r\n                  convertedRow[key] = String(row[key] ?? '');\r\n                });\r\n                return convertedRow;\r\n              })\r\n            }}\r\n            setTableData={(value) => {\r\n              handleTableDataUpdate({\r\n                ...value,\r\n                border: tableData.border,\r\n                name: tableData.name || ''\r\n              });\r\n            }}\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n            placeholders={placeholders}\r\n            handleSave={handleSave}\r\n            setParentRowLevel={setRowLevel}\r\n            levelType={rowLevel}\r\n            relation_table={relation_table}\r\n          />\r\n        )}\r\n        {sectionType === 'signature' && (\r\n          <SignatureControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {section && (sectionType === 'qr-code' || sectionType === 'bar-code') && (\r\n          <CodeControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n\r\nexport default SectionFormatPanel;"],"names":["_a","_b","section","CloseIcon"],"mappings":"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"}

package/dist/views/template-editor/components/SectionFormatPanel/index.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),l=require("@mui/icons-material/Close"),n=require("../../../../components/typography/typography/index.js"),o=require("../controllers/TextControls/index.js"),a=require("../controllers/ButtonControls/index.js"),s=require("../controllers/ImageControls/index.js"),i=require("../controllers/DividerControls/index.js"),d=require("../controllers/TableControls/index.js"),u=require("../controllers/SignatureControls/index.js"),c=require("../controllers/CodeControls/index.js"),p=require("../../../../components/select/select/index.js"),m=require("../../utils/constant/index.js"),b=require("../../utils/common/index.js"),h=require("../../../../components/icons/save/index.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=/* @__PURE__ */y(l);const f=["text","text-block","heading","heading-2","heading-3","heading-4","buttons","image","divider","table","signature","qr-code","bar-code"];exports.default=({section:l,onClose:y,onUpdate:g,placeholders:x,relation_table:S,handleSave:$})=>{var C,j;const w=t.useMemo(()=>(null==l?void 0:l.type)||"text",[null==l?void 0:l.type]),E=t.useMemo(()=>(null==l?void 0:l.content)||"text",[null==l?void 0:l.content]);t.useState([]);const[q,A]=t.useState((null==(C=null==l?void 0:l.attributes)?void 0:C.rowLevel)||!1),[I,_]=t.useState({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]}),[D,B]=t.useState(!0),[T,L]=t.useState(b.extractStyles(E));t.useEffect(()=>{var e,t;if(l&&"table"===l.type)if(null==(e=l.attributes)?void 0:e.tableData)_(l.attributes.tableData);else{const e=k(l.content);e&&(_(e),A((null==(t=null==l?void 0:l.attributes)?void 0:t.rowLevel)||!1))}},[]),t.useEffect(()=>{var e;l&&!D&&(document.createElement("div").innerHTML=l.content,L(null==(e=b.extractStyles(l.content))?void 0:e.styles),B(!1))},[l]);const k=e=>{try{const t=(new DOMParser).parseFromString(e,"text/html").querySelector("table");if(!t)return null;const r=t.querySelectorAll("thead tr"),l=t.querySelectorAll("tbody tr");if(0===r.length)return null;const n=r[0].querySelectorAll("th"),o=Array.from(n).map((e,t)=>{var r;return{id:`col${t+1}`,header:(null==(r=e.textContent)?void 0:r.trim())||`Column ${t+1}`}}),a=[];Array.from(r).forEach((e,t)=>{e.querySelectorAll("th").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"thead",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})});const s=Array.from(l).map(e=>{const t=e.querySelectorAll("td"),r={};return t.forEach((e,t)=>{var l;t<o.length&&(r[o[t].id]=(null==(l=e.textContent)?void 0:l.trim())||"")}),r});return Array.from(l).forEach((e,t)=>{e.querySelectorAll("td").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"tbody",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})}),{name:"",columns:o,rows:s.length>0?s:[{}],border:!0,mergedCells:a}}catch(t){return null}},H=t.useCallback(e=>{var t;const{src:r,alt:n,styles:o,text:a,placeholder:s,placeholders:i}=e||(null==l?void 0:l.attributes)||T||{},d={...m.initialStyles[w],...o,...null==T?void 0:T.styles,...null==e?void 0:e.styles},u=b.generateInlineStyles(d);if("buttons"===w)return`<button style="${u}">${a||"Button Text"}</button>`;if("image"===w){let e=u;return(null==d?void 0:d.is_bordered)?(d.padding="10px",e=b.generateInlineStyles(d)):(d.padding="0",e=b.generateInlineStyles(d)),`<img src="${r||""}" alt="${n||""}" style="${e}" />`}if("divider"===w)return`<hr style="${u}" />`;if("table"===w){const{border:e,borderStyle:r,borderColor:l,...n}=d,o=b.generateInlineStyles(d.is_bordered?d:n),a=b.generateInlineStyles(d.tHead||{}),s=b.generateInlineStyles(d.tBody||{}),u=b.generateInlineStyles({...d.thCells||{},...d.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),c=b.generateInlineStyles({...d.tbCells||{},...d.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),p=(e,t,r)=>{var l;return null==(l=I.mergedCells)?void 0:l.find(l=>l.section===e&&t>=l.rowStart&&t<=l.rowEnd&&r>=l.colStart&&r<=l.colEnd)},m=I.columns.map((e,t)=>{const r=p("thead",0,t);if(r&&t!==r.colStart)return"";const l=r?` rowspan="${r.rowEnd-r.rowStart+1}" colspan="${r.colEnd-r.colStart+1}"`:"",n=r?r.value:e.header;return`<th style="${u}"${l}>${n}</th>`}).filter(e=>""!==e).join("");let h="";if(I.name){const e=I.columns.map((e,t)=>{var r,l;const n=p("tbody",0,t);if(n&&t!==n.colStart)return"";const o=n?` rowspan="${n.rowEnd-n.rowStart+1}" colspan="${n.colEnd-n.colStart+1}"`:"";let a="";if("index"===e.id||"incrementIndex"===e.id)a="{{incrementIndex @index}}";else if(e.id.includes(".")){const t=null==(r=null==I?void 0:I.rows)?void 0:r[0][e.id];a="string"==typeof t?t.replace(I.name+".",""):String(t||"")}else{const t=null==(l=null==I?void 0:I.rows)?void 0:l[0][e.id];a="string"==typeof t?t.replace(I.name+".",""):String(t||"")}return`<td style="${c}"${o}>${a}</td>`}).filter(e=>""!==e).join(""),r=(null==(t=d.tBody)?void 0:t.zebraStriping)?`{{#if (isOdd @index)}}${s}; background-color: ${d.tBody.alternateRowColor||"#f9f9f9"}{{else}}${s}{{/if}}`:s;h=`{{#each ${I.name}}}\n            <tr style="${r}">\n              ${e}\n            </tr>\n          {{/each}}`}else h=I.rows.map((e,t)=>{var r;const l=(null==(r=d.tBody)?void 0:r.zebraStriping)&&t%2==1?`; background-color: ${d.tBody.alternateRowColor||"#f9f9f9"}`:"",n=I.columns.map((r,l)=>{const n=p("tbody",t,l);if(n&&(t!==n.rowStart||l!==n.colStart))return"";let o=e[r.id]||"";Object.keys(e).includes(`${r.id}_static`)&&(o=e[`${r.id}_static`]||""),!o&&(null==i?void 0:i[r.id])&&(o=(e=>{const t=x.find(t=>t.value===e);if(!t)return"";if(void 0!==t.actualValue)return String(t.actualValue);switch(t.type){case"date":/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../node_modules/@mui/icons-material/Close/index.js"),l=require("../../../../components/typography/typography/index.js"),n=require("../controllers/TextControls/index.js"),o=require("../controllers/ButtonControls/index.js"),a=require("../controllers/ImageControls/index.js"),s=require("../controllers/DividerControls/index.js"),i=require("../controllers/TableControls/index.js"),d=require("../controllers/SignatureControls/index.js"),u=require("../controllers/CodeControls/index.js"),c=require("../../../../components/select/select/index.js"),m=require("../../utils/constant/index.js"),p=require("../../utils/common/index.js"),b=require("../../../../node_modules/@mui/material/Paper/Paper/index.js"),h=require("../../../../node_modules/@mui/material/Box/Box/index.js"),y=require("../../../../node_modules/@mui/material/Tooltip/Tooltip/index.js"),f=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),v=require("../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),g=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),x=require("../../../../components/icons/save/index.js");const S=["text","text-block","heading","heading-2","heading-3","heading-4","buttons","image","divider","table","signature","qr-code","bar-code"];exports.default=({section:$,onClose:j,onUpdate:C,placeholders:w,relation_table:q,handleSave:E})=>{var A,_;const I=t.useMemo(()=>(null==$?void 0:$.type)||"text",[null==$?void 0:$.type]),D=t.useMemo(()=>(null==$?void 0:$.content)||"text",[null==$?void 0:$.content]);t.useState([]);const[T,B]=t.useState((null==(A=null==$?void 0:$.attributes)?void 0:A.rowLevel)||!1),[L,k]=t.useState({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]}),[M,H]=t.useState(!0),[N,O]=t.useState(p.extractStyles(D));t.useEffect(()=>{var e,t;if($&&"table"===$.type)if(null==(e=$.attributes)?void 0:e.tableData)k($.attributes.tableData);else{const e=P($.content);e&&(k(e),B((null==(t=null==$?void 0:$.attributes)?void 0:t.rowLevel)||!1))}},[]),t.useEffect(()=>{var e;$&&!M&&(document.createElement("div").innerHTML=$.content,O(null==(e=p.extractStyles($.content))?void 0:e.styles),H(!1))},[$]);const P=e=>{try{const t=(new DOMParser).parseFromString(e,"text/html").querySelector("table");if(!t)return null;const r=t.querySelectorAll("thead tr"),l=t.querySelectorAll("tbody tr");if(0===r.length)return null;const n=r[0].querySelectorAll("th"),o=Array.from(n).map((e,t)=>{var r;return{id:`col${t+1}`,header:(null==(r=e.textContent)?void 0:r.trim())||`Column ${t+1}`}}),a=[];Array.from(r).forEach((e,t)=>{e.querySelectorAll("th").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"thead",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})});const s=Array.from(l).map(e=>{const t=e.querySelectorAll("td"),r={};return t.forEach((e,t)=>{var l;t<o.length&&(r[o[t].id]=(null==(l=e.textContent)?void 0:l.trim())||"")}),r});return Array.from(l).forEach((e,t)=>{e.querySelectorAll("td").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"tbody",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})}),{name:"",columns:o,rows:s.length>0?s:[{}],border:!0,mergedCells:a}}catch(t){return null}},z=t.useCallback(e=>{var t;const{src:r,alt:l,styles:n,text:o,placeholder:a,placeholders:s}=e||(null==$?void 0:$.attributes)||N||{},i={...m.initialStyles[I],...n,...null==N?void 0:N.styles,...null==e?void 0:e.styles},d=p.generateInlineStyles(i);if("buttons"===I)return`<button style="${d}">${o||"Button Text"}</button>`;if("image"===I){let e=d;return(null==i?void 0:i.is_bordered)?(i.padding="10px",e=p.generateInlineStyles(i)):(i.padding="0",e=p.generateInlineStyles(i)),`<img src="${r||""}" alt="${l||""}" style="${e}" />`}if("divider"===I)return`<hr style="${d}" />`;if("table"===I){const{border:e,borderStyle:r,borderColor:l,...n}=i,o=p.generateInlineStyles(i.is_bordered?i:n),a=p.generateInlineStyles(i.tHead||{}),d=p.generateInlineStyles(i.tBody||{}),u=p.generateInlineStyles({...i.thCells||{},...i.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),c=p.generateInlineStyles({...i.tbCells||{},...i.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),m=(e,t,r)=>{var l;return null==(l=L.mergedCells)?void 0:l.find(l=>l.section===e&&t>=l.rowStart&&t<=l.rowEnd&&r>=l.colStart&&r<=l.colEnd)},b=L.columns.map((e,t)=>{const r=m("thead",0,t);if(r&&t!==r.colStart)return"";const l=r?` rowspan="${r.rowEnd-r.rowStart+1}" colspan="${r.colEnd-r.colStart+1}"`:"",n=r?r.value:e.header;return`<th style="${u}"${l}>${n}</th>`}).filter(e=>""!==e).join("");let h="";if(L.name){const e=L.columns.map((e,t)=>{var r,l;const n=m("tbody",0,t);if(n&&t!==n.colStart)return"";const o=n?` rowspan="${n.rowEnd-n.rowStart+1}" colspan="${n.colEnd-n.colStart+1}"`:"";let a="";if("index"===e.id||"incrementIndex"===e.id)a="{{incrementIndex @index}}";else if(e.id.includes(".")){const t=null==(r=null==L?void 0:L.rows)?void 0:r[0][e.id];a="string"==typeof t?t.replace(L.name+".",""):String(t||"")}else{const t=null==(l=null==L?void 0:L.rows)?void 0:l[0][e.id];a="string"==typeof t?t.replace(L.name+".",""):String(t||"")}return`<td style="${c}"${o}>${a}</td>`}).filter(e=>""!==e).join(""),r=(null==(t=i.tBody)?void 0:t.zebraStriping)?`{{#if (isOdd @index)}}${d}; background-color: ${i.tBody.alternateRowColor||"#f9f9f9"}{{else}}${d}{{/if}}`:d;h=`{{#each ${L.name}}}\n            <tr style="${r}">\n              ${e}\n            </tr>\n          {{/each}}`}else h=L.rows.map((e,t)=>{var r;const l=(null==(r=i.tBody)?void 0:r.zebraStriping)&&t%2==1?`; background-color: ${i.tBody.alternateRowColor||"#f9f9f9"}`:"",n=L.columns.map((r,l)=>{const n=m("tbody",t,l);if(n&&(t!==n.rowStart||l!==n.colStart))return"";let o=e[r.id]||"";Object.keys(e).includes(`${r.id}_static`)&&(o=e[`${r.id}_static`]||""),!o&&(null==s?void 0:s[r.id])&&(o=(e=>{const t=w.find(t=>t.value===e);if(!t)return"";if(void 0!==t.actualValue)return String(t.actualValue);switch(t.type){case"date":/* @__PURE__ */
 return(new Date).toLocaleDateString();case"datetime":/* @__PURE__ */
-return(new Date).toLocaleString();case"number":return"123";case"currency":return"$1,234.56";case"email":return"example@domain.com";case"phone":return"+1 (555) 123-4567";case"url":return"https://example.com";default:return t.label||t.value}})(i[r.id]));const a=n?` rowspan="${n.rowEnd-n.rowStart+1}" colspan="${n.colEnd-n.colStart+1}"`:"",s=n?n.value:o;return`<td style="${c}"${a}>${s}</td>`}).filter(e=>""!==e).join("");return`<tr style="${s}${l}">${n}</tr>`}).join("");return`\n        <table style="${o}">\n          <thead>\n            <tr style="${a}">\n              ${m}\n            </tr>\n          </thead>\n          <tbody>\n            ${h}\n          </tbody>\n        </table>\n      `}if("qr-code"===w||"bar-code"===w)return`<div style="${u}">${s}</div>`;if(/<\/?[a-z][\s\S]*>/i.test(E)){const e=(new DOMParser).parseFromString(`<div>${E}</div>`,"text/html").body.firstChild;return e&&e.nodeType===Node.ELEMENT_NODE?(e.querySelectorAll("*").forEach(e=>{if("SCRIPT"===e.tagName||"STYLE"===e.tagName)return;const t=e.getAttribute("style")||"",r={};t.split(";").forEach(e=>{const[t,l]=e.split(":").map(e=>e.trim());t&&l&&(r[t]=l)});const l={};u.split(";").forEach(e=>{const[t,r]=e.split(":").map(e=>e.trim());t&&r&&(l[t]=r)}),"P"===e.tagName||"DIV"===e.tagName?l["line-height"]="1.5":["H1","H2","H3","H4","H5","H6"].includes(e.tagName)&&(l["line-height"]="1.2",l.margin="0.5em 0");const n={...r,...l},o=Object.entries(n).filter(([e,t])=>e&&t).map(([e,t])=>`${e}: ${t}`).join("; ");e.setAttribute("style",o)}),e.innerHTML):E}switch(w){case"text":case"text-block":default:return`<p style="${u}">${E}</p>`;case"heading":return`<h1 style="${u}">${E}</h1>`;case"heading-2":return`<h2 style="${u}">${E}</h2>`;case"heading-3":return`<h3 style="${u}">${E}</h3>`;case"heading-4":return`<h4 style="${u}">${E}</h4>`;case"signature":return`<div style="${u}">${E}</div>`}},[JSON.stringify(l)]),M=()=>{const e={content:H(),type:w,rowLevel:q,name:I.name||"",attributes:{...(null==l?void 0:l.attributes)||{},..."table"===w?{tableData:I}:{}},is_edited_from_source:(null==l?void 0:l.is_edited_from_source)||!1};g(e)};t.useEffect(()=>{M()},[I]);const N=e=>{var t;if(!l)return;const r={...(null==(t=l.attributes)?void 0:t.styles)||{},...e.styles||{}},n={...l.attributes||{},...e,styles:r,..."table"===w?{tableData:I}:{}},{id:o,...a}=l,s=H(n);L(n),g({...a,content:s,attributes:n})};/* @__PURE__ */
-return e.jsxs(r.Paper,{elevation:3,sx:{width:{xs:"100%",sm:320,lg:390},height:"100%",overflow:"auto",borderLeft:"1px solid",borderColor:"divider",display:"flex",flexDirection:"column",bgcolor:"background.paper",boxShadow:"none"},children:[
-/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,borderBottom:"1px solid",borderColor:"divider",bgcolor:"grey.50"},children:[
-/* @__PURE__ */e.jsxs(n.Typography,{type:"s1",weight:"bold",color:"theme.neutral.1000",children:["Format ",w?(null==(j=null==w?void 0:w.charAt(0))?void 0:j.toUpperCase())+(null==w?void 0:w.slice(1).replace(/-/g," ")):""]}),
-/* @__PURE__ */e.jsx(r.Tooltip,{title:"Save and Close",children:/* @__PURE__ */e.jsxs(r.Box,{children:[
-/* @__PURE__ */e.jsx(r.IconButton,{size:"small",onClick:()=>{M(),null==$||$(),y()},"aria-label":"Save",children:/* @__PURE__ */e.jsx(h.Save,{fontSize:"small"})}),
-/* @__PURE__ */e.jsx(r.IconButton,{size:"small",onClick:y,"aria-label":"Close",children:/* @__PURE__ */e.jsx(v.default,{fontSize:"small"})})]})})]}),
-/* @__PURE__ */e.jsxs(r.Box,{sx:{p:2,flex:1,pb:10,overflowY:"auto"},children:[
-/* @__PURE__ */e.jsx(r.Box,{sx:{mb:2},children:/* @__PURE__ */e.jsx(r.FormControl,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsx(p.default,{value:null==l?void 0:l.type,onChange:e=>(e=>{const t=b.getInitialSectionData(e);g({...l,...t}),"table"===e&&_({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]})})(e.target.value),renderValue:e=>e?e.charAt(0).toUpperCase()+e.slice(1).replace(/-/g," "):"",label:"Select Preset",displayEmpty:!0,children:f.map(t=>/* @__PURE__ */e.jsx(r.MenuItem,{value:t,children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"theme.secondary.1000",children:t.charAt(0).toUpperCase()+t.slice(1).replace(/-/g," ")})},t))})})}),l&&("text"===w||"heading"===w||"heading-2"===w||"heading-3"===w||"heading-4"===w)&&/* @__PURE__ */e.jsx(o.default,{attrs:(null==l?void 0:l.attributes)||{},updateAttrs:N}),"buttons"===w&&/* @__PURE__ */e.jsx(a.default,{attrs:(null==l?void 0:l.attributes)||{},updateAttrs:N}),"image"===w&&/* @__PURE__ */e.jsx(s.default,{attrs:(null==l?void 0:l.attributes)||{},updateAttrs:N}),"divider"===w&&/* @__PURE__ */e.jsx(i.default,{attrs:(null==l?void 0:l.attributes)||{},updateAttrs:N}),"table"===w&&/* @__PURE__ */e.jsx(d.default,{tableData:{...I,rows:I.rows.map(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]=String(e[r]??"")}),t})},setTableData:e=>{var t;t={...e,border:I.border,name:I.name||""},_(t),M()},attrs:(null==l?void 0:l.attributes)||{},updateAttrs:N,placeholders:x,handleSave:$,setParentRowLevel:A,levelType:q,relation_table:S}),"signature"===w&&/* @__PURE__ */e.jsx(u.default,{attrs:(null==l?void 0:l.attributes)||{},updateAttrs:N}),l&&("qr-code"===w||"bar-code"===w)&&/* @__PURE__ */e.jsx(c.default,{attrs:(null==l?void 0:l.attributes)||{},updateAttrs:N})]})]})};
+return(new Date).toLocaleString();case"number":return"123";case"currency":return"$1,234.56";case"email":return"example@domain.com";case"phone":return"+1 (555) 123-4567";case"url":return"https://example.com";default:return t.label||t.value}})(s[r.id]));const a=n?` rowspan="${n.rowEnd-n.rowStart+1}" colspan="${n.colEnd-n.colStart+1}"`:"",i=n?n.value:o;return`<td style="${c}"${a}>${i}</td>`}).filter(e=>""!==e).join("");return`<tr style="${d}${l}">${n}</tr>`}).join("");return`\n        <table style="${o}">\n          <thead>\n            <tr style="${a}">\n              ${b}\n            </tr>\n          </thead>\n          <tbody>\n            ${h}\n          </tbody>\n        </table>\n      `}if("qr-code"===I||"bar-code"===I)return`<div style="${d}">${a}</div>`;if(/<\/?[a-z][\s\S]*>/i.test(D)){const e=(new DOMParser).parseFromString(`<div>${D}</div>`,"text/html").body.firstChild;return e&&e.nodeType===Node.ELEMENT_NODE?(e.querySelectorAll("*").forEach(e=>{if("SCRIPT"===e.tagName||"STYLE"===e.tagName)return;const t=e.getAttribute("style")||"",r={};t.split(";").forEach(e=>{const[t,l]=e.split(":").map(e=>e.trim());t&&l&&(r[t]=l)});const l={};d.split(";").forEach(e=>{const[t,r]=e.split(":").map(e=>e.trim());t&&r&&(l[t]=r)}),"P"===e.tagName||"DIV"===e.tagName?l["line-height"]="1.5":["H1","H2","H3","H4","H5","H6"].includes(e.tagName)&&(l["line-height"]="1.2",l.margin="0.5em 0");const n={...r,...l},o=Object.entries(n).filter(([e,t])=>e&&t).map(([e,t])=>`${e}: ${t}`).join("; ");e.setAttribute("style",o)}),e.innerHTML):D}switch(I){case"text":case"text-block":default:return`<p style="${d}">${D}</p>`;case"heading":return`<h1 style="${d}">${D}</h1>`;case"heading-2":return`<h2 style="${d}">${D}</h2>`;case"heading-3":return`<h3 style="${d}">${D}</h3>`;case"heading-4":return`<h4 style="${d}">${D}</h4>`;case"signature":return`<div style="${d}">${D}</div>`}},[JSON.stringify($)]),F=()=>{const e={content:z(),type:I,rowLevel:T,name:L.name||"",attributes:{...(null==$?void 0:$.attributes)||{},..."table"===I?{tableData:L}:{}},is_edited_from_source:(null==$?void 0:$.is_edited_from_source)||!1};C(e)};t.useEffect(()=>{F()},[L]);const R=e=>{var t;if(!$)return;const r={...(null==(t=$.attributes)?void 0:t.styles)||{},...e.styles||{}},l={...$.attributes||{},...e,styles:r,..."table"===I?{tableData:L}:{}},{id:n,...o}=$,a=z(l);O(l),C({...o,content:a,attributes:l})};/* @__PURE__ */
+return e.jsxs(b.default,{elevation:3,sx:{width:{xs:"100%",sm:320,lg:390},height:"100%",overflow:"auto",borderLeft:"1px solid",borderColor:"divider",display:"flex",flexDirection:"column",bgcolor:"background.paper",boxShadow:"none"},children:[
+/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,borderBottom:"1px solid",borderColor:"divider",bgcolor:"grey.50"},children:[
+/* @__PURE__ */e.jsxs(l.Typography,{type:"s1",weight:"bold",color:"theme.neutral.1000",children:["Format ",I?(null==(_=null==I?void 0:I.charAt(0))?void 0:_.toUpperCase())+(null==I?void 0:I.slice(1).replace(/-/g," ")):""]}),
+/* @__PURE__ */e.jsx(y.default,{title:"Save and Close",children:/* @__PURE__ */e.jsxs(h.default,{children:[
+/* @__PURE__ */e.jsx(f.default,{size:"small",onClick:()=>{F(),null==E||E(),j()},"aria-label":"Save",children:/* @__PURE__ */e.jsx(x.Save,{fontSize:"small"})}),
+/* @__PURE__ */e.jsx(f.default,{size:"small",onClick:j,"aria-label":"Close",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})]})})]}),
+/* @__PURE__ */e.jsxs(h.default,{sx:{p:2,flex:1,pb:10,overflowY:"auto"},children:[
+/* @__PURE__ */e.jsx(h.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(v.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsx(c.default,{value:null==$?void 0:$.type,onChange:e=>(e=>{const t=p.getInitialSectionData(e);C({...$,...t}),"table"===e&&k({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]})})(e.target.value),renderValue:e=>e?e.charAt(0).toUpperCase()+e.slice(1).replace(/-/g," "):"",label:"Select Preset",displayEmpty:!0,children:S.map(t=>/* @__PURE__ */e.jsx(g.default,{value:t,children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:t.charAt(0).toUpperCase()+t.slice(1).replace(/-/g," ")})},t))})})}),$&&("text"===I||"heading"===I||"heading-2"===I||"heading-3"===I||"heading-4"===I)&&/* @__PURE__ */e.jsx(n.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"buttons"===I&&/* @__PURE__ */e.jsx(o.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"image"===I&&/* @__PURE__ */e.jsx(a.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"divider"===I&&/* @__PURE__ */e.jsx(s.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"table"===I&&/* @__PURE__ */e.jsx(i.default,{tableData:{...L,rows:L.rows.map(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]=String(e[r]??"")}),t})},setTableData:e=>{var t;t={...e,border:L.border,name:L.name||""},k(t),F()},attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R,placeholders:w,handleSave:E,setParentRowLevel:B,levelType:T,relation_table:q}),"signature"===I&&/* @__PURE__ */e.jsx(d.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),$&&("qr-code"===I||"bar-code"===I)&&/* @__PURE__ */e.jsx(u.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R})]})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/components/SectionFormatPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/SectionFormatPanel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\r\nimport {\r\n  Box,\r\n  Paper,\r\n  IconButton,\r\n  FormControl,\r\n  MenuItem,\r\n  Tooltip,\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { Save } from '../../../components/icons';\r\nimport Typography from '../../../components/typography/typography';\r\n\r\n// Import sub-components\r\nimport TextControls from './controllers/TextControls';\r\nimport ButtonControls from './controllers/ButtonControls';\r\nimport ImageControls from './controllers/ImageControls';\r\nimport DividerControls from './controllers/DividerControls';\r\nimport TableControls from './controllers/TableControls';\r\nimport SignatureControls from './controllers/SignatureControls';\r\nimport CodeControls from './controllers/CodeControls';\r\nimport Select from '../../../components/select/select';\r\nimport { EnhancedSectionData, ElementType } from '../types/editor';\r\nimport { initialStyles } from '../utils/constant';\r\nimport { extractStyles, generateInlineStyles, getInitialSectionData } from '../utils/common';\r\n// import { useCKEditorStyleExtractor } from '../utils/style-extractor';\r\n\r\n// Shared types for SectionFormatPanel and sub-components\r\nexport interface TableColumn {\r\n  id: string;\r\n  header: string;\r\n  placeholder?: string;\r\n}\r\n\r\nexport interface TableRow {\r\n  [key: string]: string | number | boolean;\r\n}\r\n\r\nexport interface CellMerge {\r\n  section: 'thead' | 'tbody';\r\n  rowStart: number;\r\n  rowEnd: number;\r\n  colStart: number;\r\n  colEnd: number;\r\n  value: string;\r\n}\r\n\r\nexport interface TableData {\r\n  name?: string; // Added name property for #each iteration\r\n  columns: TableColumn[];\r\n  rows: TableRow[];\r\n  border: boolean;\r\n  mergedCells?: CellMerge[];\r\n}\r\n\r\ninterface SectionData {\r\n  type: 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';\r\n  content: string;\r\n  attributes?: {\r\n    styles?: any;\r\n    placeholders?: Record<string, string>;\r\n    tableData?: TableData;\r\n    [key: string]: any;\r\n  };\r\n}\r\n\r\ninterface SectionFormatPanelProps {\r\n  section: SectionData | undefined;\r\n  onClose: () => void;\r\n  onUpdate: (data: Partial<EnhancedSectionData>) => void;\r\n  placeholders: Record<string, any>[];\r\n  relation_table?:any;\r\n  handleSave?: () => void;\r\n}\r\n\r\nconst sectionTypes = ['text','text-block','heading','heading-2','heading-3','heading-4','buttons','image','divider','table','signature','qr-code','bar-code']\r\n\r\nconst SectionFormatPanel: React.FC<SectionFormatPanelProps> = ({ \r\n  section, \r\n  onClose, \r\n  onUpdate,\r\n   placeholders,\r\n  relation_table,\r\n  handleSave }) => {\r\n  // const { applyStylesToHtml } = useCKEditorStyleExtractor()\r\n  // const [plainContent, setPlainContent] = useState('');\r\n  const sectionType = useMemo(() => section?.type || 'text', [section?.type]);\r\n  const content = useMemo(() => section?.content || 'text', [section?.content]);\r\n  const [formatOptions, setFormatOptions] = useState<string[]>([]);\r\n  const[rowLevel, setRowLevel] = useState<boolean>((section?.attributes as any)?.rowLevel || false);\r\n  const [tableData, setTableData] = useState<TableData>({\r\n    name: '', // Initialize with empty name\r\n    columns: [\r\n      { id: 'col1', header: 'Column 1' },\r\n      { id: 'col2', header: 'Column 2' },\r\n      { id: 'col3', header: 'Column 3' }\r\n    ],\r\n    rows: [\r\n      { col1: '', col2: '', col3: '' }\r\n    ],\r\n    border: true,\r\n    mergedCells: []\r\n  });\r\n  const [isInitialLoad, setIsInitialLoad] = useState(true);\r\n  const [selectedContentAttrObj, setSelectedContentAttrObj] = useState(extractStyles(content, section?.type));\r\n\r\n  // Initialize table data from section attributes\r\n  useEffect(() => {\r\n    if (section && section.type === 'table') {\r\n      // If section has stored table data, use it\r\n      if (section.attributes?.tableData) {\r\n        setTableData(section.attributes.tableData);\r\n      } else {\r\n        // Try to extract table data from HTML content\r\n        const extractedTableData = extractTableDataFromHTML(section.content);\r\n        if (extractedTableData) {\r\n          setTableData(extractedTableData);\r\n          setRowLevel((section?.attributes as any)?.rowLevel || false);\r\n        }\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (section && !isInitialLoad) {\r\n      const tempDiv = document.createElement('div');\r\n      tempDiv.innerHTML = section.content;\r\n      const text = tempDiv.textContent || '';\r\n      // setPlainContent(text);\r\n      setSelectedContentAttrObj(extractStyles(section.content, section?.type)?.styles)\r\n      setIsInitialLoad(false);\r\n    }\r\n  }, [section]);\r\n\r\n  // Extract table data from HTML content\r\n  const extractTableDataFromHTML = (htmlContent: string): TableData | null => {\r\n    try {\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(htmlContent, 'text/html');\r\n      const table = doc.querySelector('table');\r\n      \r\n      if (!table) return null;\r\n\r\n      const headerRows = table.querySelectorAll('thead tr');\r\n      const bodyRows = table.querySelectorAll('tbody tr');\r\n\r\n      if (headerRows.length === 0) return null;\r\n\r\n      // Extract columns from the first header row\r\n      const headerCells = headerRows[0].querySelectorAll('th');\r\n      const columns: TableColumn[] = Array.from(headerCells).map((th, index) => ({\r\n        id: `col${index + 1}`,\r\n        header: th.textContent?.trim() || `Column ${index + 1}`\r\n      }));\r\n\r\n      // Extract merged cells from thead\r\n      const mergedCells: CellMerge[] = [];\r\n      Array.from(headerRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('th');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'thead',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      // Extract rows\r\n      const rows: TableRow[] = Array.from(bodyRows).map(row => {\r\n        const cells = row.querySelectorAll('td');\r\n        const rowData: TableRow = {};\r\n        \r\n        cells.forEach((cell, index) => {\r\n          if (index < columns.length) {\r\n            rowData[columns[index].id] = cell.textContent?.trim() || '';\r\n          }\r\n        });\r\n        \r\n        return rowData;\r\n      });\r\n\r\n      // Extract merged cells from tbody\r\n      Array.from(bodyRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('td');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'tbody',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      return {\r\n        name: '', // Default empty name\r\n        columns,\r\n        rows: rows.length > 0 ? rows : [{}],\r\n        border: true,\r\n        mergedCells\r\n      };\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  // Get placeholder value for table generation\r\n  const getPlaceholderValue = (placeholderKey: string): string => {\r\n    const placeholder = placeholders.find(p => p.value === placeholderKey);\r\n    if (!placeholder) return '';\r\n    \r\n    // Return actual value or generate sample based on type\r\n    if (typeof placeholder.actualValue !== 'undefined') {\r\n      return String(placeholder.actualValue);\r\n    }\r\n    \r\n    switch (placeholder.type) {\r\n      case 'date':\r\n        return new Date().toLocaleDateString();\r\n      case 'datetime':\r\n        return new Date().toLocaleString();\r\n      case 'number':\r\n        return '123';\r\n      case 'currency':\r\n        return '$1,234.56';\r\n      case 'email':\r\n        return 'example@domain.com';\r\n      case 'phone':\r\n        return '+1 (555) 123-4567';\r\n      case 'url':\r\n        return 'https://example.com';\r\n      default:\r\n        return placeholder.label || placeholder.value;\r\n    }\r\n  };\r\n\r\n const generateContent = useCallback((attrs?: Record<any, any>): string => {\r\n    const { src, alt, styles: eStyles, text, placeholder, placeholders: tPlaceholders } = attrs || section?.attributes || selectedContentAttrObj || {}\r\n    const styles = {\r\n      ...initialStyles[sectionType],\r\n      ...eStyles,\r\n      ...selectedContentAttrObj?.styles,\r\n      ...attrs?.styles\r\n    }\r\n\r\n    const inlineStyles = generateInlineStyles(styles);\r\n    \r\n    // For buttons, images, dividers, and codes - use the existing logic\r\n    if (sectionType === 'buttons') {\r\n      return `<button style=\"${inlineStyles}\">${text || 'Button Text'}</button>`;\r\n    } else if (sectionType === 'image') {\r\n      let imgInlineStyles: string = inlineStyles;\r\n      if(styles?.is_bordered) {\r\n        styles.padding = '10px';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      } else{\r\n        styles.padding = '0';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      }\r\n      return `<img src=\"${src || ''}\" alt=\"${alt || ''}\" style=\"${imgInlineStyles}\" />`;\r\n    } else if (sectionType === 'divider') {\r\n      return `<hr style=\"${inlineStyles}\" />`;\r\n    } else if (sectionType === 'table') {\r\n      const { border, borderStyle, borderColor, ...rest } = styles;\r\n      const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest); \r\n      const tHeadInlineStyles: string = generateInlineStyles(styles.tHead || {});\r\n      const tBodyInlineStyles: string = generateInlineStyles(styles.tBody || {});\r\n      const thCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.thCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {}) \r\n      });\r\n      const tbCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.tbCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {})\r\n      });\r\n\r\n      // Helper function to check if a cell is part of a merge\r\n      const getCellMergeInfo = (section: 'thead' | 'tbody', rowIndex: number, colIndex: number) => {\r\n        return tableData.mergedCells?.find(m => \r\n          m.section === section &&\r\n          rowIndex >= m.rowStart && rowIndex <= m.rowEnd &&\r\n          colIndex >= m.colStart && colIndex <= m.colEnd\r\n        );\r\n      };\r\n\r\n      // Generate header row with merge support\r\n      const headerCellsHTML = tableData.columns.map((column, colIndex) => {\r\n        const mergeInfo = getCellMergeInfo('thead', 0, colIndex);\r\n        \r\n        if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n          return '';\r\n        }\r\n\r\n        const mergeAttributes = mergeInfo ? \r\n          ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n        \r\n        const cellValue = mergeInfo ? mergeInfo.value : column.header;\r\n\r\n        return `<th style=\"${thCellInlineStyles}\"${mergeAttributes}>${cellValue}</th>`;\r\n      }).filter(cell => cell !== '').join('');\r\n\r\n      // Generate table body with #each loop using tableData.name\r\n      let tableRowsHTML = '';\r\n      \r\n      // Check if we should use #each loop with tableData.name\r\n      if (tableData.name) {\r\n        // Generate template with #each handlebars syntax\r\n        const rowTemplate = tableData.columns.map((column, colIndex) => {\r\n          const mergeInfo = getCellMergeInfo('tbody', 0, colIndex); // Use first row as template\r\n          \r\n          if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n            return '';\r\n          }\r\n\r\n          const mergeAttributes = mergeInfo ? \r\n            ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n          \r\n          // Use handlebars template syntax for dynamic content\r\n          let cellTemplate = '';\r\n          \r\n          // Handle special cases\r\n          if (column.id === 'index' || column.id === 'incrementIndex') {\r\n            cellTemplate = `{{incrementIndex @index}}`;\r\n          } else if (column.id.includes('.')) {\r\n            // Handle nested properties (like items.sku, tax_code_data.[0].rate)\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          } else {\r\n            // Direct property access\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          }\r\n\r\n          return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${cellTemplate}</td>`;\r\n        }).filter(cell => cell !== '').join('');\r\n\r\n        // Add zebra striping logic if enabled\r\n        const rowStyleTemplate = styles.tBody?.zebraStriping \r\n          ? `{{#if (isOdd @index)}}${tBodyInlineStyles}; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}{{else}}${tBodyInlineStyles}{{/if}}`\r\n          : tBodyInlineStyles;\r\n\r\n        tableRowsHTML = `{{#each ${tableData.name}}}\r\n            <tr style=\"${rowStyleTemplate}\">\r\n              ${rowTemplate}\r\n            </tr>\r\n          {{/each}}`;\r\n        \r\n      } else {\r\n        // Fallback to static rows when no tableData.name is provided\r\n        tableRowsHTML = tableData.rows.map((row, rowIndex) => {\r\n          const rowStyleAddition = styles.tBody?.zebraStriping && rowIndex % 2 === 1 \r\n            ? `; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}` \r\n            : '';\r\n          \r\n          const cellsHTML = tableData.columns.map((column, colIndex) => {\r\n            const mergeInfo = getCellMergeInfo('tbody', rowIndex, colIndex);\r\n            \r\n            if (mergeInfo && (rowIndex !== mergeInfo.rowStart || colIndex !== mergeInfo.colStart)) {\r\n              return '';\r\n            }\r\n\r\n            let cellValue = row[column.id] || '';\r\n            const keys = Object.keys(row)\r\n            if(keys.includes(`${column.id}_static`)) {\r\n              cellValue = row[`${column.id}_static`] || '';\r\n            }\r\n            if (!cellValue && tPlaceholders?.[column.id]) {\r\n              cellValue = getPlaceholderValue(tPlaceholders[column.id]);\r\n            }\r\n\r\n            const mergeAttributes = mergeInfo ? \r\n              ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n            \r\n            const finalCellValue = mergeInfo ? mergeInfo.value : cellValue;\r\n\r\n            return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${finalCellValue}</td>`;\r\n          }).filter(cell => cell !== '').join('');\r\n          \r\n          return `<tr style=\"${tBodyInlineStyles}${rowStyleAddition}\">${cellsHTML}</tr>`;\r\n        }).join('');\r\n      }\r\n      \r\n      return `\r\n        <table style=\"${tInlineStyles}\">\r\n          <thead>\r\n            <tr style=\"${tHeadInlineStyles}\">\r\n              ${headerCellsHTML}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            ${tableRowsHTML}\r\n          </tbody>\r\n        </table>\r\n      `;\r\n    } else if (sectionType === 'qr-code' || sectionType === 'bar-code') {\r\n      return `<div style=\"${inlineStyles}\">${placeholder}</div>`;\r\n    }\r\n    \r\n    // For text-based sections, parse and apply styles to existing HTML tags\r\n    const hasHtmlTags = /<\\/?[a-z][\\s\\S]*>/i.test(content);\r\n    \r\n    if (!hasHtmlTags) {\r\n      // If no HTML tags, wrap according to section type\r\n      switch (sectionType) {\r\n        case 'text':\r\n        case 'text-block':\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n        case 'heading':\r\n          return `<h1 style=\"${inlineStyles}\">${content}</h1>`;\r\n        case 'heading-2':\r\n          return `<h2 style=\"${inlineStyles}\">${content}</h2>`;\r\n        case 'heading-3':\r\n          return `<h3 style=\"${inlineStyles}\">${content}</h3>`;\r\n        case 'heading-4':\r\n          return `<h4 style=\"${inlineStyles}\">${content}</h4>`;\r\n        case 'signature':\r\n          return `<div style=\"${inlineStyles}\">${content}</div>`;\r\n        default:\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n      }\r\n    } else {\r\n      // Create a temporary DOM element to manipulate the HTML\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(`<div>${content}</div>`, 'text/html');\r\n      const container = doc.body.firstChild as Element;\r\n      \r\n      // Process all child elements\r\n      if (container && container.nodeType === Node.ELEMENT_NODE) {\r\n        const elements = container.querySelectorAll('*');\r\n\r\n        elements.forEach(element => {\r\n          // Skip processing script tags or other special elements\r\n          if (element.tagName === 'SCRIPT' || element.tagName === 'STYLE') {\r\n            return;\r\n          }\r\n          \r\n          // Get existing style and merge with new style\r\n          const existingStyle = element.getAttribute('style') || '';\r\n          \r\n          // Extract properties from existing style\r\n          const existingProps = {};\r\n          existingStyle.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              existingProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Parse the base style and prepare for merging\r\n          const newStyleProps = {};\r\n          inlineStyles.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              newStyleProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Additional styles based on tag type\r\n          if (element.tagName === 'P' || element.tagName === 'DIV') {\r\n            newStyleProps['line-height'] = '1.5';\r\n          } else if (['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes(element.tagName)) {\r\n            newStyleProps['line-height'] = '1.2';\r\n            newStyleProps['margin'] = '0.5em 0';\r\n          }\r\n          \r\n          // Merge styles, new styles override existing ones\r\n          const mergedProps = { ...existingProps, ...newStyleProps };\r\n          \r\n          // Convert back to style string\r\n          const mergedStyle = Object.entries(mergedProps)\r\n            .filter(([key, value]) => key && value)\r\n            .map(([key, value]) => `${key}: ${value}`)\r\n            .join('; ');\r\n          \r\n          element.setAttribute('style', mergedStyle);\r\n        });\r\n      \r\n        return container.innerHTML;\r\n      }\r\n      \r\n      // Fallback to original content if parsing fails\r\n      return content;\r\n    }\r\n  }, [JSON.stringify(section)]);\r\n\r\n  // Local save function - renamed to avoid conflict with handleSave prop\r\n  const saveSection = () => {\r\n    const updatedContent = generateContent();\r\n    \r\n    const updatedSection = {\r\n      content: updatedContent, \r\n      type: sectionType as ElementType,\r\n      rowLevel: rowLevel,\r\n      name: tableData.name || '',\r\n      attributes: {\r\n        ...(section?.attributes || {}),\r\n        ...(sectionType === 'table' ? { tableData } : {})\r\n      },\r\n      is_edited_from_source: (section as EnhancedSectionData)?.is_edited_from_source || false\r\n    };\r\n    \r\n    onUpdate(updatedSection);\r\n  };\r\nuseEffect(() => {\r\n  saveSection();\r\n},[tableData])\r\n  /**\r\n   * Updates section attributes and triggers content regeneration.\r\n   * Optimized to avoid unnecessary property spreading and glitches.\r\n   */\r\n  const updateAttrs = (prop: Record<string, any>) => {\r\n    if (!section) return;\r\n\r\n    // Merge styles safely\r\n    const mergedStyles = {\r\n      ...(section.attributes?.styles || {}),\r\n      ...(prop.styles || {})\r\n    };\r\n\r\n    // Merge attributes, giving priority to new props\r\n    const mergedAttributes = {\r\n      ...(section.attributes || {}),\r\n      ...prop,\r\n      styles: mergedStyles,\r\n      ...(sectionType === 'table' ? { tableData } : {})\r\n    };\r\n\r\n    // Prepare updated section object (exclude 'id' if present)\r\n    const { id, ...sectionRest } = section as any;\r\n\r\n    // Generate updated content based on new attributes\r\n    const updatedContent = generateContent(mergedAttributes);\r\n    setSelectedContentAttrObj(mergedAttributes)\r\n\r\n    // Compose the update payload, omitting unknown properties\r\n    onUpdate({\r\n      ...sectionRest,\r\n      content: updatedContent,\r\n      attributes: mergedAttributes\r\n    });\r\n  };\r\n\r\n  // Update table data and trigger content regeneration\r\n  const handleTableDataUpdate = (newTableData: TableData) => {\r\n    setTableData(newTableData);\r\n    \r\n    // Trigger immediate update with new table data\r\n    const updatedAttrs = {\r\n      ...(section?.attributes || {}),\r\n      tableData: newTableData\r\n    };\r\n    \r\n    // const updatedContent = generateContent(updatedAttrs);\r\n    // onUpdate({\r\n    //   ...section,\r\n    //   content: updatedContent,\r\n    //   attributes: updatedAttrs\r\n    // });\r\n    saveSection();\r\n  };\r\n\r\n  const handleTypeChange = (t) => {\r\n    const dt = getInitialSectionData(t)\r\n    \r\n    onUpdate({ \r\n      ...section, \r\n      ...dt\r\n    });\r\n    \r\n    // Reset table data when switching types\r\n    if (t === 'table') {\r\n      setTableData({\r\n        name: '', // Initialize with empty name\r\n        columns: [\r\n          { id: 'col1', header: 'Column 1' },\r\n          { id: 'col2', header: 'Column 2' },\r\n          { id: 'col3', header: 'Column 3' }\r\n        ],\r\n        rows: [\r\n          { col1: '', col2: '', col3: '' }\r\n        ],\r\n        border: true,\r\n        mergedCells: []\r\n      });\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Paper\r\n      elevation={3}\r\n      sx={{\r\n        width: { xs: '100%', sm: 320, lg: 390 },\r\n        height: '100%',\r\n        overflow: 'auto',\r\n        borderLeft: '1px solid',\r\n        borderColor: 'divider',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        bgcolor: 'background.paper',\r\n        boxShadow: 'none',\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: 'flex',\r\n          justifyContent: 'space-between',\r\n          alignItems: 'center',\r\n          p: 2,\r\n          borderBottom: '1px solid',\r\n          borderColor: 'divider',\r\n          bgcolor: 'grey.50',\r\n        }}\r\n      >\r\n        <Typography type=\"s1\" weight='bold' color='theme.neutral.1000'>\r\n          Format {sectionType ? sectionType?.charAt(0)?.toUpperCase() + sectionType?.slice(1).replace(/-/g, ' ') : ''}\r\n        </Typography>\r\n        <Tooltip title=\"Save and Close\">\r\n          <Box>\r\n            <IconButton size=\"small\" onClick={() => {\r\n              saveSection();\r\n              handleSave?.();\r\n              onClose();\r\n            }} aria-label=\"Save\">\r\n              <Save fontSize=\"small\" />\r\n            </IconButton>\r\n            <IconButton size=\"small\" onClick={onClose} aria-label=\"Close\">\r\n              <CloseIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          </Box>\r\n        </Tooltip>\r\n      </Box>\r\n\r\n      <Box sx={{ p: 2, flex: 1,pb:10, overflowY: 'auto' }}>\r\n        <Box sx={{ mb: 2 }}>\r\n          <FormControl size=\"small\" fullWidth>\r\n            <Select\r\n              value={section?.type}\r\n              onChange={(e) => handleTypeChange(e.target.value)}\r\n              renderValue={v => v ? v.charAt(0).toUpperCase() + v.slice(1).replace(/-/g, ' ') : ''}\r\n              label='Select Preset'\r\n              displayEmpty\r\n            >\r\n              {sectionTypes.map((type) => (\r\n                <MenuItem key={type} value={type}>\r\n                  <Typography type='s4' color='theme.secondary.1000'>{type.charAt(0).toUpperCase() + type.slice(1).replace(/-/g, ' ')}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n          </FormControl>\r\n        </Box>\r\n        \r\n        {section && (sectionType === 'text' || \r\n          sectionType === 'heading' || \r\n          sectionType === 'heading-2' || \r\n          sectionType === 'heading-3' || \r\n          sectionType === 'heading-4') && (\r\n          <TextControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'buttons' && (\r\n          <ButtonControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'image' && (\r\n          <ImageControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'divider' && (\r\n          <DividerControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'table' && (\r\n          <TableControls\r\n            tableData={{\r\n              ...tableData,\r\n              rows: tableData.rows.map(row => {\r\n                const convertedRow: Record<string, string> = {};\r\n                Object.keys(row).forEach(key => {\r\n                  convertedRow[key] = String(row[key] ?? '');\r\n                });\r\n                return convertedRow;\r\n              })\r\n            }}\r\n            setTableData={(value) => {\r\n              handleTableDataUpdate({\r\n                ...value,\r\n                border: tableData.border,\r\n                name: tableData.name || ''\r\n              });\r\n            }}\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n            placeholders={placeholders}\r\n            handleSave={handleSave}\r\n            setParentRowLevel={setRowLevel}\r\n            levelType={rowLevel}\r\n            relation_table={relation_table}\r\n          />\r\n        )}\r\n        {sectionType === 'signature' && (\r\n          <SignatureControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {section && (sectionType === 'qr-code' || sectionType === 'bar-code') && (\r\n          <CodeControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n\r\nexport default SectionFormatPanel;"],"names":["sectionTypes","section","onClose","onUpdate","placeholders","relation_table","handleSave","sectionType","useMemo","type","content","useState","rowLevel","setRowLevel","_a","attributes","tableData","setTableData","name","columns","id","header","rows","col1","col2","col3","border","mergedCells","isInitialLoad","setIsInitialLoad","selectedContentAttrObj","setSelectedContentAttrObj","extractStyles","useEffect","extractedTableData","extractTableDataFromHTML","_b","document","createElement","innerHTML","styles","htmlContent","table","DOMParser","parseFromString","querySelector","headerRows","querySelectorAll","bodyRows","length","headerCells","Array","from","map","th","index","textContent","trim","forEach","row","rowIndex","cell","colIndex","rowSpan","parseInt","getAttribute","colSpan","push","rowStart","rowEnd","colStart","colEnd","value","cells","rowData","error","generateContent","useCallback","attrs","src","alt","eStyles","text","placeholder","tPlaceholders","initialStyles","inlineStyles","generateInlineStyles","imgInlineStyles","is_bordered","padding","borderStyle","borderColor","rest","tInlineStyles","tHeadInlineStyles","tHead","tBodyInlineStyles","tBody","thCellInlineStyles","thCells","tbCellInlineStyles","tbCells","getCellMergeInfo","find","m","headerCellsHTML","column","mergeInfo","mergeAttributes","cellValue","filter","join","tableRowsHTML","rowTemplate","cellTemplate","includes","replace","String","rowStyleTemplate","zebraStriping","alternateRowColor","rowStyleAddition","cellsHTML","Object","keys","placeholderKey","p","actualValue","Date","toLocaleDateString","toLocaleString","label","getPlaceholderValue","finalCellValue","test","container","body","firstChild","nodeType","Node","ELEMENT_NODE","element","tagName","existingStyle","existingProps","split","prop","key","item","newStyleProps","mergedProps","mergedStyle","entries","setAttribute","JSON","stringify","saveSection","updatedSection","is_edited_from_source","updateAttrs","mergedStyles","mergedAttributes","sectionRest","updatedContent","jsxs","Paper","elevation","sx","width","xs","sm","lg","height","overflow","borderLeft","display","flexDirection","bgcolor","boxShadow","children","Box","justifyContent","alignItems","borderBottom","Typography","weight","color","charAt","toUpperCase","slice","jsx","Tooltip","title","IconButton","size","onClick","Save","fontSize","CloseIcon","flex","pb","overflowY","mb","FormControl","fullWidth","Select","onChange","e","t","dt","getInitialSectionData","handleTypeChange","target","renderValue","v","displayEmpty","MenuItem","TextControls","ButtonControls","ImageControls","DividerControls","TableControls","convertedRow","newTableData","setParentRowLevel","levelType","SignatureControls","CodeControls"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/SectionFormatPanel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\r\nimport {\r\n  Box,\r\n  Paper,\r\n  IconButton,\r\n  FormControl,\r\n  MenuItem,\r\n  Tooltip,\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { Save } from '../../../components/icons';\r\nimport Typography from '../../../components/typography/typography';\r\n\r\n// Import sub-components\r\nimport TextControls from './controllers/TextControls';\r\nimport ButtonControls from './controllers/ButtonControls';\r\nimport ImageControls from './controllers/ImageControls';\r\nimport DividerControls from './controllers/DividerControls';\r\nimport TableControls from './controllers/TableControls';\r\nimport SignatureControls from './controllers/SignatureControls';\r\nimport CodeControls from './controllers/CodeControls';\r\nimport Select from '../../../components/select/select';\r\nimport { EnhancedSectionData, ElementType } from '../types/editor';\r\nimport { initialStyles } from '../utils/constant';\r\nimport { extractStyles, generateInlineStyles, getInitialSectionData } from '../utils/common';\r\n// import { useCKEditorStyleExtractor } from '../utils/style-extractor';\r\n\r\n// Shared types for SectionFormatPanel and sub-components\r\nexport interface TableColumn {\r\n  id: string;\r\n  header: string;\r\n  placeholder?: string;\r\n}\r\n\r\nexport interface TableRow {\r\n  [key: string]: string | number | boolean;\r\n}\r\n\r\nexport interface CellMerge {\r\n  section: 'thead' | 'tbody';\r\n  rowStart: number;\r\n  rowEnd: number;\r\n  colStart: number;\r\n  colEnd: number;\r\n  value: string;\r\n}\r\n\r\nexport interface TableData {\r\n  name?: string; // Added name property for #each iteration\r\n  columns: TableColumn[];\r\n  rows: TableRow[];\r\n  border: boolean;\r\n  mergedCells?: CellMerge[];\r\n}\r\n\r\ninterface SectionData {\r\n  type: 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';\r\n  content: string;\r\n  attributes?: {\r\n    styles?: any;\r\n    placeholders?: Record<string, string>;\r\n    tableData?: TableData;\r\n    [key: string]: any;\r\n  };\r\n}\r\n\r\ninterface SectionFormatPanelProps {\r\n  section: SectionData | undefined;\r\n  onClose: () => void;\r\n  onUpdate: (data: Partial<EnhancedSectionData>) => void;\r\n  placeholders: Record<string, any>[];\r\n  relation_table?:any;\r\n  handleSave?: () => void;\r\n}\r\n\r\nconst sectionTypes = ['text','text-block','heading','heading-2','heading-3','heading-4','buttons','image','divider','table','signature','qr-code','bar-code']\r\n\r\nconst SectionFormatPanel: React.FC<SectionFormatPanelProps> = ({ \r\n  section, \r\n  onClose, \r\n  onUpdate,\r\n   placeholders,\r\n  relation_table,\r\n  handleSave }) => {\r\n  // const { applyStylesToHtml } = useCKEditorStyleExtractor()\r\n  // const [plainContent, setPlainContent] = useState('');\r\n  const sectionType = useMemo(() => section?.type || 'text', [section?.type]);\r\n  const content = useMemo(() => section?.content || 'text', [section?.content]);\r\n  const [formatOptions, setFormatOptions] = useState<string[]>([]);\r\n  const[rowLevel, setRowLevel] = useState<boolean>((section?.attributes as any)?.rowLevel || false);\r\n  const [tableData, setTableData] = useState<TableData>({\r\n    name: '', // Initialize with empty name\r\n    columns: [\r\n      { id: 'col1', header: 'Column 1' },\r\n      { id: 'col2', header: 'Column 2' },\r\n      { id: 'col3', header: 'Column 3' }\r\n    ],\r\n    rows: [\r\n      { col1: '', col2: '', col3: '' }\r\n    ],\r\n    border: true,\r\n    mergedCells: []\r\n  });\r\n  const [isInitialLoad, setIsInitialLoad] = useState(true);\r\n  const [selectedContentAttrObj, setSelectedContentAttrObj] = useState(extractStyles(content, section?.type));\r\n\r\n  // Initialize table data from section attributes\r\n  useEffect(() => {\r\n    if (section && section.type === 'table') {\r\n      // If section has stored table data, use it\r\n      if (section.attributes?.tableData) {\r\n        setTableData(section.attributes.tableData);\r\n      } else {\r\n        // Try to extract table data from HTML content\r\n        const extractedTableData = extractTableDataFromHTML(section.content);\r\n        if (extractedTableData) {\r\n          setTableData(extractedTableData);\r\n          setRowLevel((section?.attributes as any)?.rowLevel || false);\r\n        }\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (section && !isInitialLoad) {\r\n      const tempDiv = document.createElement('div');\r\n      tempDiv.innerHTML = section.content;\r\n      const text = tempDiv.textContent || '';\r\n      // setPlainContent(text);\r\n      setSelectedContentAttrObj(extractStyles(section.content, section?.type)?.styles)\r\n      setIsInitialLoad(false);\r\n    }\r\n  }, [section]);\r\n\r\n  // Extract table data from HTML content\r\n  const extractTableDataFromHTML = (htmlContent: string): TableData | null => {\r\n    try {\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(htmlContent, 'text/html');\r\n      const table = doc.querySelector('table');\r\n      \r\n      if (!table) return null;\r\n\r\n      const headerRows = table.querySelectorAll('thead tr');\r\n      const bodyRows = table.querySelectorAll('tbody tr');\r\n\r\n      if (headerRows.length === 0) return null;\r\n\r\n      // Extract columns from the first header row\r\n      const headerCells = headerRows[0].querySelectorAll('th');\r\n      const columns: TableColumn[] = Array.from(headerCells).map((th, index) => ({\r\n        id: `col${index + 1}`,\r\n        header: th.textContent?.trim() || `Column ${index + 1}`\r\n      }));\r\n\r\n      // Extract merged cells from thead\r\n      const mergedCells: CellMerge[] = [];\r\n      Array.from(headerRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('th');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'thead',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      // Extract rows\r\n      const rows: TableRow[] = Array.from(bodyRows).map(row => {\r\n        const cells = row.querySelectorAll('td');\r\n        const rowData: TableRow = {};\r\n        \r\n        cells.forEach((cell, index) => {\r\n          if (index < columns.length) {\r\n            rowData[columns[index].id] = cell.textContent?.trim() || '';\r\n          }\r\n        });\r\n        \r\n        return rowData;\r\n      });\r\n\r\n      // Extract merged cells from tbody\r\n      Array.from(bodyRows).forEach((row, rowIndex) => {\r\n        const cells = row.querySelectorAll('td');\r\n        cells.forEach((cell, colIndex) => {\r\n          const rowSpan = parseInt(cell.getAttribute('rowspan') || '1');\r\n          const colSpan = parseInt(cell.getAttribute('colspan') || '1');\r\n          if (rowSpan > 1 || colSpan > 1) {\r\n            mergedCells.push({\r\n              section: 'tbody',\r\n              rowStart: rowIndex,\r\n              rowEnd: rowIndex + rowSpan - 1,\r\n              colStart: colIndex,\r\n              colEnd: colIndex + colSpan - 1,\r\n              value: cell.textContent?.trim() || ''\r\n            });\r\n          }\r\n        });\r\n      });\r\n\r\n      return {\r\n        name: '', // Default empty name\r\n        columns,\r\n        rows: rows.length > 0 ? rows : [{}],\r\n        border: true,\r\n        mergedCells\r\n      };\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  // Get placeholder value for table generation\r\n  const getPlaceholderValue = (placeholderKey: string): string => {\r\n    const placeholder = placeholders.find(p => p.value === placeholderKey);\r\n    if (!placeholder) return '';\r\n    \r\n    // Return actual value or generate sample based on type\r\n    if (typeof placeholder.actualValue !== 'undefined') {\r\n      return String(placeholder.actualValue);\r\n    }\r\n    \r\n    switch (placeholder.type) {\r\n      case 'date':\r\n        return new Date().toLocaleDateString();\r\n      case 'datetime':\r\n        return new Date().toLocaleString();\r\n      case 'number':\r\n        return '123';\r\n      case 'currency':\r\n        return '$1,234.56';\r\n      case 'email':\r\n        return 'example@domain.com';\r\n      case 'phone':\r\n        return '+1 (555) 123-4567';\r\n      case 'url':\r\n        return 'https://example.com';\r\n      default:\r\n        return placeholder.label || placeholder.value;\r\n    }\r\n  };\r\n\r\n const generateContent = useCallback((attrs?: Record<any, any>): string => {\r\n    const { src, alt, styles: eStyles, text, placeholder, placeholders: tPlaceholders } = attrs || section?.attributes || selectedContentAttrObj || {}\r\n    const styles = {\r\n      ...initialStyles[sectionType],\r\n      ...eStyles,\r\n      ...selectedContentAttrObj?.styles,\r\n      ...attrs?.styles\r\n    }\r\n\r\n    const inlineStyles = generateInlineStyles(styles);\r\n    \r\n    // For buttons, images, dividers, and codes - use the existing logic\r\n    if (sectionType === 'buttons') {\r\n      return `<button style=\"${inlineStyles}\">${text || 'Button Text'}</button>`;\r\n    } else if (sectionType === 'image') {\r\n      let imgInlineStyles: string = inlineStyles;\r\n      if(styles?.is_bordered) {\r\n        styles.padding = '10px';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      } else{\r\n        styles.padding = '0';\r\n        imgInlineStyles = generateInlineStyles(styles);\r\n      }\r\n      return `<img src=\"${src || ''}\" alt=\"${alt || ''}\" style=\"${imgInlineStyles}\" />`;\r\n    } else if (sectionType === 'divider') {\r\n      return `<hr style=\"${inlineStyles}\" />`;\r\n    } else if (sectionType === 'table') {\r\n      const { border, borderStyle, borderColor, ...rest } = styles;\r\n      const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest); \r\n      const tHeadInlineStyles: string = generateInlineStyles(styles.tHead || {});\r\n      const tBodyInlineStyles: string = generateInlineStyles(styles.tBody || {});\r\n      const thCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.thCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {}) \r\n      });\r\n      const tbCellInlineStyles: string = generateInlineStyles({\r\n        ...(styles.tbCells || {}), \r\n        ...(styles.is_bordered ? { border, borderStyle, borderColor } : {})\r\n      });\r\n\r\n      // Helper function to check if a cell is part of a merge\r\n      const getCellMergeInfo = (section: 'thead' | 'tbody', rowIndex: number, colIndex: number) => {\r\n        return tableData.mergedCells?.find(m => \r\n          m.section === section &&\r\n          rowIndex >= m.rowStart && rowIndex <= m.rowEnd &&\r\n          colIndex >= m.colStart && colIndex <= m.colEnd\r\n        );\r\n      };\r\n\r\n      // Generate header row with merge support\r\n      const headerCellsHTML = tableData.columns.map((column, colIndex) => {\r\n        const mergeInfo = getCellMergeInfo('thead', 0, colIndex);\r\n        \r\n        if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n          return '';\r\n        }\r\n\r\n        const mergeAttributes = mergeInfo ? \r\n          ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n        \r\n        const cellValue = mergeInfo ? mergeInfo.value : column.header;\r\n\r\n        return `<th style=\"${thCellInlineStyles}\"${mergeAttributes}>${cellValue}</th>`;\r\n      }).filter(cell => cell !== '').join('');\r\n\r\n      // Generate table body with #each loop using tableData.name\r\n      let tableRowsHTML = '';\r\n      \r\n      // Check if we should use #each loop with tableData.name\r\n      if (tableData.name) {\r\n        // Generate template with #each handlebars syntax\r\n        const rowTemplate = tableData.columns.map((column, colIndex) => {\r\n          const mergeInfo = getCellMergeInfo('tbody', 0, colIndex); // Use first row as template\r\n          \r\n          if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\r\n            return '';\r\n          }\r\n\r\n          const mergeAttributes = mergeInfo ? \r\n            ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n          \r\n          // Use handlebars template syntax for dynamic content\r\n          let cellTemplate = '';\r\n          \r\n          // Handle special cases\r\n          if (column.id === 'index' || column.id === 'incrementIndex') {\r\n            cellTemplate = `{{incrementIndex @index}}`;\r\n          } else if (column.id.includes('.')) {\r\n            // Handle nested properties (like items.sku, tax_code_data.[0].rate)\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          } else {\r\n            // Direct property access\r\n            const cellValue = tableData?.rows?.[0][column.id];\r\n            cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue || '');\r\n          }\r\n\r\n          return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${cellTemplate}</td>`;\r\n        }).filter(cell => cell !== '').join('');\r\n\r\n        // Add zebra striping logic if enabled\r\n        const rowStyleTemplate = styles.tBody?.zebraStriping \r\n          ? `{{#if (isOdd @index)}}${tBodyInlineStyles}; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}{{else}}${tBodyInlineStyles}{{/if}}`\r\n          : tBodyInlineStyles;\r\n\r\n        tableRowsHTML = `{{#each ${tableData.name}}}\r\n            <tr style=\"${rowStyleTemplate}\">\r\n              ${rowTemplate}\r\n            </tr>\r\n          {{/each}}`;\r\n        \r\n      } else {\r\n        // Fallback to static rows when no tableData.name is provided\r\n        tableRowsHTML = tableData.rows.map((row, rowIndex) => {\r\n          const rowStyleAddition = styles.tBody?.zebraStriping && rowIndex % 2 === 1 \r\n            ? `; background-color: ${styles.tBody.alternateRowColor || '#f9f9f9'}` \r\n            : '';\r\n          \r\n          const cellsHTML = tableData.columns.map((column, colIndex) => {\r\n            const mergeInfo = getCellMergeInfo('tbody', rowIndex, colIndex);\r\n            \r\n            if (mergeInfo && (rowIndex !== mergeInfo.rowStart || colIndex !== mergeInfo.colStart)) {\r\n              return '';\r\n            }\r\n\r\n            let cellValue = row[column.id] || '';\r\n            const keys = Object.keys(row)\r\n            if(keys.includes(`${column.id}_static`)) {\r\n              cellValue = row[`${column.id}_static`] || '';\r\n            }\r\n            if (!cellValue && tPlaceholders?.[column.id]) {\r\n              cellValue = getPlaceholderValue(tPlaceholders[column.id]);\r\n            }\r\n\r\n            const mergeAttributes = mergeInfo ? \r\n              ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\r\n            \r\n            const finalCellValue = mergeInfo ? mergeInfo.value : cellValue;\r\n\r\n            return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${finalCellValue}</td>`;\r\n          }).filter(cell => cell !== '').join('');\r\n          \r\n          return `<tr style=\"${tBodyInlineStyles}${rowStyleAddition}\">${cellsHTML}</tr>`;\r\n        }).join('');\r\n      }\r\n      \r\n      return `\r\n        <table style=\"${tInlineStyles}\">\r\n          <thead>\r\n            <tr style=\"${tHeadInlineStyles}\">\r\n              ${headerCellsHTML}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            ${tableRowsHTML}\r\n          </tbody>\r\n        </table>\r\n      `;\r\n    } else if (sectionType === 'qr-code' || sectionType === 'bar-code') {\r\n      return `<div style=\"${inlineStyles}\">${placeholder}</div>`;\r\n    }\r\n    \r\n    // For text-based sections, parse and apply styles to existing HTML tags\r\n    const hasHtmlTags = /<\\/?[a-z][\\s\\S]*>/i.test(content);\r\n    \r\n    if (!hasHtmlTags) {\r\n      // If no HTML tags, wrap according to section type\r\n      switch (sectionType) {\r\n        case 'text':\r\n        case 'text-block':\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n        case 'heading':\r\n          return `<h1 style=\"${inlineStyles}\">${content}</h1>`;\r\n        case 'heading-2':\r\n          return `<h2 style=\"${inlineStyles}\">${content}</h2>`;\r\n        case 'heading-3':\r\n          return `<h3 style=\"${inlineStyles}\">${content}</h3>`;\r\n        case 'heading-4':\r\n          return `<h4 style=\"${inlineStyles}\">${content}</h4>`;\r\n        case 'signature':\r\n          return `<div style=\"${inlineStyles}\">${content}</div>`;\r\n        default:\r\n          return `<p style=\"${inlineStyles}\">${content}</p>`;\r\n      }\r\n    } else {\r\n      // Create a temporary DOM element to manipulate the HTML\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(`<div>${content}</div>`, 'text/html');\r\n      const container = doc.body.firstChild as Element;\r\n      \r\n      // Process all child elements\r\n      if (container && container.nodeType === Node.ELEMENT_NODE) {\r\n        const elements = container.querySelectorAll('*');\r\n\r\n        elements.forEach(element => {\r\n          // Skip processing script tags or other special elements\r\n          if (element.tagName === 'SCRIPT' || element.tagName === 'STYLE') {\r\n            return;\r\n          }\r\n          \r\n          // Get existing style and merge with new style\r\n          const existingStyle = element.getAttribute('style') || '';\r\n          \r\n          // Extract properties from existing style\r\n          const existingProps = {};\r\n          existingStyle.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              existingProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Parse the base style and prepare for merging\r\n          const newStyleProps = {};\r\n          inlineStyles.split(';').forEach(prop => {\r\n            const [key, value] = prop.split(':').map(item => item.trim());\r\n            if (key && value) {\r\n              newStyleProps[key] = value;\r\n            }\r\n          });\r\n          \r\n          // Additional styles based on tag type\r\n          if (element.tagName === 'P' || element.tagName === 'DIV') {\r\n            newStyleProps['line-height'] = '1.5';\r\n          } else if (['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes(element.tagName)) {\r\n            newStyleProps['line-height'] = '1.2';\r\n            newStyleProps['margin'] = '0.5em 0';\r\n          }\r\n          \r\n          // Merge styles, new styles override existing ones\r\n          const mergedProps = { ...existingProps, ...newStyleProps };\r\n          \r\n          // Convert back to style string\r\n          const mergedStyle = Object.entries(mergedProps)\r\n            .filter(([key, value]) => key && value)\r\n            .map(([key, value]) => `${key}: ${value}`)\r\n            .join('; ');\r\n          \r\n          element.setAttribute('style', mergedStyle);\r\n        });\r\n      \r\n        return container.innerHTML;\r\n      }\r\n      \r\n      // Fallback to original content if parsing fails\r\n      return content;\r\n    }\r\n  }, [JSON.stringify(section)]);\r\n\r\n  // Local save function - renamed to avoid conflict with handleSave prop\r\n  const saveSection = () => {\r\n    const updatedContent = generateContent();\r\n    \r\n    const updatedSection = {\r\n      content: updatedContent, \r\n      type: sectionType as ElementType,\r\n      rowLevel: rowLevel,\r\n      name: tableData.name || '',\r\n      attributes: {\r\n        ...(section?.attributes || {}),\r\n        ...(sectionType === 'table' ? { tableData } : {})\r\n      },\r\n      is_edited_from_source: (section as EnhancedSectionData)?.is_edited_from_source || false\r\n    };\r\n    \r\n    onUpdate(updatedSection);\r\n  };\r\nuseEffect(() => {\r\n  saveSection();\r\n},[tableData])\r\n  /**\r\n   * Updates section attributes and triggers content regeneration.\r\n   * Optimized to avoid unnecessary property spreading and glitches.\r\n   */\r\n  const updateAttrs = (prop: Record<string, any>) => {\r\n    if (!section) return;\r\n\r\n    // Merge styles safely\r\n    const mergedStyles = {\r\n      ...(section.attributes?.styles || {}),\r\n      ...(prop.styles || {})\r\n    };\r\n\r\n    // Merge attributes, giving priority to new props\r\n    const mergedAttributes = {\r\n      ...(section.attributes || {}),\r\n      ...prop,\r\n      styles: mergedStyles,\r\n      ...(sectionType === 'table' ? { tableData } : {})\r\n    };\r\n\r\n    // Prepare updated section object (exclude 'id' if present)\r\n    const { id, ...sectionRest } = section as any;\r\n\r\n    // Generate updated content based on new attributes\r\n    const updatedContent = generateContent(mergedAttributes);\r\n    setSelectedContentAttrObj(mergedAttributes)\r\n\r\n    // Compose the update payload, omitting unknown properties\r\n    onUpdate({\r\n      ...sectionRest,\r\n      content: updatedContent,\r\n      attributes: mergedAttributes\r\n    });\r\n  };\r\n\r\n  // Update table data and trigger content regeneration\r\n  const handleTableDataUpdate = (newTableData: TableData) => {\r\n    setTableData(newTableData);\r\n    \r\n    // Trigger immediate update with new table data\r\n    const updatedAttrs = {\r\n      ...(section?.attributes || {}),\r\n      tableData: newTableData\r\n    };\r\n    \r\n    // const updatedContent = generateContent(updatedAttrs);\r\n    // onUpdate({\r\n    //   ...section,\r\n    //   content: updatedContent,\r\n    //   attributes: updatedAttrs\r\n    // });\r\n    saveSection();\r\n  };\r\n\r\n  const handleTypeChange = (t) => {\r\n    const dt = getInitialSectionData(t)\r\n    \r\n    onUpdate({ \r\n      ...section, \r\n      ...dt\r\n    });\r\n    \r\n    // Reset table data when switching types\r\n    if (t === 'table') {\r\n      setTableData({\r\n        name: '', // Initialize with empty name\r\n        columns: [\r\n          { id: 'col1', header: 'Column 1' },\r\n          { id: 'col2', header: 'Column 2' },\r\n          { id: 'col3', header: 'Column 3' }\r\n        ],\r\n        rows: [\r\n          { col1: '', col2: '', col3: '' }\r\n        ],\r\n        border: true,\r\n        mergedCells: []\r\n      });\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Paper\r\n      elevation={3}\r\n      sx={{\r\n        width: { xs: '100%', sm: 320, lg: 390 },\r\n        height: '100%',\r\n        overflow: 'auto',\r\n        borderLeft: '1px solid',\r\n        borderColor: 'divider',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        bgcolor: 'background.paper',\r\n        boxShadow: 'none',\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: 'flex',\r\n          justifyContent: 'space-between',\r\n          alignItems: 'center',\r\n          p: 2,\r\n          borderBottom: '1px solid',\r\n          borderColor: 'divider',\r\n          bgcolor: 'grey.50',\r\n        }}\r\n      >\r\n        <Typography type=\"s1\" weight='bold' color='theme.neutral.1000'>\r\n          Format {sectionType ? sectionType?.charAt(0)?.toUpperCase() + sectionType?.slice(1).replace(/-/g, ' ') : ''}\r\n        </Typography>\r\n        <Tooltip title=\"Save and Close\">\r\n          <Box>\r\n            <IconButton size=\"small\" onClick={() => {\r\n              saveSection();\r\n              handleSave?.();\r\n              onClose();\r\n            }} aria-label=\"Save\">\r\n              <Save fontSize=\"small\" />\r\n            </IconButton>\r\n            <IconButton size=\"small\" onClick={onClose} aria-label=\"Close\">\r\n              <CloseIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          </Box>\r\n        </Tooltip>\r\n      </Box>\r\n\r\n      <Box sx={{ p: 2, flex: 1,pb:10, overflowY: 'auto' }}>\r\n        <Box sx={{ mb: 2 }}>\r\n          <FormControl size=\"small\" fullWidth>\r\n            <Select\r\n              value={section?.type}\r\n              onChange={(e) => handleTypeChange(e.target.value)}\r\n              renderValue={v => v ? v.charAt(0).toUpperCase() + v.slice(1).replace(/-/g, ' ') : ''}\r\n              label='Select Preset'\r\n              displayEmpty\r\n            >\r\n              {sectionTypes.map((type) => (\r\n                <MenuItem key={type} value={type}>\r\n                  <Typography type='s4' color='theme.secondary.1000'>{type.charAt(0).toUpperCase() + type.slice(1).replace(/-/g, ' ')}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n          </FormControl>\r\n        </Box>\r\n        \r\n        {section && (sectionType === 'text' || \r\n          sectionType === 'heading' || \r\n          sectionType === 'heading-2' || \r\n          sectionType === 'heading-3' || \r\n          sectionType === 'heading-4') && (\r\n          <TextControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'buttons' && (\r\n          <ButtonControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'image' && (\r\n          <ImageControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'divider' && (\r\n          <DividerControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {sectionType === 'table' && (\r\n          <TableControls\r\n            tableData={{\r\n              ...tableData,\r\n              rows: tableData.rows.map(row => {\r\n                const convertedRow: Record<string, string> = {};\r\n                Object.keys(row).forEach(key => {\r\n                  convertedRow[key] = String(row[key] ?? '');\r\n                });\r\n                return convertedRow;\r\n              })\r\n            }}\r\n            setTableData={(value) => {\r\n              handleTableDataUpdate({\r\n                ...value,\r\n                border: tableData.border,\r\n                name: tableData.name || ''\r\n              });\r\n            }}\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n            placeholders={placeholders}\r\n            handleSave={handleSave}\r\n            setParentRowLevel={setRowLevel}\r\n            levelType={rowLevel}\r\n            relation_table={relation_table}\r\n          />\r\n        )}\r\n        {sectionType === 'signature' && (\r\n          <SignatureControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n        {section && (sectionType === 'qr-code' || sectionType === 'bar-code') && (\r\n          <CodeControls\r\n            attrs={section?.attributes || {}}\r\n            updateAttrs={updateAttrs}\r\n          />\r\n        )}\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n\r\nexport default SectionFormatPanel;"],"names":["sectionTypes","section","onClose","onUpdate","placeholders","relation_table","handleSave","sectionType","useMemo","type","content","useState","rowLevel","setRowLevel","_a","attributes","tableData","setTableData","name","columns","id","header","rows","col1","col2","col3","border","mergedCells","isInitialLoad","setIsInitialLoad","selectedContentAttrObj","setSelectedContentAttrObj","extractStyles","useEffect","extractedTableData","extractTableDataFromHTML","_b","document","createElement","innerHTML","styles","htmlContent","table","DOMParser","parseFromString","querySelector","headerRows","querySelectorAll","bodyRows","length","headerCells","Array","from","map","th","index","textContent","trim","forEach","row","rowIndex","cell","colIndex","rowSpan","parseInt","getAttribute","colSpan","push","rowStart","rowEnd","colStart","colEnd","value","cells","rowData","error","generateContent","useCallback","attrs","src","alt","eStyles","text","placeholder","tPlaceholders","initialStyles","inlineStyles","generateInlineStyles","imgInlineStyles","is_bordered","padding","borderStyle","borderColor","rest","tInlineStyles","tHeadInlineStyles","tHead","tBodyInlineStyles","tBody","thCellInlineStyles","thCells","tbCellInlineStyles","tbCells","getCellMergeInfo","find","m","headerCellsHTML","column","mergeInfo","mergeAttributes","cellValue","filter","join","tableRowsHTML","rowTemplate","cellTemplate","includes","replace","String","rowStyleTemplate","zebraStriping","alternateRowColor","rowStyleAddition","cellsHTML","Object","keys","placeholderKey","p","actualValue","Date","toLocaleDateString","toLocaleString","label","getPlaceholderValue","finalCellValue","test","container","body","firstChild","nodeType","Node","ELEMENT_NODE","element","tagName","existingStyle","existingProps","split","prop","key","item","newStyleProps","mergedProps","mergedStyle","entries","setAttribute","JSON","stringify","saveSection","updatedSection","is_edited_from_source","updateAttrs","mergedStyles","mergedAttributes","sectionRest","updatedContent","jsxs","Paper","elevation","sx","width","xs","sm","lg","height","overflow","borderLeft","display","flexDirection","bgcolor","boxShadow","children","Box","justifyContent","alignItems","borderBottom","Typography","weight","color","charAt","toUpperCase","slice","jsx","Tooltip","title","IconButton","size","onClick","Save","fontSize","CloseIcon","flex","pb","overflowY","mb","FormControl","fullWidth","Select","onChange","e","t","dt","getInitialSectionData","handleTypeChange","target","renderValue","v","displayEmpty","MenuItem","TextControls","ButtonControls","ImageControls","DividerControls","TableControls","convertedRow","newTableData","setParentRowLevel","levelType","SignatureControls","CodeControls"],"mappings":"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"}