@zydon/common 2.8.62 → 2.8.64

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 (111) hide show
  1. package/dist/{chunk-HVH6MGHX.js → chunk-2LLPCOAG.js} +2 -2
  2. package/dist/{chunk-YG74GZPD.js → chunk-3JZOHMCP.js} +2 -2
  3. package/dist/{chunk-M3IIWN6P.js → chunk-3XECTDUZ.js} +2 -2
  4. package/dist/{chunk-EFAF33PQ.js → chunk-3XLPNBQU.js} +2 -2
  5. package/dist/chunk-7QKCCB23.js +7 -0
  6. package/dist/chunk-7QKCCB23.js.map +1 -0
  7. package/dist/{chunk-V7EE5E2H.js → chunk-A2GUNNNS.js} +3 -3
  8. package/dist/chunk-DAFN2ILN.js +34 -0
  9. package/dist/chunk-DAFN2ILN.js.map +1 -0
  10. package/dist/{chunk-OFOIKKG2.js → chunk-F64NQ3BY.js} +2 -2
  11. package/dist/{chunk-PVI5BAUW.js → chunk-FZBK5B3G.js} +2 -2
  12. package/dist/{chunk-UOR22KQX.js → chunk-ITMUJKVT.js} +3 -3
  13. package/dist/{chunk-DRJ5UDF6.js → chunk-JRDGTK34.js} +2 -2
  14. package/dist/chunk-JT4DYZAT.js +27 -0
  15. package/dist/chunk-JT4DYZAT.js.map +1 -0
  16. package/dist/{chunk-NR6PQELF.js → chunk-KYN54T4U.js} +2 -2
  17. package/dist/chunk-O7B4K34H.js +14 -0
  18. package/dist/chunk-O7B4K34H.js.map +1 -0
  19. package/dist/{chunk-ESDQCHJR.js → chunk-PKEBJI2J.js} +2 -2
  20. package/dist/{chunk-EDO23OCC.js → chunk-TJAQH6MS.js} +2 -2
  21. package/dist/chunk-TJAQH6MS.js.map +1 -0
  22. package/dist/{chunk-CMNW65VY.js → chunk-WZFHXFZZ.js} +2 -2
  23. package/dist/{chunk-H3SS73NK.js → chunk-XCCDYZLG.js} +2 -2
  24. package/dist/{chunk-VURAUMLN.js → chunk-YAAMDKRR.js} +5 -5
  25. package/dist/chunk-YAAMDKRR.js.map +1 -0
  26. package/dist/{chunk-SKFBUMRN.js → chunk-YZIBDCPM.js} +3 -3
  27. package/dist/components/ActionButton/index.js +3 -3
  28. package/dist/components/Autocomplete/index.js +3 -3
  29. package/dist/components/AvatarButton/index.js +2 -2
  30. package/dist/components/BuilderLayout/index.js +4 -4
  31. package/dist/components/BuilderLayout/index.js.map +1 -1
  32. package/dist/components/BuilderSidebar/index.js +2 -2
  33. package/dist/components/BulkEditModal/index.js +4 -4
  34. package/dist/components/CardBrand/index.js +2 -2
  35. package/dist/components/Common/index.js +2 -2
  36. package/dist/components/CopyButton/index.js +4 -4
  37. package/dist/components/DataView/index.js +4 -4
  38. package/dist/components/DragButton/index.js +3 -3
  39. package/dist/components/Drawer/index.js +5 -5
  40. package/dist/components/Drawer/index.js.map +1 -1
  41. package/dist/components/DynamicDataView/index.js +6 -6
  42. package/dist/components/DynamicDataView/index.js.map +1 -1
  43. package/dist/components/EasyCropModal/index.js +4 -4
  44. package/dist/components/Error/index.js +2 -2
  45. package/dist/components/ExpandableGroup/index.js +2 -2
  46. package/dist/components/FileUpload/index.js +8 -8
  47. package/dist/components/FrameSkeleton/index.js +3 -3
  48. package/dist/components/FrameSkeleton/index.js.map +1 -1
  49. package/dist/components/HelpButton/index.js +3 -3
  50. package/dist/components/Icon/index.js +2 -2
  51. package/dist/components/IconButton/index.js +3 -3
  52. package/dist/components/ImageCropModal/index.js +3 -3
  53. package/dist/components/Incrementer/index.js +3 -3
  54. package/dist/components/InfoCircle/index.js +3 -3
  55. package/dist/components/ListBundles/index.js +3 -3
  56. package/dist/components/MenuItem/index.js +2 -2
  57. package/dist/components/Modal/index.js +3 -3
  58. package/dist/components/MoreMenu/index.js +2 -2
  59. package/dist/components/NotFound/index.js +2 -2
  60. package/dist/components/PasswordRules/index.js +2 -2
  61. package/dist/components/PopoverSelect/index.js +2 -2
  62. package/dist/components/SearchInput/index.js +3 -3
  63. package/dist/components/SelectList/index.js +5 -5
  64. package/dist/components/SelectableCards/index.js +4 -4
  65. package/dist/components/SeoPreview/index.js +2 -2
  66. package/dist/components/StateDisplay/index.js +3 -3
  67. package/dist/components/Steps/index.js +2 -2
  68. package/dist/components/StyledTab/index.js +2 -2
  69. package/dist/components/SwapList/index.js +3 -3
  70. package/dist/components/Tooltip/index.js +1 -1
  71. package/dist/components/WebhookCard/index.js +6 -6
  72. package/dist/components/WebhookCard/index.js.map +1 -1
  73. package/dist/components/carousel/index.js +3 -3
  74. package/dist/components/form/Address/index.js +4 -4
  75. package/dist/components/form/Autocomplete/index.js +4 -4
  76. package/dist/components/form/FileUpload/index.js +8 -8
  77. package/dist/components/form/Incrementer/index.js +3 -3
  78. package/dist/components/form/Password/index.js +2 -2
  79. package/dist/components/form/SelectList/index.js +5 -5
  80. package/dist/components/form/SelectableCards/index.js +4 -4
  81. package/dist/components/form/Webhook/index.js +5 -5
  82. package/dist/components/lightbox/index.js +2 -2
  83. package/dist/components/table/index.js +3 -3
  84. package/dist/contexts/PushNotifications/index.js.map +1 -1
  85. package/dist/types/icon.d.ts +1 -0
  86. package/dist/types/icon.js +1 -1
  87. package/package.json +1 -1
  88. package/dist/chunk-EDO23OCC.js.map +0 -1
  89. package/dist/chunk-FBN7HCBY.js +0 -8
  90. package/dist/chunk-FBN7HCBY.js.map +0 -1
  91. package/dist/chunk-HHX5J5QV.js +0 -34
  92. package/dist/chunk-HHX5J5QV.js.map +0 -1
  93. package/dist/chunk-VURAUMLN.js.map +0 -1
  94. package/dist/chunk-XLNJJJ7D.js +0 -27
  95. package/dist/chunk-XLNJJJ7D.js.map +0 -1
  96. package/dist/chunk-ZXK32CSF.js +0 -14
  97. package/dist/chunk-ZXK32CSF.js.map +0 -1
  98. /package/dist/{chunk-HVH6MGHX.js.map → chunk-2LLPCOAG.js.map} +0 -0
  99. /package/dist/{chunk-YG74GZPD.js.map → chunk-3JZOHMCP.js.map} +0 -0
  100. /package/dist/{chunk-M3IIWN6P.js.map → chunk-3XECTDUZ.js.map} +0 -0
  101. /package/dist/{chunk-EFAF33PQ.js.map → chunk-3XLPNBQU.js.map} +0 -0
  102. /package/dist/{chunk-V7EE5E2H.js.map → chunk-A2GUNNNS.js.map} +0 -0
  103. /package/dist/{chunk-OFOIKKG2.js.map → chunk-F64NQ3BY.js.map} +0 -0
  104. /package/dist/{chunk-PVI5BAUW.js.map → chunk-FZBK5B3G.js.map} +0 -0
  105. /package/dist/{chunk-UOR22KQX.js.map → chunk-ITMUJKVT.js.map} +0 -0
  106. /package/dist/{chunk-DRJ5UDF6.js.map → chunk-JRDGTK34.js.map} +0 -0
  107. /package/dist/{chunk-NR6PQELF.js.map → chunk-KYN54T4U.js.map} +0 -0
  108. /package/dist/{chunk-ESDQCHJR.js.map → chunk-PKEBJI2J.js.map} +0 -0
  109. /package/dist/{chunk-CMNW65VY.js.map → chunk-WZFHXFZZ.js.map} +0 -0
  110. /package/dist/{chunk-H3SS73NK.js.map → chunk-XCCDYZLG.js.map} +0 -0
  111. /package/dist/{chunk-SKFBUMRN.js.map → chunk-YZIBDCPM.js.map} +0 -0
