npm - @erpsquad/common - Versions diffs - 1.11.8 → 1.11.9 - Mend

@erpsquad/common 1.11.8 → 1.11.9

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

Files changed (599) hide show

package/dist/chunks/{template-modal-X-iSmlki.js.map → template-modal-BXZblB-i.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"template-modal-X-iSmlki.js","sources":["../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx","../../src/views/template-editor/template-modal/html-thumbnail-preview-full.tsx","../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\nconst HtmlThumbnailPreview = ({ \n template, \n width = 300, \n height = 200, \n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n normalView = false,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef(null);\n const contentRef = useRef(null);\n const loadingTimeoutRef = useRef(null);\n const refreshTimeoutRef = useRef(null);\n\n // Calculate dimensions based on scale\n const scaledWidth = width / currentScale;\n const scaledHeight = height / currentScale;\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n };\n }, []);\n\n // Handle initial loading\n useEffect(() => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n \n loadingTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, loadingDelay);\n\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n };\n }, [template.contents, loadingDelay]);\n\n // Handle external loading state\n useEffect(() => {\n setIsLoading(isFetching);\n }, [isFetching]);\n\n // Memoized event handlers\n const handleZoomIn = useCallback(() => {\n setCurrentScale(prev => Math.min(prev scaleStep, maxScale));\n }, [scaleStep, maxScale]);\n\n const handleZoomOut = useCallback(() => {\n setCurrentScale(prev => Math.max(prev / scaleStep, minScale));\n }, [scaleStep, minScale]);\n\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n \n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n \n refreshTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) {\n onClick(template);\n }\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e) => {\n e.stopPropagation(); // Prevent triggering onClick\n if (onDelete && !template?.is_default) {\n onDelete(template);\n }\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n // Loading state\n if (isLoading) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'divider'\n }}\n >\n <Skeleton \n variant=\"rectangular\" \n width=\"100%\" \n height=\"100%\" \n animation=\"wave\"\n />\n </Box>\n );\n }\n\n // Error state\n if (error) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'error.main',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'error.light',\n color: 'error.contrastText'\n }}\n >\n Failed to load template\n </Box>\n );\n }\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box \n sx={{ position: 'relative', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n {/* Main Container /}\n <Box\n ref={containerRef}\n onClick={handleClick}\n sx={(theme) => ({\n width,\n height,\n border: '1px solid',\n borderRadius: 1,\n overflow: 'hidden',\n position: 'relative',\n cursor: onClick ? 'pointer' : 'default',\n backgroundColor: '#fff',\n // boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? {\n boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\n transform: 'translateY(-1px)',\n } : {},\n borderColor: normalView && isSelected ? theme.palette.theme.primary[800] : 'grey.300',\n borderWidth: isSelected ? 2 : 1,\n })}\n >\n {/ Scaled Content Wrapper /}\n <Box\n sx={{\n width: scaledWidth,\n height: scaledHeight,\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n position: 'absolute',\n top: 0,\n left: 0,\n overflow: 'hidden',\n }}\n >\n {/ HTML Content /}\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n userSelect: 'none',\n pointerEvents: 'none',\n pt: 2,\n '& ': {\n maxWidth: '100% !important',\n boxSizing: 'border-box !important',\n },\n // Reset common problematic styles\n '& body': {\n margin: '0 !important',\n padding: '0 !important',\n overflow: 'hidden !important',\n },\n // Handle images\n '& img': {\n maxWidth: '100% !important',\n height: 'auto !important',\n },\n // Handle tables\n '& table': {\n width: '100% !important',\n tableLayout: 'fixed !important',\n },\n // Prevent absolute positioning issues\n '& [style=\"position: absolute\"]': {\n position: 'relative !important',\n },\n '& .email-container': {\n width: '85% !important',\n }\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n\n {/* Loading Overlay /}\n {isLoading && (\n <Box\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(255,255,255,0.8)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 2,\n }}\n >\n <Skeleton variant=\"rectangular\" width=\"90%\" height=\"90%\" />\n </Box>\n )}\n\n {/ Selection Indicator /}\n {template?.is_default && (\n <Box\n sx={(theme) => ({\n position: 'absolute',\n top: 8,\n left: 8,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: theme.palette.theme?.primary[800],\n zIndex: 3,\n })}\n />\n )}\n </Box>\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{width, mt:0.5}}>{template?.name}</Typography>}\n\n {/ Hover Controls /}\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box\n sx={{\n position: 'absolute',\n top: -8,\n right: -8,\n display: 'flex',\n gap: 0.5,\n zIndex: 4,\n backgroundColor: 'rgba(255,255,255,0.95)',\n border: '1px solid',\n borderColor: 'grey.300',\n borderRadius: 2,\n padding: 0.5,\n boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\n backdropFilter: 'blur(4px)',\n }}\n >\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomIn}\n disabled={!canZoomIn}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomIn fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomOut}\n disabled={!canZoomOut}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomOut fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton\n size=\"small\"\n onClick={handleRefresh}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n }}\n >\n <Refresh fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n {onDelete && (\n <>\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n <Tooltip \n title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} \n arrow\n >\n <span>\n <IconButton\n size=\"small\"\n onClick={handleDelete}\n disabled={!canDelete}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': !canDelete ? {} : { \n backgroundColor: 'error.light',\n color: 'error.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <Trash fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n </>\n )}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport { HtmlThumbnailPreview };\nexport default HtmlThumbnailPreview;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\ninterface HtmlThumbnailPreviewProps {\n template: any;\n width?: number \| string; \n height?: number;\n scale?: number;\n showControls?: boolean;\n onClick?: (template: any) => void;\n selectedTemplateId?: string;\n isFetching?: boolean;\n onDelete?: (template: any) => void;\n normalView?: boolean;\n minScale?: number;\n maxScale?: number;\n scaleStep?: number;\n loadingDelay?: number;\n refreshDelay?: number;\n}\n\nconst HtmlThumbnailPreviewFull: React.FC<HtmlThumbnailPreviewProps> = ({\n template,\n width = '100%',\n height = 800,\n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n normalView = false,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState<null \| string>(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const loadingTimeoutRef = useRef<any>(null);\n const refreshTimeoutRef = useRef<any>(null);\n\n const [containerPixelWidth, setContainerPixelWidth] = useState<number>(typeof width === 'number' ? width : 800);\n\n // Measure container width for responsive scaling\n useEffect(() => {\n const updateWidth = () => {\n if (containerRef.current) {\n const newWidth = containerRef.current.offsetWidth;\n setContainerPixelWidth(newWidth);\n }\n };\n updateWidth();\n window.addEventListener('resize', updateWidth);\n return () => window.removeEventListener('resize', updateWidth);\n }, []);\n\n const scaledWidth = containerPixelWidth / currentScale;\n const scaledHeight = height / currentScale;\n\n useEffect(() => {\n return () => {\n clearTimeout(loadingTimeoutRef.current);\n clearTimeout(refreshTimeoutRef.current);\n };\n }, []);\n\n useEffect(() => {\n clearTimeout(loadingTimeoutRef.current);\n loadingTimeoutRef.current = setTimeout(() => setIsLoading(false), loadingDelay);\n return () => clearTimeout(loadingTimeoutRef.current);\n }, [template.contents, loadingDelay]);\n\n useEffect(() => setIsLoading(isFetching), [isFetching]);\n\n const handleZoomIn = useCallback(() => setCurrentScale(prev => Math.min(prev scaleStep, maxScale)), [scaleStep, maxScale]);\n const handleZoomOut = useCallback(() => setCurrentScale(prev => Math.max(prev / scaleStep, minScale)), [scaleStep, minScale]);\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n clearTimeout(refreshTimeoutRef.current);\n refreshTimeoutRef.current = setTimeout(() => setIsLoading(false), refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) onClick(template);\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n if (onDelete && !template?.is_default) onDelete(template);\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n if (isLoading) return (\n <Box sx={{ width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid', borderColor: 'divider' }}>\n <Skeleton variant=\"rectangular\" width=\"100%\" height=\"100%\" animation=\"wave\" />\n </Box>\n );\n\n if (error) return (\n <Box sx={{\n width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid',\n borderColor: 'error.main', display: 'flex', alignItems: 'center', justifyContent: 'center',\n backgroundColor: 'error.light', color: 'error.contrastText'\n }}>\n Failed to load template\n </Box>\n );\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box\n ref={containerRef}\n sx={{ position: 'relative', width, marginInline: 'auto', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <Box\n onClick={handleClick}\n sx={(theme) => ({\n width: '100%',\n height,\n marginBlock: 0,\n overflow: 'hidden',\n position: 'relative',\n backgroundColor: '#fff',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? { boxShadow: '0 4px 16px rgba(0,0,0,0.15)', transform: 'translateY(-1px)' } : {},\n })}\n >\n <Box\n sx={{\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center', \n alignItems: 'center', \n overflow: 'auto',\n backgroundColor: '#fff',\n }}\n >\n <Box\n sx={{\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n pointerEvents: 'none',\n userSelect: 'none',\n width: containerPixelWidth,\n height: height,\n }}\n >\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n '& ': { maxWidth: '100% !important', boxSizing: 'border-box !important' },\n '& body': { margin: 0, padding: 0, overflow: 'hidden' },\n '& img': { maxWidth: '100% !important', height: 'auto !important' },\n '& table': { width: '100% !important', tableLayout: 'fixed !important' },\n '& [style=\"position: absolute\"]': { position: 'relative !important' },\n '& .email-container': { width: '85% !important' },\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n </Box>\n\n {template?.is_default && (\n <Box sx={(theme) => ({ position: 'absolute', top: 8, left: 8, width: 12, height: 12, borderRadius: '50%', backgroundColor: theme.palette.theme.primary[800], zIndex: 3 })} />\n )}\n </Box>\n\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{ width, mt: 0.5 }}>{template?.name}</Typography>}\n\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box sx={{ position: 'absolute', top: -8, right: -8, display: 'flex', gap: 0.5, zIndex: 4, backgroundColor: 'rgba(255,255,255,0.95)', border: '1px solid', borderColor: 'grey.300', borderRadius: 2, padding: 0.5, boxShadow: '0 4px 12px rgba(0,0,0,0.15)', backdropFilter: 'blur(4px)' }}>\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomIn} disabled={!canZoomIn}><ZoomIn fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomOut} disabled={!canZoomOut}><ZoomOut fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton size=\"small\" onClick={handleRefresh}><Refresh fontSize=\"small\" /></IconButton>\n </Tooltip>\n {onDelete && <>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} arrow>\n <span><IconButton size=\"small\" onClick={handleDelete} disabled={!canDelete}><Trash fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n </>}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport default HtmlThumbnailPreviewFull;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useEffect, useState } from 'react';\nimport { \n DialogTitle, \n DialogContent, \n DialogActions,\n IconButton,\n Box,\n MenuItem\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../../../components/typography/typography';\nimport Modal from '../../../components/modal/modal';\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\nimport { getErrorMessage, getToken } from '../../../utils/common';\nimport Button from '../../../components/button/button';\n// import ModalLoader from '../../../components/loader/modal-loader';\nimport { useNavigate } from 'react-router-dom';\nimport { enqueueSnackbar } from 'notistack';\nimport Select from '../../../components/select/select';\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\nimport HtmlThumbnailPreviewFull from './html-thumbnail-preview-full';\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes, source = 'add' }) => {\n const [templates, setTemplates] = useState([]);\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [defaultTemplate, setDefaultTemplate] = useState('');\n const [loading, setLoding] = useState(true);\n const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id \|\| 0);\n const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> \| null>(null);\n const [selectedTemplateForPreview, setSelectedTemplateForPreview] = useState(null);\n\n const navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleViewTemplate = () => {\n navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { \n state: { company_id: selectedCompany, isViewOnly: true, fromPreview: true }\n });\n };\n\n const handleTemplateSelect = (id: any) => {\n if (source === 'view') {\n const template = templates.find((t: any) => t?._id === id);\n setSelectedTemplateForPreview(template);\n setSelectedTemplate(id);\n handleViewTemplate();\n } else {\n setSelectedTemplate(id);\n }\n }\n\n const getTemplatesViaSubject = async () => {\n setLoding(true)\n const res = await getV1Templates({ ...getToken(), filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\n if(res?.data) {\n const dTemplate = res?.data?.find(t => t.is_default === true)\n setDefaultTemplate(dTemplate)\n setSelectedTemplate(dTemplate?._id)\n setTemplates(res?.data)\n }\n\n setLoding(false)\n }\n\n const handleDefaultTemplate = async () => {\n try {\n await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\n enqueueSnackbar('Template has been set as default');\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n const handleDeleteTemplate = async () => {\n try {\n if(templateToDelete) {\n await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\n enqueueSnackbar('Template has been deleted');\n setTemplateToDelete(null)\n await getTemplatesViaSubject()\n }\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n useEffect(() => {\n getTemplatesViaSubject()\n return () => { setLoding(true) }\n }, [selectedCompany])\n\n return (\n <div>\n <Modal \n open={open} \n onClose={handleClose} \n maxWidth=\"lg\" \n fullWidth\n aria-labelledby=\"email-template-selection\"\n sx={{\n '& .MuiDialog-paper': {\n height: '85vh',\n display: 'flex',\n flexDirection: 'column'\n }\n }}\n >\n\n {console.log(source, \"soure in modal +++++++++++++++++++++++debug\")}\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Box display='flex' alignItems='center' gap={2}>\n {selectedTemplateForPreview && (\n <IconButton\n onClick={() => setSelectedTemplateForPreview(null)}\n size='small'\n sx={{ color: (theme) => theme.palette.grey[700] }}\n >\n <Typography>← Back</Typography>\n </IconButton>\n )}\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ flex: 1, textAlign: 'center' }}> \n {selectedTemplateForPreview ? 'Template Preview' : (source === 'view' ? 'Template Preview' : 'Select Template')}\n </Typography>\n </Box>\n <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\n <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\n <Select\n displayEmpty\n value={selectedCompany}\n size='small'\n renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\n // fullWidth\n // sx={{\n // bgcolor: 'white',\n // borderRadius: 1,\n // '& .MuiSelect-select': { py: 0.75 }\n // }}\n onChange={(e) => {\n if (e.target.value) {\n setSelectedCompany(e.target.value as number);\n }\n }}>\n {companies.map((option) => (\n <MenuItem key={option.value} value={option.value}>\n <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\n </MenuItem>\n ))}\n </Select>\n <IconButton\n aria-label=\"close\"\n onClick={handleClose}\n size='small'\n sx={{\n color: (theme) => theme.palette.grey[500],\n }}\n >\n <CloseIcon fontSize='small'/>\n </IconButton>\n </Box>\n </DialogTitle>\n \n {\n selectedTemplateForPreview ? (\n <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 3, width: '100%', p: 3, flex: 1, overflow: 'auto', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ Main Preview /}\n <Box sx={{ width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>\n <HtmlThumbnailPreviewFull\n template={selectedTemplateForPreview}\n width={'100%'}\n height={600}\n scale={1}\n showControls={true}\n isFetching={loading}\n normalView={true}\n />\n </Box>\n </DialogContent>\n ) : (\n <DialogContent sx={{ flex: 1, overflow: 'auto', display: 'flex', flexDirection: 'column', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ <Grid container spacing={6}> */}\n {!templates.length && (\n // <Grid item xs={12} sx={{ minHeight: 350}}>\n <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\n {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\n </Box>\n // </Grid>\n )}\n <Box sx={{ \n display: 'grid', \n gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \n gap: 2, \n p: 2,\n justifyItems: 'center',\n alignItems: 'center'\n }}>\n {templates.map((template, index) => (\n <HtmlThumbnailPreview\n key={template._id \|\| index}\n template={template}\n width={300}\n height={200}\n showControls={source === 'add'}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n normalView={source === 'add'}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n </DialogContent>\n )}\n {source === 'add' && (\n <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\n <Button\n onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\n disabled={!selectedTemplate}\n >\n Continue\n </Button>\n <Button\n onClick={() => handleDefaultTemplate()}\n disabled={!selectedTemplate \|\| defaultTemplate?._id === selectedTemplate}\n >\n Set to Default\n </Button>\n </DialogActions>\n )}\n </Modal>\n <ConfirmPopUp\n open={templateToDelete !== null}\n onClose={() => setTemplateToDelete(null)}\n title='Remove Template'\n description='Are you sure you want to delete ?'\n onConfirm={() => handleDeleteTemplate()}\n loading={loading}\n />\n </div>\n );\n};\n\nexport { TemplateModal };\nexport default TemplateModal;"],"names":["useState","useRef","useEffect","useCallback","jsx","Box","Skeleton","jsxs","Typography","Fade","Tooltip","IconButton","ZoomIn","Divider","ZoomOut","Refresh","Fragment","Trash","useNavigate","getV1Templates","getToken","_a","patchV1TemplatesIdSetDefault","enqueueSnackbar","getErrorMessage","deleteV1TemplatesId","Modal","DialogTitle","Select","MenuItem","CloseIcon","DialogContent","template","DialogActions","Button","ConfirmPopUp"],"mappings":"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"}
1	+ {"version":3,"file":"template-modal-BXZblB-i.js","sources":["../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx","../../src/views/template-editor/template-modal/html-thumbnail-preview-full.tsx","../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\nconst HtmlThumbnailPreview = ({ \n template, \n width = 300, \n height = 200, \n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n normalView = false,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef(null);\n const contentRef = useRef(null);\n const loadingTimeoutRef = useRef(null);\n const refreshTimeoutRef = useRef(null);\n\n // Calculate dimensions based on scale\n const scaledWidth = width / currentScale;\n const scaledHeight = height / currentScale;\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n };\n }, []);\n\n // Handle initial loading\n useEffect(() => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n \n loadingTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, loadingDelay);\n\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n };\n }, [template.contents, loadingDelay]);\n\n // Handle external loading state\n useEffect(() => {\n setIsLoading(isFetching);\n }, [isFetching]);\n\n // Memoized event handlers\n const handleZoomIn = useCallback(() => {\n setCurrentScale(prev => Math.min(prev scaleStep, maxScale));\n }, [scaleStep, maxScale]);\n\n const handleZoomOut = useCallback(() => {\n setCurrentScale(prev => Math.max(prev / scaleStep, minScale));\n }, [scaleStep, minScale]);\n\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n \n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n \n refreshTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) {\n onClick(template);\n }\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e) => {\n e.stopPropagation(); // Prevent triggering onClick\n if (onDelete && !template?.is_default) {\n onDelete(template);\n }\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n // Loading state\n if (isLoading) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'divider'\n }}\n >\n <Skeleton \n variant=\"rectangular\" \n width=\"100%\" \n height=\"100%\" \n animation=\"wave\"\n />\n </Box>\n );\n }\n\n // Error state\n if (error) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'error.main',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'error.light',\n color: 'error.contrastText'\n }}\n >\n Failed to load template\n </Box>\n );\n }\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box \n sx={{ position: 'relative', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n {/* Main Container /}\n <Box\n ref={containerRef}\n onClick={handleClick}\n sx={(theme) => ({\n width,\n height,\n border: '1px solid',\n borderRadius: 1,\n overflow: 'hidden',\n position: 'relative',\n cursor: onClick ? 'pointer' : 'default',\n backgroundColor: '#fff',\n // boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? {\n boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\n transform: 'translateY(-1px)',\n } : {},\n borderColor: normalView && isSelected ? theme.palette.theme.primary[800] : 'grey.300',\n borderWidth: isSelected ? 2 : 1,\n })}\n >\n {/ Scaled Content Wrapper /}\n <Box\n sx={{\n width: scaledWidth,\n height: scaledHeight,\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n position: 'absolute',\n top: 0,\n left: 0,\n overflow: 'hidden',\n }}\n >\n {/ HTML Content /}\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n userSelect: 'none',\n pointerEvents: 'none',\n pt: 2,\n '& ': {\n maxWidth: '100% !important',\n boxSizing: 'border-box !important',\n },\n // Reset common problematic styles\n '& body': {\n margin: '0 !important',\n padding: '0 !important',\n overflow: 'hidden !important',\n },\n // Handle images\n '& img': {\n maxWidth: '100% !important',\n height: 'auto !important',\n },\n // Handle tables\n '& table': {\n width: '100% !important',\n tableLayout: 'fixed !important',\n },\n // Prevent absolute positioning issues\n '& [style=\"position: absolute\"]': {\n position: 'relative !important',\n },\n '& .email-container': {\n width: '85% !important',\n }\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n\n {/* Loading Overlay /}\n {isLoading && (\n <Box\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(255,255,255,0.8)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 2,\n }}\n >\n <Skeleton variant=\"rectangular\" width=\"90%\" height=\"90%\" />\n </Box>\n )}\n\n {/ Selection Indicator /}\n {template?.is_default && (\n <Box\n sx={(theme) => ({\n position: 'absolute',\n top: 8,\n left: 8,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: theme.palette.theme?.primary[800],\n zIndex: 3,\n })}\n />\n )}\n </Box>\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{width, mt:0.5}}>{template?.name}</Typography>}\n\n {/ Hover Controls /}\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box\n sx={{\n position: 'absolute',\n top: -8,\n right: -8,\n display: 'flex',\n gap: 0.5,\n zIndex: 4,\n backgroundColor: 'rgba(255,255,255,0.95)',\n border: '1px solid',\n borderColor: 'grey.300',\n borderRadius: 2,\n padding: 0.5,\n boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\n backdropFilter: 'blur(4px)',\n }}\n >\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomIn}\n disabled={!canZoomIn}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomIn fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomOut}\n disabled={!canZoomOut}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomOut fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton\n size=\"small\"\n onClick={handleRefresh}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n }}\n >\n <Refresh fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n {onDelete && (\n <>\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n <Tooltip \n title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} \n arrow\n >\n <span>\n <IconButton\n size=\"small\"\n onClick={handleDelete}\n disabled={!canDelete}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': !canDelete ? {} : { \n backgroundColor: 'error.light',\n color: 'error.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <Trash fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n </>\n )}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport { HtmlThumbnailPreview };\nexport default HtmlThumbnailPreview;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\ninterface HtmlThumbnailPreviewProps {\n template: any;\n width?: number \| string; \n height?: number;\n scale?: number;\n showControls?: boolean;\n onClick?: (template: any) => void;\n selectedTemplateId?: string;\n isFetching?: boolean;\n onDelete?: (template: any) => void;\n normalView?: boolean;\n minScale?: number;\n maxScale?: number;\n scaleStep?: number;\n loadingDelay?: number;\n refreshDelay?: number;\n}\n\nconst HtmlThumbnailPreviewFull: React.FC<HtmlThumbnailPreviewProps> = ({\n template,\n width = '100%',\n height = 800,\n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n normalView = false,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState<null \| string>(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const loadingTimeoutRef = useRef<any>(null);\n const refreshTimeoutRef = useRef<any>(null);\n\n const [containerPixelWidth, setContainerPixelWidth] = useState<number>(typeof width === 'number' ? width : 800);\n\n // Measure container width for responsive scaling\n useEffect(() => {\n const updateWidth = () => {\n if (containerRef.current) {\n const newWidth = containerRef.current.offsetWidth;\n setContainerPixelWidth(newWidth);\n }\n };\n updateWidth();\n window.addEventListener('resize', updateWidth);\n return () => window.removeEventListener('resize', updateWidth);\n }, []);\n\n const scaledWidth = containerPixelWidth / currentScale;\n const scaledHeight = height / currentScale;\n\n useEffect(() => {\n return () => {\n clearTimeout(loadingTimeoutRef.current);\n clearTimeout(refreshTimeoutRef.current);\n };\n }, []);\n\n useEffect(() => {\n clearTimeout(loadingTimeoutRef.current);\n loadingTimeoutRef.current = setTimeout(() => setIsLoading(false), loadingDelay);\n return () => clearTimeout(loadingTimeoutRef.current);\n }, [template.contents, loadingDelay]);\n\n useEffect(() => setIsLoading(isFetching), [isFetching]);\n\n const handleZoomIn = useCallback(() => setCurrentScale(prev => Math.min(prev scaleStep, maxScale)), [scaleStep, maxScale]);\n const handleZoomOut = useCallback(() => setCurrentScale(prev => Math.max(prev / scaleStep, minScale)), [scaleStep, minScale]);\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n clearTimeout(refreshTimeoutRef.current);\n refreshTimeoutRef.current = setTimeout(() => setIsLoading(false), refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) onClick(template);\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n if (onDelete && !template?.is_default) onDelete(template);\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n if (isLoading) return (\n <Box sx={{ width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid', borderColor: 'divider' }}>\n <Skeleton variant=\"rectangular\" width=\"100%\" height=\"100%\" animation=\"wave\" />\n </Box>\n );\n\n if (error) return (\n <Box sx={{\n width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid',\n borderColor: 'error.main', display: 'flex', alignItems: 'center', justifyContent: 'center',\n backgroundColor: 'error.light', color: 'error.contrastText'\n }}>\n Failed to load template\n </Box>\n );\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box\n ref={containerRef}\n sx={{ position: 'relative', width, marginInline: 'auto', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <Box\n onClick={handleClick}\n sx={(theme) => ({\n width: '100%',\n height,\n marginBlock: 0,\n overflow: 'hidden',\n position: 'relative',\n backgroundColor: '#fff',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? { boxShadow: '0 4px 16px rgba(0,0,0,0.15)', transform: 'translateY(-1px)' } : {},\n })}\n >\n <Box\n sx={{\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center', \n alignItems: 'center', \n overflow: 'auto',\n backgroundColor: '#fff',\n }}\n >\n <Box\n sx={{\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n pointerEvents: 'none',\n userSelect: 'none',\n width: containerPixelWidth,\n height: height,\n }}\n >\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n '& ': { maxWidth: '100% !important', boxSizing: 'border-box !important' },\n '& body': { margin: 0, padding: 0, overflow: 'hidden' },\n '& img': { maxWidth: '100% !important', height: 'auto !important' },\n '& table': { width: '100% !important', tableLayout: 'fixed !important' },\n '& [style=\"position: absolute\"]': { position: 'relative !important' },\n '& .email-container': { width: '85% !important' },\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n </Box>\n\n {template?.is_default && (\n <Box sx={(theme) => ({ position: 'absolute', top: 8, left: 8, width: 12, height: 12, borderRadius: '50%', backgroundColor: theme.palette.theme.primary[800], zIndex: 3 })} />\n )}\n </Box>\n\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{ width, mt: 0.5 }}>{template?.name}</Typography>}\n\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box sx={{ position: 'absolute', top: -8, right: -8, display: 'flex', gap: 0.5, zIndex: 4, backgroundColor: 'rgba(255,255,255,0.95)', border: '1px solid', borderColor: 'grey.300', borderRadius: 2, padding: 0.5, boxShadow: '0 4px 12px rgba(0,0,0,0.15)', backdropFilter: 'blur(4px)' }}>\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomIn} disabled={!canZoomIn}><ZoomIn fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomOut} disabled={!canZoomOut}><ZoomOut fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton size=\"small\" onClick={handleRefresh}><Refresh fontSize=\"small\" /></IconButton>\n </Tooltip>\n {onDelete && <>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} arrow>\n <span><IconButton size=\"small\" onClick={handleDelete} disabled={!canDelete}><Trash fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n </>}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport default HtmlThumbnailPreviewFull;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useEffect, useState } from 'react';\nimport { \n DialogTitle, \n DialogContent, \n DialogActions,\n IconButton,\n Box,\n MenuItem\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../../../components/typography/typography';\nimport Modal from '../../../components/modal/modal';\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\nimport { getErrorMessage, getToken } from '../../../utils/common';\nimport Button from '../../../components/button/button';\n// import ModalLoader from '../../../components/loader/modal-loader';\nimport { useNavigate } from 'react-router-dom';\nimport { enqueueSnackbar } from 'notistack';\nimport Select from '../../../components/select/select';\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\nimport HtmlThumbnailPreviewFull from './html-thumbnail-preview-full';\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes, source = 'add' }) => {\n const [templates, setTemplates] = useState([]);\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [defaultTemplate, setDefaultTemplate] = useState('');\n const [loading, setLoding] = useState(true);\n const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id \|\| 0);\n const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> \| null>(null);\n const [selectedTemplateForPreview, setSelectedTemplateForPreview] = useState(null);\n\n const navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleViewTemplate = () => {\n navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { \n state: { company_id: selectedCompany, isViewOnly: true, fromPreview: true }\n });\n };\n\n const handleTemplateSelect = (id: any) => {\n if (source === 'view') {\n const template = templates.find((t: any) => t?._id === id);\n setSelectedTemplateForPreview(template);\n setSelectedTemplate(id);\n handleViewTemplate();\n } else {\n setSelectedTemplate(id);\n }\n }\n\n const getTemplatesViaSubject = async () => {\n setLoding(true)\n const res = await getV1Templates({ ...getToken(), filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\n if(res?.data) {\n const dTemplate = res?.data?.find(t => t.is_default === true)\n setDefaultTemplate(dTemplate)\n setSelectedTemplate(dTemplate?._id)\n setTemplates(res?.data)\n }\n\n setLoding(false)\n }\n\n const handleDefaultTemplate = async () => {\n try {\n await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\n enqueueSnackbar('Template has been set as default');\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n const handleDeleteTemplate = async () => {\n try {\n if(templateToDelete) {\n await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\n enqueueSnackbar('Template has been deleted');\n setTemplateToDelete(null)\n await getTemplatesViaSubject()\n }\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n useEffect(() => {\n getTemplatesViaSubject()\n return () => { setLoding(true) }\n }, [selectedCompany])\n\n return (\n <div>\n <Modal \n open={open} \n onClose={handleClose} \n maxWidth=\"lg\" \n fullWidth\n aria-labelledby=\"email-template-selection\"\n sx={{\n '& .MuiDialog-paper': {\n height: '85vh',\n display: 'flex',\n flexDirection: 'column'\n }\n }}\n >\n\n {console.log(source, \"soure in modal +++++++++++++++++++++++debug\")}\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Box display='flex' alignItems='center' gap={2}>\n {selectedTemplateForPreview && (\n <IconButton\n onClick={() => setSelectedTemplateForPreview(null)}\n size='small'\n sx={{ color: (theme) => theme.palette.grey[700] }}\n >\n <Typography>← Back</Typography>\n </IconButton>\n )}\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ flex: 1, textAlign: 'center' }}> \n {selectedTemplateForPreview ? 'Template Preview' : (source === 'view' ? 'Template Preview' : 'Select Template')}\n </Typography>\n </Box>\n <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\n <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\n <Select\n displayEmpty\n value={selectedCompany}\n size='small'\n renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\n // fullWidth\n // sx={{\n // bgcolor: 'white',\n // borderRadius: 1,\n // '& .MuiSelect-select': { py: 0.75 }\n // }}\n onChange={(e) => {\n if (e.target.value) {\n setSelectedCompany(e.target.value as number);\n }\n }}>\n {companies.map((option) => (\n <MenuItem key={option.value} value={option.value}>\n <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\n </MenuItem>\n ))}\n </Select>\n <IconButton\n aria-label=\"close\"\n onClick={handleClose}\n size='small'\n sx={{\n color: (theme) => theme.palette.grey[500],\n }}\n >\n <CloseIcon fontSize='small'/>\n </IconButton>\n </Box>\n </DialogTitle>\n \n {\n selectedTemplateForPreview ? (\n <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 3, width: '100%', p: 3, flex: 1, overflow: 'auto', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ Main Preview /}\n <Box sx={{ width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>\n <HtmlThumbnailPreviewFull\n template={selectedTemplateForPreview}\n width={'100%'}\n height={600}\n scale={1}\n showControls={true}\n isFetching={loading}\n normalView={true}\n />\n </Box>\n </DialogContent>\n ) : (\n <DialogContent sx={{ flex: 1, overflow: 'auto', display: 'flex', flexDirection: 'column', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ <Grid container spacing={6}> */}\n {!templates.length && (\n // <Grid item xs={12} sx={{ minHeight: 350}}>\n <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\n {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\n </Box>\n // </Grid>\n )}\n <Box sx={{ \n display: 'grid', \n gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \n gap: 2, \n p: 2,\n justifyItems: 'center',\n alignItems: 'center'\n }}>\n {templates.map((template, index) => (\n <HtmlThumbnailPreview\n key={template._id \|\| index}\n template={template}\n width={300}\n height={200}\n showControls={source === 'add'}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n normalView={source === 'add'}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n </DialogContent>\n )}\n {source === 'add' && (\n <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\n <Button\n onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\n disabled={!selectedTemplate}\n >\n Continue\n </Button>\n <Button\n onClick={() => handleDefaultTemplate()}\n disabled={!selectedTemplate \|\| defaultTemplate?._id === selectedTemplate}\n >\n Set to Default\n </Button>\n </DialogActions>\n )}\n </Modal>\n <ConfirmPopUp\n open={templateToDelete !== null}\n onClose={() => setTemplateToDelete(null)}\n title='Remove Template'\n description='Are you sure you want to delete ?'\n onConfirm={() => handleDeleteTemplate()}\n loading={loading}\n />\n </div>\n );\n};\n\nexport { TemplateModal };\nexport default TemplateModal;"],"names":["useState","useRef","useEffect","useCallback","jsx","Box","Skeleton","jsxs","Typography","Fade","Tooltip","IconButton","ZoomIn","Divider","ZoomOut","Refresh","Fragment","Trash","useNavigate","getV1Templates","getToken","_a","patchV1TemplatesIdSetDefault","enqueueSnackbar","getErrorMessage","deleteV1TemplatesId","Modal","DialogTitle","Select","MenuItem","CloseIcon","DialogContent","template","DialogActions","Button","ConfirmPopUp"],"mappings":";;;;;;;;;;;;;;;;AAQA,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AACf,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,cAAc,IAAI;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAS,KAAK;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,KAAK;AAChD,QAAM,eAAeC,MAAAA,OAAO,IAAI;AAChC,QAAM,aAAaA,MAAAA,OAAO,IAAI;AAC9B,QAAM,oBAAoBA,MAAAA,OAAO,IAAI;AACrC,QAAM,oBAAoBA,MAAAA,OAAO,IAAI;AAGrC,QAAM,cAAc,QAAQ;AAC5B,QAAM,eAAe,SAAS;AAG9BC,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,kBAAkB,SAAS;AAC7B,qBAAa,kBAAkB,OAAO;AAAA,MACxC;AACA,UAAI,kBAAkB,SAAS;AAC7B,qBAAa,kBAAkB,OAAO;AAAA,MACxC;AAAA,IACF;AAAA,EACF,GAAG,CAAA,CAAE;AAGLA,QAAAA,UAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,mBAAa,kBAAkB,OAAO;AAAA,IACxC;AAEA,sBAAkB,UAAU,WAAW,MAAM;AAC3C,mBAAa,KAAK;AAAA,IACpB,GAAG,YAAY;AAEf,WAAO,MAAM;AACX,UAAI,kBAAkB,SAAS;AAC7B,qBAAa,kBAAkB,OAAO;AAAA,MACxC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,YAAY,CAAC;AAGpCA,QAAAA,UAAU,MAAM;AACd,iBAAa,UAAU;AAAA,EACzB,GAAG,CAAC,UAAU,CAAC;AAGf,QAAM,eAAeC,MAAAA,YAAY,MAAM;AACrC,oBAAgB,UAAQ,KAAK,IAAI,OAAO,WAAW,QAAQ,CAAC;AAAA,EAC9D,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,QAAM,gBAAgBA,MAAAA,YAAY,MAAM;AACtC,oBAAgB,UAAQ,KAAK,IAAI,OAAO,WAAW,QAAQ,CAAC;AAAA,EAC9D,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,QAAM,gBAAgBA,MAAAA,YAAY,MAAM;AACtC,iBAAa,IAAI;AACjB,aAAS,IAAI;AAEb,QAAI,kBAAkB,SAAS;AAC7B,mBAAa,kBAAkB,OAAO;AAAA,IACxC;AAEA,sBAAkB,UAAU,WAAW,MAAM;AAC3C,mBAAa,KAAK;AAAA,IACpB,GAAG,YAAY;AAAA,EACjB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,cAAcA,MAAAA,YAAY,MAAM;AACpC,QAAI,WAAW,CAAC,WAAW;AACzB,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,SAAS,CAAC;AAEjC,QAAM,eAAeA,kBAAY,CAAC,MAAM;AACtC,MAAE,gBAAA;AACF,QAAI,YAAY,EAAC,qCAAU,aAAY;AACrC,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,mBAAmBA,MAAAA,YAAY,MAAM;AACzC,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmBA,MAAAA,YAAY,MAAM;AACzC,iBAAa,KAAK;AAAA,EACpB,GAAG,CAAA,CAAE;AAGL,MAAI,WAAW;AACb,WACEC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,aAAa;AAAA,QAAA;AAAA,QAGf,UAAAD,2BAAAA;AAAAA,UAACE,SAAAA;AAAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,QAAO;AAAA,YACP,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAGN;AAGA,MAAI,OAAO;AACT,WACEF,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,iBAAiB;AAAA,UACjB,OAAO;AAAA,QAAA;AAAA,QAEV,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIL;AAEA,QAAM,aAAa,uBAAuB,SAAS;AACnD,QAAM,YAAY,eAAe;AACjC,QAAM,aAAa,eAAe;AAClC,QAAM,YAAY,EAAC,qCAAU;AAE7B,SACEE,2BAAAA;AAAAA,IAACF,SAAAA;AAAAA,IAAA;AAAA,MACC,IAAI,EAAE,UAAU,YAAY,SAAS,eAAA;AAAA,MACrC,cAAc;AAAA,MACd,cAAc;AAAA,MAGd,UAAA;AAAA,QAAAE,2BAAAA;AAAAA,UAACF,SAAAA;AAAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,SAAS;AAAA,YACT,IAAI,CAAC,WAAW;AAAA,cACd;AAAA,cACA;AAAA,cACA,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,UAAU;AAAA,cACV,UAAU;AAAA,cACV,QAAQ,UAAU,YAAY;AAAA,cAC9B,iBAAiB;AAAA;AAAA,cAEjB,YAAY;AAAA,cACZ,WAAW,UAAU;AAAA,gBACnB,WAAW;AAAA,gBACX,WAAW;AAAA,cAAA,IACT,CAAA;AAAA,cACJ,aAAa,cAAc,aAAa,MAAM,QAAQ,MAAM,QAAQ,GAAG,IAAI;AAAA,cAC3E,aAAa,aAAa,IAAI;AAAA,YAAA;AAAA,YAIhC,UAAA;AAAA,cAAAD,2BAAAA;AAAAA,gBAACC,SAAAA;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,WAAW,SAAS,YAAY;AAAA,oBAChC,iBAAiB;AAAA,oBACjB,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,MAAM;AAAA,oBACN,UAAU;AAAA,kBAAA;AAAA,kBAIZ,UAAAD,2BAAAA;AAAAA,oBAACC,SAAAA;AAAAA,oBAAA;AAAA,sBACC,KAAK;AAAA,sBACL,IAAI;AAAA,wBACF,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,YAAY;AAAA,wBACZ,eAAe;AAAA,wBACf,IAAI;AAAA,wBACJ,OAAO;AAAA,0BACL,UAAU;AAAA,0BACV,WAAW;AAAA,wBAAA;AAAA;AAAA,wBAGb,UAAU;AAAA,0BACR,QAAQ;AAAA,0BACR,SAAS;AAAA,0BACT,UAAU;AAAA,wBAAA;AAAA;AAAA,wBAGZ,SAAS;AAAA,0BACP,UAAU;AAAA,0BACV,QAAQ;AAAA,wBAAA;AAAA;AAAA,wBAGV,WAAW;AAAA,0BACT,OAAO;AAAA,0BACP,aAAa;AAAA,wBAAA;AAAA;AAAA,wBAGf,oCAAoC;AAAA,0BAClC,UAAU;AAAA,wBAAA;AAAA,wBAEZ,sBAAsB;AAAA,0BACpB,OAAO;AAAA,wBAAA;AAAA,sBACT;AAAA,sBAEF,yBAAyB,EAAE,QAAQ,SAAS,SAAA;AAAA,oBAAS;AAAA,kBAAA;AAAA,gBACvD;AAAA,cAAA;AAAA,cAID,aACCD,2BAAAA;AAAAA,gBAACC,SAAAA;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,MAAM;AAAA,oBACN,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,iBAAiB;AAAA,oBACjB,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,gBAAgB;AAAA,oBAChB,QAAQ;AAAA,kBAAA;AAAA,kBAGV,yCAACC,SAAAA,UAAA,EAAS,SAAQ,eAAc,OAAM,OAAM,QAAO,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,eAK5D,qCAAU,eACTF,2BAAAA;AAAAA,gBAACC,SAAAA;AAAAA,gBAAA;AAAA,kBACC,IAAI,CAAC,UAAA;;AAAW;AAAA,sBACd,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,MAAM;AAAA,sBACN,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,cAAc;AAAA,sBACd,kBAAiB,WAAM,QAAQ,UAAd,mBAAqB,QAAQ;AAAA,sBAC9C,QAAQ;AAAA,oBAAA;AAAA;AAAA,gBACV;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,SAGH,qCAAU,SAAQD,2BAAAA,IAACI,yBAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,OAAM,UAAS,IAAI,EAAC,OAAO,IAAG,IAAA,GAAO,+CAAU,MAAK;AAAA,QAGzI,gBACCJ,2BAAAA,IAACK,SAAAA,MAAA,EAAK,IAAI,WAAW,SAAS,KAC5B,UAAAF,2BAAAA;AAAAA,UAACF,SAAAA;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,KAAK;AAAA,cACL,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,QAAQ;AAAA,cACR,aAAa;AAAA,cACb,cAAc;AAAA,cACd,SAAS;AAAA,cACT,WAAW;AAAA,cACX,gBAAgB;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAAD,2BAAAA,IAACM,SAAAA,SAAA,EAAQ,OAAO,YAAY,KAAK,MAAM,eAAe,GAAG,CAAC,MAAM,OAAK,MACnE,UAAAN,2BAAAA,IAAC,QAAA,EACC,UAAAA,2BAAAA;AAAAA,gBAACO,SAAAA;AAAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,UAAU,CAAC;AAAA,kBACX,IAAI;AAAA,oBACF,iBAAiB;AAAA,oBACjB,WAAW;AAAA,sBACT,iBAAiB;AAAA,sBACjB,OAAO;AAAA,oBAAA;AAAA,oBAET,cAAc;AAAA,sBACZ,SAAS;AAAA,oBAAA;AAAA,kBACX;AAAA,kBAGF,UAAAP,2BAAAA,IAACQ,cAAAA,QAAA,EAAO,UAAS,QAAA,CAAQ;AAAA,gBAAA;AAAA,cAAA,GAE7B,EAAA,CACF;AAAA,6CAECC,SAAAA,SAAA,EAAQ,aAAY,YAAW,SAAQ,UAAS,UAAQ,MAAC;AAAA,cAE1DT,2BAAAA,IAACM,SAAAA,SAAA,EAAQ,OAAO,aAAa,KAAK,MAAM,eAAe,GAAG,CAAC,MAAM,OAAK,MACpE,yCAAC,QAAA,EACC,UAAAN,2BAAAA;AAAAA,gBAACO,SAAAA;AAAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,UAAU,CAAC;AAAA,kBACX,IAAI;AAAA,oBACF,iBAAiB;AAAA,oBACjB,WAAW;AAAA,sBACT,iBAAiB;AAAA,sBACjB,OAAO;AAAA,oBAAA;AAAA,oBAET,cAAc;AAAA,sBACZ,SAAS;AAAA,oBAAA;AAAA,kBACX;AAAA,kBAGF,UAAAP,2BAAAA,IAACU,cAAAA,SAAA,EAAQ,UAAS,QAAA,CAAQ;AAAA,gBAAA;AAAA,cAAA,GAE9B,EAAA,CACF;AAAA,6CAECD,SAAAA,SAAA,EAAQ,aAAY,YAAW,SAAQ,UAAS,UAAQ,MAAC;AAAA,cAE1DT,2BAAAA,IAACM,SAAAA,SAAA,EAAQ,OAAM,mBAAkB,OAAK,MACpC,UAAAN,2BAAAA;AAAAA,gBAACO,SAAAA;AAAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,IAAI;AAAA,oBACF,iBAAiB;AAAA,oBACjB,WAAW;AAAA,sBACT,iBAAiB;AAAA,sBACjB,OAAO;AAAA,oBAAA;AAAA,kBACT;AAAA,kBAGF,UAAAP,2BAAAA,IAACW,cAAAA,SAAA,EAAQ,UAAS,QAAA,CAAQ;AAAA,gBAAA;AAAA,cAAA,GAE9B;AAAA,cAEC,YACCR,2BAAAA,KAAAS,qBAAA,EACE,UAAA;AAAA,gBAAAZ,+BAACS,SAAAA,WAAQ,aAAY,YAAW,SAAQ,UAAS,UAAQ,MAAC;AAAA,gBAC1DT,2BAAAA;AAAAA,kBAACM,SAAAA;AAAAA,kBAAA;AAAA,oBACC,OAAO,YAAY,oBAAoB;AAAA,oBACvC,OAAK;AAAA,oBAEL,yCAAC,QAAA,EACC,UAAAN,2BAAAA;AAAAA,sBAACO,SAAAA;AAAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,SAAS;AAAA,wBACT,UAAU,CAAC;AAAA,wBACX,IAAI;AAAA,0BACF,iBAAiB;AAAA,0BACjB,WAAW,CAAC,YAAY,KAAK;AAAA,4BAC3B,iBAAiB;AAAA,4BACjB,OAAO;AAAA,0BAAA;AAAA,0BAET,cAAc;AAAA,4BACZ,SAAS;AAAA,0BAAA;AAAA,wBACX;AAAA,wBAGF,UAAAP,2BAAAA,IAACa,MAAAA,OAAA,EAAM,UAAS,QAAA,CAAQ;AAAA,sBAAA;AAAA,oBAAA,EAC1B,CACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,EAAA,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EAEJ,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AC3XA,MAAM,2BAAgE,CAAC;AAAA,EACrE;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIjB,MAAAA,SAAS,cAAc,IAAI;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAS,KAAK;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAwB,IAAI;AACtD,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,KAAK;AAChD,QAAM,eAAeC,MAAAA,OAAuB,IAAI;AAChD,QAAM,aAAaA,MAAAA,OAAuB,IAAI;AAC9C,QAAM,oBAAoBA,MAAAA,OAAY,IAAI;AAC1C,QAAM,oBAAoBA,MAAAA,OAAY,IAAI;AAE1C,QAAM,CAAC,qBAAqB,sBAAsB,IAAID,MAAAA,SAAiB,OAAO,UAAU,WAAW,QAAQ,GAAG;AAG9GE,QAAAA,UAAU,MAAM;AACd,UAAM,cAAc,MAAM;AACxB,UAAI,aAAa,SAAS;AACxB,cAAM,WAAW,aAAa,QAAQ;AACtC,+BAAuB,QAAQ;AAAA,MACjC;AAAA,IACF;AACA,gBAAA;AACA,WAAO,iBAAiB,UAAU,WAAW;AAC7C,WAAO,MAAM,OAAO,oBAAoB,UAAU,WAAW;AAAA,EAC/D,GAAG,CAAA,CAAE;AAKLA,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACX,mBAAa,kBAAkB,OAAO;AACtC,mBAAa,kBAAkB,OAAO;AAAA,IACxC;AAAA,EACF,GAAG,CAAA,CAAE;AAELA,QAAAA,UAAU,MAAM;AACd,iBAAa,kBAAkB,OAAO;AACtC,sBAAkB,UAAU,WAAW,MAAM,aAAa,KAAK,GAAG,YAAY;AAC9E,WAAO,MAAM,aAAa,kBAAkB,OAAO;AAAA,EACrD,GAAG,CAAC,SAAS,UAAU,YAAY,CAAC;AAEpCA,QAAAA,UAAU,MAAM,aAAa,UAAU,GAAG,CAAC,UAAU,CAAC;AAEtD,QAAM,eAAeC,MAAAA,YAAY,MAAM,gBAAgB,UAAQ,KAAK,IAAI,OAAO,WAAW,QAAQ,CAAC,GAAG,CAAC,WAAW,QAAQ,CAAC;AAC3H,QAAM,gBAAgBA,MAAAA,YAAY,MAAM,gBAAgB,UAAQ,KAAK,IAAI,OAAO,WAAW,QAAQ,CAAC,GAAG,CAAC,WAAW,QAAQ,CAAC;AAC5H,QAAM,gBAAgBA,MAAAA,YAAY,MAAM;AACtC,iBAAa,IAAI;AACjB,aAAS,IAAI;AACb,iBAAa,kBAAkB,OAAO;AACtC,sBAAkB,UAAU,WAAW,MAAM,aAAa,KAAK,GAAG,YAAY;AAAA,EAChF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,cAAcA,MAAAA,YAAY,MAAM;AACpC,QAAI,WAAW,CAAC,UAAW,SAAQ,QAAQ;AAAA,EAC7C,GAAG,CAAC,SAAS,UAAU,SAAS,CAAC;AAEjC,QAAM,eAAeA,kBAAY,CAAC,MAA2C;AAC3E,MAAE,gBAAA;AACF,QAAI,YAAY,EAAC,qCAAU,sBAAqB,QAAQ;AAAA,EAC1D,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,mBAAmBA,MAAAA,YAAY,MAAM,aAAa,IAAI,GAAG,CAAA,CAAE;AACjE,QAAM,mBAAmBA,MAAAA,YAAY,MAAM,aAAa,KAAK,GAAG,CAAA,CAAE;AAElE,MAAI,UAAW,QACbC,2BAAAA,IAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,OAAO,QAAQ,cAAc,GAAG,UAAU,UAAU,QAAQ,aAAa,aAAa,UAAA,GAC/F,UAAAD,2BAAAA,IAACE,SAAAA,UAAA,EAAS,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO,WAAU,OAAA,CAAO,EAAA,CAC9E;AAGF,MAAI,MAAO,QACTF,2BAAAA,IAACC,SAAAA,KAAA,EAAI,IAAI;AAAA,IACP;AAAA,IAAO;AAAA,IAAQ,cAAc;AAAA,IAAG,UAAU;AAAA,IAAU,QAAQ;AAAA,IAC5D,aAAa;AAAA,IAAc,SAAS;AAAA,IAAQ,YAAY;AAAA,IAAU,gBAAgB;AAAA,IAClF,iBAAiB;AAAA,IAAe,OAAO;AAAA,EAAA,GACtC,UAAA,2BAEH;AAGiB,yBAAuB,SAAS;AACnD,QAAM,YAAY,eAAe;AACjC,QAAM,aAAa,eAAe;AAClC,QAAM,YAAY,EAAC,qCAAU;AAE7B,SACEE,2BAAAA;AAAAA,IAACF,SAAAA;AAAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAI,EAAE,UAAU,YAAY,OAAO,cAAc,QAAQ,SAAS,eAAA;AAAA,MAClE,cAAc;AAAA,MACd,cAAc;AAAA,MAEd,UAAA;AAAA,QAAAE,2BAAAA;AAAAA,UAACF,SAAAA;AAAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,IAAI,CAAC,WAAW;AAAA,cACd,OAAO;AAAA,cACP;AAAA,cACA,aAAa;AAAA,cACb,UAAU;AAAA,cACV,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,UAAU,EAAE,WAAW,+BAA+B,WAAW,uBAAuB,CAAA;AAAA,YAAC;AAAA,YAGtG,UAAA;AAAA,cAAAD,2BAAAA;AAAAA,gBAACC,SAAAA;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,SAAS;AAAA,oBACT,gBAAgB;AAAA,oBAChB,YAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,iBAAiB;AAAA,kBAAA;AAAA,kBAGnB,UAAAD,2BAAAA;AAAAA,oBAACC,SAAAA;AAAAA,oBAAA;AAAA,sBACC,IAAI;AAAA,wBACF,WAAW,SAAS,YAAY;AAAA,wBAChC,iBAAiB;AAAA,wBACjB,eAAe;AAAA,wBACf,YAAY;AAAA,wBACZ,OAAO;AAAA,wBACP;AAAA,sBAAA;AAAA,sBAGF,UAAAD,2BAAAA;AAAAA,wBAACC,SAAAA;AAAAA,wBAAA;AAAA,0BACC,KAAK;AAAA,0BACL,IAAI;AAAA,4BACF,OAAO;AAAA,4BACP,QAAQ;AAAA,4BACR,OAAO,EAAE,UAAU,mBAAmB,WAAW,wBAAA;AAAA,4BACjD,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,SAAA;AAAA,4BAC7C,SAAS,EAAE,UAAU,mBAAmB,QAAQ,kBAAA;AAAA,4BAChD,WAAW,EAAE,OAAO,mBAAmB,aAAa,mBAAA;AAAA,4BACpD,oCAAoC,EAAE,UAAU,sBAAA;AAAA,4BAChD,sBAAsB,EAAE,OAAO,iBAAA;AAAA,0BAAiB;AAAA,0BAElD,yBAAyB,EAAE,QAAQ,SAAS,SAAA;AAAA,wBAAS;AAAA,sBAAA;AAAA,oBACvD;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,eAGD,qCAAU,eACTD,2BAAAA,IAACC,SAAAA,KAAA,EAAI,IAAI,CAAC,WAAW,EAAE,UAAU,YAAY,KAAK,GAAG,MAAM,GAAG,OAAO,IAAI,QAAQ,IAAI,cAAc,OAAO,iBAAiB,MAAM,QAAQ,MAAM,QAAQ,GAAG,GAAG,QAAQ,KAAE,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,SAI9K,qCAAU,SAAQD,2BAAAA,IAACI,yBAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,OAAM,UAAS,IAAI,EAAE,OAAO,IAAI,IAAA,GAAQ,+CAAU,MAAK;AAAA,QAE5I,gBACCJ,2BAAAA,IAACK,SAAAA,MAAA,EAAK,IAAI,WAAW,SAAS,KAC5B,UAAAF,2BAAAA,KAACF,SAAAA,KAAA,EAAI,IAAI,EAAE,UAAU,YAAY,KAAK,IAAI,OAAO,IAAI,SAAS,QAAQ,KAAK,KAAK,QAAQ,GAAG,iBAAiB,0BAA0B,QAAQ,aAAa,aAAa,YAAY,cAAc,GAAG,SAAS,KAAK,WAAW,+BAA+B,gBAAgB,eAC3Q,UAAA;AAAA,UAAAD,2BAAAA,IAACM,SAAAA,SAAA,EAAQ,OAAO,YAAY,KAAK,MAAM,eAAe,GAAG,CAAC,MAAM,OAAK,MACnE,UAAAN,2BAAAA,IAAC,QAAA,EAAK,UAAAA,2BAAAA,IAACO,SAAAA,YAAA,EAAW,MAAK,SAAQ,SAAS,cAAc,UAAU,CAAC,WAAW,UAAAP,2BAAAA,IAACQ,cAAAA,QAAA,EAAO,UAAS,QAAA,CAAQ,EAAA,CAAE,EAAA,CAAa,GACtH;AAAA,UACAR,2BAAAA,IAACS,SAAAA,SAAA,EAAQ,aAAY,YAAW,UAAQ,MAAC;AAAA,UACzCT,2BAAAA,IAACM,SAAAA,SAAA,EAAQ,OAAO,aAAa,KAAK,MAAM,eAAe,GAAG,CAAC,MAAM,OAAK,MACpE,UAAAN,2BAAAA,IAAC,QAAA,EAAK,UAAAA,2BAAAA,IAACO,SAAAA,YAAA,EAAW,MAAK,SAAQ,SAAS,eAAe,UAAU,CAAC,YAAY,UAAAP,2BAAAA,IAACU,cAAAA,SAAA,EAAQ,UAAS,QAAA,CAAQ,EAAA,CAAE,GAAa,GACzH;AAAA,UACAV,2BAAAA,IAACS,SAAAA,SAAA,EAAQ,aAAY,YAAW,UAAQ,MAAC;AAAA,yCACxCH,SAAAA,SAAA,EAAQ,OAAM,mBAAkB,OAAK,MACpC,UAAAN,+BAACO,SAAAA,YAAA,EAAW,MAAK,SAAQ,SAAS,eAAe,UAAAP,+BAACW,cAAAA,WAAQ,UAAS,QAAA,CAAQ,GAAE,GAC/E;AAAA,UACC,YAAYR,2BAAAA,KAAAS,qBAAA,EACX,UAAA;AAAA,YAAAZ,2BAAAA,IAACS,SAAAA,SAAA,EAAQ,aAAY,YAAW,UAAQ,MAAC;AAAA,YACzCT,2BAAAA,IAACM,SAAAA,SAAA,EAAQ,OAAO,YAAY,oBAAoB,kCAAkC,OAAK,MACrF,UAAAN,2BAAAA,IAAC,QAAA,EAAK,UAAAA,2BAAAA,IAACO,SAAAA,YAAA,EAAW,MAAK,SAAQ,SAAS,cAAc,UAAU,CAAC,WAAW,UAAAP,2BAAAA,IAACa,MAAAA,OAAA,EAAM,UAAS,QAAA,CAAQ,EAAA,CAAE,EAAA,CAAa,EAAA,CACrH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AC/LA,MAAM,gBAAgB,CAAC,EAAE,OAAO,SAAS,MAAM,YAAY,CAAA,GAAI,gBAAgB,SAAS,YAAY;;AAClG,QAAM,CAAC,WAAW,YAAY,IAAIjB,MAAAA,SAAS,CAAA,CAAE;AAC7C,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,SAAS,EAAE;AAC3D,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,EAAE;AACzD,QAAM,CAAC,SAAS,SAAS,IAAIA,MAAAA,SAAS,IAAI;AAC1C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,WAAiB,4CAAY,OAAZ,mBAAgB,OAAM,CAAC;AAC5F,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAqC,IAAI;AAC/F,QAAM,CAAC,4BAA4B,6BAA6B,IAAIA,MAAAA,SAAS,IAAI;AAEjF,QAAM,WAAWkB,eAAAA,YAAA;AAEjB,QAAM,cAAc,MAAM;AACxB,YAAA;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC3B,aAAS,eAAe,cAAc,MAAM,KAAK,gBAAgB,GAAG;AAAA,MAChE,OAAO,EAAE,YAAY,iBAAiB,YAAY,MAAM,aAAa,KAAA;AAAA,IAAK,CAC7E;AAAA,EACL;AAEF,QAAM,uBAAuB,CAAC,OAAY;AACxC,QAAI,WAAW,QAAQ;AACrB,YAAM,WAAW,UAAU,KAAK,CAAC,OAAW,uBAAG,SAAQ,EAAE;AACzD,oCAA8B,QAAQ;AACtC,0BAAoB,EAAE;AACtB,yBAAA;AAAA,IACF,OAAO;AACL,0BAAoB,EAAE;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,yBAAyB,YAAY;;AACzC,cAAU,IAAI;AACd,UAAM,MAAM,MAAMC,IAAAA,eAAe,EAAE,GAAGC,MAAAA,SAAA,GAAa,SAAS,kBAAkB,eAAe,kBAAkB,MAAM,GAAG,KAAK;AAC7H,QAAG,2BAAK,MAAM;AACZ,YAAM,aAAYC,MAAA,2BAAK,SAAL,gBAAAA,IAAW,KAAK,CAAA,MAAK,EAAE,eAAe;AACxD,yBAAmB,SAAS;AAC5B,0BAAoB,uCAAW,GAAG;AAClC,mBAAa,2BAAK,IAAI;AAAA,IACxB;AAEA,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,wBAAwB,YAAY;AACxC,QAAI;AACF,YAAMC,IAAAA,6BAA6B,EAAE,GAAGF,MAAAA,YAAY,IAAI,kBAAkB;AAC1EG,gBAAAA,gBAAgB,kCAAkC;AAAA,IACpD,SAAS,OAAO;AACd,YAAM,IAAIC,MAAAA,gBAAgB,+BAAO,OAAO;AACxCD,gBAAAA,gBAAgB,GAAG,EAAE,SAAS,QAAA,CAAS;AAAA,IACzC;AAAA,EACF;AAEA,QAAM,uBAAuB,YAAY;AACvC,QAAI;AACF,UAAG,kBAAkB;AACnB,cAAME,IAAAA,oBAAoB,EAAE,GAAGL,MAAAA,SAAA,GAAY,IAAI,qDAAkB,KAAK;AACtEG,kBAAAA,gBAAgB,2BAA2B;AAC3C,4BAAoB,IAAI;AACxB,cAAM,uBAAA;AAAA,MACR;AAAA,IACF,SAAS,OAAO;AACd,YAAM,IAAIC,MAAAA,gBAAgB,+BAAO,OAAO;AACxCD,gBAAAA,gBAAgB,GAAG,EAAE,SAAS,QAAA,CAAS;AAAA,IACzC;AAAA,EACF;AAEArB,QAAAA,UAAU,MAAM;AACd,2BAAA;AACA,WAAO,MAAM;AAAE,gBAAU,IAAI;AAAA,IAAE;AAAA,EACjC,GAAG,CAAC,eAAe,CAAC;AAEpB,yCACG,OAAA,EACC,UAAA;AAAA,IAAAK,2BAAAA;AAAAA,MAACmB,MAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAS;AAAA,QACT,mBAAgB;AAAA,QAChB,IAAI;AAAA,UACF,sBAAsB;AAAA,YACpB,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,QAID,UAAA;AAAA,UAAA,QAAQ,IAAI,QAAQ,6CAA6C;AAAA,UAElEnB,2BAAAA,KAACoB,SAAAA,aAAA,EAAY,IAAI,EAAE,cAAc,QAAQ,SAAS,+BAA+B,cAAc,oBAAA,GAC7F,UAAA;AAAA,YAAApB,gCAACF,SAAAA,OAAI,SAAQ,QAAO,YAAW,UAAS,KAAK,GAC1C,UAAA;AAAA,cAAA,8BACCD,2BAAAA;AAAAA,gBAACO,SAAAA;AAAAA,gBAAA;AAAA,kBACC,SAAS,MAAM,8BAA8B,IAAI;AAAA,kBACjD,MAAK;AAAA,kBACL,IAAI,EAAE,OAAO,CAAC,UAAU,MAAM,QAAQ,KAAK,GAAG,EAAA;AAAA,kBAE9C,UAAAP,2BAAAA,IAACI,WAAAA,cAAW,UAAA,SAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGtBJ,+BAACI,WAAAA,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,IAAI,EAAE,MAAM,GAAG,WAAW,YAC1F,UAAA,6BAA6B,qBAAsB,WAAW,SAAS,qBAAqB,kBAAA,CAC/F;AAAA,YAAA,GACF;AAAA,YACAD,2BAAAA,KAACF,SAAAA,KAAA,EAAI,SAAQ,QAAO,YAAY,UAAU,KAAK,GAAG,UAAS,YAAW,OAAM,MAAK,KAAI,OACnF,UAAA;AAAA,cAAAD,2BAAAA,IAACI,WAAAA,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAAsB,UAAA,WAAA,CAAQ;AAAA,cAC1EJ,2BAAAA;AAAAA,gBAACwB,OAAAA;AAAAA,gBAAA;AAAA,kBACC,cAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,MAAK;AAAA,kBACL,aAAa,CAAC;;AAAU,oCAAQP,MAAA,UAAU,KAAK,CAAC,WAAW,OAAO,UAAU,KAAK,MAAjD,gBAAAA,IAAoD,QAAQ;AAAA;AAAA,kBAO5F,UAAU,CAAC,MAAM;AACf,wBAAI,EAAE,OAAO,OAAO;AAClB,yCAAmB,EAAE,OAAO,KAAe;AAAA,oBAC7C;AAAA,kBACF;AAAA,kBACC,UAAA,UAAU,IAAI,CAAC,0CACbQ,SAAAA,UAAA,EAA4B,OAAO,OAAO,OACzC,UAAAzB,2BAAAA,IAACI,WAAAA,cAAW,MAAK,MAAK,OAAM,wBAAwB,UAAA,OAAO,OAAM,KADpD,OAAO,KAEtB,CACD;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEHJ,2BAAAA;AAAAA,gBAACO,SAAAA;AAAAA,gBAAA;AAAA,kBACC,cAAW;AAAA,kBACX,SAAS;AAAA,kBACT,MAAK;AAAA,kBACL,IAAI;AAAA,oBACF,OAAO,CAAC,UAAU,MAAM,QAAQ,KAAK,GAAG;AAAA,kBAAA;AAAA,kBAG1C,UAAAP,2BAAAA,IAAC0B,OAAA,EAAU,UAAS,QAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC7B,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAGE,4DACGC,wBAAA,EAAc,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,GAAG,OAAO,QAAQ,GAAG,GAAG,MAAM,GAAG,UAAU,QAAQ,gBAAgB,QAAQ,iBAAiB,QAAQ,wBAAwB,EAAE,SAAS,SAAO,GAEhN,UAAA3B,2BAAAA,IAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,OAAO,QAAQ,SAAS,QAAQ,eAAe,UAAU,YAAY,UAAU,gBAAgB,UAAU,YAAY,KAC9H,UAAAD,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,YAAY;AAAA,YAAA;AAAA,UAAA,EACd,CACF,EAAA,CACF,IAEFG,2BAAAA,KAACwB,wBAAA,EAAc,IAAI,EAAE,MAAM,GAAG,UAAU,QAAQ,SAAS,QAAQ,eAAe,UAAU,gBAAgB,QAAQ,iBAAiB,QAAQ,wBAAwB,EAAE,SAAS,OAAA,EAAO,GAElL,UAAA;AAAA,YAAA,CAAC,UAAU;AAAA,YAER3B,2BAAAA,IAACC,SAAAA,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,OAAM,QAAO,QAAO,QAAO,gBAAe,UAC/E,UAAA,CAAC,WAAWD,2BAAAA,IAACI,WAAAA,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,IAAI,EAAE,WAAW,SAAA,GAAY,UAAA,qBAAA,CAAkB,GACjI;AAAA,YAGFJ,+BAACC,SAAAA,OAAI,IAAI;AAAA,cACP,SAAS;AAAA,cACT,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,GAAG;AAAA,cACH,cAAc;AAAA,cACd,YAAY;AAAA,YAAA,GAEX,UAAA,UAAU,IAAI,CAAC,UAAU,UACxBD,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBAEC;AAAA,gBACA,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc,WAAW;AAAA,gBACzB,oBAAoB;AAAA,gBACpB,SAAS,CAAC4B,cAAkB;AAC1B,uCAAqBA,UAAS,GAAG;AAAA,gBACnC;AAAA,gBACA,YAAY,WAAW;AAAA,gBACvB,YAAY;AAAA,gBACZ,UAAU,CAACA,cAAkB,oBAAoBA,SAAQ;AAAA,cAAA;AAAA,cAXpD,SAAS,OAAO;AAAA,YAAA,CAaxB,EAAA,CACH;AAAA,UAAA,GACJ;AAAA,UAED,WAAW,SACVzB,2BAAAA,KAAC0B,SAAAA,eAAA,EAAc,IAAI,EAAE,GAAG,GAAG,gBAAgB,UAAU,WAAW,oBAAA,GAC9D,UAAA;AAAA,YAAA7B,2BAAAA;AAAAA,cAAC8B,OAAAA;AAAAA,cAAA;AAAA,gBACC,SAAS,MAAM,SAAS,eAAe,cAAc,MAAM,KAAK,gBAAgB,GAAG,EAAE,OAAO,EAAE,YAAY,gBAAA,GAAmB;AAAA,gBAC7H,UAAU,CAAC;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD9B,2BAAAA;AAAAA,cAAC8B,OAAAA;AAAAA,cAAA;AAAA,gBACC,SAAS,MAAM,sBAAA;AAAA,gBACf,UAAU,CAAC,qBAAoB,mDAAiB,SAAQ;AAAA,gBACzD,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ9B,2BAAAA;AAAAA,MAAC+B,aAAAA;AAAAA,MAAA;AAAA,QACC,MAAM,qBAAqB;AAAA,QAC3B,SAAS,MAAM,oBAAoB,IAAI;AAAA,QACvC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,WAAW,MAAM,qBAAA;AAAA,QACjB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;;"}

