@erpsquad/common 1.8.98 → 1.8.100

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

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

@@ -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 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:[
+"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"),q=require("../../../../node_modules/lucide-react/dist/esm/icons/barcode/index.js"),v=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"),k=require("../../../../node_modules/@mui/material/ListItemText/ListItemText/index.js"),S=require("../../../../node_modules/@mui/material/ListItem/ListItem/index.js"),B=require("../../../../utils/api-config/index.js");a.setBaseUrl(`${B.getApiConfig().backendBaseUrl}/document`);const D=u.default(S.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]}})),w=({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:[
 /* @__PURE__ */e.jsx(C.default,{sx:{minWidth:40},children:d}),
-/* @__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(k.default,{primary:t,primaryTypographyProps:{variant:"body2"}})]})})},A=()=>{const[r,u]=i.useState("text"),[C,k]=i.useState([]),[S,D]=i.useState(!1),[A,T]=i.useState(null),R=i.useCallback(async e=>{D(!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:`${B.getApiConfig().s3BucketUrl}${e[0]}`};await a.postV1Drive(d),k(r=>[...r,{id:`uploaded-image-${Date.now()}-${Math.random()}`,url:`${B.getApiConfig().s3BucketUrl}${e[0]}`,name:i.name}])}}catch(i){T("Failed to upload image. Please try again.")}finally{D(!1)}},[]),{getRootProps:U,getInputProps:$,isDragActive:H}=d.useDropzone({onDrop:R,accept:{"image/*":[".jpeg",".png",".jpg",".gif"]},multiple:!0}),P=[{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(w,{id:"sidebar-heading",icon:/* @__PURE__ */e.jsx(n.default,{size:20}),label:"Heading 1"}),
+/* @__PURE__ */e.jsx(w,{id:"sidebar-heading-2",icon:/* @__PURE__ */e.jsx(n.default,{size:18}),label:"Heading 2"}),
+/* @__PURE__ */e.jsx(w,{id:"sidebar-heading-3",icon:/* @__PURE__ */e.jsx(n.default,{size:16}),label:"Heading 3"}),
+/* @__PURE__ */e.jsx(w,{id:"sidebar-heading-4",icon:/* @__PURE__ */e.jsx(n.default,{size:14}),label:"Heading 4"}),
+/* @__PURE__ */e.jsx(w,{id:"sidebar-text",icon:/* @__PURE__ */e.jsx(c.default,{size:20}),label:"Body"}),
+/* @__PURE__ */e.jsx(w,{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,{...U(),children:[
+/* @__PURE__ */e.jsx("input",{...$()}),H?/* @__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"}),S&&/* @__PURE__ */e.jsx(l.default,{sx:{mt:1},children:/* @__PURE__ */e.jsx(m.default,{size:20})})]}),A&&/* @__PURE__ */e.jsx(g.default,{severity:"error",sx:{mt:2},children:A}),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(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(p.default,{container:!0,spacing:1,children:C.map(i=>/* @__PURE__ */e.jsx(p.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(w,{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(w,{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(w,{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(w,{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(w,{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(w,{id:"sidebar-qr-code",icon:/* @__PURE__ */e.jsx(y.default,{size:20}),label:"QR Code"})})},{id:"bar-code",icon:/* @__PURE__ */e.jsx(q.default,{size:18}),label:"Bar Code",content:/* @__PURE__ */e.jsx(l.default,{sx:{mt:2},children:/* @__PURE__ */e.jsx(w,{id:"sidebar-bar-code",icon:/* @__PURE__ */e.jsx(q.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||[];k(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(l.default,{sx:{flexGrow:1,overflowY:"auto",p:1},children:P.map(i=>{/* @__PURE__ */return e.jsxs(v.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})})]})};exports.EditorSidebar=B,exports.default=B;
+/* @__PURE__ */e.jsx(z.default,{sx:{padding:"8px 16px"},children:i.content})]},i.id);var d})})]})};exports.EditorSidebar=A,exports.default=A;
 //# sourceMappingURL=index.js.map

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

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

@@ -21,10 +21,8 @@ import { usePermissions } from "../../../hooks/use-permissions/index.esm.js";
 import { getV1Subjects } from "../../../api-client/api.system-feature/api/index.esm.js";
 import { TemplateModal } from "../template-modal/template-modal/index.esm.js";
 import CompanySelectionModal from "../company-selection-modal/company-selection-modal/index.esm.js";
-import { setBaseUrl } from "../../../api-client/api.rbac/api/index.esm.js";
 /* empty css                          */
 import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
-setBaseUrl(`${"https://apidev.erpforce.co"}/rbac`);
 const Templates = ({ type, module, modulePath }) => {
   const { t } = useTranslation();
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/views/template-editor/templates.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport ActionBar from '../../components/action-bar/action-bar';\nimport viewTypes from '../../constants/action-bar';\nimport MaterialTable, { MaterialTableColumnProps } from '../../components/material-table/material-table';\nimport Typography from '../../components/typography/typography';\nimport Fallback from '../../components/fallback/fallback';\nimport Menu from '../../components/menu/menu';\nimport Footer from '../../components/footer/footer';\nimport useDeepMemo from '../../hooks/use-deep-memo';\nimport { PageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport { transformTableColumns } from '../../utils/common-utility';\nimport { appendConditionSafely, defaultCurrencySymbol, getToken } from '../../utils/common';\nimport logo from '../../assets/images';\nimport { IPaginationModel } from '../../@types/pagination-model';\nimport { fetchApi } from '../../utils/api';\n\nimport { MenuItem } from '@mui/material';\n\n// import GridCard from './grid-view/grid-view';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\n\nimport { templateRoutes } from './utils/common';\nimport { IEmail, ITemplateProps, Pagination } from './utils/types';\nimport { useNavigate } from 'react-router-dom';\n\nimport { usePermissions } from '../../hooks/use-permissions';\nimport { getV1Subjects } from '../../api-client/api.system-feature/api';\nimport TemplateModal from './template-modal/template-modal';\nimport CompanySelectionModal from './company-selection-modal/company-selection-modal';\nimport { setBaseUrl } from '../../api-client/api.rbac/api';\n\nimport './templates.scss';\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\n\ninterface ActionData {\n\tlabel: string;\n\tposition: number;\n}\n\nconst Templates: React.FC<ITemplateProps> = ({ type, module, modulePath }) => {\n  const { t } = useTranslation();\n\tconst {\n\t\tactivePage: aPage,\n\t\tupdatePageInfo,\n\t\tschemaFields,\n\t\tgeneratedColumns,\n\t\tupdateGeneratedColumns,\n\t\t// error: pageError\n\t} = usePages();\n\tconst activePage = useDeepMemo<PageState>(aPage);\n\t/* LOCAL STATES */\n\tconst [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(null);\n  const viewEmails = localStorage.getItem('email-subjects-view');\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(viewEmails ? JSON.parse(viewEmails) : [{ label: 'Table', position: 0 }]);\n\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(viewTypes.TABLE);\n\tconst [paginationModel, setPaginationModel] = useState<Pagination>({ pageNo: 1, limit: 10, totalCount: 0, skip: 0 }); \n\tconst [rows, setRows] = useState<any[]>([]); \n\tconst [isFetching, setIsFetching] = useState<boolean>(false); \n\tconst [selectedRow, setSelectedRow] = useState([]);\n\tconst [showTemplateModal, setShowTemplateModal] = useState<IEmail | null>(null);\n\tconst [showCompanySelectionModal, setShowCompanySelectionModal] = useState<IEmail | null>(null);\n\tconst [companies, setCompanies] = useState<Record<string, any>[]>([]);\n\t/* VARS */\n\tconst navigate = useNavigate();\n\tconst { pageNo, limit: pLimit, totalCount } = paginationModel;\n\tconst limit = activePage.page_size || pLimit;\n\tconst total = limit ? Math.ceil(totalCount / limit) : 0;\n\tconst skip = limit * (pageNo - 1);\n\tconst permissions = usePermissions();\n\tconst ROUTES = templateRoutes(modulePath, type);\n\n\tconst SubjectPermissions = permissions?.Subjects || {};\n\tconst ConditionsImport = permissions?.RentalTerms?.ConditionsImport || {};\n\t\n\tconst {\n\t\tcanAdd = false,\n\t\tcanEdit = false,\n\t\tcanDelete = false,\n\t} = SubjectPermissions;\n\n\tconst { canAdd: canImport = false } = ConditionsImport;\n\n\tconst handleNewEmail = (email) => {\n\t\tif(!companies?.length) {\n\t\t\tenqueueSnackbar('Please add a company first', { variant: 'error' })\n\t\t\treturn\n\t\t}\n\n\t\tif(companies?.length > 1) {\n\t\t\tsetShowCompanySelectionModal(email)\n\t\t} else{\n\t\t\tnavigate(ROUTES.ADD_TEMPLATE(email._id), { state: { company_id: companies[0]?.id || companies[0]?.value }})\n\t\t}\n\t};\n  \n\tconst rowActionMenu = [\n\t\t{\n\t\t\tlabel: 'New Template',\n\t\t\thandleAction: (email: IEmail) => handleNewEmail(email),\n\t\t\tdisabled: (row: any) =>  !canEdit\n\t\t},\n\t\t{\n\t\t\tlabel: 'Add From Template',\n\t\t\thandleAction: (email: IEmail) => setShowTemplateModal(email),\n\t\t\tdisabled: (row: any) =>  !canAdd\n\t\t}\n\t];\n\n\t/* LOCAL FUNCTIONS */\n\tconst getEmails = useCallback(\n\t\tasync () => {\n\t\t\tconst { sort, filterQueryString, search } = activePage;\n\t\t\tconst searchFiters = search ? `&subject.like=${search}` : '';\n\t\t\tconst types = [];\n\t\t\ttypes.push(type)\n\t\t\tif(type == \"email\"){\n\t\t\t\ttypes.push(\"approval_email\")\n\t\t\t}\n\t\t\tconst uFilters = appendConditionSafely(filterQueryString, `&type.in=[${types.join(\",\")}]&module.eq=${module}${searchFiters}`);\n\n\t\t\tconst response = await getV1Subjects({\n\t\t\t\t...getToken(),\n\t\t\t\tskip,\n\t\t\t\tlimit,\n\t\t\t\t// search,\n\t\t\t\t...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n\t\t\t\t...(uFilters && uFilters !== '()' && { filters: uFilters })\n\t\t\t});\n\n\t\t\tsetRows(response?.data || []);\n\t\t\tsetPaginationModel({...paginationModel, ...(response?.pagination ||{})});\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\tlimit,\n\t\t\tskip,\n\t\t\tactivePage?.search,\n\t\t\tactivePage?.filterQueryString,\n\t\t\tactivePage?.sort\n\t\t]\n\t);\n\n\tconst getCopmanies =  async () => {\n\t\t\tconst companiesArr = await fetchApi({apiKey: 'company', filters: { skip: 0, limit: 100, order: \"id:1\" }});\n\t\t\tsetCompanies(companiesArr?.data || []);\n\t\t}\n\n\tconst tableRows = useMemo(() => rows || [], [rows]);\n\n\tconst tableColumns = useMemo(\n\t\t() =>\n\t\t\ttransformTableColumns({\n\t\t\t\tcolumns: generatedColumns.columns,\n\t\t\t\tcurrencySymbol: (row) =>\n\t\t\t\t\trow.original?.currency_data?.symbol || defaultCurrencySymbol(),\n\t\t\t\ttranslationFn: t,\n\t\t\t\tenableFooter: true,\n\t\t\t\t// redirectionLink: ROUTES.VIEW,\n\t\t\t\t// redirectionLinkState: (row) => ({ termsAndCondition: row.original }),\n\t\t\t\trows: tableRows,\n\t\t\t\tstatusClasses: ``,\n\t\t\t}),\n\t\t[tableRows, t, generatedColumns.columns]\n\t);\n\n\tconst handlePaginationModel = (model: IPaginationModel) => {\n\t\tif (activePage.page_size != model?.limit) {\n\t\t\tupdatePageInfo({ page_size: model.limit });\n\t\t}\n\t\tsetPaginationModel(model);\n\t};\n\n\tconst cleanUp = () => {\n\t\tconst pModel = { pageNo: 1, limit: 10, totalCount: 0 };\n\t\tsetPaginationModel(pModel);\n\t};\n\n\t/* USE EFFECTS */\n\tuseEffect(() => {\n\t\tgetEmails();\n\t}, [getEmails]);\n\t\n\n\tuseEffect(() => {\n\t\tgetCopmanies();\n\t\treturn cleanUp;\n\t}, []);\n  useEffect(() => {\n\t\tif (actionBarData?.length) {\n\t\t\tlocalStorage.setItem('email-subjects-view', JSON.stringify(actionBarData));\n\t\t}\n\t}, [actionBarData]);\n\n\t/* JSX STRUCTURE STARTED */\n\treturn (\n\t\t<section className='templates'>\n\t\t\t<ActionBar\n\t\t\t\ttitle={type === 'email' ? 'Emails' : 'PDFs'}\n\t\t\t\tdata={actionBarData}\n\t\t\t\tsetData={setActionBarData}\n\t\t\t\tactive={actionBarActiveTab}\n\t\t\t\tsetActive={setActionBarActiveTab}\n\t\t\t\thandleSearch={(search) => {\n\t\t\t\t\tupdatePageInfo({ search });\n\t\t\t\t\tsetPaginationModel({ ...paginationModel, pageNo: 1 });\n\t\t\t\t}}\n\t\t\t\tdisabledViews={['Kanban', 'Calendar', 'Gantt',viewTypes.GRID]}\n\t\t\t\tfields={schemaFields}\n\t\t\t\tselectedIds={selectedRow}\n\t\t\t\tbutton={false}\n\t\t\t/>\n\t\t\t\t\t{actionBarActiveTab === viewTypes.TABLE && (\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={tableRows || []}\n\t\t\t\t\t\t\tcolumns={tableColumns}\n\t\t\t\t\t\t\tpaginationModel={paginationModel}\n\t\t\t\t\t\t\ttotalPages={total}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select', ...generatedColumns.orderKeys]}\n\t\t\t\t\t\t\tstates={{ isLoading: isFetching }}\n\t\t\t\t\t\t\tonSortingChange={(sort) => updatePageInfo({ sort })}\n\t\t\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tonSelectRow={(r) =>\n\t\t\t\t\t\t\t\tsetSelectedRow(r.map((ele) => ele.original.id))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tenableAddCustomField={false}\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\thandleColumnOrdering={(colOrder) =>\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ orderKeys: colOrder.slice(1) })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonColumnVisibility={(columns: MaterialTableColumnProps[]) =>\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ columns: columns })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{actionBarActiveTab === viewTypes.GRID && (\n\t\t\t\t\t\t<GridCard\n\t\t\t\t\t\t\tdata={tableRows}\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!actionBarActiveTab && (\n\t\t\t\t\t\t<Fallback\n\t\t\t\t\t\t\theading={t('rental.settings.termsAndConditions.title')}\n\t\t\t\t\t\t\tsubHeading='No data available'\n\t\t\t\t\t\t\ticon={<img src={logo.invoiceFallback} />}>\n\t\t\t\t\t\t</Fallback>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Footer\n\t\t\t\t\t\ttotal={total}\n\t\t\t\t\t\tpaginationModel={{\n\t\t\t\t\t\t\t...paginationModel,\n\t\t\t\t\t\t\tlimit: activePage.page_size\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thandlePaginationModel={handlePaginationModel}\n\t\t\t\t\t\tresource=''\n\t\t\t\t\t/>\n\n\t\t\t\t\t{/* Action Menu */}\n\t\t\t\t\t<Menu\n\t\t\t\t\t\tanchorEl={actionAnchorEl}\n\t\t\t\t\t\topen={Boolean(actionAnchorEl)}\n\t\t\t\t\t\tonClose={() => setActionAnchorEl(null)}>\n\t\t\t\t\t\t<MenuItem>\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{t('common.upload')}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem>\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{t('common.print')}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</Menu>\n\t\t\t\t\t{showTemplateModal && (\n\t\t\t\t\t\t<TemplateModal \n\t\t\t\t\t\t\temail={showTemplateModal} \n\t\t\t\t\t\t\tonClose={() => setShowTemplateModal(null)} \n\t\t\t\t\t\t\topen={showTemplateModal !== null} \n\t\t\t\t\t\t\tcompanies={companies}\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{showCompanySelectionModal && (\n\t\t\t\t\t\t<CompanySelectionModal \n\t\t\t\t\t\t\tisOpen={showCompanySelectionModal !== null} \n\t\t\t\t\t\t\tsetIsOpen={setShowCompanySelectionModal} \n\t\t\t\t\t\t\tcompanies={companies} \n\t\t\t\t\t\t\temail={showCompanySelectionModal}\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t</section>\n\t);\n};\n\nexport default Templates;\n"],"names":["logo"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/views/template-editor/templates.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport ActionBar from '../../components/action-bar/action-bar';\nimport viewTypes from '../../constants/action-bar';\nimport MaterialTable, { MaterialTableColumnProps } from '../../components/material-table/material-table';\nimport Typography from '../../components/typography/typography';\nimport Fallback from '../../components/fallback/fallback';\nimport Menu from '../../components/menu/menu';\nimport Footer from '../../components/footer/footer';\nimport useDeepMemo from '../../hooks/use-deep-memo';\nimport { PageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport { transformTableColumns } from '../../utils/common-utility';\nimport { appendConditionSafely, defaultCurrencySymbol, getToken } from '../../utils/common';\nimport logo from '../../assets/images';\nimport { IPaginationModel } from '../../@types/pagination-model';\nimport { fetchApi } from '../../utils/api';\n\nimport { MenuItem } from '@mui/material';\n\n// import GridCard from './grid-view/grid-view';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\n\nimport { templateRoutes } from './utils/common';\nimport { IEmail, ITemplateProps, Pagination } from './utils/types';\nimport { useNavigate } from 'react-router-dom';\n\nimport { usePermissions } from '../../hooks/use-permissions';\nimport { getV1Subjects } from '../../api-client/api.system-feature/api';\nimport TemplateModal from './template-modal/template-modal';\nimport CompanySelectionModal from './company-selection-modal/company-selection-modal';\n\nimport './templates.scss';\n\n\ninterface ActionData {\n\tlabel: string;\n\tposition: number;\n}\n\nconst Templates: React.FC<ITemplateProps> = ({ type, module, modulePath }) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\tactivePage: aPage,\n\t\tupdatePageInfo,\n\t\tschemaFields,\n\t\tgeneratedColumns,\n\t\tupdateGeneratedColumns,\n\t\t// error: pageError\n\t} = usePages();\n\tconst activePage = useDeepMemo<PageState>(aPage);\n\t/* LOCAL STATES */\n\tconst [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(null);\n\tconst viewEmails = localStorage.getItem('email-subjects-view');\n\tconst [actionBarData, setActionBarData] = useState<ActionData[]>(viewEmails ? JSON.parse(viewEmails) : [{ label: 'Table', position: 0 }]);\n\n\tconst [actionBarActiveTab, setActionBarActiveTab] = useState<string>(viewTypes.TABLE);\n\tconst [paginationModel, setPaginationModel] = useState<Pagination>({ pageNo: 1, limit: 10, totalCount: 0, skip: 0 });\n\tconst [rows, setRows] = useState<any[]>([]);\n\tconst [isFetching, setIsFetching] = useState<boolean>(false);\n\tconst [selectedRow, setSelectedRow] = useState([]);\n\tconst [showTemplateModal, setShowTemplateModal] = useState<IEmail | null>(null);\n\tconst [showCompanySelectionModal, setShowCompanySelectionModal] = useState<IEmail | null>(null);\n\tconst [companies, setCompanies] = useState<Record<string, any>[]>([]);\n\t/* VARS */\n\tconst navigate = useNavigate();\n\tconst { pageNo, limit: pLimit, totalCount } = paginationModel;\n\tconst limit = activePage.page_size || pLimit;\n\tconst total = limit ? Math.ceil(totalCount / limit) : 0;\n\tconst skip = limit * (pageNo - 1);\n\tconst permissions = usePermissions();\n\tconst ROUTES = templateRoutes(modulePath, type);\n\n\tconst SubjectPermissions = permissions?.Subjects || {};\n\tconst ConditionsImport = permissions?.RentalTerms?.ConditionsImport || {};\n\n\tconst {\n\t\tcanAdd = false,\n\t\tcanEdit = false,\n\t\tcanDelete = false,\n\t} = SubjectPermissions;\n\n\tconst { canAdd: canImport = false } = ConditionsImport;\n\n\tconst handleNewEmail = (email) => {\n\t\tif (!companies?.length) {\n\t\t\tenqueueSnackbar('Please add a company first', { variant: 'error' })\n\t\t\treturn\n\t\t}\n\n\t\tif (companies?.length > 1) {\n\t\t\tsetShowCompanySelectionModal(email)\n\t\t} else {\n\t\t\tnavigate(ROUTES.ADD_TEMPLATE(email._id), { state: { company_id: companies[0]?.id || companies[0]?.value } })\n\t\t}\n\t};\n\n\tconst rowActionMenu = [\n\t\t{\n\t\t\tlabel: 'New Template',\n\t\t\thandleAction: (email: IEmail) => handleNewEmail(email),\n\t\t\tdisabled: (row: any) => !canEdit\n\t\t},\n\t\t{\n\t\t\tlabel: 'Add From Template',\n\t\t\thandleAction: (email: IEmail) => setShowTemplateModal(email),\n\t\t\tdisabled: (row: any) => !canAdd\n\t\t}\n\t];\n\n\t/* LOCAL FUNCTIONS */\n\tconst getEmails = useCallback(\n\t\tasync () => {\n\t\t\tconst { sort, filterQueryString, search } = activePage;\n\t\t\tconst searchFiters = search ? `&subject.like=${search}` : '';\n\t\t\tconst types = [];\n\t\t\ttypes.push(type)\n\t\t\tif (type == \"email\") {\n\t\t\t\ttypes.push(\"approval_email\")\n\t\t\t}\n\t\t\tconst uFilters = appendConditionSafely(filterQueryString, `&type.in=[${types.join(\",\")}]&module.eq=${module}${searchFiters}`);\n\n\t\t\tconst response = await getV1Subjects({\n\t\t\t\t...getToken(),\n\t\t\t\tskip,\n\t\t\t\tlimit,\n\t\t\t\t// search,\n\t\t\t\t...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n\t\t\t\t...(uFilters && uFilters !== '()' && { filters: uFilters })\n\t\t\t});\n\n\t\t\tsetRows(response?.data || []);\n\t\t\tsetPaginationModel({ ...paginationModel, ...(response?.pagination || {}) });\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\tlimit,\n\t\t\tskip,\n\t\t\tactivePage?.search,\n\t\t\tactivePage?.filterQueryString,\n\t\t\tactivePage?.sort\n\t\t]\n\t);\n\n\tconst getCopmanies = async () => {\n\t\tconst companiesArr = await fetchApi({ apiKey: 'company', filters: { skip: 0, limit: 100, order: \"id:1\" } });\n\t\tsetCompanies(companiesArr?.data || []);\n\t}\n\n\tconst tableRows = useMemo(() => rows || [], [rows]);\n\n\tconst tableColumns = useMemo(\n\t\t() =>\n\t\t\ttransformTableColumns({\n\t\t\t\tcolumns: generatedColumns.columns,\n\t\t\t\tcurrencySymbol: (row) =>\n\t\t\t\t\trow.original?.currency_data?.symbol || defaultCurrencySymbol(),\n\t\t\t\ttranslationFn: t,\n\t\t\t\tenableFooter: true,\n\t\t\t\t// redirectionLink: ROUTES.VIEW,\n\t\t\t\t// redirectionLinkState: (row) => ({ termsAndCondition: row.original }),\n\t\t\t\trows: tableRows,\n\t\t\t\tstatusClasses: ``,\n\t\t\t}),\n\t\t[tableRows, t, generatedColumns.columns]\n\t);\n\n\tconst handlePaginationModel = (model: IPaginationModel) => {\n\t\tif (activePage.page_size != model?.limit) {\n\t\t\tupdatePageInfo({ page_size: model.limit });\n\t\t}\n\t\tsetPaginationModel(model);\n\t};\n\n\tconst cleanUp = () => {\n\t\tconst pModel = { pageNo: 1, limit: 10, totalCount: 0 };\n\t\tsetPaginationModel(pModel);\n\t};\n\n\t/* USE EFFECTS */\n\tuseEffect(() => {\n\t\tgetEmails();\n\t}, [getEmails]);\n\n\n\tuseEffect(() => {\n\t\tgetCopmanies();\n\t\treturn cleanUp;\n\t}, []);\n\tuseEffect(() => {\n\t\tif (actionBarData?.length) {\n\t\t\tlocalStorage.setItem('email-subjects-view', JSON.stringify(actionBarData));\n\t\t}\n\t}, [actionBarData]);\n\n\t/* JSX STRUCTURE STARTED */\n\treturn (\n\t\t<section className='templates'>\n\t\t\t<ActionBar\n\t\t\t\ttitle={type === 'email' ? 'Emails' : 'PDFs'}\n\t\t\t\tdata={actionBarData}\n\t\t\t\tsetData={setActionBarData}\n\t\t\t\tactive={actionBarActiveTab}\n\t\t\t\tsetActive={setActionBarActiveTab}\n\t\t\t\thandleSearch={(search) => {\n\t\t\t\t\tupdatePageInfo({ search });\n\t\t\t\t\tsetPaginationModel({ ...paginationModel, pageNo: 1 });\n\t\t\t\t}}\n\t\t\t\tdisabledViews={['Kanban', 'Calendar', 'Gantt', viewTypes.GRID]}\n\t\t\t\tfields={schemaFields}\n\t\t\t\tselectedIds={selectedRow}\n\t\t\t\tbutton={false}\n\t\t\t/>\n\t\t\t{actionBarActiveTab === viewTypes.TABLE && (\n\t\t\t\t<MaterialTable\n\t\t\t\t\trows={tableRows || []}\n\t\t\t\t\tcolumns={tableColumns}\n\t\t\t\t\tpaginationModel={paginationModel}\n\t\t\t\t\ttotalPages={total}\n\t\t\t\t\tcolumnOrder={['mrt-row-select', ...generatedColumns.orderKeys]}\n\t\t\t\t\tstates={{ isLoading: isFetching }}\n\t\t\t\t\tonSortingChange={(sort) => updatePageInfo({ sort })}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tonSelectRow={(r) =>\n\t\t\t\t\t\tsetSelectedRow(r.map((ele) => ele.original.id))\n\t\t\t\t\t}\n\t\t\t\t\tenableAddCustomField={false}\n\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t\tisResetRow={false}\n\t\t\t\t\thandleColumnOrdering={(colOrder) =>\n\t\t\t\t\t\tupdateGeneratedColumns({ orderKeys: colOrder.slice(1) })\n\t\t\t\t\t}\n\t\t\t\t\tonColumnVisibility={(columns: MaterialTableColumnProps[]) =>\n\t\t\t\t\t\tupdateGeneratedColumns({ columns: columns })\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{actionBarActiveTab === viewTypes.GRID && (\n\t\t\t\t<GridCard\n\t\t\t\t\tdata={tableRows}\n\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!actionBarActiveTab && (\n\t\t\t\t<Fallback\n\t\t\t\t\theading={t('rental.settings.termsAndConditions.title')}\n\t\t\t\t\tsubHeading='No data available'\n\t\t\t\t\ticon={<img src={logo.invoiceFallback} />}>\n\t\t\t\t</Fallback>\n\t\t\t)}\n\n\t\t\t<Footer\n\t\t\t\ttotal={total}\n\t\t\t\tpaginationModel={{\n\t\t\t\t\t...paginationModel,\n\t\t\t\t\tlimit: activePage.page_size\n\t\t\t\t}}\n\t\t\t\thandlePaginationModel={handlePaginationModel}\n\t\t\t\tresource=''\n\t\t\t/>\n\n\t\t\t{/* Action Menu */}\n\t\t\t<Menu\n\t\t\t\tanchorEl={actionAnchorEl}\n\t\t\t\topen={Boolean(actionAnchorEl)}\n\t\t\t\tonClose={() => setActionAnchorEl(null)}>\n\t\t\t\t<MenuItem>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t{t('common.upload')}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t\t<MenuItem>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t{t('common.print')}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Menu>\n\t\t\t{showTemplateModal && (\n\t\t\t\t<TemplateModal\n\t\t\t\t\temail={showTemplateModal}\n\t\t\t\t\tonClose={() => setShowTemplateModal(null)}\n\t\t\t\t\topen={showTemplateModal !== null}\n\t\t\t\t\tcompanies={companies}\n\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{showCompanySelectionModal && (\n\t\t\t\t<CompanySelectionModal\n\t\t\t\t\tisOpen={showCompanySelectionModal !== null}\n\t\t\t\t\tsetIsOpen={setShowCompanySelectionModal}\n\t\t\t\t\tcompanies={companies}\n\t\t\t\t\temail={showCompanySelectionModal}\n\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</section>\n\t);\n};\n\nexport default Templates;\n"],"names":["logo"],"mappings":"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"}

package/dist/views/template-editor/templates/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                               */i=,/* empty css                                   */s=,/* empty css                                                       */l=,/* empty css                                               */n=,/* empty css                                           */o=,/* empty css                                   */r=,/* empty css                                       */u=,/* empty css                                  */d=,/* empty css                              */c=,/* empty css                                   */m=,/* empty css                           */p=,/* empty css                     */g=,/* empty css                        */j=require("react-i18next"),b=,/* empty css                                                   */x=,/* empty css                     */y=require("react-router-dom"),h=,/* empty css                                    */f=,/* empty css                                                */v=,/* empty css                                      */q=,/* empty css                                                        */S=;/* empty css                                      */;/* empty css                       */var C=;/* empty css                                                           */S.setBaseUrl("https://apidev.erpforce.co/rbac"),exports.default=({type:S,module:k,modulePath:A})=>{const{t:M}=j.useTranslation(),{activePage:T,updatePageInfo:w,schemaFields:_,generatedColumns:E,updateGeneratedColumns:P}=d.usePages(),N=u.default(T),[F,I]=t.useState(null),R=localStorage.getItem("email-subjects-view"),[D,O]=t.useState(R?JSON.parse(R):[{label:"Table",position:0}]),[$,B]=t.useState(i.default.TABLE),[G,z]=t.useState({pageNo:1,limit:10,totalCount:0,skip:0}),[K,L]=t.useState([]),[V]=t.useState(!1),[J,Q]=t.useState([]),[H,U]=t.useState(null),[W,X]=t.useState(null),[Y,Z]=t.useState([]),ee=y.useNavigate(),{pageNo:te,limit:ae,totalCount:ie}=G,se=N.page_size||ae,le=se?Math.ceil(ie/se):0,ne=se*(te-1),oe=h.usePermissions(),re=x.templateRoutes(A,S),ue=(null==oe?void 0:oe.Subjects)||{},{canAdd:de=!1,canEdit:ce=!1}=ue,me=[{label:"New Template",handleAction:e=>(e=>{var t,a;(null==Y?void 0:Y.length)?(null==Y?void 0:Y.length)>1?X(e):ee(re.ADD_TEMPLATE(e._id),{state:{company_id:(null==(t=Y[0])?void 0:t.id)||(null==(a=Y[0])?void 0:a.value)}}):b.enqueueSnackbar("Please add a company first",{variant:"error"})})(e),disabled:e=>!ce},{label:"Add From Template",handleAction:e=>U(e),disabled:e=>!de}],pe=t.useCallback(async()=>{const{sort:e,filterQueryString:t,search:a}=N,i=a?`&subject.like=${a}`:"",s=[];s.push(S),"email"==S&&s.push("approval_email");const l=m.appendConditionSafely(t,`&type.in=[${s.join(",")}]&module.eq=${k}${i}`),n=await f.getV1Subjects({...m.getToken(),skip:ne,limit:se,...e&&{order:`${e.id}:${e.desc?-1:1}`},...l&&"()"!==l&&{filters:l}});L((null==n?void 0:n.data)||[]),z({...G,...(null==n?void 0:n.pagination)||{}})},[se,ne,null==N?void 0:N.search,null==N?void 0:N.filterQueryString,null==N?void 0:N.sort]),ge=t.useMemo(()=>K||[],[K]),je=t.useMemo(()=>c.transformTableColumns({columns:E.columns,currencySymbol:e=>{var t,a;return(null==(a=null==(t=e.original)?void 0:t.currency_data)?void 0:a.symbol)||m.defaultCurrencySymbol()},translationFn:M,enableFooter:!0,rows:ge,statusClasses:""}),[ge,M,E.columns]),be=()=>{z({pageNo:1,limit:10,totalCount:0})};return t.useEffect(()=>{pe()},[pe]),t.useEffect(()=>((async()=>{const e=await g.fetchApi({apiKey:"company",filters:{skip:0,limit:100,order:"id:1"}});Z((null==e?void 0:e.data)||[])})(),be),[]),t.useEffect(()=>{(null==D?void 0:D.length)&&localStorage.setItem("email-subjects-view",JSON.stringify(D))},[D]),/* @__PURE__ */e.jsxs("section",{className:"templates",children:[
-/* @__PURE__ */e.jsx(a.ActionBar,{title:"email"===S?"Emails":"PDFs",data:D,setData:O,active:$,setActive:B,handleSearch:e=>{w({search:e}),z({...G,pageNo:1})},disabledViews:["Kanban","Calendar","Gantt",i.default.GRID],fields:_,selectedIds:J,button:!1}),$===i.default.TABLE&&/* @__PURE__ */e.jsx(s.MaterialTable,{rows:ge||[],columns:je,paginationModel:G,totalPages:le,columnOrder:["mrt-row-select",...E.orderKeys],states:{isLoading:V},onSortingChange:e=>w({sort:e}),enableColumnDragging:!1,enableEditing:!1,onSelectRow:e=>Q(e.map(e=>e.original.id)),enableAddCustomField:!1,rowActionMenu:me,isResetRow:!1,handleColumnOrdering:e=>P({orderKeys:e.slice(1)}),onColumnVisibility:e=>P({columns:e})}),$===i.default.GRID&&/* @__PURE__ */e.jsx(GridCard,{data:ge,rowActionMenu:me}),!$&&/* @__PURE__ */e.jsx(n.Fallback,{heading:M("rental.settings.termsAndConditions.title"),subHeading:"No data available",icon:/* @__PURE__ */e.jsx("img",{src:p.images.invoiceFallback})}),
-/* @__PURE__ */e.jsx(r.Footer,{total:le,paginationModel:{...G,limit:N.page_size},handlePaginationModel:e=>{N.page_size!=(null==e?void 0:e.limit)&&w({page_size:e.limit}),z(e)},resource:""}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                               */i=,/* empty css                                   */s=,/* empty css                                                       */l=,/* empty css                                               */n=,/* empty css                                           */o=,/* empty css                                   */r=,/* empty css                                       */u=,/* empty css                                  */d=,/* empty css                              */c=,/* empty css                                   */m=,/* empty css                           */p=,/* empty css                     */g=,/* empty css                        */j=require("react-i18next"),x=,/* empty css                                                   */b=,/* empty css                     */y=require("react-router-dom"),h=,/* empty css                                    */f=,/* empty css                                                */v=,/* empty css                                      */q=;/* empty css                                                        */;/* empty css                       */var S=;/* empty css                                                           */exports.default=({type:C,module:k,modulePath:A})=>{const{t:M}=j.useTranslation(),{activePage:T,updatePageInfo:w,schemaFields:_,generatedColumns:E,updateGeneratedColumns:P}=d.usePages(),N=u.default(T),[F,I]=t.useState(null),R=localStorage.getItem("email-subjects-view"),[D,O]=t.useState(R?JSON.parse(R):[{label:"Table",position:0}]),[$,G]=t.useState(i.default.TABLE),[z,B]=t.useState({pageNo:1,limit:10,totalCount:0,skip:0}),[K,L]=t.useState([]),[V]=t.useState(!1),[J,Q]=t.useState([]),[H,U]=t.useState(null),[W,X]=t.useState(null),[Y,Z]=t.useState([]),ee=y.useNavigate(),{pageNo:te,limit:ae,totalCount:ie}=z,se=N.page_size||ae,le=se?Math.ceil(ie/se):0,ne=se*(te-1),oe=h.usePermissions(),re=b.templateRoutes(A,C),ue=(null==oe?void 0:oe.Subjects)||{},{canAdd:de=!1,canEdit:ce=!1}=ue,me=[{label:"New Template",handleAction:e=>(e=>{var t,a;(null==Y?void 0:Y.length)?(null==Y?void 0:Y.length)>1?X(e):ee(re.ADD_TEMPLATE(e._id),{state:{company_id:(null==(t=Y[0])?void 0:t.id)||(null==(a=Y[0])?void 0:a.value)}}):x.enqueueSnackbar("Please add a company first",{variant:"error"})})(e),disabled:e=>!ce},{label:"Add From Template",handleAction:e=>U(e),disabled:e=>!de}],pe=t.useCallback(async()=>{const{sort:e,filterQueryString:t,search:a}=N,i=a?`&subject.like=${a}`:"",s=[];s.push(C),"email"==C&&s.push("approval_email");const l=m.appendConditionSafely(t,`&type.in=[${s.join(",")}]&module.eq=${k}${i}`),n=await f.getV1Subjects({...m.getToken(),skip:ne,limit:se,...e&&{order:`${e.id}:${e.desc?-1:1}`},...l&&"()"!==l&&{filters:l}});L((null==n?void 0:n.data)||[]),B({...z,...(null==n?void 0:n.pagination)||{}})},[se,ne,null==N?void 0:N.search,null==N?void 0:N.filterQueryString,null==N?void 0:N.sort]),ge=t.useMemo(()=>K||[],[K]),je=t.useMemo(()=>c.transformTableColumns({columns:E.columns,currencySymbol:e=>{var t,a;return(null==(a=null==(t=e.original)?void 0:t.currency_data)?void 0:a.symbol)||m.defaultCurrencySymbol()},translationFn:M,enableFooter:!0,rows:ge,statusClasses:""}),[ge,M,E.columns]),xe=()=>{B({pageNo:1,limit:10,totalCount:0})};return t.useEffect(()=>{pe()},[pe]),t.useEffect(()=>((async()=>{const e=await g.fetchApi({apiKey:"company",filters:{skip:0,limit:100,order:"id:1"}});Z((null==e?void 0:e.data)||[])})(),xe),[]),t.useEffect(()=>{(null==D?void 0:D.length)&&localStorage.setItem("email-subjects-view",JSON.stringify(D))},[D]),/* @__PURE__ */e.jsxs("section",{className:"templates",children:[
+/* @__PURE__ */e.jsx(a.ActionBar,{title:"email"===C?"Emails":"PDFs",data:D,setData:O,active:$,setActive:G,handleSearch:e=>{w({search:e}),B({...z,pageNo:1})},disabledViews:["Kanban","Calendar","Gantt",i.default.GRID],fields:_,selectedIds:J,button:!1}),$===i.default.TABLE&&/* @__PURE__ */e.jsx(s.MaterialTable,{rows:ge||[],columns:je,paginationModel:z,totalPages:le,columnOrder:["mrt-row-select",...E.orderKeys],states:{isLoading:V},onSortingChange:e=>w({sort:e}),enableColumnDragging:!1,enableEditing:!1,onSelectRow:e=>Q(e.map(e=>e.original.id)),enableAddCustomField:!1,rowActionMenu:me,isResetRow:!1,handleColumnOrdering:e=>P({orderKeys:e.slice(1)}),onColumnVisibility:e=>P({columns:e})}),$===i.default.GRID&&/* @__PURE__ */e.jsx(GridCard,{data:ge,rowActionMenu:me}),!$&&/* @__PURE__ */e.jsx(n.Fallback,{heading:M("rental.settings.termsAndConditions.title"),subHeading:"No data available",icon:/* @__PURE__ */e.jsx("img",{src:p.images.invoiceFallback})}),
+/* @__PURE__ */e.jsx(r.Footer,{total:le,paginationModel:{...z,limit:N.page_size},handlePaginationModel:e=>{N.page_size!=(null==e?void 0:e.limit)&&w({page_size:e.limit}),B(e)},resource:""}),
 /* @__PURE__ */e.jsxs(o.Menu,{anchorEl:F,open:Boolean(F),onClose:()=>I(null),children:[
-/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:M("common.upload")})}),
-/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:M("common.print")})})]}),H&&/* @__PURE__ */e.jsx(v.TemplateModal,{email:H,onClose:()=>U(null),open:null!==H,companies:Y,templateRoutes:re}),W&&/* @__PURE__ */e.jsx(q.default,{isOpen:null!==W,setIsOpen:X,companies:Y,email:W,templateRoutes:re})]})};
+/* @__PURE__ */e.jsx(S.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:M("common.upload")})}),
+/* @__PURE__ */e.jsx(S.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:M("common.print")})})]}),H&&/* @__PURE__ */e.jsx(v.TemplateModal,{email:H,onClose:()=>U(null),open:null!==H,companies:Y,templateRoutes:re}),W&&/* @__PURE__ */e.jsx(q.default,{isOpen:null!==W,setIsOpen:X,companies:Y,email:W,templateRoutes:re})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/views/template-editor/templates.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport ActionBar from '../../components/action-bar/action-bar';\nimport viewTypes from '../../constants/action-bar';\nimport MaterialTable, { MaterialTableColumnProps } from '../../components/material-table/material-table';\nimport Typography from '../../components/typography/typography';\nimport Fallback from '../../components/fallback/fallback';\nimport Menu from '../../components/menu/menu';\nimport Footer from '../../components/footer/footer';\nimport useDeepMemo from '../../hooks/use-deep-memo';\nimport { PageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport { transformTableColumns } from '../../utils/common-utility';\nimport { appendConditionSafely, defaultCurrencySymbol, getToken } from '../../utils/common';\nimport logo from '../../assets/images';\nimport { IPaginationModel } from '../../@types/pagination-model';\nimport { fetchApi } from '../../utils/api';\n\nimport { MenuItem } from '@mui/material';\n\n// import GridCard from './grid-view/grid-view';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\n\nimport { templateRoutes } from './utils/common';\nimport { IEmail, ITemplateProps, Pagination } from './utils/types';\nimport { useNavigate } from 'react-router-dom';\n\nimport { usePermissions } from '../../hooks/use-permissions';\nimport { getV1Subjects } from '../../api-client/api.system-feature/api';\nimport TemplateModal from './template-modal/template-modal';\nimport CompanySelectionModal from './company-selection-modal/company-selection-modal';\nimport { setBaseUrl } from '../../api-client/api.rbac/api';\n\nimport './templates.scss';\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\n\ninterface ActionData {\n\tlabel: string;\n\tposition: number;\n}\n\nconst Templates: React.FC<ITemplateProps> = ({ type, module, modulePath }) => {\n  const { t } = useTranslation();\n\tconst {\n\t\tactivePage: aPage,\n\t\tupdatePageInfo,\n\t\tschemaFields,\n\t\tgeneratedColumns,\n\t\tupdateGeneratedColumns,\n\t\t// error: pageError\n\t} = usePages();\n\tconst activePage = useDeepMemo<PageState>(aPage);\n\t/* LOCAL STATES */\n\tconst [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(null);\n  const viewEmails = localStorage.getItem('email-subjects-view');\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(viewEmails ? JSON.parse(viewEmails) : [{ label: 'Table', position: 0 }]);\n\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(viewTypes.TABLE);\n\tconst [paginationModel, setPaginationModel] = useState<Pagination>({ pageNo: 1, limit: 10, totalCount: 0, skip: 0 }); \n\tconst [rows, setRows] = useState<any[]>([]); \n\tconst [isFetching, setIsFetching] = useState<boolean>(false); \n\tconst [selectedRow, setSelectedRow] = useState([]);\n\tconst [showTemplateModal, setShowTemplateModal] = useState<IEmail | null>(null);\n\tconst [showCompanySelectionModal, setShowCompanySelectionModal] = useState<IEmail | null>(null);\n\tconst [companies, setCompanies] = useState<Record<string, any>[]>([]);\n\t/* VARS */\n\tconst navigate = useNavigate();\n\tconst { pageNo, limit: pLimit, totalCount } = paginationModel;\n\tconst limit = activePage.page_size || pLimit;\n\tconst total = limit ? Math.ceil(totalCount / limit) : 0;\n\tconst skip = limit * (pageNo - 1);\n\tconst permissions = usePermissions();\n\tconst ROUTES = templateRoutes(modulePath, type);\n\n\tconst SubjectPermissions = permissions?.Subjects || {};\n\tconst ConditionsImport = permissions?.RentalTerms?.ConditionsImport || {};\n\t\n\tconst {\n\t\tcanAdd = false,\n\t\tcanEdit = false,\n\t\tcanDelete = false,\n\t} = SubjectPermissions;\n\n\tconst { canAdd: canImport = false } = ConditionsImport;\n\n\tconst handleNewEmail = (email) => {\n\t\tif(!companies?.length) {\n\t\t\tenqueueSnackbar('Please add a company first', { variant: 'error' })\n\t\t\treturn\n\t\t}\n\n\t\tif(companies?.length > 1) {\n\t\t\tsetShowCompanySelectionModal(email)\n\t\t} else{\n\t\t\tnavigate(ROUTES.ADD_TEMPLATE(email._id), { state: { company_id: companies[0]?.id || companies[0]?.value }})\n\t\t}\n\t};\n  \n\tconst rowActionMenu = [\n\t\t{\n\t\t\tlabel: 'New Template',\n\t\t\thandleAction: (email: IEmail) => handleNewEmail(email),\n\t\t\tdisabled: (row: any) =>  !canEdit\n\t\t},\n\t\t{\n\t\t\tlabel: 'Add From Template',\n\t\t\thandleAction: (email: IEmail) => setShowTemplateModal(email),\n\t\t\tdisabled: (row: any) =>  !canAdd\n\t\t}\n\t];\n\n\t/* LOCAL FUNCTIONS */\n\tconst getEmails = useCallback(\n\t\tasync () => {\n\t\t\tconst { sort, filterQueryString, search } = activePage;\n\t\t\tconst searchFiters = search ? `&subject.like=${search}` : '';\n\t\t\tconst types = [];\n\t\t\ttypes.push(type)\n\t\t\tif(type == \"email\"){\n\t\t\t\ttypes.push(\"approval_email\")\n\t\t\t}\n\t\t\tconst uFilters = appendConditionSafely(filterQueryString, `&type.in=[${types.join(\",\")}]&module.eq=${module}${searchFiters}`);\n\n\t\t\tconst response = await getV1Subjects({\n\t\t\t\t...getToken(),\n\t\t\t\tskip,\n\t\t\t\tlimit,\n\t\t\t\t// search,\n\t\t\t\t...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n\t\t\t\t...(uFilters && uFilters !== '()' && { filters: uFilters })\n\t\t\t});\n\n\t\t\tsetRows(response?.data || []);\n\t\t\tsetPaginationModel({...paginationModel, ...(response?.pagination ||{})});\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\tlimit,\n\t\t\tskip,\n\t\t\tactivePage?.search,\n\t\t\tactivePage?.filterQueryString,\n\t\t\tactivePage?.sort\n\t\t]\n\t);\n\n\tconst getCopmanies =  async () => {\n\t\t\tconst companiesArr = await fetchApi({apiKey: 'company', filters: { skip: 0, limit: 100, order: \"id:1\" }});\n\t\t\tsetCompanies(companiesArr?.data || []);\n\t\t}\n\n\tconst tableRows = useMemo(() => rows || [], [rows]);\n\n\tconst tableColumns = useMemo(\n\t\t() =>\n\t\t\ttransformTableColumns({\n\t\t\t\tcolumns: generatedColumns.columns,\n\t\t\t\tcurrencySymbol: (row) =>\n\t\t\t\t\trow.original?.currency_data?.symbol || defaultCurrencySymbol(),\n\t\t\t\ttranslationFn: t,\n\t\t\t\tenableFooter: true,\n\t\t\t\t// redirectionLink: ROUTES.VIEW,\n\t\t\t\t// redirectionLinkState: (row) => ({ termsAndCondition: row.original }),\n\t\t\t\trows: tableRows,\n\t\t\t\tstatusClasses: ``,\n\t\t\t}),\n\t\t[tableRows, t, generatedColumns.columns]\n\t);\n\n\tconst handlePaginationModel = (model: IPaginationModel) => {\n\t\tif (activePage.page_size != model?.limit) {\n\t\t\tupdatePageInfo({ page_size: model.limit });\n\t\t}\n\t\tsetPaginationModel(model);\n\t};\n\n\tconst cleanUp = () => {\n\t\tconst pModel = { pageNo: 1, limit: 10, totalCount: 0 };\n\t\tsetPaginationModel(pModel);\n\t};\n\n\t/* USE EFFECTS */\n\tuseEffect(() => {\n\t\tgetEmails();\n\t}, [getEmails]);\n\t\n\n\tuseEffect(() => {\n\t\tgetCopmanies();\n\t\treturn cleanUp;\n\t}, []);\n  useEffect(() => {\n\t\tif (actionBarData?.length) {\n\t\t\tlocalStorage.setItem('email-subjects-view', JSON.stringify(actionBarData));\n\t\t}\n\t}, [actionBarData]);\n\n\t/* JSX STRUCTURE STARTED */\n\treturn (\n\t\t<section className='templates'>\n\t\t\t<ActionBar\n\t\t\t\ttitle={type === 'email' ? 'Emails' : 'PDFs'}\n\t\t\t\tdata={actionBarData}\n\t\t\t\tsetData={setActionBarData}\n\t\t\t\tactive={actionBarActiveTab}\n\t\t\t\tsetActive={setActionBarActiveTab}\n\t\t\t\thandleSearch={(search) => {\n\t\t\t\t\tupdatePageInfo({ search });\n\t\t\t\t\tsetPaginationModel({ ...paginationModel, pageNo: 1 });\n\t\t\t\t}}\n\t\t\t\tdisabledViews={['Kanban', 'Calendar', 'Gantt',viewTypes.GRID]}\n\t\t\t\tfields={schemaFields}\n\t\t\t\tselectedIds={selectedRow}\n\t\t\t\tbutton={false}\n\t\t\t/>\n\t\t\t\t\t{actionBarActiveTab === viewTypes.TABLE && (\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={tableRows || []}\n\t\t\t\t\t\t\tcolumns={tableColumns}\n\t\t\t\t\t\t\tpaginationModel={paginationModel}\n\t\t\t\t\t\t\ttotalPages={total}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select', ...generatedColumns.orderKeys]}\n\t\t\t\t\t\t\tstates={{ isLoading: isFetching }}\n\t\t\t\t\t\t\tonSortingChange={(sort) => updatePageInfo({ sort })}\n\t\t\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tonSelectRow={(r) =>\n\t\t\t\t\t\t\t\tsetSelectedRow(r.map((ele) => ele.original.id))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tenableAddCustomField={false}\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\thandleColumnOrdering={(colOrder) =>\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ orderKeys: colOrder.slice(1) })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonColumnVisibility={(columns: MaterialTableColumnProps[]) =>\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ columns: columns })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{actionBarActiveTab === viewTypes.GRID && (\n\t\t\t\t\t\t<GridCard\n\t\t\t\t\t\t\tdata={tableRows}\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!actionBarActiveTab && (\n\t\t\t\t\t\t<Fallback\n\t\t\t\t\t\t\theading={t('rental.settings.termsAndConditions.title')}\n\t\t\t\t\t\t\tsubHeading='No data available'\n\t\t\t\t\t\t\ticon={<img src={logo.invoiceFallback} />}>\n\t\t\t\t\t\t</Fallback>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Footer\n\t\t\t\t\t\ttotal={total}\n\t\t\t\t\t\tpaginationModel={{\n\t\t\t\t\t\t\t...paginationModel,\n\t\t\t\t\t\t\tlimit: activePage.page_size\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thandlePaginationModel={handlePaginationModel}\n\t\t\t\t\t\tresource=''\n\t\t\t\t\t/>\n\n\t\t\t\t\t{/* Action Menu */}\n\t\t\t\t\t<Menu\n\t\t\t\t\t\tanchorEl={actionAnchorEl}\n\t\t\t\t\t\topen={Boolean(actionAnchorEl)}\n\t\t\t\t\t\tonClose={() => setActionAnchorEl(null)}>\n\t\t\t\t\t\t<MenuItem>\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{t('common.upload')}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem>\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{t('common.print')}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</Menu>\n\t\t\t\t\t{showTemplateModal && (\n\t\t\t\t\t\t<TemplateModal \n\t\t\t\t\t\t\temail={showTemplateModal} \n\t\t\t\t\t\t\tonClose={() => setShowTemplateModal(null)} \n\t\t\t\t\t\t\topen={showTemplateModal !== null} \n\t\t\t\t\t\t\tcompanies={companies}\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{showCompanySelectionModal && (\n\t\t\t\t\t\t<CompanySelectionModal \n\t\t\t\t\t\t\tisOpen={showCompanySelectionModal !== null} \n\t\t\t\t\t\t\tsetIsOpen={setShowCompanySelectionModal} \n\t\t\t\t\t\t\tcompanies={companies} \n\t\t\t\t\t\t\temail={showCompanySelectionModal}\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t</section>\n\t);\n};\n\nexport default Templates;\n"],"names":["setBaseUrl","type","module","modulePath","t","useTranslation","activePage","aPage","updatePageInfo","schemaFields","generatedColumns","updateGeneratedColumns","usePages","useDeepMemo","actionAnchorEl","setActionAnchorEl","useState","viewEmails","localStorage","getItem","actionBarData","setActionBarData","JSON","parse","label","position","actionBarActiveTab","setActionBarActiveTab","viewTypes","TABLE","paginationModel","setPaginationModel","pageNo","limit","totalCount","skip","rows","setRows","isFetching","selectedRow","setSelectedRow","showTemplateModal","setShowTemplateModal","showCompanySelectionModal","setShowCompanySelectionModal","companies","setCompanies","navigate","useNavigate","pLimit","page_size","total","Math","ceil","permissions","usePermissions","ROUTES","templateRoutes","SubjectPermissions","Subjects","canAdd","canEdit","rowActionMenu","handleAction","email","length","ADD_TEMPLATE","_id","state","company_id","_a","id","_b","value","enqueueSnackbar","variant","handleNewEmail","disabled","row","getEmails","useCallback","async","sort","filterQueryString","search","searchFiters","types","push","uFilters","appendConditionSafely","join","response","getV1Subjects","getToken","order","desc","filters","data","pagination","tableRows","useMemo","tableColumns","transformTableColumns","columns","currencySymbol","original","currency_data","symbol","defaultCurrencySymbol","translationFn","enableFooter","statusClasses","cleanUp","useEffect","companiesArr","fetchApi","apiKey","getCopmanies","setItem","stringify","jsxs","className","children","jsx","ActionBar","title","setData","active","setActive","handleSearch","disabledViews","GRID","fields","selectedIds","button","MaterialTable","totalPages","columnOrder","orderKeys","states","isLoading","onSortingChange","enableColumnDragging","enableEditing","onSelectRow","r","map","ele","enableAddCustomField","isResetRow","handleColumnOrdering","colOrder","slice","onColumnVisibility","GridCard","Fallback","heading","subHeading","icon","src","logo","invoiceFallback","Footer","handlePaginationModel","model","resource","Menu","anchorEl","open","Boolean","onClose","MenuItem","Typography","color","TemplateModal","CompanySelectionModal","isOpen","setIsOpen"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/views/template-editor/templates.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport ActionBar from '../../components/action-bar/action-bar';\nimport viewTypes from '../../constants/action-bar';\nimport MaterialTable, { MaterialTableColumnProps } from '../../components/material-table/material-table';\nimport Typography from '../../components/typography/typography';\nimport Fallback from '../../components/fallback/fallback';\nimport Menu from '../../components/menu/menu';\nimport Footer from '../../components/footer/footer';\nimport useDeepMemo from '../../hooks/use-deep-memo';\nimport { PageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport { transformTableColumns } from '../../utils/common-utility';\nimport { appendConditionSafely, defaultCurrencySymbol, getToken } from '../../utils/common';\nimport logo from '../../assets/images';\nimport { IPaginationModel } from '../../@types/pagination-model';\nimport { fetchApi } from '../../utils/api';\n\nimport { MenuItem } from '@mui/material';\n\n// import GridCard from './grid-view/grid-view';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\n\nimport { templateRoutes } from './utils/common';\nimport { IEmail, ITemplateProps, Pagination } from './utils/types';\nimport { useNavigate } from 'react-router-dom';\n\nimport { usePermissions } from '../../hooks/use-permissions';\nimport { getV1Subjects } from '../../api-client/api.system-feature/api';\nimport TemplateModal from './template-modal/template-modal';\nimport CompanySelectionModal from './company-selection-modal/company-selection-modal';\n\nimport './templates.scss';\n\n\ninterface ActionData {\n\tlabel: string;\n\tposition: number;\n}\n\nconst Templates: React.FC<ITemplateProps> = ({ type, module, modulePath }) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\tactivePage: aPage,\n\t\tupdatePageInfo,\n\t\tschemaFields,\n\t\tgeneratedColumns,\n\t\tupdateGeneratedColumns,\n\t\t// error: pageError\n\t} = usePages();\n\tconst activePage = useDeepMemo<PageState>(aPage);\n\t/* LOCAL STATES */\n\tconst [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(null);\n\tconst viewEmails = localStorage.getItem('email-subjects-view');\n\tconst [actionBarData, setActionBarData] = useState<ActionData[]>(viewEmails ? JSON.parse(viewEmails) : [{ label: 'Table', position: 0 }]);\n\n\tconst [actionBarActiveTab, setActionBarActiveTab] = useState<string>(viewTypes.TABLE);\n\tconst [paginationModel, setPaginationModel] = useState<Pagination>({ pageNo: 1, limit: 10, totalCount: 0, skip: 0 });\n\tconst [rows, setRows] = useState<any[]>([]);\n\tconst [isFetching, setIsFetching] = useState<boolean>(false);\n\tconst [selectedRow, setSelectedRow] = useState([]);\n\tconst [showTemplateModal, setShowTemplateModal] = useState<IEmail | null>(null);\n\tconst [showCompanySelectionModal, setShowCompanySelectionModal] = useState<IEmail | null>(null);\n\tconst [companies, setCompanies] = useState<Record<string, any>[]>([]);\n\t/* VARS */\n\tconst navigate = useNavigate();\n\tconst { pageNo, limit: pLimit, totalCount } = paginationModel;\n\tconst limit = activePage.page_size || pLimit;\n\tconst total = limit ? Math.ceil(totalCount / limit) : 0;\n\tconst skip = limit * (pageNo - 1);\n\tconst permissions = usePermissions();\n\tconst ROUTES = templateRoutes(modulePath, type);\n\n\tconst SubjectPermissions = permissions?.Subjects || {};\n\tconst ConditionsImport = permissions?.RentalTerms?.ConditionsImport || {};\n\n\tconst {\n\t\tcanAdd = false,\n\t\tcanEdit = false,\n\t\tcanDelete = false,\n\t} = SubjectPermissions;\n\n\tconst { canAdd: canImport = false } = ConditionsImport;\n\n\tconst handleNewEmail = (email) => {\n\t\tif (!companies?.length) {\n\t\t\tenqueueSnackbar('Please add a company first', { variant: 'error' })\n\t\t\treturn\n\t\t}\n\n\t\tif (companies?.length > 1) {\n\t\t\tsetShowCompanySelectionModal(email)\n\t\t} else {\n\t\t\tnavigate(ROUTES.ADD_TEMPLATE(email._id), { state: { company_id: companies[0]?.id || companies[0]?.value } })\n\t\t}\n\t};\n\n\tconst rowActionMenu = [\n\t\t{\n\t\t\tlabel: 'New Template',\n\t\t\thandleAction: (email: IEmail) => handleNewEmail(email),\n\t\t\tdisabled: (row: any) => !canEdit\n\t\t},\n\t\t{\n\t\t\tlabel: 'Add From Template',\n\t\t\thandleAction: (email: IEmail) => setShowTemplateModal(email),\n\t\t\tdisabled: (row: any) => !canAdd\n\t\t}\n\t];\n\n\t/* LOCAL FUNCTIONS */\n\tconst getEmails = useCallback(\n\t\tasync () => {\n\t\t\tconst { sort, filterQueryString, search } = activePage;\n\t\t\tconst searchFiters = search ? `&subject.like=${search}` : '';\n\t\t\tconst types = [];\n\t\t\ttypes.push(type)\n\t\t\tif (type == \"email\") {\n\t\t\t\ttypes.push(\"approval_email\")\n\t\t\t}\n\t\t\tconst uFilters = appendConditionSafely(filterQueryString, `&type.in=[${types.join(\",\")}]&module.eq=${module}${searchFiters}`);\n\n\t\t\tconst response = await getV1Subjects({\n\t\t\t\t...getToken(),\n\t\t\t\tskip,\n\t\t\t\tlimit,\n\t\t\t\t// search,\n\t\t\t\t...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n\t\t\t\t...(uFilters && uFilters !== '()' && { filters: uFilters })\n\t\t\t});\n\n\t\t\tsetRows(response?.data || []);\n\t\t\tsetPaginationModel({ ...paginationModel, ...(response?.pagination || {}) });\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\tlimit,\n\t\t\tskip,\n\t\t\tactivePage?.search,\n\t\t\tactivePage?.filterQueryString,\n\t\t\tactivePage?.sort\n\t\t]\n\t);\n\n\tconst getCopmanies = async () => {\n\t\tconst companiesArr = await fetchApi({ apiKey: 'company', filters: { skip: 0, limit: 100, order: \"id:1\" } });\n\t\tsetCompanies(companiesArr?.data || []);\n\t}\n\n\tconst tableRows = useMemo(() => rows || [], [rows]);\n\n\tconst tableColumns = useMemo(\n\t\t() =>\n\t\t\ttransformTableColumns({\n\t\t\t\tcolumns: generatedColumns.columns,\n\t\t\t\tcurrencySymbol: (row) =>\n\t\t\t\t\trow.original?.currency_data?.symbol || defaultCurrencySymbol(),\n\t\t\t\ttranslationFn: t,\n\t\t\t\tenableFooter: true,\n\t\t\t\t// redirectionLink: ROUTES.VIEW,\n\t\t\t\t// redirectionLinkState: (row) => ({ termsAndCondition: row.original }),\n\t\t\t\trows: tableRows,\n\t\t\t\tstatusClasses: ``,\n\t\t\t}),\n\t\t[tableRows, t, generatedColumns.columns]\n\t);\n\n\tconst handlePaginationModel = (model: IPaginationModel) => {\n\t\tif (activePage.page_size != model?.limit) {\n\t\t\tupdatePageInfo({ page_size: model.limit });\n\t\t}\n\t\tsetPaginationModel(model);\n\t};\n\n\tconst cleanUp = () => {\n\t\tconst pModel = { pageNo: 1, limit: 10, totalCount: 0 };\n\t\tsetPaginationModel(pModel);\n\t};\n\n\t/* USE EFFECTS */\n\tuseEffect(() => {\n\t\tgetEmails();\n\t}, [getEmails]);\n\n\n\tuseEffect(() => {\n\t\tgetCopmanies();\n\t\treturn cleanUp;\n\t}, []);\n\tuseEffect(() => {\n\t\tif (actionBarData?.length) {\n\t\t\tlocalStorage.setItem('email-subjects-view', JSON.stringify(actionBarData));\n\t\t}\n\t}, [actionBarData]);\n\n\t/* JSX STRUCTURE STARTED */\n\treturn (\n\t\t<section className='templates'>\n\t\t\t<ActionBar\n\t\t\t\ttitle={type === 'email' ? 'Emails' : 'PDFs'}\n\t\t\t\tdata={actionBarData}\n\t\t\t\tsetData={setActionBarData}\n\t\t\t\tactive={actionBarActiveTab}\n\t\t\t\tsetActive={setActionBarActiveTab}\n\t\t\t\thandleSearch={(search) => {\n\t\t\t\t\tupdatePageInfo({ search });\n\t\t\t\t\tsetPaginationModel({ ...paginationModel, pageNo: 1 });\n\t\t\t\t}}\n\t\t\t\tdisabledViews={['Kanban', 'Calendar', 'Gantt', viewTypes.GRID]}\n\t\t\t\tfields={schemaFields}\n\t\t\t\tselectedIds={selectedRow}\n\t\t\t\tbutton={false}\n\t\t\t/>\n\t\t\t{actionBarActiveTab === viewTypes.TABLE && (\n\t\t\t\t<MaterialTable\n\t\t\t\t\trows={tableRows || []}\n\t\t\t\t\tcolumns={tableColumns}\n\t\t\t\t\tpaginationModel={paginationModel}\n\t\t\t\t\ttotalPages={total}\n\t\t\t\t\tcolumnOrder={['mrt-row-select', ...generatedColumns.orderKeys]}\n\t\t\t\t\tstates={{ isLoading: isFetching }}\n\t\t\t\t\tonSortingChange={(sort) => updatePageInfo({ sort })}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tonSelectRow={(r) =>\n\t\t\t\t\t\tsetSelectedRow(r.map((ele) => ele.original.id))\n\t\t\t\t\t}\n\t\t\t\t\tenableAddCustomField={false}\n\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t\tisResetRow={false}\n\t\t\t\t\thandleColumnOrdering={(colOrder) =>\n\t\t\t\t\t\tupdateGeneratedColumns({ orderKeys: colOrder.slice(1) })\n\t\t\t\t\t}\n\t\t\t\t\tonColumnVisibility={(columns: MaterialTableColumnProps[]) =>\n\t\t\t\t\t\tupdateGeneratedColumns({ columns: columns })\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{actionBarActiveTab === viewTypes.GRID && (\n\t\t\t\t<GridCard\n\t\t\t\t\tdata={tableRows}\n\t\t\t\t\trowActionMenu={rowActionMenu}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!actionBarActiveTab && (\n\t\t\t\t<Fallback\n\t\t\t\t\theading={t('rental.settings.termsAndConditions.title')}\n\t\t\t\t\tsubHeading='No data available'\n\t\t\t\t\ticon={<img src={logo.invoiceFallback} />}>\n\t\t\t\t</Fallback>\n\t\t\t)}\n\n\t\t\t<Footer\n\t\t\t\ttotal={total}\n\t\t\t\tpaginationModel={{\n\t\t\t\t\t...paginationModel,\n\t\t\t\t\tlimit: activePage.page_size\n\t\t\t\t}}\n\t\t\t\thandlePaginationModel={handlePaginationModel}\n\t\t\t\tresource=''\n\t\t\t/>\n\n\t\t\t{/* Action Menu */}\n\t\t\t<Menu\n\t\t\t\tanchorEl={actionAnchorEl}\n\t\t\t\topen={Boolean(actionAnchorEl)}\n\t\t\t\tonClose={() => setActionAnchorEl(null)}>\n\t\t\t\t<MenuItem>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t{t('common.upload')}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t\t<MenuItem>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t{t('common.print')}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Menu>\n\t\t\t{showTemplateModal && (\n\t\t\t\t<TemplateModal\n\t\t\t\t\temail={showTemplateModal}\n\t\t\t\t\tonClose={() => setShowTemplateModal(null)}\n\t\t\t\t\topen={showTemplateModal !== null}\n\t\t\t\t\tcompanies={companies}\n\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{showCompanySelectionModal && (\n\t\t\t\t<CompanySelectionModal\n\t\t\t\t\tisOpen={showCompanySelectionModal !== null}\n\t\t\t\t\tsetIsOpen={setShowCompanySelectionModal}\n\t\t\t\t\tcompanies={companies}\n\t\t\t\t\temail={showCompanySelectionModal}\n\t\t\t\t\ttemplateRoutes={ROUTES}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</section>\n\t);\n};\n\nexport default Templates;\n"],"names":["type","module","modulePath","t","useTranslation","activePage","aPage","updatePageInfo","schemaFields","generatedColumns","updateGeneratedColumns","usePages","useDeepMemo","actionAnchorEl","setActionAnchorEl","useState","viewEmails","localStorage","getItem","actionBarData","setActionBarData","JSON","parse","label","position","actionBarActiveTab","setActionBarActiveTab","viewTypes","TABLE","paginationModel","setPaginationModel","pageNo","limit","totalCount","skip","rows","setRows","isFetching","selectedRow","setSelectedRow","showTemplateModal","setShowTemplateModal","showCompanySelectionModal","setShowCompanySelectionModal","companies","setCompanies","navigate","useNavigate","pLimit","page_size","total","Math","ceil","permissions","usePermissions","ROUTES","templateRoutes","SubjectPermissions","Subjects","canAdd","canEdit","rowActionMenu","handleAction","email","length","ADD_TEMPLATE","_id","state","company_id","_a","id","_b","value","enqueueSnackbar","variant","handleNewEmail","disabled","row","getEmails","useCallback","async","sort","filterQueryString","search","searchFiters","types","push","uFilters","appendConditionSafely","join","response","getV1Subjects","getToken","order","desc","filters","data","pagination","tableRows","useMemo","tableColumns","transformTableColumns","columns","currencySymbol","original","currency_data","symbol","defaultCurrencySymbol","translationFn","enableFooter","statusClasses","cleanUp","useEffect","companiesArr","fetchApi","apiKey","getCopmanies","setItem","stringify","jsxs","className","children","jsx","ActionBar","title","setData","active","setActive","handleSearch","disabledViews","GRID","fields","selectedIds","button","MaterialTable","totalPages","columnOrder","orderKeys","states","isLoading","onSortingChange","enableColumnDragging","enableEditing","onSelectRow","r","map","ele","enableAddCustomField","isResetRow","handleColumnOrdering","colOrder","slice","onColumnVisibility","GridCard","Fallback","heading","subHeading","icon","src","logo","invoiceFallback","Footer","handlePaginationModel","model","resource","Menu","anchorEl","open","Boolean","onClose","MenuItem","Typography","color","TemplateModal","CompanySelectionModal","isOpen","setIsOpen"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@erpsquad/common",
-	"version": "1.8.98",
+	"version": "1.8.100",
 	"description": "Shared UI component library for ERP modules",
 	"main": "./dist/index.js",
 	"module": "./dist/index.esm.js",