@@ -1,15 +1,15 @@
1
- export { r as ContentType, s as FileContentType, k as FileThumbnail, a as HelperText, b as MultiFilePreview, u as MultipleFileUpload, v as MultipleImageUpload, c as SingleFilePreview, w as SingleFileUpload, x as SingleImageUpload, y as UploadAvatar, z as UploadSimpleBox, n as compressImageWithoutCrop, m as convertToWebP, p as encodeFilenameForHeader, f as fileFormat, d as fileFormatByMimeType, e as fileFormatByName, i as fileNameByUrl, g as fileThumb, j as fileThumbnailClasses, h as fileTypeByUrl, o as getFileNameFromContentDisposition, l as isImageFile, q as useDropzoneUploader, t as useFileUploadService } from '../../chunk-HHX5J5QV.js';
2
- import '../../chunk-NR6PQELF.js';
3
- import '../../chunk-ESDQCHJR.js';
1
+ export { r as ContentType, s as FileContentType, k as FileThumbnail, a as HelperText, b as MultiFilePreview, u as MultipleFileUpload, v as MultipleImageUpload, c as SingleFilePreview, w as SingleFileUpload, x as SingleImageUpload, y as UploadAvatar, z as UploadSimpleBox, n as compressImageWithoutCrop, m as convertToWebP, p as encodeFilenameForHeader, f as fileFormat, d as fileFormatByMimeType, e as fileFormatByName, i as fileNameByUrl, g as fileThumb, j as fileThumbnailClasses, h as fileTypeByUrl, o as getFileNameFromContentDisposition, l as isImageFile, q as useDropzoneUploader, t as useFileUploadService } from '../../chunk-DAFN2ILN.js';
2
+ import '../../chunk-KYN54T4U.js';
3
+ import '../../chunk-PKEBJI2J.js';
4
4
  import '../../chunk-KGLU4CR2.js';
5
- import '../../chunk-ZXK32CSF.js';
6
- import '../../chunk-YG74GZPD.js';
5
+ import '../../chunk-O7B4K34H.js';
6
+ import '../../chunk-3JZOHMCP.js';
7
7
  import '../../chunk-OF6623HG.js';
8
8
  import '../../chunk-6U5LS7MP.js';
9
- import '../../chunk-FBN7HCBY.js';
9
+ import '../../chunk-7QKCCB23.js';
10
10
  import '../../chunk-2A4XOLBZ.js';
11
- import '../../chunk-VURAUMLN.js';
12
- import '../../chunk-EDO23OCC.js';
11
+ import '../../chunk-YAAMDKRR.js';
12
+ import '../../chunk-TJAQH6MS.js';
13
13
  import '../../chunk-RPO7AI5K.js';
14
14
  import '../../chunk-SVX7EWV4.js';
15
15
  import '../../chunk-XNKYJHNL.js';
@@ -1,7 +1,7 @@
1
1
  import { a } from '../../chunk-UVPQR2Q2.js';
2
2
  import { a as a$2 } from '../../chunk-F65ZXAGV.js';
3
- import { a as a$3 } from '../../chunk-VURAUMLN.js';
4
- import '../../chunk-EDO23OCC.js';
3
+ import { a as a$3 } from '../../chunk-YAAMDKRR.js';
4
+ import '../../chunk-TJAQH6MS.js';
5
5
  import { a as a$1 } from '../../chunk-CWRUW77O.js';
6
6
  import '../../chunk-CYWFK4OE.js';
7
7
  import '../../chunk-XNKYJHNL.js';
@@ -15,7 +15,7 @@ import L from '@mui/material/Button';
15
15
  import { styled } from '@mui/material/styles';
16
16
  import { jsxs, jsx } from 'react/jsx-runtime';
17
17
 
18
- var S=styled("aside")(({theme:t})=>({flex:1,maxWidth:300,backgroundColor:t.palette.background.paper,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(r)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),C=styled("nav")({display:"flex",flexDirection:"column"}),v=styled("main")(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),w=styled(r)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",backgroundColor:t.palette.background.paper,zIndex:t.zIndex.appBar,width:"100%",padding:"12px 24px",height:64,gap:12,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6},borderBottom:`1px solid ${t.palette.divider}`})),T=styled(L)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:t.spacing(1,4),color:t.palette.text.secondary,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main},"&:before":{content:'""',position:"absolute",top:0,left:t.spacing(2),height:0,width:`calc(100% - ${t.spacing(4)})`,borderBottom:`1px dashed ${t.palette.divider}`}})),p=styled(r)(({theme:t})=>({flex:1,flexDirection:"row",alignItems:"center",gap:24,"&.header-left-content":{justifyContent:"flex-start",marginLeft:12},[t.breakpoints.down("md")]:{gap:8,flex:"initial","& button, & a":{display:"flex",textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:"auto"}},"&.header-left-content":{justifyContent:"flex-end",marginLeft:"auto",marginRight:-6,"& label":{marginRight:0},"& .MuiTypography-root":{display:"none"}}}})),W=styled(r)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),d=styled("section")(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),I=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),B=styled(c)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900,fontFamily:t.typography.fontFamily,margin:0,lineHeight:1.5})),R=styled(c)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:s,children:N,sections:f,headerLeftContent:P,headerRightContent:H,showLeftContent:m=!0,onClickBack:z})=>(a$1(!0),jsxs(r,{id:"frame-skeleton",className:"frame-skeleton",direction:"row",flex:1,children:[m&&jsx(S,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,"aria-label":"Acesso r\xE1pido",children:jsxs(r,{gap:1.5,children:[jsx(c,{variant:"overline",color:"text.disabled",fontWeight:700,pt:3,px:4,pb:0,children:"Acesso r\xE1pido"}),jsx(C,{children:f.map(o=>jsxs(T,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required","aria-label":"Se\xE7\xE3o obrigat\xF3ria",children:"*"})]},o.title))})]})})})}),jsxs(v,{className:m?"with-left-box":"",children:[jsxs(w,{children:[jsx($,{color:"inherit",onClick:()=>z(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(r,{overflow:"hidden",children:[jsx(c,{variant:"subtitle1",noWrap:!0,component:"h1",children:t}),s&&jsx(c,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:s})]}),jsx(p,{className:"header-left-content",children:P}),jsx(p,{justifyContent:"flex-end",color:"text.secondary",children:H})]}),jsxs(W,{children:[jsx(d,{children:N}),f.map((o,F)=>{let a=o.id||`section-${F}`,x=`${a}-title`;return jsxs(d,{id:a,role:"region","aria-labelledby":x,children:[o.title&&jsx(B,{component:"h2",id:x,ref:o.ref,children:o.title}),o.subTitle&&jsx(R,{children:o.subTitle}),jsx(I,{...o.sectionContentProps,children:o.child})]},o.title||a)})]})]})]})),Y=j;
18
+ var S=styled("aside")(({theme:t})=>({flex:1,maxWidth:300,backgroundColor:t.palette.background.paper,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(r)({position:"sticky",top:"calc(var(--sticky-header-height, 0px))",height:"calc(100vh - var(--sticky-header-height, 0px))"}),C=styled("nav")({display:"flex",flexDirection:"column"}),v=styled("main")(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),w=styled(r)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 0px)",flexDirection:"row",alignItems:"center",backgroundColor:t.palette.background.paper,zIndex:t.zIndex.appBar,width:"100%",padding:"12px 24px",height:64,gap:12,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6},borderBottom:`1px solid ${t.palette.divider}`})),T=styled(L)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:t.spacing(1,4),color:t.palette.text.secondary,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main},"&:before":{content:'""',position:"absolute",top:0,left:t.spacing(2),height:0,width:`calc(100% - ${t.spacing(4)})`,borderBottom:`1px dashed ${t.palette.divider}`}})),p=styled(r)(({theme:t})=>({flex:1,flexDirection:"row",alignItems:"center",gap:24,"&.header-left-content":{justifyContent:"flex-start",marginLeft:12},[t.breakpoints.down("md")]:{gap:8,flex:"initial","& button, & a":{display:"flex",textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:"auto"}},"&.header-left-content":{justifyContent:"flex-end",marginLeft:"auto",marginRight:-6,"& label":{marginRight:0},"& .MuiTypography-root":{display:"none"}}}})),W=styled(r)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),d=styled("section")(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),I=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),B=styled(c)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900,fontFamily:t.typography.fontFamily,margin:0,lineHeight:1.5})),R=styled(c)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:s,children:N,sections:f,headerLeftContent:P,headerRightContent:H,showLeftContent:m=!0,onClickBack:z})=>(a$1(!0),jsxs(r,{id:"frame-skeleton",className:"frame-skeleton",direction:"row",flex:1,children:[m&&jsx(S,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,"aria-label":"Acesso r\xE1pido",children:jsxs(r,{gap:1.5,children:[jsx(c,{variant:"overline",color:"text.disabled",fontWeight:700,pt:3,px:4,pb:0,children:"Acesso r\xE1pido"}),jsx(C,{children:f.map(o=>jsxs(T,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required","aria-label":"Se\xE7\xE3o obrigat\xF3ria",children:"*"})]},o.title))})]})})})}),jsxs(v,{className:m?"with-left-box":"",children:[jsxs(w,{children:[jsx($,{color:"inherit",onClick:()=>z(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(r,{overflow:"hidden",children:[jsx(c,{variant:"subtitle1",noWrap:!0,component:"h1",children:t}),s&&jsx(c,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:s})]}),jsx(p,{className:"header-left-content",children:P}),jsx(p,{justifyContent:"flex-end",color:"text.secondary",children:H})]}),jsxs(W,{children:[jsx(d,{children:N}),f.map((o,F)=>{let a=o.id||`section-${F}`,x=`${a}-title`;return jsxs(d,{id:a,role:"region","aria-labelledby":x,children:[o.title&&jsx(B,{component:"h2",id:x,ref:o.ref,children:o.title}),o.subTitle&&jsx(R,{children:o.subTitle}),jsx(I,{...o.sectionContentProps,children:o.child})]},o.title||a)})]})]})]})),Y=j;
19
19
 
