npm - @erpsquad/common - Versions diffs - 1.8.45 → 1.8.47 - Mend

@erpsquad/common 1.8.45 → 1.8.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1314) hide show

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

	@@ -1 +1 @@
1	- {"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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"}
1	+ {"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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"}

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

@@ -9,7 +9,7 @@ import DividerControls from "../controllers/DividerControls/index.esm.js";
 import TableControls from "../controllers/TableControls/index.esm.js";
 import SignatureControls from "../controllers/SignatureControls/index.esm.js";
 import CodeControls from "../controllers/CodeControls/index.esm.js";
-import Select from "../../../../components/select/select/index.esm.js";
+import { Select } from "../../../../components/select/select/index.esm.js";
 import { initialStyles } from "../../utils/constant/index.esm.js";
 import { extractStyles, generateInlineStyles, getInitialSectionData } from "../../utils/common/index.esm.js";
 import Paper from "../../../../node_modules/@mui/material/Paper/Paper/index.esm.js";

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

@@ -8,5 +8,5 @@ return e.jsxs(b.default,{elevation:3,sx:{width:{xs:"100%",sm:320,lg:390},height:
 /* @__PURE__ */e.jsx(f.default,{size:"small",onClick:()=>{F(),null==E||E(),j()},"aria-label":"Save",children:/* @__PURE__ */e.jsx(v.Save,{fontSize:"small"})}),
 /* @__PURE__ */e.jsx(f.default,{size:"small",onClick:j,"aria-label":"Close",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})]})})]}),
 /* @__PURE__ */e.jsxs(h.default,{sx:{p:2,flex:1,pb:10,overflowY:"auto"},children:[
-/* @__PURE__ */e.jsx(h.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(g.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsx(c.default,{value:null==$?void 0:$.type,onChange:e=>(e=>{const t=p.getInitialSectionData(e);C({...$,...t}),"table"===e&&k({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]})})(e.target.value),renderValue:e=>e?e.charAt(0).toUpperCase()+e.slice(1).replace(/-/g," "):"",label:"Select Preset",displayEmpty:!0,children:S.map(t=>/* @__PURE__ */e.jsx(x.default,{value:t,children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:t.charAt(0).toUpperCase()+t.slice(1).replace(/-/g," ")})},t))})})}),$&&("text"===I||"heading"===I||"heading-2"===I||"heading-3"===I||"heading-4"===I)&&/* @__PURE__ */e.jsx(n.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"buttons"===I&&/* @__PURE__ */e.jsx(o.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"image"===I&&/* @__PURE__ */e.jsx(a.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"divider"===I&&/* @__PURE__ */e.jsx(s.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"table"===I&&/* @__PURE__ */e.jsx(i.default,{tableData:{...L,rows:L.rows.map(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]=String(e[r]??"")}),t})},setTableData:e=>{var t;t={...e,border:L.border,name:L.name||""},k(t),F()},attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R,placeholders:w,handleSave:E,setParentRowLevel:B,levelType:T,relation_table:q}),"signature"===I&&/* @__PURE__ */e.jsx(d.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),$&&("qr-code"===I||"bar-code"===I)&&/* @__PURE__ */e.jsx(u.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R})]})]})};
+/* @__PURE__ */e.jsx(h.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(g.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsx(c.Select,{value:null==$?void 0:$.type,onChange:e=>(e=>{const t=p.getInitialSectionData(e);C({...$,...t}),"table"===e&&k({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]})})(e.target.value),renderValue:e=>e?e.charAt(0).toUpperCase()+e.slice(1).replace(/-/g," "):"",label:"Select Preset",displayEmpty:!0,children:S.map(t=>/* @__PURE__ */e.jsx(x.default,{value:t,children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:t.charAt(0).toUpperCase()+t.slice(1).replace(/-/g," ")})},t))})})}),$&&("text"===I||"heading"===I||"heading-2"===I||"heading-3"===I||"heading-4"===I)&&/* @__PURE__ */e.jsx(n.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"buttons"===I&&/* @__PURE__ */e.jsx(o.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"image"===I&&/* @__PURE__ */e.jsx(a.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"divider"===I&&/* @__PURE__ */e.jsx(s.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"table"===I&&/* @__PURE__ */e.jsx(i.default,{tableData:{...L,rows:L.rows.map(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]=String(e[r]??"")}),t})},setTableData:e=>{var t;t={...e,border:L.border,name:L.name||""},k(t),F()},attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R,placeholders:w,handleSave:E,setParentRowLevel:B,levelType:T,relation_table:q}),"signature"===I&&/* @__PURE__ */e.jsx(d.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),$&&("qr-code"===I||"bar-code"===I)&&/* @__PURE__ */e.jsx(u.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R})]})]})};
 //# sourceMappingURL=index.js.map

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

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

package/dist/views/template-editor/components/controllers/ButtonControls/index.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
 import AlignmentControl from "../AlignmentControl/index.esm.js";
-import Select from "../../../../../components/select/select/index.esm.js";
-import ColorPickerInput from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
+import { Select } from "../../../../../components/select/select/index.esm.js";
+import { ColorPickerInput } from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import FormControl from "../../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
 import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";

