@erpsquad/common 1.8.44 → 1.8.46

package/dist/views/template-editor/template-modal/html-thumbnail-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\r\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\r\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\r\nimport { Trash } from '../../../components/icons';\r\nimport Typography from '../../../components/typography/typography';\r\n\r\nconst HtmlThumbnailPreview = ({ \r\n  template, \r\n  width = 300, \r\n  height = 200, \r\n  scale = 0.25,\r\n  showControls = false,\r\n  onClick = null,\r\n  selectedTemplateId = '',\r\n  isFetching = false,\r\n  onDelete,\r\n  minScale = 0.1,\r\n  maxScale = 1,\r\n  scaleStep = 1.2,\r\n  loadingDelay = 500,\r\n  refreshDelay = 300\r\n}) => {\r\n  const [isLoading, setIsLoading] = useState(isFetching || true);\r\n  const [currentScale, setCurrentScale] = useState(scale);\r\n  const [error, setError] = useState(null);\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  const containerRef = useRef(null);\r\n  const contentRef = useRef(null);\r\n  const loadingTimeoutRef = useRef(null);\r\n  const refreshTimeoutRef = useRef(null);\r\n\r\n  // Calculate dimensions based on scale\r\n  const scaledWidth = width / currentScale;\r\n  const scaledHeight = height / currentScale;\r\n\r\n  // Cleanup timeouts on unmount\r\n  useEffect(() => {\r\n    return () => {\r\n      if (loadingTimeoutRef.current) {\r\n        clearTimeout(loadingTimeoutRef.current);\r\n      }\r\n      if (refreshTimeoutRef.current) {\r\n        clearTimeout(refreshTimeoutRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  // Handle initial loading\r\n  useEffect(() => {\r\n    if (loadingTimeoutRef.current) {\r\n      clearTimeout(loadingTimeoutRef.current);\r\n    }\r\n    \r\n    loadingTimeoutRef.current = setTimeout(() => {\r\n      setIsLoading(false);\r\n    }, loadingDelay);\r\n\r\n    return () => {\r\n      if (loadingTimeoutRef.current) {\r\n        clearTimeout(loadingTimeoutRef.current);\r\n      }\r\n    };\r\n  }, [template.contents, loadingDelay]);\r\n\r\n  // Handle external loading state\r\n  useEffect(() => {\r\n    setIsLoading(isFetching);\r\n  }, [isFetching]);\r\n\r\n  // Memoized event handlers\r\n  const handleZoomIn = useCallback(() => {\r\n    setCurrentScale(prev => Math.min(prev * scaleStep, maxScale));\r\n  }, [scaleStep, maxScale]);\r\n\r\n  const handleZoomOut = useCallback(() => {\r\n    setCurrentScale(prev => Math.max(prev / scaleStep, minScale));\r\n  }, [scaleStep, minScale]);\r\n\r\n  const handleRefresh = useCallback(() => {\r\n    setIsLoading(true);\r\n    setError(null);\r\n    \r\n    if (refreshTimeoutRef.current) {\r\n      clearTimeout(refreshTimeoutRef.current);\r\n    }\r\n    \r\n    refreshTimeoutRef.current = setTimeout(() => {\r\n      setIsLoading(false);\r\n    }, refreshDelay);\r\n  }, [refreshDelay]);\r\n\r\n  const handleClick = useCallback(() => {\r\n    if (onClick && !isLoading) {\r\n      onClick(template);\r\n    }\r\n  }, [onClick, template, isLoading]);\r\n\r\n  const handleDelete = useCallback((e) => {\r\n    e.stopPropagation(); // Prevent triggering onClick\r\n    if (onDelete && !template?.is_default) {\r\n      onDelete(template);\r\n    }\r\n  }, [onDelete, template]);\r\n\r\n  const handleMouseEnter = useCallback(() => {\r\n    setIsHovered(true);\r\n  }, []);\r\n\r\n  const handleMouseLeave = useCallback(() => {\r\n    setIsHovered(false);\r\n  }, []);\r\n\r\n  // Loading state\r\n  if (isLoading) {\r\n    return (\r\n      <Box \r\n        sx={{ \r\n          width, \r\n          height,\r\n          borderRadius: 1,\r\n          overflow: 'hidden',\r\n          border: '1px solid',\r\n          borderColor: 'divider'\r\n        }}\r\n      >\r\n        <Skeleton \r\n          variant=\"rectangular\" \r\n          width=\"100%\" \r\n          height=\"100%\" \r\n          animation=\"wave\"\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  // Error state\r\n  if (error) {\r\n    return (\r\n      <Box \r\n        sx={{ \r\n          width, \r\n          height,\r\n          borderRadius: 1,\r\n          overflow: 'hidden',\r\n          border: '1px solid',\r\n          borderColor: 'error.main',\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n          backgroundColor: 'error.light',\r\n          color: 'error.contrastText'\r\n        }}\r\n      >\r\n        Failed to load template\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  const isSelected = selectedTemplateId === template._id;\r\n  const canZoomIn = currentScale < maxScale;\r\n  const canZoomOut = currentScale > minScale;\r\n  const canDelete = !template?.is_default;\r\n\r\n  return (\r\n    <Box \r\n      sx={{ position: 'relative', display: 'inline-block' }}\r\n      onMouseEnter={handleMouseEnter}\r\n      onMouseLeave={handleMouseLeave}\r\n    >\r\n      {/* Main Container */}\r\n      <Box\r\n        ref={containerRef}\r\n        onClick={handleClick}\r\n        sx={(theme) => ({\r\n          width,\r\n          height,\r\n          border: '1px solid',\r\n          borderRadius: 1,\r\n          overflow: 'hidden',\r\n          position: 'relative',\r\n          cursor: onClick ? 'pointer' : 'default',\r\n          backgroundColor: '#fff',\r\n          // boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\r\n          transition: 'all 0.2s ease-in-out',\r\n          '&:hover': onClick ? {\r\n            boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\r\n            transform: 'translateY(-1px)',\r\n          } : {},\r\n          borderColor: isSelected ? theme.palette.theme.primary[800] : 'grey.300',\r\n          borderWidth: isSelected ? 2 : 1,\r\n        })}\r\n      >\r\n        {/* Scaled Content Wrapper */}\r\n        <Box\r\n          sx={{\r\n            width: scaledWidth,\r\n            height: scaledHeight,\r\n            transform: `scale(${currentScale})`,\r\n            transformOrigin: 'top left',\r\n            position: 'absolute',\r\n            top: 0,\r\n            left: 0,\r\n            overflow: 'hidden',\r\n          }}\r\n        >\r\n          {/* HTML Content */}\r\n          <Box\r\n            ref={contentRef}\r\n            sx={{\r\n              width: '100%',\r\n              height: '100%',\r\n              userSelect: 'none',\r\n              pointerEvents: 'none',\r\n              pt: 2,\r\n              '& *': {\r\n                maxWidth: '100% !important',\r\n                boxSizing: 'border-box !important',\r\n              },\r\n              // Reset common problematic styles\r\n              '& body': {\r\n                margin: '0 !important',\r\n                padding: '0 !important',\r\n                overflow: 'hidden !important',\r\n              },\r\n              // Handle images\r\n              '& img': {\r\n                maxWidth: '100% !important',\r\n                height: 'auto !important',\r\n              },\r\n              // Handle tables\r\n              '& table': {\r\n                width: '100% !important',\r\n                tableLayout: 'fixed !important',\r\n              },\r\n              // Prevent absolute positioning issues\r\n              '& *[style*=\"position: absolute\"]': {\r\n                position: 'relative !important',\r\n              },\r\n              '& .email-container': {\r\n                width: '85% !important',\r\n              }\r\n            }}\r\n            dangerouslySetInnerHTML={{ __html: template.contents }}\r\n          />\r\n        </Box>\r\n\r\n        {/* Loading Overlay */}\r\n        {isLoading && (\r\n          <Box\r\n            sx={{\r\n              position: 'absolute',\r\n              top: 0,\r\n              left: 0,\r\n              right: 0,\r\n              bottom: 0,\r\n              backgroundColor: 'rgba(255,255,255,0.8)',\r\n              display: 'flex',\r\n              alignItems: 'center',\r\n              justifyContent: 'center',\r\n              zIndex: 2,\r\n            }}\r\n          >\r\n            <Skeleton variant=\"rectangular\" width=\"90%\" height=\"90%\" />\r\n          </Box>\r\n        )}\r\n\r\n        {/* Selection Indicator */}\r\n        {template?.is_default && (\r\n          <Box\r\n            sx={(theme) => ({\r\n              position: 'absolute',\r\n              top: 8,\r\n              left: 8,\r\n              width: 12,\r\n              height: 12,\r\n              borderRadius: '50%',\r\n              backgroundColor: theme.palette.theme?.primary[800],\r\n              zIndex: 3,\r\n            })}\r\n          />\r\n        )}\r\n      </Box>\r\n      {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{width, mt:0.5}}>{template?.name}</Typography>}\r\n\r\n      {/* Hover Controls */}\r\n      {showControls && (\r\n        <Fade in={isHovered} timeout={200}>\r\n          <Box\r\n            sx={{\r\n              position: 'absolute',\r\n              top: -8,\r\n              right: -8,\r\n              display: 'flex',\r\n              gap: 0.5,\r\n              zIndex: 4,\r\n              backgroundColor: 'rgba(255,255,255,0.95)',\r\n              border: '1px solid',\r\n              borderColor: 'grey.300',\r\n              borderRadius: 2,\r\n              padding: 0.5,\r\n              boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\r\n              backdropFilter: 'blur(4px)',\r\n            }}\r\n          >\r\n            <Tooltip title={`Zoom In (${Math.round(currentScale * 100)}%)`} arrow>\r\n              <span>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handleZoomIn}\r\n                  disabled={!canZoomIn}\r\n                  sx={{\r\n                    backgroundColor: 'transparent',\r\n                    '&:hover': { \r\n                      backgroundColor: 'primary.light',\r\n                      color: 'primary.contrastText' \r\n                    },\r\n                    '&:disabled': {\r\n                      opacity: 0.5\r\n                    }\r\n                  }}\r\n                >\r\n                  <ZoomIn fontSize=\"small\" />\r\n                </IconButton>\r\n              </span>\r\n            </Tooltip>\r\n\r\n            <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\r\n\r\n            <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\r\n              <span>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handleZoomOut}\r\n                  disabled={!canZoomOut}\r\n                  sx={{\r\n                    backgroundColor: 'transparent',\r\n                    '&:hover': { \r\n                      backgroundColor: 'primary.light',\r\n                      color: 'primary.contrastText' \r\n                    },\r\n                    '&:disabled': {\r\n                      opacity: 0.5\r\n                    }\r\n                  }}\r\n                >\r\n                  <ZoomOut fontSize=\"small\" />\r\n                </IconButton>\r\n              </span>\r\n            </Tooltip>\r\n\r\n            <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\r\n\r\n            <Tooltip title=\"Refresh Preview\" arrow>\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={handleRefresh}\r\n                sx={{\r\n                  backgroundColor: 'transparent',\r\n                  '&:hover': { \r\n                    backgroundColor: 'primary.light',\r\n                    color: 'primary.contrastText' \r\n                  },\r\n                }}\r\n              >\r\n                <Refresh fontSize=\"small\" />\r\n              </IconButton>\r\n            </Tooltip>\r\n\r\n            {onDelete && (\r\n              <>\r\n                <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\r\n                <Tooltip \r\n                  title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} \r\n                  arrow\r\n                >\r\n                  <span>\r\n                    <IconButton\r\n                      size=\"small\"\r\n                      onClick={handleDelete}\r\n                      disabled={!canDelete}\r\n                      sx={{\r\n                        backgroundColor: 'transparent',\r\n                        '&:hover': !canDelete ? {} : { \r\n                          backgroundColor: 'error.light',\r\n                          color: 'error.contrastText' \r\n                        },\r\n                        '&:disabled': {\r\n                          opacity: 0.5\r\n                        }\r\n                      }}\r\n                    >\r\n                      <Trash fontSize=\"small\" />\r\n                    </IconButton>\r\n                  </span>\r\n                </Tooltip>\r\n              </>\r\n            )}\r\n          </Box>\r\n        </Fade>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default HtmlThumbnailPreview;"],"names":["template","width","height","scale","showControls","onClick","selectedTemplateId","isFetching","onDelete","minScale","maxScale","scaleStep","loadingDelay","refreshDelay","isLoading","setIsLoading","useState","currentScale","setCurrentScale","error","setError","isHovered","setIsHovered","containerRef","useRef","contentRef","loadingTimeoutRef","refreshTimeoutRef","scaledWidth","scaledHeight","useEffect","current","clearTimeout","setTimeout","contents","handleZoomIn","useCallback","Math","min","prev","handleZoomOut","max","handleRefresh","handleClick","handleDelete","e","stopPropagation","is_default","handleMouseEnter","handleMouseLeave","jsx","Box","sx","borderRadius","overflow","border","borderColor","children","Skeleton","variant","animation","display","alignItems","justifyContent","backgroundColor","color","isSelected","_id","canZoomIn","canZoomOut","canDelete","jsxs","position","onMouseEnter","onMouseLeave","ref","theme","cursor","transition","boxShadow","transform","palette","primary","borderWidth","transformOrigin","top","left","userSelect","pointerEvents","pt","maxWidth","boxSizing","margin","padding","tableLayout","dangerouslySetInnerHTML","__html","right","bottom","zIndex","_a","name","Typography","type","weight","align","mt","Fade","in","timeout","gap","backdropFilter","Tooltip","title","round","arrow","IconButton","size","disabled","opacity","ZoomIn","fontSize","Divider","orientation","flexItem","ZoomOut","Refresh","Fragment","Trash"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\r\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\r\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\r\nimport { Trash } from '../../../components/icons';\r\nimport Typography from '../../../components/typography/typography';\r\n\r\nconst HtmlThumbnailPreview = ({ \r\n  template, \r\n  width = 300, \r\n  height = 200, \r\n  scale = 0.25,\r\n  showControls = false,\r\n  onClick = null,\r\n  selectedTemplateId = '',\r\n  isFetching = false,\r\n  onDelete,\r\n  minScale = 0.1,\r\n  maxScale = 1,\r\n  scaleStep = 1.2,\r\n  loadingDelay = 500,\r\n  refreshDelay = 300\r\n}) => {\r\n  const [isLoading, setIsLoading] = useState(isFetching || true);\r\n  const [currentScale, setCurrentScale] = useState(scale);\r\n  const [error, setError] = useState(null);\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  const containerRef = useRef(null);\r\n  const contentRef = useRef(null);\r\n  const loadingTimeoutRef = useRef(null);\r\n  const refreshTimeoutRef = useRef(null);\r\n\r\n  // Calculate dimensions based on scale\r\n  const scaledWidth = width / currentScale;\r\n  const scaledHeight = height / currentScale;\r\n\r\n  // Cleanup timeouts on unmount\r\n  useEffect(() => {\r\n    return () => {\r\n      if (loadingTimeoutRef.current) {\r\n        clearTimeout(loadingTimeoutRef.current);\r\n      }\r\n      if (refreshTimeoutRef.current) {\r\n        clearTimeout(refreshTimeoutRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  // Handle initial loading\r\n  useEffect(() => {\r\n    if (loadingTimeoutRef.current) {\r\n      clearTimeout(loadingTimeoutRef.current);\r\n    }\r\n    \r\n    loadingTimeoutRef.current = setTimeout(() => {\r\n      setIsLoading(false);\r\n    }, loadingDelay);\r\n\r\n    return () => {\r\n      if (loadingTimeoutRef.current) {\r\n        clearTimeout(loadingTimeoutRef.current);\r\n      }\r\n    };\r\n  }, [template.contents, loadingDelay]);\r\n\r\n  // Handle external loading state\r\n  useEffect(() => {\r\n    setIsLoading(isFetching);\r\n  }, [isFetching]);\r\n\r\n  // Memoized event handlers\r\n  const handleZoomIn = useCallback(() => {\r\n    setCurrentScale(prev => Math.min(prev * scaleStep, maxScale));\r\n  }, [scaleStep, maxScale]);\r\n\r\n  const handleZoomOut = useCallback(() => {\r\n    setCurrentScale(prev => Math.max(prev / scaleStep, minScale));\r\n  }, [scaleStep, minScale]);\r\n\r\n  const handleRefresh = useCallback(() => {\r\n    setIsLoading(true);\r\n    setError(null);\r\n    \r\n    if (refreshTimeoutRef.current) {\r\n      clearTimeout(refreshTimeoutRef.current);\r\n    }\r\n    \r\n    refreshTimeoutRef.current = setTimeout(() => {\r\n      setIsLoading(false);\r\n    }, refreshDelay);\r\n  }, [refreshDelay]);\r\n\r\n  const handleClick = useCallback(() => {\r\n    if (onClick && !isLoading) {\r\n      onClick(template);\r\n    }\r\n  }, [onClick, template, isLoading]);\r\n\r\n  const handleDelete = useCallback((e) => {\r\n    e.stopPropagation(); // Prevent triggering onClick\r\n    if (onDelete && !template?.is_default) {\r\n      onDelete(template);\r\n    }\r\n  }, [onDelete, template]);\r\n\r\n  const handleMouseEnter = useCallback(() => {\r\n    setIsHovered(true);\r\n  }, []);\r\n\r\n  const handleMouseLeave = useCallback(() => {\r\n    setIsHovered(false);\r\n  }, []);\r\n\r\n  // Loading state\r\n  if (isLoading) {\r\n    return (\r\n      <Box \r\n        sx={{ \r\n          width, \r\n          height,\r\n          borderRadius: 1,\r\n          overflow: 'hidden',\r\n          border: '1px solid',\r\n          borderColor: 'divider'\r\n        }}\r\n      >\r\n        <Skeleton \r\n          variant=\"rectangular\" \r\n          width=\"100%\" \r\n          height=\"100%\" \r\n          animation=\"wave\"\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  // Error state\r\n  if (error) {\r\n    return (\r\n      <Box \r\n        sx={{ \r\n          width, \r\n          height,\r\n          borderRadius: 1,\r\n          overflow: 'hidden',\r\n          border: '1px solid',\r\n          borderColor: 'error.main',\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n          backgroundColor: 'error.light',\r\n          color: 'error.contrastText'\r\n        }}\r\n      >\r\n        Failed to load template\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  const isSelected = selectedTemplateId === template._id;\r\n  const canZoomIn = currentScale < maxScale;\r\n  const canZoomOut = currentScale > minScale;\r\n  const canDelete = !template?.is_default;\r\n\r\n  return (\r\n    <Box \r\n      sx={{ position: 'relative', display: 'inline-block' }}\r\n      onMouseEnter={handleMouseEnter}\r\n      onMouseLeave={handleMouseLeave}\r\n    >\r\n      {/* Main Container */}\r\n      <Box\r\n        ref={containerRef}\r\n        onClick={handleClick}\r\n        sx={(theme) => ({\r\n          width,\r\n          height,\r\n          border: '1px solid',\r\n          borderRadius: 1,\r\n          overflow: 'hidden',\r\n          position: 'relative',\r\n          cursor: onClick ? 'pointer' : 'default',\r\n          backgroundColor: '#fff',\r\n          // boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\r\n          transition: 'all 0.2s ease-in-out',\r\n          '&:hover': onClick ? {\r\n            boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\r\n            transform: 'translateY(-1px)',\r\n          } : {},\r\n          borderColor: isSelected ? theme.palette.theme.primary[800] : 'grey.300',\r\n          borderWidth: isSelected ? 2 : 1,\r\n        })}\r\n      >\r\n        {/* Scaled Content Wrapper */}\r\n        <Box\r\n          sx={{\r\n            width: scaledWidth,\r\n            height: scaledHeight,\r\n            transform: `scale(${currentScale})`,\r\n            transformOrigin: 'top left',\r\n            position: 'absolute',\r\n            top: 0,\r\n            left: 0,\r\n            overflow: 'hidden',\r\n          }}\r\n        >\r\n          {/* HTML Content */}\r\n          <Box\r\n            ref={contentRef}\r\n            sx={{\r\n              width: '100%',\r\n              height: '100%',\r\n              userSelect: 'none',\r\n              pointerEvents: 'none',\r\n              pt: 2,\r\n              '& *': {\r\n                maxWidth: '100% !important',\r\n                boxSizing: 'border-box !important',\r\n              },\r\n              // Reset common problematic styles\r\n              '& body': {\r\n                margin: '0 !important',\r\n                padding: '0 !important',\r\n                overflow: 'hidden !important',\r\n              },\r\n              // Handle images\r\n              '& img': {\r\n                maxWidth: '100% !important',\r\n                height: 'auto !important',\r\n              },\r\n              // Handle tables\r\n              '& table': {\r\n                width: '100% !important',\r\n                tableLayout: 'fixed !important',\r\n              },\r\n              // Prevent absolute positioning issues\r\n              '& *[style*=\"position: absolute\"]': {\r\n                position: 'relative !important',\r\n              },\r\n              '& .email-container': {\r\n                width: '85% !important',\r\n              }\r\n            }}\r\n            dangerouslySetInnerHTML={{ __html: template.contents }}\r\n          />\r\n        </Box>\r\n\r\n        {/* Loading Overlay */}\r\n        {isLoading && (\r\n          <Box\r\n            sx={{\r\n              position: 'absolute',\r\n              top: 0,\r\n              left: 0,\r\n              right: 0,\r\n              bottom: 0,\r\n              backgroundColor: 'rgba(255,255,255,0.8)',\r\n              display: 'flex',\r\n              alignItems: 'center',\r\n              justifyContent: 'center',\r\n              zIndex: 2,\r\n            }}\r\n          >\r\n            <Skeleton variant=\"rectangular\" width=\"90%\" height=\"90%\" />\r\n          </Box>\r\n        )}\r\n\r\n        {/* Selection Indicator */}\r\n        {template?.is_default && (\r\n          <Box\r\n            sx={(theme) => ({\r\n              position: 'absolute',\r\n              top: 8,\r\n              left: 8,\r\n              width: 12,\r\n              height: 12,\r\n              borderRadius: '50%',\r\n              backgroundColor: theme.palette.theme?.primary[800],\r\n              zIndex: 3,\r\n            })}\r\n          />\r\n        )}\r\n      </Box>\r\n      {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{width, mt:0.5}}>{template?.name}</Typography>}\r\n\r\n      {/* Hover Controls */}\r\n      {showControls && (\r\n        <Fade in={isHovered} timeout={200}>\r\n          <Box\r\n            sx={{\r\n              position: 'absolute',\r\n              top: -8,\r\n              right: -8,\r\n              display: 'flex',\r\n              gap: 0.5,\r\n              zIndex: 4,\r\n              backgroundColor: 'rgba(255,255,255,0.95)',\r\n              border: '1px solid',\r\n              borderColor: 'grey.300',\r\n              borderRadius: 2,\r\n              padding: 0.5,\r\n              boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\r\n              backdropFilter: 'blur(4px)',\r\n            }}\r\n          >\r\n            <Tooltip title={`Zoom In (${Math.round(currentScale * 100)}%)`} arrow>\r\n              <span>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handleZoomIn}\r\n                  disabled={!canZoomIn}\r\n                  sx={{\r\n                    backgroundColor: 'transparent',\r\n                    '&:hover': { \r\n                      backgroundColor: 'primary.light',\r\n                      color: 'primary.contrastText' \r\n                    },\r\n                    '&:disabled': {\r\n                      opacity: 0.5\r\n                    }\r\n                  }}\r\n                >\r\n                  <ZoomIn fontSize=\"small\" />\r\n                </IconButton>\r\n              </span>\r\n            </Tooltip>\r\n\r\n            <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\r\n\r\n            <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\r\n              <span>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={handleZoomOut}\r\n                  disabled={!canZoomOut}\r\n                  sx={{\r\n                    backgroundColor: 'transparent',\r\n                    '&:hover': { \r\n                      backgroundColor: 'primary.light',\r\n                      color: 'primary.contrastText' \r\n                    },\r\n                    '&:disabled': {\r\n                      opacity: 0.5\r\n                    }\r\n                  }}\r\n                >\r\n                  <ZoomOut fontSize=\"small\" />\r\n                </IconButton>\r\n              </span>\r\n            </Tooltip>\r\n\r\n            <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\r\n\r\n            <Tooltip title=\"Refresh Preview\" arrow>\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={handleRefresh}\r\n                sx={{\r\n                  backgroundColor: 'transparent',\r\n                  '&:hover': { \r\n                    backgroundColor: 'primary.light',\r\n                    color: 'primary.contrastText' \r\n                  },\r\n                }}\r\n              >\r\n                <Refresh fontSize=\"small\" />\r\n              </IconButton>\r\n            </Tooltip>\r\n\r\n            {onDelete && (\r\n              <>\r\n                <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\r\n                <Tooltip \r\n                  title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} \r\n                  arrow\r\n                >\r\n                  <span>\r\n                    <IconButton\r\n                      size=\"small\"\r\n                      onClick={handleDelete}\r\n                      disabled={!canDelete}\r\n                      sx={{\r\n                        backgroundColor: 'transparent',\r\n                        '&:hover': !canDelete ? {} : { \r\n                          backgroundColor: 'error.light',\r\n                          color: 'error.contrastText' \r\n                        },\r\n                        '&:disabled': {\r\n                          opacity: 0.5\r\n                        }\r\n                      }}\r\n                    >\r\n                      <Trash fontSize=\"small\" />\r\n                    </IconButton>\r\n                  </span>\r\n                </Tooltip>\r\n              </>\r\n            )}\r\n          </Box>\r\n        </Fade>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { HtmlThumbnailPreview };\nexport default HtmlThumbnailPreview;"],"names":["HtmlThumbnailPreview","template","width","height","scale","showControls","onClick","selectedTemplateId","isFetching","onDelete","minScale","maxScale","scaleStep","loadingDelay","refreshDelay","isLoading","setIsLoading","useState","currentScale","setCurrentScale","error","setError","isHovered","setIsHovered","containerRef","useRef","contentRef","loadingTimeoutRef","refreshTimeoutRef","scaledWidth","scaledHeight","useEffect","current","clearTimeout","setTimeout","contents","handleZoomIn","useCallback","Math","min","prev","handleZoomOut","max","handleRefresh","handleClick","handleDelete","e","stopPropagation","is_default","handleMouseEnter","handleMouseLeave","jsx","Box","sx","borderRadius","overflow","border","borderColor","children","Skeleton","variant","animation","display","alignItems","justifyContent","backgroundColor","color","isSelected","_id","canZoomIn","canZoomOut","canDelete","jsxs","position","onMouseEnter","onMouseLeave","ref","theme","cursor","transition","boxShadow","transform","palette","primary","borderWidth","transformOrigin","top","left","userSelect","pointerEvents","pt","maxWidth","boxSizing","margin","padding","tableLayout","dangerouslySetInnerHTML","__html","right","bottom","zIndex","_a","name","Typography","type","weight","align","mt","Fade","in","timeout","gap","backdropFilter","Tooltip","title","round","arrow","IconButton","size","disabled","opacity","ZoomIn","fontSize","Divider","orientation","flexItem","ZoomOut","Refresh","Fragment","Trash"],"mappings":"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"}

package/dist/views/template-editor/template-modal/html-thumbnail-preview.d.ts

@@ -14,4 +14,5 @@ declare const HtmlThumbnailPreview: ({ template, width, height, scale, showContr
     loadingDelay?: number;
     refreshDelay?: number;
 }) => import("react/jsx-runtime").JSX.Element;
+export { HtmlThumbnailPreview };
 export default HtmlThumbnailPreview;

package/dist/views/template-editor/template-modal/template-modal/index.esm.js

@@ -2,15 +2,15 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
 import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
-import Modal from "../../../../components/modal/modal/index.esm.js";
+import { Modal } from "../../../../components/modal/modal/index.esm.js";
 import { getV1Templates, patchV1TemplatesIdSetDefault, deleteV1TemplatesId } from "../../../../api-client/api.system-feature/api/index.esm.js";
 import { getToken, getErrorMessage } from "../../../../utils/common/index.esm.js";
-import Button from "../../../../components/button/button/index.esm.js";
+import { Button } from "../../../../components/button/button/index.esm.js";
 import { useNavigate } from "react-router-dom";
 import { enqueueSnackbar } from "../../../../node_modules/notistack/notistack.esm/index.esm.js";
-import Select from "../../../../components/select/select/index.esm.js";
-import HtmlThumbnailPreview from "../html-thumbnail-preview/index.esm.js";
-import ConfirmPopUp from "../../../../components/confirm-modal/confirm-modal/index.esm.js";
+import { Select } from "../../../../components/select/select/index.esm.js";
+import { HtmlThumbnailPreview } from "../html-thumbnail-preview/index.esm.js";
+import { ConfirmPopUp } from "../../../../components/confirm-modal/confirm-modal/index.esm.js";
 import DialogTitle from "../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
@@ -180,6 +180,7 @@ const TemplateModal = ({ email, onClose, open, companies = [], templateRoutes })
   ] });
 };
 export {
+  TemplateModal,
   TemplateModal as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { \r\n  DialogTitle, \r\n  DialogContent, \r\n  DialogActions,\r\n  IconButton,\r\n  Box,\r\n  MenuItem\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Modal from '../../../components/modal/modal';\r\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport Button from '../../../components/button/button';\r\n// import ModalLoader from '../../../components/loader/modal-loader';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport Select from '../../../components/select/select';\r\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\r\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\r\n\r\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\r\n  const [templates, setTemplates] = useState([]);\r\n  const [selectedTemplate, setSelectedTemplate] = useState('');\r\n  const [defaultTemplate, setDefaultTemplate] = useState('');\r\n  const [loading, setLoding] = useState(true);\r\n  const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id || 0);\r\n  const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> | null>(null);\r\n  const navigate = useNavigate();\r\n\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  const handleTemplateSelect = (id) => {\r\n    setSelectedTemplate(id);\r\n  };\r\n\r\n  const getTemplatesViaSubject = async () => {\r\n    setLoding(true)\r\n    const res = await getV1Templates({ ...getToken(),  filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\r\n    if(res?.data) {\r\n      const dTemplate = res?.data?.find(t => t.is_default === true)\r\n      setDefaultTemplate(dTemplate)\r\n      setSelectedTemplate(dTemplate?._id)\r\n      setTemplates(res?.data)\r\n    }\r\n\r\n    setLoding(false)\r\n  }\r\n\r\n  const handleDefaultTemplate = async () => {\r\n    try {\r\n      await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\r\n      enqueueSnackbar('Template has been set as default');\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  const handleDeleteTemplate = async () => {\r\n    try {\r\n      if(templateToDelete) {\r\n        await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\r\n        enqueueSnackbar('Template has been deleted');\r\n        setTemplateToDelete(null)\r\n        await getTemplatesViaSubject()\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getTemplatesViaSubject()\r\n    return () => { setLoding(true) }\r\n  }, [selectedCompany])\r\n\r\n  return (\r\n    <div>\r\n      <Modal \r\n        open={open} \r\n        onClose={handleClose} \r\n        maxWidth=\"lg\" \r\n        fullWidth\r\n        aria-labelledby=\"email-template-selection\"\r\n      >\r\n        {/* {loading && <ModalLoader/>} */}\r\n        <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\r\n          <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\r\n          <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\r\n            <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\r\n            <Select\r\n              displayEmpty\r\n              value={selectedCompany}\r\n              size='small'\r\n              renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\r\n              // fullWidth\r\n              // sx={{\r\n              //   bgcolor: 'white',\r\n              //   borderRadius: 1,\r\n              //   '& .MuiSelect-select': { py: 0.75 }\r\n              // }}\r\n              onChange={(e) => {\r\n                if (e.target.value) {\r\n                  setSelectedCompany(e.target.value as number);\r\n                }\r\n              }}>\r\n              {companies.map((option) => (\r\n                <MenuItem key={option.value} value={option.value}>\r\n                  <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <IconButton\r\n              aria-label=\"close\"\r\n              onClick={handleClose}\r\n              size='small'\r\n              sx={{\r\n                color: (theme) => theme.palette.grey[500],\r\n              }}\r\n            >\r\n              <CloseIcon fontSize='small'/>\r\n            </IconButton>\r\n          </Box>\r\n        </DialogTitle>\r\n        <DialogContent>\r\n          {/* <Grid container spacing={6}> */}\r\n          {!templates.length && (\r\n            // <Grid item xs={12} sx={{ minHeight: 350}}>\r\n              <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\r\n                {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\r\n              </Box>\r\n            // </Grid>\r\n          )}\r\n            <Box sx={{ \r\n              display: 'grid', \r\n              gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \r\n              gap: 2, \r\n              p: 2,\r\n              justifyItems: 'center',\r\n              alignItems: 'center'\r\n            }}>\r\n              {templates.map((template, index) => (\r\n                <HtmlThumbnailPreview\r\n                  key={template._id || index}\r\n                  template={template}\r\n                  width={300}\r\n                  height={200}\r\n                  showControls={true}\r\n                  selectedTemplateId={selectedTemplate}\r\n                  onClick={(template: any) => {\r\n                    handleTemplateSelect(template._id)\r\n                  }}\r\n                  isFetching={loading}\r\n                  onDelete={(template: any) => setTemplateToDelete(template)}\r\n                />\r\n              ))}\r\n            </Box>\r\n          {/* </Grid> */}\r\n        </DialogContent>\r\n        <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\r\n          <Button\r\n            onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\r\n            disabled={!selectedTemplate}\r\n          >\r\n            Continue\r\n          </Button>\r\n          <Button\r\n            onClick={() => handleDefaultTemplate()}\r\n            disabled={!selectedTemplate || defaultTemplate?._id === selectedTemplate}\r\n          >\r\n            Set to Default\r\n          </Button>\r\n        </DialogActions>\r\n      </Modal>\r\n      <ConfirmPopUp\r\n        open={templateToDelete !== null}\r\n        onClose={() => setTemplateToDelete(null)}\r\n        title='Remove Template'\r\n        description='Are you sure you want to delete ?'\r\n        onConfirm={() => handleDeleteTemplate()}\r\n        loading={loading}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TemplateModal;"],"names":["React","_a","CloseIcon","template"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { \r\n  DialogTitle, \r\n  DialogContent, \r\n  DialogActions,\r\n  IconButton,\r\n  Box,\r\n  MenuItem\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Modal from '../../../components/modal/modal';\r\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport Button from '../../../components/button/button';\r\n// import ModalLoader from '../../../components/loader/modal-loader';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport Select from '../../../components/select/select';\r\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\r\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\r\n\r\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\r\n  const [templates, setTemplates] = useState([]);\r\n  const [selectedTemplate, setSelectedTemplate] = useState('');\r\n  const [defaultTemplate, setDefaultTemplate] = useState('');\r\n  const [loading, setLoding] = useState(true);\r\n  const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id || 0);\r\n  const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> | null>(null);\r\n  const navigate = useNavigate();\r\n\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  const handleTemplateSelect = (id) => {\r\n    setSelectedTemplate(id);\r\n  };\r\n\r\n  const getTemplatesViaSubject = async () => {\r\n    setLoding(true)\r\n    const res = await getV1Templates({ ...getToken(),  filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\r\n    if(res?.data) {\r\n      const dTemplate = res?.data?.find(t => t.is_default === true)\r\n      setDefaultTemplate(dTemplate)\r\n      setSelectedTemplate(dTemplate?._id)\r\n      setTemplates(res?.data)\r\n    }\r\n\r\n    setLoding(false)\r\n  }\r\n\r\n  const handleDefaultTemplate = async () => {\r\n    try {\r\n      await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\r\n      enqueueSnackbar('Template has been set as default');\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  const handleDeleteTemplate = async () => {\r\n    try {\r\n      if(templateToDelete) {\r\n        await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\r\n        enqueueSnackbar('Template has been deleted');\r\n        setTemplateToDelete(null)\r\n        await getTemplatesViaSubject()\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getTemplatesViaSubject()\r\n    return () => { setLoding(true) }\r\n  }, [selectedCompany])\r\n\r\n  return (\r\n    <div>\r\n      <Modal \r\n        open={open} \r\n        onClose={handleClose} \r\n        maxWidth=\"lg\" \r\n        fullWidth\r\n        aria-labelledby=\"email-template-selection\"\r\n      >\r\n        {/* {loading && <ModalLoader/>} */}\r\n        <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\r\n          <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\r\n          <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\r\n            <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\r\n            <Select\r\n              displayEmpty\r\n              value={selectedCompany}\r\n              size='small'\r\n              renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\r\n              // fullWidth\r\n              // sx={{\r\n              //   bgcolor: 'white',\r\n              //   borderRadius: 1,\r\n              //   '& .MuiSelect-select': { py: 0.75 }\r\n              // }}\r\n              onChange={(e) => {\r\n                if (e.target.value) {\r\n                  setSelectedCompany(e.target.value as number);\r\n                }\r\n              }}>\r\n              {companies.map((option) => (\r\n                <MenuItem key={option.value} value={option.value}>\r\n                  <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <IconButton\r\n              aria-label=\"close\"\r\n              onClick={handleClose}\r\n              size='small'\r\n              sx={{\r\n                color: (theme) => theme.palette.grey[500],\r\n              }}\r\n            >\r\n              <CloseIcon fontSize='small'/>\r\n            </IconButton>\r\n          </Box>\r\n        </DialogTitle>\r\n        <DialogContent>\r\n          {/* <Grid container spacing={6}> */}\r\n          {!templates.length && (\r\n            // <Grid item xs={12} sx={{ minHeight: 350}}>\r\n              <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\r\n                {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\r\n              </Box>\r\n            // </Grid>\r\n          )}\r\n            <Box sx={{ \r\n              display: 'grid', \r\n              gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \r\n              gap: 2, \r\n              p: 2,\r\n              justifyItems: 'center',\r\n              alignItems: 'center'\r\n            }}>\r\n              {templates.map((template, index) => (\r\n                <HtmlThumbnailPreview\r\n                  key={template._id || index}\r\n                  template={template}\r\n                  width={300}\r\n                  height={200}\r\n                  showControls={true}\r\n                  selectedTemplateId={selectedTemplate}\r\n                  onClick={(template: any) => {\r\n                    handleTemplateSelect(template._id)\r\n                  }}\r\n                  isFetching={loading}\r\n                  onDelete={(template: any) => setTemplateToDelete(template)}\r\n                />\r\n              ))}\r\n            </Box>\r\n          {/* </Grid> */}\r\n        </DialogContent>\r\n        <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\r\n          <Button\r\n            onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\r\n            disabled={!selectedTemplate}\r\n          >\r\n            Continue\r\n          </Button>\r\n          <Button\r\n            onClick={() => handleDefaultTemplate()}\r\n            disabled={!selectedTemplate || defaultTemplate?._id === selectedTemplate}\r\n          >\r\n            Set to Default\r\n          </Button>\r\n        </DialogActions>\r\n      </Modal>\r\n      <ConfirmPopUp\r\n        open={templateToDelete !== null}\r\n        onClose={() => setTemplateToDelete(null)}\r\n        title='Remove Template'\r\n        description='Are you sure you want to delete ?'\r\n        onConfirm={() => handleDeleteTemplate()}\r\n        loading={loading}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport { TemplateModal };\nexport default TemplateModal;"],"names":["React","_a","CloseIcon","template"],"mappings":"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"}

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

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../node_modules/@mui/icons-material/Close/index.js"),i=require("../../../../components/typography/typography/index.js"),a=require("../../../../components/modal/modal/index.js"),n=require("../../../../api-client/api.system-feature/api/index.js"),o=require("../../../../utils/common/index.js"),r=require("../../../../components/button/button/index.js"),s=require("react-router-dom"),d=require("../../../../node_modules/notistack/notistack.esm/index.js"),u=require("../../../../components/select/select/index.js"),m=require("../html-thumbnail-preview/index.js"),c=require("../../../../components/confirm-modal/confirm-modal/index.js"),p=require("../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),x=require("../../../../node_modules/@mui/material/Box/Box/index.js"),h=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),g=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),f=require("../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),y=require("../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=/* @__PURE__ */j(t);exports.default=({email:j,onClose:q,open:b,companies:T=[],templateRoutes:_})=>{var C;const[D,S]=t.useState([]),[k,w]=t.useState(""),[I,E]=t.useState(""),[A,B]=t.useState(!0),[M,V]=v.default.useState((null==(C=null==T?void 0:T[0])?void 0:C.id)||0),[z,N]=v.default.useState(null),P=s.useNavigate(),R=()=>{q()},W=async()=>{var e;B(!0);const t=await n.getV1Templates({...o.getToken(),filters:`(company_id.eq=${M}&subject_id.eq=${j._id})`});if(null==t?void 0:t.data){const l=null==(e=null==t?void 0:t.data)?void 0:e.find(e=>!0===e.is_default);E(l),w(null==l?void 0:l._id),S(null==t?void 0:t.data)}B(!1)};return t.useEffect(()=>(W(),()=>{B(!0)}),[M]),/* @__PURE__ */e.jsxs("div",{children:[
-/* @__PURE__ */e.jsxs(a.default,{open:b,onClose:R,maxWidth:"lg",fullWidth:!0,"aria-labelledby":"email-template-selection",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../node_modules/@mui/icons-material/Close/index.js"),i=require("../../../../components/typography/typography/index.js"),a=require("../../../../components/modal/modal/index.js"),n=require("../../../../api-client/api.system-feature/api/index.js"),o=require("../../../../utils/common/index.js"),r=require("../../../../components/button/button/index.js"),s=require("react-router-dom"),d=require("../../../../node_modules/notistack/notistack.esm/index.js"),u=require("../../../../components/select/select/index.js"),m=require("../html-thumbnail-preview/index.js"),c=require("../../../../components/confirm-modal/confirm-modal/index.js"),p=require("../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),x=require("../../../../node_modules/@mui/material/Box/Box/index.js"),h=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),g=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),y=require("../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),j=require("../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=/* @__PURE__ */f(t);const q=({email:f,onClose:q,open:T,companies:b=[],templateRoutes:_})=>{var C;const[D,S]=t.useState([]),[w,k]=t.useState(""),[I,B]=t.useState(""),[M,E]=t.useState(!0),[A,P]=v.default.useState((null==(C=null==b?void 0:b[0])?void 0:C.id)||0),[V,z]=v.default.useState(null),N=s.useNavigate(),R=()=>{q()},W=async()=>{var e;E(!0);const t=await n.getV1Templates({...o.getToken(),filters:`(company_id.eq=${A}&subject_id.eq=${f._id})`});if(null==t?void 0:t.data){const l=null==(e=null==t?void 0:t.data)?void 0:e.find(e=>!0===e.is_default);B(l),k(null==l?void 0:l._id),S(null==t?void 0:t.data)}E(!1)};return t.useEffect(()=>(W(),()=>{E(!0)}),[A]),/* @__PURE__ */e.jsxs("div",{children:[
+/* @__PURE__ */e.jsxs(a.Modal,{open:T,onClose:R,maxWidth:"lg",fullWidth:!0,"aria-labelledby":"email-template-selection",children:[
 /* @__PURE__ */e.jsxs(p.default,{sx:{marginBottom:"1rem",padding:"0.75rem 1rem 0.75rem 1.5rem",borderBottom:"1px solid #D3D3D4"},children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"s1",weight:"medium",color:"theme.secondary.1000",sx:{width:"100%",textAlign:"center"},children:" Select a Template"}),
 /* @__PURE__ */e.jsxs(x.default,{display:"flex",alignItems:"center",gap:1,position:"absolute",right:"1%",top:"4px",children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",children:" Company"}),
-/* @__PURE__ */e.jsx(u.default,{displayEmpty:!0,value:M,size:"small",renderValue:e=>{var t;return e?null==(t=T.find(t=>t.value===e))?void 0:t.label:"Select Company"},onChange:e=>{e.target.value&&V(e.target.value)},children:T.map(t=>/* @__PURE__ */e.jsx(h.default,{value:t.value,children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",children:t.label})},t.value))}),
+/* @__PURE__ */e.jsx(u.Select,{displayEmpty:!0,value:A,size:"small",renderValue:e=>{var t;return e?null==(t=b.find(t=>t.value===e))?void 0:t.label:"Select Company"},onChange:e=>{e.target.value&&P(e.target.value)},children:b.map(t=>/* @__PURE__ */e.jsx(h.default,{value:t.value,children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",children:t.label})},t.value))}),
 /* @__PURE__ */e.jsx(g.default,{"aria-label":"close",onClick:R,size:"small",sx:{color:e=>e.palette.grey[500]},children:/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})})]})]}),
-/* @__PURE__ */e.jsxs(f.default,{children:[!D.length&&
-/* @__PURE__ */e.jsx(x.default,{display:"flex",alignItems:"center",width:"100%",height:"100%",justifyContent:"center",children:!A&&/* @__PURE__ */e.jsx(i.Typography,{type:"s1",weight:"medium",color:"theme.secondary.1000",sx:{textAlign:"center"},children:"No templates found"})}),
-/* @__PURE__ */e.jsx(x.default,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))",gap:2,p:2,justifyItems:"center",alignItems:"center"},children:D.map((t,l)=>/* @__PURE__ */e.jsx(m.default,{template:t,width:300,height:200,showControls:!0,selectedTemplateId:k,onClick:e=>{var t;t=e._id,w(t)},isFetching:A,onDelete:e=>N(e)},t._id||l))})]}),
-/* @__PURE__ */e.jsxs(y.default,{sx:{p:2,justifyContent:"center",borderTop:"1px solid #D3D3D4"},children:[
-/* @__PURE__ */e.jsx(r.default,{onClick:()=>P(_.EDIT_TEMPLATE(j._id,k),{state:{company_id:M}}),disabled:!k,children:"Continue"}),
-/* @__PURE__ */e.jsx(r.default,{onClick:()=>(async()=>{try{await n.patchV1TemplatesIdSetDefault({...o.getToken(),id:k}),d.enqueueSnackbar("Template has been set as default")}catch(e){const t=o.getErrorMessage(null==e?void 0:e.message);d.enqueueSnackbar(t,{variant:"error"})}})(),disabled:!k||(null==I?void 0:I._id)===k,children:"Set to Default"})]})]}),
-/* @__PURE__ */e.jsx(c.default,{open:null!==z,onClose:()=>N(null),title:"Remove Template",description:"Are you sure you want to delete ?",onConfirm:()=>(async()=>{try{z&&(await n.deleteV1TemplatesId({...o.getToken(),id:null==z?void 0:z._id}),d.enqueueSnackbar("Template has been deleted"),N(null),await W())}catch(e){const t=o.getErrorMessage(null==e?void 0:e.message);d.enqueueSnackbar(t,{variant:"error"})}})(),loading:A})]})};
+/* @__PURE__ */e.jsxs(y.default,{children:[!D.length&&
+/* @__PURE__ */e.jsx(x.default,{display:"flex",alignItems:"center",width:"100%",height:"100%",justifyContent:"center",children:!M&&/* @__PURE__ */e.jsx(i.Typography,{type:"s1",weight:"medium",color:"theme.secondary.1000",sx:{textAlign:"center"},children:"No templates found"})}),
+/* @__PURE__ */e.jsx(x.default,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))",gap:2,p:2,justifyItems:"center",alignItems:"center"},children:D.map((t,l)=>/* @__PURE__ */e.jsx(m.HtmlThumbnailPreview,{template:t,width:300,height:200,showControls:!0,selectedTemplateId:w,onClick:e=>{var t;t=e._id,k(t)},isFetching:M,onDelete:e=>z(e)},t._id||l))})]}),
+/* @__PURE__ */e.jsxs(j.default,{sx:{p:2,justifyContent:"center",borderTop:"1px solid #D3D3D4"},children:[
+/* @__PURE__ */e.jsx(r.Button,{onClick:()=>N(_.EDIT_TEMPLATE(f._id,w),{state:{company_id:A}}),disabled:!w,children:"Continue"}),
+/* @__PURE__ */e.jsx(r.Button,{onClick:()=>(async()=>{try{await n.patchV1TemplatesIdSetDefault({...o.getToken(),id:w}),d.enqueueSnackbar("Template has been set as default")}catch(e){const t=o.getErrorMessage(null==e?void 0:e.message);d.enqueueSnackbar(t,{variant:"error"})}})(),disabled:!w||(null==I?void 0:I._id)===w,children:"Set to Default"})]})]}),
+/* @__PURE__ */e.jsx(c.ConfirmPopUp,{open:null!==V,onClose:()=>z(null),title:"Remove Template",description:"Are you sure you want to delete ?",onConfirm:()=>(async()=>{try{V&&(await n.deleteV1TemplatesId({...o.getToken(),id:null==V?void 0:V._id}),d.enqueueSnackbar("Template has been deleted"),z(null),await W())}catch(e){const t=o.getErrorMessage(null==e?void 0:e.message);d.enqueueSnackbar(t,{variant:"error"})}})(),loading:M})]})};exports.TemplateModal=q,exports.default=q;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { \r\n  DialogTitle, \r\n  DialogContent, \r\n  DialogActions,\r\n  IconButton,\r\n  Box,\r\n  MenuItem\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Modal from '../../../components/modal/modal';\r\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport Button from '../../../components/button/button';\r\n// import ModalLoader from '../../../components/loader/modal-loader';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport Select from '../../../components/select/select';\r\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\r\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\r\n\r\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\r\n  const [templates, setTemplates] = useState([]);\r\n  const [selectedTemplate, setSelectedTemplate] = useState('');\r\n  const [defaultTemplate, setDefaultTemplate] = useState('');\r\n  const [loading, setLoding] = useState(true);\r\n  const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id || 0);\r\n  const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> | null>(null);\r\n  const navigate = useNavigate();\r\n\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  const handleTemplateSelect = (id) => {\r\n    setSelectedTemplate(id);\r\n  };\r\n\r\n  const getTemplatesViaSubject = async () => {\r\n    setLoding(true)\r\n    const res = await getV1Templates({ ...getToken(),  filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\r\n    if(res?.data) {\r\n      const dTemplate = res?.data?.find(t => t.is_default === true)\r\n      setDefaultTemplate(dTemplate)\r\n      setSelectedTemplate(dTemplate?._id)\r\n      setTemplates(res?.data)\r\n    }\r\n\r\n    setLoding(false)\r\n  }\r\n\r\n  const handleDefaultTemplate = async () => {\r\n    try {\r\n      await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\r\n      enqueueSnackbar('Template has been set as default');\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  const handleDeleteTemplate = async () => {\r\n    try {\r\n      if(templateToDelete) {\r\n        await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\r\n        enqueueSnackbar('Template has been deleted');\r\n        setTemplateToDelete(null)\r\n        await getTemplatesViaSubject()\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getTemplatesViaSubject()\r\n    return () => { setLoding(true) }\r\n  }, [selectedCompany])\r\n\r\n  return (\r\n    <div>\r\n      <Modal \r\n        open={open} \r\n        onClose={handleClose} \r\n        maxWidth=\"lg\" \r\n        fullWidth\r\n        aria-labelledby=\"email-template-selection\"\r\n      >\r\n        {/* {loading && <ModalLoader/>} */}\r\n        <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\r\n          <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\r\n          <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\r\n            <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\r\n            <Select\r\n              displayEmpty\r\n              value={selectedCompany}\r\n              size='small'\r\n              renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\r\n              // fullWidth\r\n              // sx={{\r\n              //   bgcolor: 'white',\r\n              //   borderRadius: 1,\r\n              //   '& .MuiSelect-select': { py: 0.75 }\r\n              // }}\r\n              onChange={(e) => {\r\n                if (e.target.value) {\r\n                  setSelectedCompany(e.target.value as number);\r\n                }\r\n              }}>\r\n              {companies.map((option) => (\r\n                <MenuItem key={option.value} value={option.value}>\r\n                  <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <IconButton\r\n              aria-label=\"close\"\r\n              onClick={handleClose}\r\n              size='small'\r\n              sx={{\r\n                color: (theme) => theme.palette.grey[500],\r\n              }}\r\n            >\r\n              <CloseIcon fontSize='small'/>\r\n            </IconButton>\r\n          </Box>\r\n        </DialogTitle>\r\n        <DialogContent>\r\n          {/* <Grid container spacing={6}> */}\r\n          {!templates.length && (\r\n            // <Grid item xs={12} sx={{ minHeight: 350}}>\r\n              <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\r\n                {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\r\n              </Box>\r\n            // </Grid>\r\n          )}\r\n            <Box sx={{ \r\n              display: 'grid', \r\n              gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \r\n              gap: 2, \r\n              p: 2,\r\n              justifyItems: 'center',\r\n              alignItems: 'center'\r\n            }}>\r\n              {templates.map((template, index) => (\r\n                <HtmlThumbnailPreview\r\n                  key={template._id || index}\r\n                  template={template}\r\n                  width={300}\r\n                  height={200}\r\n                  showControls={true}\r\n                  selectedTemplateId={selectedTemplate}\r\n                  onClick={(template: any) => {\r\n                    handleTemplateSelect(template._id)\r\n                  }}\r\n                  isFetching={loading}\r\n                  onDelete={(template: any) => setTemplateToDelete(template)}\r\n                />\r\n              ))}\r\n            </Box>\r\n          {/* </Grid> */}\r\n        </DialogContent>\r\n        <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\r\n          <Button\r\n            onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\r\n            disabled={!selectedTemplate}\r\n          >\r\n            Continue\r\n          </Button>\r\n          <Button\r\n            onClick={() => handleDefaultTemplate()}\r\n            disabled={!selectedTemplate || defaultTemplate?._id === selectedTemplate}\r\n          >\r\n            Set to Default\r\n          </Button>\r\n        </DialogActions>\r\n      </Modal>\r\n      <ConfirmPopUp\r\n        open={templateToDelete !== null}\r\n        onClose={() => setTemplateToDelete(null)}\r\n        title='Remove Template'\r\n        description='Are you sure you want to delete ?'\r\n        onConfirm={() => handleDeleteTemplate()}\r\n        loading={loading}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TemplateModal;"],"names":["email","onClose","open","companies","templateRoutes","templates","setTemplates","useState","selectedTemplate","setSelectedTemplate","defaultTemplate","setDefaultTemplate","loading","setLoding","selectedCompany","setSelectedCompany","React","_a","id","templateToDelete","setTemplateToDelete","navigate","useNavigate","handleClose","getTemplatesViaSubject","async","res","getV1Templates","getToken","filters","_id","data","dTemplate","find","t","is_default","useEffect","children","jsxs","Modal","maxWidth","fullWidth","DialogTitle","sx","marginBottom","padding","borderBottom","jsx","Typography","type","weight","color","width","textAlign","Box","display","alignItems","gap","position","right","top","Select","displayEmpty","value","size","renderValue","option","label","onChange","e","target","map","MenuItem","IconButton","onClick","theme","palette","grey","CloseIcon","fontSize","DialogContent","length","height","justifyContent","gridTemplateColumns","p","justifyItems","template","index","HtmlThumbnailPreview","showControls","selectedTemplateId","isFetching","onDelete","DialogActions","borderTop","Button","EDIT_TEMPLATE","state","company_id","disabled","patchV1TemplatesIdSetDefault","enqueueSnackbar","error","m","getErrorMessage","message","variant","handleDefaultTemplate","ConfirmPopUp","title","description","onConfirm","deleteV1TemplatesId","handleDeleteTemplate"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { \r\n  DialogTitle, \r\n  DialogContent, \r\n  DialogActions,\r\n  IconButton,\r\n  Box,\r\n  MenuItem\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Modal from '../../../components/modal/modal';\r\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport Button from '../../../components/button/button';\r\n// import ModalLoader from '../../../components/loader/modal-loader';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport Select from '../../../components/select/select';\r\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\r\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\r\n\r\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\r\n  const [templates, setTemplates] = useState([]);\r\n  const [selectedTemplate, setSelectedTemplate] = useState('');\r\n  const [defaultTemplate, setDefaultTemplate] = useState('');\r\n  const [loading, setLoding] = useState(true);\r\n  const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id || 0);\r\n  const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> | null>(null);\r\n  const navigate = useNavigate();\r\n\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  const handleTemplateSelect = (id) => {\r\n    setSelectedTemplate(id);\r\n  };\r\n\r\n  const getTemplatesViaSubject = async () => {\r\n    setLoding(true)\r\n    const res = await getV1Templates({ ...getToken(),  filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\r\n    if(res?.data) {\r\n      const dTemplate = res?.data?.find(t => t.is_default === true)\r\n      setDefaultTemplate(dTemplate)\r\n      setSelectedTemplate(dTemplate?._id)\r\n      setTemplates(res?.data)\r\n    }\r\n\r\n    setLoding(false)\r\n  }\r\n\r\n  const handleDefaultTemplate = async () => {\r\n    try {\r\n      await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\r\n      enqueueSnackbar('Template has been set as default');\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  const handleDeleteTemplate = async () => {\r\n    try {\r\n      if(templateToDelete) {\r\n        await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\r\n        enqueueSnackbar('Template has been deleted');\r\n        setTemplateToDelete(null)\r\n        await getTemplatesViaSubject()\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getTemplatesViaSubject()\r\n    return () => { setLoding(true) }\r\n  }, [selectedCompany])\r\n\r\n  return (\r\n    <div>\r\n      <Modal \r\n        open={open} \r\n        onClose={handleClose} \r\n        maxWidth=\"lg\" \r\n        fullWidth\r\n        aria-labelledby=\"email-template-selection\"\r\n      >\r\n        {/* {loading && <ModalLoader/>} */}\r\n        <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\r\n          <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\r\n          <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\r\n            <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\r\n            <Select\r\n              displayEmpty\r\n              value={selectedCompany}\r\n              size='small'\r\n              renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\r\n              // fullWidth\r\n              // sx={{\r\n              //   bgcolor: 'white',\r\n              //   borderRadius: 1,\r\n              //   '& .MuiSelect-select': { py: 0.75 }\r\n              // }}\r\n              onChange={(e) => {\r\n                if (e.target.value) {\r\n                  setSelectedCompany(e.target.value as number);\r\n                }\r\n              }}>\r\n              {companies.map((option) => (\r\n                <MenuItem key={option.value} value={option.value}>\r\n                  <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <IconButton\r\n              aria-label=\"close\"\r\n              onClick={handleClose}\r\n              size='small'\r\n              sx={{\r\n                color: (theme) => theme.palette.grey[500],\r\n              }}\r\n            >\r\n              <CloseIcon fontSize='small'/>\r\n            </IconButton>\r\n          </Box>\r\n        </DialogTitle>\r\n        <DialogContent>\r\n          {/* <Grid container spacing={6}> */}\r\n          {!templates.length && (\r\n            // <Grid item xs={12} sx={{ minHeight: 350}}>\r\n              <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\r\n                {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\r\n              </Box>\r\n            // </Grid>\r\n          )}\r\n            <Box sx={{ \r\n              display: 'grid', \r\n              gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \r\n              gap: 2, \r\n              p: 2,\r\n              justifyItems: 'center',\r\n              alignItems: 'center'\r\n            }}>\r\n              {templates.map((template, index) => (\r\n                <HtmlThumbnailPreview\r\n                  key={template._id || index}\r\n                  template={template}\r\n                  width={300}\r\n                  height={200}\r\n                  showControls={true}\r\n                  selectedTemplateId={selectedTemplate}\r\n                  onClick={(template: any) => {\r\n                    handleTemplateSelect(template._id)\r\n                  }}\r\n                  isFetching={loading}\r\n                  onDelete={(template: any) => setTemplateToDelete(template)}\r\n                />\r\n              ))}\r\n            </Box>\r\n          {/* </Grid> */}\r\n        </DialogContent>\r\n        <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\r\n          <Button\r\n            onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\r\n            disabled={!selectedTemplate}\r\n          >\r\n            Continue\r\n          </Button>\r\n          <Button\r\n            onClick={() => handleDefaultTemplate()}\r\n            disabled={!selectedTemplate || defaultTemplate?._id === selectedTemplate}\r\n          >\r\n            Set to Default\r\n          </Button>\r\n        </DialogActions>\r\n      </Modal>\r\n      <ConfirmPopUp\r\n        open={templateToDelete !== null}\r\n        onClose={() => setTemplateToDelete(null)}\r\n        title='Remove Template'\r\n        description='Are you sure you want to delete ?'\r\n        onConfirm={() => handleDeleteTemplate()}\r\n        loading={loading}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport { TemplateModal };\nexport default TemplateModal;"],"names":["TemplateModal","email","onClose","open","companies","templateRoutes","templates","setTemplates","useState","selectedTemplate","setSelectedTemplate","defaultTemplate","setDefaultTemplate","loading","setLoding","selectedCompany","setSelectedCompany","React","_a","id","templateToDelete","setTemplateToDelete","navigate","useNavigate","handleClose","getTemplatesViaSubject","async","res","getV1Templates","getToken","filters","_id","data","dTemplate","find","t","is_default","useEffect","children","jsxs","Modal","maxWidth","fullWidth","DialogTitle","sx","marginBottom","padding","borderBottom","jsx","Typography","type","weight","color","width","textAlign","Box","display","alignItems","gap","position","right","top","Select","displayEmpty","value","size","renderValue","option","label","onChange","e","target","map","MenuItem","IconButton","onClick","theme","palette","grey","CloseIcon","fontSize","DialogContent","length","height","justifyContent","gridTemplateColumns","p","justifyItems","template","index","HtmlThumbnailPreview","showControls","selectedTemplateId","isFetching","onDelete","DialogActions","borderTop","Button","EDIT_TEMPLATE","state","company_id","disabled","patchV1TemplatesIdSetDefault","enqueueSnackbar","error","m","getErrorMessage","message","variant","handleDefaultTemplate","ConfirmPopUp","title","description","onConfirm","deleteV1TemplatesId","handleDeleteTemplate"],"mappings":"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"}

package/dist/views/template-editor/template-modal/template-modal.d.ts

@@ -5,4 +5,5 @@ declare const TemplateModal: ({ email, onClose, open, companies, templateRoutes
     companies?: any[];
     templateRoutes: any;
 }) => import("react/jsx-runtime").JSX.Element;
+export { TemplateModal };
 export default TemplateModal;

package/dist/views/template-editor/template-name-modal/template-name-modal/index.esm.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import Modal from "../../../../components/modal/modal/index.esm.js";
+import { Modal } from "../../../../components/modal/modal/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
-import Button from "../../../../components/button/button/index.esm.js";
+import { Button } from "../../../../components/button/button/index.esm.js";
 import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 /* empty css                                    */
 import { enqueueSnackbar } from "../../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { useNavigate } from "react-router-dom";
-import DynamicInput from "../../../../components/form-control/form-builder/form-builder-element/text/index.esm.js";
+import { DynamicInput } from "../../../../components/form-control/form-builder/form-builder-element/text/index.esm.js";
 import { useForm } from "react-hook-form";
 import { patchV1TemplatesId, postV1Templates } from "../../../../api-client/api.system-feature/api/index.esm.js";
 import * as Yup from "yup";

package/dist/views/template-editor/template-name-modal/template-name-modal/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                        */r=,/* empty css                                                  */o=,/* empty css                                          */n=;/* empty css                                                        */;/* empty css                                 */var i=,/* empty css                                                      */l=require("react-router-dom"),s=,/* empty css                                                                                */u=require("react-hook-form"),d=,/* empty css                                                   */m=require("yup"),c=,/* empty css                                                               */p=,/* empty css                                                                    */f=,/* empty css                                                                  */j=,/* empty css                                                                        */x=,/* empty css                                                                        */h=,/* empty css                                                    */y=;/* empty css                                                                              */function g(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,t}var q=/* @__PURE__ */g(m);exports.default=({isOpen:m,setIsOpen:g,modalProps:b,templateRoutes:v,payload:_,mode:S="add",templateData:D})=>{const{handleSubmit:C,control:T,setValue:k}=u.useForm({mode:"all",resolver:c.yupResolver(q.object().shape({template_name:q.object().shape({name:q.string().trim().required("Template name is required")})}))}),N=l.useNavigate(),[O,I]=t.useState(!1),P=()=>{g(null)};return t.useEffect(()=>{D&&(null==D?void 0:D.name)&&k("template_name.name",null==D?void 0:D.name)},[k,D]),/* @__PURE__ */e.jsxs(a.default,{open:m,onClose:P,maxWidth:"xs",fullWidth:!0,...b,children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                        */o=,/* empty css                                                  */r=,/* empty css                                          */n=;/* empty css                                                        */;/* empty css                                 */var i=,/* empty css                                                      */l=require("react-router-dom"),s=,/* empty css                                                                                */u=require("react-hook-form"),d=,/* empty css                                                   */m=require("yup"),c=,/* empty css                                                               */p=,/* empty css                                                                    */j=,/* empty css                                                                  */x=,/* empty css                                                                        */f=,/* empty css                                                                        */y=,/* empty css                                                    */h=;/* empty css                                                                              */function g(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,t}var q=/* @__PURE__ */g(m);exports.default=({isOpen:m,setIsOpen:g,modalProps:b,templateRoutes:v,payload:_,mode:D="add",templateData:S})=>{const{handleSubmit:C,control:T,setValue:k}=u.useForm({mode:"all",resolver:c.yupResolver(q.object().shape({template_name:q.object().shape({name:q.string().trim().required("Template name is required")})}))}),N=l.useNavigate(),[O,B]=t.useState(!1),I=()=>{g(null)};return t.useEffect(()=>{S&&(null==S?void 0:S.name)&&k("template_name.name",null==S?void 0:S.name)},[k,S]),/* @__PURE__ */e.jsxs(a.Modal,{open:m,onClose:I,maxWidth:"xs",fullWidth:!0,...b,children:[
 /* @__PURE__ */e.jsxs(p.default,{className:"companySelectionModal--DialogTitle",children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"inherit",weight:"medium",children:"Template Name"}),
-/* @__PURE__ */e.jsx(f.default,{onClick:P,disabled:O,children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(j.default,{className:"companySelectionModal--DialogContents",children:/* @__PURE__ */e.jsx("form",{onSubmit:C(async e=>{I(!0);try{const{name:t=""}=(null==e?void 0:e.template_name)||{};_.name=t,200===(await("edit"===S?d.patchV1TemplatesId(_):d.postV1Templates(_))).status_code&&i.enqueueSnackbar("Template saved successfully",{variant:"success"}),N(v.LIST),I(!1)}catch(t){const e=(null==t?void 0:t.message)||"Something went wrong";I(!1),i.enqueueSnackbar(e,{variant:"error"})}}),id:"template_name",children:/* @__PURE__ */e.jsx(s.default,{label:"Name",name:"name",placeholder:"Enter Name",fieldArrayName:"template_name",formControl:T,required:!0})})}),
-/* @__PURE__ */e.jsx(x.default,{className:"companySelectionModal--DialogAction",children:/* @__PURE__ */e.jsxs(h.default,{display:"flex",gap:1.5,children:[
-/* @__PURE__ */e.jsx(o.default,{className:"companySelectionModal--DialogAction--WhiteBtn",onClick:P,disabled:O,children:"Cancel"}),
-/* @__PURE__ */e.jsx(o.default,{type:"submit",form:"template_name",disabled:O,endIcon:O&&/* @__PURE__ */e.jsx(y.default,{size:15}),children:"Save"})]})})]})};
+/* @__PURE__ */e.jsx(o.Typography,{type:"s3",color:"inherit",weight:"medium",children:"Template Name"}),
+/* @__PURE__ */e.jsx(j.default,{onClick:I,disabled:O,children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(x.default,{className:"companySelectionModal--DialogContents",children:/* @__PURE__ */e.jsx("form",{onSubmit:C(async e=>{B(!0);try{const{name:t=""}=(null==e?void 0:e.template_name)||{};_.name=t,200===(await("edit"===D?d.patchV1TemplatesId(_):d.postV1Templates(_))).status_code&&i.enqueueSnackbar("Template saved successfully",{variant:"success"}),N(v.LIST),B(!1)}catch(t){const e=(null==t?void 0:t.message)||"Something went wrong";B(!1),i.enqueueSnackbar(e,{variant:"error"})}}),id:"template_name",children:/* @__PURE__ */e.jsx(s.DynamicInput,{label:"Name",name:"name",placeholder:"Enter Name",fieldArrayName:"template_name",formControl:T,required:!0})})}),
+/* @__PURE__ */e.jsx(f.default,{className:"companySelectionModal--DialogAction",children:/* @__PURE__ */e.jsxs(y.default,{display:"flex",gap:1.5,children:[
+/* @__PURE__ */e.jsx(r.Button,{className:"companySelectionModal--DialogAction--WhiteBtn",onClick:I,disabled:O,children:"Cancel"}),
+/* @__PURE__ */e.jsx(r.Button,{type:"submit",form:"template_name",disabled:O,endIcon:O&&/* @__PURE__ */e.jsx(h.default,{size:15}),children:"Save"})]})})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/template-name-modal/template-name-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-name-modal/template-name-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport Modal from '../../../components/modal/modal';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Button from '../../../components/button/button';\r\n\r\nimport {\r\n\tBox,\r\n\tCircularProgress,\r\n\tDialogActions,\r\n\tDialogContent,\r\n\tDialogProps,\r\n\tDialogTitle,\r\n\tIconButton,\r\n} from '@mui/material';\r\nimport Close from '@mui/icons-material/Close';\r\n\r\nimport './template-name-modal.scss';\r\nimport { IEmail } from '../utils/types';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport DynamicInput from '../../../components/form-control/form-builder/form-builder-element/text';\r\nimport { useForm } from 'react-hook-form';\r\nimport { patchV1TemplatesId, postV1Templates } from '../../../api-client/api.system-feature/api';\r\nimport * as Yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\n\r\ninterface TemplateNameModalProps {\r\n\tisOpen: boolean;\r\n\tsetIsOpen: (value: IEmail | null) => void;\r\n\tmodalProps?: DialogProps;\r\n\ttemplateRoutes: Record<string, any>;\r\n\tpayload: Record<string, any>;\r\n\tmode: 'add' | 'edit';\r\n\ttemplateData: Record<string, any> | null;\r\n}\r\n\r\nconst generateValidationSchema = () => {\r\n\treturn yupResolver(\r\n\t\tYup.object().shape({\r\n\t\t\ttemplate_name: Yup.object().shape({\r\n\t\t\t\tname: Yup.string().trim().required('Template name is required'),\r\n\t\t\t})\r\n\t\t})\r\n\t)\r\n}\r\n\r\nconst TemplateNameModal: React.FC<TemplateNameModalProps> = ({\r\n\tisOpen,\r\n\tsetIsOpen,\r\n\tmodalProps,\r\n\ttemplateRoutes,\r\n\tpayload,\r\n\tmode = 'add',\r\n\ttemplateData\r\n}) => {\r\n\tconst { handleSubmit, control, setValue } = useForm({ mode: 'all', resolver: generateValidationSchema() });\r\n\tconst navigate = useNavigate();\r\n\tconst [isSubmitting, setIsSubmitting] = useState<boolean>(false);\r\n\r\n\tconst handleModalClose = () => {\r\n\t\tsetIsOpen(null);\r\n\t};\r\n\r\n\tconst onSubmit = async (values: any) => {\r\n\t\tsetIsSubmitting(true);\r\n\t\ttry {\r\n\t\t\tconst { name = ''} = values?.template_name || {}\r\n\t\t\tpayload.name = name\r\n\t\t\tconst res = await (mode === 'edit' ? patchV1TemplatesId(payload) : postV1Templates(payload));\r\n\t\t\tif(res.status_code === 200) {\r\n\t\t\t\tenqueueSnackbar('Template saved successfully', { variant: 'success' });\r\n\t\t\t}\r\n\t\t\tnavigate(templateRoutes.LIST);\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t} catch (error) {\r\n\t\t\tconst m = error?.message || 'Something went wrong'\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t\tenqueueSnackbar(m, { variant: 'error' });\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif(templateData && templateData?.name) {\r\n\t\t\tsetValue('template_name.name', templateData?.name)\r\n\t\t}\r\n\t}, [setValue, templateData])\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\topen={isOpen}\r\n\t\t\tonClose={handleModalClose}\r\n\t\t\tmaxWidth='xs'\r\n\t\t\tfullWidth\r\n\t\t\t{...modalProps}>\r\n\t\t\t<DialogTitle className='companySelectionModal--DialogTitle'>\r\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\r\n\t\t\t\t\tTemplate Name\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<IconButton onClick={handleModalClose} disabled={isSubmitting}>\r\n\t\t\t\t\t<Close fontSize='small' />\r\n\t\t\t\t</IconButton>\r\n\t\t\t</DialogTitle>\r\n\t\t\t<DialogContent className='companySelectionModal--DialogContents'>\r\n\t\t\t\t<form onSubmit={handleSubmit(onSubmit)} id='template_name'>\r\n\t\t\t\t\t<DynamicInput \r\n\t\t\t\t\t\tlabel={'Name'}\r\n\t\t\t\t\t\tname='name'\r\n\t\t\t\t\t\tplaceholder={'Enter Name'}\r\n\t\t\t\t\t\tfieldArrayName='template_name'\r\n\t\t\t\t\t\tformControl={control}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t/>\r\n\t\t\t\t</form>\r\n\t\t\t</DialogContent>\r\n\t\t\t<DialogActions className='companySelectionModal--DialogAction'>\r\n\t\t\t\t<Box display='flex' gap={1.5}>\r\n\t\t\t\t\t<Button className='companySelectionModal--DialogAction--WhiteBtn' onClick={handleModalClose} disabled={isSubmitting}>Cancel</Button>\r\n\t\t\t\t\t<Button type='submit' form='template_name' disabled={isSubmitting} endIcon={isSubmitting && <CircularProgress size={15}/>}>Save</Button>\r\n\t\t\t\t</Box>\r\n\t\t\t</DialogActions>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default TemplateNameModal;\r\n"],"names":["isOpen","setIsOpen","modalProps","templateRoutes","payload","mode","templateData","handleSubmit","control","setValue","useForm","resolver","yupResolver","Yup","object","shape","template_name","name","string","trim","required","navigate","useNavigate","isSubmitting","setIsSubmitting","useState","handleModalClose","useEffect","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","disabled","Close","fontSize","DialogContent","onSubmit","async","values","patchV1TemplatesId","postV1Templates","status_code","enqueueSnackbar","variant","LIST","error","m","message","id","DynamicInput","label","placeholder","fieldArrayName","formControl","DialogActions","Box","display","gap","Button","form","endIcon","CircularProgress","size"],"mappings":"gpDAiD4D,EAC3DA,SACAC,YACAC,aACAC,iBACAC,UACAC,OAAO,MACPC,mBAEA,MAAMC,aAAEA,EAAAC,QAAcA,EAAAC,SAASA,GAAaC,EAAAA,QAAQ,CAAEL,KAAM,MAAOM,SAlB5DC,EAAAA,YACNC,EAAIC,SAASC,MAAM,CAClBC,cAAeH,EAAIC,SAASC,MAAM,CACjCE,KAAMJ,EAAIK,SAASC,OAAOC,SAAS,oCAgBhCC,EAAWC,EAAAA,eACVC,EAAcC,GAAmBC,EAAAA,UAAkB,GAEpDC,EAAmB,KACxBzB,EAAU,OA2BX,OANA0B,EAAAA,UAAU,KACNrB,UAAgBA,WAAcW,OAChCR,EAAS,2BAAsBH,WAAcW,OAE5C,CAACR,EAAUH,mBAGbsB,EAAAA,KAACC,EAAAA,QAAA,CACAC,KAAM9B,EACN+B,QAASL,EACTM,SAAS,KACTC,WAAS,KACL/B,EACJgC,SAAA;iBAAAN,KAACO,EAAAA,QAAA,CAAYC,UAAU,qCACtBF,SAAA;eAAAG,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASP,SAAA;iBAGtDG,IAACK,EAAAA,QAAA,CAAWC,QAASjB,EAAkBkB,SAAUrB,EAChDW,wBAAAG,EAAAA,IAACQ,EAAAA,QAAA,CAAMC,SAAS;iBAGlBT,IAACU,EAAAA,QAAA,CAAcX,UAAU,wCACxBF,wBAAAG,EAAAA,IAAC,OAAA,CAAKW,SAAUzC,EAxCF0C,MAAOC,IACvB1B,GAAgB,GAChB,IACC,MAAMP,KAAEA,EAAO,KAAM,MAAAiC,OAAA,EAAAA,EAAQlC,gBAAiB,CAAA,EAC9CZ,EAAQa,KAAOA,EAEQ,aADK,SAATZ,EAAkB8C,EAAAA,mBAAmB/C,GAAWgD,kBAAgBhD,KAC5EiD,aACNC,EAAAA,gBAAgB,8BAA+B,CAAEC,QAAS,YAE3DlC,EAASlB,EAAeqD,MACxBhC,GAAgB,EACjB,OAASiC,GACR,MAAMC,SAAID,WAAOE,UAAW,uBAC5BnC,GAAgB,GAChB8B,EAAAA,gBAAgBI,EAAG,CAAEH,QAAS,SAC/B,IAyB0CK,GAAG,gBAC1C1B,wBAAAG,EAAAA,IAACwB,EAAAA,QAAA,CACAC,MAAO,OACP7C,KAAK,OACL8C,YAAa,aACbC,eAAe,gBACfC,YAAazD,EACbY,UAAQ;iBAIXiB,IAAC6B,EAAAA,SAAc9B,UAAU,sCACxBF,+BAACiC,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,IAAK,IACxBnC,SAAA;eAAAG,EAAAA,IAACiC,EAAAA,SAAOlC,UAAU,gDAAgDO,QAASjB,EAAkBkB,SAAUrB,EAAcW,SAAA;eACrHG,EAAAA,IAACiC,EAAAA,QAAA,CAAO/B,KAAK,SAASgC,KAAK,gBAAgB3B,SAAUrB,EAAciD,QAASjD,kBAAgBc,EAAAA,IAACoC,EAAAA,QAAA,CAAiBC,KAAM,KAAOxC,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-name-modal/template-name-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport Modal from '../../../components/modal/modal';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Button from '../../../components/button/button';\r\n\r\nimport {\r\n\tBox,\r\n\tCircularProgress,\r\n\tDialogActions,\r\n\tDialogContent,\r\n\tDialogProps,\r\n\tDialogTitle,\r\n\tIconButton,\r\n} from '@mui/material';\r\nimport Close from '@mui/icons-material/Close';\r\n\r\nimport './template-name-modal.scss';\r\nimport { IEmail } from '../utils/types';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport DynamicInput from '../../../components/form-control/form-builder/form-builder-element/text';\r\nimport { useForm } from 'react-hook-form';\r\nimport { patchV1TemplatesId, postV1Templates } from '../../../api-client/api.system-feature/api';\r\nimport * as Yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\n\r\ninterface TemplateNameModalProps {\r\n\tisOpen: boolean;\r\n\tsetIsOpen: (value: IEmail | null) => void;\r\n\tmodalProps?: DialogProps;\r\n\ttemplateRoutes: Record<string, any>;\r\n\tpayload: Record<string, any>;\r\n\tmode: 'add' | 'edit';\r\n\ttemplateData: Record<string, any> | null;\r\n}\r\n\r\nconst generateValidationSchema = () => {\r\n\treturn yupResolver(\r\n\t\tYup.object().shape({\r\n\t\t\ttemplate_name: Yup.object().shape({\r\n\t\t\t\tname: Yup.string().trim().required('Template name is required'),\r\n\t\t\t})\r\n\t\t})\r\n\t)\r\n}\r\n\r\nconst TemplateNameModal: React.FC<TemplateNameModalProps> = ({\r\n\tisOpen,\r\n\tsetIsOpen,\r\n\tmodalProps,\r\n\ttemplateRoutes,\r\n\tpayload,\r\n\tmode = 'add',\r\n\ttemplateData\r\n}) => {\r\n\tconst { handleSubmit, control, setValue } = useForm({ mode: 'all', resolver: generateValidationSchema() });\r\n\tconst navigate = useNavigate();\r\n\tconst [isSubmitting, setIsSubmitting] = useState<boolean>(false);\r\n\r\n\tconst handleModalClose = () => {\r\n\t\tsetIsOpen(null);\r\n\t};\r\n\r\n\tconst onSubmit = async (values: any) => {\r\n\t\tsetIsSubmitting(true);\r\n\t\ttry {\r\n\t\t\tconst { name = ''} = values?.template_name || {}\r\n\t\t\tpayload.name = name\r\n\t\t\tconst res = await (mode === 'edit' ? patchV1TemplatesId(payload) : postV1Templates(payload));\r\n\t\t\tif(res.status_code === 200) {\r\n\t\t\t\tenqueueSnackbar('Template saved successfully', { variant: 'success' });\r\n\t\t\t}\r\n\t\t\tnavigate(templateRoutes.LIST);\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t} catch (error) {\r\n\t\t\tconst m = error?.message || 'Something went wrong'\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t\tenqueueSnackbar(m, { variant: 'error' });\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif(templateData && templateData?.name) {\r\n\t\t\tsetValue('template_name.name', templateData?.name)\r\n\t\t}\r\n\t}, [setValue, templateData])\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\topen={isOpen}\r\n\t\t\tonClose={handleModalClose}\r\n\t\t\tmaxWidth='xs'\r\n\t\t\tfullWidth\r\n\t\t\t{...modalProps}>\r\n\t\t\t<DialogTitle className='companySelectionModal--DialogTitle'>\r\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\r\n\t\t\t\t\tTemplate Name\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<IconButton onClick={handleModalClose} disabled={isSubmitting}>\r\n\t\t\t\t\t<Close fontSize='small' />\r\n\t\t\t\t</IconButton>\r\n\t\t\t</DialogTitle>\r\n\t\t\t<DialogContent className='companySelectionModal--DialogContents'>\r\n\t\t\t\t<form onSubmit={handleSubmit(onSubmit)} id='template_name'>\r\n\t\t\t\t\t<DynamicInput \r\n\t\t\t\t\t\tlabel={'Name'}\r\n\t\t\t\t\t\tname='name'\r\n\t\t\t\t\t\tplaceholder={'Enter Name'}\r\n\t\t\t\t\t\tfieldArrayName='template_name'\r\n\t\t\t\t\t\tformControl={control}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t/>\r\n\t\t\t\t</form>\r\n\t\t\t</DialogContent>\r\n\t\t\t<DialogActions className='companySelectionModal--DialogAction'>\r\n\t\t\t\t<Box display='flex' gap={1.5}>\r\n\t\t\t\t\t<Button className='companySelectionModal--DialogAction--WhiteBtn' onClick={handleModalClose} disabled={isSubmitting}>Cancel</Button>\r\n\t\t\t\t\t<Button type='submit' form='template_name' disabled={isSubmitting} endIcon={isSubmitting && <CircularProgress size={15}/>}>Save</Button>\r\n\t\t\t\t</Box>\r\n\t\t\t</DialogActions>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default TemplateNameModal;\r\n"],"names":["isOpen","setIsOpen","modalProps","templateRoutes","payload","mode","templateData","handleSubmit","control","setValue","useForm","resolver","yupResolver","Yup","object","shape","template_name","name","string","trim","required","navigate","useNavigate","isSubmitting","setIsSubmitting","useState","handleModalClose","useEffect","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","disabled","Close","fontSize","DialogContent","onSubmit","async","values","patchV1TemplatesId","postV1Templates","status_code","enqueueSnackbar","variant","LIST","error","m","message","id","DynamicInput","label","placeholder","fieldArrayName","formControl","DialogActions","Box","display","gap","Button","form","endIcon","CircularProgress","size"],"mappings":"gpDAiD4D,EAC3DA,SACAC,YACAC,aACAC,iBACAC,UACAC,OAAO,MACPC,mBAEA,MAAMC,aAAEA,EAAAC,QAAcA,EAAAC,SAASA,GAAaC,EAAAA,QAAQ,CAAEL,KAAM,MAAOM,SAlB5DC,EAAAA,YACNC,EAAIC,SAASC,MAAM,CAClBC,cAAeH,EAAIC,SAASC,MAAM,CACjCE,KAAMJ,EAAIK,SAASC,OAAOC,SAAS,oCAgBhCC,EAAWC,EAAAA,eACVC,EAAcC,GAAmBC,EAAAA,UAAkB,GAEpDC,EAAmB,KACxBzB,EAAU,OA2BX,OANA0B,EAAAA,UAAU,KACNrB,UAAgBA,WAAcW,OAChCR,EAAS,2BAAsBH,WAAcW,OAE5C,CAACR,EAAUH,mBAGbsB,EAAAA,KAACC,EAAAA,MAAA,CACAC,KAAM9B,EACN+B,QAASL,EACTM,SAAS,KACTC,WAAS,KACL/B,EACJgC,SAAA;iBAAAN,KAACO,EAAAA,QAAA,CAAYC,UAAU,qCACtBF,SAAA;eAAAG,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASP,SAAA;iBAGtDG,IAACK,EAAAA,QAAA,CAAWC,QAASjB,EAAkBkB,SAAUrB,EAChDW,wBAAAG,EAAAA,IAACQ,EAAAA,QAAA,CAAMC,SAAS;iBAGlBT,IAACU,EAAAA,QAAA,CAAcX,UAAU,wCACxBF,wBAAAG,EAAAA,IAAC,OAAA,CAAKW,SAAUzC,EAxCF0C,MAAOC,IACvB1B,GAAgB,GAChB,IACC,MAAMP,KAAEA,EAAO,KAAM,MAAAiC,OAAA,EAAAA,EAAQlC,gBAAiB,CAAA,EAC9CZ,EAAQa,KAAOA,EAEQ,aADK,SAATZ,EAAkB8C,EAAAA,mBAAmB/C,GAAWgD,kBAAgBhD,KAC5EiD,aACNC,EAAAA,gBAAgB,8BAA+B,CAAEC,QAAS,YAE3DlC,EAASlB,EAAeqD,MACxBhC,GAAgB,EACjB,OAASiC,GACR,MAAMC,SAAID,WAAOE,UAAW,uBAC5BnC,GAAgB,GAChB8B,EAAAA,gBAAgBI,EAAG,CAAEH,QAAS,SAC/B,IAyB0CK,GAAG,gBAC1C1B,wBAAAG,EAAAA,IAACwB,EAAAA,aAAA,CACAC,MAAO,OACP7C,KAAK,OACL8C,YAAa,aACbC,eAAe,gBACfC,YAAazD,EACbY,UAAQ;iBAIXiB,IAAC6B,EAAAA,SAAc9B,UAAU,sCACxBF,+BAACiC,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,IAAK,IACxBnC,SAAA;eAAAG,EAAAA,IAACiC,EAAAA,QAAOlC,UAAU,gDAAgDO,QAASjB,EAAkBkB,SAAUrB,EAAcW,SAAA;eACrHG,EAAAA,IAACiC,EAAAA,OAAA,CAAO/B,KAAK,SAASgC,KAAK,gBAAgB3B,SAAUrB,EAAciD,QAASjD,kBAAgBc,EAAAA,IAACoC,EAAAA,QAAA,CAAiBC,KAAM,KAAOxC,SAAA"}

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

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
-import ActionBar from "../../../components/action-bar/action-bar/index.esm.js";
+import { ActionBar } from "../../../components/action-bar/action-bar/index.esm.js";
 import viewTypes from "../../../constants/action-bar/index.esm.js";
 import { MaterialTable } from "../../../components/material-table/material-table/index.esm.js";
 import { Typography } from "../../../components/typography/typography/index.esm.js";
-import Fallback from "../../../components/fallback/fallback/index.esm.js";
-import Menu from "../../../components/menu/menu/index.esm.js";
-import Footer from "../../../components/footer/footer/index.esm.js";
+import { Fallback } from "../../../components/fallback/fallback/index.esm.js";
+import { Menu } from "../../../components/menu/menu/index.esm.js";
+import { Footer } from "../../../components/footer/footer/index.esm.js";
 import useDeepMemo from "../../../hooks/use-deep-memo/index.esm.js";
 import { usePages } from "../../../hooks/use-pages/index.esm.js";
 import { transformTableColumns } from "../../../utils/common-utility/index.esm.js";
@@ -19,7 +19,7 @@ import { templateRoutes } from "../utils/common/index.esm.js";
 import { useNavigate } from "react-router-dom";
 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 { 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                          */

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"),x=,/* empty css                                                   */b=,/* empty css                     */f=require("react-router-dom"),y=,/* empty css                                    */h=,/* 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:w}=j.useTranslation(),{activePage:M,updatePageInfo:T,schemaFields:_,generatedColumns:E,updateGeneratedColumns:P}=d.usePages(),N=u.default(M),[I,R]=t.useState(null),D=localStorage.getItem("email-subjects-view"),[F,O]=t.useState(D?JSON.parse(D):[{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=f.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=y.usePermissions(),re=b.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)}}):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(S),"email"==S&&s.push("approval_email");const l=m.appendConditionSafely(t,`&type.in=[${s.join(",")}]&module.eq=${k}${i}`),n=await h.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:w,enableFooter:!0,rows:ge,statusClasses:""}),[ge,w,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==F?void 0:F.length)&&localStorage.setItem("email-subjects-view",JSON.stringify(F))},[F]),/* @__PURE__ */e.jsxs("section",{className:"templates",children:[
-/* @__PURE__ */e.jsx(a.default,{title:"email"===S?"Emails":"PDFs",data:F,setData:O,active:$,setActive:G,handleSearch:e=>{T({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=>T({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.default,{heading:w("rental.settings.termsAndConditions.title"),subHeading:"No data available",icon:/* @__PURE__ */e.jsx("img",{src:p.images.invoiceFallback})}),
-/* @__PURE__ */e.jsx(r.default,{total:le,paginationModel:{...z,limit:N.page_size},handlePaginationModel:e=>{N.page_size!=(null==e?void 0:e.limit)&&T({page_size:e.limit}),B(e)},resource:""}),
-/* @__PURE__ */e.jsxs(o.default,{anchorEl:I,open:Boolean(I),onClose:()=>R(null),children:[
-/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:w("common.upload")})}),
-/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:w("common.print")})})]}),H&&/* @__PURE__ */e.jsx(v.default,{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})]})};
+"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:""}),
+/* @__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})]})};
 //# sourceMappingURL=index.js.map