20
20
  export { Y as default };
21
21
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Nav","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","titleId","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n Children,\n Content,\n HeaderContent,\n Nav,\n Section,\n SectionContent,\n SectionLink,\n SectionSubtitle,\n SectionTitle,\n Sidebar,\n SidebarContent,\n TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n title,\n subtitle,\n children,\n sections,\n headerLeftContent,\n headerRightContent,\n showLeftContent = true,\n onClickBack,\n}: FrameSkeletonProps) => {\n useCollapseSidebarOnMount(true);\n return (\n <Stack\n id=\"frame-skeleton\"\n className=\"frame-skeleton\"\n direction=\"row\"\n flex={1}\n >\n {showLeftContent && (\n <Sidebar id=\"frame-skeleton-left-box\">\n <SidebarContent>\n <Scrollbar fillContent aria-label=\"Acesso rápido\">\n <Stack gap={1.5}>\n <Typography\n variant=\"overline\"\n color=\"text.disabled\"\n fontWeight={700}\n pt={3}\n px={4}\n pb={0}\n >\n Acesso rápido\n </Typography>\n\n <Nav>\n {sections.map(section => (\n <SectionLink\n key={section.title}\n onClick={() => {\n if (section.ref.current)\n section.ref.current.scrollIntoView({\n block: 'center',\n behavior: 'smooth',\n });\n }}\n >\n {section.title}\n {section.isRequired && (\n <span\n className=\"required\"\n aria-label=\"Seção obrigatória\"\n >\n *\n </span>\n )}\n </SectionLink>\n ))}\n </Nav>\n </Stack>\n </Scrollbar>\n </SidebarContent>\n </Sidebar>\n )}\n\n <Content className={showLeftContent ? 'with-left-box' : ''}>\n <TopBox>\n <IconButton\n color=\"inherit\"\n onClick={() => onClickBack()}\n data-testid=\"backToPreviousPage\"\n aria-label=\"Voltar\"\n >\n <Icon icon=\"CHEVRON_LEFT\" />\n </IconButton>\n\n <Stack overflow=\"hidden\">\n <Typography variant=\"subtitle1\" noWrap component=\"h1\">\n {title}\n </Typography>\n {subtitle && (\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n noWrap\n component=\"div\"\n >\n {subtitle}\n </Typography>\n )}\n </Stack>\n\n <HeaderContent className=\"header-left-content\">\n {headerLeftContent}\n </HeaderContent>\n\n <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n {headerRightContent}\n </HeaderContent>\n </TopBox>\n\n <Children>\n <Section>{children}</Section>\n\n {sections.map((section, index) => {\n const id = section.id || `section-${index}`;\n const titleId = `${id}-title`;\n return (\n <Section\n key={section.title || id}\n id={id}\n role=\"region\"\n aria-labelledby={titleId}\n >\n {section.title && (\n <SectionTitle\n component=\"h2\"\n id={titleId}\n ref={section.ref as React.RefObject<HTMLDivElement>}\n >\n {section.title}\n </SectionTitle>\n )}\n {section.subTitle && (\n <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n )}\n\n <SectionContent {...section.sectionContentProps}>\n {section.child}\n </SectionContent>\n </Section>\n );\n })}\n </Children>\n </Content>\n </Stack>\n );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography, { TypographyProps } from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled('aside')(({ theme }) => ({\n flex: 1,\n maxWidth: 300,\n backgroundColor: theme.palette.background.paper,\n borderRight: `1px solid ${theme.palette.divider}`,\n\n [theme.breakpoints.down('md')]: {\n display: 'none',\n },\n}));\n\nexport const SidebarContent = styled(Stack)({\n position: 'sticky',\n top: 'calc(var(--sticky-header-height, 64px))',\n height: 'calc(100vh - var(--sticky-header-height, 64px))',\n});\n\nexport const Nav = styled('nav')({\n display: 'flex',\n flexDirection: 'column',\n});\n\nexport const Content = styled('main')(({ theme }) => ({\n flex: 1,\n width: '100%',\n maxWidth: '100%',\n\n [theme.breakpoints.up('md')]: {\n '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n position: 'sticky',\n top: 'var(--sticky-header-height, 64px)',\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: theme.palette.background.paper,\n zIndex: theme.zIndex.appBar,\n width: '100%',\n padding: '12px 24px',\n height: 64,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '14px 16px',\n gap: 6,\n },\n borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n height: 50,\n background: 'none',\n fontSize: 13,\n fontWeight: 400,\n justifyContent: 'flex-start',\n padding: theme.spacing(1, 4),\n color: theme.palette.text.secondary,\n borderRadius: 0,\n gap: 4,\n\n '&:hover': {\n backgroundColor: 'transparent',\n },\n\n '& .required': {\n color: theme.palette.error.main,\n },\n\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: theme.spacing(2),\n height: 0,\n width: `calc(100% - ${theme.spacing(4)})`,\n borderBottom: `1px dashed ${theme.palette.divider}`,\n },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n gap: 24,\n\n '&.header-left-content': {\n justifyContent: 'flex-start',\n marginLeft: 12,\n },\n\n [theme.breakpoints.down('md')]: {\n gap: 8,\n flex: 'initial',\n\n '& button, & a': {\n display: 'flex',\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 'auto',\n },\n },\n\n '&.header-left-content': {\n justifyContent: 'flex-end',\n marginLeft: 'auto',\n marginRight: -6,\n\n '& label': {\n marginRight: 0,\n },\n\n '& .MuiTypography-root': {\n display: 'none',\n },\n },\n },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n padding: 24,\n gap: 24,\n alignItems: 'center',\n overflow: 'hidden',\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const Section = styled('section')(({ theme }) => ({\n alignItems: 'start',\n width: '100%',\n maxWidth: 900,\n\n [theme.breakpoints.down('md')]: {\n maxWidth: '100%',\n },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n width: '100%',\n borderRadius: 12,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const SectionTitle = styled(Typography)<TypographyProps>(\n ({ theme }) => ({\n color: theme.palette.text.primary,\n fontSize: 18,\n fontWeight: 900,\n fontFamily: theme.typography.fontFamily,\n margin: 0,\n lineHeight: 1.5,\n }),\n);\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontSize: 14,\n fontWeight: 400,\n paddingBottom: 24,\n}));\n"]}
1
+ {"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Nav","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","titleId","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n Children,\n Content,\n HeaderContent,\n Nav,\n Section,\n SectionContent,\n SectionLink,\n SectionSubtitle,\n SectionTitle,\n Sidebar,\n SidebarContent,\n TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n title,\n subtitle,\n children,\n sections,\n headerLeftContent,\n headerRightContent,\n showLeftContent = true,\n onClickBack,\n}: FrameSkeletonProps) => {\n useCollapseSidebarOnMount(true);\n return (\n <Stack\n id=\"frame-skeleton\"\n className=\"frame-skeleton\"\n direction=\"row\"\n flex={1}\n >\n {showLeftContent && (\n <Sidebar id=\"frame-skeleton-left-box\">\n <SidebarContent>\n <Scrollbar fillContent aria-label=\"Acesso rápido\">\n <Stack gap={1.5}>\n <Typography\n variant=\"overline\"\n color=\"text.disabled\"\n fontWeight={700}\n pt={3}\n px={4}\n pb={0}\n >\n Acesso rápido\n </Typography>\n\n <Nav>\n {sections.map(section => (\n <SectionLink\n key={section.title}\n onClick={() => {\n if (section.ref.current)\n section.ref.current.scrollIntoView({\n block: 'center',\n behavior: 'smooth',\n });\n }}\n >\n {section.title}\n {section.isRequired && (\n <span\n className=\"required\"\n aria-label=\"Seção obrigatória\"\n >\n *\n </span>\n )}\n </SectionLink>\n ))}\n </Nav>\n </Stack>\n </Scrollbar>\n </SidebarContent>\n </Sidebar>\n )}\n\n <Content className={showLeftContent ? 'with-left-box' : ''}>\n <TopBox>\n <IconButton\n color=\"inherit\"\n onClick={() => onClickBack()}\n data-testid=\"backToPreviousPage\"\n aria-label=\"Voltar\"\n >\n <Icon icon=\"CHEVRON_LEFT\" />\n </IconButton>\n\n <Stack overflow=\"hidden\">\n <Typography variant=\"subtitle1\" noWrap component=\"h1\">\n {title}\n </Typography>\n {subtitle && (\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n noWrap\n component=\"div\"\n >\n {subtitle}\n </Typography>\n )}\n </Stack>\n\n <HeaderContent className=\"header-left-content\">\n {headerLeftContent}\n </HeaderContent>\n\n <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n {headerRightContent}\n </HeaderContent>\n </TopBox>\n\n <Children>\n <Section>{children}</Section>\n\n {sections.map((section, index) => {\n const id = section.id || `section-${index}`;\n const titleId = `${id}-title`;\n return (\n <Section\n key={section.title || id}\n id={id}\n role=\"region\"\n aria-labelledby={titleId}\n >\n {section.title && (\n <SectionTitle\n component=\"h2\"\n id={titleId}\n ref={section.ref as React.RefObject<HTMLDivElement>}\n >\n {section.title}\n </SectionTitle>\n )}\n {section.subTitle && (\n <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n )}\n\n <SectionContent {...section.sectionContentProps}>\n {section.child}\n </SectionContent>\n </Section>\n );\n })}\n </Children>\n </Content>\n </Stack>\n );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography, { TypographyProps } from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled('aside')(({ theme }) => ({\n flex: 1,\n maxWidth: 300,\n backgroundColor: theme.palette.background.paper,\n borderRight: `1px solid ${theme.palette.divider}`,\n\n [theme.breakpoints.down('md')]: {\n display: 'none',\n },\n}));\n\nexport const SidebarContent = styled(Stack)({\n position: 'sticky',\n top: 'calc(var(--sticky-header-height, 0px))',\n height: 'calc(100vh - var(--sticky-header-height, 0px))',\n});\n\nexport const Nav = styled('nav')({\n display: 'flex',\n flexDirection: 'column',\n});\n\nexport const Content = styled('main')(({ theme }) => ({\n flex: 1,\n width: '100%',\n maxWidth: '100%',\n\n [theme.breakpoints.up('md')]: {\n '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n position: 'sticky',\n top: 'var(--sticky-header-height, 0px)',\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: theme.palette.background.paper,\n zIndex: theme.zIndex.appBar,\n width: '100%',\n padding: '12px 24px',\n height: 64,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '14px 16px',\n gap: 6,\n },\n borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n height: 50,\n background: 'none',\n fontSize: 13,\n fontWeight: 400,\n justifyContent: 'flex-start',\n padding: theme.spacing(1, 4),\n color: theme.palette.text.secondary,\n borderRadius: 0,\n gap: 4,\n\n '&:hover': {\n backgroundColor: 'transparent',\n },\n\n '& .required': {\n color: theme.palette.error.main,\n },\n\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: theme.spacing(2),\n height: 0,\n width: `calc(100% - ${theme.spacing(4)})`,\n borderBottom: `1px dashed ${theme.palette.divider}`,\n },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n gap: 24,\n\n '&.header-left-content': {\n justifyContent: 'flex-start',\n marginLeft: 12,\n },\n\n [theme.breakpoints.down('md')]: {\n gap: 8,\n flex: 'initial',\n\n '& button, & a': {\n display: 'flex',\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 'auto',\n },\n },\n\n '&.header-left-content': {\n justifyContent: 'flex-end',\n marginLeft: 'auto',\n marginRight: -6,\n\n '& label': {\n marginRight: 0,\n },\n\n '& .MuiTypography-root': {\n display: 'none',\n },\n },\n },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n padding: 24,\n gap: 24,\n alignItems: 'center',\n overflow: 'hidden',\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const Section = styled('section')(({ theme }) => ({\n alignItems: 'start',\n width: '100%',\n maxWidth: 900,\n\n [theme.breakpoints.down('md')]: {\n maxWidth: '100%',\n },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n width: '100%',\n borderRadius: 12,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const SectionTitle = styled(Typography)<TypographyProps>(\n ({ theme }) => ({\n color: theme.palette.text.primary,\n fontSize: 18,\n fontWeight: 900,\n fontFamily: theme.typography.fontFamily,\n margin: 0,\n lineHeight: 1.5,\n }),\n);\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontSize: 14,\n fontWeight: 400,\n paddingBottom: 24,\n}));\n"]}
@@ -1,4 +1,4 @@
1
- export { a as default } from '../../chunk-EFAF33PQ.js';
2
- import '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
1
+ export { a as default } from '../../chunk-3XLPNBQU.js';
2
+ import '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  //# sourceMappingURL=index.js.map
@@ -1,3 +1,3 @@
1
- export { a as default } from '../../chunk-VURAUMLN.js';
2
- export { a as IconEnum } from '../../chunk-EDO23OCC.js';
1
+ export { a as default } from '../../chunk-YAAMDKRR.js';
2
+ export { a as IconEnum } from '../../chunk-TJAQH6MS.js';
3
3
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,4 @@
1
- export { a as default } from '../../chunk-NR6PQELF.js';
2
- import '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
1
+ export { a as default } from '../../chunk-KYN54T4U.js';
2
+ import '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  import { a as a$2 } from '../../chunk-ESFOFEVL.js';
2
- import { a } from '../../chunk-ZXK32CSF.js';
3
- import { a as a$3 } from '../../chunk-VURAUMLN.js';
4
- import '../../chunk-EDO23OCC.js';
2
+ import { a } from '../../chunk-O7B4K34H.js';
3
+ import { a as a$3 } from '../../chunk-YAAMDKRR.js';
4
+ import '../../chunk-TJAQH6MS.js';
5
5
  import { useState } from 'react';