package/dist/chunks/{template-modal-B2VgotrF.esm.js → template-modal-Cyj0AUks.esm.js} RENAMED Viewed

@@ -5,7 +5,7 @@ import Close from "@mui/icons-material/Close";
 import { T as Typography } from "./typography-CG_A0iOJ.esm.js";
 import { M as Modal } from "./modal-DCla9U60.esm.js";
 import { v as getV1Templates, w as patchV1TemplatesIdSetDefault, x as deleteV1TemplatesId } from "./api-DBmWILBN.esm.js";
-import { ab as getToken, W as getErrorMessage } from "./api-BIVCMSwW.esm.js";
+import { ab as getToken, W as getErrorMessage } from "./api-COFUx2RW.esm.js";
 import { B as Button } from "./button-BtdpXmjA.esm.js";
 import { useNavigate } from "react-router-dom";
 import { enqueueSnackbar } from "notistack";
@@ -766,4 +766,4 @@ export {
   HtmlThumbnailPreview as H,
   TemplateModal as T
 };
-//# sourceMappingURL=template-modal-B2VgotrF.esm.js.map
+//# sourceMappingURL=template-modal-Cyj0AUks.esm.js.map

package/dist/chunks/{template-modal-B2VgotrF.esm.js.map → template-modal-Cyj0AUks.esm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"template-modal-B2VgotrF.esm.js","sources":["../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx","../../src/views/template-editor/template-modal/html-thumbnail-preview-full.tsx","../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\nconst HtmlThumbnailPreview = ({ \n template, \n width = 300, \n height = 200, \n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n normalView = false,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef(null);\n const contentRef = useRef(null);\n const loadingTimeoutRef = useRef(null);\n const refreshTimeoutRef = useRef(null);\n\n // Calculate dimensions based on scale\n const scaledWidth = width / currentScale;\n const scaledHeight = height / currentScale;\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n };\n }, []);\n\n // Handle initial loading\n useEffect(() => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n \n loadingTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, loadingDelay);\n\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n };\n }, [template.contents, loadingDelay]);\n\n // Handle external loading state\n useEffect(() => {\n setIsLoading(isFetching);\n }, [isFetching]);\n\n // Memoized event handlers\n const handleZoomIn = useCallback(() => {\n setCurrentScale(prev => Math.min(prev scaleStep, maxScale));\n }, [scaleStep, maxScale]);\n\n const handleZoomOut = useCallback(() => {\n setCurrentScale(prev => Math.max(prev / scaleStep, minScale));\n }, [scaleStep, minScale]);\n\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n \n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n \n refreshTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) {\n onClick(template);\n }\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e) => {\n e.stopPropagation(); // Prevent triggering onClick\n if (onDelete && !template?.is_default) {\n onDelete(template);\n }\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n // Loading state\n if (isLoading) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'divider'\n }}\n >\n <Skeleton \n variant=\"rectangular\" \n width=\"100%\" \n height=\"100%\" \n animation=\"wave\"\n />\n </Box>\n );\n }\n\n // Error state\n if (error) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'error.main',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'error.light',\n color: 'error.contrastText'\n }}\n >\n Failed to load template\n </Box>\n );\n }\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box \n sx={{ position: 'relative', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n {/* Main Container /}\n <Box\n ref={containerRef}\n onClick={handleClick}\n sx={(theme) => ({\n width,\n height,\n border: '1px solid',\n borderRadius: 1,\n overflow: 'hidden',\n position: 'relative',\n cursor: onClick ? 'pointer' : 'default',\n backgroundColor: '#fff',\n // boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? {\n boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\n transform: 'translateY(-1px)',\n } : {},\n borderColor: normalView && isSelected ? theme.palette.theme.primary[800] : 'grey.300',\n borderWidth: isSelected ? 2 : 1,\n })}\n >\n {/ Scaled Content Wrapper /}\n <Box\n sx={{\n width: scaledWidth,\n height: scaledHeight,\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n position: 'absolute',\n top: 0,\n left: 0,\n overflow: 'hidden',\n }}\n >\n {/ HTML Content /}\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n userSelect: 'none',\n pointerEvents: 'none',\n pt: 2,\n '& ': {\n maxWidth: '100% !important',\n boxSizing: 'border-box !important',\n },\n // Reset common problematic styles\n '& body': {\n margin: '0 !important',\n padding: '0 !important',\n overflow: 'hidden !important',\n },\n // Handle images\n '& img': {\n maxWidth: '100% !important',\n height: 'auto !important',\n },\n // Handle tables\n '& table': {\n width: '100% !important',\n tableLayout: 'fixed !important',\n },\n // Prevent absolute positioning issues\n '& [style=\"position: absolute\"]': {\n position: 'relative !important',\n },\n '& .email-container': {\n width: '85% !important',\n }\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n\n {/* Loading Overlay /}\n {isLoading && (\n <Box\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(255,255,255,0.8)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 2,\n }}\n >\n <Skeleton variant=\"rectangular\" width=\"90%\" height=\"90%\" />\n </Box>\n )}\n\n {/ Selection Indicator /}\n {template?.is_default && (\n <Box\n sx={(theme) => ({\n position: 'absolute',\n top: 8,\n left: 8,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: theme.palette.theme?.primary[800],\n zIndex: 3,\n })}\n />\n )}\n </Box>\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{width, mt:0.5}}>{template?.name}</Typography>}\n\n {/ Hover Controls /}\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box\n sx={{\n position: 'absolute',\n top: -8,\n right: -8,\n display: 'flex',\n gap: 0.5,\n zIndex: 4,\n backgroundColor: 'rgba(255,255,255,0.95)',\n border: '1px solid',\n borderColor: 'grey.300',\n borderRadius: 2,\n padding: 0.5,\n boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\n backdropFilter: 'blur(4px)',\n }}\n >\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomIn}\n disabled={!canZoomIn}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomIn fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomOut}\n disabled={!canZoomOut}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomOut fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton\n size=\"small\"\n onClick={handleRefresh}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n }}\n >\n <Refresh fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n {onDelete && (\n <>\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n <Tooltip \n title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} \n arrow\n >\n <span>\n <IconButton\n size=\"small\"\n onClick={handleDelete}\n disabled={!canDelete}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': !canDelete ? {} : { \n backgroundColor: 'error.light',\n color: 'error.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <Trash fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n </>\n )}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport { HtmlThumbnailPreview };\nexport default HtmlThumbnailPreview;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\ninterface HtmlThumbnailPreviewProps {\n template: any;\n width?: number \| string; \n height?: number;\n scale?: number;\n showControls?: boolean;\n onClick?: (template: any) => void;\n selectedTemplateId?: string;\n isFetching?: boolean;\n onDelete?: (template: any) => void;\n normalView?: boolean;\n minScale?: number;\n maxScale?: number;\n scaleStep?: number;\n loadingDelay?: number;\n refreshDelay?: number;\n}\n\nconst HtmlThumbnailPreviewFull: React.FC<HtmlThumbnailPreviewProps> = ({\n template,\n width = '100%',\n height = 800,\n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n normalView = false,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState<null \| string>(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const loadingTimeoutRef = useRef<any>(null);\n const refreshTimeoutRef = useRef<any>(null);\n\n const [containerPixelWidth, setContainerPixelWidth] = useState<number>(typeof width === 'number' ? width : 800);\n\n // Measure container width for responsive scaling\n useEffect(() => {\n const updateWidth = () => {\n if (containerRef.current) {\n const newWidth = containerRef.current.offsetWidth;\n setContainerPixelWidth(newWidth);\n }\n };\n updateWidth();\n window.addEventListener('resize', updateWidth);\n return () => window.removeEventListener('resize', updateWidth);\n }, []);\n\n const scaledWidth = containerPixelWidth / currentScale;\n const scaledHeight = height / currentScale;\n\n useEffect(() => {\n return () => {\n clearTimeout(loadingTimeoutRef.current);\n clearTimeout(refreshTimeoutRef.current);\n };\n }, []);\n\n useEffect(() => {\n clearTimeout(loadingTimeoutRef.current);\n loadingTimeoutRef.current = setTimeout(() => setIsLoading(false), loadingDelay);\n return () => clearTimeout(loadingTimeoutRef.current);\n }, [template.contents, loadingDelay]);\n\n useEffect(() => setIsLoading(isFetching), [isFetching]);\n\n const handleZoomIn = useCallback(() => setCurrentScale(prev => Math.min(prev scaleStep, maxScale)), [scaleStep, maxScale]);\n const handleZoomOut = useCallback(() => setCurrentScale(prev => Math.max(prev / scaleStep, minScale)), [scaleStep, minScale]);\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n clearTimeout(refreshTimeoutRef.current);\n refreshTimeoutRef.current = setTimeout(() => setIsLoading(false), refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) onClick(template);\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n if (onDelete && !template?.is_default) onDelete(template);\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n if (isLoading) return (\n <Box sx={{ width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid', borderColor: 'divider' }}>\n <Skeleton variant=\"rectangular\" width=\"100%\" height=\"100%\" animation=\"wave\" />\n </Box>\n );\n\n if (error) return (\n <Box sx={{\n width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid',\n borderColor: 'error.main', display: 'flex', alignItems: 'center', justifyContent: 'center',\n backgroundColor: 'error.light', color: 'error.contrastText'\n }}>\n Failed to load template\n </Box>\n );\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box\n ref={containerRef}\n sx={{ position: 'relative', width, marginInline: 'auto', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <Box\n onClick={handleClick}\n sx={(theme) => ({\n width: '100%',\n height,\n marginBlock: 0,\n overflow: 'hidden',\n position: 'relative',\n backgroundColor: '#fff',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? { boxShadow: '0 4px 16px rgba(0,0,0,0.15)', transform: 'translateY(-1px)' } : {},\n })}\n >\n <Box\n sx={{\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center', \n alignItems: 'center', \n overflow: 'auto',\n backgroundColor: '#fff',\n }}\n >\n <Box\n sx={{\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n pointerEvents: 'none',\n userSelect: 'none',\n width: containerPixelWidth,\n height: height,\n }}\n >\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n '& ': { maxWidth: '100% !important', boxSizing: 'border-box !important' },\n '& body': { margin: 0, padding: 0, overflow: 'hidden' },\n '& img': { maxWidth: '100% !important', height: 'auto !important' },\n '& table': { width: '100% !important', tableLayout: 'fixed !important' },\n '& [style=\"position: absolute\"]': { position: 'relative !important' },\n '& .email-container': { width: '85% !important' },\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n </Box>\n\n {template?.is_default && (\n <Box sx={(theme) => ({ position: 'absolute', top: 8, left: 8, width: 12, height: 12, borderRadius: '50%', backgroundColor: theme.palette.theme.primary[800], zIndex: 3 })} />\n )}\n </Box>\n\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{ width, mt: 0.5 }}>{template?.name}</Typography>}\n\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box sx={{ position: 'absolute', top: -8, right: -8, display: 'flex', gap: 0.5, zIndex: 4, backgroundColor: 'rgba(255,255,255,0.95)', border: '1px solid', borderColor: 'grey.300', borderRadius: 2, padding: 0.5, boxShadow: '0 4px 12px rgba(0,0,0,0.15)', backdropFilter: 'blur(4px)' }}>\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomIn} disabled={!canZoomIn}><ZoomIn fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomOut} disabled={!canZoomOut}><ZoomOut fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton size=\"small\" onClick={handleRefresh}><Refresh fontSize=\"small\" /></IconButton>\n </Tooltip>\n {onDelete && <>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} arrow>\n <span><IconButton size=\"small\" onClick={handleDelete} disabled={!canDelete}><Trash fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n </>}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport default HtmlThumbnailPreviewFull;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useEffect, useState } from 'react';\nimport { \n DialogTitle, \n DialogContent, \n DialogActions,\n IconButton,\n Box,\n MenuItem\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../../../components/typography/typography';\nimport Modal from '../../../components/modal/modal';\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\nimport { getErrorMessage, getToken } from '../../../utils/common';\nimport Button from '../../../components/button/button';\n// import ModalLoader from '../../../components/loader/modal-loader';\nimport { useNavigate } from 'react-router-dom';\nimport { enqueueSnackbar } from 'notistack';\nimport Select from '../../../components/select/select';\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\nimport HtmlThumbnailPreviewFull from './html-thumbnail-preview-full';\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes, source = 'add' }) => {\n const [templates, setTemplates] = useState([]);\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [defaultTemplate, setDefaultTemplate] = useState('');\n const [loading, setLoding] = useState(true);\n const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id \|\| 0);\n const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> \| null>(null);\n const [selectedTemplateForPreview, setSelectedTemplateForPreview] = useState(null);\n\n const navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleViewTemplate = () => {\n navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { \n state: { company_id: selectedCompany, isViewOnly: true, fromPreview: true }\n });\n };\n\n const handleTemplateSelect = (id: any) => {\n if (source === 'view') {\n const template = templates.find((t: any) => t?._id === id);\n setSelectedTemplateForPreview(template);\n setSelectedTemplate(id);\n handleViewTemplate();\n } else {\n setSelectedTemplate(id);\n }\n }\n\n const getTemplatesViaSubject = async () => {\n setLoding(true)\n const res = await getV1Templates({ ...getToken(), filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\n if(res?.data) {\n const dTemplate = res?.data?.find(t => t.is_default === true)\n setDefaultTemplate(dTemplate)\n setSelectedTemplate(dTemplate?._id)\n setTemplates(res?.data)\n }\n\n setLoding(false)\n }\n\n const handleDefaultTemplate = async () => {\n try {\n await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\n enqueueSnackbar('Template has been set as default');\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n const handleDeleteTemplate = async () => {\n try {\n if(templateToDelete) {\n await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\n enqueueSnackbar('Template has been deleted');\n setTemplateToDelete(null)\n await getTemplatesViaSubject()\n }\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n useEffect(() => {\n getTemplatesViaSubject()\n return () => { setLoding(true) }\n }, [selectedCompany])\n\n return (\n <div>\n <Modal \n open={open} \n onClose={handleClose} \n maxWidth=\"lg\" \n fullWidth\n aria-labelledby=\"email-template-selection\"\n sx={{\n '& .MuiDialog-paper': {\n height: '85vh',\n display: 'flex',\n flexDirection: 'column'\n }\n }}\n >\n\n {console.log(source, \"soure in modal +++++++++++++++++++++++debug\")}\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Box display='flex' alignItems='center' gap={2}>\n {selectedTemplateForPreview && (\n <IconButton\n onClick={() => setSelectedTemplateForPreview(null)}\n size='small'\n sx={{ color: (theme) => theme.palette.grey[700] }}\n >\n <Typography>← Back</Typography>\n </IconButton>\n )}\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ flex: 1, textAlign: 'center' }}> \n {selectedTemplateForPreview ? 'Template Preview' : (source === 'view' ? 'Template Preview' : 'Select Template')}\n </Typography>\n </Box>\n <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\n <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\n <Select\n displayEmpty\n value={selectedCompany}\n size='small'\n renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\n // fullWidth\n // sx={{\n // bgcolor: 'white',\n // borderRadius: 1,\n // '& .MuiSelect-select': { py: 0.75 }\n // }}\n onChange={(e) => {\n if (e.target.value) {\n setSelectedCompany(e.target.value as number);\n }\n }}>\n {companies.map((option) => (\n <MenuItem key={option.value} value={option.value}>\n <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\n </MenuItem>\n ))}\n </Select>\n <IconButton\n aria-label=\"close\"\n onClick={handleClose}\n size='small'\n sx={{\n color: (theme) => theme.palette.grey[500],\n }}\n >\n <CloseIcon fontSize='small'/>\n </IconButton>\n </Box>\n </DialogTitle>\n \n {\n selectedTemplateForPreview ? (\n <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 3, width: '100%', p: 3, flex: 1, overflow: 'auto', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ Main Preview /}\n <Box sx={{ width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>\n <HtmlThumbnailPreviewFull\n template={selectedTemplateForPreview}\n width={'100%'}\n height={600}\n scale={1}\n showControls={true}\n isFetching={loading}\n normalView={true}\n />\n </Box>\n </DialogContent>\n ) : (\n <DialogContent sx={{ flex: 1, overflow: 'auto', display: 'flex', flexDirection: 'column', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ <Grid container spacing={6}> */}\n {!templates.length && (\n // <Grid item xs={12} sx={{ minHeight: 350}}>\n <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\n {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\n </Box>\n // </Grid>\n )}\n <Box sx={{ \n display: 'grid', \n gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \n gap: 2, \n p: 2,\n justifyItems: 'center',\n alignItems: 'center'\n }}>\n {templates.map((template, index) => (\n <HtmlThumbnailPreview\n key={template._id \|\| index}\n template={template}\n width={300}\n height={200}\n showControls={source === 'add'}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n normalView={source === 'add'}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n </DialogContent>\n )}\n {source === 'add' && (\n <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\n <Button\n onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\n disabled={!selectedTemplate}\n >\n Continue\n </Button>\n <Button\n onClick={() => handleDefaultTemplate()}\n disabled={!selectedTemplate \|\| defaultTemplate?._id === selectedTemplate}\n >\n Set to Default\n </Button>\n </DialogActions>\n )}\n </Modal>\n <ConfirmPopUp\n open={templateToDelete !== null}\n onClose={() => setTemplateToDelete(null)}\n title='Remove Template'\n description='Are you sure you want to delete ?'\n onConfirm={() => handleDeleteTemplate()}\n loading={loading}\n />\n </div>\n );\n};\n\nexport { TemplateModal };\nexport default TemplateModal;"],"names":["React","_a","CloseIcon","template"],"mappings":"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"}
1	+ {"version":3,"file":"template-modal-Cyj0AUks.esm.js","sources":["../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx","../../src/views/template-editor/template-modal/html-thumbnail-preview-full.tsx","../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\nconst HtmlThumbnailPreview = ({ \n template, \n width = 300, \n height = 200, \n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n normalView = false,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef(null);\n const contentRef = useRef(null);\n const loadingTimeoutRef = useRef(null);\n const refreshTimeoutRef = useRef(null);\n\n // Calculate dimensions based on scale\n const scaledWidth = width / currentScale;\n const scaledHeight = height / currentScale;\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n };\n }, []);\n\n // Handle initial loading\n useEffect(() => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n \n loadingTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, loadingDelay);\n\n return () => {\n if (loadingTimeoutRef.current) {\n clearTimeout(loadingTimeoutRef.current);\n }\n };\n }, [template.contents, loadingDelay]);\n\n // Handle external loading state\n useEffect(() => {\n setIsLoading(isFetching);\n }, [isFetching]);\n\n // Memoized event handlers\n const handleZoomIn = useCallback(() => {\n setCurrentScale(prev => Math.min(prev scaleStep, maxScale));\n }, [scaleStep, maxScale]);\n\n const handleZoomOut = useCallback(() => {\n setCurrentScale(prev => Math.max(prev / scaleStep, minScale));\n }, [scaleStep, minScale]);\n\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n \n if (refreshTimeoutRef.current) {\n clearTimeout(refreshTimeoutRef.current);\n }\n \n refreshTimeoutRef.current = setTimeout(() => {\n setIsLoading(false);\n }, refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) {\n onClick(template);\n }\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e) => {\n e.stopPropagation(); // Prevent triggering onClick\n if (onDelete && !template?.is_default) {\n onDelete(template);\n }\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n // Loading state\n if (isLoading) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'divider'\n }}\n >\n <Skeleton \n variant=\"rectangular\" \n width=\"100%\" \n height=\"100%\" \n animation=\"wave\"\n />\n </Box>\n );\n }\n\n // Error state\n if (error) {\n return (\n <Box \n sx={{ \n width, \n height,\n borderRadius: 1,\n overflow: 'hidden',\n border: '1px solid',\n borderColor: 'error.main',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'error.light',\n color: 'error.contrastText'\n }}\n >\n Failed to load template\n </Box>\n );\n }\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box \n sx={{ position: 'relative', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n {/* Main Container /}\n <Box\n ref={containerRef}\n onClick={handleClick}\n sx={(theme) => ({\n width,\n height,\n border: '1px solid',\n borderRadius: 1,\n overflow: 'hidden',\n position: 'relative',\n cursor: onClick ? 'pointer' : 'default',\n backgroundColor: '#fff',\n // boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? {\n boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\n transform: 'translateY(-1px)',\n } : {},\n borderColor: normalView && isSelected ? theme.palette.theme.primary[800] : 'grey.300',\n borderWidth: isSelected ? 2 : 1,\n })}\n >\n {/ Scaled Content Wrapper /}\n <Box\n sx={{\n width: scaledWidth,\n height: scaledHeight,\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n position: 'absolute',\n top: 0,\n left: 0,\n overflow: 'hidden',\n }}\n >\n {/ HTML Content /}\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n userSelect: 'none',\n pointerEvents: 'none',\n pt: 2,\n '& ': {\n maxWidth: '100% !important',\n boxSizing: 'border-box !important',\n },\n // Reset common problematic styles\n '& body': {\n margin: '0 !important',\n padding: '0 !important',\n overflow: 'hidden !important',\n },\n // Handle images\n '& img': {\n maxWidth: '100% !important',\n height: 'auto !important',\n },\n // Handle tables\n '& table': {\n width: '100% !important',\n tableLayout: 'fixed !important',\n },\n // Prevent absolute positioning issues\n '& [style=\"position: absolute\"]': {\n position: 'relative !important',\n },\n '& .email-container': {\n width: '85% !important',\n }\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n\n {/* Loading Overlay /}\n {isLoading && (\n <Box\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(255,255,255,0.8)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 2,\n }}\n >\n <Skeleton variant=\"rectangular\" width=\"90%\" height=\"90%\" />\n </Box>\n )}\n\n {/ Selection Indicator /}\n {template?.is_default && (\n <Box\n sx={(theme) => ({\n position: 'absolute',\n top: 8,\n left: 8,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: theme.palette.theme?.primary[800],\n zIndex: 3,\n })}\n />\n )}\n </Box>\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{width, mt:0.5}}>{template?.name}</Typography>}\n\n {/ Hover Controls /}\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box\n sx={{\n position: 'absolute',\n top: -8,\n right: -8,\n display: 'flex',\n gap: 0.5,\n zIndex: 4,\n backgroundColor: 'rgba(255,255,255,0.95)',\n border: '1px solid',\n borderColor: 'grey.300',\n borderRadius: 2,\n padding: 0.5,\n boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\n backdropFilter: 'blur(4px)',\n }}\n >\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomIn}\n disabled={!canZoomIn}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomIn fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span>\n <IconButton\n size=\"small\"\n onClick={handleZoomOut}\n disabled={!canZoomOut}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <ZoomOut fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton\n size=\"small\"\n onClick={handleRefresh}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': { \n backgroundColor: 'primary.light',\n color: 'primary.contrastText' \n },\n }}\n >\n <Refresh fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n {onDelete && (\n <>\n <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n <Tooltip \n title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} \n arrow\n >\n <span>\n <IconButton\n size=\"small\"\n onClick={handleDelete}\n disabled={!canDelete}\n sx={{\n backgroundColor: 'transparent',\n '&:hover': !canDelete ? {} : { \n backgroundColor: 'error.light',\n color: 'error.contrastText' \n },\n '&:disabled': {\n opacity: 0.5\n }\n }}\n >\n <Trash fontSize=\"small\" />\n </IconButton>\n </span>\n </Tooltip>\n </>\n )}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport { HtmlThumbnailPreview };\nexport default HtmlThumbnailPreview;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Box, Skeleton, IconButton, Tooltip, Divider, Fade } from '@mui/material';\nimport { ZoomIn, ZoomOut, Refresh } from '@mui/icons-material';\nimport { Trash } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\ninterface HtmlThumbnailPreviewProps {\n template: any;\n width?: number \| string; \n height?: number;\n scale?: number;\n showControls?: boolean;\n onClick?: (template: any) => void;\n selectedTemplateId?: string;\n isFetching?: boolean;\n onDelete?: (template: any) => void;\n normalView?: boolean;\n minScale?: number;\n maxScale?: number;\n scaleStep?: number;\n loadingDelay?: number;\n refreshDelay?: number;\n}\n\nconst HtmlThumbnailPreviewFull: React.FC<HtmlThumbnailPreviewProps> = ({\n template,\n width = '100%',\n height = 800,\n scale = 0.25,\n showControls = false,\n onClick = null,\n selectedTemplateId = '',\n isFetching = false,\n onDelete,\n normalView = false,\n minScale = 0.1,\n maxScale = 1,\n scaleStep = 1.2,\n loadingDelay = 500,\n refreshDelay = 300,\n}) => {\n const [isLoading, setIsLoading] = useState(isFetching \|\| true);\n const [currentScale, setCurrentScale] = useState(scale);\n const [error, setError] = useState<null \| string>(null);\n const [isHovered, setIsHovered] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const loadingTimeoutRef = useRef<any>(null);\n const refreshTimeoutRef = useRef<any>(null);\n\n const [containerPixelWidth, setContainerPixelWidth] = useState<number>(typeof width === 'number' ? width : 800);\n\n // Measure container width for responsive scaling\n useEffect(() => {\n const updateWidth = () => {\n if (containerRef.current) {\n const newWidth = containerRef.current.offsetWidth;\n setContainerPixelWidth(newWidth);\n }\n };\n updateWidth();\n window.addEventListener('resize', updateWidth);\n return () => window.removeEventListener('resize', updateWidth);\n }, []);\n\n const scaledWidth = containerPixelWidth / currentScale;\n const scaledHeight = height / currentScale;\n\n useEffect(() => {\n return () => {\n clearTimeout(loadingTimeoutRef.current);\n clearTimeout(refreshTimeoutRef.current);\n };\n }, []);\n\n useEffect(() => {\n clearTimeout(loadingTimeoutRef.current);\n loadingTimeoutRef.current = setTimeout(() => setIsLoading(false), loadingDelay);\n return () => clearTimeout(loadingTimeoutRef.current);\n }, [template.contents, loadingDelay]);\n\n useEffect(() => setIsLoading(isFetching), [isFetching]);\n\n const handleZoomIn = useCallback(() => setCurrentScale(prev => Math.min(prev scaleStep, maxScale)), [scaleStep, maxScale]);\n const handleZoomOut = useCallback(() => setCurrentScale(prev => Math.max(prev / scaleStep, minScale)), [scaleStep, minScale]);\n const handleRefresh = useCallback(() => {\n setIsLoading(true);\n setError(null);\n clearTimeout(refreshTimeoutRef.current);\n refreshTimeoutRef.current = setTimeout(() => setIsLoading(false), refreshDelay);\n }, [refreshDelay]);\n\n const handleClick = useCallback(() => {\n if (onClick && !isLoading) onClick(template);\n }, [onClick, template, isLoading]);\n\n const handleDelete = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n if (onDelete && !template?.is_default) onDelete(template);\n }, [onDelete, template]);\n\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n\n if (isLoading) return (\n <Box sx={{ width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid', borderColor: 'divider' }}>\n <Skeleton variant=\"rectangular\" width=\"100%\" height=\"100%\" animation=\"wave\" />\n </Box>\n );\n\n if (error) return (\n <Box sx={{\n width, height, borderRadius: 1, overflow: 'hidden', border: '1px solid',\n borderColor: 'error.main', display: 'flex', alignItems: 'center', justifyContent: 'center',\n backgroundColor: 'error.light', color: 'error.contrastText'\n }}>\n Failed to load template\n </Box>\n );\n\n const isSelected = selectedTemplateId === template._id;\n const canZoomIn = currentScale < maxScale;\n const canZoomOut = currentScale > minScale;\n const canDelete = !template?.is_default;\n\n return (\n <Box\n ref={containerRef}\n sx={{ position: 'relative', width, marginInline: 'auto', display: 'inline-block' }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <Box\n onClick={handleClick}\n sx={(theme) => ({\n width: '100%',\n height,\n marginBlock: 0,\n overflow: 'hidden',\n position: 'relative',\n backgroundColor: '#fff',\n transition: 'all 0.2s ease-in-out',\n '&:hover': onClick ? { boxShadow: '0 4px 16px rgba(0,0,0,0.15)', transform: 'translateY(-1px)' } : {},\n })}\n >\n <Box\n sx={{\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center', \n alignItems: 'center', \n overflow: 'auto',\n backgroundColor: '#fff',\n }}\n >\n <Box\n sx={{\n transform: `scale(${currentScale})`,\n transformOrigin: 'top left',\n pointerEvents: 'none',\n userSelect: 'none',\n width: containerPixelWidth,\n height: height,\n }}\n >\n <Box\n ref={contentRef}\n sx={{\n width: '100%',\n height: '100%',\n '& ': { maxWidth: '100% !important', boxSizing: 'border-box !important' },\n '& body': { margin: 0, padding: 0, overflow: 'hidden' },\n '& img': { maxWidth: '100% !important', height: 'auto !important' },\n '& table': { width: '100% !important', tableLayout: 'fixed !important' },\n '& [style=\"position: absolute\"]': { position: 'relative !important' },\n '& .email-container': { width: '85% !important' },\n }}\n dangerouslySetInnerHTML={{ __html: template.contents }}\n />\n </Box>\n </Box>\n\n {template?.is_default && (\n <Box sx={(theme) => ({ position: 'absolute', top: 8, left: 8, width: 12, height: 12, borderRadius: '50%', backgroundColor: theme.palette.theme.primary[800], zIndex: 3 })} />\n )}\n </Box>\n\n {template?.name && <Typography type='s3' weight='medium' color='theme.secondary.1000' align='center' sx={{ width, mt: 0.5 }}>{template?.name}</Typography>}\n\n {showControls && (\n <Fade in={isHovered} timeout={200}>\n <Box sx={{ position: 'absolute', top: -8, right: -8, display: 'flex', gap: 0.5, zIndex: 4, backgroundColor: 'rgba(255,255,255,0.95)', border: '1px solid', borderColor: 'grey.300', borderRadius: 2, padding: 0.5, boxShadow: '0 4px 12px rgba(0,0,0,0.15)', backdropFilter: 'blur(4px)' }}>\n <Tooltip title={`Zoom In (${Math.round(currentScale 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomIn} disabled={!canZoomIn}><ZoomIn fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={`Zoom Out (${Math.round(currentScale * 100)}%)`} arrow>\n <span><IconButton size=\"small\" onClick={handleZoomOut} disabled={!canZoomOut}><ZoomOut fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title=\"Refresh Preview\" arrow>\n <IconButton size=\"small\" onClick={handleRefresh}><Refresh fontSize=\"small\" /></IconButton>\n </Tooltip>\n {onDelete && <>\n <Divider orientation=\"vertical\" flexItem />\n <Tooltip title={canDelete ? \"Delete Template\" : \"Cannot delete default template\"} arrow>\n <span><IconButton size=\"small\" onClick={handleDelete} disabled={!canDelete}><Trash fontSize=\"small\" /></IconButton></span>\n </Tooltip>\n </>}\n </Box>\n </Fade>\n )}\n </Box>\n );\n};\n\nexport default HtmlThumbnailPreviewFull;","/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useEffect, useState } from 'react';\nimport { \n DialogTitle, \n DialogContent, \n DialogActions,\n IconButton,\n Box,\n MenuItem\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../../../components/typography/typography';\nimport Modal from '../../../components/modal/modal';\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\nimport { getErrorMessage, getToken } from '../../../utils/common';\nimport Button from '../../../components/button/button';\n// import ModalLoader from '../../../components/loader/modal-loader';\nimport { useNavigate } from 'react-router-dom';\nimport { enqueueSnackbar } from 'notistack';\nimport Select from '../../../components/select/select';\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\nimport HtmlThumbnailPreviewFull from './html-thumbnail-preview-full';\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes, source = 'add' }) => {\n const [templates, setTemplates] = useState([]);\n const [selectedTemplate, setSelectedTemplate] = useState('');\n const [defaultTemplate, setDefaultTemplate] = useState('');\n const [loading, setLoding] = useState(true);\n const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id \|\| 0);\n const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> \| null>(null);\n const [selectedTemplateForPreview, setSelectedTemplateForPreview] = useState(null);\n\n const navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleViewTemplate = () => {\n navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { \n state: { company_id: selectedCompany, isViewOnly: true, fromPreview: true }\n });\n };\n\n const handleTemplateSelect = (id: any) => {\n if (source === 'view') {\n const template = templates.find((t: any) => t?._id === id);\n setSelectedTemplateForPreview(template);\n setSelectedTemplate(id);\n handleViewTemplate();\n } else {\n setSelectedTemplate(id);\n }\n }\n\n const getTemplatesViaSubject = async () => {\n setLoding(true)\n const res = await getV1Templates({ ...getToken(), filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\n if(res?.data) {\n const dTemplate = res?.data?.find(t => t.is_default === true)\n setDefaultTemplate(dTemplate)\n setSelectedTemplate(dTemplate?._id)\n setTemplates(res?.data)\n }\n\n setLoding(false)\n }\n\n const handleDefaultTemplate = async () => {\n try {\n await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\n enqueueSnackbar('Template has been set as default');\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n const handleDeleteTemplate = async () => {\n try {\n if(templateToDelete) {\n await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\n enqueueSnackbar('Template has been deleted');\n setTemplateToDelete(null)\n await getTemplatesViaSubject()\n }\n } catch (error) {\n const m = getErrorMessage(error?.message);\n enqueueSnackbar(m, { variant: 'error' });\n }\n }\n\n useEffect(() => {\n getTemplatesViaSubject()\n return () => { setLoding(true) }\n }, [selectedCompany])\n\n return (\n <div>\n <Modal \n open={open} \n onClose={handleClose} \n maxWidth=\"lg\" \n fullWidth\n aria-labelledby=\"email-template-selection\"\n sx={{\n '& .MuiDialog-paper': {\n height: '85vh',\n display: 'flex',\n flexDirection: 'column'\n }\n }}\n >\n\n {console.log(source, \"soure in modal +++++++++++++++++++++++debug\")}\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Box display='flex' alignItems='center' gap={2}>\n {selectedTemplateForPreview && (\n <IconButton\n onClick={() => setSelectedTemplateForPreview(null)}\n size='small'\n sx={{ color: (theme) => theme.palette.grey[700] }}\n >\n <Typography>← Back</Typography>\n </IconButton>\n )}\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ flex: 1, textAlign: 'center' }}> \n {selectedTemplateForPreview ? 'Template Preview' : (source === 'view' ? 'Template Preview' : 'Select Template')}\n </Typography>\n </Box>\n <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\n <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\n <Select\n displayEmpty\n value={selectedCompany}\n size='small'\n renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\n // fullWidth\n // sx={{\n // bgcolor: 'white',\n // borderRadius: 1,\n // '& .MuiSelect-select': { py: 0.75 }\n // }}\n onChange={(e) => {\n if (e.target.value) {\n setSelectedCompany(e.target.value as number);\n }\n }}>\n {companies.map((option) => (\n <MenuItem key={option.value} value={option.value}>\n <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\n </MenuItem>\n ))}\n </Select>\n <IconButton\n aria-label=\"close\"\n onClick={handleClose}\n size='small'\n sx={{\n color: (theme) => theme.palette.grey[500],\n }}\n >\n <CloseIcon fontSize='small'/>\n </IconButton>\n </Box>\n </DialogTitle>\n \n {\n selectedTemplateForPreview ? (\n <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 3, width: '100%', p: 3, flex: 1, overflow: 'auto', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ Main Preview /}\n <Box sx={{ width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>\n <HtmlThumbnailPreviewFull\n template={selectedTemplateForPreview}\n width={'100%'}\n height={600}\n scale={1}\n showControls={true}\n isFetching={loading}\n normalView={true}\n />\n </Box>\n </DialogContent>\n ) : (\n <DialogContent sx={{ flex: 1, overflow: 'auto', display: 'flex', flexDirection: 'column', scrollbarWidth: 'none', msOverflowStyle: 'none', '&::-webkit-scrollbar': { display: 'none' } }}>\n {/ <Grid container spacing={6}> */}\n {!templates.length && (\n // <Grid item xs={12} sx={{ minHeight: 350}}>\n <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\n {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\n </Box>\n // </Grid>\n )}\n <Box sx={{ \n display: 'grid', \n gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \n gap: 2, \n p: 2,\n justifyItems: 'center',\n alignItems: 'center'\n }}>\n {templates.map((template, index) => (\n <HtmlThumbnailPreview\n key={template._id \|\| index}\n template={template}\n width={300}\n height={200}\n showControls={source === 'add'}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n normalView={source === 'add'}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n </DialogContent>\n )}\n {source === 'add' && (\n <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\n <Button\n onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\n disabled={!selectedTemplate}\n >\n Continue\n </Button>\n <Button\n onClick={() => handleDefaultTemplate()}\n disabled={!selectedTemplate \|\| defaultTemplate?._id === selectedTemplate}\n >\n Set to Default\n </Button>\n </DialogActions>\n )}\n </Modal>\n <ConfirmPopUp\n open={templateToDelete !== null}\n onClose={() => setTemplateToDelete(null)}\n title='Remove Template'\n description='Are you sure you want to delete ?'\n onConfirm={() => handleDeleteTemplate()}\n loading={loading}\n />\n </div>\n );\n};\n\nexport { TemplateModal };\nexport default TemplateModal;"],"names":["React","_a","CloseIcon","template"],"mappings":"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"}

