@erpsquad/common 1.8.80 → 1.8.81

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/components/SectionFlowEditor.tsx"],"sourcesContent":["/* eslint-disable no-case-declarations */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useState, useEffect } from 'react';\nimport EditorHeader from './EditorHeader';\nimport EditorCanvas from './EditorCanvas';\nimport {\n  DndContext,\n  DragEndEvent,\n  DragOverEvent,\n  DragStartEvent,\n  pointerWithin,\n} from '@dnd-kit/core';\nimport { SectionData, ElementType } from '../types/editor';\nimport { v4 as uuidv4 } from 'uuid';\nimport { enqueueSnackbar } from 'notistack';\nimport { Box } from '@mui/material';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { getErrorMessage, getToken } from '../../../utils/common';\nimport { getV1FormBuilderRelationalSchemaFieldsName, getV1SubjectsId, getV1TemplateHeaderFooterCompanyIdHeaderFooter, getV1TemplatesId, patchV1TemplateHeaderFooterId, postV1TemplateHeaderFooter } from '../../../api-client/api.system-feature/api';\nimport { templateRoutes, extractStyles, generateEmailPreview, generateHeaderFooterPreview, generateInlineStyles } from '../utils/common';\nimport { initialStyles } from '../utils/constant';\nimport _ from 'lodash';\nimport formatText from '../../../utils/format-text';\nimport TemplateNameModal from \"../template-name-modal/template-name-modal\";\n\ninterface EnhancedSectionData extends SectionData {\n  isSplitPair?: boolean;\n  splitGroupId?: string;\n  splitWidth?: number;\n}\n\ninterface SectionFlowEditorProps {\n  modulePath: string;\n  module: string;\n  type: string;\n}\n\nconst SectionFlowEditor: React.FC<SectionFlowEditorProps> = ({ modulePath, module, type}) => {\n  const { id, template_id } = useParams();\n  const { state: locationState } = useLocation();\n\n  const [sections, setSections] = useState<EnhancedSectionData[]>([]);\n  const [headerSections, setHeaderSections] = useState<EnhancedSectionData[]>([]);\n  const [footerSections, setFooterSections] = useState<EnhancedSectionData[]>([]);\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [selectedSection, setSelectedSection] = useState<string | null>(null);\n  const [overSection, setOverSection] = useState<string | null>(null);\n  const [preview, setPreview] = useState<boolean>(false);\n  const [placeholders, setPlaceholders] = useState<Record<string, any>[]>([]);\n  const [activeCanvas, setActiveCanvas] = useState<'main' | 'header' | 'footer'>('main');\n  const [isEditingHeaderFooter, setIsEditingHeaderFooter] = useState<boolean>(false);\n  const [payload, setPayload] = useState<any>(null);\n  const [headerFooterId, setHeaderFooterId] = useState<string>('');\n  const ROUTES = templateRoutes(modulePath, type);\n  const [relation_table, setRelationTable] = useState<any[]>([]);\n  const [templateData, setTemplateData] = useState<Record<string, any> | null >(null);\n\n  const handleDragStart = (event: DragStartEvent) => {\n    const { active } = event;\n    setActiveId(active.id as string);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    const { /* active, */ over } = event;\n\n    if (!over) {\n      setOverSection(null);\n      return;\n    }\n\n    if (over.id === 'header-canvas' && isEditingHeaderFooter) {\n      setActiveCanvas('header');\n    } else if (over.id === 'footer-canvas' && isEditingHeaderFooter) {\n      setActiveCanvas('footer');\n    } else if (over.id === 'main-canvas') {\n      setActiveCanvas('main');\n    }\n\n    if (over.id !== 'header-canvas' && over.id !== 'main-canvas' && over.id !== 'footer-canvas') {\n      setOverSection(over.id as string);\n    }\n  };\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n  \n    setActiveId(null);\n    setOverSection(null);\n  \n    if (!over) return;\n  \n    let targetSections = sections;\n    let setTargetSections = setSections;\n    \n    if ((over.id === 'header-canvas' || overSection?.startsWith('header-')) && isEditingHeaderFooter) {\n      targetSections = headerSections;\n      setTargetSections = setHeaderSections;\n      setActiveCanvas('header');\n    } else if ((over.id === 'footer-canvas' || overSection?.startsWith('footer-')) && isEditingHeaderFooter) {\n      targetSections = footerSections;\n      setTargetSections = setFooterSections;\n      setActiveCanvas('footer');\n    } else {\n      setActiveCanvas('main');\n    }\n  \n    if (active.data.current?.type === 'image') {\n      const imageUrl = active.data.current.imageUrl;\n      const newSection: EnhancedSectionData = createNewSection('image', { src: imageUrl, alt: 'Image' });\n  \n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\n      const newSections = [...targetSections];\n  \n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas' || overIndex === -1) {\n        setTargetSections([...targetSections, newSection]);\n      } else {\n        newSections.splice(overIndex, 0, newSection);\n        setTargetSections(newSections);\n      }\n  \n      enqueueSnackbar('Added uploaded image section');\n      return;\n    }\n  \n    if (typeof active.id === 'string' && active.id.startsWith('sidebar-')) {\n      const type = active.id.replace('sidebar-', '') as ElementType;\n      const newSection = createNewSection(type);\n  \n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\n      const isOverSection = overIndex !== -1;\n  \n      if (!isOverSection || over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\n        setTargetSections([...targetSections, newSection]);\n      } else {\n        const targetSection = targetSections[overIndex];\n        const isEmpty =\n          !targetSection.content ||\n          targetSection.content.includes('Click to add') ||\n          targetSection.content.includes('enter your text');\n  \n        if (isEmpty) {\n          const updatedSections = [...targetSections];\n          updatedSections[overIndex] = {\n            ...targetSection,\n            type,\n            content: newSection.content,\n          };\n          setTargetSections(updatedSections);\n          // enqueueSnackbar(`Changed section to ${type}`);\n        } else {\n          const updatedSections = [...targetSections];\n          updatedSections.splice(overIndex, 0, newSection);\n          setTargetSections(updatedSections);\n          // enqueueSnackbar(`Added new ${type} section`);\n        }\n      }\n      return;\n    }\n  \n    if (\n      active.id !== over.id &&\n      typeof active.id === 'string' &&\n      typeof over.id === 'string'\n    ) {\n      let sourceSections: EnhancedSectionData[] = [];\n      let sourceSetSections: React.Dispatch<React.SetStateAction<EnhancedSectionData[]>> | null = null;\n      let canvasId = '';\n      \n      if (active.id.startsWith('header-') && isEditingHeaderFooter) {\n        sourceSections = headerSections;\n        sourceSetSections = setHeaderSections;\n        canvasId = 'header-canvas';\n      } else if (active.id.startsWith('footer-') && isEditingHeaderFooter) {\n        sourceSections = footerSections;\n        sourceSetSections = setFooterSections;\n        canvasId = 'footer-canvas';\n      } else {\n        sourceSections = sections;\n        sourceSetSections = setSections;\n        canvasId = 'main-canvas';\n      }\n      \n      const cleanActiveId = active.id.replace(/^(header-|footer-)/, '');\n      \n      const oldIndex = sourceSections.findIndex((section) => \n        section.id === cleanActiveId || section.id === active.id\n      );\n      \n      let newIndex = targetSections.findIndex((section) => \n        section.id === String(over.id).replace(/^(header-|footer-)/, '')\n      );\n  \n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\n        newIndex = targetSections.length;\n      }\n  \n      if (oldIndex !== -1 && newIndex !== -1) {\n        if (sourceSections === targetSections) {\n          const newSections = [...sourceSections];\n          const [movedSection] = newSections.splice(oldIndex, 1);\n  \n          if (movedSection.isSplitPair && movedSection.splitGroupId) {\n            const groupId = movedSection.splitGroupId;\n            const groupSections = [movedSection, ...sourceSections.filter(\n              s => s.splitGroupId === groupId && s.id !== movedSection.id\n            )];\n  \n            const cleaned = newSections.filter(s => s.splitGroupId !== groupId);\n            cleaned.splice(newIndex, 0, ...groupSections);\n            sourceSetSections(cleaned);\n          } else {\n            newSections.splice(newIndex, 0, movedSection);\n            sourceSetSections(newSections);\n          }\n        } else {\n          const originalSection = sourceSections[oldIndex];\n          \n          const newSourceSections = [...sourceSections];\n          newSourceSections.splice(oldIndex, 1);\n          sourceSetSections(newSourceSections);\n          \n          const newTargetSections = [...targetSections];\n          \n          const movedSection = {...originalSection};\n          \n          if ((over.id === 'header-canvas' || over.id.startsWith('header-')) && isEditingHeaderFooter) {\n            if (!movedSection.id.startsWith('header-')) {\n              movedSection.id = `header-${movedSection.id}`;\n            }\n          } else if ((over.id === 'footer-canvas' || over.id.startsWith('footer-')) && isEditingHeaderFooter) {\n            if (!movedSection.id.startsWith('footer-')) {\n              movedSection.id = `footer-${movedSection.id}`;\n            }\n          } else {\n            movedSection.id = movedSection.id.replace(/^(header-|footer-)/, '');\n          }\n          \n          newTargetSections.splice(newIndex, 0, movedSection);\n          setTargetSections(newTargetSections);\n        }\n      }\n    }\n  };\n\n  const getRelevantSections = (canvasType: string) => {\n    if (canvasType === 'header' && isEditingHeaderFooter) return headerSections;\n    if (canvasType === 'footer' && isEditingHeaderFooter) return footerSections;\n    return sections;\n  };\n\n  const getRelevantSetSections = (canvasType: string) => {\n    if (canvasType === 'header' && isEditingHeaderFooter) return setHeaderSections;\n    if (canvasType === 'footer' && isEditingHeaderFooter) return setFooterSections;\n    return setSections;\n  };\n\n  const handleUpdateSection = (id: string, data: Partial<EnhancedSectionData>, canvasType: string) => {\n    const relevantSections = getRelevantSections(canvasType);\n    const relevantSetSections = getRelevantSetSections(canvasType);\n    \n    const cleanId = id.replace(/^(header-|footer-)/, '');\n    \n    relevantSetSections(\n      relevantSections.map((section) =>\n        section.id === cleanId || section.id === id ? { ...section, ...data } : section\n      )\n    );\n  };\n\n  const handleSplitSection = (id: string, content1: string, content2: string, canvasType: string) => {\n    const relevantSections = getRelevantSections(canvasType);\n    const relevantSetSections = getRelevantSetSections(canvasType);\n    \n    const cleanId = id.replace(/^(header-|footer-)/, '');\n    \n    const index = relevantSections.findIndex((section) => section.id === cleanId || section.id === id);\n    if (index === -1) return;\n\n    const section = relevantSections[index];\n    const newSections = [...relevantSections];\n    \n    const sectionPrefix = canvasType === 'header' ? 'header-' : canvasType === 'footer' ? 'footer-' : '';\n    \n    if (section.isSplitPair && section.splitGroupId) {\n      const splitGroupId = section.splitGroupId;\n      const splitSections = newSections.filter(s => s.splitGroupId === splitGroupId);\n      const totalSections = splitSections.length + 1;\n      const newWidth = 100 / totalSections;\n      \n      newSections[index] = { \n        ...section, \n        content: content1,\n        splitWidth: newWidth\n      };\n\n      const newSection: EnhancedSectionData = {\n        id: `${sectionPrefix}section-${uuidv4()}`,\n        content: content2,\n        type: section.type,\n        isSplitPair: true,\n        splitGroupId: splitGroupId,\n        splitWidth: newWidth,\n        attributes: section.attributes,\n        is_edited_from_source: false\n      };\n\n      newSections.splice(index + 1, 0, newSection);\n      \n      for (let i = 0; i < newSections.length; i++) {\n        if (newSections[i].splitGroupId === splitGroupId) {\n          newSections[i].splitWidth = newWidth;\n        }\n      }\n    } else {\n      const splitGroupId = uuidv4();\n      const initialWidth = 50;\n      \n      newSections[index] = { \n        ...section, \n        content: content1,\n        isSplitPair: true,\n        splitGroupId,\n        splitWidth: initialWidth\n      };\n\n      const newSection: EnhancedSectionData = {\n        id: `${sectionPrefix}section-${uuidv4()}`,\n        content: content2,\n        type: section.type,\n        isSplitPair: true,\n        splitGroupId,\n        splitWidth: initialWidth,\n        attributes: section.attributes,\n        is_edited_from_source: false\n      };\n\n      newSections.splice(index + 1, 0, newSection);\n    }\n    \n    relevantSetSections(newSections);\n    // enqueueSnackbar('Section split successfully');\n  };\n\n  const handleDeleteSection = (id: string, canvasType: string) => {\n    const relevantSections = getRelevantSections(canvasType);\n    const relevantSetSections = getRelevantSetSections(canvasType);\n    \n    const cleanId = id.replace(/^(header-|footer-)/, '');\n    \n    const sectionToDelete = relevantSections.find(s => s.id === cleanId || s.id === id);\n    \n    if (!sectionToDelete) return;\n    \n    if (sectionToDelete.isSplitPair && sectionToDelete.splitGroupId) {\n      const splitSections = relevantSections.filter(s => s.splitGroupId === sectionToDelete.splitGroupId);\n      \n      if (splitSections.length <= 2) {\n        const remainingSection = splitSections.find(s => s.id !== cleanId && s.id !== id);\n        if (remainingSection) {\n          remainingSection.isSplitPair = false;\n          remainingSection.splitGroupId = undefined;\n          remainingSection.splitWidth = undefined;\n        }\n        relevantSetSections(relevantSections.filter(s => s.id !== cleanId && s.id !== id));\n      } else {\n        const remainingSplitSections = splitSections.filter(s => s.id !== cleanId && s.id !== id);\n        const newWidth = 100 / remainingSplitSections.length;\n        \n        const updatedSections = relevantSections.filter(section => section.id !== cleanId && section.id !== id).map(section => {\n          if (section.splitGroupId === sectionToDelete.splitGroupId) {\n            return { ...section, splitWidth: newWidth };\n          }\n          return section;\n        });\n        \n        relevantSetSections(updatedSections);\n        // enqueueSnackbar('Section removed from split group');\n      }\n    } else {\n      relevantSetSections(relevantSections.filter(section => section.id !== cleanId && section.id !== id));\n      // enqueueSnackbar('Section deleted');\n    }\n    \n    if (selectedSection === id) {\n      setSelectedSection(null);\n    }\n  };\n\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n    const main = document.getElementsByTagName('main')?.[0];\n    if (main) {\n      main.style.marginTop = '4.125rem';\n    }\n    return () => {\n      document.body.removeAttribute('style');\n    }\n  }, []);\n\nconst getData = async () => {\n  if (id) {\n    const token = getToken();\n    const subjRes = await getV1SubjectsId({ \n      ...token, \n      'x-timezone': token['x-timezone']?.toString() || '',\n      id \n    });\n\n    if ('data' in subjRes && subjRes.data && typeof subjRes.data === 'object' && 'resource' in subjRes.data) {\n      const resource = (subjRes.data as any).resource;\n      const token2 = getToken();\n      const fRes = await getV1FormBuilderRelationalSchemaFieldsName({\n        ...token2,\n        'x-timezone': token2['x-timezone']?.toString() || '',\n        name: resource,\n      });\n      const schemaFields = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'fields' in fRes.data) \n        ? ((fRes.data as any).fields || [])\n        : [];\n      const relation_table = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'relational_fields' in fRes.data)\n        ? ((fRes.data as any).relational_fields || [])\n        : [];\n\n      // Process main schema fields\n      const updatedFields = schemaFields\n        .map((field) => ({\n          ...field,\n          key: field.key.replace('__replaceKey', ''),\n        }))\n        .filter((field) => !field.is_inner_join && field.alias !== 'id' && !field?.alias?.includes('_id'));\n\n      // Process relation tables - separate array and object types\n      const arrayRelationTables = [];\n      const objectRelationFields = [];\n\n      relation_table.forEach((table) => {\n        if (!table) return;\n\n        const updatedTableFields = (table.fields || []).map((field) => {\n          const updatedField = {\n            ...field,\n            key: field.key.replace('__replaceKey', ''),\n            alias: field?.templateKey ? field?.templateKey : field.alias,\n          };\n\n          // Prepend dataKey to field keys for object types\n          if (table.type === 'object' && table.dataKey) {\n            updatedField.key = `${table.dataKey}.${updatedField.key}`;\n          }\n\n          return updatedField;\n        }).filter(\n          (field) =>\n            !field.is_inner_join &&\n            field.alias !== 'id' &&\n            !field.alias.includes('_id')\n        );\n\n        const uniqueTableFields = _.differenceWith(\n          updatedTableFields,\n          updatedTableFields,\n          (fieldA: any, fieldB: any) => fieldA.key === fieldB?.joinKey\n        );\n\n        const tableFields = uniqueTableFields.map((f: any) => {\n          const field = formatText(f.alias.replace(/_data$/, '').replace(/_/g, ' '));\n          const value = table.type === 'object' && table.dataKey \n            ? `${table.dataKey}.${f.alias.replace(/ /g, '_').toLowerCase()}`\n            : f.alias.replace(/ /g, '_').toLowerCase();\n            \n          return { \n            label: field, \n            value: value \n          };\n        });\n\n        if (table.type === 'object') {\n          // Merge object type fields into main fields\n          objectRelationFields.push(...tableFields);\n        } else {\n          // Keep array types separate\n          arrayRelationTables.push({\n            ...table,\n            fields: tableFields\n          });\n        }\n      });\n\n      // Combine main fields and object relation fields\n      const allFields = [\n        ...updatedFields.map((f) => {\n          const n = f?.alias || f?.key\n          const field = formatText(n.replace(/_data$/, '').replace(/_/g, ' '));\n          return { \n            label: field, \n            value: field.replace(/ /g, '_').toLowerCase() \n          };\n        }),\n        ...objectRelationFields\n      ];\n\n      const uniqueAllFields = _.uniqBy(allFields, 'value');\n\n      setPlaceholders(uniqueAllFields);\n      setRelationTable(arrayRelationTables);\n    }\n  }\n\n  // Rest of the function remains the same...\n  if (template_id) {\n    const token3 = getToken();\n    const res = await getV1TemplatesId({ \n      ...token3, \n      'x-timezone': token3['x-timezone']?.toString() || '',\n      id: template_id \n    });\n    const templateSections = ('data' in res && res.data && typeof res.data === 'object' && 'sections' in res.data)\n      ? ((res.data as any).sections || [])\n      : [];\n    const mainSecs = templateSections.map((s: any) => ({\n      ...s,\n      id: s.id || `section-${uuidv4()}`,\n    }));\n    setTemplateData(('data' in res && res.data) ? res.data as any : null);\n\n    setSections(mainSecs);\n  }\n\n  if (locationState?.company_id) {\n    const token4 = getToken();\n    const res = await getV1TemplateHeaderFooterCompanyIdHeaderFooter({\n      ...token4,\n      'x-timezone': token4['x-timezone']?.toString() || '',\n      company_id: locationState.company_id,\n    });\n    const resData = ('data' in res && res.data && typeof res.data === 'object') ? res.data as any : null;\n    setHeaderFooterId(resData?._id || '');\n    const headerSections = resData?.header_sections || [];\n    const footerSections = resData?.footer_sections || [];\n    const headerSecs = headerSections.map((s) => ({\n      ...s,\n      id: s.id || `header-section-${uuidv4()}`,\n    }));\n    const footerSecs = footerSections.map((s) => ({\n      ...s,\n      id: s.id || `footer-section-${uuidv4()}`,\n    }));\n\n    setHeaderSections(headerSecs);\n    setFooterSections(footerSecs);\n  }\n};\n  \n  useEffect(() => {\n    getData();\n  }, [template_id, id, locationState?.company_id]);\n\n  const createNewSection = (type: ElementType, attrs: Record<string, any> = {}): EnhancedSectionData => {\n    let content = '';\n    const styles = initialStyles[type] || {};\n    const inlineStyles: string = generateInlineStyles(styles);\n\n    const idPrefix = activeCanvas === 'header' && isEditingHeaderFooter ? 'header-' : \n                     activeCanvas === 'footer' && isEditingHeaderFooter ? 'footer-' : '';\n\n    switch (type) {\n      case 'heading':\n        content = `<h1 style=\"${inlineStyles}\">Heading 1</h1>`;\n        break;\n      case 'heading-2':\n        content = `<h2 style=\"${inlineStyles}\">Heading 2</h2>`;\n        break;\n      case 'heading-3':\n        content = `<h3 style=\"${inlineStyles}\">Heading 3</h3>`;\n        break;\n      case 'heading-4':\n        content = `<h4 style=\"${inlineStyles}\">Heading 4</h4>`;\n        break;\n      case 'text':\n        content = `<p style=\"${inlineStyles}\">Hello, enter your text here...</p>`;\n        break;\n      case 'image':\n        content = `<img src=\"${attrs.src}\" alt=\"${attrs.alt}\" style=\"${inlineStyles};\" />`;\n        break;\n      case 'buttons':\n        attrs.text = attrs?.text || 'Button text';\n        content = `<button style=\"${inlineStyles}\">${attrs.text}</button>`;\n        break;\n      case 'divider':\n        content = `<hr style=\"${inlineStyles}\" />`;\n        break;\n      case 'table':\n        const tableStyles = styles as any;\n        const { border, borderStyle, borderColor, ...rest } = tableStyles;\n        const tInlineStyles = generateInlineStyles(tableStyles.is_bordered ? tableStyles : rest);\n        const tHeadInlineStyles: string = generateInlineStyles(tableStyles.tHead);\n        const tBodyInlineStyles: string = generateInlineStyles(tableStyles.tBody);\n        const thCellInlineStyles: string = generateInlineStyles({...tableStyles.thCells, border, borderStyle, borderColor });\n        const tbCellInlineStyles: string = generateInlineStyles({...tableStyles.tbCells, border, borderStyle, borderColor});\n        content = `\n          <table style=\"${tInlineStyles}\">\n            <thead style=\"${tHeadInlineStyles}\">\n              <tr style=\"background-color: #f5f5f5;\">\n                <th style=\"${thCellInlineStyles}\"></th>\n                <th style=\"${thCellInlineStyles}\"></th>\n                <th style=\"${thCellInlineStyles}\"></th>\n              </tr>\n            </thead>\n            <tbody style=\"${tBodyInlineStyles}\">\n              <tr>\n                <td style=\"${tbCellInlineStyles}\"></td>\n                <td style=\"${tbCellInlineStyles}\"></td>\n                <td style=\"${tbCellInlineStyles}\"></td>\n              </tr>\n            </tbody>\n          </table>\n        `;\n        break;\n      case 'signature':\n        content = `<div style=\"${inlineStyles}\">Signature: <input type='text' style=\"border:0; border-bottom:1px solid black\" class='signature-input'/></div>`;\n        break;\n      case 'qr-code':\n        attrs.placeholder = attrs?.placeholder || '{{qr_data}}';\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\n        break;\n      case 'bar-code':\n        attrs.placeholder = attrs?.placeholder || '{{barcode_data}}';\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\n        break;\n      default:\n        content = '<p style=\"font-size: 16px; color: #333333; line-height: 1.5;\">New section</p>';\n    }\n\n    let attributes: Record<string, any> = {};\n    attributes = extractStyles(content, type);\n\n    return { \n      id: `${idPrefix}section-${uuidv4()}`, \n      content, \n      type, \n      attributes: {...(attrs || {}), styles},\n      is_edited_from_source: false\n    };\n  };\n\n  const handleSave = async () => {\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\n      enqueueSnackbar('Please add at least one section');\n      return;\n    }\n    \n    const mainHtml = generateEmailPreview(sections, headerSections, footerSections, true);\n    try {\n     const p = { \n        ...getToken(), \n        ...(template_id ? { id: template_id } : { subject_id: id, is_default: false, company_id: locationState.company_id }), \n        sections: sections, \n        contents: mainHtml \n      }\n      setPayload(p);\n    } catch (error) {\n      const m = getErrorMessage(error?.message);\n      enqueueSnackbar(m, { variant: 'error' });\n    }\n  };\n  const handleSaveHeaderFooter = async () => {\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\n      enqueueSnackbar('Please add at least one section', { variant: 'error' });\n      return;\n    } else if(!locationState?.company_id) {\n      enqueueSnackbar('Company has not been selected', { variant: 'error' });\n      return;\n    }\n    \n    const headerHtml = generateHeaderFooterPreview(headerSections, 'header');\n    const footerHtml = generateHeaderFooterPreview(footerSections, 'footer');\n    const combinedHtml = `${headerHtml}${footerHtml}`;\n    \n    // Convert splitWidth from number to string for API\n    const convertSectionForApi = (section: EnhancedSectionData) => ({\n      id: section.id,\n      content: section.content,\n      type: section.type,\n      isSplitPair: section.isSplitPair,\n      splitGroupId: section.splitGroupId,\n      splitWidth: section.splitWidth !== undefined ? String(section.splitWidth) : undefined,\n    });\n    \n    const convertedHeaderSections = headerSections.map(convertSectionForApi);\n    const convertedFooterSections = footerSections.map(convertSectionForApi);\n    \n    try {\n      if(headerFooterId) {\n        const token5 = getToken();\n        const res = await patchV1TemplateHeaderFooterId({ \n          ...token5,\n          'x-timezone': token5['x-timezone']?.toString() || '',\n          id: headerFooterId, \n          header_sections: convertedHeaderSections, \n          footer_sections: convertedFooterSections, \n          contents: combinedHtml \n        });\n        if(res.status_code === 200) {\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\n          setIsEditingHeaderFooter(false);\n        }\n      } else {\n        const token6 = getToken();\n        const res = await postV1TemplateHeaderFooter({ \n          ...token6,\n          'x-timezone': token6['x-timezone']?.toString() || '',\n          header_sections: convertedHeaderSections, \n          footer_sections: convertedFooterSections, \n          contents: combinedHtml, \n          company_id: locationState.company_id\n        });\n        if(res.status_code === 200) {\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\n          setIsEditingHeaderFooter(false);\n        }\n      }\n    } catch (error) {\n      const m = getErrorMessage(error?.message);\n      enqueueSnackbar(m, { variant: 'error' });\n    }\n  };\n\n  const toggleHeaderFooterEditing = () => {\n    setIsEditingHeaderFooter(!isEditingHeaderFooter);\n    if (isEditingHeaderFooter) {\n      setActiveCanvas('main');\n    }\n  };\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>\n      <EditorHeader \n        onPreview={() => setPreview(!preview)} \n        onSave={handleSave}\n        preview={preview}\n        sections={sections}\n        isEditingHeaderFooter={isEditingHeaderFooter}\n        setIsEditingHeaderFooter={toggleHeaderFooterEditing}\n        onSaveHeaderFooter={handleSaveHeaderFooter}\n        modulePath={modulePath} \n        type={type}\n        mode={template_id ? 'edit' : 'add'}\n        templateData={templateData}\n      />\n      <Box sx={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\n        <DndContext\n          onDragStart={handleDragStart}\n          onDragOver={handleDragOver}\n          onDragEnd={handleDragEnd}\n          collisionDetection={pointerWithin}\n        >\n          <EditorCanvas\n            sections={sections}\n            headerSections={headerSections}\n            footerSections={footerSections}\n            activeId={activeId}\n            overSection={overSection}\n            selectedSection={selectedSection}\n            onSelectSection={setSelectedSection}\n            onUpdateSection={handleUpdateSection}\n            onSplitSection={handleSplitSection}\n            onDeleteSection={handleDeleteSection}\n            preview={preview}\n            handleSave={handleSave}\n            placeholders={placeholders}\n            isEditingHeaderFooter={isEditingHeaderFooter}\n            relation_table={relation_table}\n          />\n        </DndContext>\n      </Box>\n      {payload !== null && \n        <TemplateNameModal \n          isOpen={payload !== null} \n          setIsOpen={() => setPayload(null)} \n          payload={payload}\n          templateRoutes={ROUTES}\n          mode={template_id ? 'edit' : 'add'}\n          templateData={templateData}\n        />\n      }\n    </Box>\n  );\n};\n\nexport default SectionFlowEditor;"],"names":["type","id","section","uuidv4","relation_table","_a","headerSections","footerSections"],"mappings":";;;;;;;;;;;;;;;;AAuCA,MAAM,oBAAsD,CAAC,EAAE,YAAY,QAAQ,WAAU;AAC3F,QAAM,EAAE,IAAI,YAAA,IAAgB,UAAA;AAC5B,QAAM,EAAE,OAAO,cAAA,IAAkB,YAAA;AAEjC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,CAAA,CAAE;AAClE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAgC,CAAA,CAAE;AAC9E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAgC,CAAA,CAAE;AAC9E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,IAAI;AAC5D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAwB,IAAI;AAC1E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAClE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AACrD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAgC,CAAA,CAAE;AAC1E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAuC,MAAM;AACrF,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAkB,KAAK;AACjF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAc,IAAI;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAiB,EAAE;AAC/D,QAAM,SAAS,eAAe,YAAY,IAAI;AAC9C,QAAM,CAAC,gBAAgB,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsC,IAAI;AAElF,QAAM,kBAAkB,CAAC,UAA0B;AACjD,UAAM,EAAE,WAAW;AACnB,gBAAY,OAAO,EAAY;AAAA,EACjC;AAEA,QAAM,iBAAiB,CAAC,UAAyB;AAC/C,UAAM;AAAA;AAAA,MAAgB;AAAA,IAAA,IAAS;AAE/B,QAAI,CAAC,MAAM;AACT,qBAAe,IAAI;AACnB;AAAA,IACF;AAEA,QAAI,KAAK,OAAO,mBAAmB,uBAAuB;AACxD,sBAAgB,QAAQ;AAAA,IAC1B,WAAW,KAAK,OAAO,mBAAmB,uBAAuB;AAC/D,sBAAgB,QAAQ;AAAA,IAC1B,WAAW,KAAK,OAAO,eAAe;AACpC,sBAAgB,MAAM;AAAA,IACxB;AAEA,QAAI,KAAK,OAAO,mBAAmB,KAAK,OAAO,iBAAiB,KAAK,OAAO,iBAAiB;AAC3F,qBAAe,KAAK,EAAY;AAAA,IAClC;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAAwB;;AAC7C,UAAM,EAAE,QAAQ,KAAA,IAAS;AAEzB,gBAAY,IAAI;AAChB,mBAAe,IAAI;AAEnB,QAAI,CAAC,KAAM;AAEX,QAAI,iBAAiB;AACrB,QAAI,oBAAoB;AAExB,SAAK,KAAK,OAAO,oBAAmB,2CAAa,WAAW,gBAAe,uBAAuB;AAChG,uBAAiB;AACjB,0BAAoB;AACpB,sBAAgB,QAAQ;AAAA,IAC1B,YAAY,KAAK,OAAO,oBAAmB,2CAAa,WAAW,gBAAe,uBAAuB;AACvG,uBAAiB;AACjB,0BAAoB;AACpB,sBAAgB,QAAQ;AAAA,IAC1B,OAAO;AACL,sBAAgB,MAAM;AAAA,IACxB;AAEA,UAAI,YAAO,KAAK,YAAZ,mBAAqB,UAAS,SAAS;AACzC,YAAM,WAAW,OAAO,KAAK,QAAQ;AACrC,YAAM,aAAkC,iBAAiB,SAAS,EAAE,KAAK,UAAU,KAAK,SAAS;AAEjG,YAAM,YAAY,eAAe,UAAU,CAAC,YAAY,QAAQ,OAAO,KAAK,EAAE;AAC9E,YAAM,cAAc,CAAC,GAAG,cAAc;AAEtC,UAAI,KAAK,OAAO,mBAAmB,KAAK,OAAO,iBAAiB,KAAK,OAAO,mBAAmB,cAAc,IAAI;AAC/G,0BAAkB,CAAC,GAAG,gBAAgB,UAAU,CAAC;AAAA,MACnD,OAAO;AACL,oBAAY,OAAO,WAAW,GAAG,UAAU;AAC3C,0BAAkB,WAAW;AAAA,MAC/B;AAEA,sBAAgB,8BAA8B;AAC9C;AAAA,IACF;AAEA,QAAI,OAAO,OAAO,OAAO,YAAY,OAAO,GAAG,WAAW,UAAU,GAAG;AACrE,YAAMA,QAAO,OAAO,GAAG,QAAQ,YAAY,EAAE;AAC7C,YAAM,aAAa,iBAAiBA,KAAI;AAExC,YAAM,YAAY,eAAe,UAAU,CAAC,YAAY,QAAQ,OAAO,KAAK,EAAE;AAC9E,YAAM,gBAAgB,cAAc;AAEpC,UAAI,CAAC,iBAAiB,KAAK,OAAO,mBAAmB,KAAK,OAAO,iBAAiB,KAAK,OAAO,iBAAiB;AAC7G,0BAAkB,CAAC,GAAG,gBAAgB,UAAU,CAAC;AAAA,MACnD,OAAO;AACL,cAAM,gBAAgB,eAAe,SAAS;AAC9C,cAAM,UACJ,CAAC,cAAc,WACf,cAAc,QAAQ,SAAS,cAAc,KAC7C,cAAc,QAAQ,SAAS,iBAAiB;AAElD,YAAI,SAAS;AACX,gBAAM,kBAAkB,CAAC,GAAG,cAAc;AAC1C,0BAAgB,SAAS,IAAI;AAAA,YAC3B,GAAG;AAAA,YACH,MAAAA;AAAAA,YACA,SAAS,WAAW;AAAA,UAAA;AAEtB,4BAAkB,eAAe;AAAA,QAEnC,OAAO;AACL,gBAAM,kBAAkB,CAAC,GAAG,cAAc;AAC1C,0BAAgB,OAAO,WAAW,GAAG,UAAU;AAC/C,4BAAkB,eAAe;AAAA,QAEnC;AAAA,MACF;AACA;AAAA,IACF;AAEA,QACE,OAAO,OAAO,KAAK,MACnB,OAAO,OAAO,OAAO,YACrB,OAAO,KAAK,OAAO,UACnB;AACA,UAAI,iBAAwC,CAAA;AAC5C,UAAI,oBAAwF;AAG5F,UAAI,OAAO,GAAG,WAAW,SAAS,KAAK,uBAAuB;AAC5D,yBAAiB;AACjB,4BAAoB;AAAA,MAEtB,WAAW,OAAO,GAAG,WAAW,SAAS,KAAK,uBAAuB;AACnE,yBAAiB;AACjB,4BAAoB;AAAA,MAEtB,OAAO;AACL,yBAAiB;AACjB,4BAAoB;AAAA,MAEtB;AAEA,YAAM,gBAAgB,OAAO,GAAG,QAAQ,sBAAsB,EAAE;AAEhE,YAAM,WAAW,eAAe;AAAA,QAAU,CAAC,YACzC,QAAQ,OAAO,iBAAiB,QAAQ,OAAO,OAAO;AAAA,MAAA;AAGxD,UAAI,WAAW,eAAe;AAAA,QAAU,CAAC,YACvC,QAAQ,OAAO,OAAO,KAAK,EAAE,EAAE,QAAQ,sBAAsB,EAAE;AAAA,MAAA;AAGjE,UAAI,KAAK,OAAO,mBAAmB,KAAK,OAAO,iBAAiB,KAAK,OAAO,iBAAiB;AAC3F,mBAAW,eAAe;AAAA,MAC5B;AAEA,UAAI,aAAa,MAAM,aAAa,IAAI;AACtC,YAAI,mBAAmB,gBAAgB;AACrC,gBAAM,cAAc,CAAC,GAAG,cAAc;AACtC,gBAAM,CAAC,YAAY,IAAI,YAAY,OAAO,UAAU,CAAC;AAErD,cAAI,aAAa,eAAe,aAAa,cAAc;AACzD,kBAAM,UAAU,aAAa;AAC7B,kBAAM,gBAAgB,CAAC,cAAc,GAAG,eAAe;AAAA,cACrD,OAAK,EAAE,iBAAiB,WAAW,EAAE,OAAO,aAAa;AAAA,YAAA,CAC1D;AAED,kBAAM,UAAU,YAAY,OAAO,CAAA,MAAK,EAAE,iBAAiB,OAAO;AAClE,oBAAQ,OAAO,UAAU,GAAG,GAAG,aAAa;AAC5C,8BAAkB,OAAO;AAAA,UAC3B,OAAO;AACL,wBAAY,OAAO,UAAU,GAAG,YAAY;AAC5C,8BAAkB,WAAW;AAAA,UAC/B;AAAA,QACF,OAAO;AACL,gBAAM,kBAAkB,eAAe,QAAQ;AAE/C,gBAAM,oBAAoB,CAAC,GAAG,cAAc;AAC5C,4BAAkB,OAAO,UAAU,CAAC;AACpC,4BAAkB,iBAAiB;AAEnC,gBAAM,oBAAoB,CAAC,GAAG,cAAc;AAE5C,gBAAM,eAAe,EAAC,GAAG,gBAAA;AAEzB,eAAK,KAAK,OAAO,mBAAmB,KAAK,GAAG,WAAW,SAAS,MAAM,uBAAuB;AAC3F,gBAAI,CAAC,aAAa,GAAG,WAAW,SAAS,GAAG;AAC1C,2BAAa,KAAK,UAAU,aAAa,EAAE;AAAA,YAC7C;AAAA,UACF,YAAY,KAAK,OAAO,mBAAmB,KAAK,GAAG,WAAW,SAAS,MAAM,uBAAuB;AAClG,gBAAI,CAAC,aAAa,GAAG,WAAW,SAAS,GAAG;AAC1C,2BAAa,KAAK,UAAU,aAAa,EAAE;AAAA,YAC7C;AAAA,UACF,OAAO;AACL,yBAAa,KAAK,aAAa,GAAG,QAAQ,sBAAsB,EAAE;AAAA,UACpE;AAEA,4BAAkB,OAAO,UAAU,GAAG,YAAY;AAClD,4BAAkB,iBAAiB;AAAA,QACrC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,eAAuB;AAClD,QAAI,eAAe,YAAY,sBAAuB,QAAO;AAC7D,QAAI,eAAe,YAAY,sBAAuB,QAAO;AAC7D,WAAO;AAAA,EACT;AAEA,QAAM,yBAAyB,CAAC,eAAuB;AACrD,QAAI,eAAe,YAAY,sBAAuB,QAAO;AAC7D,QAAI,eAAe,YAAY,sBAAuB,QAAO;AAC7D,WAAO;AAAA,EACT;AAEA,QAAM,sBAAsB,CAACC,KAAY,MAAoC,eAAuB;AAClG,UAAM,mBAAmB,oBAAoB,UAAU;AACvD,UAAM,sBAAsB,uBAAuB,UAAU;AAE7D,UAAM,UAAUA,IAAG,QAAQ,sBAAsB,EAAE;AAEnD;AAAA,MACE,iBAAiB;AAAA,QAAI,CAAC,YACpB,QAAQ,OAAO,WAAW,QAAQ,OAAOA,MAAK,EAAE,GAAG,SAAS,GAAG,SAAS;AAAA,MAAA;AAAA,IAC1E;AAAA,EAEJ;AAEA,QAAM,qBAAqB,CAACA,KAAY,UAAkB,UAAkB,eAAuB;AACjG,UAAM,mBAAmB,oBAAoB,UAAU;AACvD,UAAM,sBAAsB,uBAAuB,UAAU;AAE7D,UAAM,UAAUA,IAAG,QAAQ,sBAAsB,EAAE;AAEnD,UAAM,QAAQ,iBAAiB,UAAU,CAACC,aAAYA,SAAQ,OAAO,WAAWA,SAAQ,OAAOD,GAAE;AACjG,QAAI,UAAU,GAAI;AAElB,UAAM,UAAU,iBAAiB,KAAK;AACtC,UAAM,cAAc,CAAC,GAAG,gBAAgB;AAExC,UAAM,gBAAgB,eAAe,WAAW,YAAY,eAAe,WAAW,YAAY;AAElG,QAAI,QAAQ,eAAe,QAAQ,cAAc;AAC/C,YAAM,eAAe,QAAQ;AAC7B,YAAM,gBAAgB,YAAY,OAAO,CAAA,MAAK,EAAE,iBAAiB,YAAY;AAC7E,YAAM,gBAAgB,cAAc,SAAS;AAC7C,YAAM,WAAW,MAAM;AAEvB,kBAAY,KAAK,IAAI;AAAA,QACnB,GAAG;AAAA,QACH,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAGd,YAAM,aAAkC;AAAA,QACtC,IAAI,GAAG,aAAa,WAAWE,IAAQ;AAAA,QACvC,SAAS;AAAA,QACT,MAAM,QAAQ;AAAA,QACd,aAAa;AAAA,QACb;AAAA,QACA,YAAY;AAAA,QACZ,YAAY,QAAQ;AAAA,QACpB,uBAAuB;AAAA,MAAA;AAGzB,kBAAY,OAAO,QAAQ,GAAG,GAAG,UAAU;AAE3C,eAAS,IAAI,GAAG,IAAI,YAAY,QAAQ,KAAK;AAC3C,YAAI,YAAY,CAAC,EAAE,iBAAiB,cAAc;AAChD,sBAAY,CAAC,EAAE,aAAa;AAAA,QAC9B;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,eAAeA,GAAA;AACrB,YAAM,eAAe;AAErB,kBAAY,KAAK,IAAI;AAAA,QACnB,GAAG;AAAA,QACH,SAAS;AAAA,QACT,aAAa;AAAA,QACb;AAAA,QACA,YAAY;AAAA,MAAA;AAGd,YAAM,aAAkC;AAAA,QACtC,IAAI,GAAG,aAAa,WAAWA,IAAQ;AAAA,QACvC,SAAS;AAAA,QACT,MAAM,QAAQ;AAAA,QACd,aAAa;AAAA,QACb;AAAA,QACA,YAAY;AAAA,QACZ,YAAY,QAAQ;AAAA,QACpB,uBAAuB;AAAA,MAAA;AAGzB,kBAAY,OAAO,QAAQ,GAAG,GAAG,UAAU;AAAA,IAC7C;AAEA,wBAAoB,WAAW;AAAA,EAEjC;AAEA,QAAM,sBAAsB,CAACF,KAAY,eAAuB;AAC9D,UAAM,mBAAmB,oBAAoB,UAAU;AACvD,UAAM,sBAAsB,uBAAuB,UAAU;AAE7D,UAAM,UAAUA,IAAG,QAAQ,sBAAsB,EAAE;AAEnD,UAAM,kBAAkB,iBAAiB,KAAK,CAAA,MAAK,EAAE,OAAO,WAAW,EAAE,OAAOA,GAAE;AAElF,QAAI,CAAC,gBAAiB;AAEtB,QAAI,gBAAgB,eAAe,gBAAgB,cAAc;AAC/D,YAAM,gBAAgB,iBAAiB,OAAO,OAAK,EAAE,iBAAiB,gBAAgB,YAAY;AAElG,UAAI,cAAc,UAAU,GAAG;AAC7B,cAAM,mBAAmB,cAAc,KAAK,CAAA,MAAK,EAAE,OAAO,WAAW,EAAE,OAAOA,GAAE;AAChF,YAAI,kBAAkB;AACpB,2BAAiB,cAAc;AAC/B,2BAAiB,eAAe;AAChC,2BAAiB,aAAa;AAAA,QAChC;AACA,4BAAoB,iBAAiB,OAAO,CAAA,MAAK,EAAE,OAAO,WAAW,EAAE,OAAOA,GAAE,CAAC;AAAA,MACnF,OAAO;AACL,cAAM,yBAAyB,cAAc,OAAO,CAAA,MAAK,EAAE,OAAO,WAAW,EAAE,OAAOA,GAAE;AACxF,cAAM,WAAW,MAAM,uBAAuB;AAE9C,cAAM,kBAAkB,iBAAiB,OAAO,CAAA,YAAW,QAAQ,OAAO,WAAW,QAAQ,OAAOA,GAAE,EAAE,IAAI,CAAA,YAAW;AACrH,cAAI,QAAQ,iBAAiB,gBAAgB,cAAc;AACzD,mBAAO,EAAE,GAAG,SAAS,YAAY,SAAA;AAAA,UACnC;AACA,iBAAO;AAAA,QACT,CAAC;AAED,4BAAoB,eAAe;AAAA,MAErC;AAAA,IACF,OAAO;AACL,0BAAoB,iBAAiB,OAAO,CAAA,YAAW,QAAQ,OAAO,WAAW,QAAQ,OAAOA,GAAE,CAAC;AAAA,IAErG;AAEA,QAAI,oBAAoBA,KAAI;AAC1B,yBAAmB,IAAI;AAAA,IACzB;AAAA,EACF;AAEA,YAAU,MAAM;;AACd,aAAS,KAAK,MAAM,WAAW;AAC/B,UAAM,QAAO,cAAS,qBAAqB,MAAM,MAApC,mBAAwC;AACrD,QAAI,MAAM;AACR,WAAK,MAAM,YAAY;AAAA,IACzB;AACA,WAAO,MAAM;AACX,eAAS,KAAK,gBAAgB,OAAO;AAAA,IACvC;AAAA,EACF,GAAG,CAAA,CAAE;AAEP,QAAM,UAAU,YAAY;;AAC1B,QAAI,IAAI;AACN,YAAM,QAAQ,SAAA;AACd,YAAM,UAAU,MAAM,gBAAgB;AAAA,QACpC,GAAG;AAAA,QACH,gBAAc,WAAM,YAAY,MAAlB,mBAAqB,eAAc;AAAA,QACjD;AAAA,MAAA,CACD;AAED,UAAI,UAAU,WAAW,QAAQ,QAAQ,OAAO,QAAQ,SAAS,YAAY,cAAc,QAAQ,MAAM;AACvG,cAAM,WAAY,QAAQ,KAAa;AACvC,cAAM,SAAS,SAAA;AACf,cAAM,OAAO,MAAM,2CAA2C;AAAA,UAC5D,GAAG;AAAA,UACH,gBAAc,YAAO,YAAY,MAAnB,mBAAsB,eAAc;AAAA,UAClD,MAAM;AAAA,QAAA,CACP;AACD,cAAM,eAAgB,UAAU,QAAQ,KAAK,QAAQ,OAAO,KAAK,SAAS,YAAY,YAAY,KAAK,OACjG,KAAK,KAAa,UAAU,CAAA,IAC9B,CAAA;AACJ,cAAMG,kBAAkB,UAAU,QAAQ,KAAK,QAAQ,OAAO,KAAK,SAAS,YAAY,uBAAuB,KAAK,OAC9G,KAAK,KAAa,qBAAqB,CAAA,IACzC,CAAA;AAGJ,cAAM,gBAAgB,aACnB,IAAI,CAAC,WAAW;AAAA,UACf,GAAG;AAAA,UACH,KAAK,MAAM,IAAI,QAAQ,gBAAgB,EAAE;AAAA,QAAA,EACzC,EACD,OAAO,CAAC,UAAA;;AAAU,kBAAC,MAAM,iBAAiB,MAAM,UAAU,QAAQ,GAACC,MAAA,+BAAO,UAAP,gBAAAA,IAAc,SAAS;AAAA,SAAM;AAGnG,cAAM,sBAAsB,CAAA;AAC5B,cAAM,uBAAuB,CAAA;AAE7BD,wBAAe,QAAQ,CAAC,UAAU;AAChC,cAAI,CAAC,MAAO;AAEZ,gBAAM,sBAAsB,MAAM,UAAU,CAAA,GAAI,IAAI,CAAC,UAAU;AAC7D,kBAAM,eAAe;AAAA,cACnB,GAAG;AAAA,cACH,KAAK,MAAM,IAAI,QAAQ,gBAAgB,EAAE;AAAA,cACzC,QAAO,+BAAO,eAAc,+BAAO,cAAc,MAAM;AAAA,YAAA;AAIzD,gBAAI,MAAM,SAAS,YAAY,MAAM,SAAS;AAC5C,2BAAa,MAAM,GAAG,MAAM,OAAO,IAAI,aAAa,GAAG;AAAA,YACzD;AAEA,mBAAO;AAAA,UACT,CAAC,EAAE;AAAA,YACD,CAAC,UACC,CAAC,MAAM,iBACP,MAAM,UAAU,QAChB,CAAC,MAAM,MAAM,SAAS,KAAK;AAAA,UAAA;AAG/B,gBAAM,oBAAoB,EAAE;AAAA,YAC1B;AAAA,YACA;AAAA,YACA,CAAC,QAAa,WAAgB,OAAO,SAAQ,iCAAQ;AAAA,UAAA;AAGvD,gBAAM,cAAc,kBAAkB,IAAI,CAAC,MAAW;AACpD,kBAAM,QAAQ,WAAW,EAAE,MAAM,QAAQ,UAAU,EAAE,EAAE,QAAQ,MAAM,GAAG,CAAC;AACzE,kBAAM,QAAQ,MAAM,SAAS,YAAY,MAAM,UAC3C,GAAG,MAAM,OAAO,IAAI,EAAE,MAAM,QAAQ,MAAM,GAAG,EAAE,YAAA,CAAa,KAC5D,EAAE,MAAM,QAAQ,MAAM,GAAG,EAAE,YAAA;AAE/B,mBAAO;AAAA,cACL,OAAO;AAAA,cACP;AAAA,YAAA;AAAA,UAEJ,CAAC;AAED,cAAI,MAAM,SAAS,UAAU;AAE3B,iCAAqB,KAAK,GAAG,WAAW;AAAA,UAC1C,OAAO;AAEL,gCAAoB,KAAK;AAAA,cACvB,GAAG;AAAA,cACH,QAAQ;AAAA,YAAA,CACT;AAAA,UACH;AAAA,QACF,CAAC;AAGD,cAAM,YAAY;AAAA,UAChB,GAAG,cAAc,IAAI,CAAC,MAAM;AAC1B,kBAAM,KAAI,uBAAG,WAAS,uBAAG;AACzB,kBAAM,QAAQ,WAAW,EAAE,QAAQ,UAAU,EAAE,EAAE,QAAQ,MAAM,GAAG,CAAC;AACnE,mBAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,MAAM,QAAQ,MAAM,GAAG,EAAE,YAAA;AAAA,YAAY;AAAA,UAEhD,CAAC;AAAA,UACD,GAAG;AAAA,QAAA;AAGL,cAAM,kBAAkB,EAAE,OAAO,WAAW,OAAO;AAEnD,wBAAgB,eAAe;AAC/B,yBAAiB,mBAAmB;AAAA,MACtC;AAAA,IACF;AAGA,QAAI,aAAa;AACf,YAAM,SAAS,SAAA;AACf,YAAM,MAAM,MAAM,iBAAiB;AAAA,QACjC,GAAG;AAAA,QACH,gBAAc,YAAO,YAAY,MAAnB,mBAAsB,eAAc;AAAA,QAClD,IAAI;AAAA,MAAA,CACL;AACD,YAAM,mBAAoB,UAAU,OAAO,IAAI,QAAQ,OAAO,IAAI,SAAS,YAAY,cAAc,IAAI,OACnG,IAAI,KAAa,YAAY,CAAA,IAC/B,CAAA;AACJ,YAAM,WAAW,iBAAiB,IAAI,CAAC,OAAY;AAAA,QACjD,GAAG;AAAA,QACH,IAAI,EAAE,MAAM,WAAWD,IAAQ;AAAA,MAAA,EAC/B;AACF,sBAAiB,UAAU,OAAO,IAAI,OAAQ,IAAI,OAAc,IAAI;AAEpE,kBAAY,QAAQ;AAAA,IACtB;AAEA,QAAI,+CAAe,YAAY;AAC7B,YAAM,SAAS,SAAA;AACf,YAAM,MAAM,MAAM,+CAA+C;AAAA,QAC/D,GAAG;AAAA,QACH,gBAAc,YAAO,YAAY,MAAnB,mBAAsB,eAAc;AAAA,QAClD,YAAY,cAAc;AAAA,MAAA,CAC3B;AACD,YAAM,UAAW,UAAU,OAAO,IAAI,QAAQ,OAAO,IAAI,SAAS,WAAY,IAAI,OAAc;AAChG,yBAAkB,mCAAS,QAAO,EAAE;AACpC,YAAMG,mBAAiB,mCAAS,oBAAmB,CAAA;AACnD,YAAMC,mBAAiB,mCAAS,oBAAmB,CAAA;AACnD,YAAM,aAAaD,gBAAe,IAAI,CAAC,OAAO;AAAA,QAC5C,GAAG;AAAA,QACH,IAAI,EAAE,MAAM,kBAAkBH,IAAQ;AAAA,MAAA,EACtC;AACF,YAAM,aAAaI,gBAAe,IAAI,CAAC,OAAO;AAAA,QAC5C,GAAG;AAAA,QACH,IAAI,EAAE,MAAM,kBAAkBJ,IAAQ;AAAA,MAAA,EACtC;AAEF,wBAAkB,UAAU;AAC5B,wBAAkB,UAAU;AAAA,IAC9B;AAAA,EACF;AAEE,YAAU,MAAM;AACd,YAAA;AAAA,EACF,GAAG,CAAC,aAAa,IAAI,+CAAe,UAAU,CAAC;AAE/C,QAAM,mBAAmB,CAACH,OAAmB,QAA6B,CAAA,MAA4B;AACpG,QAAI,UAAU;AACd,UAAM,SAAS,cAAcA,KAAI,KAAK,CAAA;AACtC,UAAM,eAAuB,qBAAqB,MAAM;AAExD,UAAM,WAAW,iBAAiB,YAAY,wBAAwB,YACrD,iBAAiB,YAAY,wBAAwB,YAAY;AAElF,YAAQA,OAAAA;AAAAA,MACN,KAAK;AACH,kBAAU,cAAc,YAAY;AACpC;AAAA,MACF,KAAK;AACH,kBAAU,cAAc,YAAY;AACpC;AAAA,MACF,KAAK;AACH,kBAAU,cAAc,YAAY;AACpC;AAAA,MACF,KAAK;AACH,kBAAU,cAAc,YAAY;AACpC;AAAA,MACF,KAAK;AACH,kBAAU,aAAa,YAAY;AACnC;AAAA,MACF,KAAK;AACH,kBAAU,aAAa,MAAM,GAAG,UAAU,MAAM,GAAG,YAAY,YAAY;AAC3E;AAAA,MACF,KAAK;AACH,cAAM,QAAO,+BAAO,SAAQ;AAC5B,kBAAU,kBAAkB,YAAY,KAAK,MAAM,IAAI;AACvD;AAAA,MACF,KAAK;AACH,kBAAU,cAAc,YAAY;AACpC;AAAA,MACF,KAAK;AACH,cAAM,cAAc;AACpB,cAAM,EAAE,QAAQ,aAAa,aAAa,GAAG,SAAS;AACtD,cAAM,gBAAgB,qBAAqB,YAAY,cAAc,cAAc,IAAI;AACvF,cAAM,oBAA4B,qBAAqB,YAAY,KAAK;AACxE,cAAM,oBAA4B,qBAAqB,YAAY,KAAK;AACxE,cAAM,qBAA6B,qBAAqB,EAAC,GAAG,YAAY,SAAS,QAAQ,aAAa,aAAa;AACnH,cAAM,qBAA6B,qBAAqB,EAAC,GAAG,YAAY,SAAS,QAAQ,aAAa,aAAY;AAClH,kBAAU;AAAA,0BACQ,aAAa;AAAA,4BACX,iBAAiB;AAAA;AAAA,6BAEhB,kBAAkB;AAAA,6BAClB,kBAAkB;AAAA,6BAClB,kBAAkB;AAAA;AAAA;AAAA,4BAGnB,iBAAiB;AAAA;AAAA,6BAEhB,kBAAkB;AAAA,6BAClB,kBAAkB;AAAA,6BAClB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAKvC;AAAA,MACF,KAAK;AACH,kBAAU,eAAe,YAAY;AACrC;AAAA,MACF,KAAK;AACH,cAAM,eAAc,+BAAO,gBAAe;AAC1C,kBAAU,8FAA8F,MAAM,WAAW;AACzH;AAAA,MACF,KAAK;AACH,cAAM,eAAc,+BAAO,gBAAe;AAC1C,kBAAU,8FAA8F,MAAM,WAAW;AACzH;AAAA,MACF;AACE,kBAAU;AAAA,IAAA;AAID,kBAAc,OAAa;AAExC,WAAO;AAAA,MACL,IAAI,GAAG,QAAQ,WAAWG,IAAQ;AAAA,MAClC;AAAA,MACA,MAAAH;AAAAA,MACA,YAAY,EAAC,GAAI,SAAS,CAAA,GAAK,OAAA;AAAA,MAC/B,uBAAuB;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,aAAa,YAAY;AAC7B,QAAG,SAAS,WAAW,KAAK,eAAe,WAAW,KAAK,eAAe,WAAW,GAAI;AACvF,sBAAgB,iCAAiC;AACjD;AAAA,IACF;AAEA,UAAM,WAAW,qBAAqB,UAAU,gBAAgB,gBAAgB,IAAI;AACpF,QAAI;AACH,YAAM,IAAI;AAAA,QACP,GAAG,SAAA;AAAA,QACH,GAAI,cAAc,EAAE,IAAI,YAAA,IAAgB,EAAE,YAAY,IAAI,YAAY,OAAO,YAAY,cAAc,WAAA;AAAA,QACvG;AAAA,QACA,UAAU;AAAA,MAAA;AAEZ,iBAAW,CAAC;AAAA,IACd,SAAS,OAAO;AACd,YAAM,IAAI,gBAAgB,+BAAO,OAAO;AACxC,sBAAgB,GAAG,EAAE,SAAS,QAAA,CAAS;AAAA,IACzC;AAAA,EACF;AACA,QAAM,yBAAyB,YAAY;;AACzC,QAAG,SAAS,WAAW,KAAK,eAAe,WAAW,KAAK,eAAe,WAAW,GAAI;AACvF,sBAAgB,mCAAmC,EAAE,SAAS,QAAA,CAAS;AACvE;AAAA,IACF,WAAU,EAAC,+CAAe,aAAY;AACpC,sBAAgB,iCAAiC,EAAE,SAAS,QAAA,CAAS;AACrE;AAAA,IACF;AAEA,UAAM,aAAa,4BAA4B,gBAAgB,QAAQ;AACvE,UAAM,aAAa,4BAA4B,gBAAgB,QAAQ;AACvE,UAAM,eAAe,GAAG,UAAU,GAAG,UAAU;AAG/C,UAAM,uBAAuB,CAAC,aAAkC;AAAA,MAC9D,IAAI,QAAQ;AAAA,MACZ,SAAS,QAAQ;AAAA,MACjB,MAAM,QAAQ;AAAA,MACd,aAAa,QAAQ;AAAA,MACrB,cAAc,QAAQ;AAAA,MACtB,YAAY,QAAQ,eAAe,SAAY,OAAO,QAAQ,UAAU,IAAI;AAAA,IAAA;AAG9E,UAAM,0BAA0B,eAAe,IAAI,oBAAoB;AACvE,UAAM,0BAA0B,eAAe,IAAI,oBAAoB;AAEvE,QAAI;AACF,UAAG,gBAAgB;AACjB,cAAM,SAAS,SAAA;AACf,cAAM,MAAM,MAAM,8BAA8B;AAAA,UAC9C,GAAG;AAAA,UACH,gBAAc,YAAO,YAAY,MAAnB,mBAAsB,eAAc;AAAA,UAClD,IAAI;AAAA,UACJ,iBAAiB;AAAA,UACjB,iBAAiB;AAAA,UACjB,UAAU;AAAA,QAAA,CACX;AACD,YAAG,IAAI,gBAAgB,KAAK;AAC1B,0BAAgB,oCAAoC,EAAE,SAAS,UAAA,CAAW;AAC1E,mCAAyB,KAAK;AAAA,QAChC;AAAA,MACF,OAAO;AACL,cAAM,SAAS,SAAA;AACf,cAAM,MAAM,MAAM,2BAA2B;AAAA,UAC3C,GAAG;AAAA,UACH,gBAAc,YAAO,YAAY,MAAnB,mBAAsB,eAAc;AAAA,UAClD,iBAAiB;AAAA,UACjB,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,YAAY,cAAc;AAAA,QAAA,CAC3B;AACD,YAAG,IAAI,gBAAgB,KAAK;AAC1B,0BAAgB,oCAAoC,EAAE,SAAS,UAAA,CAAW;AAC1E,mCAAyB,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF,SAAS,OAAO;AACd,YAAM,IAAI,gBAAgB,+BAAO,OAAO;AACxC,sBAAgB,GAAG,EAAE,SAAS,QAAA,CAAS;AAAA,IACzC;AAAA,EACF;AAEA,QAAM,4BAA4B,MAAM;AACtC,6BAAyB,CAAC,qBAAqB;AAC/C,QAAI,uBAAuB;AACzB,sBAAgB,MAAM;AAAA,IACxB;AAAA,EACF;AAEA,SACE,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,QAAA,GAC3D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,MAAM,WAAW,CAAC,OAAO;AAAA,QACpC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,QACpB;AAAA,QACA;AAAA,QACA,MAAM,cAAc,SAAS;AAAA,QAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,oBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,MAAM,GAAG,UAAU,SAAA,GAC7C,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,oBAAoB;AAAA,QAEpB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,gBAAgB;AAAA,YAChB,iBAAiB;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACC,YAAY,QACX;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,YAAY;AAAA,QACpB,WAAW,MAAM,WAAW,IAAI;AAAA,QAChC;AAAA,QACA,gBAAgB;AAAA,QAChB,MAAM,cAAc,SAAS;AAAA,QAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/components/SectionFlowEditor.tsx"],"sourcesContent":["/* eslint-disable no-case-declarations */\r\n/* 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 } from 'react';\r\nimport EditorHeader from './EditorHeader';\r\nimport EditorCanvas from './EditorCanvas';\r\nimport {\r\n  DndContext,\r\n  DragEndEvent,\r\n  DragOverEvent,\r\n  DragStartEvent,\r\n  pointerWithin,\r\n} from '@dnd-kit/core';\r\nimport { SectionData, ElementType } from '../types/editor';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { Box } from '@mui/material';\r\nimport { useLocation, useParams } from 'react-router-dom';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport { getV1FormBuilderRelationalSchemaFieldsName, getV1SubjectsId, getV1TemplateHeaderFooterCompanyIdHeaderFooter, getV1TemplatesId, patchV1TemplateHeaderFooterId, postV1TemplateHeaderFooter } from '../../../api-client/api.system-feature/api';\r\nimport { templateRoutes, extractStyles, generateEmailPreview, generateHeaderFooterPreview, generateInlineStyles } from '../utils/common';\r\nimport { initialStyles } from '../utils/constant';\r\nimport _ from 'lodash';\r\nimport formatText from '../../../utils/format-text';\r\nimport TemplateNameModal from \"../template-name-modal/template-name-modal\";\r\n\r\ninterface EnhancedSectionData extends SectionData {\r\n  isSplitPair?: boolean;\r\n  splitGroupId?: string;\r\n  splitWidth?: number;\r\n}\r\n\r\ninterface SectionFlowEditorProps {\r\n  modulePath: string;\r\n  module: string;\r\n  type: string;\r\n}\r\n\r\nconst SectionFlowEditor: React.FC<SectionFlowEditorProps> = ({ modulePath, module, type}) => {\r\n  const { id, template_id } = useParams();\r\n  const { state: locationState } = useLocation();\r\n\r\n  const [sections, setSections] = useState<EnhancedSectionData[]>([]);\r\n  const [headerSections, setHeaderSections] = useState<EnhancedSectionData[]>([]);\r\n  const [footerSections, setFooterSections] = useState<EnhancedSectionData[]>([]);\r\n  const [activeId, setActiveId] = useState<string | null>(null);\r\n  const [selectedSection, setSelectedSection] = useState<string | null>(null);\r\n  const [overSection, setOverSection] = useState<string | null>(null);\r\n  const [preview, setPreview] = useState<boolean>(false);\r\n  const [placeholders, setPlaceholders] = useState<Record<string, any>[]>([]);\r\n  const [activeCanvas, setActiveCanvas] = useState<'main' | 'header' | 'footer'>('main');\r\n  const [isEditingHeaderFooter, setIsEditingHeaderFooter] = useState<boolean>(false);\r\n  const [payload, setPayload] = useState<any>(null);\r\n  const [headerFooterId, setHeaderFooterId] = useState<string>('');\r\n  const ROUTES = templateRoutes(modulePath, type);\r\n  const [relation_table, setRelationTable] = useState<any[]>([]);\r\n  const [templateData, setTemplateData] = useState<Record<string, any> | null >(null);\r\n\r\n  const handleDragStart = (event: DragStartEvent) => {\r\n    const { active } = event;\r\n    setActiveId(active.id as string);\r\n  };\r\n\r\n  const handleDragOver = (event: DragOverEvent) => {\r\n    const { /* active, */ over } = event;\r\n\r\n    if (!over) {\r\n      setOverSection(null);\r\n      return;\r\n    }\r\n\r\n    if (over.id === 'header-canvas' && isEditingHeaderFooter) {\r\n      setActiveCanvas('header');\r\n    } else if (over.id === 'footer-canvas' && isEditingHeaderFooter) {\r\n      setActiveCanvas('footer');\r\n    } else if (over.id === 'main-canvas') {\r\n      setActiveCanvas('main');\r\n    }\r\n\r\n    if (over.id !== 'header-canvas' && over.id !== 'main-canvas' && over.id !== 'footer-canvas') {\r\n      setOverSection(over.id as string);\r\n    }\r\n  };\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n  \r\n    setActiveId(null);\r\n    setOverSection(null);\r\n  \r\n    if (!over) return;\r\n  \r\n    let targetSections = sections;\r\n    let setTargetSections = setSections;\r\n    \r\n    if ((over.id === 'header-canvas' || overSection?.startsWith('header-')) && isEditingHeaderFooter) {\r\n      targetSections = headerSections;\r\n      setTargetSections = setHeaderSections;\r\n      setActiveCanvas('header');\r\n    } else if ((over.id === 'footer-canvas' || overSection?.startsWith('footer-')) && isEditingHeaderFooter) {\r\n      targetSections = footerSections;\r\n      setTargetSections = setFooterSections;\r\n      setActiveCanvas('footer');\r\n    } else {\r\n      setActiveCanvas('main');\r\n    }\r\n  \r\n    if (active.data.current?.type === 'image') {\r\n      const imageUrl = active.data.current.imageUrl;\r\n      const newSection: EnhancedSectionData = createNewSection('image', { src: imageUrl, alt: 'Image' });\r\n  \r\n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\r\n      const newSections = [...targetSections];\r\n  \r\n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas' || overIndex === -1) {\r\n        setTargetSections([...targetSections, newSection]);\r\n      } else {\r\n        newSections.splice(overIndex, 0, newSection);\r\n        setTargetSections(newSections);\r\n      }\r\n  \r\n      enqueueSnackbar('Added uploaded image section');\r\n      return;\r\n    }\r\n  \r\n    if (typeof active.id === 'string' && active.id.startsWith('sidebar-')) {\r\n      const type = active.id.replace('sidebar-', '') as ElementType;\r\n      const newSection = createNewSection(type);\r\n  \r\n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\r\n      const isOverSection = overIndex !== -1;\r\n  \r\n      if (!isOverSection || over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\r\n        setTargetSections([...targetSections, newSection]);\r\n      } else {\r\n        const targetSection = targetSections[overIndex];\r\n        const isEmpty =\r\n          !targetSection.content ||\r\n          targetSection.content.includes('Click to add') ||\r\n          targetSection.content.includes('enter your text');\r\n  \r\n        if (isEmpty) {\r\n          const updatedSections = [...targetSections];\r\n          updatedSections[overIndex] = {\r\n            ...targetSection,\r\n            type,\r\n            content: newSection.content,\r\n          };\r\n          setTargetSections(updatedSections);\r\n          // enqueueSnackbar(`Changed section to ${type}`);\r\n        } else {\r\n          const updatedSections = [...targetSections];\r\n          updatedSections.splice(overIndex, 0, newSection);\r\n          setTargetSections(updatedSections);\r\n          // enqueueSnackbar(`Added new ${type} section`);\r\n        }\r\n      }\r\n      return;\r\n    }\r\n  \r\n    if (\r\n      active.id !== over.id &&\r\n      typeof active.id === 'string' &&\r\n      typeof over.id === 'string'\r\n    ) {\r\n      let sourceSections: EnhancedSectionData[] = [];\r\n      let sourceSetSections: React.Dispatch<React.SetStateAction<EnhancedSectionData[]>> | null = null;\r\n      let canvasId = '';\r\n      \r\n      if (active.id.startsWith('header-') && isEditingHeaderFooter) {\r\n        sourceSections = headerSections;\r\n        sourceSetSections = setHeaderSections;\r\n        canvasId = 'header-canvas';\r\n      } else if (active.id.startsWith('footer-') && isEditingHeaderFooter) {\r\n        sourceSections = footerSections;\r\n        sourceSetSections = setFooterSections;\r\n        canvasId = 'footer-canvas';\r\n      } else {\r\n        sourceSections = sections;\r\n        sourceSetSections = setSections;\r\n        canvasId = 'main-canvas';\r\n      }\r\n      \r\n      const cleanActiveId = active.id.replace(/^(header-|footer-)/, '');\r\n      \r\n      const oldIndex = sourceSections.findIndex((section) => \r\n        section.id === cleanActiveId || section.id === active.id\r\n      );\r\n      \r\n      let newIndex = targetSections.findIndex((section) => \r\n        section.id === String(over.id).replace(/^(header-|footer-)/, '')\r\n      );\r\n  \r\n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\r\n        newIndex = targetSections.length;\r\n      }\r\n  \r\n      if (oldIndex !== -1 && newIndex !== -1) {\r\n        if (sourceSections === targetSections) {\r\n          const newSections = [...sourceSections];\r\n          const [movedSection] = newSections.splice(oldIndex, 1);\r\n  \r\n          if (movedSection.isSplitPair && movedSection.splitGroupId) {\r\n            const groupId = movedSection.splitGroupId;\r\n            const groupSections = [movedSection, ...sourceSections.filter(\r\n              s => s.splitGroupId === groupId && s.id !== movedSection.id\r\n            )];\r\n  \r\n            const cleaned = newSections.filter(s => s.splitGroupId !== groupId);\r\n            cleaned.splice(newIndex, 0, ...groupSections);\r\n            sourceSetSections(cleaned);\r\n          } else {\r\n            newSections.splice(newIndex, 0, movedSection);\r\n            sourceSetSections(newSections);\r\n          }\r\n        } else {\r\n          const originalSection = sourceSections[oldIndex];\r\n          \r\n          const newSourceSections = [...sourceSections];\r\n          newSourceSections.splice(oldIndex, 1);\r\n          sourceSetSections(newSourceSections);\r\n          \r\n          const newTargetSections = [...targetSections];\r\n          \r\n          const movedSection = {...originalSection};\r\n          \r\n          if ((over.id === 'header-canvas' || over.id.startsWith('header-')) && isEditingHeaderFooter) {\r\n            if (!movedSection.id.startsWith('header-')) {\r\n              movedSection.id = `header-${movedSection.id}`;\r\n            }\r\n          } else if ((over.id === 'footer-canvas' || over.id.startsWith('footer-')) && isEditingHeaderFooter) {\r\n            if (!movedSection.id.startsWith('footer-')) {\r\n              movedSection.id = `footer-${movedSection.id}`;\r\n            }\r\n          } else {\r\n            movedSection.id = movedSection.id.replace(/^(header-|footer-)/, '');\r\n          }\r\n          \r\n          newTargetSections.splice(newIndex, 0, movedSection);\r\n          setTargetSections(newTargetSections);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const getRelevantSections = (canvasType: string) => {\r\n    if (canvasType === 'header' && isEditingHeaderFooter) return headerSections;\r\n    if (canvasType === 'footer' && isEditingHeaderFooter) return footerSections;\r\n    return sections;\r\n  };\r\n\r\n  const getRelevantSetSections = (canvasType: string) => {\r\n    if (canvasType === 'header' && isEditingHeaderFooter) return setHeaderSections;\r\n    if (canvasType === 'footer' && isEditingHeaderFooter) return setFooterSections;\r\n    return setSections;\r\n  };\r\n\r\n  const handleUpdateSection = (id: string, data: Partial<EnhancedSectionData>, canvasType: string) => {\r\n    const relevantSections = getRelevantSections(canvasType);\r\n    const relevantSetSections = getRelevantSetSections(canvasType);\r\n    \r\n    const cleanId = id.replace(/^(header-|footer-)/, '');\r\n    \r\n    relevantSetSections(\r\n      relevantSections.map((section) =>\r\n        section.id === cleanId || section.id === id ? { ...section, ...data } : section\r\n      )\r\n    );\r\n  };\r\n\r\n  const handleSplitSection = (id: string, content1: string, content2: string, canvasType: string) => {\r\n    const relevantSections = getRelevantSections(canvasType);\r\n    const relevantSetSections = getRelevantSetSections(canvasType);\r\n    \r\n    const cleanId = id.replace(/^(header-|footer-)/, '');\r\n    \r\n    const index = relevantSections.findIndex((section) => section.id === cleanId || section.id === id);\r\n    if (index === -1) return;\r\n\r\n    const section = relevantSections[index];\r\n    const newSections = [...relevantSections];\r\n    \r\n    const sectionPrefix = canvasType === 'header' ? 'header-' : canvasType === 'footer' ? 'footer-' : '';\r\n    \r\n    if (section.isSplitPair && section.splitGroupId) {\r\n      const splitGroupId = section.splitGroupId;\r\n      const splitSections = newSections.filter(s => s.splitGroupId === splitGroupId);\r\n      const totalSections = splitSections.length + 1;\r\n      const newWidth = 100 / totalSections;\r\n      \r\n      newSections[index] = { \r\n        ...section, \r\n        content: content1,\r\n        splitWidth: newWidth\r\n      };\r\n\r\n      const newSection: EnhancedSectionData = {\r\n        id: `${sectionPrefix}section-${uuidv4()}`,\r\n        content: content2,\r\n        type: section.type,\r\n        isSplitPair: true,\r\n        splitGroupId: splitGroupId,\r\n        splitWidth: newWidth,\r\n        attributes: section.attributes,\r\n        is_edited_from_source: false\r\n      };\r\n\r\n      newSections.splice(index + 1, 0, newSection);\r\n      \r\n      for (let i = 0; i < newSections.length; i++) {\r\n        if (newSections[i].splitGroupId === splitGroupId) {\r\n          newSections[i].splitWidth = newWidth;\r\n        }\r\n      }\r\n    } else {\r\n      const splitGroupId = uuidv4();\r\n      const initialWidth = 50;\r\n      \r\n      newSections[index] = { \r\n        ...section, \r\n        content: content1,\r\n        isSplitPair: true,\r\n        splitGroupId,\r\n        splitWidth: initialWidth\r\n      };\r\n\r\n      const newSection: EnhancedSectionData = {\r\n        id: `${sectionPrefix}section-${uuidv4()}`,\r\n        content: content2,\r\n        type: section.type,\r\n        isSplitPair: true,\r\n        splitGroupId,\r\n        splitWidth: initialWidth,\r\n        attributes: section.attributes,\r\n        is_edited_from_source: false\r\n      };\r\n\r\n      newSections.splice(index + 1, 0, newSection);\r\n    }\r\n    \r\n    relevantSetSections(newSections);\r\n    // enqueueSnackbar('Section split successfully');\r\n  };\r\n\r\n  const handleDeleteSection = (id: string, canvasType: string) => {\r\n    const relevantSections = getRelevantSections(canvasType);\r\n    const relevantSetSections = getRelevantSetSections(canvasType);\r\n    \r\n    const cleanId = id.replace(/^(header-|footer-)/, '');\r\n    \r\n    const sectionToDelete = relevantSections.find(s => s.id === cleanId || s.id === id);\r\n    \r\n    if (!sectionToDelete) return;\r\n    \r\n    if (sectionToDelete.isSplitPair && sectionToDelete.splitGroupId) {\r\n      const splitSections = relevantSections.filter(s => s.splitGroupId === sectionToDelete.splitGroupId);\r\n      \r\n      if (splitSections.length <= 2) {\r\n        const remainingSection = splitSections.find(s => s.id !== cleanId && s.id !== id);\r\n        if (remainingSection) {\r\n          remainingSection.isSplitPair = false;\r\n          remainingSection.splitGroupId = undefined;\r\n          remainingSection.splitWidth = undefined;\r\n        }\r\n        relevantSetSections(relevantSections.filter(s => s.id !== cleanId && s.id !== id));\r\n      } else {\r\n        const remainingSplitSections = splitSections.filter(s => s.id !== cleanId && s.id !== id);\r\n        const newWidth = 100 / remainingSplitSections.length;\r\n        \r\n        const updatedSections = relevantSections.filter(section => section.id !== cleanId && section.id !== id).map(section => {\r\n          if (section.splitGroupId === sectionToDelete.splitGroupId) {\r\n            return { ...section, splitWidth: newWidth };\r\n          }\r\n          return section;\r\n        });\r\n        \r\n        relevantSetSections(updatedSections);\r\n        // enqueueSnackbar('Section removed from split group');\r\n      }\r\n    } else {\r\n      relevantSetSections(relevantSections.filter(section => section.id !== cleanId && section.id !== id));\r\n      // enqueueSnackbar('Section deleted');\r\n    }\r\n    \r\n    if (selectedSection === id) {\r\n      setSelectedSection(null);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    document.body.style.overflow = 'hidden';\r\n    const main = document.getElementsByTagName('main')?.[0];\r\n    if (main) {\r\n      main.style.marginTop = '4.125rem';\r\n    }\r\n    return () => {\r\n      document.body.removeAttribute('style');\r\n    }\r\n  }, []);\r\n\r\nconst getData = async () => {\r\n  if (id) {\r\n    const token = getToken();\r\n    const subjRes = await getV1SubjectsId({ \r\n      ...token, \r\n      'x-timezone': token['x-timezone']?.toString() || '',\r\n      id \r\n    });\r\n\r\n    if ('data' in subjRes && subjRes.data && typeof subjRes.data === 'object' && 'resource' in subjRes.data) {\r\n      const resource = (subjRes.data as any).resource;\r\n      const token2 = getToken();\r\n      const fRes = await getV1FormBuilderRelationalSchemaFieldsName({\r\n        ...token2,\r\n        'x-timezone': token2['x-timezone']?.toString() || '',\r\n        name: resource,\r\n      });\r\n      const schemaFields = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'fields' in fRes.data) \r\n        ? ((fRes.data as any).fields || [])\r\n        : [];\r\n      const relation_table = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'relational_fields' in fRes.data)\r\n        ? ((fRes.data as any).relational_fields || [])\r\n        : [];\r\n\r\n      // Process main schema fields\r\n      const updatedFields = schemaFields\r\n        .map((field) => ({\r\n          ...field,\r\n          key: field.key.replace('__replaceKey', ''),\r\n        }))\r\n        .filter((field) => !field.is_inner_join && field.alias !== 'id' && !field?.alias?.includes('_id'));\r\n\r\n      // Process relation tables - separate array and object types\r\n      const arrayRelationTables = [];\r\n      const objectRelationFields = [];\r\n\r\n      relation_table.forEach((table) => {\r\n        if (!table) return;\r\n\r\n        const updatedTableFields = (table.fields || []).map((field) => {\r\n          const updatedField = {\r\n            ...field,\r\n            key: field.key.replace('__replaceKey', ''),\r\n            alias: field?.templateKey ? field?.templateKey : field.alias,\r\n          };\r\n\r\n          // Prepend dataKey to field keys for object types\r\n          if (table.type === 'object' && table.dataKey) {\r\n            updatedField.key = `${table.dataKey}.${updatedField.key}`;\r\n          }\r\n\r\n          return updatedField;\r\n        }).filter(\r\n          (field) =>\r\n            !field.is_inner_join &&\r\n            field.alias !== 'id' &&\r\n            !field.alias.includes('_id')\r\n        );\r\n\r\n        const uniqueTableFields = _.differenceWith(\r\n          updatedTableFields,\r\n          updatedTableFields,\r\n          (fieldA: any, fieldB: any) => fieldA.key === fieldB?.joinKey\r\n        );\r\n\r\n        const tableFields = uniqueTableFields.map((f: any) => {\r\n          const field = formatText(f.alias.replace(/_data$/, '').replace(/_/g, ' '));\r\n          const value = table.type === 'object' && table.dataKey \r\n            ? `${table.dataKey}.${f.alias.replace(/ /g, '_').toLowerCase()}`\r\n            : f.alias.replace(/ /g, '_').toLowerCase();\r\n            \r\n          return { \r\n            label: field, \r\n            value: value \r\n          };\r\n        });\r\n\r\n        if (table.type === 'object') {\r\n          // Merge object type fields into main fields\r\n          objectRelationFields.push(...tableFields);\r\n        } else {\r\n          // Keep array types separate\r\n          arrayRelationTables.push({\r\n            ...table,\r\n            fields: tableFields\r\n          });\r\n        }\r\n      });\r\n\r\n      // Combine main fields and object relation fields\r\n      const allFields = [\r\n        ...updatedFields.map((f) => {\r\n          const n = f?.alias || f?.key\r\n          const field = formatText(n.replace(/_data$/, '').replace(/_/g, ' '));\r\n          return { \r\n            label: field, \r\n            value: field.replace(/ /g, '_').toLowerCase() \r\n          };\r\n        }),\r\n        ...objectRelationFields\r\n      ];\r\n\r\n      const uniqueAllFields = _.uniqBy(allFields, 'value');\r\n\r\n      setPlaceholders(uniqueAllFields);\r\n      setRelationTable(arrayRelationTables);\r\n    }\r\n  }\r\n\r\n  // Rest of the function remains the same...\r\n  if (template_id) {\r\n    const token3 = getToken();\r\n    const res = await getV1TemplatesId({ \r\n      ...token3, \r\n      'x-timezone': token3['x-timezone']?.toString() || '',\r\n      id: template_id \r\n    });\r\n    const templateSections = ('data' in res && res.data && typeof res.data === 'object' && 'sections' in res.data)\r\n      ? ((res.data as any).sections || [])\r\n      : [];\r\n    const mainSecs = templateSections.map((s: any) => ({\r\n      ...s,\r\n      id: s.id || `section-${uuidv4()}`,\r\n    }));\r\n    setTemplateData(('data' in res && res.data) ? res.data as any : null);\r\n\r\n    setSections(mainSecs);\r\n  }\r\n\r\n  if (locationState?.company_id) {\r\n    const token4 = getToken();\r\n    const res = await getV1TemplateHeaderFooterCompanyIdHeaderFooter({\r\n      ...token4,\r\n      'x-timezone': token4['x-timezone']?.toString() || '',\r\n      company_id: locationState.company_id,\r\n    });\r\n    const resData = ('data' in res && res.data && typeof res.data === 'object') ? res.data as any : null;\r\n    setHeaderFooterId(resData?._id || '');\r\n    const headerSections = resData?.header_sections || [];\r\n    const footerSections = resData?.footer_sections || [];\r\n    const headerSecs = headerSections.map((s) => ({\r\n      ...s,\r\n      id: s.id || `header-section-${uuidv4()}`,\r\n    }));\r\n    const footerSecs = footerSections.map((s) => ({\r\n      ...s,\r\n      id: s.id || `footer-section-${uuidv4()}`,\r\n    }));\r\n\r\n    setHeaderSections(headerSecs);\r\n    setFooterSections(footerSecs);\r\n  }\r\n};\r\n  \r\n  useEffect(() => {\r\n    getData();\r\n  }, [template_id, id, locationState?.company_id]);\r\n\r\n  const createNewSection = (type: ElementType, attrs: Record<string, any> = {}): EnhancedSectionData => {\r\n    let content = '';\r\n    const styles = initialStyles[type] || {};\r\n    const inlineStyles: string = generateInlineStyles(styles);\r\n\r\n    const idPrefix = activeCanvas === 'header' && isEditingHeaderFooter ? 'header-' : \r\n                     activeCanvas === 'footer' && isEditingHeaderFooter ? 'footer-' : '';\r\n\r\n    switch (type) {\r\n      case 'heading':\r\n        content = `<h1 style=\"${inlineStyles}\">Heading 1</h1>`;\r\n        break;\r\n      case 'heading-2':\r\n        content = `<h2 style=\"${inlineStyles}\">Heading 2</h2>`;\r\n        break;\r\n      case 'heading-3':\r\n        content = `<h3 style=\"${inlineStyles}\">Heading 3</h3>`;\r\n        break;\r\n      case 'heading-4':\r\n        content = `<h4 style=\"${inlineStyles}\">Heading 4</h4>`;\r\n        break;\r\n      case 'text':\r\n        content = `<p style=\"${inlineStyles}\">Hello, enter your text here...</p>`;\r\n        break;\r\n      case 'image':\r\n        content = `<img src=\"${attrs.src}\" alt=\"${attrs.alt}\" style=\"${inlineStyles};\" />`;\r\n        break;\r\n      case 'buttons':\r\n        attrs.text = attrs?.text || 'Button text';\r\n        content = `<button style=\"${inlineStyles}\">${attrs.text}</button>`;\r\n        break;\r\n      case 'divider':\r\n        content = `<hr style=\"${inlineStyles}\" />`;\r\n        break;\r\n      case 'table':\r\n        const tableStyles = styles as any;\r\n        const { border, borderStyle, borderColor, ...rest } = tableStyles;\r\n        const tInlineStyles = generateInlineStyles(tableStyles.is_bordered ? tableStyles : rest);\r\n        const tHeadInlineStyles: string = generateInlineStyles(tableStyles.tHead);\r\n        const tBodyInlineStyles: string = generateInlineStyles(tableStyles.tBody);\r\n        const thCellInlineStyles: string = generateInlineStyles({...tableStyles.thCells, border, borderStyle, borderColor });\r\n        const tbCellInlineStyles: string = generateInlineStyles({...tableStyles.tbCells, border, borderStyle, borderColor});\r\n        content = `\r\n          <table style=\"${tInlineStyles}\">\r\n            <thead style=\"${tHeadInlineStyles}\">\r\n              <tr style=\"background-color: #f5f5f5;\">\r\n                <th style=\"${thCellInlineStyles}\"></th>\r\n                <th style=\"${thCellInlineStyles}\"></th>\r\n                <th style=\"${thCellInlineStyles}\"></th>\r\n              </tr>\r\n            </thead>\r\n            <tbody style=\"${tBodyInlineStyles}\">\r\n              <tr>\r\n                <td style=\"${tbCellInlineStyles}\"></td>\r\n                <td style=\"${tbCellInlineStyles}\"></td>\r\n                <td style=\"${tbCellInlineStyles}\"></td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        `;\r\n        break;\r\n      case 'signature':\r\n        content = `<div style=\"${inlineStyles}\">Signature: <input type='text' style=\"border:0; border-bottom:1px solid black\" class='signature-input'/></div>`;\r\n        break;\r\n      case 'qr-code':\r\n        attrs.placeholder = attrs?.placeholder || '{{qr_data}}';\r\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\r\n        break;\r\n      case 'bar-code':\r\n        attrs.placeholder = attrs?.placeholder || '{{barcode_data}}';\r\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\r\n        break;\r\n      default:\r\n        content = '<p style=\"font-size: 16px; color: #333333; line-height: 1.5;\">New section</p>';\r\n    }\r\n\r\n    let attributes: Record<string, any> = {};\r\n    attributes = extractStyles(content, type);\r\n\r\n    return { \r\n      id: `${idPrefix}section-${uuidv4()}`, \r\n      content, \r\n      type, \r\n      attributes: {...(attrs || {}), styles},\r\n      is_edited_from_source: false\r\n    };\r\n  };\r\n\r\n  const handleSave = async () => {\r\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\r\n      enqueueSnackbar('Please add at least one section');\r\n      return;\r\n    }\r\n    \r\n    const mainHtml = generateEmailPreview(sections, headerSections, footerSections, true);\r\n    try {\r\n     const p = { \r\n        ...getToken(), \r\n        ...(template_id ? { id: template_id } : { subject_id: id, is_default: false, company_id: locationState.company_id }), \r\n        sections: sections, \r\n        contents: mainHtml \r\n      }\r\n      setPayload(p);\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  };\r\n  const handleSaveHeaderFooter = async () => {\r\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\r\n      enqueueSnackbar('Please add at least one section', { variant: 'error' });\r\n      return;\r\n    } else if(!locationState?.company_id) {\r\n      enqueueSnackbar('Company has not been selected', { variant: 'error' });\r\n      return;\r\n    }\r\n    \r\n    const headerHtml = generateHeaderFooterPreview(headerSections, 'header');\r\n    const footerHtml = generateHeaderFooterPreview(footerSections, 'footer');\r\n    const combinedHtml = `${headerHtml}${footerHtml}`;\r\n    \r\n    // Convert splitWidth from number to string for API\r\n    const convertSectionForApi = (section: EnhancedSectionData) => ({\r\n      id: section.id,\r\n      content: section.content,\r\n      type: section.type,\r\n      isSplitPair: section.isSplitPair,\r\n      splitGroupId: section.splitGroupId,\r\n      splitWidth: section.splitWidth !== undefined ? String(section.splitWidth) : undefined,\r\n    });\r\n    \r\n    const convertedHeaderSections = headerSections.map(convertSectionForApi);\r\n    const convertedFooterSections = footerSections.map(convertSectionForApi);\r\n    \r\n    try {\r\n      if(headerFooterId) {\r\n        const token5 = getToken();\r\n        const res = await patchV1TemplateHeaderFooterId({ \r\n          ...token5,\r\n          'x-timezone': token5['x-timezone']?.toString() || '',\r\n          id: headerFooterId, \r\n          header_sections: convertedHeaderSections, \r\n          footer_sections: convertedFooterSections, \r\n          contents: combinedHtml \r\n        });\r\n        if(res.status_code === 200) {\r\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\r\n          setIsEditingHeaderFooter(false);\r\n        }\r\n      } else {\r\n        const token6 = getToken();\r\n        const res = await postV1TemplateHeaderFooter({ \r\n          ...token6,\r\n          'x-timezone': token6['x-timezone']?.toString() || '',\r\n          header_sections: convertedHeaderSections, \r\n          footer_sections: convertedFooterSections, \r\n          contents: combinedHtml, \r\n          company_id: locationState.company_id\r\n        });\r\n        if(res.status_code === 200) {\r\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\r\n          setIsEditingHeaderFooter(false);\r\n        }\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  };\r\n\r\n  const toggleHeaderFooterEditing = () => {\r\n    setIsEditingHeaderFooter(!isEditingHeaderFooter);\r\n    if (isEditingHeaderFooter) {\r\n      setActiveCanvas('main');\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box sx={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>\r\n      <EditorHeader \r\n        onPreview={() => setPreview(!preview)} \r\n        onSave={handleSave}\r\n        preview={preview}\r\n        sections={sections}\r\n        isEditingHeaderFooter={isEditingHeaderFooter}\r\n        setIsEditingHeaderFooter={toggleHeaderFooterEditing}\r\n        onSaveHeaderFooter={handleSaveHeaderFooter}\r\n        modulePath={modulePath} \r\n        type={type}\r\n        mode={template_id ? 'edit' : 'add'}\r\n        templateData={templateData}\r\n      />\r\n      <Box sx={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\r\n        <DndContext\r\n          onDragStart={handleDragStart}\r\n          onDragOver={handleDragOver}\r\n          onDragEnd={handleDragEnd}\r\n          collisionDetection={pointerWithin}\r\n        >\r\n          <EditorCanvas\r\n            sections={sections}\r\n            headerSections={headerSections}\r\n            footerSections={footerSections}\r\n            activeId={activeId}\r\n            overSection={overSection}\r\n            selectedSection={selectedSection}\r\n            onSelectSection={setSelectedSection}\r\n            onUpdateSection={handleUpdateSection}\r\n            onSplitSection={handleSplitSection}\r\n            onDeleteSection={handleDeleteSection}\r\n            preview={preview}\r\n            handleSave={handleSave}\r\n            placeholders={placeholders}\r\n            isEditingHeaderFooter={isEditingHeaderFooter}\r\n            relation_table={relation_table}\r\n          />\r\n        </DndContext>\r\n      </Box>\r\n      {payload !== null && \r\n        <TemplateNameModal \r\n          isOpen={payload !== null} \r\n          setIsOpen={() => setPayload(null)} \r\n          payload={payload}\r\n          templateRoutes={ROUTES}\r\n          mode={template_id ? 'edit' : 'add'}\r\n          templateData={templateData}\r\n        />\r\n      }\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SectionFlowEditor;"],"names":["type","id","section","uuidv4","relation_table","_a","headerSections","footerSections"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/SectionFlowEditor.tsx"],"sourcesContent":["/* eslint-disable no-case-declarations */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useState, useEffect } from 'react';\nimport EditorHeader from './EditorHeader';\nimport EditorCanvas from './EditorCanvas';\nimport {\n  DndContext,\n  DragEndEvent,\n  DragOverEvent,\n  DragStartEvent,\n  pointerWithin,\n} from '@dnd-kit/core';\nimport { SectionData, ElementType } from '../types/editor';\nimport { v4 as uuidv4 } from 'uuid';\nimport { enqueueSnackbar } from 'notistack';\nimport { Box } from '@mui/material';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { getErrorMessage, getToken } from '../../../utils/common';\nimport { getV1FormBuilderRelationalSchemaFieldsName, getV1SubjectsId, getV1TemplateHeaderFooterCompanyIdHeaderFooter, getV1TemplatesId, patchV1TemplateHeaderFooterId, postV1TemplateHeaderFooter } from '../../../api-client/api.system-feature/api';\nimport { templateRoutes, extractStyles, generateEmailPreview, generateHeaderFooterPreview, generateInlineStyles } from '../utils/common';\nimport { initialStyles } from '../utils/constant';\nimport _ from 'lodash';\nimport formatText from '../../../utils/format-text';\nimport TemplateNameModal from \"../template-name-modal/template-name-modal\";\n\ninterface EnhancedSectionData extends SectionData {\n  isSplitPair?: boolean;\n  splitGroupId?: string;\n  splitWidth?: number;\n}\n\ninterface SectionFlowEditorProps {\n  modulePath: string;\n  module: string;\n  type: string;\n}\n\nconst SectionFlowEditor: React.FC<SectionFlowEditorProps> = ({ modulePath, module, type}) => {\n  const { id, template_id } = useParams();\n  const { state: locationState } = useLocation();\n\n  const [sections, setSections] = useState<EnhancedSectionData[]>([]);\n  const [headerSections, setHeaderSections] = useState<EnhancedSectionData[]>([]);\n  const [footerSections, setFooterSections] = useState<EnhancedSectionData[]>([]);\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [selectedSection, setSelectedSection] = useState<string | null>(null);\n  const [overSection, setOverSection] = useState<string | null>(null);\n  const [preview, setPreview] = useState<boolean>(false);\n  const [placeholders, setPlaceholders] = useState<Record<string, any>[]>([]);\n  const [activeCanvas, setActiveCanvas] = useState<'main' | 'header' | 'footer'>('main');\n  const [isEditingHeaderFooter, setIsEditingHeaderFooter] = useState<boolean>(false);\n  const [payload, setPayload] = useState<any>(null);\n  const [headerFooterId, setHeaderFooterId] = useState<string>('');\n  const ROUTES = templateRoutes(modulePath, type);\n  const [relation_table, setRelationTable] = useState<any[]>([]);\n  const [templateData, setTemplateData] = useState<Record<string, any> | null >(null);\n\n  const handleDragStart = (event: DragStartEvent) => {\n    const { active } = event;\n    setActiveId(active.id as string);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    const { /* active, */ over } = event;\n\n    if (!over) {\n      setOverSection(null);\n      return;\n    }\n\n    if (over.id === 'header-canvas' && isEditingHeaderFooter) {\n      setActiveCanvas('header');\n    } else if (over.id === 'footer-canvas' && isEditingHeaderFooter) {\n      setActiveCanvas('footer');\n    } else if (over.id === 'main-canvas') {\n      setActiveCanvas('main');\n    }\n\n    if (over.id !== 'header-canvas' && over.id !== 'main-canvas' && over.id !== 'footer-canvas') {\n      setOverSection(over.id as string);\n    }\n  };\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n  \n    setActiveId(null);\n    setOverSection(null);\n  \n    if (!over) return;\n  \n    let targetSections = sections;\n    let setTargetSections = setSections;\n    \n    if ((over.id === 'header-canvas' || overSection?.startsWith('header-')) && isEditingHeaderFooter) {\n      targetSections = headerSections;\n      setTargetSections = setHeaderSections;\n      setActiveCanvas('header');\n    } else if ((over.id === 'footer-canvas' || overSection?.startsWith('footer-')) && isEditingHeaderFooter) {\n      targetSections = footerSections;\n      setTargetSections = setFooterSections;\n      setActiveCanvas('footer');\n    } else {\n      setActiveCanvas('main');\n    }\n  \n    if (active.data.current?.type === 'image') {\n      const imageUrl = active.data.current.imageUrl;\n      const newSection: EnhancedSectionData = createNewSection('image', { src: imageUrl, alt: 'Image' });\n  \n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\n      const newSections = [...targetSections];\n  \n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas' || overIndex === -1) {\n        setTargetSections([...targetSections, newSection]);\n      } else {\n        newSections.splice(overIndex, 0, newSection);\n        setTargetSections(newSections);\n      }\n  \n      enqueueSnackbar('Added uploaded image section');\n      return;\n    }\n  \n    if (typeof active.id === 'string' && active.id.startsWith('sidebar-')) {\n      const type = active.id.replace('sidebar-', '') as ElementType;\n      const newSection = createNewSection(type);\n  \n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\n      const isOverSection = overIndex !== -1;\n  \n      if (!isOverSection || over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\n        setTargetSections([...targetSections, newSection]);\n      } else {\n        const targetSection = targetSections[overIndex];\n        const isEmpty =\n          !targetSection.content ||\n          targetSection.content.includes('Click to add') ||\n          targetSection.content.includes('enter your text');\n  \n        if (isEmpty) {\n          const updatedSections = [...targetSections];\n          updatedSections[overIndex] = {\n            ...targetSection,\n            type,\n            content: newSection.content,\n          };\n          setTargetSections(updatedSections);\n          // enqueueSnackbar(`Changed section to ${type}`);\n        } else {\n          const updatedSections = [...targetSections];\n          updatedSections.splice(overIndex, 0, newSection);\n          setTargetSections(updatedSections);\n          // enqueueSnackbar(`Added new ${type} section`);\n        }\n      }\n      return;\n    }\n  \n    if (\n      active.id !== over.id &&\n      typeof active.id === 'string' &&\n      typeof over.id === 'string'\n    ) {\n      let sourceSections: EnhancedSectionData[] = [];\n      let sourceSetSections: React.Dispatch<React.SetStateAction<EnhancedSectionData[]>> | null = null;\n      let canvasId = '';\n      \n      if (active.id.startsWith('header-') && isEditingHeaderFooter) {\n        sourceSections = headerSections;\n        sourceSetSections = setHeaderSections;\n        canvasId = 'header-canvas';\n      } else if (active.id.startsWith('footer-') && isEditingHeaderFooter) {\n        sourceSections = footerSections;\n        sourceSetSections = setFooterSections;\n        canvasId = 'footer-canvas';\n      } else {\n        sourceSections = sections;\n        sourceSetSections = setSections;\n        canvasId = 'main-canvas';\n      }\n      \n      const cleanActiveId = active.id.replace(/^(header-|footer-)/, '');\n      \n      const oldIndex = sourceSections.findIndex((section) => \n        section.id === cleanActiveId || section.id === active.id\n      );\n      \n      let newIndex = targetSections.findIndex((section) => \n        section.id === String(over.id).replace(/^(header-|footer-)/, '')\n      );\n  \n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\n        newIndex = targetSections.length;\n      }\n  \n      if (oldIndex !== -1 && newIndex !== -1) {\n        if (sourceSections === targetSections) {\n          const newSections = [...sourceSections];\n          const [movedSection] = newSections.splice(oldIndex, 1);\n  \n          if (movedSection.isSplitPair && movedSection.splitGroupId) {\n            const groupId = movedSection.splitGroupId;\n            const groupSections = [movedSection, ...sourceSections.filter(\n              s => s.splitGroupId === groupId && s.id !== movedSection.id\n            )];\n  \n            const cleaned = newSections.filter(s => s.splitGroupId !== groupId);\n            cleaned.splice(newIndex, 0, ...groupSections);\n            sourceSetSections(cleaned);\n          } else {\n            newSections.splice(newIndex, 0, movedSection);\n            sourceSetSections(newSections);\n          }\n        } else {\n          const originalSection = sourceSections[oldIndex];\n          \n          const newSourceSections = [...sourceSections];\n          newSourceSections.splice(oldIndex, 1);\n          sourceSetSections(newSourceSections);\n          \n          const newTargetSections = [...targetSections];\n          \n          const movedSection = {...originalSection};\n          \n          if ((over.id === 'header-canvas' || over.id.startsWith('header-')) && isEditingHeaderFooter) {\n            if (!movedSection.id.startsWith('header-')) {\n              movedSection.id = `header-${movedSection.id}`;\n            }\n          } else if ((over.id === 'footer-canvas' || over.id.startsWith('footer-')) && isEditingHeaderFooter) {\n            if (!movedSection.id.startsWith('footer-')) {\n              movedSection.id = `footer-${movedSection.id}`;\n            }\n          } else {\n            movedSection.id = movedSection.id.replace(/^(header-|footer-)/, '');\n          }\n          \n          newTargetSections.splice(newIndex, 0, movedSection);\n          setTargetSections(newTargetSections);\n        }\n      }\n    }\n  };\n\n  const getRelevantSections = (canvasType: string) => {\n    if (canvasType === 'header' && isEditingHeaderFooter) return headerSections;\n    if (canvasType === 'footer' && isEditingHeaderFooter) return footerSections;\n    return sections;\n  };\n\n  const getRelevantSetSections = (canvasType: string) => {\n    if (canvasType === 'header' && isEditingHeaderFooter) return setHeaderSections;\n    if (canvasType === 'footer' && isEditingHeaderFooter) return setFooterSections;\n    return setSections;\n  };\n\n  const handleUpdateSection = (id: string, data: Partial<EnhancedSectionData>, canvasType: string) => {\n    const relevantSections = getRelevantSections(canvasType);\n    const relevantSetSections = getRelevantSetSections(canvasType);\n    \n    const cleanId = id.replace(/^(header-|footer-)/, '');\n    \n    relevantSetSections(\n      relevantSections.map((section) =>\n        section.id === cleanId || section.id === id ? { ...section, ...data } : section\n      )\n    );\n  };\n\n  const handleSplitSection = (id: string, content1: string, content2: string, canvasType: string) => {\n    const relevantSections = getRelevantSections(canvasType);\n    const relevantSetSections = getRelevantSetSections(canvasType);\n    \n    const cleanId = id.replace(/^(header-|footer-)/, '');\n    \n    const index = relevantSections.findIndex((section) => section.id === cleanId || section.id === id);\n    if (index === -1) return;\n\n    const section = relevantSections[index];\n    const newSections = [...relevantSections];\n    \n    const sectionPrefix = canvasType === 'header' ? 'header-' : canvasType === 'footer' ? 'footer-' : '';\n    \n    if (section.isSplitPair && section.splitGroupId) {\n      const splitGroupId = section.splitGroupId;\n      const splitSections = newSections.filter(s => s.splitGroupId === splitGroupId);\n      const totalSections = splitSections.length + 1;\n      const newWidth = 100 / totalSections;\n      \n      newSections[index] = { \n        ...section, \n        content: content1,\n        splitWidth: newWidth\n      };\n\n      const newSection: EnhancedSectionData = {\n        id: `${sectionPrefix}section-${uuidv4()}`,\n        content: content2,\n        type: section.type,\n        isSplitPair: true,\n        splitGroupId: splitGroupId,\n        splitWidth: newWidth,\n        attributes: section.attributes,\n        is_edited_from_source: false\n      };\n\n      newSections.splice(index + 1, 0, newSection);\n      \n      for (let i = 0; i < newSections.length; i++) {\n        if (newSections[i].splitGroupId === splitGroupId) {\n          newSections[i].splitWidth = newWidth;\n        }\n      }\n    } else {\n      const splitGroupId = uuidv4();\n      const initialWidth = 50;\n      \n      newSections[index] = { \n        ...section, \n        content: content1,\n        isSplitPair: true,\n        splitGroupId,\n        splitWidth: initialWidth\n      };\n\n      const newSection: EnhancedSectionData = {\n        id: `${sectionPrefix}section-${uuidv4()}`,\n        content: content2,\n        type: section.type,\n        isSplitPair: true,\n        splitGroupId,\n        splitWidth: initialWidth,\n        attributes: section.attributes,\n        is_edited_from_source: false\n      };\n\n      newSections.splice(index + 1, 0, newSection);\n    }\n    \n    relevantSetSections(newSections);\n    // enqueueSnackbar('Section split successfully');\n  };\n\n  const handleDeleteSection = (id: string, canvasType: string) => {\n    const relevantSections = getRelevantSections(canvasType);\n    const relevantSetSections = getRelevantSetSections(canvasType);\n    \n    const cleanId = id.replace(/^(header-|footer-)/, '');\n    \n    const sectionToDelete = relevantSections.find(s => s.id === cleanId || s.id === id);\n    \n    if (!sectionToDelete) return;\n    \n    if (sectionToDelete.isSplitPair && sectionToDelete.splitGroupId) {\n      const splitSections = relevantSections.filter(s => s.splitGroupId === sectionToDelete.splitGroupId);\n      \n      if (splitSections.length <= 2) {\n        const remainingSection = splitSections.find(s => s.id !== cleanId && s.id !== id);\n        if (remainingSection) {\n          remainingSection.isSplitPair = false;\n          remainingSection.splitGroupId = undefined;\n          remainingSection.splitWidth = undefined;\n        }\n        relevantSetSections(relevantSections.filter(s => s.id !== cleanId && s.id !== id));\n      } else {\n        const remainingSplitSections = splitSections.filter(s => s.id !== cleanId && s.id !== id);\n        const newWidth = 100 / remainingSplitSections.length;\n        \n        const updatedSections = relevantSections.filter(section => section.id !== cleanId && section.id !== id).map(section => {\n          if (section.splitGroupId === sectionToDelete.splitGroupId) {\n            return { ...section, splitWidth: newWidth };\n          }\n          return section;\n        });\n        \n        relevantSetSections(updatedSections);\n        // enqueueSnackbar('Section removed from split group');\n      }\n    } else {\n      relevantSetSections(relevantSections.filter(section => section.id !== cleanId && section.id !== id));\n      // enqueueSnackbar('Section deleted');\n    }\n    \n    if (selectedSection === id) {\n      setSelectedSection(null);\n    }\n  };\n\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n    const main = document.getElementsByTagName('main')?.[0];\n    if (main) {\n      main.style.marginTop = '4.125rem';\n    }\n    return () => {\n      document.body.removeAttribute('style');\n    }\n  }, []);\n\nconst getData = async () => {\n  if (id) {\n    const token = getToken();\n    const subjRes = await getV1SubjectsId({ \n      ...token, \n      'x-timezone': token['x-timezone']?.toString() || '',\n      id \n    });\n\n    if ('data' in subjRes && subjRes.data && typeof subjRes.data === 'object' && 'resource' in subjRes.data) {\n      const resource = (subjRes.data as any).resource;\n      const token2 = getToken();\n      const fRes = await getV1FormBuilderRelationalSchemaFieldsName({\n        ...token2,\n        'x-timezone': token2['x-timezone']?.toString() || '',\n        name: resource,\n      });\n      const schemaFields = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'fields' in fRes.data) \n        ? ((fRes.data as any).fields || [])\n        : [];\n      const relation_table = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'relational_fields' in fRes.data)\n        ? ((fRes.data as any).relational_fields || [])\n        : [];\n\n      // Process main schema fields\n      const updatedFields = schemaFields\n        .map((field) => ({\n          ...field,\n          key: field.key.replace('__replaceKey', ''),\n        }))\n        .filter((field) => !field.is_inner_join && field.alias !== 'id' && !field?.alias?.includes('_id'));\n\n      // Process relation tables - separate array and object types\n      const arrayRelationTables = [];\n      const objectRelationFields = [];\n\n      relation_table.forEach((table) => {\n        if (!table) return;\n\n        const updatedTableFields = (table.fields || []).map((field) => {\n          const updatedField = {\n            ...field,\n            key: field.key.replace('__replaceKey', ''),\n            alias: field?.templateKey ? field?.templateKey : field.alias,\n          };\n\n          // Prepend dataKey to field keys for object types\n          if (table.type === 'object' && table.dataKey) {\n            updatedField.key = `${table.dataKey}.${updatedField.key}`;\n          }\n\n          return updatedField;\n        }).filter(\n          (field) =>\n            !field.is_inner_join &&\n            field.alias !== 'id' &&\n            !field.alias.includes('_id')\n        );\n\n        const uniqueTableFields = _.differenceWith(\n          updatedTableFields,\n          updatedTableFields,\n          (fieldA: any, fieldB: any) => fieldA.key === fieldB?.joinKey\n        );\n\n        const tableFields = uniqueTableFields.map((f: any) => {\n          const field = formatText(f.alias.replace(/_data$/, '').replace(/_/g, ' '));\n          const value = table.type === 'object' && table.dataKey \n            ? `${table.dataKey}.${f.alias.replace(/ /g, '_').toLowerCase()}`\n            : f.alias.replace(/ /g, '_').toLowerCase();\n            \n          return { \n            label: field, \n            value: value \n          };\n        });\n\n        if (table.type === 'object') {\n          // Merge object type fields into main fields\n          objectRelationFields.push(...tableFields);\n        } else {\n          // Keep array types separate\n          arrayRelationTables.push({\n            ...table,\n            fields: tableFields\n          });\n        }\n      });\n\n      // Combine main fields and object relation fields\n      const allFields = [\n        ...updatedFields.map((f) => {\n          const n = f?.alias || f?.key\n          const field = formatText(n.replace(/_data$/, '').replace(/_/g, ' '));\n          return { \n            label: field, \n            value: field.replace(/ /g, '_').toLowerCase() \n          };\n        }),\n        ...objectRelationFields\n      ];\n\n      const uniqueAllFields = _.uniqBy(allFields, 'value');\n\n      setPlaceholders(uniqueAllFields);\n      setRelationTable(arrayRelationTables);\n    }\n  }\n\n  // Rest of the function remains the same...\n  if (template_id) {\n    const token3 = getToken();\n    const res = await getV1TemplatesId({ \n      ...token3, \n      'x-timezone': token3['x-timezone']?.toString() || '',\n      id: template_id \n    });\n    const templateSections = ('data' in res && res.data && typeof res.data === 'object' && 'sections' in res.data)\n      ? ((res.data as any).sections || [])\n      : [];\n    const mainSecs = templateSections.map((s: any) => ({\n      ...s,\n      id: s.id || `section-${uuidv4()}`,\n    }));\n    setTemplateData(('data' in res && res.data) ? res.data as any : null);\n\n    setSections(mainSecs);\n  }\n\n  if (locationState?.company_id) {\n    const token4 = getToken();\n    const res = await getV1TemplateHeaderFooterCompanyIdHeaderFooter({\n      ...token4,\n      'x-timezone': token4['x-timezone']?.toString() || '',\n      company_id: locationState.company_id,\n    });\n    const resData = ('data' in res && res.data && typeof res.data === 'object') ? res.data as any : null;\n    setHeaderFooterId(resData?._id || '');\n    const headerSections = resData?.header_sections || [];\n    const footerSections = resData?.footer_sections || [];\n    const headerSecs = headerSections.map((s) => ({\n      ...s,\n      id: s.id || `header-section-${uuidv4()}`,\n    }));\n    const footerSecs = footerSections.map((s) => ({\n      ...s,\n      id: s.id || `footer-section-${uuidv4()}`,\n    }));\n\n    setHeaderSections(headerSecs);\n    setFooterSections(footerSecs);\n  }\n};\n  \n  useEffect(() => {\n    getData();\n  }, [template_id, id, locationState?.company_id]);\n\n  const createNewSection = (type: ElementType, attrs: Record<string, any> = {}): EnhancedSectionData => {\n    let content = '';\n    const styles = initialStyles[type] || {};\n    const inlineStyles: string = generateInlineStyles(styles);\n\n    const idPrefix = activeCanvas === 'header' && isEditingHeaderFooter ? 'header-' : \n                     activeCanvas === 'footer' && isEditingHeaderFooter ? 'footer-' : '';\n\n    switch (type) {\n      case 'heading':\n        content = `<h1 style=\"${inlineStyles}\">Heading 1</h1>`;\n        break;\n      case 'heading-2':\n        content = `<h2 style=\"${inlineStyles}\">Heading 2</h2>`;\n        break;\n      case 'heading-3':\n        content = `<h3 style=\"${inlineStyles}\">Heading 3</h3>`;\n        break;\n      case 'heading-4':\n        content = `<h4 style=\"${inlineStyles}\">Heading 4</h4>`;\n        break;\n      case 'text':\n        content = `<p style=\"${inlineStyles}\">Hello, enter your text here...</p>`;\n        break;\n      case 'image':\n        content = `<img src=\"${attrs.src}\" alt=\"${attrs.alt}\" style=\"${inlineStyles};\" />`;\n        break;\n      case 'buttons':\n        attrs.text = attrs?.text || 'Button text';\n        content = `<button style=\"${inlineStyles}\">${attrs.text}</button>`;\n        break;\n      case 'divider':\n        content = `<hr style=\"${inlineStyles}\" />`;\n        break;\n      case 'table':\n        const tableStyles = styles as any;\n        const { border, borderStyle, borderColor, ...rest } = tableStyles;\n        const tInlineStyles = generateInlineStyles(tableStyles.is_bordered ? tableStyles : rest);\n        const tHeadInlineStyles: string = generateInlineStyles(tableStyles.tHead);\n        const tBodyInlineStyles: string = generateInlineStyles(tableStyles.tBody);\n        const thCellInlineStyles: string = generateInlineStyles({...tableStyles.thCells, border, borderStyle, borderColor });\n        const tbCellInlineStyles: string = generateInlineStyles({...tableStyles.tbCells, border, borderStyle, borderColor});\n        content = `\n          <table style=\"${tInlineStyles}\">\n            <thead style=\"${tHeadInlineStyles}\">\n              <tr style=\"background-color: #f5f5f5;\">\n                <th style=\"${thCellInlineStyles}\"></th>\n                <th style=\"${thCellInlineStyles}\"></th>\n                <th style=\"${thCellInlineStyles}\"></th>\n              </tr>\n            </thead>\n            <tbody style=\"${tBodyInlineStyles}\">\n              <tr>\n                <td style=\"${tbCellInlineStyles}\"></td>\n                <td style=\"${tbCellInlineStyles}\"></td>\n                <td style=\"${tbCellInlineStyles}\"></td>\n              </tr>\n            </tbody>\n          </table>\n        `;\n        break;\n      case 'signature':\n        content = `<div style=\"${inlineStyles}\">Signature: <input type='text' style=\"border:0; border-bottom:1px solid black\" class='signature-input'/></div>`;\n        break;\n      case 'qr-code':\n        attrs.placeholder = attrs?.placeholder || '{{qr_data}}';\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\n        break;\n      case 'bar-code':\n        attrs.placeholder = attrs?.placeholder || '{{barcode_data}}';\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\n        break;\n      default:\n        content = '<p style=\"font-size: 16px; color: #333333; line-height: 1.5;\">New section</p>';\n    }\n\n    let attributes: Record<string, any> = {};\n    attributes = extractStyles(content, type);\n\n    return { \n      id: `${idPrefix}section-${uuidv4()}`, \n      content, \n      type, \n      attributes: {...(attrs || {}), styles},\n      is_edited_from_source: false\n    };\n  };\n\n  const handleSave = async () => {\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\n      enqueueSnackbar('Please add at least one section');\n      return;\n    }\n    \n    const mainHtml = generateEmailPreview(sections, headerSections, footerSections, true);\n    try {\n     const p = { \n        ...getToken(), \n        ...(template_id ? { id: template_id } : { subject_id: id, is_default: false, company_id: locationState.company_id }), \n        sections: sections, \n        contents: mainHtml \n      }\n      setPayload(p);\n    } catch (error) {\n      const m = getErrorMessage(error?.message);\n      enqueueSnackbar(m, { variant: 'error' });\n    }\n  };\n  const handleSaveHeaderFooter = async () => {\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\n      enqueueSnackbar('Please add at least one section', { variant: 'error' });\n      return;\n    } else if(!locationState?.company_id) {\n      enqueueSnackbar('Company has not been selected', { variant: 'error' });\n      return;\n    }\n    \n    const headerHtml = generateHeaderFooterPreview(headerSections, 'header');\n    const footerHtml = generateHeaderFooterPreview(footerSections, 'footer');\n    const combinedHtml = `${headerHtml}${footerHtml}`;\n    \n    // Convert splitWidth from number to string for API\n    const convertSectionForApi = (section: EnhancedSectionData) => ({\n      id: section.id,\n      content: section.content,\n      type: section.type,\n      isSplitPair: section.isSplitPair,\n      splitGroupId: section.splitGroupId,\n      splitWidth: section.splitWidth !== undefined ? String(section.splitWidth) : undefined,\n    });\n    \n    const convertedHeaderSections = headerSections.map(convertSectionForApi);\n    const convertedFooterSections = footerSections.map(convertSectionForApi);\n    \n    try {\n      if(headerFooterId) {\n        const token5 = getToken();\n        const res = await patchV1TemplateHeaderFooterId({ \n          ...token5,\n          'x-timezone': token5['x-timezone']?.toString() || '',\n          id: headerFooterId, \n          header_sections: convertedHeaderSections, \n          footer_sections: convertedFooterSections, \n          contents: combinedHtml \n        });\n        if(res.status_code === 200) {\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\n          setIsEditingHeaderFooter(false);\n        }\n      } else {\n        const token6 = getToken();\n        const res = await postV1TemplateHeaderFooter({ \n          ...token6,\n          'x-timezone': token6['x-timezone']?.toString() || '',\n          header_sections: convertedHeaderSections, \n          footer_sections: convertedFooterSections, \n          contents: combinedHtml, \n          company_id: locationState.company_id\n        });\n        if(res.status_code === 200) {\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\n          setIsEditingHeaderFooter(false);\n        }\n      }\n    } catch (error) {\n      const m = getErrorMessage(error?.message);\n      enqueueSnackbar(m, { variant: 'error' });\n    }\n  };\n\n  const toggleHeaderFooterEditing = () => {\n    setIsEditingHeaderFooter(!isEditingHeaderFooter);\n    if (isEditingHeaderFooter) {\n      setActiveCanvas('main');\n    }\n  };\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>\n      <EditorHeader \n        onPreview={() => setPreview(!preview)} \n        onSave={handleSave}\n        preview={preview}\n        sections={sections}\n        isEditingHeaderFooter={isEditingHeaderFooter}\n        setIsEditingHeaderFooter={toggleHeaderFooterEditing}\n        onSaveHeaderFooter={handleSaveHeaderFooter}\n        modulePath={modulePath} \n        type={type}\n        mode={template_id ? 'edit' : 'add'}\n        templateData={templateData}\n      />\n      <Box sx={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\n        <DndContext\n          onDragStart={handleDragStart}\n          onDragOver={handleDragOver}\n          onDragEnd={handleDragEnd}\n          collisionDetection={pointerWithin}\n        >\n          <EditorCanvas\n            sections={sections}\n            headerSections={headerSections}\n            footerSections={footerSections}\n            activeId={activeId}\n            overSection={overSection}\n            selectedSection={selectedSection}\n            onSelectSection={setSelectedSection}\n            onUpdateSection={handleUpdateSection}\n            onSplitSection={handleSplitSection}\n            onDeleteSection={handleDeleteSection}\n            preview={preview}\n            handleSave={handleSave}\n            placeholders={placeholders}\n            isEditingHeaderFooter={isEditingHeaderFooter}\n            relation_table={relation_table}\n          />\n        </DndContext>\n      </Box>\n      {payload !== null && \n        <TemplateNameModal \n          isOpen={payload !== null} \n          setIsOpen={() => setPayload(null)} \n          payload={payload}\n          templateRoutes={ROUTES}\n          mode={template_id ? 'edit' : 'add'}\n          templateData={templateData}\n        />\n      }\n    </Box>\n  );\n};\n\nexport default SectionFlowEditor;"],"names":["modulePath","module","type","id","template_id","useParams","state","locationState","useLocation","sections","setSections","useState","headerSections","setHeaderSections","footerSections","setFooterSections","activeId","setActiveId","selectedSection","setSelectedSection","overSection","setOverSection","preview","setPreview","placeholders","setPlaceholders","activeCanvas","setActiveCanvas","isEditingHeaderFooter","setIsEditingHeaderFooter","payload","setPayload","headerFooterId","setHeaderFooterId","ROUTES","templateRoutes","relation_table","setRelationTable","templateData","setTemplateData","getRelevantSections","canvasType","getRelevantSetSections","useEffect","document","body","style","overflow","main","_a","getElementsByTagName","marginTop","removeAttribute","async","token","getToken","subjRes","getV1SubjectsId","toString","data","resource","token2","fRes","getV1FormBuilderRelationalSchemaFieldsName","_b","name","schemaFields","fields","relational_fields","updatedFields","map","field","key","replace","filter","is_inner_join","alias","includes","arrayRelationTables","objectRelationFields","forEach","table","updatedTableFields","updatedField","templateKey","dataKey","tableFields","_","differenceWith","fieldA","fieldB","joinKey","f","label","formatText","value","toLowerCase","push","allFields","n","uniqueAllFields","uniqBy","token3","res","getV1TemplatesId","_c","mainSecs","s","uuidv4","company_id","token4","getV1TemplateHeaderFooterCompanyIdHeaderFooter","_d","resData","_id","header_sections","footer_sections","headerSecs","footerSecs","getData","createNewSection","attrs","content","styles","initialStyles","inlineStyles","generateInlineStyles","idPrefix","src","alt","text","tableStyles","border","borderStyle","borderColor","rest","tInlineStyles","is_bordered","tHeadInlineStyles","tHead","tBodyInlineStyles","tBody","thCellInlineStyles","thCells","tbCellInlineStyles","tbCells","placeholder","extractStyles","attributes","is_edited_from_source","handleSave","length","enqueueSnackbar","mainHtml","generateEmailPreview","p","subject_id","is_default","contents","error","m","getErrorMessage","message","variant","jsxs","Box","sx","display","flexDirection","height","children","jsx","EditorHeader","onPreview","onSave","onSaveHeaderFooter","combinedHtml","generateHeaderFooterPreview","convertSectionForApi","section","isSplitPair","splitGroupId","splitWidth","String","convertedHeaderSections","convertedFooterSections","token5","patchV1TemplateHeaderFooterId","status_code","token6","postV1TemplateHeaderFooter","mode","flex","DndContext","onDragStart","event","active","onDragOver","over","onDragEnd","targetSections","setTargetSections","startsWith","current","imageUrl","newSection","overIndex","findIndex","newSections","splice","targetSection","updatedSections","sourceSections","sourceSetSections","cleanActiveId","oldIndex","newIndex","movedSection","groupId","groupSections","cleaned","originalSection","newSourceSections","newTargetSections","collisionDetection","pointerWithin","EditorCanvas","onSelectSection","onUpdateSection","relevantSections","relevantSetSections","cleanId","onSplitSection","content1","content2","index","sectionPrefix","newWidth","i","initialWidth","onDeleteSection","sectionToDelete","find","splitSections","remainingSection","TemplateNameModal","isOpen","setIsOpen"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/SectionFlowEditor.tsx"],"sourcesContent":["/* eslint-disable no-case-declarations */\r\n/* 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 } from 'react';\r\nimport EditorHeader from './EditorHeader';\r\nimport EditorCanvas from './EditorCanvas';\r\nimport {\r\n  DndContext,\r\n  DragEndEvent,\r\n  DragOverEvent,\r\n  DragStartEvent,\r\n  pointerWithin,\r\n} from '@dnd-kit/core';\r\nimport { SectionData, ElementType } from '../types/editor';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { Box } from '@mui/material';\r\nimport { useLocation, useParams } from 'react-router-dom';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport { getV1FormBuilderRelationalSchemaFieldsName, getV1SubjectsId, getV1TemplateHeaderFooterCompanyIdHeaderFooter, getV1TemplatesId, patchV1TemplateHeaderFooterId, postV1TemplateHeaderFooter } from '../../../api-client/api.system-feature/api';\r\nimport { templateRoutes, extractStyles, generateEmailPreview, generateHeaderFooterPreview, generateInlineStyles } from '../utils/common';\r\nimport { initialStyles } from '../utils/constant';\r\nimport _ from 'lodash';\r\nimport formatText from '../../../utils/format-text';\r\nimport TemplateNameModal from \"../template-name-modal/template-name-modal\";\r\n\r\ninterface EnhancedSectionData extends SectionData {\r\n  isSplitPair?: boolean;\r\n  splitGroupId?: string;\r\n  splitWidth?: number;\r\n}\r\n\r\ninterface SectionFlowEditorProps {\r\n  modulePath: string;\r\n  module: string;\r\n  type: string;\r\n}\r\n\r\nconst SectionFlowEditor: React.FC<SectionFlowEditorProps> = ({ modulePath, module, type}) => {\r\n  const { id, template_id } = useParams();\r\n  const { state: locationState } = useLocation();\r\n\r\n  const [sections, setSections] = useState<EnhancedSectionData[]>([]);\r\n  const [headerSections, setHeaderSections] = useState<EnhancedSectionData[]>([]);\r\n  const [footerSections, setFooterSections] = useState<EnhancedSectionData[]>([]);\r\n  const [activeId, setActiveId] = useState<string | null>(null);\r\n  const [selectedSection, setSelectedSection] = useState<string | null>(null);\r\n  const [overSection, setOverSection] = useState<string | null>(null);\r\n  const [preview, setPreview] = useState<boolean>(false);\r\n  const [placeholders, setPlaceholders] = useState<Record<string, any>[]>([]);\r\n  const [activeCanvas, setActiveCanvas] = useState<'main' | 'header' | 'footer'>('main');\r\n  const [isEditingHeaderFooter, setIsEditingHeaderFooter] = useState<boolean>(false);\r\n  const [payload, setPayload] = useState<any>(null);\r\n  const [headerFooterId, setHeaderFooterId] = useState<string>('');\r\n  const ROUTES = templateRoutes(modulePath, type);\r\n  const [relation_table, setRelationTable] = useState<any[]>([]);\r\n  const [templateData, setTemplateData] = useState<Record<string, any> | null >(null);\r\n\r\n  const handleDragStart = (event: DragStartEvent) => {\r\n    const { active } = event;\r\n    setActiveId(active.id as string);\r\n  };\r\n\r\n  const handleDragOver = (event: DragOverEvent) => {\r\n    const { /* active, */ over } = event;\r\n\r\n    if (!over) {\r\n      setOverSection(null);\r\n      return;\r\n    }\r\n\r\n    if (over.id === 'header-canvas' && isEditingHeaderFooter) {\r\n      setActiveCanvas('header');\r\n    } else if (over.id === 'footer-canvas' && isEditingHeaderFooter) {\r\n      setActiveCanvas('footer');\r\n    } else if (over.id === 'main-canvas') {\r\n      setActiveCanvas('main');\r\n    }\r\n\r\n    if (over.id !== 'header-canvas' && over.id !== 'main-canvas' && over.id !== 'footer-canvas') {\r\n      setOverSection(over.id as string);\r\n    }\r\n  };\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n  \r\n    setActiveId(null);\r\n    setOverSection(null);\r\n  \r\n    if (!over) return;\r\n  \r\n    let targetSections = sections;\r\n    let setTargetSections = setSections;\r\n    \r\n    if ((over.id === 'header-canvas' || overSection?.startsWith('header-')) && isEditingHeaderFooter) {\r\n      targetSections = headerSections;\r\n      setTargetSections = setHeaderSections;\r\n      setActiveCanvas('header');\r\n    } else if ((over.id === 'footer-canvas' || overSection?.startsWith('footer-')) && isEditingHeaderFooter) {\r\n      targetSections = footerSections;\r\n      setTargetSections = setFooterSections;\r\n      setActiveCanvas('footer');\r\n    } else {\r\n      setActiveCanvas('main');\r\n    }\r\n  \r\n    if (active.data.current?.type === 'image') {\r\n      const imageUrl = active.data.current.imageUrl;\r\n      const newSection: EnhancedSectionData = createNewSection('image', { src: imageUrl, alt: 'Image' });\r\n  \r\n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\r\n      const newSections = [...targetSections];\r\n  \r\n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas' || overIndex === -1) {\r\n        setTargetSections([...targetSections, newSection]);\r\n      } else {\r\n        newSections.splice(overIndex, 0, newSection);\r\n        setTargetSections(newSections);\r\n      }\r\n  \r\n      enqueueSnackbar('Added uploaded image section');\r\n      return;\r\n    }\r\n  \r\n    if (typeof active.id === 'string' && active.id.startsWith('sidebar-')) {\r\n      const type = active.id.replace('sidebar-', '') as ElementType;\r\n      const newSection = createNewSection(type);\r\n  \r\n      const overIndex = targetSections.findIndex((section) => section.id === over.id);\r\n      const isOverSection = overIndex !== -1;\r\n  \r\n      if (!isOverSection || over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\r\n        setTargetSections([...targetSections, newSection]);\r\n      } else {\r\n        const targetSection = targetSections[overIndex];\r\n        const isEmpty =\r\n          !targetSection.content ||\r\n          targetSection.content.includes('Click to add') ||\r\n          targetSection.content.includes('enter your text');\r\n  \r\n        if (isEmpty) {\r\n          const updatedSections = [...targetSections];\r\n          updatedSections[overIndex] = {\r\n            ...targetSection,\r\n            type,\r\n            content: newSection.content,\r\n          };\r\n          setTargetSections(updatedSections);\r\n          // enqueueSnackbar(`Changed section to ${type}`);\r\n        } else {\r\n          const updatedSections = [...targetSections];\r\n          updatedSections.splice(overIndex, 0, newSection);\r\n          setTargetSections(updatedSections);\r\n          // enqueueSnackbar(`Added new ${type} section`);\r\n        }\r\n      }\r\n      return;\r\n    }\r\n  \r\n    if (\r\n      active.id !== over.id &&\r\n      typeof active.id === 'string' &&\r\n      typeof over.id === 'string'\r\n    ) {\r\n      let sourceSections: EnhancedSectionData[] = [];\r\n      let sourceSetSections: React.Dispatch<React.SetStateAction<EnhancedSectionData[]>> | null = null;\r\n      let canvasId = '';\r\n      \r\n      if (active.id.startsWith('header-') && isEditingHeaderFooter) {\r\n        sourceSections = headerSections;\r\n        sourceSetSections = setHeaderSections;\r\n        canvasId = 'header-canvas';\r\n      } else if (active.id.startsWith('footer-') && isEditingHeaderFooter) {\r\n        sourceSections = footerSections;\r\n        sourceSetSections = setFooterSections;\r\n        canvasId = 'footer-canvas';\r\n      } else {\r\n        sourceSections = sections;\r\n        sourceSetSections = setSections;\r\n        canvasId = 'main-canvas';\r\n      }\r\n      \r\n      const cleanActiveId = active.id.replace(/^(header-|footer-)/, '');\r\n      \r\n      const oldIndex = sourceSections.findIndex((section) => \r\n        section.id === cleanActiveId || section.id === active.id\r\n      );\r\n      \r\n      let newIndex = targetSections.findIndex((section) => \r\n        section.id === String(over.id).replace(/^(header-|footer-)/, '')\r\n      );\r\n  \r\n      if (over.id === 'header-canvas' || over.id === 'main-canvas' || over.id === 'footer-canvas') {\r\n        newIndex = targetSections.length;\r\n      }\r\n  \r\n      if (oldIndex !== -1 && newIndex !== -1) {\r\n        if (sourceSections === targetSections) {\r\n          const newSections = [...sourceSections];\r\n          const [movedSection] = newSections.splice(oldIndex, 1);\r\n  \r\n          if (movedSection.isSplitPair && movedSection.splitGroupId) {\r\n            const groupId = movedSection.splitGroupId;\r\n            const groupSections = [movedSection, ...sourceSections.filter(\r\n              s => s.splitGroupId === groupId && s.id !== movedSection.id\r\n            )];\r\n  \r\n            const cleaned = newSections.filter(s => s.splitGroupId !== groupId);\r\n            cleaned.splice(newIndex, 0, ...groupSections);\r\n            sourceSetSections(cleaned);\r\n          } else {\r\n            newSections.splice(newIndex, 0, movedSection);\r\n            sourceSetSections(newSections);\r\n          }\r\n        } else {\r\n          const originalSection = sourceSections[oldIndex];\r\n          \r\n          const newSourceSections = [...sourceSections];\r\n          newSourceSections.splice(oldIndex, 1);\r\n          sourceSetSections(newSourceSections);\r\n          \r\n          const newTargetSections = [...targetSections];\r\n          \r\n          const movedSection = {...originalSection};\r\n          \r\n          if ((over.id === 'header-canvas' || over.id.startsWith('header-')) && isEditingHeaderFooter) {\r\n            if (!movedSection.id.startsWith('header-')) {\r\n              movedSection.id = `header-${movedSection.id}`;\r\n            }\r\n          } else if ((over.id === 'footer-canvas' || over.id.startsWith('footer-')) && isEditingHeaderFooter) {\r\n            if (!movedSection.id.startsWith('footer-')) {\r\n              movedSection.id = `footer-${movedSection.id}`;\r\n            }\r\n          } else {\r\n            movedSection.id = movedSection.id.replace(/^(header-|footer-)/, '');\r\n          }\r\n          \r\n          newTargetSections.splice(newIndex, 0, movedSection);\r\n          setTargetSections(newTargetSections);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const getRelevantSections = (canvasType: string) => {\r\n    if (canvasType === 'header' && isEditingHeaderFooter) return headerSections;\r\n    if (canvasType === 'footer' && isEditingHeaderFooter) return footerSections;\r\n    return sections;\r\n  };\r\n\r\n  const getRelevantSetSections = (canvasType: string) => {\r\n    if (canvasType === 'header' && isEditingHeaderFooter) return setHeaderSections;\r\n    if (canvasType === 'footer' && isEditingHeaderFooter) return setFooterSections;\r\n    return setSections;\r\n  };\r\n\r\n  const handleUpdateSection = (id: string, data: Partial<EnhancedSectionData>, canvasType: string) => {\r\n    const relevantSections = getRelevantSections(canvasType);\r\n    const relevantSetSections = getRelevantSetSections(canvasType);\r\n    \r\n    const cleanId = id.replace(/^(header-|footer-)/, '');\r\n    \r\n    relevantSetSections(\r\n      relevantSections.map((section) =>\r\n        section.id === cleanId || section.id === id ? { ...section, ...data } : section\r\n      )\r\n    );\r\n  };\r\n\r\n  const handleSplitSection = (id: string, content1: string, content2: string, canvasType: string) => {\r\n    const relevantSections = getRelevantSections(canvasType);\r\n    const relevantSetSections = getRelevantSetSections(canvasType);\r\n    \r\n    const cleanId = id.replace(/^(header-|footer-)/, '');\r\n    \r\n    const index = relevantSections.findIndex((section) => section.id === cleanId || section.id === id);\r\n    if (index === -1) return;\r\n\r\n    const section = relevantSections[index];\r\n    const newSections = [...relevantSections];\r\n    \r\n    const sectionPrefix = canvasType === 'header' ? 'header-' : canvasType === 'footer' ? 'footer-' : '';\r\n    \r\n    if (section.isSplitPair && section.splitGroupId) {\r\n      const splitGroupId = section.splitGroupId;\r\n      const splitSections = newSections.filter(s => s.splitGroupId === splitGroupId);\r\n      const totalSections = splitSections.length + 1;\r\n      const newWidth = 100 / totalSections;\r\n      \r\n      newSections[index] = { \r\n        ...section, \r\n        content: content1,\r\n        splitWidth: newWidth\r\n      };\r\n\r\n      const newSection: EnhancedSectionData = {\r\n        id: `${sectionPrefix}section-${uuidv4()}`,\r\n        content: content2,\r\n        type: section.type,\r\n        isSplitPair: true,\r\n        splitGroupId: splitGroupId,\r\n        splitWidth: newWidth,\r\n        attributes: section.attributes,\r\n        is_edited_from_source: false\r\n      };\r\n\r\n      newSections.splice(index + 1, 0, newSection);\r\n      \r\n      for (let i = 0; i < newSections.length; i++) {\r\n        if (newSections[i].splitGroupId === splitGroupId) {\r\n          newSections[i].splitWidth = newWidth;\r\n        }\r\n      }\r\n    } else {\r\n      const splitGroupId = uuidv4();\r\n      const initialWidth = 50;\r\n      \r\n      newSections[index] = { \r\n        ...section, \r\n        content: content1,\r\n        isSplitPair: true,\r\n        splitGroupId,\r\n        splitWidth: initialWidth\r\n      };\r\n\r\n      const newSection: EnhancedSectionData = {\r\n        id: `${sectionPrefix}section-${uuidv4()}`,\r\n        content: content2,\r\n        type: section.type,\r\n        isSplitPair: true,\r\n        splitGroupId,\r\n        splitWidth: initialWidth,\r\n        attributes: section.attributes,\r\n        is_edited_from_source: false\r\n      };\r\n\r\n      newSections.splice(index + 1, 0, newSection);\r\n    }\r\n    \r\n    relevantSetSections(newSections);\r\n    // enqueueSnackbar('Section split successfully');\r\n  };\r\n\r\n  const handleDeleteSection = (id: string, canvasType: string) => {\r\n    const relevantSections = getRelevantSections(canvasType);\r\n    const relevantSetSections = getRelevantSetSections(canvasType);\r\n    \r\n    const cleanId = id.replace(/^(header-|footer-)/, '');\r\n    \r\n    const sectionToDelete = relevantSections.find(s => s.id === cleanId || s.id === id);\r\n    \r\n    if (!sectionToDelete) return;\r\n    \r\n    if (sectionToDelete.isSplitPair && sectionToDelete.splitGroupId) {\r\n      const splitSections = relevantSections.filter(s => s.splitGroupId === sectionToDelete.splitGroupId);\r\n      \r\n      if (splitSections.length <= 2) {\r\n        const remainingSection = splitSections.find(s => s.id !== cleanId && s.id !== id);\r\n        if (remainingSection) {\r\n          remainingSection.isSplitPair = false;\r\n          remainingSection.splitGroupId = undefined;\r\n          remainingSection.splitWidth = undefined;\r\n        }\r\n        relevantSetSections(relevantSections.filter(s => s.id !== cleanId && s.id !== id));\r\n      } else {\r\n        const remainingSplitSections = splitSections.filter(s => s.id !== cleanId && s.id !== id);\r\n        const newWidth = 100 / remainingSplitSections.length;\r\n        \r\n        const updatedSections = relevantSections.filter(section => section.id !== cleanId && section.id !== id).map(section => {\r\n          if (section.splitGroupId === sectionToDelete.splitGroupId) {\r\n            return { ...section, splitWidth: newWidth };\r\n          }\r\n          return section;\r\n        });\r\n        \r\n        relevantSetSections(updatedSections);\r\n        // enqueueSnackbar('Section removed from split group');\r\n      }\r\n    } else {\r\n      relevantSetSections(relevantSections.filter(section => section.id !== cleanId && section.id !== id));\r\n      // enqueueSnackbar('Section deleted');\r\n    }\r\n    \r\n    if (selectedSection === id) {\r\n      setSelectedSection(null);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    document.body.style.overflow = 'hidden';\r\n    const main = document.getElementsByTagName('main')?.[0];\r\n    if (main) {\r\n      main.style.marginTop = '4.125rem';\r\n    }\r\n    return () => {\r\n      document.body.removeAttribute('style');\r\n    }\r\n  }, []);\r\n\r\nconst getData = async () => {\r\n  if (id) {\r\n    const token = getToken();\r\n    const subjRes = await getV1SubjectsId({ \r\n      ...token, \r\n      'x-timezone': token['x-timezone']?.toString() || '',\r\n      id \r\n    });\r\n\r\n    if ('data' in subjRes && subjRes.data && typeof subjRes.data === 'object' && 'resource' in subjRes.data) {\r\n      const resource = (subjRes.data as any).resource;\r\n      const token2 = getToken();\r\n      const fRes = await getV1FormBuilderRelationalSchemaFieldsName({\r\n        ...token2,\r\n        'x-timezone': token2['x-timezone']?.toString() || '',\r\n        name: resource,\r\n      });\r\n      const schemaFields = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'fields' in fRes.data) \r\n        ? ((fRes.data as any).fields || [])\r\n        : [];\r\n      const relation_table = ('data' in fRes && fRes.data && typeof fRes.data === 'object' && 'relational_fields' in fRes.data)\r\n        ? ((fRes.data as any).relational_fields || [])\r\n        : [];\r\n\r\n      // Process main schema fields\r\n      const updatedFields = schemaFields\r\n        .map((field) => ({\r\n          ...field,\r\n          key: field.key.replace('__replaceKey', ''),\r\n        }))\r\n        .filter((field) => !field.is_inner_join && field.alias !== 'id' && !field?.alias?.includes('_id'));\r\n\r\n      // Process relation tables - separate array and object types\r\n      const arrayRelationTables = [];\r\n      const objectRelationFields = [];\r\n\r\n      relation_table.forEach((table) => {\r\n        if (!table) return;\r\n\r\n        const updatedTableFields = (table.fields || []).map((field) => {\r\n          const updatedField = {\r\n            ...field,\r\n            key: field.key.replace('__replaceKey', ''),\r\n            alias: field?.templateKey ? field?.templateKey : field.alias,\r\n          };\r\n\r\n          // Prepend dataKey to field keys for object types\r\n          if (table.type === 'object' && table.dataKey) {\r\n            updatedField.key = `${table.dataKey}.${updatedField.key}`;\r\n          }\r\n\r\n          return updatedField;\r\n        }).filter(\r\n          (field) =>\r\n            !field.is_inner_join &&\r\n            field.alias !== 'id' &&\r\n            !field.alias.includes('_id')\r\n        );\r\n\r\n        const uniqueTableFields = _.differenceWith(\r\n          updatedTableFields,\r\n          updatedTableFields,\r\n          (fieldA: any, fieldB: any) => fieldA.key === fieldB?.joinKey\r\n        );\r\n\r\n        const tableFields = uniqueTableFields.map((f: any) => {\r\n          const field = formatText(f.alias.replace(/_data$/, '').replace(/_/g, ' '));\r\n          const value = table.type === 'object' && table.dataKey \r\n            ? `${table.dataKey}.${f.alias.replace(/ /g, '_').toLowerCase()}`\r\n            : f.alias.replace(/ /g, '_').toLowerCase();\r\n            \r\n          return { \r\n            label: field, \r\n            value: value \r\n          };\r\n        });\r\n\r\n        if (table.type === 'object') {\r\n          // Merge object type fields into main fields\r\n          objectRelationFields.push(...tableFields);\r\n        } else {\r\n          // Keep array types separate\r\n          arrayRelationTables.push({\r\n            ...table,\r\n            fields: tableFields\r\n          });\r\n        }\r\n      });\r\n\r\n      // Combine main fields and object relation fields\r\n      const allFields = [\r\n        ...updatedFields.map((f) => {\r\n          const n = f?.alias || f?.key\r\n          const field = formatText(n.replace(/_data$/, '').replace(/_/g, ' '));\r\n          return { \r\n            label: field, \r\n            value: field.replace(/ /g, '_').toLowerCase() \r\n          };\r\n        }),\r\n        ...objectRelationFields\r\n      ];\r\n\r\n      const uniqueAllFields = _.uniqBy(allFields, 'value');\r\n\r\n      setPlaceholders(uniqueAllFields);\r\n      setRelationTable(arrayRelationTables);\r\n    }\r\n  }\r\n\r\n  // Rest of the function remains the same...\r\n  if (template_id) {\r\n    const token3 = getToken();\r\n    const res = await getV1TemplatesId({ \r\n      ...token3, \r\n      'x-timezone': token3['x-timezone']?.toString() || '',\r\n      id: template_id \r\n    });\r\n    const templateSections = ('data' in res && res.data && typeof res.data === 'object' && 'sections' in res.data)\r\n      ? ((res.data as any).sections || [])\r\n      : [];\r\n    const mainSecs = templateSections.map((s: any) => ({\r\n      ...s,\r\n      id: s.id || `section-${uuidv4()}`,\r\n    }));\r\n    setTemplateData(('data' in res && res.data) ? res.data as any : null);\r\n\r\n    setSections(mainSecs);\r\n  }\r\n\r\n  if (locationState?.company_id) {\r\n    const token4 = getToken();\r\n    const res = await getV1TemplateHeaderFooterCompanyIdHeaderFooter({\r\n      ...token4,\r\n      'x-timezone': token4['x-timezone']?.toString() || '',\r\n      company_id: locationState.company_id,\r\n    });\r\n    const resData = ('data' in res && res.data && typeof res.data === 'object') ? res.data as any : null;\r\n    setHeaderFooterId(resData?._id || '');\r\n    const headerSections = resData?.header_sections || [];\r\n    const footerSections = resData?.footer_sections || [];\r\n    const headerSecs = headerSections.map((s) => ({\r\n      ...s,\r\n      id: s.id || `header-section-${uuidv4()}`,\r\n    }));\r\n    const footerSecs = footerSections.map((s) => ({\r\n      ...s,\r\n      id: s.id || `footer-section-${uuidv4()}`,\r\n    }));\r\n\r\n    setHeaderSections(headerSecs);\r\n    setFooterSections(footerSecs);\r\n  }\r\n};\r\n  \r\n  useEffect(() => {\r\n    getData();\r\n  }, [template_id, id, locationState?.company_id]);\r\n\r\n  const createNewSection = (type: ElementType, attrs: Record<string, any> = {}): EnhancedSectionData => {\r\n    let content = '';\r\n    const styles = initialStyles[type] || {};\r\n    const inlineStyles: string = generateInlineStyles(styles);\r\n\r\n    const idPrefix = activeCanvas === 'header' && isEditingHeaderFooter ? 'header-' : \r\n                     activeCanvas === 'footer' && isEditingHeaderFooter ? 'footer-' : '';\r\n\r\n    switch (type) {\r\n      case 'heading':\r\n        content = `<h1 style=\"${inlineStyles}\">Heading 1</h1>`;\r\n        break;\r\n      case 'heading-2':\r\n        content = `<h2 style=\"${inlineStyles}\">Heading 2</h2>`;\r\n        break;\r\n      case 'heading-3':\r\n        content = `<h3 style=\"${inlineStyles}\">Heading 3</h3>`;\r\n        break;\r\n      case 'heading-4':\r\n        content = `<h4 style=\"${inlineStyles}\">Heading 4</h4>`;\r\n        break;\r\n      case 'text':\r\n        content = `<p style=\"${inlineStyles}\">Hello, enter your text here...</p>`;\r\n        break;\r\n      case 'image':\r\n        content = `<img src=\"${attrs.src}\" alt=\"${attrs.alt}\" style=\"${inlineStyles};\" />`;\r\n        break;\r\n      case 'buttons':\r\n        attrs.text = attrs?.text || 'Button text';\r\n        content = `<button style=\"${inlineStyles}\">${attrs.text}</button>`;\r\n        break;\r\n      case 'divider':\r\n        content = `<hr style=\"${inlineStyles}\" />`;\r\n        break;\r\n      case 'table':\r\n        const tableStyles = styles as any;\r\n        const { border, borderStyle, borderColor, ...rest } = tableStyles;\r\n        const tInlineStyles = generateInlineStyles(tableStyles.is_bordered ? tableStyles : rest);\r\n        const tHeadInlineStyles: string = generateInlineStyles(tableStyles.tHead);\r\n        const tBodyInlineStyles: string = generateInlineStyles(tableStyles.tBody);\r\n        const thCellInlineStyles: string = generateInlineStyles({...tableStyles.thCells, border, borderStyle, borderColor });\r\n        const tbCellInlineStyles: string = generateInlineStyles({...tableStyles.tbCells, border, borderStyle, borderColor});\r\n        content = `\r\n          <table style=\"${tInlineStyles}\">\r\n            <thead style=\"${tHeadInlineStyles}\">\r\n              <tr style=\"background-color: #f5f5f5;\">\r\n                <th style=\"${thCellInlineStyles}\"></th>\r\n                <th style=\"${thCellInlineStyles}\"></th>\r\n                <th style=\"${thCellInlineStyles}\"></th>\r\n              </tr>\r\n            </thead>\r\n            <tbody style=\"${tBodyInlineStyles}\">\r\n              <tr>\r\n                <td style=\"${tbCellInlineStyles}\"></td>\r\n                <td style=\"${tbCellInlineStyles}\"></td>\r\n                <td style=\"${tbCellInlineStyles}\"></td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        `;\r\n        break;\r\n      case 'signature':\r\n        content = `<div style=\"${inlineStyles}\">Signature: <input type='text' style=\"border:0; border-bottom:1px solid black\" class='signature-input'/></div>`;\r\n        break;\r\n      case 'qr-code':\r\n        attrs.placeholder = attrs?.placeholder || '{{qr_data}}';\r\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\r\n        break;\r\n      case 'bar-code':\r\n        attrs.placeholder = attrs?.placeholder || '{{barcode_data}}';\r\n        content = `<div style=\"background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;\">${attrs.placeholder}</div>`;\r\n        break;\r\n      default:\r\n        content = '<p style=\"font-size: 16px; color: #333333; line-height: 1.5;\">New section</p>';\r\n    }\r\n\r\n    let attributes: Record<string, any> = {};\r\n    attributes = extractStyles(content, type);\r\n\r\n    return { \r\n      id: `${idPrefix}section-${uuidv4()}`, \r\n      content, \r\n      type, \r\n      attributes: {...(attrs || {}), styles},\r\n      is_edited_from_source: false\r\n    };\r\n  };\r\n\r\n  const handleSave = async () => {\r\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\r\n      enqueueSnackbar('Please add at least one section');\r\n      return;\r\n    }\r\n    \r\n    const mainHtml = generateEmailPreview(sections, headerSections, footerSections, true);\r\n    try {\r\n     const p = { \r\n        ...getToken(), \r\n        ...(template_id ? { id: template_id } : { subject_id: id, is_default: false, company_id: locationState.company_id }), \r\n        sections: sections, \r\n        contents: mainHtml \r\n      }\r\n      setPayload(p);\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  };\r\n  const handleSaveHeaderFooter = async () => {\r\n    if(sections.length === 0 && headerSections.length === 0 && footerSections.length === 0)  {\r\n      enqueueSnackbar('Please add at least one section', { variant: 'error' });\r\n      return;\r\n    } else if(!locationState?.company_id) {\r\n      enqueueSnackbar('Company has not been selected', { variant: 'error' });\r\n      return;\r\n    }\r\n    \r\n    const headerHtml = generateHeaderFooterPreview(headerSections, 'header');\r\n    const footerHtml = generateHeaderFooterPreview(footerSections, 'footer');\r\n    const combinedHtml = `${headerHtml}${footerHtml}`;\r\n    \r\n    // Convert splitWidth from number to string for API\r\n    const convertSectionForApi = (section: EnhancedSectionData) => ({\r\n      id: section.id,\r\n      content: section.content,\r\n      type: section.type,\r\n      isSplitPair: section.isSplitPair,\r\n      splitGroupId: section.splitGroupId,\r\n      splitWidth: section.splitWidth !== undefined ? String(section.splitWidth) : undefined,\r\n    });\r\n    \r\n    const convertedHeaderSections = headerSections.map(convertSectionForApi);\r\n    const convertedFooterSections = footerSections.map(convertSectionForApi);\r\n    \r\n    try {\r\n      if(headerFooterId) {\r\n        const token5 = getToken();\r\n        const res = await patchV1TemplateHeaderFooterId({ \r\n          ...token5,\r\n          'x-timezone': token5['x-timezone']?.toString() || '',\r\n          id: headerFooterId, \r\n          header_sections: convertedHeaderSections, \r\n          footer_sections: convertedFooterSections, \r\n          contents: combinedHtml \r\n        });\r\n        if(res.status_code === 200) {\r\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\r\n          setIsEditingHeaderFooter(false);\r\n        }\r\n      } else {\r\n        const token6 = getToken();\r\n        const res = await postV1TemplateHeaderFooter({ \r\n          ...token6,\r\n          'x-timezone': token6['x-timezone']?.toString() || '',\r\n          header_sections: convertedHeaderSections, \r\n          footer_sections: convertedFooterSections, \r\n          contents: combinedHtml, \r\n          company_id: locationState.company_id\r\n        });\r\n        if(res.status_code === 200) {\r\n          enqueueSnackbar('Header/Footer saved successfully', { variant: 'success' });\r\n          setIsEditingHeaderFooter(false);\r\n        }\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  };\r\n\r\n  const toggleHeaderFooterEditing = () => {\r\n    setIsEditingHeaderFooter(!isEditingHeaderFooter);\r\n    if (isEditingHeaderFooter) {\r\n      setActiveCanvas('main');\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box sx={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>\r\n      <EditorHeader \r\n        onPreview={() => setPreview(!preview)} \r\n        onSave={handleSave}\r\n        preview={preview}\r\n        sections={sections}\r\n        isEditingHeaderFooter={isEditingHeaderFooter}\r\n        setIsEditingHeaderFooter={toggleHeaderFooterEditing}\r\n        onSaveHeaderFooter={handleSaveHeaderFooter}\r\n        modulePath={modulePath} \r\n        type={type}\r\n        mode={template_id ? 'edit' : 'add'}\r\n        templateData={templateData}\r\n      />\r\n      <Box sx={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\r\n        <DndContext\r\n          onDragStart={handleDragStart}\r\n          onDragOver={handleDragOver}\r\n          onDragEnd={handleDragEnd}\r\n          collisionDetection={pointerWithin}\r\n        >\r\n          <EditorCanvas\r\n            sections={sections}\r\n            headerSections={headerSections}\r\n            footerSections={footerSections}\r\n            activeId={activeId}\r\n            overSection={overSection}\r\n            selectedSection={selectedSection}\r\n            onSelectSection={setSelectedSection}\r\n            onUpdateSection={handleUpdateSection}\r\n            onSplitSection={handleSplitSection}\r\n            onDeleteSection={handleDeleteSection}\r\n            preview={preview}\r\n            handleSave={handleSave}\r\n            placeholders={placeholders}\r\n            isEditingHeaderFooter={isEditingHeaderFooter}\r\n            relation_table={relation_table}\r\n          />\r\n        </DndContext>\r\n      </Box>\r\n      {payload !== null && \r\n        <TemplateNameModal \r\n          isOpen={payload !== null} \r\n          setIsOpen={() => setPayload(null)} \r\n          payload={payload}\r\n          templateRoutes={ROUTES}\r\n          mode={template_id ? 'edit' : 'add'}\r\n          templateData={templateData}\r\n        />\r\n      }\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SectionFlowEditor;"],"names":["modulePath","module","type","id","template_id","useParams","state","locationState","useLocation","sections","setSections","useState","headerSections","setHeaderSections","footerSections","setFooterSections","activeId","setActiveId","selectedSection","setSelectedSection","overSection","setOverSection","preview","setPreview","placeholders","setPlaceholders","activeCanvas","setActiveCanvas","isEditingHeaderFooter","setIsEditingHeaderFooter","payload","setPayload","headerFooterId","setHeaderFooterId","ROUTES","templateRoutes","relation_table","setRelationTable","templateData","setTemplateData","getRelevantSections","canvasType","getRelevantSetSections","useEffect","document","body","style","overflow","main","_a","getElementsByTagName","marginTop","removeAttribute","async","token","getToken","subjRes","getV1SubjectsId","toString","data","resource","token2","fRes","getV1FormBuilderRelationalSchemaFieldsName","_b","name","schemaFields","fields","relational_fields","updatedFields","map","field","key","replace","filter","is_inner_join","alias","includes","arrayRelationTables","objectRelationFields","forEach","table","updatedTableFields","updatedField","templateKey","dataKey","tableFields","_","differenceWith","fieldA","fieldB","joinKey","f","label","formatText","value","toLowerCase","push","allFields","n","uniqueAllFields","uniqBy","token3","res","getV1TemplatesId","_c","mainSecs","s","uuidv4","company_id","token4","getV1TemplateHeaderFooterCompanyIdHeaderFooter","_d","resData","_id","header_sections","footer_sections","headerSecs","footerSecs","getData","createNewSection","attrs","content","styles","initialStyles","inlineStyles","generateInlineStyles","idPrefix","src","alt","text","tableStyles","border","borderStyle","borderColor","rest","tInlineStyles","is_bordered","tHeadInlineStyles","tHead","tBodyInlineStyles","tBody","thCellInlineStyles","thCells","tbCellInlineStyles","tbCells","placeholder","extractStyles","attributes","is_edited_from_source","handleSave","length","enqueueSnackbar","mainHtml","generateEmailPreview","p","subject_id","is_default","contents","error","m","getErrorMessage","message","variant","jsxs","Box","sx","display","flexDirection","height","children","jsx","EditorHeader","onPreview","onSave","onSaveHeaderFooter","combinedHtml","generateHeaderFooterPreview","convertSectionForApi","section","isSplitPair","splitGroupId","splitWidth","String","convertedHeaderSections","convertedFooterSections","token5","patchV1TemplateHeaderFooterId","status_code","token6","postV1TemplateHeaderFooter","mode","flex","DndContext","onDragStart","event","active","onDragOver","over","onDragEnd","targetSections","setTargetSections","startsWith","current","imageUrl","newSection","overIndex","findIndex","newSections","splice","targetSection","updatedSections","sourceSections","sourceSetSections","cleanActiveId","oldIndex","newIndex","movedSection","groupId","groupSections","cleaned","originalSection","newSourceSections","newTargetSections","collisionDetection","pointerWithin","EditorCanvas","onSelectSection","onUpdateSection","relevantSections","relevantSetSections","cleanId","onSplitSection","content1","content2","index","sectionPrefix","newWidth","i","initialWidth","onDeleteSection","sectionToDelete","find","splitSections","remainingSection","TemplateNameModal","isOpen","setIsOpen"],"mappings":"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"}