6
6
  import M from '@mui/lab/LoadingButton';
7
7
  import r from '@mui/material/Button';
@@ -1,6 +1,6 @@
1
- export { a as default } from '../../chunk-DRJ5UDF6.js';
1
+ export { a as default } from '../../chunk-JRDGTK34.js';
2
2
  import '../../chunk-W3CK33IH.js';
3
3
  import '../../chunk-OF6623HG.js';
4
- import '../../chunk-VURAUMLN.js';
5
- import '../../chunk-EDO23OCC.js';
4
+ import '../../chunk-YAAMDKRR.js';
5
+ import '../../chunk-TJAQH6MS.js';
6
6
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
- import { a } from '../../chunk-FBN7HCBY.js';
2
- import { a as a$1 } from '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
1
+ import { a } from '../../chunk-7QKCCB23.js';
2
+ import { a as a$1 } from '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
 
6
6
  var f=({text:i,icon:l="INFO_CIRCLE",width:p,color:c="text.secondary",...e})=>jsx(a,{title:i,...e,children:jsx(a$1,{icon:l,width:p,color:c})}),m=f;
@@ -1,8 +1,8 @@
1
1
  import { a as a$2 } from '../../chunk-RUABKHIV.js';
2
2
  import { a as a$1 } from '../../chunk-IJZCVZ32.js';
3
- import { o, a, f, k as k$1 } from '../../chunk-M3IIWN6P.js';
4
- import '../../chunk-VURAUMLN.js';
5
- import '../../chunk-EDO23OCC.js';
3
+ import { o, a, f, k as k$1 } from '../../chunk-3XECTDUZ.js';
4
+ import '../../chunk-YAAMDKRR.js';
5
+ import '../../chunk-TJAQH6MS.js';
6
6
  import '../../chunk-GLRLKFPS.js';
7
7
  import { Fragment } from 'react';
8
8
  import k from '@mui/material/Stack';
@@ -1,5 +1,5 @@
1
- import { a } from '../../chunk-VURAUMLN.js';
2
- import '../../chunk-EDO23OCC.js';
1
+ import { a } from '../../chunk-YAAMDKRR.js';
2
+ import '../../chunk-TJAQH6MS.js';
3
3
  import c from '@mui/material/CircularProgress';
4
4
  import d from '@mui/material/MenuItem';
5
5
  import p from '@mui/material/Stack';
@@ -1,4 +1,4 @@
1
- export { a as default } from '../../chunk-ZXK32CSF.js';
2
- import '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
1
+ export { a as default } from '../../chunk-O7B4K34H.js';
2
+ import '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  import { a as a$2 } from '../../chunk-CO2KQFUN.js';
2
- import { a as a$1 } from '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
2
+ import { a as a$1 } from '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  import { a } from '../../chunk-LQRRMVFN.js';
5
5
  import M from '@mui/material/IconButton';
6
6
  import s from '@mui/material/Stack';
@@ -1,5 +1,5 @@
1
- import { a } from '../../chunk-VURAUMLN.js';
2
- import '../../chunk-EDO23OCC.js';
1
+ import { a } from '../../chunk-YAAMDKRR.js';
2
+ import '../../chunk-TJAQH6MS.js';
3
3
  import { memo } from 'react';
4
4
  import N from '@mui/material/Stack';
5
5
  import r from '@mui/material/Typography';
@@ -1,6 +1,6 @@
1
1
  import { d } from '../../chunk-A3QLGMSB.js';
2
- import { a as a$1 } from '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
2
+ import { a as a$1 } from '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  import a from '@mui/material/Typography';
5
5
  import i from '@mui/material/Stack';