package/dist/chunks/{templates-CCy1eG6A.esm.js → templates-BK_pcPtR.esm.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
-import { A as ActionBar } from "./action-bar-C7Alva4T.esm.js";
+import { A as ActionBar } from "./action-bar-BQ3DcZpw.esm.js";
 import { v as viewTypes } from "./action-bar-BsXTcYpL.esm.js";
-import { M as MaterialTable } from "./searchable-select-0F6E4XAr.esm.js";
+import { M as MaterialTable } from "./searchable-select-DSxOplyJ.esm.js";
 import { T as Typography } from "./typography-CG_A0iOJ.esm.js";
 import { F as Fallback } from "./fallback-C1hj1V6l.esm.js";
 import { M as Menu } from "./menu-B2SzzeqF.esm.js";
-import { F as Footer } from "./footer-m3_dlNl8.esm.js";
+import { F as Footer } from "./footer-Db5CEUun.esm.js";
 import { u as useDeepMemo } from "./use-deep-memo-BzDUOQl2.esm.js";
 import { usePages, usePermissions } from "@erpsquad/common/runtime";
-import { t as transformTableColumns } from "./common-utility-DGpbsf7S.esm.js";
-import { c as appendConditionSafely, ab as getToken, m as defaultCurrencySymbol, r as fetchApi } from "./api-BIVCMSwW.esm.js";
+import { t as transformTableColumns } from "./common-utility-GjUrjpEf.esm.js";
+import { c as appendConditionSafely, ab as getToken, m as defaultCurrencySymbol, r as fetchApi } from "./api-COFUx2RW.esm.js";
 import images from "../images/index.esm.js";
 import { MenuItem } from "@mui/material";
 import { useTranslation } from "react-i18next";
@@ -18,7 +18,7 @@ import { enqueueSnackbar } from "notistack";
 import { t as templateRoutes } from "./common-CaomnEjX.esm.js";
 import { useNavigate } from "react-router-dom";
 import { h as getV1Subjects } from "./api-DBmWILBN.esm.js";
-import { T as TemplateModal } from "./template-modal-B2VgotrF.esm.js";
+import { T as TemplateModal } from "./template-modal-Cyj0AUks.esm.js";
 import { C as CompanySelectionModal } from "./company-selection-modal-Dn2L_skh.esm.js";
 /* empty css                       */
 const Templates = ({ type, module, modulePath }) => {
@@ -276,4 +276,4 @@ const Templates = ({ type, module, modulePath }) => {
 export {
   Templates as T
 };
-//# sourceMappingURL=templates-CCy1eG6A.esm.js.map
+//# sourceMappingURL=templates-BK_pcPtR.esm.js.map