npm - @erpsquad/common - Versions diffs - 1.8.75 → 1.8.77 - Mend

@erpsquad/common 1.8.75 → 1.8.77

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

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../components/typography/typography/index.js"),o=require("../../../../node_modules/@mui/material/Box/Box/index.js"),i=require("../../../../node_modules/@mui/material/Skeleton/Skeleton/index.js"),l=require("../../../../node_modules/@mui/material/Fade/Fade/index.js"),a=require("../../../../node_modules/@mui/material/Tooltip/Tooltip/index.js"),n=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),d=require("../../../../node_modules/@mui/icons-material/esm/ZoomIn/index.js"),s=require("../../../../node_modules/@mui/material/Divider/Divider/index.js"),u=require("../../../../node_modules/@mui/icons-material/esm/ZoomOut/index.js"),c=require("../../../../node_modules/@mui/icons-material/esm/Refresh/index.js"),m=require("../../../../components/icons/trash/index.js");exports.default=({template:x,width:h=300,height:p=200,scale:f=.25,showControls:b=!1,onClick:g=null,selectedTemplateId:j="",isFetching:v=!1,onDelete:y,minScale:C=.1,maxScale:k=1,scaleStep:w=1.2,loadingDelay:T=500,refreshDelay:S=300})=>{const[_,I]=t.useState(v||!0),[q,z]=t.useState(f),[R,M]=t.useState(null),[D,F]=t.useState(!1),E=t.useRef(null),B=t.useRef(null),O=t.useRef(null),Z=t.useRef(null),L=h/q,P=p/q;t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),Z.current&&clearTimeout(Z.current)},[]),t.useEffect(()=>(O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{I(!1)},T),()=>{O.current&&clearTimeout(O.current)}),[x.contents,T]),t.useEffect(()=>{I(v)},[v]);const W=t.useCallback(()=>{z(e=>Math.min(e*w,k))},[w,k]),$=t.useCallback(()=>{z(e=>Math.max(e/w,C))},[w,C]),H=t.useCallback(()=>{I(!0),M(null),Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{I(!1)},S)},[S]),Y=t.useCallback(()=>{g&&!_&&g(x)},[g,x,_]),A=t.useCallback(e=>{e.stopPropagation(),y&&!(null==x?void 0:x.is_default)&&y(x)},[y,x]),G=t.useCallback(()=>{F(!0)},[]),J=t.useCallback(()=>{F(!1)},[]);if(_)/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../components/typography/typography/index.js"),o=require("../../../../node_modules/@mui/material/Box/Box/index.js"),i=require("../../../../node_modules/@mui/material/Skeleton/Skeleton/index.js"),l=require("../../../../node_modules/@mui/material/Fade/Fade/index.js"),a=require("../../../../node_modules/@mui/material/Tooltip/Tooltip/index.js"),n=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),d=require("../../../../node_modules/@mui/icons-material/esm/ZoomIn/index.js"),s=require("../../../../node_modules/@mui/material/Divider/Divider/index.js"),u=require("../../../../node_modules/@mui/icons-material/esm/ZoomOut/index.js"),c=require("../../../../node_modules/@mui/icons-material/esm/Refresh/index.js"),m=require("../../../../components/icons/trash/index.js");const x=({template:x,width:h=300,height:p=200,scale:f=.25,showControls:b=!1,onClick:g=null,selectedTemplateId:j="",isFetching:v=!1,onDelete:y,minScale:C=.1,maxScale:k=1,scaleStep:w=1.2,loadingDelay:T=500,refreshDelay:S=300})=>{const[_,I]=t.useState(v||!0),[q,z]=t.useState(f),[R,M]=t.useState(null),[D,F]=t.useState(!1),E=t.useRef(null),B=t.useRef(null),O=t.useRef(null),P=t.useRef(null),Z=h/q,L=p/q;t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),P.current&&clearTimeout(P.current)},[]),t.useEffect(()=>(O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{I(!1)},T),()=>{O.current&&clearTimeout(O.current)}),[x.contents,T]),t.useEffect(()=>{I(v)},[v]);const W=t.useCallback(()=>{z(e=>Math.min(e*w,k))},[w,k]),$=t.useCallback(()=>{z(e=>Math.max(e/w,C))},[w,C]),H=t.useCallback(()=>{I(!0),M(null),P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{I(!1)},S)},[S]),Y=t.useCallback(()=>{g&&!_&&g(x)},[g,x,_]),A=t.useCallback(e=>{e.stopPropagation(),y&&!(null==x?void 0:x.is_default)&&y(x)},[y,x]),G=t.useCallback(()=>{F(!0)},[]),J=t.useCallback(()=>{F(!1)},[]);if(_)/* @__PURE__ */
 return e.jsx(o.default,{sx:{width:h,height:p,borderRadius:1,overflow:"hidden",border:"1px solid",borderColor:"divider"},children:/* @__PURE__ */e.jsx(i.default,{variant:"rectangular",width:"100%",height:"100%",animation:"wave"})});if(R)/* @__PURE__ */
 return e.jsx(o.default,{sx:{width:h,height:p,borderRadius:1,overflow:"hidden",border:"1px solid",borderColor:"error.main",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"error.light",color:"error.contrastText"},children:"Failed to load template"});const K=j===x._id,N=q<k,Q=q>C,U=!(null==x?void 0:x.is_default);/* @__PURE__ */
 return e.jsxs(o.default,{sx:{position:"relative",display:"inline-block"},onMouseEnter:G,onMouseLeave:J,children:[
 /* @__PURE__ */e.jsxs(o.default,{ref:E,onClick:Y,sx:e=>({width:h,height:p,border:"1px solid",borderRadius:1,overflow:"hidden",position:"relative",cursor:g?"pointer":"default",backgroundColor:"#fff",transition:"all 0.2s ease-in-out","&:hover":g?{boxShadow:"0 4px 16px rgba(0,0,0,0.15)",transform:"translateY(-1px)"}:{},borderColor:K?e.palette.theme.primary[800]:"grey.300",borderWidth:K?2:1}),children:[
-/* @__PURE__ */e.jsx(o.default,{sx:{width:L,height:P,transform:`scale(${q})`,transformOrigin:"top left",position:"absolute",top:0,left:0,overflow:"hidden"},children:/* @__PURE__ */e.jsx(o.default,{ref:B,sx:{width:"100%",height:"100%",userSelect:"none",pointerEvents:"none",pt:2,"& *":{maxWidth:"100% !important",boxSizing:"border-box !important"},"& body":{margin:"0 !important",padding:"0 !important",overflow:"hidden !important"},"& img":{maxWidth:"100% !important",height:"auto !important"},"& table":{width:"100% !important",tableLayout:"fixed !important"},'& *[style*="position: absolute"]':{position:"relative !important"},"& .email-container":{width:"85% !important"}},dangerouslySetInnerHTML:{__html:x.contents}})}),_&&/* @__PURE__ */e.jsx(o.default,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(255,255,255,0.8)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:2},children:/* @__PURE__ */e.jsx(i.default,{variant:"rectangular",width:"90%",height:"90%"})}),(null==x?void 0:x.is_default)&&/* @__PURE__ */e.jsx(o.default,{sx:e=>{var t;return{position:"absolute",top:8,left:8,width:12,height:12,borderRadius:"50%",backgroundColor:null==(t=e.palette.theme)?void 0:t.primary[800],zIndex:3}}})]}),(null==x?void 0:x.name)&&/* @__PURE__ */e.jsx(r.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",align:"center",sx:{width:h,mt:.5},children:null==x?void 0:x.name}),b&&/* @__PURE__ */e.jsx(l.default,{in:D,timeout:200,children:/* @__PURE__ */e.jsxs(o.default,{sx:{position:"absolute",top:-8,right:-8,display:"flex",gap:.5,zIndex:4,backgroundColor:"rgba(255,255,255,0.95)",border:"1px solid",borderColor:"grey.300",borderRadius:2,padding:.5,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",backdropFilter:"blur(4px)"},children:[
+/* @__PURE__ */e.jsx(o.default,{sx:{width:Z,height:L,transform:`scale(${q})`,transformOrigin:"top left",position:"absolute",top:0,left:0,overflow:"hidden"},children:/* @__PURE__ */e.jsx(o.default,{ref:B,sx:{width:"100%",height:"100%",userSelect:"none",pointerEvents:"none",pt:2,"& *":{maxWidth:"100% !important",boxSizing:"border-box !important"},"& body":{margin:"0 !important",padding:"0 !important",overflow:"hidden !important"},"& img":{maxWidth:"100% !important",height:"auto !important"},"& table":{width:"100% !important",tableLayout:"fixed !important"},'& *[style*="position: absolute"]':{position:"relative !important"},"& .email-container":{width:"85% !important"}},dangerouslySetInnerHTML:{__html:x.contents}})}),_&&/* @__PURE__ */e.jsx(o.default,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(255,255,255,0.8)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:2},children:/* @__PURE__ */e.jsx(i.default,{variant:"rectangular",width:"90%",height:"90%"})}),(null==x?void 0:x.is_default)&&/* @__PURE__ */e.jsx(o.default,{sx:e=>{var t;return{position:"absolute",top:8,left:8,width:12,height:12,borderRadius:"50%",backgroundColor:null==(t=e.palette.theme)?void 0:t.primary[800],zIndex:3}}})]}),(null==x?void 0:x.name)&&/* @__PURE__ */e.jsx(r.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",align:"center",sx:{width:h,mt:.5},children:null==x?void 0:x.name}),b&&/* @__PURE__ */e.jsx(l.default,{in:D,timeout:200,children:/* @__PURE__ */e.jsxs(o.default,{sx:{position:"absolute",top:-8,right:-8,display:"flex",gap:.5,zIndex:4,backgroundColor:"rgba(255,255,255,0.95)",border:"1px solid",borderColor:"grey.300",borderRadius:2,padding:.5,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",backdropFilter:"blur(4px)"},children:[
 /* @__PURE__ */e.jsx(a.default,{title:`Zoom In (${Math.round(100*q)}%)`,arrow:!0,children:/* @__PURE__ */e.jsx("span",{children:/* @__PURE__ */e.jsx(n.default,{size:"small",onClick:W,disabled:!N,sx:{backgroundColor:"transparent","&:hover":{backgroundColor:"primary.light",color:"primary.contrastText"},"&:disabled":{opacity:.5}},children:/* @__PURE__ */e.jsx(d.default,{fontSize:"small"})})})}),
 /* @__PURE__ */e.jsx(s.default,{orientation:"vertical",variant:"middle",flexItem:!0}),
 /* @__PURE__ */e.jsx(a.default,{title:`Zoom Out (${Math.round(100*q)}%)`,arrow:!0,children:/* @__PURE__ */e.jsx("span",{children:/* @__PURE__ */e.jsx(n.default,{size:"small",onClick:$,disabled:!Q,sx:{backgroundColor:"transparent","&:hover":{backgroundColor:"primary.light",color:"primary.contrastText"},"&:disabled":{opacity:.5}},children:/* @__PURE__ */e.jsx(u.default,{fontSize:"small"})})})}),
 /* @__PURE__ */e.jsx(s.default,{orientation:"vertical",variant:"middle",flexItem:!0}),
 /* @__PURE__ */e.jsx(a.default,{title:"Refresh Preview",arrow:!0,children:/* @__PURE__ */e.jsx(n.default,{size:"small",onClick:H,sx:{backgroundColor:"transparent","&:hover":{backgroundColor:"primary.light",color:"primary.contrastText"}},children:/* @__PURE__ */e.jsx(c.default,{fontSize:"small"})})}),y&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsx(s.default,{orientation:"vertical",variant:"middle",flexItem:!0}),
-/* @__PURE__ */e.jsx(a.default,{title:U?"Delete Template":"Cannot delete default template",arrow:!0,children:/* @__PURE__ */e.jsx("span",{children:/* @__PURE__ */e.jsx(n.default,{size:"small",onClick:A,disabled:!U,sx:{backgroundColor:"transparent","&:hover":U?{backgroundColor:"error.light",color:"error.contrastText"}:{},"&:disabled":{opacity:.5}},children:/* @__PURE__ */e.jsx(m.Trash,{fontSize:"small"})})})})]})]})})]})};
+/* @__PURE__ */e.jsx(a.default,{title:U?"Delete Template":"Cannot delete default template",arrow:!0,children:/* @__PURE__ */e.jsx("span",{children:/* @__PURE__ */e.jsx(n.default,{size:"small",onClick:A,disabled:!U,sx:{backgroundColor:"transparent","&:hover":U?{backgroundColor:"error.light",color:"error.contrastText"}:{},"&:disabled":{opacity:.5}},children:/* @__PURE__ */e.jsx(m.Trash,{fontSize:"small"})})})})]})]})})]})};exports.HtmlThumbnailPreview=x,exports.default=x;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\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}) => {\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: 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 default HtmlThumbnailPreview;"],"names":["template","width","height","scale","showControls","onClick","selectedTemplateId","isFetching","onDelete","minScale","maxScale","scaleStep","loadingDelay","refreshDelay","isLoading","setIsLoading","useState","currentScale","setCurrentScale","error","setError","isHovered","setIsHovered","containerRef","useRef","contentRef","loadingTimeoutRef","refreshTimeoutRef","scaledWidth","scaledHeight","useEffect","current","clearTimeout","setTimeout","contents","handleZoomIn","useCallback","Math","min","prev","handleZoomOut","max","handleRefresh","handleClick","handleDelete","e","stopPropagation","is_default","handleMouseEnter","handleMouseLeave","jsx","Box","sx","borderRadius","overflow","border","borderColor","children","Skeleton","variant","animation","display","alignItems","justifyContent","backgroundColor","color","isSelected","_id","canZoomIn","canZoomOut","canDelete","jsxs","position","onMouseEnter","onMouseLeave","ref","theme","cursor","transition","boxShadow","transform","palette","primary","borderWidth","transformOrigin","top","left","userSelect","pointerEvents","pt","maxWidth","boxSizing","margin","padding","tableLayout","dangerouslySetInnerHTML","__html","right","bottom","zIndex","_a","name","Typography","type","weight","align","mt","Fade","in","timeout","gap","backdropFilter","Tooltip","title","round","arrow","IconButton","size","disabled","opacity","ZoomIn","fontSize","Divider","orientation","flexItem","ZoomOut","Refresh","Fragment","Trash"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/html-thumbnail-preview.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\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}) => {\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: 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;"],"names":["HtmlThumbnailPreview","template","width","height","scale","showControls","onClick","selectedTemplateId","isFetching","onDelete","minScale","maxScale","scaleStep","loadingDelay","refreshDelay","isLoading","setIsLoading","useState","currentScale","setCurrentScale","error","setError","isHovered","setIsHovered","containerRef","useRef","contentRef","loadingTimeoutRef","refreshTimeoutRef","scaledWidth","scaledHeight","useEffect","current","clearTimeout","setTimeout","contents","handleZoomIn","useCallback","Math","min","prev","handleZoomOut","max","handleRefresh","handleClick","handleDelete","e","stopPropagation","is_default","handleMouseEnter","handleMouseLeave","jsx","Box","sx","borderRadius","overflow","border","borderColor","children","Skeleton","variant","animation","display","alignItems","justifyContent","backgroundColor","color","isSelected","_id","canZoomIn","canZoomOut","canDelete","jsxs","position","onMouseEnter","onMouseLeave","ref","theme","cursor","transition","boxShadow","transform","palette","primary","borderWidth","transformOrigin","top","left","userSelect","pointerEvents","pt","maxWidth","boxSizing","margin","padding","tableLayout","dangerouslySetInnerHTML","__html","right","bottom","zIndex","_a","name","Typography","type","weight","align","mt","Fade","in","timeout","gap","backdropFilter","Tooltip","title","round","arrow","IconButton","size","disabled","opacity","ZoomIn","fontSize","Divider","orientation","flexItem","ZoomOut","Refresh","Fragment","Trash"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+declare const HtmlThumbnailPreview: ({ template, width, height, scale, showControls, onClick, selectedTemplateId, isFetching, onDelete, minScale, maxScale, scaleStep, loadingDelay, refreshDelay }: {
+    template: any;
+    width?: number;
+    height?: number;
+    scale?: number;
+    showControls?: boolean;
+    onClick?: any;
+    selectedTemplateId?: string;
+    isFetching?: boolean;
+    onDelete: any;
+    minScale?: number;
+    maxScale?: number;
+    scaleStep?: number;
+    loadingDelay?: number;
+    refreshDelay?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export { HtmlThumbnailPreview };
+export default HtmlThumbnailPreview;

package/dist/views/template-editor/template-modal/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { default as HtmlThumbnailPreview } from './html-thumbnail-preview';
+export * from './html-thumbnail-preview';
+export { default as TemplateModal } from './template-modal';
+export * from './template-modal';

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\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 ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\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 navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleTemplateSelect = (id) => {\n setSelectedTemplate(id);\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 >\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\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 <DialogContent>\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={true}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n {/ </Grid> */}\n </DialogContent>\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 </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 default TemplateModal;"],"names":["React","_a","CloseIcon","template"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\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 ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\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 navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleTemplateSelect = (id) => {\n setSelectedTemplate(id);\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 >\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\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 <DialogContent>\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={true}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n {/ </Grid> */}\n </DialogContent>\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 </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/views/template-editor/template-modal/template-modal/index.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\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 ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\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 navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleTemplateSelect = (id) => {\n setSelectedTemplate(id);\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 >\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\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 <DialogContent>\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={true}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n {/ </Grid> */}\n </DialogContent>\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 </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 default TemplateModal;"],"names":["email","onClose","open","companies","templateRoutes","templates","setTemplates","useState","selectedTemplate","setSelectedTemplate","defaultTemplate","setDefaultTemplate","loading","setLoding","selectedCompany","setSelectedCompany","React","_a","id","templateToDelete","setTemplateToDelete","navigate","useNavigate","handleClose","getTemplatesViaSubject","async","res","getV1Templates","getToken","filters","_id","data","dTemplate","find","t","is_default","useEffect","children","jsxs","Modal","maxWidth","fullWidth","DialogTitle","sx","marginBottom","padding","borderBottom","jsx","Typography","type","weight","color","width","textAlign","Box","display","alignItems","gap","position","right","top","Select","displayEmpty","value","size","renderValue","option","label","onChange","e","target","map","MenuItem","IconButton","onClick","theme","palette","grey","CloseIcon","fontSize","DialogContent","length","height","justifyContent","gridTemplateColumns","p","justifyItems","template","index","HtmlThumbnailPreview","showControls","selectedTemplateId","isFetching","onDelete","DialogActions","borderTop","Button","EDIT_TEMPLATE","state","company_id","disabled","patchV1TemplatesIdSetDefault","enqueueSnackbar","error","m","getErrorMessage","message","variant","handleDefaultTemplate","ConfirmPopUp","title","description","onConfirm","deleteV1TemplatesId","handleDeleteTemplate"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable unused-imports/no-unused-vars /\nimport 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 ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\n\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\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 navigate = useNavigate();\n\n const handleClose = () => {\n onClose();\n };\n\n const handleTemplateSelect = (id) => {\n setSelectedTemplate(id);\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 >\n {/ {loading && <ModalLoader/>} /}\n <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\n <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\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 <DialogContent>\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={true}\n selectedTemplateId={selectedTemplate}\n onClick={(template: any) => {\n handleTemplateSelect(template._id)\n }}\n isFetching={loading}\n onDelete={(template: any) => setTemplateToDelete(template)}\n />\n ))}\n </Box>\n {/ </Grid> */}\n </DialogContent>\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 </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":["TemplateModal","email","onClose","open","companies","templateRoutes","templates","setTemplates","useState","selectedTemplate","setSelectedTemplate","defaultTemplate","setDefaultTemplate","loading","setLoding","selectedCompany","setSelectedCompany","React","_a","id","templateToDelete","setTemplateToDelete","navigate","useNavigate","handleClose","getTemplatesViaSubject","async","res","getV1Templates","getToken","filters","_id","data","dTemplate","find","t","is_default","useEffect","children","jsxs","Modal","maxWidth","fullWidth","DialogTitle","sx","marginBottom","padding","borderBottom","jsx","Typography","type","weight","color","width","textAlign","Box","display","alignItems","gap","position","right","top","Select","displayEmpty","value","size","renderValue","option","label","onChange","e","target","map","MenuItem","IconButton","onClick","theme","palette","grey","CloseIcon","fontSize","DialogContent","length","height","justifyContent","gridTemplateColumns","p","justifyItems","template","index","HtmlThumbnailPreview","showControls","selectedTemplateId","isFetching","onDelete","DialogActions","borderTop","Button","EDIT_TEMPLATE","state","company_id","disabled","patchV1TemplatesIdSetDefault","enqueueSnackbar","error","m","getErrorMessage","message","variant","handleDefaultTemplate","ConfirmPopUp","title","description","onConfirm","deleteV1TemplatesId","handleDeleteTemplate"],"mappings":"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"}

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

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

package/dist/views/template-editor/template-name-modal/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as TemplateNameModal } from './template-name-modal';
2	+ export * from './template-name-modal';

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

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

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

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

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

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

package/dist/views/template-editor/template-name-modal/template-name-modal.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { DialogProps } from '@mui/material';
+import { IEmail } from '../utils/types';
+interface TemplateNameModalProps {
+    isOpen: boolean;
+    setIsOpen: (value: IEmail | null) => void;
+    modalProps?: DialogProps;
+    templateRoutes: Record<string, any>;
+    payload: Record<string, any>;
+    mode: 'add' | 'edit';
+    templateData: Record<string, any> | null;
+}
+declare const TemplateNameModal: React.FC<TemplateNameModalProps>;
+export default TemplateNameModal;

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

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
-import ActionBar from "../../../components/action-bar/action-bar/index.esm.js";
+import { ActionBar } from "../../../components/action-bar/action-bar/index.esm.js";
 import viewTypes from "../../../constants/action-bar/index.esm.js";
-import MaterialTable from "../../../components/material-table/material-table/index.esm.js";
+import { MaterialTable } from "../../../components/material-table/material-table/index.esm.js";
 import { Typography } from "../../../components/typography/typography/index.esm.js";
-import Fallback from "../../../components/fallback/fallback/index.esm.js";
-import Menu from "../../../components/menu/menu/index.esm.js";
-import Footer from "../../../components/footer/footer/index.esm.js";
+import { Fallback } from "../../../components/fallback/fallback/index.esm.js";
+import { Menu } from "../../../components/menu/menu/index.esm.js";
+import { Footer } from "../../../components/footer/footer/index.esm.js";
 import useDeepMemo from "../../../hooks/use-deep-memo/index.esm.js";
 import { usePages } from "../../../hooks/use-pages/index.esm.js";
 import { transformTableColumns } from "../../../utils/common-utility/index.esm.js";
@@ -19,7 +19,7 @@ import { templateRoutes } from "../utils/common/index.esm.js";
 import { useNavigate } from "react-router-dom";
 import { usePermissions } from "../../../hooks/use-permissions/index.esm.js";
 import { getV1Subjects } from "../../../api-client/api.system-feature/api/index.esm.js";
-import TemplateModal from "../template-modal/template-modal/index.esm.js";
+import { TemplateModal } from "../template-modal/template-modal/index.esm.js";
 import CompanySelectionModal from "../company-selection-modal/company-selection-modal/index.esm.js";
 import { setBaseUrl } from "../../../api-client/api.rbac/api/index.esm.js";
 /* empty css                          */