6
6
  import { styled, alpha } from '@mui/material/styles';
@@ -1,6 +1,6 @@
1
1
  import { a as a$3 } from '../../chunk-CO2KQFUN.js';
2
- import { a as a$1 } from '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
2
+ import { a as a$1 } from '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  import { a as a$2 } from '../../chunk-LQRRMVFN.js';
5
5
  import S from '@mui/material/MenuItem';
6
6
  import a from '@mui/material/Box';
@@ -1,4 +1,4 @@
1
- export { a as default } from '../../chunk-PVI5BAUW.js';
2
- import '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
1
+ export { a as default } from '../../chunk-FZBK5B3G.js';
2
+ import '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  //# sourceMappingURL=index.js.map
@@ -1,9 +1,9 @@
1
- export { a as default } from '../../chunk-V7EE5E2H.js';
1
+ export { a as default } from '../../chunk-A2GUNNNS.js';
2
2
  import '../../chunk-RUABKHIV.js';
3
- import '../../chunk-PVI5BAUW.js';
3
+ import '../../chunk-FZBK5B3G.js';
4
4
  import '../../chunk-IJZCVZ32.js';
5
5
  import '../../chunk-6U5LS7MP.js';
6
- import '../../chunk-HVH6MGHX.js';
7
- import '../../chunk-VURAUMLN.js';
8
- import '../../chunk-EDO23OCC.js';
6
+ import '../../chunk-2LLPCOAG.js';
7
+ import '../../chunk-YAAMDKRR.js';
8
+ import '../../chunk-TJAQH6MS.js';
9
9
  //# sourceMappingURL=index.js.map
@@ -1,9 +1,9 @@
1
- export { a as default } from '../../chunk-UOR22KQX.js';
1
+ export { a as default } from '../../chunk-ITMUJKVT.js';
2
2
  import '../../chunk-6ZSTKYGL.js';
3
- import '../../chunk-PVI5BAUW.js';
3
+ import '../../chunk-FZBK5B3G.js';
4
4
  import '../../chunk-IJZCVZ32.js';
5
5
  import '../../chunk-NIQW2J3M.js';
6
6
  import '../../chunk-F65ZXAGV.js';
7
- import '../../chunk-VURAUMLN.js';
8
- import '../../chunk-EDO23OCC.js';
7
+ import '../../chunk-YAAMDKRR.js';
8
+ import '../../chunk-TJAQH6MS.js';
9
9
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  import { a as a$1 } from '../../chunk-O7SN6FIA.js';
2
- import { a } from '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
2
+ import { a } from '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  import '../../chunk-RPO7AI5K.js';
5
5
  import p from '@mui/material/Box';
6
6
  import o from '@mui/material/Stack';
@@ -1,4 +1,4 @@
1
- export { a as default } from '../../chunk-CMNW65VY.js';
2
- import '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
1
+ export { a as default } from '../../chunk-WZFHXFZZ.js';
2
+ import '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,5 @@
1
- import { a } from '../../chunk-VURAUMLN.js';
2
- import '../../chunk-EDO23OCC.js';
1
+ import { a } from '../../chunk-YAAMDKRR.js';
2
+ import '../../chunk-TJAQH6MS.js';
3
3
  import s from '@mui/material/Box';
4
4
  import S from '@mui/material/Stack';
5
5
  import d from '@mui/material/Step';
@@ -1,5 +1,5 @@
1
- import { a } from '../../chunk-VURAUMLN.js';
2
- import '../../chunk-EDO23OCC.js';
1
+ import { a } from '../../chunk-YAAMDKRR.js';
2
+ import '../../chunk-TJAQH6MS.js';
3
3
  import n from '@mui/material/Stack';
4
4
  import { styled, alpha } from '@mui/material/styles';
5
5
  import b from '@mui/material/Tab';
@@ -1,10 +1,10 @@
1
1
  import { a as a$2 } from '../../chunk-6ZSTKYGL.js';
2
- import { a } from '../../chunk-PVI5BAUW.js';
2
+ import { a } from '../../chunk-FZBK5B3G.js';
3
3
  import { a as a$1 } from '../../chunk-IJZCVZ32.js';
4
4
  import '../../chunk-NIQW2J3M.js';
5
5
  import { a as a$3 } from '../../chunk-F65ZXAGV.js';
6
- import { a as a$4 } from '../../chunk-VURAUMLN.js';
7
- import '../../chunk-EDO23OCC.js';
6
+ import { a as a$4 } from '../../chunk-YAAMDKRR.js';
7
+ import '../../chunk-TJAQH6MS.js';
8
8
  import { useState } from 'react';
9
9
  import h from '@mui/material/Checkbox';
10
10
  import T from '@mui/material/CircularProgress';
@@ -1,2 +1,2 @@
1
- export { a as default } from '../../chunk-FBN7HCBY.js';
1
+ export { a as default } from '../../chunk-7QKCCB23.js';
2
2
  //# sourceMappingURL=index.js.map
@@ -2,21 +2,21 @@ import { d } from '../../chunk-JNDZPNQJ.js';
2
2
  import { a as a$3 } from '../../chunk-AVPFUSEB.js';
3
3
  import { a as a$2 } from '../../chunk-UVPQR2Q2.js';
4
4
  import { a } from '../../chunk-CO2KQFUN.js';
5
- import { a as a$4 } from '../../chunk-VURAUMLN.js';
6
- import '../../chunk-EDO23OCC.js';
5
+ import { a as a$4 } from '../../chunk-YAAMDKRR.js';
6
+ import '../../chunk-TJAQH6MS.js';
7
7
  import { a as a$1 } from '../../chunk-LQRRMVFN.js';
8
8
  import '../../chunk-GLRLKFPS.js';
9
9
  import E from '@mui/material/Button';
10
- import O from '@mui/material/FormControlLabel';
11
- import W from '@mui/material/IconButton';
12
- import w from '@mui/material/Link';
10
+ import N from '@mui/material/FormControlLabel';
11
+ import O from '@mui/material/IconButton';
12
+ import W from '@mui/material/Link';
13
13
  import l from '@mui/material/Stack';
14
14
  import z from '@mui/material/Switch';
15
15
  import m from '@mui/material/Typography';
16
16
  import { styled } from '@mui/material/styles';
17
17
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
18
18
 