package/dist/views/template-editor/components/controllers/ButtonControls/index.js CHANGED Viewed

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../../../components/typography/typography/index.js"),t=require("../../../../../components/text-field/text-field/index.js"),r=require("../AlignmentControl/index.js"),a=require("../../../../../components/select/select/index.js"),o=require("../../../../../components/color-picker-input/color-picker-input/index.js"),i=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),u=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),n=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js");const d=[{label:"None",value:"none"},{value:"1px solid #e0e0e0",label:"Solid"},{value:"1px dashed #e0e0e0",label:"Dashed"},{value:"1px dotted #e0e0e0",label:"Dotted"}];exports.default=({attrs:m,updateAttrs:x})=>{const{text:c,styles:p}=m;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../../../components/typography/typography/index.js"),r=require("../../../../../components/text-field/text-field/index.js"),t=require("../AlignmentControl/index.js"),a=require("../../../../../components/select/select/index.js"),o=require("../../../../../components/color-picker-input/color-picker-input/index.js"),i=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),n=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),u=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js");const d=[{label:"None",value:"none"},{value:"1px solid #e0e0e0",label:"Solid"},{value:"1px dashed #e0e0e0",label:"Dashed"},{value:"1px dotted #e0e0e0",label:"Dotted"}];exports.default=({attrs:m,updateAttrs:x})=>{const{text:c,styles:p}=m;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.default,{label:"Button Text",fullWidth:!0,value:c,onChange:e=>x({text:e.target.value}),size:"small",sx:{mb:2}}),
-/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.default,{value:(null==p?void 0:p.backgroundColor)||"#333333",onChange:e=>x({styles:{backgroundColor:e}}),label:"Background Color"})}),
-/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.default,{value:(null==p?void 0:p.color)||"#333333",onChange:e=>x({styles:{color:e}}),label:"Text Color"})}),
-/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(a.default,{value:null==p?void 0:p.border,renderValue:e=>{var l;return(null==(l=d.find(l=>l.value===e))?void 0:l.label)||"None"},onChange:e=>x({styles:{border:e.target.value}}),label:"Border",children:[
-/* @__PURE__ */e.jsx(u.default,{value:"none",children:"None"}),
-/* @__PURE__ */e.jsx(u.default,{value:"1px solid #e0e0e0",children:"Solid"}),
-/* @__PURE__ */e.jsx(u.default,{value:"1px dashed #e0e0e0",children:"Dashed"})]})}),
+/* @__PURE__ */e.jsx(r.TextField,{label:"Button Text",fullWidth:!0,value:c,onChange:e=>x({text:e.target.value}),size:"small",sx:{mb:2}}),
+/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.ColorPickerInput,{value:(null==p?void 0:p.backgroundColor)||"#333333",onChange:e=>x({styles:{backgroundColor:e}}),label:"Background Color"})}),
+/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.ColorPickerInput,{value:(null==p?void 0:p.color)||"#333333",onChange:e=>x({styles:{color:e}}),label:"Text Color"})}),
+/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(a.Select,{value:null==p?void 0:p.border,renderValue:e=>{var l;return(null==(l=d.find(l=>l.value===e))?void 0:l.label)||"None"},onChange:e=>x({styles:{border:e.target.value}}),label:"Border",children:[
+/* @__PURE__ */e.jsx(n.default,{value:"none",children:"None"}),
+/* @__PURE__ */e.jsx(n.default,{value:"1px solid #e0e0e0",children:"Solid"}),
+/* @__PURE__ */e.jsx(n.default,{value:"1px dashed #e0e0e0",children:"Dashed"})]})}),
 /* @__PURE__ */e.jsxs(i.default,{sx:{mb:2},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"theme.neutral.800",children:"Border Radius"}),
-/* @__PURE__ */e.jsx(n.default,{value:null==p?void 0:p.borderRadius,onChange:(e,l)=>x({styles:{borderRadius:l}}),min:0,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
+/* @__PURE__ */e.jsx(u.default,{value:null==p?void 0:p.borderRadius,onChange:(e,l)=>x({styles:{borderRadius:l}}),min:0,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
 /* @__PURE__ */e.jsxs(i.default,{sx:{mb:2},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"theme.neutral.800",children:"Font Size"}),
-/* @__PURE__ */e.jsx(n.default,{value:null==p?void 0:p.fontSize,onChange:(e,l)=>x({styles:{fontSize:l}}),min:10,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
-/* @__PURE__ */e.jsx(r.default,{alignment:"0 auto"===(null==p?void 0:p.margin)?"center":"0 0 0 auto"===(null==p?void 0:p.margin)?"right":"auto 0 0 0"===(null==p?void 0:p.margin)?"left":"justify",onAlignmentChange:(e,l)=>{if(l){let e="0";switch(l){case"justify":case"center":default:e="0 auto";break;case"right":e="0 0 0 auto";break;case"left":e="auto 0 0 0"}x({styles:{margin:e}})}}})]})};
+/* @__PURE__ */e.jsx(u.default,{value:null==p?void 0:p.fontSize,onChange:(e,l)=>x({styles:{fontSize:l}}),min:10,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
+/* @__PURE__ */e.jsx(t.default,{alignment:"0 auto"===(null==p?void 0:p.margin)?"center":"0 0 0 auto"===(null==p?void 0:p.margin)?"right":"auto 0 0 0"===(null==p?void 0:p.margin)?"left":"justify",onAlignmentChange:(e,l)=>{if(l){let e="0";switch(l){case"justify":case"center":default:e="0 auto";break;case"right":e="0 0 0 auto";break;case"left":e="auto 0 0 0"}x({styles:{margin:e}})}}})]})};
 //# sourceMappingURL=index.js.map