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

@erpsquad/common 1.8.45 → 1.8.46

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 (1471) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/components/EditorSidebar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\r\n/ eslint-disable unused-imports/no-unused-vars /\r\nimport React, { useState, useCallback, useEffect } from 'react';\r\nimport { useDraggable } from '@dnd-kit/core';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport {\r\n Box,\r\n Divider,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n Grid,\r\n Accordion,\r\n AccordionSummary,\r\n AccordionDetails,\r\n Typography,\r\n CircularProgress,\r\n Alert,\r\n} from '@mui/material';\r\nimport {\r\n Heading,\r\n Text as TextIcon,\r\n Image as ImageIcon,\r\n Table as TableIcon,\r\n Blocks as SignatureIcon,\r\n QrCode as QrCodeIcon,\r\n Barcode as BarcodeIcon,\r\n} from 'lucide-react';\r\nimport { styled } from '@mui/material/styles';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { getV1Drive, postV1Drive, setBaseUrl as setDriveUrl } from '../../../api-client/api.drive/api';\r\nimport SearchBar from '../../../components/search-bar/search-bar';\r\nimport { getToken, uploadFiles } from '../../../utils/common';\r\n\r\nsetDriveUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/document`);\r\n\r\nconst StyledListItem = styled(ListItem)(({ theme }) => ({\r\n padding: theme.spacing(1.5),\r\n cursor: 'grab',\r\n borderRadius: theme.shape.borderRadius,\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n '&.dragging': {\r\n opacity: 0.5,\r\n },\r\n}));\r\n\r\nconst DropzoneBox = styled(Box)(({ theme }) => ({\r\n border: `2px dashed ${theme.palette.grey[400]}`,\r\n borderRadius: theme.shape.borderRadius,\r\n padding: theme.spacing(2),\r\n textAlign: 'center',\r\n backgroundColor: theme.palette.grey[50],\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n}));\r\n\r\nconst SidebarItem = ({ id, icon, label, imageUrl }: { id: string; icon?: React.ReactElement; label: string; imageUrl?: string }) => {\r\n // Extract the element type from the sidebar item id\r\n const elementType = typeof id === 'string' ? id.replace('sidebar-', '') : id;\r\n \r\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\r\n id,\r\n data: {\r\n // Pass the correct type based on the id\r\n type: imageUrl ? 'image' : elementType,\r\n imageUrl,\r\n label,\r\n },\r\n });\r\n \r\n return (\r\n <StyledListItem\r\n ref={setNodeRef}\r\n {...listeners}\r\n {...attributes}\r\n className={isDragging ? 'dragging' : ''}\r\n sx={{ border: '1px solid', borderColor: 'grey.200', p: 0.75 }}\r\n >\r\n {imageUrl ? (\r\n <img\r\n src={imageUrl}\r\n alt={label}\r\n style={{ width: '100%', height: 140, objectFit: 'cover', marginRight: 8 }}\r\n />\r\n ) : (\r\n <>\r\n <ListItemIcon sx={{ minWidth: 40 }}>{icon}</ListItemIcon>\r\n <ListItemText primary={label} primaryTypographyProps={{ variant: 'body2' }} />\r\n </>\r\n )}\r\n </StyledListItem>\r\n );\r\n};\r\n\r\nconst EditorSidebar = () => {\r\n const [expanded, setExpanded] = useState('text');\r\n const [uploadedImages, setUploadedImages] = useState([]);\r\n const [uploading, setUploading] = useState(false);\r\n const [error, setError] = useState(null);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const onDrop = useCallback(async (acceptedFiles) => {\r\n setUploading(true);\r\n setError(null);\r\n try {\r\n for (const file of acceptedFiles) {\r\n const uFiles = await uploadFiles([file], \"document\");\r\n const token = getToken();\r\n const payload = {\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n \"title\": file?.name.split(\".\")[0],\r\n \"path\": \"/\",\r\n \"is_private\": true,\r\n \"is_directory\": false,\r\n \"file_size\": file.size,\r\n \"is_child\": false,\r\n \"file_extension\": file?.name.split(\".\")[1],\r\n \"type\": \"image\",\r\n \"mime_type\": file.type,\r\n \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\r\n }\r\n // Replace with your actual API endpoint\r\n await postV1Drive(payload);\r\n\r\n setUploadedImages((prev) => [\r\n ...prev,\r\n {\r\n id: `uploaded-image-${Date.now()}-${Math.random()}`,\r\n url: `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`, // Assume API returns imageUrl\r\n name: file.name,\r\n },\r\n ]);\r\n }\r\n } catch (err) {\r\n setError('Failed to upload image. Please try again.');\r\n } finally {\r\n setUploading(false);\r\n }\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDrop,\r\n accept: { 'image/': ['.jpeg', '.png', '.jpg', '.gif'] },\r\n multiple: true,\r\n });\r\n\r\n const sections = [\r\n {\r\n id: 'text',\r\n icon: <TextIcon size={18} />,\r\n label: 'Text',\r\n content: (\r\n <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 1 }}>\r\n <SidebarItem id=\"sidebar-heading\" icon={<Heading size={20} />} label=\"Heading 1\" />\r\n <SidebarItem id=\"sidebar-heading-2\" icon={<Heading size={18} />} label=\"Heading 2\" />\r\n <SidebarItem id=\"sidebar-heading-3\" icon={<Heading size={16} />} label=\"Heading 3\" />\r\n <SidebarItem id=\"sidebar-heading-4\" icon={<Heading size={14} />} label=\"Heading 4\" />\r\n <SidebarItem id=\"sidebar-text\" icon={<TextIcon size={20} />} label=\"Body\" />\r\n <SidebarItem id=\"sidebar-text-block\" icon={<TextIcon size={20} />} label=\"Text Block\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'images',\r\n icon: <ImageIcon size={18} />,\r\n label: 'Images',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <Box sx={{ mt: 2 }}>\r\n <DropzoneBox {...getRootProps()}>\r\n <input {...getInputProps()} />\r\n {isDragActive ? (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drop the images here...\r\n </Typography>\r\n ) : (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drag and drop images here, or click to select\r\n </Typography>\r\n )}\r\n {uploading && (\r\n <Box sx={{ mt: 1 }}>\r\n <CircularProgress size={20} />\r\n </Box>\r\n )}\r\n </DropzoneBox>\r\n {error && (\r\n <Alert severity=\"error\" sx={{ mt: 2 }}>\r\n {error}\r\n </Alert>\r\n )}\r\n {uploadedImages.length > 0 && (\r\n <Box sx={{ mt: 2 }}>\r\n <Typography variant=\"body2\" sx={{ mb: 1, color: 'grey.500' }}>\r\n Uploaded Images\r\n </Typography>\r\n <Grid container spacing={1}>\r\n {uploadedImages.map((image) => (\r\n <Grid item xs={6} key={image.id}>\r\n <SidebarItem\r\n id={image.id}\r\n label={image.name}\r\n imageUrl={image.url}\r\n />\r\n </Grid>\r\n ))}\r\n </Grid>\r\n </Box>\r\n )}\r\n </Box>\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'buttons',\r\n icon: (\r\n <Box\r\n sx={{\r\n width: 16,\r\n height: 16,\r\n bgcolor: 'grey.400',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '8px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n ),\r\n label: 'Buttons',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem\r\n id=\"sidebar-buttons\"\r\n icon={\r\n <Box\r\n sx={{\r\n width: 20,\r\n height: 20,\r\n bgcolor: 'success.main',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '10px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n }\r\n label=\"Buttons\"\r\n />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'divider',\r\n icon: <Divider sx={{ width: 18 }} />,\r\n label: 'Divider',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-divider\" icon={<Divider sx={{ width: 20 }} />} label=\"Divider\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'table',\r\n icon: <TableIcon size={18} />,\r\n label: 'Table',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-table\" icon={<TableIcon size={20} />} label=\"Table\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'signature',\r\n icon: <SignatureIcon size={18} />,\r\n label: 'Signature',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-signature\" icon={<SignatureIcon size={20} />} label=\"Signature\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'qr-code',\r\n icon: <QrCodeIcon size={18} />,\r\n label: 'QR Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-qr-code\" icon={<QrCodeIcon size={20} />} label=\"QR Code\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'bar-code',\r\n icon: <BarcodeIcon size={18} />,\r\n label: 'Bar Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-bar-code\" icon={<BarcodeIcon size={20} />} label=\"Bar Code\" />\r\n </Box>\r\n ),\r\n },\r\n ];\r\n\r\n const getDriveFiles = async () => {\r\n try {\r\n const token = getToken();\r\n const response = await getV1Drive({\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n skip: 0,\r\n limit: 10,\r\n filters: `(is_directory.eq=0)`\r\n });\r\n // Check if response is successful and has data\r\n if ('data' in response && response.data && typeof response.data === 'object' && 'drive' in response.data) {\r\n const files = (response.data as any).drive \|\| [];\r\n setUploadedImages(files);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getDriveFiles()\r\n }, [])\r\n\r\n return (\r\n <Box\r\n sx={{\r\n bgcolor: 'background.paper',\r\n borderRight: 1,\r\n borderColor: 'grey.200',\r\n width: 390,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: 'calc(100vh - 104px)',\r\n boxShadow: '0 2px 8px rgba(0,0,0,0.05)',\r\n fontFamily: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',\r\n }}\r\n >\r\n <Box sx={{ p: 2, borderBottom: 1, borderColor: 'grey.200' }}>\r\n <SearchBar \r\n handleSearch={(key) => console.log('Search:', key)}\r\n sx={{ backgroundColor: \"#fff !important\", border: \"1px solid grey\" }}\r\n />\r\n </Box>\r\n <Box sx={{ flexGrow: 1, overflowY: 'auto', p: 1 }}>\r\n {sections.map((section) => (\r\n <Accordion\r\n key={section.id}\r\n expanded={expanded === section.id}\r\n onChange={handleChange(section.id)}\r\n sx={{\r\n border: 'none',\r\n boxShadow: 'none',\r\n backgroundColor: 'transparent',\r\n '&:before': { display: 'none' },\r\n marginBottom: 1,\r\n }}\r\n >\r\n <AccordionSummary\r\n expandIcon={<ExpandMoreIcon sx={{ color: 'grey.600' }} />}\r\n sx={{\r\n borderRadius: '8px',\r\n padding: '0 12px',\r\n backgroundColor: expanded === section.id ? 'grey.200' : 'grey.50',\r\n '&:hover': {\r\n backgroundColor: 'grey.50',\r\n },\r\n transition: 'background-color 0.2s ease',\r\n minHeight: 42,\r\n '& .MuiAccordionSummary-content': {\r\n alignItems: 'center',\r\n margin: '8px 0',\r\n },\r\n '&.Mui-expanded': {\r\n minHeight: 42,\r\n },\r\n }}\r\n >\r\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\r\n {section.icon}\r\n <Typography\r\n variant=\"body2\"\r\n sx={{ fontWeight: 500, color: 'text.primary' }}\r\n >\r\n {section.label}\r\n </Typography>\r\n </Box>\r\n </AccordionSummary>\r\n <AccordionDetails sx={{ padding: '8px 16px' }}>\r\n {section.content}\r\n </AccordionDetails>\r\n </Accordion>\r\n ))}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default EditorSidebar;"],"names":["setDriveUrl","TextIcon","ImageIcon","TableIcon","SignatureIcon","QrCodeIcon","BarcodeIcon","error","ExpandMoreIcon"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/components/EditorSidebar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\r\n/ eslint-disable unused-imports/no-unused-vars /\r\nimport React, { useState, useCallback, useEffect } from 'react';\r\nimport { useDraggable } from '@dnd-kit/core';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport {\r\n Box,\r\n Divider,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n Grid,\r\n Accordion,\r\n AccordionSummary,\r\n AccordionDetails,\r\n Typography,\r\n CircularProgress,\r\n Alert,\r\n} from '@mui/material';\r\nimport {\r\n Heading,\r\n Text as TextIcon,\r\n Image as ImageIcon,\r\n Table as TableIcon,\r\n Blocks as SignatureIcon,\r\n QrCode as QrCodeIcon,\r\n Barcode as BarcodeIcon,\r\n} from 'lucide-react';\r\nimport { styled } from '@mui/material/styles';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { getV1Drive, postV1Drive, setBaseUrl as setDriveUrl } from '../../../api-client/api.drive/api';\r\nimport SearchBar from '../../../components/search-bar/search-bar';\r\nimport { getToken, uploadFiles } from '../../../utils/common';\r\n\r\nsetDriveUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/document`);\r\n\r\nconst StyledListItem = styled(ListItem)(({ theme }) => ({\r\n padding: theme.spacing(1.5),\r\n cursor: 'grab',\r\n borderRadius: theme.shape.borderRadius,\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n '&.dragging': {\r\n opacity: 0.5,\r\n },\r\n}));\r\n\r\nconst DropzoneBox = styled(Box)(({ theme }) => ({\r\n border: `2px dashed ${theme.palette.grey[400]}`,\r\n borderRadius: theme.shape.borderRadius,\r\n padding: theme.spacing(2),\r\n textAlign: 'center',\r\n backgroundColor: theme.palette.grey[50],\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n}));\r\n\r\nconst SidebarItem = ({ id, icon, label, imageUrl }: { id: string; icon?: React.ReactElement; label: string; imageUrl?: string }) => {\r\n // Extract the element type from the sidebar item id\r\n const elementType = typeof id === 'string' ? id.replace('sidebar-', '') : id;\r\n \r\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\r\n id,\r\n data: {\r\n // Pass the correct type based on the id\r\n type: imageUrl ? 'image' : elementType,\r\n imageUrl,\r\n label,\r\n },\r\n });\r\n \r\n return (\r\n <StyledListItem\r\n ref={setNodeRef}\r\n {...listeners}\r\n {...attributes}\r\n className={isDragging ? 'dragging' : ''}\r\n sx={{ border: '1px solid', borderColor: 'grey.200', p: 0.75 }}\r\n >\r\n {imageUrl ? (\r\n <img\r\n src={imageUrl}\r\n alt={label}\r\n style={{ width: '100%', height: 140, objectFit: 'cover', marginRight: 8 }}\r\n />\r\n ) : (\r\n <>\r\n <ListItemIcon sx={{ minWidth: 40 }}>{icon}</ListItemIcon>\r\n <ListItemText primary={label} primaryTypographyProps={{ variant: 'body2' }} />\r\n </>\r\n )}\r\n </StyledListItem>\r\n );\r\n};\r\n\r\nconst EditorSidebar = () => {\r\n const [expanded, setExpanded] = useState('text');\r\n const [uploadedImages, setUploadedImages] = useState([]);\r\n const [uploading, setUploading] = useState(false);\r\n const [error, setError] = useState(null);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const onDrop = useCallback(async (acceptedFiles) => {\r\n setUploading(true);\r\n setError(null);\r\n try {\r\n for (const file of acceptedFiles) {\r\n const uFiles = await uploadFiles([file], \"document\");\r\n const token = getToken();\r\n const payload = {\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n \"title\": file?.name.split(\".\")[0],\r\n \"path\": \"/\",\r\n \"is_private\": true,\r\n \"is_directory\": false,\r\n \"file_size\": file.size,\r\n \"is_child\": false,\r\n \"file_extension\": file?.name.split(\".\")[1],\r\n \"type\": \"image\",\r\n \"mime_type\": file.type,\r\n \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\r\n }\r\n // Replace with your actual API endpoint\r\n await postV1Drive(payload);\r\n\r\n setUploadedImages((prev) => [\r\n ...prev,\r\n {\r\n id: `uploaded-image-${Date.now()}-${Math.random()}`,\r\n url: `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`, // Assume API returns imageUrl\r\n name: file.name,\r\n },\r\n ]);\r\n }\r\n } catch (err) {\r\n setError('Failed to upload image. Please try again.');\r\n } finally {\r\n setUploading(false);\r\n }\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDrop,\r\n accept: { 'image/': ['.jpeg', '.png', '.jpg', '.gif'] },\r\n multiple: true,\r\n });\r\n\r\n const sections = [\r\n {\r\n id: 'text',\r\n icon: <TextIcon size={18} />,\r\n label: 'Text',\r\n content: (\r\n <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 1 }}>\r\n <SidebarItem id=\"sidebar-heading\" icon={<Heading size={20} />} label=\"Heading 1\" />\r\n <SidebarItem id=\"sidebar-heading-2\" icon={<Heading size={18} />} label=\"Heading 2\" />\r\n <SidebarItem id=\"sidebar-heading-3\" icon={<Heading size={16} />} label=\"Heading 3\" />\r\n <SidebarItem id=\"sidebar-heading-4\" icon={<Heading size={14} />} label=\"Heading 4\" />\r\n <SidebarItem id=\"sidebar-text\" icon={<TextIcon size={20} />} label=\"Body\" />\r\n <SidebarItem id=\"sidebar-text-block\" icon={<TextIcon size={20} />} label=\"Text Block\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'images',\r\n icon: <ImageIcon size={18} />,\r\n label: 'Images',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <Box sx={{ mt: 2 }}>\r\n <DropzoneBox {...getRootProps()}>\r\n <input {...getInputProps()} />\r\n {isDragActive ? (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drop the images here...\r\n </Typography>\r\n ) : (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drag and drop images here, or click to select\r\n </Typography>\r\n )}\r\n {uploading && (\r\n <Box sx={{ mt: 1 }}>\r\n <CircularProgress size={20} />\r\n </Box>\r\n )}\r\n </DropzoneBox>\r\n {error && (\r\n <Alert severity=\"error\" sx={{ mt: 2 }}>\r\n {error}\r\n </Alert>\r\n )}\r\n {uploadedImages.length > 0 && (\r\n <Box sx={{ mt: 2 }}>\r\n <Typography variant=\"body2\" sx={{ mb: 1, color: 'grey.500' }}>\r\n Uploaded Images\r\n </Typography>\r\n <Grid container spacing={1}>\r\n {uploadedImages.map((image) => (\r\n <Grid item xs={6} key={image.id}>\r\n <SidebarItem\r\n id={image.id}\r\n label={image.name}\r\n imageUrl={image.url}\r\n />\r\n </Grid>\r\n ))}\r\n </Grid>\r\n </Box>\r\n )}\r\n </Box>\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'buttons',\r\n icon: (\r\n <Box\r\n sx={{\r\n width: 16,\r\n height: 16,\r\n bgcolor: 'grey.400',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '8px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n ),\r\n label: 'Buttons',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem\r\n id=\"sidebar-buttons\"\r\n icon={\r\n <Box\r\n sx={{\r\n width: 20,\r\n height: 20,\r\n bgcolor: 'success.main',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '10px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n }\r\n label=\"Buttons\"\r\n />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'divider',\r\n icon: <Divider sx={{ width: 18 }} />,\r\n label: 'Divider',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-divider\" icon={<Divider sx={{ width: 20 }} />} label=\"Divider\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'table',\r\n icon: <TableIcon size={18} />,\r\n label: 'Table',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-table\" icon={<TableIcon size={20} />} label=\"Table\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'signature',\r\n icon: <SignatureIcon size={18} />,\r\n label: 'Signature',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-signature\" icon={<SignatureIcon size={20} />} label=\"Signature\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'qr-code',\r\n icon: <QrCodeIcon size={18} />,\r\n label: 'QR Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-qr-code\" icon={<QrCodeIcon size={20} />} label=\"QR Code\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'bar-code',\r\n icon: <BarcodeIcon size={18} />,\r\n label: 'Bar Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-bar-code\" icon={<BarcodeIcon size={20} />} label=\"Bar Code\" />\r\n </Box>\r\n ),\r\n },\r\n ];\r\n\r\n const getDriveFiles = async () => {\r\n try {\r\n const token = getToken();\r\n const response = await getV1Drive({\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n skip: 0,\r\n limit: 10,\r\n filters: `(is_directory.eq=0)`\r\n });\r\n // Check if response is successful and has data\r\n if ('data' in response && response.data && typeof response.data === 'object' && 'drive' in response.data) {\r\n const files = (response.data as any).drive \|\| [];\r\n setUploadedImages(files);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getDriveFiles()\r\n }, [])\r\n\r\n return (\r\n <Box\r\n sx={{\r\n bgcolor: 'background.paper',\r\n borderRight: 1,\r\n borderColor: 'grey.200',\r\n width: 390,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: 'calc(100vh - 104px)',\r\n boxShadow: '0 2px 8px rgba(0,0,0,0.05)',\r\n fontFamily: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',\r\n }}\r\n >\r\n <Box sx={{ p: 2, borderBottom: 1, borderColor: 'grey.200' }}>\r\n <SearchBar \r\n handleSearch={(key) => console.log('Search:', key)}\r\n sx={{ backgroundColor: \"#fff !important\", border: \"1px solid grey\" }}\r\n />\r\n </Box>\r\n <Box sx={{ flexGrow: 1, overflowY: 'auto', p: 1 }}>\r\n {sections.map((section) => (\r\n <Accordion\r\n key={section.id}\r\n expanded={expanded === section.id}\r\n onChange={handleChange(section.id)}\r\n sx={{\r\n border: 'none',\r\n boxShadow: 'none',\r\n backgroundColor: 'transparent',\r\n '&:before': { display: 'none' },\r\n marginBottom: 1,\r\n }}\r\n >\r\n <AccordionSummary\r\n expandIcon={<ExpandMoreIcon sx={{ color: 'grey.600' }} />}\r\n sx={{\r\n borderRadius: '8px',\r\n padding: '0 12px',\r\n backgroundColor: expanded === section.id ? 'grey.200' : 'grey.50',\r\n '&:hover': {\r\n backgroundColor: 'grey.50',\r\n },\r\n transition: 'background-color 0.2s ease',\r\n minHeight: 42,\r\n '& .MuiAccordionSummary-content': {\r\n alignItems: 'center',\r\n margin: '8px 0',\r\n },\r\n '&.Mui-expanded': {\r\n minHeight: 42,\r\n },\r\n }}\r\n >\r\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\r\n {section.icon}\r\n <Typography\r\n variant=\"body2\"\r\n sx={{ fontWeight: 500, color: 'text.primary' }}\r\n >\r\n {section.label}\r\n </Typography>\r\n </Box>\r\n </AccordionSummary>\r\n <AccordionDetails sx={{ padding: '8px 16px' }}>\r\n {section.content}\r\n </AccordionDetails>\r\n </Accordion>\r\n ))}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport { EditorSidebar };\nexport default EditorSidebar;"],"names":["setDriveUrl","TextIcon","ImageIcon","TableIcon","SignatureIcon","QrCodeIcon","BarcodeIcon","error","ExpandMoreIcon"],"mappings":"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"}

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

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),r=require("../../../../node_modules/@dnd-kit/core/dist/core.esm/index.js"),d=require("react-dropzone"),t=require("../../../../node_modules/@mui/icons-material/ExpandMore/index.js"),a=require("../../../../api-client/api.drive/api/index.js"),s=require("../../../../components/search-bar/search-bar/index.js"),o=require("../../../../utils/common/index.js"),l=require("../../../../node_modules/@mui/material/Box/Box/index.js"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/heading/index.js"),c=require("../../../../node_modules/lucide-react/dist/esm/icons/text/index.js"),u=require("../../../../node_modules/@mui/material/styles/styled/index.js"),x=require("../../../../node_modules/@mui/material/Typography/Typography/index.js"),m=require("../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),g=require("../../../../node_modules/@mui/material/Alert/Alert/index.js"),p=require("../../../../node_modules/@mui/material/Grid/Grid/index.js"),j=require("../../../../node_modules/lucide-react/dist/esm/icons/image/index.js"),b=require("../../../../node_modules/@mui/material/Divider/Divider/index.js"),f=require("../../../../node_modules/lucide-react/dist/esm/icons/table/index.js"),h=require("../../../../node_modules/lucide-react/dist/esm/icons/blocks/index.js"),y=require("../../../../node_modules/lucide-react/dist/esm/icons/qr-code/index.js"),v=require("../../../../node_modules/lucide-react/dist/esm/icons/barcode/index.js"),q=require("../../../../node_modules/@mui/material/Accordion/Accordion/index.js"),_=require("../../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.js"),z=require("../../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.js"),C=require("../../../../node_modules/@mui/material/ListItemIcon/ListItemIcon/index.js"),w=require("../../../../node_modules/@mui/material/ListItemText/ListItemText/index.js"),k=require("../../../../node_modules/@mui/material/ListItem/ListItem/index.js");a.setBaseUrl("https://apidev.erpforce.co/document");const D=u.default(k.default)(({theme:e})=>({padding:e.spacing(1.5),cursor:"grab",borderRadius:e.shape.borderRadius,"&:hover":{backgroundColor:e.palette.grey[100]},"&.dragging":{opacity:.5}})),I=u.default(l.default)(({theme:e})=>({border:`2px dashed ${e.palette.grey[400]}`,borderRadius:e.shape.borderRadius,padding:e.spacing(2),textAlign:"center",backgroundColor:e.palette.grey[50],cursor:"pointer","&:hover":{backgroundColor:e.palette.grey[100]}})),S=({id:i,icon:d,label:t,imageUrl:a})=>{const s="string"==typeof i?i.replace("sidebar-",""):i,{attributes:o,listeners:l,setNodeRef:n,isDragging:c}=r.useDraggable({id:i,data:{type:a?"image":s,imageUrl:a,label:t}});/* @__PURE__ */
-return e.jsx(D,{ref:n,...l,...o,className:c?"dragging":"",sx:{border:"1px solid",borderColor:"grey.200",p:.75},children:a?/* @__PURE__ */e.jsx("img",{src:a,alt:t,style:{width:"100%",height:140,objectFit:"cover",marginRight:8}}):/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),r=require("../../../../node_modules/@dnd-kit/core/dist/core.esm/index.js"),d=require("react-dropzone"),t=require("../../../../node_modules/@mui/icons-material/ExpandMore/index.js"),a=require("../../../../api-client/api.drive/api/index.js"),s=require("../../../../components/search-bar/search-bar/index.js"),o=require("../../../../utils/common/index.js"),l=require("../../../../node_modules/@mui/material/Box/Box/index.js"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/heading/index.js"),c=require("../../../../node_modules/lucide-react/dist/esm/icons/text/index.js"),u=require("../../../../node_modules/@mui/material/styles/styled/index.js"),x=require("../../../../node_modules/@mui/material/Typography/Typography/index.js"),m=require("../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),g=require("../../../../node_modules/@mui/material/Alert/Alert/index.js"),p=require("../../../../node_modules/@mui/material/Grid/Grid/index.js"),j=require("../../../../node_modules/lucide-react/dist/esm/icons/image/index.js"),b=require("../../../../node_modules/@mui/material/Divider/Divider/index.js"),f=require("../../../../node_modules/lucide-react/dist/esm/icons/table/index.js"),h=require("../../../../node_modules/lucide-react/dist/esm/icons/blocks/index.js"),y=require("../../../../node_modules/lucide-react/dist/esm/icons/qr-code/index.js"),v=require("../../../../node_modules/lucide-react/dist/esm/icons/barcode/index.js"),q=require("../../../../node_modules/@mui/material/Accordion/Accordion/index.js"),_=require("../../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.js"),z=require("../../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.js"),C=require("../../../../node_modules/@mui/material/ListItemIcon/ListItemIcon/index.js"),w=require("../../../../node_modules/@mui/material/ListItemText/ListItemText/index.js"),k=require("../../../../node_modules/@mui/material/ListItem/ListItem/index.js");a.setBaseUrl("https://apidev.erpforce.co/document");const S=u.default(k.default)(({theme:e})=>({padding:e.spacing(1.5),cursor:"grab",borderRadius:e.shape.borderRadius,"&:hover":{backgroundColor:e.palette.grey[100]},"&.dragging":{opacity:.5}})),D=u.default(l.default)(({theme:e})=>({border:`2px dashed ${e.palette.grey[400]}`,borderRadius:e.shape.borderRadius,padding:e.spacing(2),textAlign:"center",backgroundColor:e.palette.grey[50],cursor:"pointer","&:hover":{backgroundColor:e.palette.grey[100]}})),I=({id:i,icon:d,label:t,imageUrl:a})=>{const s="string"==typeof i?i.replace("sidebar-",""):i,{attributes:o,listeners:l,setNodeRef:n,isDragging:c}=r.useDraggable({id:i,data:{type:a?"image":s,imageUrl:a,label:t}});/* @__PURE__ */
+return e.jsx(S,{ref:n,...l,...o,className:c?"dragging":"",sx:{border:"1px solid",borderColor:"grey.200",p:.75},children:a?/* @__PURE__ */e.jsx("img",{src:a,alt:t,style:{width:"100%",height:140,objectFit:"cover",marginRight:8}}):/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsx(C.default,{sx:{minWidth:40},children:d}),
-/* @__PURE__ */e.jsx(w.default,{primary:t,primaryTypographyProps:{variant:"body2"}})]})})};exports.default=()=>{const[r,u]=i.useState("text"),[C,w]=i.useState([]),[k,D]=i.useState(!1),[T,A]=i.useState(null),B=i.useCallback(async e=>{D(!0),A(null);try{for(const i of e){const e=await o.uploadFiles([i],"document"),r=o.getToken(),d={...r,"x-timezone":String(r["x-timezone"]||""),title:null==i?void 0:i.name.split(".")[0],path:"/",is_private:!0,is_directory:!1,file_size:i.size,is_child:!1,file_extension:null==i?void 0:i.name.split(".")[1],type:"image",mime_type:i.type,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${e[0]}`};await a.postV1Drive(d),w(r=>[...r,{id:`uploaded-image-${Date.now()}-${Math.random()}`,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${e[0]}`,name:i.name}])}}catch(i){A("Failed to upload image. Please try again.")}finally{D(!1)}},[]),{getRootProps:R,getInputProps:H,isDragActive:P}=d.useDropzone({onDrop:B,accept:{"image/*":[".jpeg",".png",".jpg",".gif"]},multiple:!0}),L=[{id:"text",icon:/* @__PURE__ */e.jsx(c.default,{size:18}),label:"Text",content:/* @__PURE__ */e.jsxs(l.default,{sx:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:1},children:[
-/* @__PURE__ */e.jsx(S,{id:"sidebar-heading",icon:/* @__PURE__ */e.jsx(n.default,{size:20}),label:"Heading 1"}),
-/* @__PURE__ */e.jsx(S,{id:"sidebar-heading-2",icon:/* @__PURE__ */e.jsx(n.default,{size:18}),label:"Heading 2"}),
-/* @__PURE__ */e.jsx(S,{id:"sidebar-heading-3",icon:/* @__PURE__ */e.jsx(n.default,{size:16}),label:"Heading 3"}),
-/* @__PURE__ */e.jsx(S,{id:"sidebar-heading-4",icon:/* @__PURE__ */e.jsx(n.default,{size:14}),label:"Heading 4"}),
-/* @__PURE__ */e.jsx(S,{id:"sidebar-text",icon:/* @__PURE__ */e.jsx(c.default,{size:20}),label:"Body"}),
-/* @__PURE__ */e.jsx(S,{id:"sidebar-text-block",icon:/* @__PURE__ */e.jsx(c.default,{size:20}),label:"Text Block"})]})},{id:"images",icon:/* @__PURE__ */e.jsx(j.default,{size:18}),label:"Images",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsxs(l.default,{sx:{mt:2},children:[
-/* @__PURE__ */e.jsxs(I,{...R(),children:[
-/* @__PURE__ */e.jsx("input",{...H()}),P?/* @__PURE__ */e.jsx(x.default,{variant:"body2",color:"text.secondary",children:"Drop the images here..."}):/* @__PURE__ */e.jsx(x.default,{variant:"body2",color:"text.secondary",children:"Drag and drop images here, or click to select"}),k&&/* @__PURE__ */e.jsx(l.default,{sx:{mt:1},children:/* @__PURE__ */e.jsx(m.default,{size:20})})]}),T&&/* @__PURE__ */e.jsx(g.default,{severity:"error",sx:{mt:2},children:T}),C.length>0&&/* @__PURE__ */e.jsxs(l.default,{sx:{mt:2},children:[
+/* @__PURE__ */e.jsx(w.default,{primary:t,primaryTypographyProps:{variant:"body2"}})]})})},B=()=>{const[r,u]=i.useState("text"),[C,w]=i.useState([]),[k,S]=i.useState(!1),[B,T]=i.useState(null),A=i.useCallback(async e=>{S(!0),T(null);try{for(const i of e){const e=await o.uploadFiles([i],"document"),r=o.getToken(),d={...r,"x-timezone":String(r["x-timezone"]||""),title:null==i?void 0:i.name.split(".")[0],path:"/",is_private:!0,is_directory:!1,file_size:i.size,is_child:!1,file_extension:null==i?void 0:i.name.split(".")[1],type:"image",mime_type:i.type,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${e[0]}`};await a.postV1Drive(d),w(r=>[...r,{id:`uploaded-image-${Date.now()}-${Math.random()}`,url:`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${e[0]}`,name:i.name}])}}catch(i){T("Failed to upload image. Please try again.")}finally{S(!1)}},[]),{getRootProps:R,getInputProps:H,isDragActive:P}=d.useDropzone({onDrop:A,accept:{"image/*":[".jpeg",".png",".jpg",".gif"]},multiple:!0}),L=[{id:"text",icon:/* @__PURE__ */e.jsx(c.default,{size:18}),label:"Text",content:/* @__PURE__ */e.jsxs(l.default,{sx:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:1},children:[
+/* @__PURE__ */e.jsx(I,{id:"sidebar-heading",icon:/* @__PURE__ */e.jsx(n.default,{size:20}),label:"Heading 1"}),
+/* @__PURE__ */e.jsx(I,{id:"sidebar-heading-2",icon:/* @__PURE__ */e.jsx(n.default,{size:18}),label:"Heading 2"}),
+/* @__PURE__ */e.jsx(I,{id:"sidebar-heading-3",icon:/* @__PURE__ */e.jsx(n.default,{size:16}),label:"Heading 3"}),
+/* @__PURE__ */e.jsx(I,{id:"sidebar-heading-4",icon:/* @__PURE__ */e.jsx(n.default,{size:14}),label:"Heading 4"}),
+/* @__PURE__ */e.jsx(I,{id:"sidebar-text",icon:/* @__PURE__ */e.jsx(c.default,{size:20}),label:"Body"}),
+/* @__PURE__ */e.jsx(I,{id:"sidebar-text-block",icon:/* @__PURE__ */e.jsx(c.default,{size:20}),label:"Text Block"})]})},{id:"images",icon:/* @__PURE__ */e.jsx(j.default,{size:18}),label:"Images",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsxs(l.default,{sx:{mt:2},children:[
+/* @__PURE__ */e.jsxs(D,{...R(),children:[
+/* @__PURE__ */e.jsx("input",{...H()}),P?/* @__PURE__ */e.jsx(x.default,{variant:"body2",color:"text.secondary",children:"Drop the images here..."}):/* @__PURE__ */e.jsx(x.default,{variant:"body2",color:"text.secondary",children:"Drag and drop images here, or click to select"}),k&&/* @__PURE__ */e.jsx(l.default,{sx:{mt:1},children:/* @__PURE__ */e.jsx(m.default,{size:20})})]}),B&&/* @__PURE__ */e.jsx(g.default,{severity:"error",sx:{mt:2},children:B}),C.length>0&&/* @__PURE__ */e.jsxs(l.default,{sx:{mt:2},children:[
 /* @__PURE__ */e.jsx(x.default,{variant:"body2",sx:{mb:1,color:"grey.500"},children:"Uploaded Images"}),
-/* @__PURE__ */e.jsx(p.default,{container:!0,spacing:1,children:C.map(i=>/* @__PURE__ */e.jsx(p.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(S,{id:i.id,label:i.name,imageUrl:i.url})},i.id))})]})]})})},{id:"buttons",icon:/* @__PURE__ */e.jsx(l.default,{sx:{width:16,height:16,bgcolor:"grey.400",borderRadius:1,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"8px"},children:"BTN"}),label:"Buttons",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(S,{id:"sidebar-buttons",icon:/* @__PURE__ */e.jsx(l.default,{sx:{width:20,height:20,bgcolor:"success.main",borderRadius:1,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px"},children:"BTN"}),label:"Buttons"})})},{id:"divider",icon:/* @__PURE__ */e.jsx(b.default,{sx:{width:18}}),label:"Divider",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(S,{id:"sidebar-divider",icon:/* @__PURE__ */e.jsx(b.default,{sx:{width:20}}),label:"Divider"})})},{id:"table",icon:/* @__PURE__ */e.jsx(f.default,{size:18}),label:"Table",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(S,{id:"sidebar-table",icon:/* @__PURE__ */e.jsx(f.default,{size:20}),label:"Table"})})},{id:"signature",icon:/* @__PURE__ */e.jsx(h.default,{size:18}),label:"Signature",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(S,{id:"sidebar-signature",icon:/* @__PURE__ */e.jsx(h.default,{size:20}),label:"Signature"})})},{id:"qr-code",icon:/* @__PURE__ */e.jsx(y.default,{size:18}),label:"QR Code",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(S,{id:"sidebar-qr-code",icon:/* @__PURE__ */e.jsx(y.default,{size:20}),label:"QR Code"})})},{id:"bar-code",icon:/* @__PURE__ */e.jsx(v.default,{size:18}),label:"Bar Code",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(S,{id:"sidebar-bar-code",icon:/* @__PURE__ */e.jsx(v.default,{size:20}),label:"Bar Code"})})}];return i.useEffect(()=>{(async()=>{try{const e=o.getToken(),i=await a.getV1Drive({...e,"x-timezone":String(e["x-timezone"]||""),skip:0,limit:10,filters:"(is_directory.eq=0)"});if("data"in i&&i.data&&"object"==typeof i.data&&"drive"in i.data){const e=i.data.drive||[];w(e)}}catch(e){}})()},[]),/* @__PURE__ */e.jsxs(l.default,{sx:{bgcolor:"background.paper",borderRight:1,borderColor:"grey.200",width:390,display:"flex",flexDirection:"column",height:"calc(100vh - 104px)",boxShadow:"0 2px 8px rgba(0,0,0,0.05)",fontFamily:"Inter, system-ui, Avenir, Helvetica, Arial, sans-serif"},children:[
-/* @__PURE__ */e.jsx(l.default,{sx:{p:2,borderBottom:1,borderColor:"grey.200"},children:/* @__PURE__ */e.jsx(s.default,{handleSearch:e=>{},sx:{backgroundColor:"#fff !important",border:"1px solid grey"}})}),
+/* @__PURE__ */e.jsx(p.default,{container:!0,spacing:1,children:C.map(i=>/* @__PURE__ */e.jsx(p.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(I,{id:i.id,label:i.name,imageUrl:i.url})},i.id))})]})]})})},{id:"buttons",icon:/* @__PURE__ */e.jsx(l.default,{sx:{width:16,height:16,bgcolor:"grey.400",borderRadius:1,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"8px"},children:"BTN"}),label:"Buttons",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(I,{id:"sidebar-buttons",icon:/* @__PURE__ */e.jsx(l.default,{sx:{width:20,height:20,bgcolor:"success.main",borderRadius:1,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px"},children:"BTN"}),label:"Buttons"})})},{id:"divider",icon:/* @__PURE__ */e.jsx(b.default,{sx:{width:18}}),label:"Divider",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(I,{id:"sidebar-divider",icon:/* @__PURE__ */e.jsx(b.default,{sx:{width:20}}),label:"Divider"})})},{id:"table",icon:/* @__PURE__ */e.jsx(f.default,{size:18}),label:"Table",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(I,{id:"sidebar-table",icon:/* @__PURE__ */e.jsx(f.default,{size:20}),label:"Table"})})},{id:"signature",icon:/* @__PURE__ */e.jsx(h.default,{size:18}),label:"Signature",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(I,{id:"sidebar-signature",icon:/* @__PURE__ */e.jsx(h.default,{size:20}),label:"Signature"})})},{id:"qr-code",icon:/* @__PURE__ */e.jsx(y.default,{size:18}),label:"QR Code",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(I,{id:"sidebar-qr-code",icon:/* @__PURE__ */e.jsx(y.default,{size:20}),label:"QR Code"})})},{id:"bar-code",icon:/* @__PURE__ */e.jsx(v.default,{size:18}),label:"Bar Code",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(I,{id:"sidebar-bar-code",icon:/* @__PURE__ */e.jsx(v.default,{size:20}),label:"Bar Code"})})}];return i.useEffect(()=>{(async()=>{try{const e=o.getToken(),i=await a.getV1Drive({...e,"x-timezone":String(e["x-timezone"]||""),skip:0,limit:10,filters:"(is_directory.eq=0)"});if("data"in i&&i.data&&"object"==typeof i.data&&"drive"in i.data){const e=i.data.drive||[];w(e)}}catch(e){}})()},[]),/* @__PURE__ */e.jsxs(l.default,{sx:{bgcolor:"background.paper",borderRight:1,borderColor:"grey.200",width:390,display:"flex",flexDirection:"column",height:"calc(100vh - 104px)",boxShadow:"0 2px 8px rgba(0,0,0,0.05)",fontFamily:"Inter, system-ui, Avenir, Helvetica, Arial, sans-serif"},children:[
+/* @__PURE__ */e.jsx(l.default,{sx:{p:2,borderBottom:1,borderColor:"grey.200"},children:/* @__PURE__ */e.jsx(s.SearchBar,{handleSearch:e=>{},sx:{backgroundColor:"#fff !important",border:"1px solid grey"}})}),
 /* @__PURE__ */e.jsx(l.default,{sx:{flexGrow:1,overflowY:"auto",p:1},children:L.map(i=>{/* @__PURE__ */return e.jsxs(q.default,{expanded:r===i.id,onChange:(d=i.id,(e,i)=>{u(!!i&&d)}),sx:{border:"none",boxShadow:"none",backgroundColor:"transparent","&:before":{display:"none"},marginBottom:1},children:[
 /* @__PURE__ */e.jsx(_.default,{expandIcon:/* @__PURE__ */e.jsx(t.default,{sx:{color:"grey.600"}}),sx:{borderRadius:"8px",padding:"0 12px",backgroundColor:r===i.id?"grey.200":"grey.50","&:hover":{backgroundColor:"grey.50"},transition:"background-color 0.2s ease",minHeight:42,"& .MuiAccordionSummary-content":{alignItems:"center",margin:"8px 0"},"&.Mui-expanded":{minHeight:42}},children:/* @__PURE__ */e.jsxs(l.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[i.icon,
 /* @__PURE__ */e.jsx(x.default,{variant:"body2",sx:{fontWeight:500,color:"text.primary"},children:i.label})]})}),
-/* @__PURE__ */e.jsx(z.default,{sx:{padding:"8px 16px"},children:i.content})]},i.id);var d})})]})};
+/* @__PURE__ */e.jsx(z.default,{sx:{padding:"8px 16px"},children:i.content})]},i.id);var d})})]})};exports.EditorSidebar=B,exports.default=B;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/EditorSidebar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\r\n/ eslint-disable unused-imports/no-unused-vars /\r\nimport React, { useState, useCallback, useEffect } from 'react';\r\nimport { useDraggable } from '@dnd-kit/core';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport {\r\n Box,\r\n Divider,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n Grid,\r\n Accordion,\r\n AccordionSummary,\r\n AccordionDetails,\r\n Typography,\r\n CircularProgress,\r\n Alert,\r\n} from '@mui/material';\r\nimport {\r\n Heading,\r\n Text as TextIcon,\r\n Image as ImageIcon,\r\n Table as TableIcon,\r\n Blocks as SignatureIcon,\r\n QrCode as QrCodeIcon,\r\n Barcode as BarcodeIcon,\r\n} from 'lucide-react';\r\nimport { styled } from '@mui/material/styles';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { getV1Drive, postV1Drive, setBaseUrl as setDriveUrl } from '../../../api-client/api.drive/api';\r\nimport SearchBar from '../../../components/search-bar/search-bar';\r\nimport { getToken, uploadFiles } from '../../../utils/common';\r\n\r\nsetDriveUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/document`);\r\n\r\nconst StyledListItem = styled(ListItem)(({ theme }) => ({\r\n padding: theme.spacing(1.5),\r\n cursor: 'grab',\r\n borderRadius: theme.shape.borderRadius,\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n '&.dragging': {\r\n opacity: 0.5,\r\n },\r\n}));\r\n\r\nconst DropzoneBox = styled(Box)(({ theme }) => ({\r\n border: `2px dashed ${theme.palette.grey[400]}`,\r\n borderRadius: theme.shape.borderRadius,\r\n padding: theme.spacing(2),\r\n textAlign: 'center',\r\n backgroundColor: theme.palette.grey[50],\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n}));\r\n\r\nconst SidebarItem = ({ id, icon, label, imageUrl }: { id: string; icon?: React.ReactElement; label: string; imageUrl?: string }) => {\r\n // Extract the element type from the sidebar item id\r\n const elementType = typeof id === 'string' ? id.replace('sidebar-', '') : id;\r\n \r\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\r\n id,\r\n data: {\r\n // Pass the correct type based on the id\r\n type: imageUrl ? 'image' : elementType,\r\n imageUrl,\r\n label,\r\n },\r\n });\r\n \r\n return (\r\n <StyledListItem\r\n ref={setNodeRef}\r\n {...listeners}\r\n {...attributes}\r\n className={isDragging ? 'dragging' : ''}\r\n sx={{ border: '1px solid', borderColor: 'grey.200', p: 0.75 }}\r\n >\r\n {imageUrl ? (\r\n <img\r\n src={imageUrl}\r\n alt={label}\r\n style={{ width: '100%', height: 140, objectFit: 'cover', marginRight: 8 }}\r\n />\r\n ) : (\r\n <>\r\n <ListItemIcon sx={{ minWidth: 40 }}>{icon}</ListItemIcon>\r\n <ListItemText primary={label} primaryTypographyProps={{ variant: 'body2' }} />\r\n </>\r\n )}\r\n </StyledListItem>\r\n );\r\n};\r\n\r\nconst EditorSidebar = () => {\r\n const [expanded, setExpanded] = useState('text');\r\n const [uploadedImages, setUploadedImages] = useState([]);\r\n const [uploading, setUploading] = useState(false);\r\n const [error, setError] = useState(null);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const onDrop = useCallback(async (acceptedFiles) => {\r\n setUploading(true);\r\n setError(null);\r\n try {\r\n for (const file of acceptedFiles) {\r\n const uFiles = await uploadFiles([file], \"document\");\r\n const token = getToken();\r\n const payload = {\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n \"title\": file?.name.split(\".\")[0],\r\n \"path\": \"/\",\r\n \"is_private\": true,\r\n \"is_directory\": false,\r\n \"file_size\": file.size,\r\n \"is_child\": false,\r\n \"file_extension\": file?.name.split(\".\")[1],\r\n \"type\": \"image\",\r\n \"mime_type\": file.type,\r\n \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\r\n }\r\n // Replace with your actual API endpoint\r\n await postV1Drive(payload);\r\n\r\n setUploadedImages((prev) => [\r\n ...prev,\r\n {\r\n id: `uploaded-image-${Date.now()}-${Math.random()}`,\r\n url: `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`, // Assume API returns imageUrl\r\n name: file.name,\r\n },\r\n ]);\r\n }\r\n } catch (err) {\r\n setError('Failed to upload image. Please try again.');\r\n } finally {\r\n setUploading(false);\r\n }\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDrop,\r\n accept: { 'image/': ['.jpeg', '.png', '.jpg', '.gif'] },\r\n multiple: true,\r\n });\r\n\r\n const sections = [\r\n {\r\n id: 'text',\r\n icon: <TextIcon size={18} />,\r\n label: 'Text',\r\n content: (\r\n <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 1 }}>\r\n <SidebarItem id=\"sidebar-heading\" icon={<Heading size={20} />} label=\"Heading 1\" />\r\n <SidebarItem id=\"sidebar-heading-2\" icon={<Heading size={18} />} label=\"Heading 2\" />\r\n <SidebarItem id=\"sidebar-heading-3\" icon={<Heading size={16} />} label=\"Heading 3\" />\r\n <SidebarItem id=\"sidebar-heading-4\" icon={<Heading size={14} />} label=\"Heading 4\" />\r\n <SidebarItem id=\"sidebar-text\" icon={<TextIcon size={20} />} label=\"Body\" />\r\n <SidebarItem id=\"sidebar-text-block\" icon={<TextIcon size={20} />} label=\"Text Block\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'images',\r\n icon: <ImageIcon size={18} />,\r\n label: 'Images',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <Box sx={{ mt: 2 }}>\r\n <DropzoneBox {...getRootProps()}>\r\n <input {...getInputProps()} />\r\n {isDragActive ? (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drop the images here...\r\n </Typography>\r\n ) : (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drag and drop images here, or click to select\r\n </Typography>\r\n )}\r\n {uploading && (\r\n <Box sx={{ mt: 1 }}>\r\n <CircularProgress size={20} />\r\n </Box>\r\n )}\r\n </DropzoneBox>\r\n {error && (\r\n <Alert severity=\"error\" sx={{ mt: 2 }}>\r\n {error}\r\n </Alert>\r\n )}\r\n {uploadedImages.length > 0 && (\r\n <Box sx={{ mt: 2 }}>\r\n <Typography variant=\"body2\" sx={{ mb: 1, color: 'grey.500' }}>\r\n Uploaded Images\r\n </Typography>\r\n <Grid container spacing={1}>\r\n {uploadedImages.map((image) => (\r\n <Grid item xs={6} key={image.id}>\r\n <SidebarItem\r\n id={image.id}\r\n label={image.name}\r\n imageUrl={image.url}\r\n />\r\n </Grid>\r\n ))}\r\n </Grid>\r\n </Box>\r\n )}\r\n </Box>\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'buttons',\r\n icon: (\r\n <Box\r\n sx={{\r\n width: 16,\r\n height: 16,\r\n bgcolor: 'grey.400',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '8px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n ),\r\n label: 'Buttons',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem\r\n id=\"sidebar-buttons\"\r\n icon={\r\n <Box\r\n sx={{\r\n width: 20,\r\n height: 20,\r\n bgcolor: 'success.main',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '10px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n }\r\n label=\"Buttons\"\r\n />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'divider',\r\n icon: <Divider sx={{ width: 18 }} />,\r\n label: 'Divider',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-divider\" icon={<Divider sx={{ width: 20 }} />} label=\"Divider\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'table',\r\n icon: <TableIcon size={18} />,\r\n label: 'Table',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-table\" icon={<TableIcon size={20} />} label=\"Table\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'signature',\r\n icon: <SignatureIcon size={18} />,\r\n label: 'Signature',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-signature\" icon={<SignatureIcon size={20} />} label=\"Signature\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'qr-code',\r\n icon: <QrCodeIcon size={18} />,\r\n label: 'QR Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-qr-code\" icon={<QrCodeIcon size={20} />} label=\"QR Code\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'bar-code',\r\n icon: <BarcodeIcon size={18} />,\r\n label: 'Bar Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-bar-code\" icon={<BarcodeIcon size={20} />} label=\"Bar Code\" />\r\n </Box>\r\n ),\r\n },\r\n ];\r\n\r\n const getDriveFiles = async () => {\r\n try {\r\n const token = getToken();\r\n const response = await getV1Drive({\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n skip: 0,\r\n limit: 10,\r\n filters: `(is_directory.eq=0)`\r\n });\r\n // Check if response is successful and has data\r\n if ('data' in response && response.data && typeof response.data === 'object' && 'drive' in response.data) {\r\n const files = (response.data as any).drive \|\| [];\r\n setUploadedImages(files);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getDriveFiles()\r\n }, [])\r\n\r\n return (\r\n <Box\r\n sx={{\r\n bgcolor: 'background.paper',\r\n borderRight: 1,\r\n borderColor: 'grey.200',\r\n width: 390,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: 'calc(100vh - 104px)',\r\n boxShadow: '0 2px 8px rgba(0,0,0,0.05)',\r\n fontFamily: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',\r\n }}\r\n >\r\n <Box sx={{ p: 2, borderBottom: 1, borderColor: 'grey.200' }}>\r\n <SearchBar \r\n handleSearch={(key) => console.log('Search:', key)}\r\n sx={{ backgroundColor: \"#fff !important\", border: \"1px solid grey\" }}\r\n />\r\n </Box>\r\n <Box sx={{ flexGrow: 1, overflowY: 'auto', p: 1 }}>\r\n {sections.map((section) => (\r\n <Accordion\r\n key={section.id}\r\n expanded={expanded === section.id}\r\n onChange={handleChange(section.id)}\r\n sx={{\r\n border: 'none',\r\n boxShadow: 'none',\r\n backgroundColor: 'transparent',\r\n '&:before': { display: 'none' },\r\n marginBottom: 1,\r\n }}\r\n >\r\n <AccordionSummary\r\n expandIcon={<ExpandMoreIcon sx={{ color: 'grey.600' }} />}\r\n sx={{\r\n borderRadius: '8px',\r\n padding: '0 12px',\r\n backgroundColor: expanded === section.id ? 'grey.200' : 'grey.50',\r\n '&:hover': {\r\n backgroundColor: 'grey.50',\r\n },\r\n transition: 'background-color 0.2s ease',\r\n minHeight: 42,\r\n '& .MuiAccordionSummary-content': {\r\n alignItems: 'center',\r\n margin: '8px 0',\r\n },\r\n '&.Mui-expanded': {\r\n minHeight: 42,\r\n },\r\n }}\r\n >\r\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\r\n {section.icon}\r\n <Typography\r\n variant=\"body2\"\r\n sx={{ fontWeight: 500, color: 'text.primary' }}\r\n >\r\n {section.label}\r\n </Typography>\r\n </Box>\r\n </AccordionSummary>\r\n <AccordionDetails sx={{ padding: '8px 16px' }}>\r\n {section.content}\r\n </AccordionDetails>\r\n </Accordion>\r\n ))}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default EditorSidebar;"],"names":["setDriveUrl","StyledListItem","styled","ListItem","theme","padding","spacing","cursor","borderRadius","shape","backgroundColor","palette","grey","opacity","DropzoneBox","Box","border","textAlign","SidebarItem","id","icon","label","imageUrl","elementType","replace","attributes","listeners","setNodeRef","isDragging","useDraggable","data","type","jsx","ref","className","sx","borderColor","p","children","src","alt","style","width","height","objectFit","marginRight","jsxs","Fragment","ListItemIcon","minWidth","ListItemText","primary","primaryTypographyProps","variant","expanded","setExpanded","useState","uploadedImages","setUploadedImages","uploading","setUploading","error","setError","onDrop","useCallback","async","acceptedFiles","file","uFiles","uploadFiles","token","getToken","payload","String","title","name","split","path","is_private","is_directory","file_size","size","is_child","file_extension","mime_type","url","postV1Drive","prev","Date","now","Math","random","err","getRootProps","getInputProps","isDragActive","useDropzone","accept","multiple","sections","TextIcon","content","display","gridTemplateColumns","gap","Heading","ImageIcon","mt","Typography","color","CircularProgress","Alert","severity","length","mb","Grid","container","map","image","item","xs","bgcolor","alignItems","justifyContent","fontSize","Divider","TableIcon","SignatureIcon","QrCodeIcon","BarcodeIcon","useEffect","response","getV1Drive","skip","limit","filters","files","drive","getDriveFiles","borderRight","flexDirection","boxShadow","fontFamily","borderBottom","SearchBar","handleSearch","key","flexGrow","overflowY","section","Accordion","onChange","panel","event","isExpanded","marginBottom","AccordionSummary","expandIcon","ExpandMoreIcon","transition","minHeight","margin","fontWeight","AccordionDetails"],"mappings":"okEAkCAA,EAAAA,WAAY,uCAEZ,MAAMC,EAAiBC,EAAAA,QAAOC,EAAAA,QAAPD,CAAiB,EAAGE,aACzCC,QAASD,EAAME,QAAQ,KACvBC,OAAQ,OACRC,aAAcJ,EAAMK,MAAMD,aAC1B,UAAW,CACTE,gBAAiBN,EAAMO,QAAQC,KAAK,MAEtC,aAAc,CACZC,QAAS,OAIPC,EAAcZ,EAAAA,QAAOa,EAAAA,QAAPb,CAAY,EAAGE,aACjCY,OAAQ,cAAcZ,EAAMO,QAAQC,KAAK,OACzCJ,aAAcJ,EAAMK,MAAMD,aAC1BH,QAASD,EAAME,QAAQ,GACvBW,UAAW,SACXP,gBAAiBN,EAAMO,QAAQC,KAAK,IACpCL,OAAQ,UACR,UAAW,CACTG,gBAAiBN,EAAMO,QAAQC,KAAK,SAIlCM,EAAc,EAAGC,KAAIC,OAAMC,QAAOC,eAEtC,MAAMC,EAA4B,iBAAPJ,EAAkBA,EAAGK,QAAQ,WAAY,IAAML,GAEpEM,WAAEA,EAAAC,UAAYA,EAAAC,WAAWA,aAAYC,GAAeC,EAAAA,aAAa,CACrEV,KACAW,KAAM,CAEJC,KAAMT,EAAW,QAAUC,EAC3BD,WACAD;AAIJ,OACEW,EAAAA,IAAC/B,EAAA,CACCgC,IAAKN,KACDD,KACAD,EACJS,UAAWN,EAAa,WAAa,GACrCO,GAAI,CAAEnB,OAAQ,YAAaoB,YAAa,WAAYC,EAAG,KAEtDC,SAAAhB,iBACCU,EAAAA,IAAC,MAAA,CACCO,IAAKjB,EACLkB,IAAKnB,EACLoB,MAAO,CAAEC,MAAO,OAAQC,OAAQ,IAAKC,UAAW,QAASC,YAAa,oBAGxEC,EAAAA,KAAAC,WAAA,CACET,SAAA;eAAAN,MAACgB,EAAAA,SAAab,GAAI,CAAEc,SAAU,IAAOX,SAAAlB;eACrCY,MAACkB,EAAAA,SAAaC,QAAS9B,EAAO+B,uBAAwB,CAAEC,QAAS,iCAOrD,KACpB,MAAOC,EAAUC,GAAeC,EAAAA,SAAS,SAClCC,EAAgBC,GAAqBF,EAAAA,SAAS,KAC9CG,EAAWC,GAAgBJ,EAAAA,UAAS,IACpCK,EAAOC,GAAYN,EAAAA,SAAS,MAM7BO,EAASC,cAAYC,MAAOC,IAChCN,GAAa,GACbE,EAAS,MACT,IACE,IAAA,MAAWK,KAAQD,EAAe,CAChC,MAAME,QAAeC,EAAAA,YAAY,CAACF,GAAO,YACnCG,EAAQC,EAAAA,WACRC,EAAU,IACXF,EACH,aAAcG,OAAOH,EAAM,eAAiB,IAC5CI,MAAS,MAAAP,OAAA,EAAAA,EAAMQ,KAAKC,MAAM,KAAK,GAC/BC,KAAQ,IACRC,YAAc,EACdC,cAAgB,EAChBC,UAAab,EAAKc,KAClBC,UAAY,EACZC,eAAkB,MAAAhB,OAAA,EAAAA,EAAMQ,KAAKC,MAAM,KAAK,GACxC7C,KAAQ,QACRqD,UAAajB,EAAKpC,KAClBsD,IAAO,mDAAwCjB,EAAO,YAGlDkB,EAAAA,YAAYd,GAElBd,EAAmB6B,GAAS,IACvBA,EACH,CACEpE,GAAI,kBAAkBqE,KAAKC,SAASC,KAAKC,WACzCN,IAAK,mDAAwCjB,EAAO,KACpDO,KAAMR,EAAKQ,OAGjB,CACF,OAASiB,GACP9B,EAAS,4CACX,CAAA,QACEF,GAAa,EACf,GACC,KAEGiC,aAAEA,EAAAC,cAAcA,EAAAC,aAAeA,GAAiBC,EAAAA,YAAY,CAChEjC,SACAkC,OAAQ,CAAE,UAAW,CAAC,QAAS,OAAQ,OAAQ,SAC/CC,UAAU,IAGNC,EAAW,CACf,CACEhF,GAAI,OACJC,sBAAMY,IAACoE,EAAAA,QAAA,CAASnB,KAAM,KACtB5D,MAAO,OACPgF,uBACEvD,EAAAA,KAAC/B,EAAAA,QAAA,CAAIoB,GAAI,CAAEmE,QAAS,OAAQC,oBAAqB,iBAAkBC,IAAK,GACtElE,SAAA;iBAAAN,IAACd,EAAA,CAAYC,GAAG,kBAAkBC,oBAAMY,EAAAA,IAACyE,WAAQxB,KAAM,KAAQ5D,MAAM;iBACrEW,IAACd,EAAA,CAAYC,GAAG,oBAAoBC,oBAAMY,EAAAA,IAACyE,UAAA,CAAQxB,KAAM,KAAQ5D,MAAM;iBACvEW,IAACd,EAAA,CAAYC,GAAG,oBAAoBC,oBAAMY,EAAAA,IAACyE,UAAA,CAAQxB,KAAM,KAAQ5D,MAAM;iBACvEW,IAACd,EAAA,CAAYC,GAAG,oBAAoBC,oBAAMY,EAAAA,IAACyE,UAAA,CAAQxB,KAAM,KAAQ5D,MAAM;iBACvEW,IAACd,EAAA,CAAYC,GAAG,eAAeC,oBAAMY,EAAAA,IAACoE,UAAA,CAASnB,KAAM,KAAQ5D,MAAM;iBACnEW,IAACd,EAAA,CAAYC,GAAG,qBAAqBC,oBAAMY,EAAAA,IAACoE,EAAAA,QAAA,CAASnB,KAAM,KAAQ5D,MAAM,mBAI/E,CACEF,GAAI,SACJC,sBAAMY,IAAC0E,EAAAA,QAAA,CAAUzB,KAAM,KACvB5D,MAAO,SACPgF,yBACErE,IAACjB,EAAAA,QAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,wBAAAQ,EAAAA,KAAC/B,EAAAA,QAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,SAAA;sBAACxB,EAAA,IAAgB+E,IACfvD,SAAA;qBAAC,QAAA,IAAUwD,MACVC,uBACEa,EAAAA,QAAA,CAAWvD,QAAQ,QAAQwD,MAAM,iBAAiBvE,SAAA,iDAIlDsE,EAAAA,QAAA,CAAWvD,QAAQ,QAAQwD,MAAM,iBAAiBvE,SAAA,kDAIpDqB,oBACC3B,IAACjB,EAAAA,QAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,8BAACwE,EAAAA,QAAA,CAAiB7B,KAAM,UAI7BpB,kBACC7B,EAAAA,IAAC+E,UAAA,CAAMC,SAAS,QAAQ7E,GAAI,CAAEwE,GAAI,GAC/BrE,SAAAuB,IAGJJ,EAAewD,OAAS,kBACvBnE,EAAAA,KAAC/B,EAAAA,SAAIoB,GAAI,CAAEwE,GAAI,GACbrE,SAAA;iBAAAN,IAAC4E,EAAAA,QAAA,CAAWvD,QAAQ,QAAQlB,GAAI,CAAE+E,GAAI,EAAGL,MAAO,YAAcvE,SAAA;qBAG7D6E,EAAAA,QAAA,CAAKC,WAAS,EAAC9G,QAAS,EACtBgC,SAAAmB,EAAe4D,IAAKC,wBAClBH,EAAAA,QAAA,CAAKI,MAAI,EAACC,GAAI,EACblF,wBAAAN,EAAAA,IAACd,EAAA,CACCC,GAAImG,EAAMnG,GACVE,MAAOiG,EAAM3C,KACbrD,SAAUgG,EAAMjC,OAJGiC,EAAMnG,gBAe7C,CACEA,GAAI,UACJC,oBACEY,EAAAA,IAACjB,EAAAA,QAAA,CACCoB,GAAI,CACFO,MAAO,GACPC,OAAQ,GACR8E,QAAS,WACTjH,aAAc,EACdqG,MAAO,QACPP,QAAS,OACToB,WAAY,SACZC,eAAgB,SAChBC,SAAU,OAEbtF,SAAA,QAIHjB,MAAO,UACPgF,6BACGtF,EAAAA,QAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,wBAAAN,EAAAA,IAACd,EAAA,CACCC,GAAG,kBACHC,oBACEY,EAAAA,IAACjB,EAAAA,QAAA,CACCoB,GAAI,CACFO,MAAO,GACPC,OAAQ,GACR8E,QAAS,eACTjH,aAAc,EACdqG,MAAO,QACPP,QAAS,OACToB,WAAY,SACZC,eAAgB,SAChBC,SAAU,QAEbtF,SAAA,QAIHjB,MAAM,eAKd,CACEF,GAAI,UACJC,0BAAOyG,UAAA,CAAQ1F,GAAI,CAAEO,MAAO,MAC5BrB,MAAO,UACPgF,6BACGtF,UAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,wBAAAN,MAACd,EAAA,CAAYC,GAAG,kBAAkBC,sBAAMY,IAAC6F,UAAA,CAAQ1F,GAAI,CAAEO,MAAO,MAAUrB,MAAM,eAIpF,CACEF,GAAI,QACJC,sBAAMY,IAAC8F,EAAAA,QAAA,CAAU7C,KAAM,KACvB5D,MAAO,QACPgF,6BACGtF,UAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,wBAAAN,EAAAA,IAACd,EAAA,CAAYC,GAAG,gBAAgBC,0BAAO0G,EAAAA,QAAA,CAAU7C,KAAM,KAAQ5D,MAAM,aAI3E,CACEF,GAAI,YACJC,sBAAMY,IAAC+F,EAAAA,QAAA,CAAc9C,KAAM,KAC3B5D,MAAO,YACPgF,6BACGtF,UAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,wBAAAN,EAAAA,IAACd,EAAA,CAAYC,GAAG,oBAAoBC,0BAAO2G,EAAAA,QAAA,CAAc9C,KAAM,KAAQ5D,MAAM,iBAInF,CACEF,GAAI,UACJC,sBAAMY,IAACgG,EAAAA,QAAA,CAAW/C,KAAM,KACxB5D,MAAO,UACPgF,6BACGtF,UAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,wBAAAN,EAAAA,IAACd,EAAA,CAAYC,GAAG,kBAAkBC,0BAAO4G,EAAAA,QAAA,CAAW/C,KAAM,KAAQ5D,MAAM,eAI9E,CACEF,GAAI,WACJC,sBAAMY,IAACiG,EAAAA,QAAA,CAAYhD,KAAM,KACzB5D,MAAO,WACPgF,6BACGtF,UAAA,CAAIoB,GAAI,CAAEwE,GAAI,GACbrE,wBAAAN,EAAAA,IAACd,EAAA,CAAYC,GAAG,mBAAmBC,0BAAO6G,EAAAA,QAAA,CAAYhD,KAAM,KAAQ5D,MAAM,iBA8BlF,OAJA6G,EAAAA,UAAU,KApBYjE,WACpB,IACE,MAAMK,EAAQC,EAAAA,WACR4D,QAAiBC,aAAW,IAC7B9D,EACH,aAAcG,OAAOH,EAAM,eAAiB,IAC5C+D,KAAM,EACNC,MAAO,GACPC,QAAS,wBAGX,GAAI,SAAUJ,GAAYA,EAASrG,MAAiC,iBAAlBqG,EAASrG,MAAqB,UAAWqG,EAASrG,KAAM,CACxG,MAAM0G,EAASL,EAASrG,KAAa2G,OAAS,GAC9C/E,EAAkB8E,EACpB,CACF,OAAS3E,GAET,GAIA6E,IACC,mBAGD5F,EAAAA,KAAC/B,EAAAA,QAAA,CACCoB,GAAI,CACFsF,QAAS,mBACTkB,YAAa,EACbvG,YAAa,WACbM,MAAO,IACP4D,QAAS,OACTsC,cAAe,SACfjG,OAAQ,sBACRkG,UAAW,6BACXC,WAAY,0DAGdxG,SAAA;eAAAN,EAAAA,IAACjB,EAAAA,QAAA,CAAIoB,GAAI,CAAEE,EAAG,EAAG0G,aAAc,EAAG3G,YAAa,YAC7CE,wBAAAN,EAAAA,IAACgH,EAAAA,QAAA,CACCC,aAAeC,MACf/G,GAAI,CAAEzB,gBAAiB,kBAAmBM,OAAQ;qBAGrDD,EAAAA,QAAA,CAAIoB,GAAI,CAAEgH,SAAU,EAAGC,UAAW,OAAQ/G,EAAG,GAC3CC,SAAA6D,EAASkB,IAAKgC,mBACbvG,SAAAA,KAACwG,EAAAA,QAAA,CAEChG,SAAUA,IAAa+F,EAAQlI,GAC/BoI,UAxQYC,EAwQWH,EAAQlI,GAxQT,CAACsI,EAAOC,KACtCnG,IAAYmG,GAAaF,KAwQjBrH,GAAI,CACFnB,OAAQ,OACR6H,UAAW,OACXnI,gBAAiB,cACjB,WAAY,CAAE4F,QAAS,QACvBqD,aAAc,GAGhBrH,SAAA;eAAAN,EAAAA,IAAC4H,EAAAA,QAAA,CACCC,gCAAaC,UAAA,CAAe3H,GAAI,CAAE0E,MAAO,cACzC1E,GAAI,CACF3B,aAAc,MACdH,QAAS,SACTK,gBAAiB4C,IAAa+F,EAAQlI,GAAK,WAAa,UACxD,UAAW,CACTT,gBAAiB,WAEnBqJ,WAAY,6BACZC,UAAW,GACX,iCAAkC,CAChCtC,WAAY,SACZuC,OAAQ,SAEV,iBAAkB,CAChBD,UAAW,KAIf1H,wBAAAQ,EAAAA,KAAC/B,EAAAA,QAAA,CAAIoB,GAAI,CAAEmE,QAAS,OAAQoB,WAAY,SAAUlB,IAAK,GACpDlE,SAAA,CAAA+G,EAAQjI;eACTY,EAAAA,IAAC4E,EAAAA,QAAA,CACCvD,QAAQ,QACRlB,GAAI,CAAE+H,WAAY,IAAKrD,MAAO,gBAE7BvE,SAAA+G,EAAQhI;eAIfW,MAACmI,EAAAA,SAAiBhI,GAAI,CAAE9B,QAAS,YAC9BiC,WAAQ+D,YA1CNgD,EAAQlI,IAtQF,IAACqI"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/EditorSidebar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\r\n/ eslint-disable unused-imports/no-unused-vars /\r\nimport React, { useState, useCallback, useEffect } from 'react';\r\nimport { useDraggable } from '@dnd-kit/core';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport {\r\n Box,\r\n Divider,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n Grid,\r\n Accordion,\r\n AccordionSummary,\r\n AccordionDetails,\r\n Typography,\r\n CircularProgress,\r\n Alert,\r\n} from '@mui/material';\r\nimport {\r\n Heading,\r\n Text as TextIcon,\r\n Image as ImageIcon,\r\n Table as TableIcon,\r\n Blocks as SignatureIcon,\r\n QrCode as QrCodeIcon,\r\n Barcode as BarcodeIcon,\r\n} from 'lucide-react';\r\nimport { styled } from '@mui/material/styles';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { getV1Drive, postV1Drive, setBaseUrl as setDriveUrl } from '../../../api-client/api.drive/api';\r\nimport SearchBar from '../../../components/search-bar/search-bar';\r\nimport { getToken, uploadFiles } from '../../../utils/common';\r\n\r\nsetDriveUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/document`);\r\n\r\nconst StyledListItem = styled(ListItem)(({ theme }) => ({\r\n padding: theme.spacing(1.5),\r\n cursor: 'grab',\r\n borderRadius: theme.shape.borderRadius,\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n '&.dragging': {\r\n opacity: 0.5,\r\n },\r\n}));\r\n\r\nconst DropzoneBox = styled(Box)(({ theme }) => ({\r\n border: `2px dashed ${theme.palette.grey[400]}`,\r\n borderRadius: theme.shape.borderRadius,\r\n padding: theme.spacing(2),\r\n textAlign: 'center',\r\n backgroundColor: theme.palette.grey[50],\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: theme.palette.grey[100],\r\n },\r\n}));\r\n\r\nconst SidebarItem = ({ id, icon, label, imageUrl }: { id: string; icon?: React.ReactElement; label: string; imageUrl?: string }) => {\r\n // Extract the element type from the sidebar item id\r\n const elementType = typeof id === 'string' ? id.replace('sidebar-', '') : id;\r\n \r\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\r\n id,\r\n data: {\r\n // Pass the correct type based on the id\r\n type: imageUrl ? 'image' : elementType,\r\n imageUrl,\r\n label,\r\n },\r\n });\r\n \r\n return (\r\n <StyledListItem\r\n ref={setNodeRef}\r\n {...listeners}\r\n {...attributes}\r\n className={isDragging ? 'dragging' : ''}\r\n sx={{ border: '1px solid', borderColor: 'grey.200', p: 0.75 }}\r\n >\r\n {imageUrl ? (\r\n <img\r\n src={imageUrl}\r\n alt={label}\r\n style={{ width: '100%', height: 140, objectFit: 'cover', marginRight: 8 }}\r\n />\r\n ) : (\r\n <>\r\n <ListItemIcon sx={{ minWidth: 40 }}>{icon}</ListItemIcon>\r\n <ListItemText primary={label} primaryTypographyProps={{ variant: 'body2' }} />\r\n </>\r\n )}\r\n </StyledListItem>\r\n );\r\n};\r\n\r\nconst EditorSidebar = () => {\r\n const [expanded, setExpanded] = useState('text');\r\n const [uploadedImages, setUploadedImages] = useState([]);\r\n const [uploading, setUploading] = useState(false);\r\n const [error, setError] = useState(null);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const onDrop = useCallback(async (acceptedFiles) => {\r\n setUploading(true);\r\n setError(null);\r\n try {\r\n for (const file of acceptedFiles) {\r\n const uFiles = await uploadFiles([file], \"document\");\r\n const token = getToken();\r\n const payload = {\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n \"title\": file?.name.split(\".\")[0],\r\n \"path\": \"/\",\r\n \"is_private\": true,\r\n \"is_directory\": false,\r\n \"file_size\": file.size,\r\n \"is_child\": false,\r\n \"file_extension\": file?.name.split(\".\")[1],\r\n \"type\": \"image\",\r\n \"mime_type\": file.type,\r\n \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\r\n }\r\n // Replace with your actual API endpoint\r\n await postV1Drive(payload);\r\n\r\n setUploadedImages((prev) => [\r\n ...prev,\r\n {\r\n id: `uploaded-image-${Date.now()}-${Math.random()}`,\r\n url: `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`, // Assume API returns imageUrl\r\n name: file.name,\r\n },\r\n ]);\r\n }\r\n } catch (err) {\r\n setError('Failed to upload image. Please try again.');\r\n } finally {\r\n setUploading(false);\r\n }\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDrop,\r\n accept: { 'image/': ['.jpeg', '.png', '.jpg', '.gif'] },\r\n multiple: true,\r\n });\r\n\r\n const sections = [\r\n {\r\n id: 'text',\r\n icon: <TextIcon size={18} />,\r\n label: 'Text',\r\n content: (\r\n <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 1 }}>\r\n <SidebarItem id=\"sidebar-heading\" icon={<Heading size={20} />} label=\"Heading 1\" />\r\n <SidebarItem id=\"sidebar-heading-2\" icon={<Heading size={18} />} label=\"Heading 2\" />\r\n <SidebarItem id=\"sidebar-heading-3\" icon={<Heading size={16} />} label=\"Heading 3\" />\r\n <SidebarItem id=\"sidebar-heading-4\" icon={<Heading size={14} />} label=\"Heading 4\" />\r\n <SidebarItem id=\"sidebar-text\" icon={<TextIcon size={20} />} label=\"Body\" />\r\n <SidebarItem id=\"sidebar-text-block\" icon={<TextIcon size={20} />} label=\"Text Block\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'images',\r\n icon: <ImageIcon size={18} />,\r\n label: 'Images',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <Box sx={{ mt: 2 }}>\r\n <DropzoneBox {...getRootProps()}>\r\n <input {...getInputProps()} />\r\n {isDragActive ? (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drop the images here...\r\n </Typography>\r\n ) : (\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n Drag and drop images here, or click to select\r\n </Typography>\r\n )}\r\n {uploading && (\r\n <Box sx={{ mt: 1 }}>\r\n <CircularProgress size={20} />\r\n </Box>\r\n )}\r\n </DropzoneBox>\r\n {error && (\r\n <Alert severity=\"error\" sx={{ mt: 2 }}>\r\n {error}\r\n </Alert>\r\n )}\r\n {uploadedImages.length > 0 && (\r\n <Box sx={{ mt: 2 }}>\r\n <Typography variant=\"body2\" sx={{ mb: 1, color: 'grey.500' }}>\r\n Uploaded Images\r\n </Typography>\r\n <Grid container spacing={1}>\r\n {uploadedImages.map((image) => (\r\n <Grid item xs={6} key={image.id}>\r\n <SidebarItem\r\n id={image.id}\r\n label={image.name}\r\n imageUrl={image.url}\r\n />\r\n </Grid>\r\n ))}\r\n </Grid>\r\n </Box>\r\n )}\r\n </Box>\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'buttons',\r\n icon: (\r\n <Box\r\n sx={{\r\n width: 16,\r\n height: 16,\r\n bgcolor: 'grey.400',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '8px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n ),\r\n label: 'Buttons',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem\r\n id=\"sidebar-buttons\"\r\n icon={\r\n <Box\r\n sx={{\r\n width: 20,\r\n height: 20,\r\n bgcolor: 'success.main',\r\n borderRadius: 1,\r\n color: 'white',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '10px',\r\n }}\r\n >\r\n BTN\r\n </Box>\r\n }\r\n label=\"Buttons\"\r\n />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'divider',\r\n icon: <Divider sx={{ width: 18 }} />,\r\n label: 'Divider',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-divider\" icon={<Divider sx={{ width: 20 }} />} label=\"Divider\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'table',\r\n icon: <TableIcon size={18} />,\r\n label: 'Table',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-table\" icon={<TableIcon size={20} />} label=\"Table\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'signature',\r\n icon: <SignatureIcon size={18} />,\r\n label: 'Signature',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-signature\" icon={<SignatureIcon size={20} />} label=\"Signature\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'qr-code',\r\n icon: <QrCodeIcon size={18} />,\r\n label: 'QR Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-qr-code\" icon={<QrCodeIcon size={20} />} label=\"QR Code\" />\r\n </Box>\r\n ),\r\n },\r\n {\r\n id: 'bar-code',\r\n icon: <BarcodeIcon size={18} />,\r\n label: 'Bar Code',\r\n content: (\r\n <Box sx={{ mt: 2 }}>\r\n <SidebarItem id=\"sidebar-bar-code\" icon={<BarcodeIcon size={20} />} label=\"Bar Code\" />\r\n </Box>\r\n ),\r\n },\r\n ];\r\n\r\n const getDriveFiles = async () => {\r\n try {\r\n const token = getToken();\r\n const response = await getV1Drive({\r\n ...token,\r\n \"x-timezone\": String(token[\"x-timezone\"] \|\| \"\"),\r\n skip: 0,\r\n limit: 10,\r\n filters: `(is_directory.eq=0)`\r\n });\r\n // Check if response is successful and has data\r\n if ('data' in response && response.data && typeof response.data === 'object' && 'drive' in response.data) {\r\n const files = (response.data as any).drive \|\| [];\r\n setUploadedImages(files);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getDriveFiles()\r\n }, [])\r\n\r\n return (\r\n <Box\r\n sx={{\r\n bgcolor: 'background.paper',\r\n borderRight: 1,\r\n borderColor: 'grey.200',\r\n width: 390,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: 'calc(100vh - 104px)',\r\n boxShadow: '0 2px 8px rgba(0,0,0,0.05)',\r\n fontFamily: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',\r\n }}\r\n >\r\n <Box sx={{ p: 2, borderBottom: 1, borderColor: 'grey.200' }}>\r\n <SearchBar \r\n handleSearch={(key) => console.log('Search:', key)}\r\n sx={{ backgroundColor: \"#fff !important\", border: \"1px solid grey\" }}\r\n />\r\n </Box>\r\n <Box sx={{ flexGrow: 1, overflowY: 'auto', p: 1 }}>\r\n {sections.map((section) => (\r\n <Accordion\r\n key={section.id}\r\n expanded={expanded === section.id}\r\n onChange={handleChange(section.id)}\r\n sx={{\r\n border: 'none',\r\n boxShadow: 'none',\r\n backgroundColor: 'transparent',\r\n '&:before': { display: 'none' },\r\n marginBottom: 1,\r\n }}\r\n >\r\n <AccordionSummary\r\n expandIcon={<ExpandMoreIcon sx={{ color: 'grey.600' }} />}\r\n sx={{\r\n borderRadius: '8px',\r\n padding: '0 12px',\r\n backgroundColor: expanded === section.id ? 'grey.200' : 'grey.50',\r\n '&:hover': {\r\n backgroundColor: 'grey.50',\r\n },\r\n transition: 'background-color 0.2s ease',\r\n minHeight: 42,\r\n '& .MuiAccordionSummary-content': {\r\n alignItems: 'center',\r\n margin: '8px 0',\r\n },\r\n '&.Mui-expanded': {\r\n minHeight: 42,\r\n },\r\n }}\r\n >\r\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\r\n {section.icon}\r\n <Typography\r\n variant=\"body2\"\r\n sx={{ fontWeight: 500, color: 'text.primary' }}\r\n >\r\n {section.label}\r\n </Typography>\r\n </Box>\r\n </AccordionSummary>\r\n <AccordionDetails sx={{ padding: '8px 16px' }}>\r\n {section.content}\r\n </AccordionDetails>\r\n </Accordion>\r\n ))}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport { EditorSidebar };\nexport default EditorSidebar;"],"names":["setDriveUrl","StyledListItem","styled","ListItem","theme","padding","spacing","cursor","borderRadius","shape","backgroundColor","palette","grey","opacity","DropzoneBox","Box","border","textAlign","SidebarItem","id","icon","label","imageUrl","elementType","replace","attributes","listeners","setNodeRef","isDragging","useDraggable","data","type","jsx","ref","className","sx","borderColor","p","children","src","alt","style","width","height","objectFit","marginRight","jsxs","Fragment","ListItemIcon","minWidth","ListItemText","primary","primaryTypographyProps","variant","EditorSidebar","expanded","setExpanded","useState","uploadedImages","setUploadedImages","uploading","setUploading","error","setError","onDrop","useCallback","async","acceptedFiles","file","uFiles","uploadFiles","token","getToken","payload","String","title","name","split","path","is_private","is_directory","file_size","size","is_child","file_extension","mime_type","url","postV1Drive","prev","Date","now","Math","random","err","getRootProps","getInputProps","isDragActive","useDropzone","accept","multiple","sections","TextIcon","content","display","gridTemplateColumns","gap","Heading","ImageIcon","mt","Typography","color","CircularProgress","Alert","severity","length","mb","Grid","container","map","image","item","xs","bgcolor","alignItems","justifyContent","fontSize","Divider","TableIcon","SignatureIcon","QrCodeIcon","BarcodeIcon","useEffect","response","getV1Drive","skip","limit","filters","files","drive","getDriveFiles","borderRight","flexDirection","boxShadow","fontFamily","borderBottom","SearchBar","handleSearch","key","flexGrow","overflowY","section","Accordion","onChange","panel","event","isExpanded","marginBottom","AccordionSummary","expandIcon","ExpandMoreIcon","transition","minHeight","margin","fontWeight","AccordionDetails"],"mappings":"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"}

package/dist/views/template-editor/components/EditorSidebar.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 declare const EditorSidebar: () => import("react/jsx-runtime").JSX.Element;
+export { EditorSidebar };
 export default EditorSidebar;

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

@@ -10,7 +10,7 @@ import { getV1SubjectsId, getV1FormBuilderRelationalSchemaFieldsName, getV1Templ
 import { templateRoutes, generateHeaderFooterPreview, generateEmailPreview, generateInlineStyles, extractStyles } from "../../utils/common/index.esm.js";
 import { initialStyles } from "../../utils/constant/index.esm.js";
 import _ from "lodash";
-import formatText from "../../../../utils/format-text/index.esm.js";
+import { formatText } from "../../../../utils/format-text/index.esm.js";
 import TemplateNameModal from "../../template-name-modal/template-name-modal/index.esm.js";
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import v4 from "../../../../node_modules/uuid/dist/esm-browser/v4/index.esm.js";

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../EditorHeader/index.js"),a=require("../EditorCanvas/index.js"),o=require("../../../../node_modules/@dnd-kit/core/dist/core.esm/index.js"),n=require("../../../../node_modules/notistack/notistack.esm/index.js"),d=require("react-router-dom"),r=require("../../../../utils/common/index.js"),s=require("../../../../api-client/api.system-feature/api/index.js"),l=require("../../utils/common/index.js"),c=require("../../utils/constant/index.js"),u=require("lodash"),p=require("../../../../utils/format-text/index.js"),f=require("../../template-name-modal/template-name-modal/index.js"),h=require("../../../../node_modules/@mui/material/Box/Box/index.js"),m=require("../../../../node_modules/uuid/dist/esm-browser/v4/index.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=/* @__PURE__ */y(u);exports.default=({modulePath:u,module:y,type:g})=>{const{id:b,template_id:S}=d.useParams(),{state:x}=d.useLocation(),[_,k]=t.useState([]),[$,I]=t.useState([]),[j,q]=t.useState([]),[W,w]=t.useState(null),[G,H]=t.useState(null),[P,F]=t.useState(null),[z,C]=t.useState(!1),[E,T]=t.useState([]),[D,K]=t.useState("main"),[B,V]=t.useState(!1),[L,O]=t.useState(null),[M,N]=t.useState(""),R=l.templateRoutes(u,g),[A,U]=t.useState([]),[J,Q]=t.useState(null),X=e=>"header"===e&&B?$:"footer"===e&&B?j:_,Y=e=>"header"===e&&B?I:"footer"===e&&B?q:k;t.useEffect(()=>{var e;document.body.style.overflow="hidden";const t=null==(e=document.getElementsByTagName("main"))?void 0:e[0];return t&&(t.style.marginTop="4.125rem"),()=>{document.body.removeAttribute("style")}},[]),t.useEffect(()=>{(async()=>{var e,t,i,a;if(b){const i=r.getToken(),a=await s.getV1SubjectsId({...i,"x-timezone":(null==(e=i["x-timezone"])?void 0:e.toString())||"",id:b});if("data"in a&&a.data&&"object"==typeof a.data&&"resource"in a.data){const e=a.data.resource,i=r.getToken(),o=await s.getV1FormBuilderRelationalSchemaFieldsName({...i,"x-timezone":(null==(t=i["x-timezone"])?void 0:t.toString())||"",name:e}),n="data"in o&&o.data&&"object"==typeof o.data&&"fields"in o.data&&o.data.fields||[],d="data"in o&&o.data&&"object"==typeof o.data&&"relational_fields"in o.data&&o.data.relational_fields||[],l=n.map(e=>({...e,key:e.key.replace("__replaceKey","")})).filter(e=>{var t;return!e.is_inner_join&&"id"!==e.alias&&!(null==(t=null==e?void 0:e.alias)?void 0:t.includes("_id"))}),c=[],u=[];d.forEach(e=>{if(!e)return;const t=(e.fields||[]).map(t=>{const i={...t,key:t.key.replace("__replaceKey",""),alias:(null==t?void 0:t.templateKey)?null==t?void 0:t.templateKey:t.alias};return"object"===e.type&&e.dataKey&&(i.key=`${e.dataKey}.${i.key}`),i}).filter(e=>!e.is_inner_join&&"id"!==e.alias&&!e.alias.includes("_id")),i=v.default.differenceWith(t,t,(e,t)=>e.key===(null==t?void 0:t.joinKey)).map(t=>({label:p.default(t.alias.replace(/_data$/,"").replace(/_/g," ")),value:"object"===e.type&&e.dataKey?`${e.dataKey}.${t.alias.replace(/ /g,"_").toLowerCase()}`:t.alias.replace(/ /g,"_").toLowerCase()}));"object"===e.type?u.push(...i):c.push({...e,fields:i})});const f=[...l.map(e=>{const t=(null==e?void 0:e.alias)||(null==e?void 0:e.key),i=p.default(t.replace(/_data$/,"").replace(/_/g," "));return{label:i,value:i.replace(/ /g,"_").toLowerCase()}}),...u],h=v.default.uniqBy(f,"value");T(h),U(c)}}if(S){const e=r.getToken(),t=await s.getV1TemplatesId({...e,"x-timezone":(null==(i=e["x-timezone"])?void 0:i.toString())||"",id:S}),a=("data"in t&&t.data&&"object"==typeof t.data&&"sections"in t.data&&t.data.sections||[]).map(e=>({...e,id:e.id||`section-${m.default()}`}));Q("data"in t&&t.data?t.data:null),k(a)}if(null==x?void 0:x.company_id){const e=r.getToken(),t=await s.getV1TemplateHeaderFooterCompanyIdHeaderFooter({...e,"x-timezone":(null==(a=e["x-timezone"])?void 0:a.toString())||"",company_id:x.company_id}),i="data"in t&&t.data&&"object"==typeof t.data?t.data:null;N((null==i?void 0:i._id)||"");const o=(null==i?void 0:i.header_sections)||[],n=(null==i?void 0:i.footer_sections)||[],d=o.map(e=>({...e,id:e.id||`header-section-${m.default()}`})),l=n.map(e=>({...e,id:e.id||`footer-section-${m.default()}`}));I(d),q(l)}})()},[S,b,null==x?void 0:x.company_id]);const Z=(e,t={})=>{let i="";const a=c.initialStyles[e]||{},o=l.generateInlineStyles(a),n="header"===D&&B?"header-":"footer"===D&&B?"footer-":"";switch(e){case"heading":i=`<h1 style="${o}">Heading 1</h1>`;break;case"heading-2":i=`<h2 style="${o}">Heading 2</h2>`;break;case"heading-3":i=`<h3 style="${o}">Heading 3</h3>`;break;case"heading-4":i=`<h4 style="${o}">Heading 4</h4>`;break;case"text":i=`<p style="${o}">Hello, enter your text here...</p>`;break;case"image":i=`<img src="${t.src}" alt="${t.alt}" style="${o};" />`;break;case"buttons":t.text=(null==t?void 0:t.text)||"Button text",i=`<button style="${o}">${t.text}</button>`;break;case"divider":i=`<hr style="${o}" />`;break;case"table":const e=a,{border:n,borderStyle:d,borderColor:r,...s}=e,c=l.generateInlineStyles(e.is_bordered?e:s),u=l.generateInlineStyles(e.tHead),p=l.generateInlineStyles(e.tBody),f=l.generateInlineStyles({...e.thCells,border:n,borderStyle:d,borderColor:r}),h=l.generateInlineStyles({...e.tbCells,border:n,borderStyle:d,borderColor:r});i=`\n          <table style="${c}">\n            <thead style="${u}">\n              <tr style="background-color: #f5f5f5;">\n                <th style="${f}"></th>\n                <th style="${f}"></th>\n                <th style="${f}"></th>\n              </tr>\n            </thead>\n            <tbody style="${p}">\n              <tr>\n                <td style="${h}"></td>\n                <td style="${h}"></td>\n                <td style="${h}"></td>\n              </tr>\n            </tbody>\n          </table>\n        `;break;case"signature":i=`<div style="${o}">Signature: <input type='text' style="border:0; border-bottom:1px solid black" class='signature-input'/></div>`;break;case"qr-code":t.placeholder=(null==t?void 0:t.placeholder)||"{{qr_data}}",i=`<div style="background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;">${t.placeholder}</div>`;break;case"bar-code":t.placeholder=(null==t?void 0:t.placeholder)||"{{barcode_data}}",i=`<div style="background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;">${t.placeholder}</div>`;break;default:i='<p style="font-size: 16px; color: #333333; line-height: 1.5;">New section</p>'}return l.extractStyles(i),{id:`${n}section-${m.default()}`,content:i,type:e,attributes:{...t||{},styles:a},is_edited_from_source:!1}},ee=async()=>{if(0===_.length&&0===$.length&&0===j.length)return void n.enqueueSnackbar("Please add at least one section");const e=l.generateEmailPreview(_,$,j,!0);try{const t={...r.getToken(),...S?{id:S}:{subject_id:b,is_default:!1,company_id:x.company_id},sections:_,contents:e};O(t)}catch(t){const e=r.getErrorMessage(null==t?void 0:t.message);n.enqueueSnackbar(e,{variant:"error"})}};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../EditorHeader/index.js"),a=require("../EditorCanvas/index.js"),o=require("../../../../node_modules/@dnd-kit/core/dist/core.esm/index.js"),n=require("../../../../node_modules/notistack/notistack.esm/index.js"),d=require("react-router-dom"),r=require("../../../../utils/common/index.js"),s=require("../../../../api-client/api.system-feature/api/index.js"),l=require("../../utils/common/index.js"),c=require("../../utils/constant/index.js"),u=require("lodash"),p=require("../../../../utils/format-text/index.js"),f=require("../../template-name-modal/template-name-modal/index.js"),h=require("../../../../node_modules/@mui/material/Box/Box/index.js"),m=require("../../../../node_modules/uuid/dist/esm-browser/v4/index.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=/* @__PURE__ */y(u);exports.default=({modulePath:u,module:y,type:g})=>{const{id:b,template_id:S}=d.useParams(),{state:x}=d.useLocation(),[_,k]=t.useState([]),[$,I]=t.useState([]),[j,q]=t.useState([]),[W,w]=t.useState(null),[G,H]=t.useState(null),[P,T]=t.useState(null),[F,z]=t.useState(!1),[C,E]=t.useState([]),[D,K]=t.useState("main"),[B,V]=t.useState(!1),[L,O]=t.useState(null),[M,N]=t.useState(""),R=l.templateRoutes(u,g),[A,U]=t.useState([]),[J,Q]=t.useState(null),X=e=>"header"===e&&B?$:"footer"===e&&B?j:_,Y=e=>"header"===e&&B?I:"footer"===e&&B?q:k;t.useEffect(()=>{var e;document.body.style.overflow="hidden";const t=null==(e=document.getElementsByTagName("main"))?void 0:e[0];return t&&(t.style.marginTop="4.125rem"),()=>{document.body.removeAttribute("style")}},[]),t.useEffect(()=>{(async()=>{var e,t,i,a;if(b){const i=r.getToken(),a=await s.getV1SubjectsId({...i,"x-timezone":(null==(e=i["x-timezone"])?void 0:e.toString())||"",id:b});if("data"in a&&a.data&&"object"==typeof a.data&&"resource"in a.data){const e=a.data.resource,i=r.getToken(),o=await s.getV1FormBuilderRelationalSchemaFieldsName({...i,"x-timezone":(null==(t=i["x-timezone"])?void 0:t.toString())||"",name:e}),n="data"in o&&o.data&&"object"==typeof o.data&&"fields"in o.data&&o.data.fields||[],d="data"in o&&o.data&&"object"==typeof o.data&&"relational_fields"in o.data&&o.data.relational_fields||[],l=n.map(e=>({...e,key:e.key.replace("__replaceKey","")})).filter(e=>{var t;return!e.is_inner_join&&"id"!==e.alias&&!(null==(t=null==e?void 0:e.alias)?void 0:t.includes("_id"))}),c=[],u=[];d.forEach(e=>{if(!e)return;const t=(e.fields||[]).map(t=>{const i={...t,key:t.key.replace("__replaceKey",""),alias:(null==t?void 0:t.templateKey)?null==t?void 0:t.templateKey:t.alias};return"object"===e.type&&e.dataKey&&(i.key=`${e.dataKey}.${i.key}`),i}).filter(e=>!e.is_inner_join&&"id"!==e.alias&&!e.alias.includes("_id")),i=v.default.differenceWith(t,t,(e,t)=>e.key===(null==t?void 0:t.joinKey)).map(t=>({label:p.formatText(t.alias.replace(/_data$/,"").replace(/_/g," ")),value:"object"===e.type&&e.dataKey?`${e.dataKey}.${t.alias.replace(/ /g,"_").toLowerCase()}`:t.alias.replace(/ /g,"_").toLowerCase()}));"object"===e.type?u.push(...i):c.push({...e,fields:i})});const f=[...l.map(e=>{const t=(null==e?void 0:e.alias)||(null==e?void 0:e.key),i=p.formatText(t.replace(/_data$/,"").replace(/_/g," "));return{label:i,value:i.replace(/ /g,"_").toLowerCase()}}),...u],h=v.default.uniqBy(f,"value");E(h),U(c)}}if(S){const e=r.getToken(),t=await s.getV1TemplatesId({...e,"x-timezone":(null==(i=e["x-timezone"])?void 0:i.toString())||"",id:S}),a=("data"in t&&t.data&&"object"==typeof t.data&&"sections"in t.data&&t.data.sections||[]).map(e=>({...e,id:e.id||`section-${m.default()}`}));Q("data"in t&&t.data?t.data:null),k(a)}if(null==x?void 0:x.company_id){const e=r.getToken(),t=await s.getV1TemplateHeaderFooterCompanyIdHeaderFooter({...e,"x-timezone":(null==(a=e["x-timezone"])?void 0:a.toString())||"",company_id:x.company_id}),i="data"in t&&t.data&&"object"==typeof t.data?t.data:null;N((null==i?void 0:i._id)||"");const o=(null==i?void 0:i.header_sections)||[],n=(null==i?void 0:i.footer_sections)||[],d=o.map(e=>({...e,id:e.id||`header-section-${m.default()}`})),l=n.map(e=>({...e,id:e.id||`footer-section-${m.default()}`}));I(d),q(l)}})()},[S,b,null==x?void 0:x.company_id]);const Z=(e,t={})=>{let i="";const a=c.initialStyles[e]||{},o=l.generateInlineStyles(a),n="header"===D&&B?"header-":"footer"===D&&B?"footer-":"";switch(e){case"heading":i=`<h1 style="${o}">Heading 1</h1>`;break;case"heading-2":i=`<h2 style="${o}">Heading 2</h2>`;break;case"heading-3":i=`<h3 style="${o}">Heading 3</h3>`;break;case"heading-4":i=`<h4 style="${o}">Heading 4</h4>`;break;case"text":i=`<p style="${o}">Hello, enter your text here...</p>`;break;case"image":i=`<img src="${t.src}" alt="${t.alt}" style="${o};" />`;break;case"buttons":t.text=(null==t?void 0:t.text)||"Button text",i=`<button style="${o}">${t.text}</button>`;break;case"divider":i=`<hr style="${o}" />`;break;case"table":const e=a,{border:n,borderStyle:d,borderColor:r,...s}=e,c=l.generateInlineStyles(e.is_bordered?e:s),u=l.generateInlineStyles(e.tHead),p=l.generateInlineStyles(e.tBody),f=l.generateInlineStyles({...e.thCells,border:n,borderStyle:d,borderColor:r}),h=l.generateInlineStyles({...e.tbCells,border:n,borderStyle:d,borderColor:r});i=`\n          <table style="${c}">\n            <thead style="${u}">\n              <tr style="background-color: #f5f5f5;">\n                <th style="${f}"></th>\n                <th style="${f}"></th>\n                <th style="${f}"></th>\n              </tr>\n            </thead>\n            <tbody style="${p}">\n              <tr>\n                <td style="${h}"></td>\n                <td style="${h}"></td>\n                <td style="${h}"></td>\n              </tr>\n            </tbody>\n          </table>\n        `;break;case"signature":i=`<div style="${o}">Signature: <input type='text' style="border:0; border-bottom:1px solid black" class='signature-input'/></div>`;break;case"qr-code":t.placeholder=(null==t?void 0:t.placeholder)||"{{qr_data}}",i=`<div style="background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;">${t.placeholder}</div>`;break;case"bar-code":t.placeholder=(null==t?void 0:t.placeholder)||"{{barcode_data}}",i=`<div style="background-color: #f5f5f5; padding: 16px; text-align: center; color: #666666;">${t.placeholder}</div>`;break;default:i='<p style="font-size: 16px; color: #333333; line-height: 1.5;">New section</p>'}return l.extractStyles(i),{id:`${n}section-${m.default()}`,content:i,type:e,attributes:{...t||{},styles:a},is_edited_from_source:!1}},ee=async()=>{if(0===_.length&&0===$.length&&0===j.length)return void n.enqueueSnackbar("Please add at least one section");const e=l.generateEmailPreview(_,$,j,!0);try{const t={...r.getToken(),...S?{id:S}:{subject_id:b,is_default:!1,company_id:x.company_id},sections:_,contents:e};O(t)}catch(t){const e=r.getErrorMessage(null==t?void 0:t.message);n.enqueueSnackbar(e,{variant:"error"})}};/* @__PURE__ */
 return e.jsxs(h.default,{sx:{display:"flex",flexDirection:"column",height:"100vh"},children:[
-/* @__PURE__ */e.jsx(i.default,{onPreview:()=>C(!z),onSave:ee,preview:z,sections:_,isEditingHeaderFooter:B,setIsEditingHeaderFooter:()=>{V(!B),B&&K("main")},onSaveHeaderFooter:async()=>{var e,t;if(0===_.length&&0===$.length&&0===j.length)return void n.enqueueSnackbar("Please add at least one section",{variant:"error"});if(!(null==x?void 0:x.company_id))return void n.enqueueSnackbar("Company has not been selected",{variant:"error"});const i=`${l.generateHeaderFooterPreview($,"header")}${l.generateHeaderFooterPreview(j,"footer")}`,a=e=>({id:e.id,content:e.content,type:e.type,isSplitPair:e.isSplitPair,splitGroupId:e.splitGroupId,splitWidth:void 0!==e.splitWidth?String(e.splitWidth):void 0}),o=$.map(a),d=j.map(a);try{if(M){const t=r.getToken();200===(await s.patchV1TemplateHeaderFooterId({...t,"x-timezone":(null==(e=t["x-timezone"])?void 0:e.toString())||"",id:M,header_sections:o,footer_sections:d,contents:i})).status_code&&(n.enqueueSnackbar("Header/Footer saved successfully",{variant:"success"}),V(!1))}else{const e=r.getToken();200===(await s.postV1TemplateHeaderFooter({...e,"x-timezone":(null==(t=e["x-timezone"])?void 0:t.toString())||"",header_sections:o,footer_sections:d,contents:i,company_id:x.company_id})).status_code&&(n.enqueueSnackbar("Header/Footer saved successfully",{variant:"success"}),V(!1))}}catch(c){const e=r.getErrorMessage(null==c?void 0:c.message);n.enqueueSnackbar(e,{variant:"error"})}},modulePath:u,type:g,mode:S?"edit":"add",templateData:J}),
-/* @__PURE__ */e.jsx(h.default,{sx:{display:"flex",flex:1,overflow:"hidden"},children:/* @__PURE__ */e.jsx(o.DndContext,{onDragStart:e=>{const{active:t}=e;w(t.id)},onDragOver:e=>{const{over:t}=e;t?("header-canvas"===t.id&&B?K("header"):"footer-canvas"===t.id&&B?K("footer"):"main-canvas"===t.id&&K("main"),"header-canvas"!==t.id&&"main-canvas"!==t.id&&"footer-canvas"!==t.id&&F(t.id)):F(null)},onDragEnd:e=>{var t;const{active:i,over:a}=e;if(w(null),F(null),!a)return;let o=_,d=k;if(("header-canvas"===a.id||(null==P?void 0:P.startsWith("header-")))&&B?(o=$,d=I,K("header")):("footer-canvas"===a.id||(null==P?void 0:P.startsWith("footer-")))&&B?(o=j,d=q,K("footer")):K("main"),"image"===(null==(t=i.data.current)?void 0:t.type)){const e=i.data.current.imageUrl,t=Z("image",{src:e,alt:"Image"}),r=o.findIndex(e=>e.id===a.id),s=[...o];return"header-canvas"===a.id||"main-canvas"===a.id||"footer-canvas"===a.id||-1===r?d([...o,t]):(s.splice(r,0,t),d(s)),void n.enqueueSnackbar("Added uploaded image section")}if("string"==typeof i.id&&i.id.startsWith("sidebar-")){const e=i.id.replace("sidebar-",""),t=Z(e),n=o.findIndex(e=>e.id===a.id);if(-1!==n&&"header-canvas"!==a.id&&"main-canvas"!==a.id&&"footer-canvas"!==a.id){const i=o[n];if(!i.content||i.content.includes("Click to add")||i.content.includes("enter your text")){const a=[...o];a[n]={...i,type:e,content:t.content},d(a)}else{const e=[...o];e.splice(n,0,t),d(e)}}else d([...o,t]);return}if(i.id!==a.id&&"string"==typeof i.id&&"string"==typeof a.id){let e=[],t=null;i.id.startsWith("header-")&&B?(e=$,t=I):i.id.startsWith("footer-")&&B?(e=j,t=q):(e=_,t=k);const n=i.id.replace(/^(header-|footer-)/,""),r=e.findIndex(e=>e.id===n||e.id===i.id);let s=o.findIndex(e=>e.id===String(a.id).replace(/^(header-|footer-)/,""));if("header-canvas"!==a.id&&"main-canvas"!==a.id&&"footer-canvas"!==a.id||(s=o.length),-1!==r&&-1!==s)if(e===o){const i=[...e],[a]=i.splice(r,1);if(a.isSplitPair&&a.splitGroupId){const o=a.splitGroupId,n=[a,...e.filter(e=>e.splitGroupId===o&&e.id!==a.id)],d=i.filter(e=>e.splitGroupId!==o);d.splice(s,0,...n),t(d)}else i.splice(s,0,a),t(i)}else{const i=e[r],n=[...e];n.splice(r,1),t(n);const l=[...o],c={...i};("header-canvas"===a.id||a.id.startsWith("header-"))&&B?c.id.startsWith("header-")||(c.id=`header-${c.id}`):("footer-canvas"===a.id||a.id.startsWith("footer-"))&&B?c.id.startsWith("footer-")||(c.id=`footer-${c.id}`):c.id=c.id.replace(/^(header-|footer-)/,""),l.splice(s,0,c),d(l)}}},collisionDetection:o.pointerWithin,children:/* @__PURE__ */e.jsx(a.default,{sections:_,headerSections:$,footerSections:j,activeId:W,overSection:P,selectedSection:G,onSelectSection:H,onUpdateSection:(e,t,i)=>{const a=X(i),o=Y(i),n=e.replace(/^(header-|footer-)/,"");o(a.map(i=>i.id===n||i.id===e?{...i,...t}:i))},onSplitSection:(e,t,i,a)=>{const o=X(a),n=Y(a),d=e.replace(/^(header-|footer-)/,""),r=o.findIndex(t=>t.id===d||t.id===e);if(-1===r)return;const s=o[r],l=[...o],c="header"===a?"header-":"footer"===a?"footer-":"";if(s.isSplitPair&&s.splitGroupId){const e=s.splitGroupId,a=100/(l.filter(t=>t.splitGroupId===e).length+1);l[r]={...s,content:t,splitWidth:a};const o={id:`${c}section-${m.default()}`,content:i,type:s.type,isSplitPair:!0,splitGroupId:e,splitWidth:a,attributes:s.attributes,is_edited_from_source:!1};l.splice(r+1,0,o);for(let t=0;t<l.length;t++)l[t].splitGroupId===e&&(l[t].splitWidth=a)}else{const e=m.default(),a=50;l[r]={...s,content:t,isSplitPair:!0,splitGroupId:e,splitWidth:a};const o={id:`${c}section-${m.default()}`,content:i,type:s.type,isSplitPair:!0,splitGroupId:e,splitWidth:a,attributes:s.attributes,is_edited_from_source:!1};l.splice(r+1,0,o)}n(l)},onDeleteSection:(e,t)=>{const i=X(t),a=Y(t),o=e.replace(/^(header-|footer-)/,""),n=i.find(t=>t.id===o||t.id===e);if(n){if(n.isSplitPair&&n.splitGroupId){const t=i.filter(e=>e.splitGroupId===n.splitGroupId);if(t.length<=2){const n=t.find(t=>t.id!==o&&t.id!==e);n&&(n.isSplitPair=!1,n.splitGroupId=void 0,n.splitWidth=void 0),a(i.filter(t=>t.id!==o&&t.id!==e))}else{const d=100/t.filter(t=>t.id!==o&&t.id!==e).length;a(i.filter(t=>t.id!==o&&t.id!==e).map(e=>e.splitGroupId===n.splitGroupId?{...e,splitWidth:d}:e))}}else a(i.filter(t=>t.id!==o&&t.id!==e));G===e&&H(null)}},preview:z,handleSave:ee,placeholders:E,isEditingHeaderFooter:B,relation_table:A})})}),null!==L&&/* @__PURE__ */e.jsx(f.default,{isOpen:null!==L,setIsOpen:()=>O(null),payload:L,templateRoutes:R,mode:S?"edit":"add",templateData:J})]})};
+/* @__PURE__ */e.jsx(i.default,{onPreview:()=>z(!F),onSave:ee,preview:F,sections:_,isEditingHeaderFooter:B,setIsEditingHeaderFooter:()=>{V(!B),B&&K("main")},onSaveHeaderFooter:async()=>{var e,t;if(0===_.length&&0===$.length&&0===j.length)return void n.enqueueSnackbar("Please add at least one section",{variant:"error"});if(!(null==x?void 0:x.company_id))return void n.enqueueSnackbar("Company has not been selected",{variant:"error"});const i=`${l.generateHeaderFooterPreview($,"header")}${l.generateHeaderFooterPreview(j,"footer")}`,a=e=>({id:e.id,content:e.content,type:e.type,isSplitPair:e.isSplitPair,splitGroupId:e.splitGroupId,splitWidth:void 0!==e.splitWidth?String(e.splitWidth):void 0}),o=$.map(a),d=j.map(a);try{if(M){const t=r.getToken();200===(await s.patchV1TemplateHeaderFooterId({...t,"x-timezone":(null==(e=t["x-timezone"])?void 0:e.toString())||"",id:M,header_sections:o,footer_sections:d,contents:i})).status_code&&(n.enqueueSnackbar("Header/Footer saved successfully",{variant:"success"}),V(!1))}else{const e=r.getToken();200===(await s.postV1TemplateHeaderFooter({...e,"x-timezone":(null==(t=e["x-timezone"])?void 0:t.toString())||"",header_sections:o,footer_sections:d,contents:i,company_id:x.company_id})).status_code&&(n.enqueueSnackbar("Header/Footer saved successfully",{variant:"success"}),V(!1))}}catch(c){const e=r.getErrorMessage(null==c?void 0:c.message);n.enqueueSnackbar(e,{variant:"error"})}},modulePath:u,type:g,mode:S?"edit":"add",templateData:J}),
+/* @__PURE__ */e.jsx(h.default,{sx:{display:"flex",flex:1,overflow:"hidden"},children:/* @__PURE__ */e.jsx(o.DndContext,{onDragStart:e=>{const{active:t}=e;w(t.id)},onDragOver:e=>{const{over:t}=e;t?("header-canvas"===t.id&&B?K("header"):"footer-canvas"===t.id&&B?K("footer"):"main-canvas"===t.id&&K("main"),"header-canvas"!==t.id&&"main-canvas"!==t.id&&"footer-canvas"!==t.id&&T(t.id)):T(null)},onDragEnd:e=>{var t;const{active:i,over:a}=e;if(w(null),T(null),!a)return;let o=_,d=k;if(("header-canvas"===a.id||(null==P?void 0:P.startsWith("header-")))&&B?(o=$,d=I,K("header")):("footer-canvas"===a.id||(null==P?void 0:P.startsWith("footer-")))&&B?(o=j,d=q,K("footer")):K("main"),"image"===(null==(t=i.data.current)?void 0:t.type)){const e=i.data.current.imageUrl,t=Z("image",{src:e,alt:"Image"}),r=o.findIndex(e=>e.id===a.id),s=[...o];return"header-canvas"===a.id||"main-canvas"===a.id||"footer-canvas"===a.id||-1===r?d([...o,t]):(s.splice(r,0,t),d(s)),void n.enqueueSnackbar("Added uploaded image section")}if("string"==typeof i.id&&i.id.startsWith("sidebar-")){const e=i.id.replace("sidebar-",""),t=Z(e),n=o.findIndex(e=>e.id===a.id);if(-1!==n&&"header-canvas"!==a.id&&"main-canvas"!==a.id&&"footer-canvas"!==a.id){const i=o[n];if(!i.content||i.content.includes("Click to add")||i.content.includes("enter your text")){const a=[...o];a[n]={...i,type:e,content:t.content},d(a)}else{const e=[...o];e.splice(n,0,t),d(e)}}else d([...o,t]);return}if(i.id!==a.id&&"string"==typeof i.id&&"string"==typeof a.id){let e=[],t=null;i.id.startsWith("header-")&&B?(e=$,t=I):i.id.startsWith("footer-")&&B?(e=j,t=q):(e=_,t=k);const n=i.id.replace(/^(header-|footer-)/,""),r=e.findIndex(e=>e.id===n||e.id===i.id);let s=o.findIndex(e=>e.id===String(a.id).replace(/^(header-|footer-)/,""));if("header-canvas"!==a.id&&"main-canvas"!==a.id&&"footer-canvas"!==a.id||(s=o.length),-1!==r&&-1!==s)if(e===o){const i=[...e],[a]=i.splice(r,1);if(a.isSplitPair&&a.splitGroupId){const o=a.splitGroupId,n=[a,...e.filter(e=>e.splitGroupId===o&&e.id!==a.id)],d=i.filter(e=>e.splitGroupId!==o);d.splice(s,0,...n),t(d)}else i.splice(s,0,a),t(i)}else{const i=e[r],n=[...e];n.splice(r,1),t(n);const l=[...o],c={...i};("header-canvas"===a.id||a.id.startsWith("header-"))&&B?c.id.startsWith("header-")||(c.id=`header-${c.id}`):("footer-canvas"===a.id||a.id.startsWith("footer-"))&&B?c.id.startsWith("footer-")||(c.id=`footer-${c.id}`):c.id=c.id.replace(/^(header-|footer-)/,""),l.splice(s,0,c),d(l)}}},collisionDetection:o.pointerWithin,children:/* @__PURE__ */e.jsx(a.default,{sections:_,headerSections:$,footerSections:j,activeId:W,overSection:P,selectedSection:G,onSelectSection:H,onUpdateSection:(e,t,i)=>{const a=X(i),o=Y(i),n=e.replace(/^(header-|footer-)/,"");o(a.map(i=>i.id===n||i.id===e?{...i,...t}:i))},onSplitSection:(e,t,i,a)=>{const o=X(a),n=Y(a),d=e.replace(/^(header-|footer-)/,""),r=o.findIndex(t=>t.id===d||t.id===e);if(-1===r)return;const s=o[r],l=[...o],c="header"===a?"header-":"footer"===a?"footer-":"";if(s.isSplitPair&&s.splitGroupId){const e=s.splitGroupId,a=100/(l.filter(t=>t.splitGroupId===e).length+1);l[r]={...s,content:t,splitWidth:a};const o={id:`${c}section-${m.default()}`,content:i,type:s.type,isSplitPair:!0,splitGroupId:e,splitWidth:a,attributes:s.attributes,is_edited_from_source:!1};l.splice(r+1,0,o);for(let t=0;t<l.length;t++)l[t].splitGroupId===e&&(l[t].splitWidth=a)}else{const e=m.default(),a=50;l[r]={...s,content:t,isSplitPair:!0,splitGroupId:e,splitWidth:a};const o={id:`${c}section-${m.default()}`,content:i,type:s.type,isSplitPair:!0,splitGroupId:e,splitWidth:a,attributes:s.attributes,is_edited_from_source:!1};l.splice(r+1,0,o)}n(l)},onDeleteSection:(e,t)=>{const i=X(t),a=Y(t),o=e.replace(/^(header-|footer-)/,""),n=i.find(t=>t.id===o||t.id===e);if(n){if(n.isSplitPair&&n.splitGroupId){const t=i.filter(e=>e.splitGroupId===n.splitGroupId);if(t.length<=2){const n=t.find(t=>t.id!==o&&t.id!==e);n&&(n.isSplitPair=!1,n.splitGroupId=void 0,n.splitWidth=void 0),a(i.filter(t=>t.id!==o&&t.id!==e))}else{const d=100/t.filter(t=>t.id!==o&&t.id!==e).length;a(i.filter(t=>t.id!==o&&t.id!==e).map(e=>e.splitGroupId===n.splitGroupId?{...e,splitWidth:d}:e))}}else a(i.filter(t=>t.id!==o&&t.id!==e));G===e&&H(null)}},preview:F,handleSave:ee,placeholders:C,isEditingHeaderFooter:B,relation_table:A})})}),null!==L&&/* @__PURE__ */e.jsx(f.default,{isOpen:null!==L,setIsOpen:()=>O(null),payload:L,templateRoutes:R,mode:S?"edit":"add",templateData:J})]})};
 //# sourceMappingURL=index.js.map