19
- var u=styled(l)(({theme:t})=>({flexDirection:"row",padding:12,backgroundColor:t.palette.grey[100],borderTopLeftRadius:"8px",borderTopRightRadius:"8px",borderBottom:`1px solid ${t.palette.grey[300]}`,button:{marginLeft:"auto"}})),b=styled(m)(({theme:t})=>({color:t.palette.grey[500],textTransform:"uppercase",fontSize:12,span:{color:t.palette.text.primary,fontWeight:700}})),h=styled(l)({padding:12}),x=styled(l)({padding:12,alignItems:"center",textAlign:"center"}),C=styled(l)(({theme:t})=>({flexDirection:"row",alignItems:"center",gap:8,fontSize:t.typography.body2.fontSize,color:t.palette.grey[500],padding:"8px 0"})),k=styled(a)(()=>({"& .MuiPopover-paper":{width:"144px",padding:"16px"},"& button":{justifyContent:"flex-start"}}));var B=({onCreate:t,data:r,name:v,onChangeActive:s,onDelete:I,onEdit:L})=>{let{active:i=!1}=r||{},p=a$1(),P=()=>{L(),p.onClose();},S=()=>{I(),p.onClose();};return jsxs(a$2,{padding:0,gap:0,sx:{opacity:r&&!i?.55:1},children:[jsxs(u,{children:[jsxs(l,{direction:"row",alignItems:"center",gap:2,children:[jsxs(b,{children:["EVENTO: ",jsx("span",{children:v||"NOME DO EVENTO"})]}),s&&r&&jsx(O,{control:jsx(z,{checked:i,onChange:(D,M)=>s(M),size:"small"}),label:jsx(a$3,{color:i?"success":"error",children:i?"Ativo":"Inativo"})})]}),r&&jsxs(Fragment,{children:[jsx(W,{"aria-label":"Mais op\xE7\xF5es",onClick:p.onOpen,children:jsx(a$4,{icon:"MORE_OPTIONS_VERTICAL",color:"primary.grey",width:24})}),jsx(k,{open:p.open,onClose:p.onClose,children:jsxs(l,{gap:1,children:[jsx(E,{variant:"text",size:"small",fullWidth:!0,color:"inherit",startIcon:jsx(a$4,{icon:"PENCIL_EDIT",color:"grey"}),onClick:P,children:jsx(m,{variant:"body2",children:"Editar"})}),jsx(E,{variant:"text",size:"small",fullWidth:!0,color:"inherit",onClick:S,startIcon:jsx(a$4,{icon:"DELETE_MARK_BUTTON_02",color:"grey"}),children:jsx(m,{variant:"body2",children:"Limpar"})})]})})]})]}),jsx(h,{children:r?jsxs(C,{children:[jsx(a$3,{color:d[r.method],children:r.method}),r.url]}):jsxs(x,{children:[jsx(m,{variant:"caption",color:"text.disabled",children:"Ainda n\xE3o h\xE1 webhook vinculado."}),jsx(w,{component:"button",fontSize:12,underline:"always",onClick:t,type:"button",children:"Clique aqui para adicionar"})]})})]})},ro=B;
19
+ var u=styled(l)(({theme:t})=>({flexDirection:"row",padding:12,backgroundColor:t.palette.grey[100],borderTopLeftRadius:"8px",borderTopRightRadius:"8px",borderBottom:`1px solid ${t.palette.grey[300]}`,button:{marginLeft:"auto"}})),b=styled(m)(({theme:t})=>({color:t.palette.grey[500],textTransform:"uppercase",fontSize:12,span:{color:t.palette.text.primary,fontWeight:700}})),h=styled(l)({padding:12}),x=styled(l)({padding:12,alignItems:"center",textAlign:"center"}),k=styled(l)(({theme:t})=>({flexDirection:"row",alignItems:"center",gap:8,fontSize:t.typography.body2.fontSize,color:t.palette.grey[500],padding:"8px 0"})),C=styled(a)(()=>({"& .MuiPopover-paper":{width:"144px",padding:"16px"},"& button":{justifyContent:"flex-start"}}));var B=({onCreate:t,data:r,name:v,onChangeActive:s,onDelete:I,onEdit:L})=>{let{active:i=!1}=r||{},p=a$1(),P=()=>{L(),p.onClose();},S=()=>{I(),p.onClose();};return jsxs(a$2,{padding:0,gap:0,sx:{opacity:r&&!i?.55:1},children:[jsxs(u,{children:[jsxs(l,{direction:"row",alignItems:"center",gap:2,children:[jsxs(b,{children:["EVENTO: ",jsx("span",{children:v||"NOME DO EVENTO"})]}),s&&r&&jsx(N,{control:jsx(z,{checked:i,onChange:(D,w)=>s(w),size:"small"}),label:jsx(a$3,{color:i?"success":"error",children:i?"Ativo":"Inativo"})})]}),r&&jsxs(Fragment,{children:[jsx(O,{"aria-label":"Mais op\xE7\xF5es do webhook","data-testid":"webhook-more-options-btn",onClick:p.onOpen,children:jsx(a$4,{icon:"MORE_OPTIONS_VERTICAL",color:"primary.grey",width:24})}),jsx(C,{open:p.open,onClose:p.onClose,children:jsxs(l,{gap:1,children:[jsx(E,{variant:"text",size:"small",fullWidth:!0,color:"inherit",startIcon:jsx(a$4,{icon:"PENCIL_EDIT",color:"grey"}),onClick:P,children:jsx(m,{variant:"body2",children:"Editar"})}),jsx(E,{variant:"text",size:"small",fullWidth:!0,color:"inherit",onClick:S,startIcon:jsx(a$4,{icon:"DELETE_MARK_BUTTON_02",color:"grey"}),children:jsx(m,{variant:"body2",children:"Limpar"})})]})})]})]}),jsx(h,{children:r?jsxs(k,{children:[jsx(a$3,{color:d[r.method],children:r.method}),r.url]}):jsxs(x,{children:[jsx(m,{variant:"caption",color:"text.disabled",children:"Ainda n\xE3o h\xE1 webhook vinculado."}),jsx(W,{component:"button",fontSize:12,underline:"always",onClick:t,type:"button",children:"Clique aqui para adicionar"})]})})]})},ro=B;
20
20
 
21
21
  export { ro as default };
22
22
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/WebhookCard/index.tsx","../../../src/components/WebhookCard/styles.ts"],"names":["Button","FormControlLabel","IconButton","Link","Stack","Switch","Typography","styled","Header","theme","Name","Content","Empty","Webhook","MenuPopover","MenuPopover_default","Fragment","jsx","jsxs","WebhookCard","onCreate","data","name","onChangeActive","onDelete","onEdit","active","popover","usePopover_default","handleEdit","handleDelete","Panel_default","_","v","Label_default","Icon_default","HttpConfigLabelMethodStatus","WebhookCard_default"],"mappings":"mUAAA,OAAOA,MAAY,uBACnB,OAAOC,MAAsB,iCAC7B,OAAOC,MAAgB,2BACvB,OAAOC,MAAU,qBACjB,OAAOC,MAAW,sBAClB,OAAOC,MAAY,uBACnB,OAAOC,MAAgB,2BCNvB,OAAOF,MAAW,sBAClB,OAAS,UAAAG,MAAc,uBACvB,OAAOD,MAAgB,2BAIhB,IAAME,EAASD,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CAClD,cAAe,MACf,QAAS,GACT,gBAAiBA,EAAM,QAAQ,KAAK,GAAG,EACvC,oBAAqB,MACrB,qBAAsB,MACtB,aAAc,aAAaA,EAAM,QAAQ,KAAK,GAAG,IAEjD,OAAQ,CACN,WAAY,MACd,CACF,EAAE,EAEWC,EAAOH,EAAOD,CAAU,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACrD,MAAOA,EAAM,QAAQ,KAAK,GAAG,EAC7B,cAAe,YACf,SAAU,GAEV,KAAM,CACJ,MAAOA,EAAM,QAAQ,KAAK,QAC1B,WAAY,GACd,CACF,EAAE,EAEWE,EAAUJ,EAAOH,CAAK,EAAE,CACnC,QAAS,EACX,CAAC,EAEYQ,EAAQL,EAAOH,CAAK,EAAE,CACjC,QAAS,GACT,WAAY,SACZ,UAAW,QACb,CAAC,EAEYS,EAAUN,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CACnD,cAAe,MACf,WAAY,SACZ,IAAK,EACL,SAAUA,EAAM,WAAW,MAAM,SACjC,MAAOA,EAAM,QAAQ,KAAK,GAAG,EAC7B,QAAS,OACX,EAAE,EAEWK,EAAcP,EAAOQ,CAAO,EAAE,KAAO,CAChD,sBAAuB,CACrB,MAAO,QACP,QAAS,MACX,EAEA,WAAY,CACV,eAAgB,YAClB,CACF,EAAE,EDfQ,OAuBA,YAAAC,EAtBU,OAAAC,EADV,QAAAC,MAAA,oBA1BV,IAAMC,EAAc,CAAC,CACnB,SAAAC,EACA,KAAAC,EACA,KAAAC,EACA,eAAAC,EACA,SAAAC,EACA,OAAAC,CACF,IAAwB,CACtB,GAAM,CAAE,OAAAC,EAAS,EAAM,EAAIL,GAAQ,CAAC,EAE9BM,EAAUC,EAAW,EAErBC,EAAa,IAAM,CACvBJ,EAAO,EACPE,EAAQ,QAAQ,CAClB,EAEMG,EAAe,IAAM,CACzBN,EAAS,EACTG,EAAQ,QAAQ,CAClB,EAEA,OACET,EAACa,EAAA,CAAM,QAAS,EAAG,IAAK,EAAG,GAAI,CAAE,QAASV,GAAQ,CAACK,EAAS,IAAO,CAAE,EACnE,UAAAR,EAACV,EAAA,CACC,UAAAU,EAACd,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,EAC9C,UAAAc,EAACR,EAAA,CAAK,qBACIO,EAAC,QAAM,SAAAK,GAAQ,iBAAiB,GAC1C,EAECC,GAAkBF,GACjBJ,EAAChB,EAAA,CACC,QACEgB,EAACZ,EAAA,CACC,QAASqB,EACT,SAAU,CAACM,EAAGC,IAAMV,EAAeU,CAAC,EACpC,KAAK,QACP,EAEF,MACEhB,EAACiB,EAAA,CAAM,MAAOR,EAAS,UAAY,QAChC,SAAAA,EAAS,QAAU,UACtB,EAEJ,GAEJ,EAECL,GACCH,EAAAF,EAAA,CACE,UAAAC,EAACf,EAAA,CAAW,aAAW,oBAAc,QAASyB,EAAQ,OACpD,SAAAV,EAACkB,EAAA,CACC,KAAK,wBACL,MAAM,eACN,MAAO,GACT,EACF,EAEAlB,EAACH,EAAA,CAAY,KAAMa,EAAQ,KAAM,QAASA,EAAQ,QAChD,SAAAT,EAACd,EAAA,CAAM,IAAK,EACV,UAAAa,EAACjB,EAAA,CACC,QAAQ,OACR,KAAK,QACL,UAAS,GACT,MAAM,UACN,UAAWiB,EAACkB,EAAA,CAAK,KAAK,cAAc,MAAM,OAAO,EACjD,QAASN,EAET,SAAAZ,EAACX,EAAA,CAAW,QAAQ,QAAQ,kBAAM,EACpC,EACAW,EAACjB,EAAA,CACC,QAAQ,OACR,KAAK,QACL,UAAS,GACT,MAAM,UACN,QAAS8B,EACT,UAAWb,EAACkB,EAAA,CAAK,KAAK,wBAAwB,MAAM,OAAO,EAE3D,SAAAlB,EAACX,EAAA,CAAW,QAAQ,QAAQ,kBAAM,EACpC,GACF,EACF,GACF,GAEJ,EAEAW,EAACN,EAAA,CACE,SAAAU,EACCH,EAACL,EAAA,CACC,UAAAI,EAACiB,EAAA,CAAM,MAAOE,EAA4Bf,EAAK,MAAM,EAClD,SAAAA,EAAK,OACR,EACCA,EAAK,KACR,EAEAH,EAACN,EAAA,CACC,UAAAK,EAACX,EAAA,CAAW,QAAQ,UAAU,MAAM,gBAAgB,iDAEpD,EACAW,EAACd,EAAA,CACC,UAAU,SACV,SAAU,GACV,UAAU,SACV,QAASiB,EACT,KAAK,SACN,sCAED,GACF,EAEJ,GACF,CAEJ,EAEOiB,GAAQlB","sourcesContent":["import Button from '@mui/material/Button';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Link from '@mui/material/Link';\nimport Stack from '@mui/material/Stack';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Label from 'components/Label';\nimport Panel from 'components/Panel';\nimport usePopover from 'hooks/usePopover';\nimport { HttpConfigLabelMethodStatus } from 'types/webhook';\n\nimport { WebhookCardProps } from './props';\nimport { Content, Empty, Header, MenuPopover, Name, Webhook } from './styles';\n\nconst WebhookCard = ({\n onCreate,\n data,\n name,\n onChangeActive,\n onDelete,\n onEdit,\n}: WebhookCardProps) => {\n const { active = false } = data || {};\n\n const popover = usePopover();\n\n const handleEdit = () => {\n onEdit();\n popover.onClose();\n };\n\n const handleDelete = () => {\n onDelete();\n popover.onClose();\n };\n\n return (\n <Panel padding={0} gap={0} sx={{ opacity: data && !active ? 0.55 : 1 }}>\n <Header>\n <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n <Name>\n EVENTO: <span>{name || 'NOME DO EVENTO'}</span>\n </Name>\n\n {onChangeActive && data && (\n <FormControlLabel\n control={\n <Switch\n checked={active}\n onChange={(_, v) => onChangeActive(v)}\n size=\"small\"\n />\n }\n label={\n <Label color={active ? 'success' : 'error'}>\n {active ? 'Ativo' : 'Inativo'}\n </Label>\n }\n />\n )}\n </Stack>\n\n {data && (\n <>\n <IconButton aria-label=\"Mais opções\" onClick={popover.onOpen}>\n <Icon\n icon=\"MORE_OPTIONS_VERTICAL\"\n color=\"primary.grey\"\n width={24}\n />\n </IconButton>\n\n <MenuPopover open={popover.open} onClose={popover.onClose}>\n <Stack gap={1}>\n <Button\n variant=\"text\"\n size=\"small\"\n fullWidth\n color=\"inherit\"\n startIcon={<Icon icon=\"PENCIL_EDIT\" color=\"grey\" />}\n onClick={handleEdit}\n >\n <Typography variant=\"body2\">Editar</Typography>\n </Button>\n <Button\n variant=\"text\"\n size=\"small\"\n fullWidth\n color=\"inherit\"\n onClick={handleDelete}\n startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" color=\"grey\" />}\n >\n <Typography variant=\"body2\">Limpar</Typography>\n </Button>\n </Stack>\n </MenuPopover>\n </>\n )}\n </Header>\n\n <Content>\n {data ? (\n <Webhook>\n <Label color={HttpConfigLabelMethodStatus[data.method]}>\n {data.method}\n </Label>\n {data.url}\n </Webhook>\n ) : (\n <Empty>\n <Typography variant=\"caption\" color=\"text.disabled\">\n Ainda não há webhook vinculado.\n </Typography>\n <Link\n component=\"button\"\n fontSize={12}\n underline=\"always\"\n onClick={onCreate}\n type=\"button\"\n >\n Clique aqui para adicionar\n </Link>\n </Empty>\n )}\n </Content>\n </Panel>\n );\n};\n\nexport default WebhookCard;\n","import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Popover from 'components/MenuPopover';\n\nexport const Header = styled(Stack)(({ theme }) => ({\n flexDirection: 'row',\n padding: 12,\n backgroundColor: theme.palette.grey[100],\n borderTopLeftRadius: '8px',\n borderTopRightRadius: '8px',\n borderBottom: `1px solid ${theme.palette.grey[300]}`,\n\n button: {\n marginLeft: 'auto',\n },\n}));\n\nexport const Name = styled(Typography)(({ theme }) => ({\n color: theme.palette.grey[500],\n textTransform: 'uppercase',\n fontSize: 12,\n\n span: {\n color: theme.palette.text.primary,\n fontWeight: 700,\n },\n}));\n\nexport const Content = styled(Stack)({\n padding: 12,\n});\n\nexport const Empty = styled(Stack)({\n padding: 12,\n alignItems: 'center',\n textAlign: 'center',\n});\n\nexport const Webhook = styled(Stack)(({ theme }) => ({\n flexDirection: 'row',\n alignItems: 'center',\n gap: 8,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.grey[500],\n padding: '8px 0',\n}));\n\nexport const MenuPopover = styled(Popover)(() => ({\n '& .MuiPopover-paper': {\n width: '144px',\n padding: '16px',\n },\n\n '& button': {\n justifyContent: 'flex-start',\n },\n}));\n"]}
1
+ {"version":3,"sources":["../../../src/components/WebhookCard/index.tsx","../../../src/components/WebhookCard/styles.ts"],"names":["Button","FormControlLabel","IconButton","Link","Stack","Switch","Typography","styled","Header","theme","Name","Content","Empty","Webhook","MenuPopover","MenuPopover_default","Fragment","jsx","jsxs","WebhookCard","onCreate","data","name","onChangeActive","onDelete","onEdit","active","popover","usePopover_default","handleEdit","handleDelete","Panel_default","_","v","Label_default","Icon_default","HttpConfigLabelMethodStatus","WebhookCard_default"],"mappings":"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","sourcesContent":["import Button from '@mui/material/Button';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Link from '@mui/material/Link';\nimport Stack from '@mui/material/Stack';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Label from 'components/Label';\nimport Panel from 'components/Panel';\nimport usePopover from 'hooks/usePopover';\nimport { HttpConfigLabelMethodStatus } from 'types/webhook';\n\nimport { WebhookCardProps } from './props';\nimport { Content, Empty, Header, MenuPopover, Name, Webhook } from './styles';\n\nconst WebhookCard = ({\n onCreate,\n data,\n name,\n onChangeActive,\n onDelete,\n onEdit,\n}: WebhookCardProps) => {\n const { active = false } = data || {};\n\n const popover = usePopover();\n\n const handleEdit = () => {\n onEdit();\n popover.onClose();\n };\n\n const handleDelete = () => {\n onDelete();\n popover.onClose();\n };\n\n return (\n <Panel padding={0} gap={0} sx={{ opacity: data && !active ? 0.55 : 1 }}>\n <Header>\n <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n <Name>\n EVENTO: <span>{name || 'NOME DO EVENTO'}</span>\n </Name>\n\n {onChangeActive && data && (\n <FormControlLabel\n control={\n <Switch\n checked={active}\n onChange={(_, v) => onChangeActive(v)}\n size=\"small\"\n />\n }\n label={\n <Label color={active ? 'success' : 'error'}>\n {active ? 'Ativo' : 'Inativo'}\n </Label>\n }\n />\n )}\n </Stack>\n\n {data && (\n <>\n <IconButton\n aria-label=\"Mais opções do webhook\"\n data-testid=\"webhook-more-options-btn\"\n onClick={popover.onOpen}\n >\n <Icon\n icon=\"MORE_OPTIONS_VERTICAL\"\n color=\"primary.grey\"\n width={24}\n />\n </IconButton>\n\n <MenuPopover open={popover.open} onClose={popover.onClose}>\n <Stack gap={1}>\n <Button\n variant=\"text\"\n size=\"small\"\n fullWidth\n color=\"inherit\"\n startIcon={<Icon icon=\"PENCIL_EDIT\" color=\"grey\" />}\n onClick={handleEdit}\n >\n <Typography variant=\"body2\">Editar</Typography>\n </Button>\n <Button\n variant=\"text\"\n size=\"small\"\n fullWidth\n color=\"inherit\"\n onClick={handleDelete}\n startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" color=\"grey\" />}\n >\n <Typography variant=\"body2\">Limpar</Typography>\n </Button>\n </Stack>\n </MenuPopover>\n </>\n )}\n </Header>\n\n <Content>\n {data ? (\n <Webhook>\n <Label color={HttpConfigLabelMethodStatus[data.method]}>\n {data.method}\n </Label>\n {data.url}\n </Webhook>\n ) : (\n <Empty>\n <Typography variant=\"caption\" color=\"text.disabled\">\n Ainda não há webhook vinculado.\n </Typography>\n <Link\n component=\"button\"\n fontSize={12}\n underline=\"always\"\n onClick={onCreate}\n type=\"button\"\n >\n Clique aqui para adicionar\n </Link>\n </Empty>\n )}\n </Content>\n </Panel>\n );\n};\n\nexport default WebhookCard;\n","import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Popover from 'components/MenuPopover';\n\nexport const Header = styled(Stack)(({ theme }) => ({\n flexDirection: 'row',\n padding: 12,\n backgroundColor: theme.palette.grey[100],\n borderTopLeftRadius: '8px',\n borderTopRightRadius: '8px',\n borderBottom: `1px solid ${theme.palette.grey[300]}`,\n\n button: {\n marginLeft: 'auto',\n },\n}));\n\nexport const Name = styled(Typography)(({ theme }) => ({\n color: theme.palette.grey[500],\n textTransform: 'uppercase',\n fontSize: 12,\n\n span: {\n color: theme.palette.text.primary,\n fontWeight: 700,\n },\n}));\n\nexport const Content = styled(Stack)({\n padding: 12,\n});\n\nexport const Empty = styled(Stack)({\n padding: 12,\n alignItems: 'center',\n textAlign: 'center',\n});\n\nexport const Webhook = styled(Stack)(({ theme }) => ({\n flexDirection: 'row',\n alignItems: 'center',\n gap: 8,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.grey[500],\n padding: '8px 0',\n}));\n\nexport const MenuPopover = styled(Popover)(() => ({\n '& .MuiPopover-paper': {\n width: '144px',\n padding: '16px',\n },\n\n '& button': {\n justifyContent: 'flex-start',\n },\n}));\n"]}
@@ -1,5 +1,5 @@
1
- export { j as ArrowButton, f as Carousel, g as CarouselArrowBasicButtons, i as CarouselArrowFloatButtons, h as CarouselArrowNumberButtons, k as CarouselDotButtons, l as CarouselProgressBar, c as CarouselSlide, n as CarouselThumb, m as CarouselThumbs, e as StyledContainer, d as StyledRoot, a as carouselBreakpoints, b as carouselClasses, o as useCarousel } from '../../chunk-M3IIWN6P.js';
2
- import '../../chunk-VURAUMLN.js';
3
- import '../../chunk-EDO23OCC.js';
1
+ export { j as ArrowButton, f as Carousel, g as CarouselArrowBasicButtons, i as CarouselArrowFloatButtons, h as CarouselArrowNumberButtons, k as CarouselDotButtons, l as CarouselProgressBar, c as CarouselSlide, n as CarouselThumb, m as CarouselThumbs, e as StyledContainer, d as StyledRoot, a as carouselBreakpoints, b as carouselClasses, o as useCarousel } from '../../chunk-3XECTDUZ.js';
2
+ import '../../chunk-YAAMDKRR.js';
3
+ import '../../chunk-TJAQH6MS.js';
4
4
  import '../../chunk-GLRLKFPS.js';
5
5
  //# sourceMappingURL=index.js.map
@@ -2,10 +2,10 @@ import { a as a$3 } from '../../../chunk-MSCOIJQ5.js';
2
2
  import { a } from '../../../chunk-X64QHBVQ.js';
3
3
  import { a as a$1 } from '../../../chunk-YXRL4O4H.js';
4
4
  import '../../../chunk-RTC7H5E5.js';
5
- import { a as a$2 } from '../../../chunk-OFOIKKG2.js';
6
- import '../../../chunk-H3SS73NK.js';
7
- import '../../../chunk-VURAUMLN.js';
8
- import '../../../chunk-EDO23OCC.js';
5
+ import { a as a$2 } from '../../../chunk-F64NQ3BY.js';
6
+ import '../../../chunk-XCCDYZLG.js';
7
+ import '../../../chunk-YAAMDKRR.js';
8
+ import '../../../chunk-TJAQH6MS.js';
9
9
  import L from '@mui/material/CircularProgress';
10
10
  import g from '@mui/material/InputAdornment';
11
11
  import s from '@mui/material/Stack';
@@ -1,5 +1,5 @@
1
- export { a as default } from '../../../chunk-OFOIKKG2.js';
2
- import '../../../chunk-H3SS73NK.js';
3
- import '../../../chunk-VURAUMLN.js';
4
- import '../../../chunk-EDO23OCC.js';
1
+ export { a as default } from '../../../chunk-F64NQ3BY.js';
2
+ import '../../../chunk-XCCDYZLG.js';
3
+ import '../../../chunk-YAAMDKRR.js';
4
+ import '../../../chunk-TJAQH6MS.js';
5
5
  //# sourceMappingURL=index.js.map
@@ -1,15 +1,15 @@
1
- import { x, u, v, w } from '../../../chunk-HHX5J5QV.js';
2
- import '../../../chunk-NR6PQELF.js';
3
- import '../../../chunk-ESDQCHJR.js';
1
+ import { x, u, v, w } from '../../../chunk-DAFN2ILN.js';
2
+ import '../../../chunk-KYN54T4U.js';
3
+ import '../../../chunk-PKEBJI2J.js';
4
4
  import '../../../chunk-KGLU4CR2.js';
5
- import '../../../chunk-ZXK32CSF.js';
6
- import '../../../chunk-YG74GZPD.js';
5
+ import '../../../chunk-O7B4K34H.js';
6
+ import '../../../chunk-3JZOHMCP.js';
7
7
  import '../../../chunk-OF6623HG.js';
8
8
  import '../../../chunk-6U5LS7MP.js';
9
- import '../../../chunk-FBN7HCBY.js';
9
+ import '../../../chunk-7QKCCB23.js';
10
10
  import '../../../chunk-2A4XOLBZ.js';
11
- import '../../../chunk-VURAUMLN.js';
12
- import '../../../chunk-EDO23OCC.js';
11
+ import '../../../chunk-YAAMDKRR.js';
12
+ import '../../../chunk-TJAQH6MS.js';
13
13
  import '../../../chunk-RPO7AI5K.js';
14
14
  import '../../../chunk-SVX7EWV4.js';
15
15
  import '../../../chunk-XNKYJHNL.js';
@@ -1,8 +1,8 @@
1
- import { a } from '../../../chunk-DRJ5UDF6.js';
1
+ import { a } from '../../../chunk-JRDGTK34.js';
2
2
  import '../../../chunk-W3CK33IH.js';
3
3
  import '../../../chunk-OF6623HG.js';
4
- import '../../../chunk-VURAUMLN.js';
5
- import '../../../chunk-EDO23OCC.js';
4
+ import '../../../chunk-YAAMDKRR.js';
5
+ import '../../../chunk-TJAQH6MS.js';
6
6
  import { useFormContext, Controller } from 'react-hook-form';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
@@ -1,7 +1,7 @@
1
1
  import { a } from '../../../chunk-YXRL4O4H.js';
2
2
  import { d } from '../../../chunk-A3QLGMSB.js';
3
- import { a as a$1 } from '../../../chunk-VURAUMLN.js';
4
- import '../../../chunk-EDO23OCC.js';
3
+ import { a as a$1 } from '../../../chunk-YAAMDKRR.js';
4
+ import '../../../chunk-TJAQH6MS.js';
5
5
  import { useState } from 'react';
6
6
  import { useFormContext } from 'react-hook-form';
7
7
  import y from '@mui/material/IconButton';
@@ -1,11 +1,11 @@
1
- import { a } from '../../../chunk-V7EE5E2H.js';
1
+ import { a } from '../../../chunk-A2GUNNNS.js';
2
2
  import '../../../chunk-RUABKHIV.js';
3
- import '../../../chunk-PVI5BAUW.js';
3
+ import '../../../chunk-FZBK5B3G.js';
4
4
  import '../../../chunk-IJZCVZ32.js';
5
5
  import '../../../chunk-6U5LS7MP.js';
6
- import '../../../chunk-HVH6MGHX.js';
7
- import '../../../chunk-VURAUMLN.js';
8
- import '../../../chunk-EDO23OCC.js';
6
+ import '../../../chunk-2LLPCOAG.js';
7
+ import '../../../chunk-YAAMDKRR.js';
8
+ import '../../../chunk-TJAQH6MS.js';
9
9
  import { useFormContext, Controller } from 'react-hook-form';
10
10
  import { jsx } from 'react/jsx-runtime';
11
11
 
@@ -1,11 +1,11 @@
1
- import { a } from '../../../chunk-UOR22KQX.js';
1
+ import { a } from '../../../chunk-ITMUJKVT.js';
2
2
  import '../../../chunk-6ZSTKYGL.js';
3
- import '../../../chunk-PVI5BAUW.js';
3
+ import '../../../chunk-FZBK5B3G.js';
4
4
  import '../../../chunk-IJZCVZ32.js';
5
5
  import '../../../chunk-NIQW2J3M.js';
6
6
  import '../../../chunk-F65ZXAGV.js';
7
- import '../../../chunk-VURAUMLN.js';
8
- import '../../../chunk-EDO23OCC.js';
7
+ import '../../../chunk-YAAMDKRR.js';
8
+ import '../../../chunk-TJAQH6MS.js';
9
9
  import { useFormContext, Controller } from 'react-hook-form';
10
10
  import { jsx } from 'react/jsx-runtime';
11
11