@trii/components 3.1.1 → 3.1.3
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.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/theme.js +2 -0
- package/dist/cjs/theme.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/theme.js +2 -0
- package/dist/esm/theme.js.map +1 -0
- package/dist/theme.d.ts +149 -0
- package/package.json +16 -3
- package/theme/package.json +9 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var a=require("@mui/material"),l=require("@reduxjs/toolkit"),G=require("axios");function I(e){return e&&e.__esModule?e:{default:e}}var E=I(G);const O=(e,f={})=>{const{transparentModal:r=!1,autocompleteZIndex:t=11}=f,d=e.palette.background;return a.createTheme({...e,components:{MuiSelect:{defaultProps:{MenuProps:{PaperProps:{sx:{backgroundColor:d.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}}}},MuiAutocomplete:{styleOverrides:{popper:{zIndex:t,"& div":{backgroundColor:d.panel}}}},MuiPaper:{styleOverrides:{root:{backgroundColor:d.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}},MuiMenu:{styleOverrides:{paper:{backgroundColor:d.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}},MuiList:{styleOverrides:{root:{padding:0}}},MuiModal:{styleOverrides:{root:r?{background:"transparent","& .MuiBackdrop-root":{background:"transparent",border:"none"}}:{}}},MuiTypography:{styleOverrides:{root:{color:e.palette.text.primary}}},MuiChip:{styleOverrides:{root:{color:e.palette.text.primary,border:"1px solid rgba(0, 0, 0, 0.1)",borderRadius:"4px",height:"20px",fontSize:"0.7125rem"}}},MuiListSubheader:{styleOverrides:{root:{backgroundColor:d.accordionHeader}}},MuiButton:{styleOverrides:{outlined:{color:e.palette.mode==="light"?e.palette.primary.dark:e.palette.info.dark,borderColor:e.palette.mode==="light"?e.palette.primary.dark:e.palette.info.dark,"&:hover":{borderColor:e.palette.mode==="light"?e.palette.primary.main:e.palette.info.main,color:e.palette.mode==="light"?e.palette.primary.main:e.palette.info.main}}}}}})},n=a.createTheme({name:"lightBlueIndigo",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ebf6fd",mainGradient:"linear-gradient(270deg, #215c97, #1976d2)",navMenu:"#1976d2",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1976d2",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1976d2",light:"#42a5f5",dark:"#1565c0",contrastText:"#fff"},secondary:{main:"#1976d2",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ebf6fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#1976d2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#1976d2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),o=a.createTheme({name:"lightBlue",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e3f2fd",mainGradient:"linear-gradient(270deg, #005cb2, #1e88e5)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1e88e5",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1e88e5",light:"#6ab7ff",dark:"#005cb2",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#1e88e5",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e3f2fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#005cb2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#005cb2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),g=a.createTheme({name:"lightRed",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ffebee",mainGradient:"linear-gradient(270deg, #b61827, #ef5350)",navMenu:"#f44336",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ef5350",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ef5350",light:"#ff867c",dark:"#b61827",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ef5350",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ffebee",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b61827"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b61827"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),c=a.createTheme({name:"lightGreen",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e8f5e9",mainGradient:"linear-gradient(270deg, #087f23, #4caf50)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#4caf50",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#4caf50",light:"#80e27e",dark:"#087f23",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#4caf50",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e8f5e9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#087f23"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#087f23"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),b=a.createTheme({name:"lightPink",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fce4ec",mainGradient:"linear-gradient(270deg, #b0003a, #e6175d)",navMenu:"#e6175d",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#e6175d",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#e6175d",light:"#ff6090",dark:"#b0003a",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fce4ec",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b0003a"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b0003a"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),s=a.createTheme({name:"lightPurple",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f3e5f5",mainGradient:"linear-gradient(270deg, #6a0080, #9c27b0)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9c27b0",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9c27b0",light:"#d05ce3",dark:"#6a0080",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f3e5f5",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c27b0"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c27b0"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),m=a.createTheme({name:"lightTeal",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e0f2f1",mainGradient:"linear-gradient(270deg, #00675b, #009688)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#009688",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#009688",light:"#52c7b8",dark:"#00675b",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#009688",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e0f2f1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#00675b"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#00675b"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),h=a.createTheme({name:"lightLime",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f9fbe7",mainGradient:"linear-gradient(270deg, #99aa00, #cddc39)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#cddc39",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#cddc39",light:"#ffff6e",dark:"#99aa00",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#cddc39",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f9fbe7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#737c16"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#737c16"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),p=a.createTheme({name:"lightYellow",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fffde7",mainGradient:"linear-gradient(270deg, #c8b900, #ffeb3b)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffeb3b",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffeb3b",light:"#ffff72",dark:"#c8b900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffeb3b",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fffde7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#847700"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#847700"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),u=a.createTheme({name:"lightAmber",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff8e1",mainGradient:"linear-gradient(270deg, #c68400, #ffb300)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffb300",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffb300",light:"#ffe54c",dark:"#c68400",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffb300",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff8e1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c6e00"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c6e00"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),k=a.createTheme({name:"lightOrange",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff3e0",mainGradient:"linear-gradient(270deg, #c66900, #ff9800)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ff9800",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ff9800",light:"#ffc947",dark:"#c66900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ff9800",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff3e0",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#ab6600"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#ab6600"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),x=a.createTheme({name:"lightBrown",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#efebe9",mainGradient:"linear-gradient(270deg, #4b2c20, #795548)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#795548",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#795548",light:"#a98274",dark:"#4b2c20",contrastText:"#fff"},secondary:{main:"#795548",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#efebe9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#795548"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#795548"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),B=a.createTheme({name:"lightGray",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fafafa",mainGradient:"linear-gradient(270deg, #707070, #9e9e9e)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9e9e9e",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9e9e9e",light:"#cfcfcf",dark:"#707070",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9e9e9e",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fafafa",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#707070"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#707070"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),y=a.createTheme({name:"darkBlue",palette:{mode:"dark",primary:{main:"#1f5c8e",light:"#2196f3",dark:"#0d47a1",contrastText:"#fff"},secondary:{light:"#FFEA41",main:"#90caf9",dark:"#DBBE01",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},background:{default:"#222B45",mainGradient:"linear-gradient(270deg, #222B45, #222B45)",mainCenter:"#28324e",navMenu:"#222B45",panel:"#2d364e",dropdownMenu:"#484f65",tooltip:"#484f65",accordionHeader:"#2a3249e3",panelHeader:"#2a3249e3",panelCenter:"#484f65",panelGradient:"#384057",selectedItem:"#eeeeee30",paper:"#2d364e"},containerBox:{default:"#2d354e",main:"#2d354e"},action:{active:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#2d354e",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),F=a.createTheme({name:"darkBlack",palette:{mode:"dark",background:{default:"#201f1e",mainGradient:"linear-gradient(270deg, #201f1e, #201f1e)",mainCenter:"#252423",navMenu:"#201f1e",panel:"#3B3A39",dropdownMenu:"#585858",tooltip:"#616161eb",accordionHeader:"#25242369",panelHeader:"#3b3a39ba",panelCenter:"#585858",panelGradient:"#454443",selectedItem:"#eeeeee30",paper:"#3B3A39"},primary:{main:"#1976d2",light:"#2196f3",dark:"#42a5f5",contrastText:"#fff"},secondary:{light:"#FFEA41",main:"#90caf9",dark:"#DBBE01",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},containerBox:{main:"#ffffffb3",default:"#3B3A39"},action:{active:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#3B3A39",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),T="trii-theme",A=e=>`https://agent-api.trii.app/api/v1/settings/${e}/user/setTheme`,P=()=>{try{const e=localStorage.getItem(T);if(e&&S(e))return i(e)}catch{}return n},v=e=>{try{localStorage.setItem(T,e)}catch{}},R={themeSelected:P(),darkMode:!1,toggleStatus:"idle"},w=l.createAsyncThunk("Theme/updateTheme",async(e,{getState:f})=>{const{uid:r="",spaceId:t=""}=f().User.user??{},d=JSON.stringify({theme:e,uid:r});return(await E.default.put(A(t),d,{headers:{"Content-Type":"application/json"}})).data}),M=l.createSlice({name:"Theme",initialState:R,reducers:{toggleTheme:(e,f)=>{v(f.payload);const r=i(f.payload);Object.assign(e,{themeSelected:r,toggleStatus:"toggled"})},toggleModeTheme:e=>{e.darkMode=!e.darkMode}},extraReducers:e=>{e.addCase(w.fulfilled,(f,r)=>{v(r.payload.theme);const t=i(r.payload.theme);Object.assign(f,{themeSelected:t})})}}),i=e=>{switch(e){case"lightBlueIndigo":return n;case"darkBlack":return F;case"darkBlue":return y;case"lightAmber":return u;case"lightBlue":return o;case"lightBrown":return x;case"lightGray":return B;case"lightGreen":return c;case"lightLime":return h;case"lightOrange":return k;case"lightPink":return b;case"lightPurple":return s;case"lightRed":return g;case"lightTeal":return m;case"lightYellow":return p;default:return n}},S=e=>["lightBlueIndigo","darkBlack","darkBlue","lightAmber","lightBlue","lightBrown","lightGray","lightGreen","lightLime","lightOrange","lightPink","lightPurple","lightRed","lightTeal","lightYellow"].includes(e),{toggleTheme:D,toggleModeTheme:L}=M.actions,Y=e=>e.Theme.toggleStatus,H=e=>e.Theme.themeSelected,C=e=>e.Theme.darkMode,_=H,j=C;var q=M.reducer;exports.MuiComponentsConfig=O,exports.darkBlack=F,exports.darkBlue=y,exports.isValidThemeName=S,exports.lightAmber=u,exports.lightBlue=o,exports.lightBlueIndigo=n,exports.lightBrown=x,exports.lightGray=B,exports.lightGreen=c,exports.lightLime=h,exports.lightOrange=k,exports.lightPink=b,exports.lightPurple=s,exports.lightRed=g,exports.lightTeal=m,exports.lightYellow=p,exports.selectDarkTheme=C,exports.selectTheme=H,exports.selectThemeToggleStatus=Y,exports.selectedDarkTheme=j,exports.selectedTheme=_,exports.themeReducer=q,exports.toggleModeTheme=L,exports.toggleTheme=D,exports.updateTheme=w;
|
|
2
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../src/theme/MuiComponentsConfig.ts","../../src/theme/themeProvider.ts","../../src/theme/themeSlice.ts"],"sourcesContent":["import { createTheme, Theme } from '@mui/material';\n\n/**\n * Ajustes que difieren entre apps. Los valores por defecto son los que ya\n * usaba el paquete, asi que omitir las opciones no cambia nada.\n */\nexport interface MuiComponentsConfigOptions {\n /**\n * Fondo del modal y su backdrop en transparente. Lo usan header y home;\n * contacts lo tenia desactivado a proposito.\n */\n transparentModal?: boolean;\n /** z-index del popper del Autocomplete. Header necesita 1; el resto, 11. */\n autocompleteZIndex?: number;\n}\n\nconst MuiComponentsConfig = (\n themeRedux: Theme,\n options: MuiComponentsConfigOptions = {}\n): Theme => {\n const { transparentModal = false, autocompleteZIndex = 11 } = options;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const bg = themeRedux.palette.background as any;\n\n return createTheme({\n ...themeRedux,\n components: {\n MuiSelect: {\n defaultProps: {\n MenuProps: {\n PaperProps: {\n sx: {\n backgroundColor: bg.panel,\n backgroundImage:\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\n },\n },\n },\n },\n },\n MuiAutocomplete: {\n styleOverrides: {\n popper: {\n zIndex: autocompleteZIndex,\n '& div': {\n backgroundColor: bg.panel,\n },\n },\n },\n },\n MuiPaper: {\n styleOverrides: {\n root: {\n backgroundColor: bg.panel,\n backgroundImage:\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\n },\n },\n },\n MuiMenu: {\n styleOverrides: {\n paper: {\n backgroundColor: bg.panel,\n backgroundImage:\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\n },\n },\n },\n MuiList: {\n styleOverrides: {\n root: {\n padding: 0,\n },\n },\n },\n MuiModal: {\n styleOverrides: {\n root: transparentModal\n ? {\n background: 'transparent',\n '& .MuiBackdrop-root': {\n background: 'transparent',\n border: 'none',\n },\n }\n : {},\n },\n },\n MuiTypography: {\n styleOverrides: {\n root: {\n color: themeRedux.palette.text.primary,\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n color: themeRedux.palette.text.primary,\n border: '1px solid rgba(0, 0, 0, 0.1)',\n borderRadius: '4px',\n height: '20px',\n fontSize: '0.7125rem',\n },\n },\n },\n MuiListSubheader: {\n styleOverrides: {\n root: {\n backgroundColor: bg.accordionHeader,\n },\n },\n },\n MuiButton: {\n styleOverrides: {\n outlined: {\n color:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.dark\n : themeRedux.palette.info.dark,\n borderColor:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.dark\n : themeRedux.palette.info.dark,\n '&:hover': {\n borderColor:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.main\n : themeRedux.palette.info.main,\n color:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.main\n : themeRedux.palette.info.main,\n },\n },\n },\n },\n },\n });\n};\n\nexport default MuiComponentsConfig;\n","import { createTheme, Theme } from '@mui/material'\n\n// ─── Extensión de tipos de MUI ──────────────────────────────────────────────\ndeclare module '@mui/material/styles' {\n interface TypeBackground {\n mainCenter: string;\n mainGradient: string;\n navMenu: string;\n dropdownMenu: string;\n panel: string;\n tooltip: string;\n accordionHeader: string;\n panelHeader: string;\n panelCenter: string;\n panelGradient: string;\n selectedItem: string;\n }\n\n interface TypeText {\n colorMain: string;\n }\n\n interface Palette {\n containerBox: {\n default: string;\n main: string;\n };\n dropdownBox: string;\n color: {\n icons: string;\n };\n cellHeader: string;\n Skeleton: {\n bg: string;\n };\n messageBox: string;\n boxShadow: string;\n disabled: string;\n }\n\n interface PaletteOptions {\n containerBox?: {\n default?: string;\n main?: string;\n };\n dropdownBox?: string;\n color?: {\n icons?: string;\n };\n cellHeader?: string;\n Skeleton?: {\n bg?: string;\n };\n messageBox?: string;\n boxShadow?: string;\n disabled?: string;\n }\n\n interface Theme {\n name?: string;\n }\n\n interface ThemeOptions {\n name?: string;\n }\n}\n// ────────────────────────────────────────────────────────────────────────────\n\n// Temas claros\nexport const lightBlueIndigo: Theme = createTheme({\n\tname: 'lightBlueIndigo',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#ebf6fd',\n\t\t\tmainGradient: 'linear-gradient(270deg, #215c97, #1976d2)',\n\t\t\tnavMenu: '#1976d2',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#1976d2',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#1976d2',\n\t\t\tlight: '#42a5f5',\n\t\t\tdark: '#1565c0',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#1976d2',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#ebf6fd',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#1976d2'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#1976d2'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightBlue: Theme = createTheme({\n\tname: 'lightBlue',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#e3f2fd',\n\t\t\tmainGradient: 'linear-gradient(270deg, #005cb2, #1e88e5)',\n\t\t\tnavMenu: '#4fc354',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#1e88e5',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#1e88e5',\n\t\t\tlight: '#6ab7ff',\n\t\t\tdark: '#005cb2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#1e88e5',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#e3f2fd',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#005cb2'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#005cb2'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightRed: Theme = createTheme({\n\tname: 'lightRed',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#ffebee',\n\t\t\tmainGradient: 'linear-gradient(270deg, #b61827, #ef5350)',\n\t\t\tnavMenu: '#f44336',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ef5350',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ef5350',\n\t\t\tlight: '#ff867c',\n\t\t\tdark: '#b61827',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ef5350',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#ffebee',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#b61827'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#b61827'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightGreen: Theme = createTheme({\n\tname: 'lightGreen',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#e8f5e9',\n\t\t\tmainGradient: 'linear-gradient(270deg, #087f23, #4caf50)',\n\t\t\tnavMenu: '#4fc354',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#4caf50',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#4caf50',\n\t\t\tlight: '#80e27e',\n\t\t\tdark: '#087f23',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#4caf50',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#e8f5e9',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#087f23'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#087f23'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightPink: Theme = createTheme({\n\tname: 'lightPink',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fce4ec',\n\t\t\tmainGradient: 'linear-gradient(270deg, #b0003a, #e6175d)',\n\t\t\tnavMenu: '#e6175d',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#e6175d',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#e6175d',\n\t\t\tlight: '#ff6090',\n\t\t\tdark: '#b0003a',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#9c27b0',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fce4ec',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#b0003a'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#b0003a'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightPurple: Theme = createTheme({\n\tname: 'lightPurple',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#f3e5f5',\n\t\t\tmainGradient: 'linear-gradient(270deg, #6a0080, #9c27b0)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#9c27b0',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#9c27b0',\n\t\t\tlight: '#d05ce3',\n\t\t\tdark: '#6a0080',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#9c27b0',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#f3e5f5',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#9c27b0'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#9c27b0'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightTeal: Theme = createTheme({\n\tname: 'lightTeal',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#e0f2f1',\n\t\t\tmainGradient: 'linear-gradient(270deg, #00675b, #009688)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#009688',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#009688',\n\t\t\tlight: '#52c7b8',\n\t\t\tdark: '#00675b',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#009688',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#e0f2f1',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#00675b'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#00675b'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightLime: Theme = createTheme({\n\tname: 'lightLime',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#f9fbe7',\n\t\t\tmainGradient: 'linear-gradient(270deg, #99aa00, #cddc39)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#cddc39',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#cddc39',\n\t\t\tlight: '#ffff6e',\n\t\t\tdark: '#99aa00',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#cddc39',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#f9fbe7',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#737c16'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#737c16'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightYellow: Theme = createTheme({\n\tname: 'lightYellow',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fffde7',\n\t\t\tmainGradient: 'linear-gradient(270deg, #c8b900, #ffeb3b)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ffeb3b',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ffeb3b',\n\t\t\tlight: '#ffff72',\n\t\t\tdark: '#c8b900',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ffeb3b',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fffde7',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#847700'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#847700'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightAmber: Theme = createTheme({\n\tname: 'lightAmber',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fff8e1',\n\t\t\tmainGradient: 'linear-gradient(270deg, #c68400, #ffb300)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ffb300',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ffb300',\n\t\t\tlight: '#ffe54c',\n\t\t\tdark: '#c68400',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ffb300',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fff8e1',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#9c6e00'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#9c6e00'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightOrange: Theme = createTheme({\n\tname: 'lightOrange',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fff3e0',\n\t\t\tmainGradient: 'linear-gradient(270deg, #c66900, #ff9800)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ff9800',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ff9800',\n\t\t\tlight: '#ffc947',\n\t\t\tdark: '#c66900',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ff9800',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fff3e0',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#ab6600'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#ab6600'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightBrown: Theme = createTheme({\n\tname: 'lightBrown',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#efebe9',\n\t\t\tmainGradient: 'linear-gradient(270deg, #4b2c20, #795548)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#795548',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#795548',\n\t\t\tlight: '#a98274',\n\t\t\tdark: '#4b2c20',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#795548',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#efebe9',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#795548'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#795548'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightGray: Theme = createTheme({\n\tname: 'lightGray',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fafafa',\n\t\t\tmainGradient: 'linear-gradient(270deg, #707070, #9e9e9e)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#9e9e9e',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#9e9e9e',\n\t\t\tlight: '#cfcfcf',\n\t\t\tdark: '#707070',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#9e9e9e',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fafafa',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#707070'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#707070'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\n// Temas oscuros\nexport const darkBlue: Theme = createTheme({\n\tname: 'darkBlue',\n\tpalette: {\n\t\tmode: 'dark',\n\t\tprimary: {\n\t\t\tmain: '#1f5c8e',\n\t\t\tlight: '#2196f3',\n\t\t\tdark: '#0d47a1',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tlight: '#FFEA41',\n\t\t\tmain: '#90caf9',\n\t\t\tdark: '#DBBE01',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#f44336',\n\t\t\tlight: '#e57373',\n\t\t\tdark: '#d32f2f'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ffa726',\n\t\t\tlight: '#ffb74d',\n\t\t\tdark: '#f57c00'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#29b6f6',\n\t\t\tlight: '#4fc3f7',\n\t\t\tdark: '#0288d1'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#66bb6a',\n\t\t\tlight: '#81c784',\n\t\t\tdark: '#388e3c'\n\t\t},\n\t\tbackground: {\n\t\t\tdefault: '#222B45',\n\t\t\tmainGradient: 'linear-gradient(270deg, #222B45, #222B45)',\n\t\t\tmainCenter: '#28324e',\n\t\t\tnavMenu: '#222B45',\n\t\t\tpanel: '#2d364e',\n\t\t\tdropdownMenu: '#484f65',\n\t\t\ttooltip: '#484f65',\n\t\t\taccordionHeader: '#2a3249e3',\n\t\t\tpanelHeader: '#2a3249e3',\n\t\t\tpanelCenter: '#484f65',\n\t\t\tpanelGradient: '#384057',\n\t\t\tselectedItem: '#eeeeee30',\n\t\t\tpaper: '#2d364e'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#2d354e',\n\t\t\tmain: '#2d354e'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(255, 255, 255, 0.2)',\n\t\t\thover: 'rgba(255, 255, 255, 0.08)',\n\t\t\tselected: 'rgba(255, 255, 255, 0.16)',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.3)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: '#EEEEEF',\n\t\t\tsecondary: '#AEB0B4',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.5)',\n\t\t\tcolorMain: '#EEEEEF'\n\t\t},\n\t\tdivider: 'rgba(255, 255, 255, 0.12)',\n\t\tdropdownBox: '#2d354e',\n\t\tcolor: {\n\t\t\ticons: '#fff'\n\t\t},\n\t\tcellHeader: '#505050',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#1f5c8e',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const darkBlack: Theme = createTheme({\n\tname: 'darkBlack',\n\tpalette: {\n\t\tmode: 'dark',\n\t\tbackground: {\n\t\t\tdefault: '#201f1e',\n\t\t\tmainGradient: 'linear-gradient(270deg, #201f1e, #201f1e)',\n\t\t\tmainCenter: '#252423',\n\t\t\tnavMenu: '#201f1e',\n\t\t\tpanel: '#3B3A39',\n\t\t\tdropdownMenu: '#585858',\n\t\t\ttooltip: '#616161eb',\n\t\t\taccordionHeader: '#25242369',\n\t\t\tpanelHeader: '#3b3a39ba',\n\t\t\tpanelCenter: '#585858',\n\t\t\tpanelGradient: '#454443',\n\t\t\tselectedItem: '#eeeeee30',\n\t\t\tpaper: '#3B3A39'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#1976d2',\n\t\t\tlight: '#2196f3',\n\t\t\tdark: '#42a5f5',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tlight: '#FFEA41',\n\t\t\tmain: '#90caf9',\n\t\t\tdark: '#DBBE01',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#f44336',\n\t\t\tlight: '#e57373',\n\t\t\tdark: '#d32f2f'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ffa726',\n\t\t\tlight: '#ffb74d',\n\t\t\tdark: '#f57c00'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#29b6f6',\n\t\t\tlight: '#4fc3f7',\n\t\t\tdark: '#0288d1'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#66bb6a',\n\t\t\tlight: '#81c784',\n\t\t\tdark: '#388e3c'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tmain: '#ffffffb3',\n\t\t\tdefault: '#3B3A39'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(255, 255, 255, 0.2)',\n\t\t\thover: 'rgba(255, 255, 255, 0.08)',\n\t\t\tselected: 'rgba(255, 255, 255, 0.16)',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.3)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: '#EEEEEF',\n\t\t\tsecondary: '#AEB0B4',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.5)',\n\t\t\tcolorMain: '#EEEEEF'\n\t\t},\n\t\tdivider: 'rgba(255, 255, 255, 0.12)',\n\t\tdropdownBox: '#3B3A39',\n\t\tcolor: {\n\t\t\ticons: '#fff'\n\t\t},\n\t\tcellHeader: '#505050',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#1f5c8e',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\n","import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport { Theme } from '@mui/material';\nimport {\n lightBlueIndigo,\n darkBlack,\n darkBlue,\n lightAmber,\n lightBlue,\n lightBrown,\n lightGray,\n lightGreen,\n lightLime,\n lightOrange,\n lightPink,\n lightPurple,\n lightRed,\n lightTeal,\n lightYellow,\n} from './themeProvider';\n\n\n/**\n * Forma mínima del store que necesita este slice: la app que lo use tiene que\n * tener `Theme` y `User.user.uid`.\n */\nexport interface ThemeRootState {\n User: {\n user: {\n uid: string;\n /** Requerido por `updateTheme`: la URL lo lleva en la ruta. */\n spaceId?: string;\n };\n };\n Theme: ThemeState;\n}\n\n/**\n * `trii-root-front` lee esta clave para pintar el fondo antes de montar los\n * micro-fronts. Si se deja de escribir, se ve un flash del tema equivocado.\n */\nconst THEME_STORAGE_KEY = 'trii-theme';\n\nconst themeUrl = (spaceId: string) =>\n `https://agent-api.trii.app/api/v1/settings/${spaceId}/user/setTheme`;\n\n/** Nombres de tema disponibles. */\nexport type ThemeName =\n | 'lightBlueIndigo'\n | 'darkBlack'\n | 'darkBlue'\n | 'lightAmber'\n | 'lightBlue'\n | 'lightBrown'\n | 'lightGray'\n | 'lightGreen'\n | 'lightLime'\n | 'lightOrange'\n | 'lightPink'\n | 'lightPurple'\n | 'lightRed'\n | 'lightTeal'\n | 'lightYellow';\n\n/** Estado del slice. */\nexport interface ThemeState {\n themeSelected: Theme;\n darkMode: boolean;\n toggleStatus: 'idle' | 'toggled';\n}\n\n/** Lee el tema persistido; si no hay o falla, usa el de por defecto. */\nconst getSavedTheme = (): Theme => {\n try {\n const saved = localStorage.getItem(THEME_STORAGE_KEY);\n if (saved && isValidThemeName(saved)) return getTheme(saved);\n } catch {\n // localStorage puede no estar disponible (SSR, modo privado)\n }\n return lightBlueIndigo;\n};\n\n/** Persiste el tema para que `trii-root-front` lo lea en el arranque. */\nconst saveTheme = (theme: ThemeName): void => {\n try {\n localStorage.setItem(THEME_STORAGE_KEY, theme);\n } catch {\n // sin localStorage el tema igual se aplica, solo no persiste\n }\n};\n\nconst initialState: ThemeState = {\n themeSelected: getSavedTheme(),\n darkMode: false,\n toggleStatus: 'idle',\n};\n\n/** Guarda el tema elegido en el backend. */\nexport const updateTheme = createAsyncThunk<\n { theme: ThemeName },\n ThemeName,\n { state: ThemeRootState }\n>('Theme/updateTheme', async (theme, { getState }) => {\n const { uid = '', spaceId = '' } = getState().User.user ?? {};\n const themeJson = JSON.stringify({ theme, uid });\n\n const response = await axios.put<{ theme: ThemeName }>(\n themeUrl(spaceId),\n themeJson,\n { headers: { 'Content-Type': 'application/json' } }\n );\n return response.data;\n});\n\n/** Slice del tema. */\nconst themeSlice = createSlice({\n name: 'Theme',\n initialState,\n reducers: {\n /** Cambia el tema por nombre. */\n toggleTheme: (state, action: PayloadAction<ThemeName>): void => {\n saveTheme(action.payload);\n const theme = getTheme(action.payload);\n Object.assign(state, { themeSelected: theme, toggleStatus: 'toggled' });\n },\n /** Alterna el modo oscuro. */\n toggleModeTheme: (state): void => {\n state.darkMode = !state.darkMode;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(updateTheme.fulfilled, (state, action): void => {\n saveTheme(action.payload.theme);\n const theme = getTheme(action.payload.theme);\n Object.assign(state, { themeSelected: theme });\n });\n },\n});\n\n/** Devuelve el objeto Theme de MUI a partir del nombre. */\nconst getTheme = (theme: ThemeName): Theme => {\n switch (theme) {\n case 'lightBlueIndigo':\n return lightBlueIndigo;\n case 'darkBlack':\n return darkBlack;\n case 'darkBlue':\n return darkBlue;\n case 'lightAmber':\n return lightAmber;\n case 'lightBlue':\n return lightBlue;\n case 'lightBrown':\n return lightBrown;\n case 'lightGray':\n return lightGray;\n case 'lightGreen':\n return lightGreen;\n case 'lightLime':\n return lightLime;\n case 'lightOrange':\n return lightOrange;\n case 'lightPink':\n return lightPink;\n case 'lightPurple':\n return lightPurple;\n case 'lightRed':\n return lightRed;\n case 'lightTeal':\n return lightTeal;\n case 'lightYellow':\n return lightYellow;\n default:\n return lightBlueIndigo;\n }\n};\n\n/** Valida que el string sea un `ThemeName`. */\nexport const isValidThemeName = (theme: string): theme is ThemeName => {\n const validThemes: ThemeName[] = [\n 'lightBlueIndigo',\n 'darkBlack',\n 'darkBlue',\n 'lightAmber',\n 'lightBlue',\n 'lightBrown',\n 'lightGray',\n 'lightGreen',\n 'lightLime',\n 'lightOrange',\n 'lightPink',\n 'lightPurple',\n 'lightRed',\n 'lightTeal',\n 'lightYellow',\n ];\n return validThemes.includes(theme as ThemeName);\n};\n\nexport const { toggleTheme, toggleModeTheme } = themeSlice.actions;\n\n// Selectores\nexport const selectThemeToggleStatus = (state: ThemeRootState) =>\n state.Theme.toggleStatus;\nexport const selectTheme = (state: ThemeRootState) => state.Theme.themeSelected;\nexport const selectDarkTheme = (state: ThemeRootState) => state.Theme.darkMode;\n\n/**\n * @deprecated Usar `selectTheme`. El prefijo correcto para un selector es\n * `select` (ver Guía de Arquitectura Frontend, sección 4 - Nomenclatura).\n * Se mantiene hasta que los 6 micro-fronts terminen de migrar.\n */\nexport const selectedTheme = selectTheme;\n/**\n * @deprecated Usar `selectDarkTheme`. Mismo motivo que `selectedTheme`.\n */\nexport const selectedDarkTheme = selectDarkTheme;\n\nexport default themeSlice.reducer;\n"],"names":["MuiComponentsConfig","themeRedux","options","transparentModal","autocompleteZIndex","bg","createTheme","lightBlueIndigo","lightBlue","lightRed","lightGreen","lightPink","lightPurple","lightTeal","lightLime","lightYellow","lightAmber","lightOrange","lightBrown","lightGray","darkBlue","darkBlack","THEME_STORAGE_KEY","themeUrl","spaceId","getSavedTheme","saved","isValidThemeName","getTheme","saveTheme","theme","initialState","updateTheme","createAsyncThunk","getState","uid","themeJson","axios","themeSlice","createSlice","state","action","builder","toggleTheme","toggleModeTheme","selectThemeToggleStatus","selectTheme","selectDarkTheme","selectedTheme","selectedDarkTheme"],"mappings":"2JAgBMA,MAAAA,EAAsB,CAC1BC,EACAC,EAAsC,KAC5B,CACV,KAAM,CAAE,iBAAAC,EAAmB,GAAO,mBAAAC,EAAqB,EAAG,EAAIF,EAExDG,EAAKJ,EAAW,QAAQ,WAE9B,OAAOK,cAAY,CACjB,GAAGL,EACH,WAAY,CACV,UAAW,CACT,aAAc,CACZ,UAAW,CACT,WAAY,CACV,GAAI,CACF,gBAAiBI,EAAG,MACpB,gBACE,uEACJ,CACF,CACF,CACF,CACF,EACA,gBAAiB,CACf,eAAgB,CACd,OAAQ,CACN,OAAQD,EACR,QAAS,CACP,gBAAiBC,EAAG,KACtB,CACF,CACF,CACF,EACA,SAAU,CACR,eAAgB,CACd,KAAM,CACJ,gBAAiBA,EAAG,MACpB,gBACE,uEACJ,CACF,CACF,EACA,QAAS,CACP,eAAgB,CACd,MAAO,CACL,gBAAiBA,EAAG,MACpB,gBACE,uEACJ,CACF,CACF,EACA,QAAS,CACP,eAAgB,CACd,KAAM,CACJ,QAAS,CACX,CACF,CACF,EACA,SAAU,CACR,eAAgB,CACd,KAAMF,EACF,CACE,WAAY,cACZ,sBAAuB,CACrB,WAAY,cACZ,OAAQ,MACV,CACF,EACA,CACN,CAAA,CACF,EACA,cAAe,CACb,eAAgB,CACd,KAAM,CACJ,MAAOF,EAAW,QAAQ,KAAK,OACjC,CACF,CACF,EACA,QAAS,CACP,eAAgB,CACd,KAAM,CACJ,MAAOA,EAAW,QAAQ,KAAK,QAC/B,OAAQ,+BACR,aAAc,MACd,OAAQ,OACR,SAAU,WACZ,CACF,CACF,EACA,iBAAkB,CAChB,eAAgB,CACd,KAAM,CACJ,gBAAiBI,EAAG,eACtB,CACF,CACF,EACA,UAAW,CACT,eAAgB,CACd,SAAU,CACR,MACEJ,EAAW,QAAQ,OAAS,QACxBA,EAAW,QAAQ,QAAQ,KAC3BA,EAAW,QAAQ,KAAK,KAC9B,YACEA,EAAW,QAAQ,OAAS,QACxBA,EAAW,QAAQ,QAAQ,KAC3BA,EAAW,QAAQ,KAAK,KAC9B,UAAW,CACT,YACEA,EAAW,QAAQ,OAAS,QACxBA,EAAW,QAAQ,QAAQ,KAC3BA,EAAW,QAAQ,KAAK,KAC9B,MACEA,EAAW,QAAQ,OAAS,QACxBA,EAAW,QAAQ,QAAQ,KAC3BA,EAAW,QAAQ,KAAK,IAChC,CACF,CACF,CACF,CACF,CACF,CAAC,CACH,ECtEaM,EAAyBD,EAAAA,YAAY,CACjD,KAAM,kBACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYE,EAAmBF,EAAY,YAAA,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYG,EAAkBH,EAAAA,YAAY,CAC1C,KAAM,WACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYI,EAAoBJ,EAAY,YAAA,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYK,EAAmBL,EAAAA,YAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYM,EAAqBN,EAAY,YAAA,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYO,EAAmBP,EAAAA,YAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYQ,EAAmBR,EAAY,YAAA,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYS,EAAqBT,EAAAA,YAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYU,EAAoBV,EAAAA,YAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYW,EAAqBX,EAAAA,YAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYY,EAAoBZ,EAAAA,YAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYa,EAAmBb,EAAAA,YAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAGYc,EAAkBd,EAAAA,YAAY,CAC1C,KAAM,WACN,QAAS,CACR,KAAM,OACN,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,MAAO,UACP,KAAM,UACN,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,WAAY,CACX,QAAS,UACT,aAAc,4CACd,WAAY,UACZ,QAAS,UACT,MAAO,UACP,aAAc,UACd,QAAS,UACT,gBAAiB,YACjB,YAAa,YACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,2BACR,MAAO,4BACP,SAAU,4BACV,SAAU,2BACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,UACT,UAAW,UACX,SAAU,2BACV,UAAW,SACZ,EACA,QAAS,4BACT,YAAa,UACb,MAAO,CACN,MAAO,MACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYe,EAAmBf,EAAAA,YAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,OACN,WAAY,CACX,QAAS,UACT,aAAc,4CACd,WAAY,UACZ,QAAS,UACT,MAAO,UACP,aAAc,UACd,QAAS,YACT,gBAAiB,YACjB,YAAa,YACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,MAAO,UACP,KAAM,UACN,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,KAAM,YACN,QAAS,SACV,EACA,OAAQ,CACP,OAAQ,2BACR,MAAO,4BACP,SAAU,4BACV,SAAU,2BACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,UACT,UAAW,UACX,SAAU,2BACV,UAAW,SACZ,EACA,QAAS,4BACT,YAAa,UACb,MAAO,CACN,MAAO,MACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,ECxvCKgB,EAAoB,aAEpBC,EAAYC,GAChB,8CAA8CA,CAAO,iBA4BjDC,EAAgB,IAAa,CACjC,GAAI,CACF,MAAMC,EAAQ,aAAa,QAAQJ,CAAiB,EACpD,GAAII,GAASC,EAAiBD,CAAK,EAAG,OAAOE,EAASF,CAAK,CAC7D,MAAQ,CAGR,CAAA,OAAOnB,CACT,EAGMsB,EAAaC,GAA2B,CAC5C,GAAI,CACF,aAAa,QAAQR,EAAmBQ,CAAK,CAC/C,MAAQ,CAGV,CAAA,EAEMC,EAA2B,CAC/B,cAAeN,EAAAA,EACf,SAAU,GACV,aAAc,MAChB,EAGaO,EAAcC,mBAIzB,oBAAqB,MAAOH,EAAO,CAAE,SAAAI,CAAS,IAAM,CACpD,KAAM,CAAE,IAAAC,EAAM,GAAI,QAAAX,EAAU,EAAG,EAAIU,EAAS,EAAE,KAAK,MAAQ,GACrDE,EAAY,KAAK,UAAU,CAAE,MAAAN,EAAO,IAAAK,CAAI,CAAC,EAO/C,OALiB,MAAME,EAAAA,QAAM,IAC3Bd,EAASC,CAAO,EAChBY,EACA,CAAE,QAAS,CAAE,eAAgB,kBAAmB,CAAE,CACpD,GACgB,IAClB,CAAC,EAGKE,EAAaC,EAAAA,YAAY,CAC7B,KAAM,QACN,aAAAR,EACA,SAAU,CAER,YAAa,CAACS,EAAOC,IAA2C,CAC9DZ,EAAUY,EAAO,OAAO,EACxB,MAAMX,EAAQF,EAASa,EAAO,OAAO,EACrC,OAAO,OAAOD,EAAO,CAAE,cAAeV,EAAO,aAAc,SAAU,CAAC,CACxE,EAEA,gBAAkBU,GAAgB,CAChCA,EAAM,SAAW,CAACA,EAAM,QAC1B,CACF,EACA,cAAgBE,GAAY,CAC1BA,EAAQ,QAAQV,EAAY,UAAW,CAACQ,EAAOC,IAAiB,CAC9DZ,EAAUY,EAAO,QAAQ,KAAK,EAC9B,MAAMX,EAAQF,EAASa,EAAO,QAAQ,KAAK,EAC3C,OAAO,OAAOD,EAAO,CAAE,cAAeV,CAAM,CAAC,CAC/C,CAAC,CACH,CACF,CAAC,EAGKF,EAAYE,GAA4B,CAC5C,OAAQA,EAAO,CACb,IAAK,kBACH,OAAOvB,EACT,IAAK,YACH,OAAOc,EACT,IAAK,WACH,OAAOD,EACT,IAAK,aACH,OAAOJ,EACT,IAAK,YACH,OAAOR,EACT,IAAK,aACH,OAAOU,EACT,IAAK,YACH,OAAOC,EACT,IAAK,aACH,OAAOT,EACT,IAAK,YACH,OAAOI,EACT,IAAK,cACH,OAAOG,EACT,IAAK,YACH,OAAON,EACT,IAAK,cACH,OAAOC,EACT,IAAK,WACH,OAAOH,EACT,IAAK,YACH,OAAOI,EACT,IAAK,cACH,OAAOE,EACT,QACE,OAAOR,CACX,CACF,EAGaoB,EAAoBG,GACE,CAC/B,kBACA,YACA,WACA,aACA,YACA,aACA,YACA,aACA,YACA,cACA,YACA,cACA,WACA,YACA,aACF,EACmB,SAASA,CAAkB,EAGnC,CAAE,YAAAa,EAAa,gBAAAC,CAAgB,EAAIN,EAAW,QAG9CO,EAA2BL,GACtCA,EAAM,MAAM,aACDM,EAAeN,GAA0BA,EAAM,MAAM,cACrDO,EAAmBP,GAA0BA,EAAM,MAAM,SAOzDQ,EAAgBF,EAIhBG,EAAoBF,EAEjC,IAAAT,EAAeA,EAAW"}
|
package/dist/esm/index.js
CHANGED
|
@@ -168,5 +168,5 @@ Precio unitario: $129.99
|
|
|
168
168
|
`,quantity:1,price:129.99}],d4=[{orderProperties:{orderNumber:"12345",paymentMethod:"Credit Card"},items:[bo[0],bo[1]],discount:50,totalPrice:869.97,createdAt:new Date(2023,5,15),createdBy:"John Doe"},{orderProperties:{orderNumber:"12346",paymentMethod:"PayPal"},items:[bo[2]],discount:0,totalPrice:129.99,createdAt:new Date(2023,7,23),createdBy:"John Doe"},{orderProperties:{orderNumber:"12347",paymentMethod:"Debit Card"},items:[bo[1],bo[2]],discount:15,totalPrice:234.97,createdAt:new Date(2023,8,5),createdBy:"John Doe",finishedAt:new Date(2023,8,6),finishedBy:"Staff Member"}],f4=Xn((e,t)=>{const{t:n}=Ve(),a=Ii("(max-width: 1600px)"),[i,o]=U([]);le(()=>{setTimeout(()=>{o(d4)},500);const c=m=>{l(m.detail)},d=m=>{},p=()=>{s()},f=m=>{const g=m,{cart:x,itemCode:v}=g.detail,A=i.find(b=>b.orderProperties.orderNumber===x.orderProperties.orderNumber);if(A){const b=A.items.filter(w=>w.code!==v),D=b.reduce((w,B)=>w+B.price*B.quantity,0)-A.discount,y={...A,items:b,totalPrice:D>0?D:0},C=i.map(w=>w.orderProperties.orderNumber===x.orderProperties.orderNumber?y:w);o(C)}};return document.addEventListener("deleteCart",c),document.addEventListener("editCart",d),document.addEventListener("addCart",p),document.addEventListener("deleteCartItem",f),()=>{document.removeEventListener("deleteCart",c),document.removeEventListener("editCart",d),document.removeEventListener("addCart",p),document.removeEventListener("deleteCartItem",f)}},[]);const s=()=>{alert("Funcionalidad para a\xF1adir un nuevo carrito - a implementar")},l=c=>{if(window.confirm(n("conversations.sidebar.panelShop.confirmDelete"))){const d=i.filter(p=>p.orderProperties.orderNumber!==c.orderProperties.orderNumber);o(d)}};return r.jsxs(M,{ref:t,sx:{p:2,display:"flex",flexDirection:"column",gap:2},children:[r.jsx(vt,{direction:"row",alignItems:"center",justifyContent:"space-between",children:a?r.jsx(Vt,{title:n("conversations.sidebar.panelShop.addItem"),children:r.jsx(ye,{size:"small",onClick:s,sx:{bgcolor:"primary.main",color:"primary.contrastText",borderRadius:1.5,"&:hover":{bgcolor:"primary.dark"}},children:r.jsx(dd,{sx:{fontSize:16}})})}):r.jsx(Ze,{size:"small",variant:"contained",startIcon:r.jsx(dd,{sx:{fontSize:15}}),onClick:s,sx:{fontSize:11,fontWeight:600,textTransform:"none",borderRadius:2,py:.5,px:1.5},children:n("conversations.sidebar.panelShop.addItem")})}),r.jsx(M,{sx:{display:"flex",alignItems:"center",justifyContent:"center",py:6},children:r.jsx(re,{variant:"body2",color:"text.disabled",children:n("conversations.sidebar.panelShop.noOrders")})})]})});function p4({contact:e,showDivider:t,onClick:n}){const a=Ir(e.imageUrl),[i,o]=U(!1);return r.jsxs(M,{children:[r.jsxs(Bi,{disablePadding:!0,sx:{py:.75,px:.5,borderRadius:"6px",cursor:"pointer","&:hover":{backgroundColor:s=>s.palette.action.hover}},onClick:s=>n(s,e),children:[r.jsxs(YA,{sx:{minWidth:40},children:[r.jsx(qn,{src:i?a:void 0,sx:{width:30,height:30,fontSize:14,bgcolor:s=>s.palette.primary.main,transition:"opacity 0.3s ease-in-out","& .MuiAvatar-img":{opacity:i?1:0,transition:"opacity 0.3s ease-in-out"}},imgProps:{onLoad:()=>o(!0)},children:e.name?.charAt(0)?.toUpperCase()}),a&&!i&&r.jsx("img",{src:a,alt:"",style:{display:"none"},onLoad:()=>o(!0)})]}),r.jsx(Cr,{primary:e.name,primaryTypographyProps:{fontSize:13,noWrap:!0}})]}),t&&r.jsx(An,{variant:"inset",component:"li",sx:{ml:5.5}})]})}const h4=Xn((e,t)=>{const{t:n}=Ve(),a=ta(),{relations:i}=jt(),{contactId:o}=Wt(),s=i.data??[],l=je(()=>[...s].sort((y,C)=>y.order-C.order),[s]),c=i.status,d=i.relationshipContacts,[p,f]=U(null),[m,g]=U(null),x=Ir(m?.imageUrl??""),v=(y,C)=>{g(C),f(y.currentTarget)},A=()=>{f(null)},b=(y,C)=>{C&&o&&i.fetchRelationshipContacts(y.id)},D=y=>d.find(C=>C.relationshipId===y);return r.jsxs(M,{ref:t,sx:{p:2},children:[r.jsx(M,{sx:{maxHeight:"calc(100vh - 290px)",overflow:"auto"},children:c==="loading"?r.jsx(M,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"100px"},children:r.jsx(xt,{})}):l&&l.length>0?r.jsx(M,{sx:{display:"flex",flexDirection:"column",gap:.75},children:l.map(y=>{const C=D(y.id),w=C?.contacts?.length??0;return r.jsxs(Ro,{onChange:(B,I)=>b(y,I),sx:{backgroundColor:B=>B.palette.background.paper,borderRadius:"8px !important",border:B=>`1px solid ${B.palette.divider}`,boxShadow:"none",overflow:"hidden","&:before":{display:"none"},"&.Mui-expanded":{margin:"0 !important"}},children:[r.jsxs(Oo,{expandIcon:r.jsx(hd,{}),sx:{minHeight:"40px",px:1.5,"&.Mui-expanded":{minHeight:"40px",borderBottom:B=>`1px solid ${B.palette.divider}`},"& .MuiAccordionSummary-content":{margin:"6px 0",alignItems:"center",gap:1,"&.Mui-expanded":{margin:"6px 0"}}},children:[r.jsx(re,{fontSize:13,fontWeight:600,color:"text.primary",noWrap:!0,sx:{flex:1},children:y.name}),C?.status==="succeeded"&&w>0&&r.jsx(Fn,{label:w,size:"small",color:"primary",variant:"outlined",sx:{height:20,fontSize:11,fontWeight:600,"& .MuiChip-label":{px:.75}}})]}),r.jsx(Mo,{sx:{padding:"4px 8px 8px"},children:C?.status==="loading"?r.jsx(M,{sx:{display:"flex",justifyContent:"center",py:2},children:r.jsx(xt,{size:24})}):C?.contacts&&C.contacts.length>0?r.jsx(zo,{dense:!0,disablePadding:!0,children:C.contacts.map((B,I)=>r.jsx(p4,{contact:B,showDivider:I<C.contacts.length-1,onClick:v},B.id))}):C?.status==="succeeded"?r.jsx(re,{variant:"body2",color:"text.secondary",textAlign:"center",py:1,children:n("conversations.sidebar.relations.noContacts")}):null})]},y.id)})}):r.jsx(M,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"100px",textAlign:"center",color:"text.secondary",padding:2},children:n("conversations.sidebar.relations.noRelations")})}),m&&r.jsx(ha,{contactData:m,open:!!p,anchorEl:p,onClose:A,navigate:a,avatarImgUrl:x})]})}),Hh=({title:e,value:t,icon:n,onIconClick:a})=>r.jsxs(M,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",p:1,width:"100%",height:"3rem",borderBottom:i=>`1px solid ${i.palette.divider}`},children:[r.jsx(M,{sx:{cursor:a?"pointer":"default",marginRight:"10px"},onClick:i=>{i.preventDefault(),i.stopPropagation(),a?.(t)},children:n}),r.jsx(re,{variant:"body2",fontWeight:"semi-bold",color:"text.primary",children:e}),r.jsx(re,{variant:"body2",fontWeight:"semi-bold",color:"text.primary",sx:{overflow:"hidden",textOverflow:"ellipsis"},children:t})]}),m4=({open:e,onClose:t,onConfirm:n,isLoading:a})=>{const{t:i}=Ve();return r.jsx(Tn,{open:e,onClose:t,BackdropComponent:wi,BackdropProps:{sx:{backdropFilter:"blur(3px)"}},sx:{backgroundColor:"rgba(0, 0, 0, 0.5)"},children:r.jsxs(M,{sx:{backgroundColor:o=>o.palette.background.default,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"400px",borderRadius:"12px",p:4,textAlign:"center"},children:[r.jsx(Id,{sx:{fontSize:50,color:o=>o.palette.warning.main,mb:2}}),a?r.jsx(M,{sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:1,mb:2},children:r.jsx(xt,{size:32,thickness:4})}):r.jsx(re,{variant:"h6",sx:{fontWeight:"bold",mb:1,color:o=>o.palette.mode==="dark"?o.palette.grey[200]:o.palette.grey[800]},children:i("conversations.createGroup.removeMemberModalTitle")}),r.jsx(An,{sx:{my:3}}),r.jsxs(M,{sx:{display:"flex",justifyContent:"space-between",gap:2},children:[r.jsx(Ze,{variant:"outlined",size:"small",onClick:t,fullWidth:!0,color:"info",children:i("global.cancel")}),r.jsx(Ze,{variant:"outlined",color:"error",onClick:n,fullWidth:!0,size:"small",children:i("global.confirm")})]})]})})};async function Qh({baseUrl:e,spaceId:t,whatsappGroupId:n,subject:a,description:i,imageUrl:o,signal:s}){const l=at(e,t),c=it(l.CONVERSATIONS,`/whatsappgroups/${encodeURIComponent(n)}/action?action=update`);return lt({url:c,method:"PUT",body:{subject:a,description:i,imageUrl:o},signal:s})}async function g4({baseUrl:e,spaceId:t,whatsappGroupId:n,contactAddressId:a,signal:i}){const o=at(e,t),s=it(o.CONVERSATIONS,`/whatsappgroups/${encodeURIComponent(n)}/action?action=removemember`);return lt({url:s,method:"PUT",body:{contactAddressId:a},signal:i})}async function A4({baseUrl:e,spaceId:t,whatsappGroupId:n,contactAddressIds:a,signal:i}){const o=at(e,t),s=it(o.CONVERSATIONS,`/whatsappgroups/${encodeURIComponent(n)}/action?action=addmembers`);return lt({url:s,method:"PUT",body:{contactAddressIds:a},signal:i})}async function x4({baseUrl:e,spaceId:t,chatId:n,action:a,signal:i}){const o=at(e,t),s=it(o.CONVERSATIONS,`/chats/${encodeURIComponent(n)}`);return lt({url:s,method:"PUT",body:{action:a},signal:i})}const b4=({member:e,handleSelectUser:t,userSelectedInfo:n})=>{const[a,i]=U(!1),[o,s]=U(!1),[l,c]=U(!1),[d,p]=U(!1),f=e.contactId,m=e.name||e.contactInfo?.name||e.contactAddress?.profileName||"Sin nombre",g=e.contactAddress?.profileUrl||e.contactInfo?.imageUrl||"",x=e.contactAddress?.address||"",v=e.contactInfo?.email||"",{api:A,conversation:b,onConversationUpdated:D}=Wt(),{users:y}=Qn(),C=e.contactAddress?.id,w=y.find(O=>O.id===f)?.status;le(()=>{i(!!n&&n===f)},[n,f]);const B=O=>O.includes(" ")?{children:`${O?.split(" ")[0][0]}${O?.split(" ")[1][0]}`}:{children:`${O?.split(" ")[0][0]}`},I=()=>{switch(w){case Xo.ONLINE:return"success";case Xo.AWAY:return"warning";case Xo.BUSY:return"error";default:return"default"}},j=async()=>{try{if(!b?.id||!C)return;s(!0);const O=await g4({...A,whatsappGroupId:b.id,contactAddressId:[C]});D(O),p(!1)}catch(O){console.error(O)}finally{s(!1)}},R=O=>{if(!O)return;const Y=new CustomEvent("call-contact-chat",{detail:{phoneAddress:O}});window.dispatchEvent(Y)};le(()=>{i(!!(n&&n===f))},[n]);const L=Ir(g||"");return r.jsxs(M,{sx:{display:"flex",flexDirection:"column",alignItems:"start",padding:2,width:"100%",height:"100%",borderBottom:O=>`1px solid ${O.palette.divider}`,"&:hover":{backgroundColor:O=>O.palette.action.hover,cursor:"pointer"},transition:"max-height .2s ease-out",position:"relative"},onClick:()=>t(f),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:[r.jsxs(M,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:1,width:"100%",position:"relative"},children:[r.jsxs(M,{sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:1,width:"max-content"},children:[r.jsx(Kr,{color:I(),overlap:"circular",badgeContent:" ",variant:"dot",anchorOrigin:{vertical:"bottom",horizontal:"right"},sx:{".MuiBadge-badge":{backgroundColor:w===Xo.OFFLINE?"grey":void 0,zIndex:0}},children:r.jsx(qn,{sx:{border:"1px solid rgba(0, 0, 0, 0.12)",bgcolor:O=>O.palette.primary.light,color:O=>O.palette.text.secondary,fontSize:"1rem",width:30,height:30},src:L,imgProps:{onError:O=>{O.target.src=""}},children:B(m).children.charAt(0).toUpperCase()})}),r.jsx(re,{variant:"body1",fontWeight:"semi-bold",color:"text.primary",sx:{userSelect:"none"},children:m})]}),r.jsx(M,{sx:{width:"max-content",display:"flex",justifyContent:"flex-end",alignItems:"center",ml:"auto",position:"relative"},children:l&&r.jsx(ye,{className:"delete-member-icon",size:"small",sx:{color:O=>O.palette.error.main,"&:hover":{color:O=>O.palette.error.dark,background:"transparent"}},onClick:O=>{O.stopPropagation(),o||p(!0)},disabled:o,children:o?r.jsx(xt,{size:20,thickness:5,color:"inherit"}):r.jsx(El,{fontSize:"small"})})})]}),a&&r.jsxs(M,{sx:{display:a?"flex":"none",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",animation:"fadeIn .3s ease-out",paddingTop:1,"@keyframes fadeIn":{"0%":{opacity:"0"},"100%":{opacity:"1"}}},children:[v&&v!==""&&r.jsx(Hh,{icon:r.jsx(Db,{}),value:v}),x&&x!==""&&r.jsx(Hh,{icon:r.jsx(xd,{}),value:x,onIconClick:R})]}),r.jsx(m4,{open:d,onClose:()=>p(!1),onConfirm:j,isLoading:o})]})},y4=({open:e,onClose:t,onConfirm:n})=>{const{t:a}=Ve();return r.jsx(Tn,{open:e,onClose:t,BackdropComponent:wi,BackdropProps:{sx:{backdropFilter:"blur(3px)"}},sx:{backgroundColor:"rgba(0, 0, 0, 0.5)"},children:r.jsxs(M,{sx:{backgroundColor:i=>i.palette.background.default,position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"400px",borderRadius:"12px",p:4,textAlign:"center"},children:[r.jsx(Id,{sx:{fontSize:50,color:i=>i.palette.warning.main,mb:2}}),r.jsx(re,{variant:"h6",sx:{fontWeight:"bold",mb:1,color:i=>i.palette.mode==="dark"?i.palette.grey[200]:i.palette.grey[800]},children:a("conversations.group.removeMemberModalTitle")}),r.jsx(An,{sx:{my:3}}),r.jsxs(M,{sx:{display:"flex",justifyContent:"space-between",gap:2},children:[r.jsx(Ze,{variant:"outlined",size:"small",onClick:t,fullWidth:!0,color:"info",children:a("global.cancel")}),r.jsx(Ze,{variant:"outlined",color:"error",onClick:n,fullWidth:!0,size:"small",children:a("global.confirm")})]})]})})};function v4(e){const t=Ne(!1),n=Ne(0);return Re(async a=>{const{scrollTop:i,scrollHeight:o,clientHeight:s}=a.currentTarget,l=o-i-3<=s,c=i>n.current;n.current=i,l&&c&&!t.current&&(t.current=!0,await e(),t.current=!1)},[e])}const Vh={currentPage:1,perPage:10,order:"ASC",orderColumn:"name",format:"IContactInfo",operator:"OR",filter:[{column:"name",value:"",condition:""},{column:"email",value:"",condition:""},{column:"phone",value:"",condition:""}]},C4=Be(M)(({theme:e})=>({maxHeight:"40rem",overflowY:"auto",position:"absolute","& li":{padding:0},backgroundColor:e.palette.background.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))",width:"96%",zIndex:9999,pointerEvents:"auto",top:"37px",boxShadow:"0px 5px 10px rgba(0, 0, 0, 0.3)"})),w4=Be(qc)(({theme:e})=>({marginLeft:"52px",marginRight:"12px",marginTop:"6px",padding:"10px 12px",borderRadius:8,background:e.palette.background.dropdownMenu,border:"1px solid rgba(255,255,255,0.10)"})),E4=Be(M)(()=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,padding:"6px 6px",borderRadius:8,cursor:"pointer",border:"1px solid rgba(255,255,255,0.10)",transition:"background .15s ease","&:hover":{background:"rgba(255,255,255,0.06)"}})),D4=({imageUrl:e})=>{const t=Ir(e??"");return r.jsx(qn,{src:t,sx:{width:30,height:30}})},k4=({onAddMember:e,onRemoveMember:t,selectedMembers:n})=>{const{t:a}=Ve(),i=pn(),{api:o}=Wt(),[s,l]=U(""),[c,d]=U(!0),[p,f]=U(1),[m,g]=U(!1),[x,v]=U(!1),[A,b]=U(!1),[D,y]=U([]),[C,w]=U(!1),[B,I]=U(null),[j,R]=U(""),L=Ne(null),O=Ne(null),Y=(P,Q)=>({...Vh,currentPage:Q,filter:Vh.filter.map(q=>({...q,value:P}))}),N=P=>(P.contactAddresses||[]).filter(Q=>Q.channelType===ft.WHATSAPP),F=P=>{d(!1),l(P),f(1),y([]),O.current&&clearTimeout(O.current),O.current=setTimeout(async()=>{if(!P){v(!1),w(!1);return}v(!0);try{const Q=await eu({...o,pagination:Y(P,1)});y(Q.contactos??[]),b(Q.paginacion.currentPage>=Q.paginacion.lastPage)}catch(Q){console.error("Error al buscar contactos:",Q)}finally{v(!1),w(!0)}},1e3)},z=v4(async()=>{if(A||m)return;g(!0);const P=p+1;f(P),v(!0);try{const Q=await eu({...o,pagination:Y(s,P)});y(q=>[...q,...Q.contactos??[]]),b(Q.paginacion.currentPage>=Q.paginacion.lastPage)}catch(Q){console.error("Error al cargar m\xE1s contactos:",Q)}finally{v(!1),g(!1)}}),H=P=>P?.length?r.jsx(M,{display:"flex",alignItems:"center",children:P.map((Q,q)=>r.jsxs(re,{noWrap:!0,variant:"body1",fontSize:".75rem",children:[Bu(Q.channelType,15).icon," ",Q.address," ",q<P.length-1?" - ":""]},Q.id))}):null;return r.jsxs(M,{display:"flex",width:"100%",flexDirection:"column",position:"relative",children:[r.jsxs(M,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:1,marginY:2},children:[r.jsx(re,{variant:"body2",color:"textSecondary",children:a("conversations.createGroup.Contacts")}),n.length>0&&r.jsx(M,{display:"flex",gap:1,flexWrap:"wrap",children:n.map(P=>{const Q=`${P.contact.id}-${P.destinationAddressId}`;return r.jsx(Fn,{size:"small",label:P.contact.name,onDelete:()=>t(Q),sx:{background:i.palette.background.dropdownMenu}},Q)})})]}),r.jsxs(M,{sx:{display:"flex",width:"100%",height:"100%",flexDirection:"column",position:"relative"},children:[r.jsx(M,{position:"absolute",top:"2rem",width:"96%",children:x&&r.jsx(yi,{sx:{borderRadius:1}})}),r.jsxs(M,{display:"flex",gap:"8px",children:[r.jsx(mt,{fullWidth:!0,size:"small",autoFocus:!0,InputProps:{startAdornment:r.jsx(Ei,{position:"start",children:r.jsx(Ex,{fontSize:"small",sx:{color:i.palette.text.disabled}})}),endAdornment:r.jsx(Ei,{position:"end",children:C?r.jsx(Dx,{onClick:()=>w(!1),fontSize:"small",sx:{color:i.palette.text.disabled,cursor:"pointer"}}):r.jsx(sd,{onClick:()=>w(!0),fontSize:"small",sx:{color:i.palette.text.disabled,cursor:"pointer"}})})},value:s,onChange:P=>{F(P.target.value),w(!0)}}),r.jsx(ye,{color:"primary",onClick:()=>window.open("/a/contacts/contacts/create","_blank"),children:r.jsx(kx,{})})]}),D.length===0&&s&&!x&&!c&&r.jsx(M,{py:1,px:2,width:"96%",sx:{backgroundColor:i.palette.background.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"},children:r.jsx(re,{variant:"body2",color:"textSecondary",children:a("conversations.createConversation.error.noContactsFound")})}),C&&D.length>0&&r.jsxs(C4,{component:"ul",ref:L,onScroll:z,children:[D.map(P=>{const Q=B?.id===P.id,q=Q?N(P):[];return r.jsxs(M,{component:"li",children:[r.jsxs(_a,{onClick:()=>{if(Q){I(null),R("");return}I(P),R("")},children:[r.jsx(ua,{children:P.isBusiness?r.jsx(Cl,{sx:{color:i.palette.text.disabled}}):r.jsx(D4,{imageUrl:P.imageUrl})}),r.jsx(Cr,{sx:{color:i.palette.text.primary,fontSize:"12px"},primary:P.name,secondary:H(P.contactAddresses||[])})]}),Q&&r.jsx(GA,{in:Q,timeout:150,unmountOnExit:!0,children:r.jsxs(w4,{elevation:0,children:[r.jsx(re,{variant:"caption",color:"text.secondary",children:a("conversations.createConversation.destination")}),q.length===0?r.jsx(re,{variant:"body2",color:"text.secondary",mt:1,children:a("conversations.createGroup.numberEmpty")}):r.jsxs(r.Fragment,{children:[r.jsx(re,{variant:"caption",color:"text.secondary",sx:{display:"block",mt:.5},children:a("conversations.createGroup.selectOneNumber")}),r.jsx(M,{mt:1,display:"flex",flexDirection:"column",gap:1,children:q.map(E=>r.jsxs(E4,{onClick:T=>{T.stopPropagation(),R(E.id)},children:[r.jsx(re,{variant:"body2",sx:{opacity:.95},children:E.address}),r.jsx(ki,{size:"small",checked:j===E.id,onClick:T=>T.stopPropagation(),onChange:()=>R(E.id)})]},E.id))}),r.jsx(M,{mt:1.5,display:"flex",justifyContent:"flex-end",children:r.jsx(Ze,{size:"small",variant:"contained",disabled:!j,onClick:()=>{const E=q.find(W=>W.id===j);if(!E)return;const T=`${P.id}-${E.id}`;n.some(W=>`${W.contact.id}-${W.destinationAddressId}`===T)||(e({contact:P,destinationAddressId:E.id,destinationAddress:E.address}),I(null),R(""),l(""),w(!1))},children:a("global.add")})})]})]})})]},P.id)}),x&&r.jsx(M,{display:"flex",justifyContent:"center",alignItems:"center",py:2,children:r.jsx(re,{variant:"body2",children:a("loading")})})]})]})]})},B4=({open:e,onClose:t})=>{const{t:n}=Ve(),{api:a,conversation:i,onConversationUpdated:o}=Wt(),[s,l]=U([]),[c,d]=U(!1),p=i?.id,f=je(()=>{const A=i?.whatsappGroupInfo?.members??[];return new Set(A.map(b=>b?.contactAddress?.id).filter(Boolean))},[i]),m=()=>{l([]),t()},g=A=>{f.has(A.destinationAddressId)||l(b=>b.some(D=>D.contact.id===A.contact.id&&D.destinationAddressId===A.destinationAddressId)?b:[...b,A])},x=A=>{l(b=>b.filter(D=>`${D.contact.id}-${D.destinationAddressId}`!==A))},v=async()=>{if(p){d(!0);try{const A=await A4({...a,whatsappGroupId:p,contactAddressIds:s.map(b=>b.destinationAddressId)});o(A),m()}catch(A){console.error("Error adding members:",A)}finally{d(!1)}}};return r.jsxs(ja,{open:e,onClose:m,fullWidth:!0,maxWidth:"sm",children:[r.jsxs(Di,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n("conversations.createGroup.addMembers"),r.jsx(ye,{onClick:m,size:"small",children:r.jsx(Fi,{fontSize:"small"})})]}),r.jsx(Sa,{dividers:!0,children:r.jsxs(M,{height:"60vh",display:"flex",flexDirection:"column",gap:1,overflow:"hidden",children:[r.jsx(M,{width:"100%",height:"100%",display:"flex",flexDirection:"column",overflow:"auto",gap:2,paddingRight:"10px",children:r.jsx(k4,{onAddMember:g,onRemoveMember:x,selectedMembers:s})}),r.jsx(An,{}),r.jsxs(M,{sx:{width:"100%",display:"flex",justifyContent:"flex-end",gap:".5rem",marginY:"15px",paddingRight:"10px"},children:[r.jsx(Ze,{size:"small",onClick:m,variant:"outlined",color:"error",children:n("global.cancel")}),r.jsx(Rn,{size:"small",onClick:v,variant:"contained",color:"primary",disabled:s.length===0,loading:c,children:n("global.add")})]})]})})]})},I4=Be(Kr)(({theme:e})=>({"& .MuiBadge-badge":{minWidth:15,height:15,zIndex:0},zIndex:0})),j4=Be(qn)({width:72,height:72,cursor:"pointer"}),S4=Be(M)({display:"flex",alignItems:"center",justifyContent:"center",gap:1,width:"100%"}),F4=Be(M)({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"}),T4=Be(M)({display:"flex",flexDirection:"column",width:"100%",height:"100%"});Be(M)({display:"flex",flexDirection:"column",width:"100%",gap:8,padding:"0 16px 12px","& button":{alignSelf:"flex-end",marginTop:8}});const P4=()=>{const{t:e}=Ve(),{api:t,conversation:n,onConversationUpdated:a,onGroupLeft:i}=Wt();U(null);const[o,s]=U(""),[l,c]=U(""),[d,p]=U(!1),[f,m]=U(""),[g,x]=U(!1),[v,A]=U(!1),[b,D]=U(!1),y=n?.whatsappGroupInfo?.members??[],C=y.length>0,[w,B]=U(!1),[I,j]=U(!1);n?.chatMembers[0];const R=q=>!!q&&!q.includes("?sv="),L=q=>{s(q.target.value)},O=()=>{p(!0)},Y=async()=>{const q=n?.id;if(q){B(!0);try{const E=await Qh({...t,whatsappGroupId:q,subject:o});a(E),p(!1)}catch(E){console.error(E)}finally{B(!1)}}},N=async q=>{try{const E=q.target.files?.[0];if(!E)return;const T=n?.id;if(!T)return;j(!0);const W=new FormData;W.append("file",E);const G=await V0({...t,file:W,module:"messages",folderType:"images"});if(!G)throw new Error("uploadMedia no devolvi\xF3 url");const J=await Qh({...t,whatsappGroupId:T,imageUrl:G}),ee=J?.chatImage??G;c(ee),x(R(ee)),a(J)}catch(E){console.error("Error changing group image: ",E)}finally{j(!1)}},F=()=>{const q=document.createElement("input");q.type="file",q.accept="image/*",q.onchange=E=>{N(E)},q.click()},z=q=>{m(q===f?"":q)},H=q=>{const E=n?.id;E&&(x4({...t,chatId:E,action:q}),i(E))},P=()=>{D(!0)};le(()=>{if(!n)return;d||s(n.whatsappGroupInfo?.subject??"");const q=n.chatImage??"";c(q),x(R(q))},[n,d]);const Q=Ir(l||"");return r.jsxs(M,{sx:{width:"100%",display:"flex",flexDirection:"column",px:2,pb:2},children:[r.jsxs(M,{sx:{width:"100%",display:"flex",flexDirection:"column",gap:1},children:[r.jsxs(M,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:1,width:"100%",marginBottom:"1rem"},children:[r.jsx(I4,{overlap:"circular",anchorOrigin:{vertical:"bottom",horizontal:"right"},badgeContent:I?r.jsx(xt,{size:20}):r.jsx(ye,{onClick:F,disabled:I||w,children:r.jsx(Bx,{sx:{color:q=>q.palette.primary.light}})}),children:r.jsx(j4,{src:g&&l?Q:l||void 0,alt:n?.chatName,children:n?.chatName?.charAt(0).toUpperCase()})}),r.jsxs(S4,{children:[r.jsx(mt,{value:o,onChange:L,disabled:!d,size:"small",variant:d?"filled":"standard",hiddenLabel:!0}),w?r.jsx(xt,{size:20}):r.jsx(r.Fragment,{children:d?r.jsx(ye,{onClick:Y,children:r.jsx(td,{sx:{color:q=>q.palette.primary.light}})}):r.jsx(ye,{onClick:O,children:r.jsx(ji,{sx:{color:q=>q.palette.text.disabled}})})})]})]}),r.jsxs(F4,{children:[r.jsx(re,{sx:{color:q=>q.palette.text.disabled},children:e("global.members")}),r.jsx(ye,{onClick:P,children:r.jsx(Ix,{sx:{color:"text.disabled"}})})]}),r.jsx(An,{variant:"middle",sx:{width:"100%"}}),r.jsx(T4,{children:C&&y.map(q=>r.jsx(b4,{member:q,handleSelectUser:z,userSelectedInfo:f},q.contactAddress?.id||q.contactId))})]}),r.jsx(y4,{open:v,onClose:()=>A(!1),onConfirm:()=>{H("leaveGroup"),A(!1)}}),r.jsx(B4,{open:b,onClose:()=>D(!1)})]})},Wh=Xn(({defaultExpanded:e=!1},t)=>(Ve(),r.jsx(M,{ref:t,sx:{width:"100%",p:2},children:r.jsx(P4,{})})));Wh.displayName="GroupData";var Va=null;try{Va=require("react").createContext()}catch{}function Yh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable}))),n.push.apply(n,a)}return n}function dc(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Yh(Object(n),!0).forEach((function(a){yo(e,a,n[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Yh(Object(n)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))}))}return e}function R4(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function yo(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fc(e){return(fc=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(e)}function Gh(e,t){return(Gh=Object.setPrototypeOf||function(n,a){return n.__proto__=a,n})(e,t)}function Ls(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O4(e,t){if(t&&(typeof t=="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Ls(e)}function M4(e){var t=(function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch{return!1}})();return function(){var n,a=fc(e);if(t){var i=fc(this).constructor;n=Reflect.construct(a,arguments,i)}else n=a.apply(this,arguments);return O4(this,n)}}var Xh=(function(e){(function(o,s){if(typeof s!="function"&&s!==null)throw new TypeError("Super expression must either be null or a function");o.prototype=Object.create(s&&s.prototype,{constructor:{value:o,writable:!0,configurable:!0}}),s&&Gh(o,s)})(i,bi.Component);var t,n,a=M4(i);function i(o){var s;if((function(l,c){if(!(l instanceof c))throw new TypeError("Cannot call a class as a function")})(this,i),yo(Ls(s=a.call(this,o)),"handleRef",(function(l){s.el=l})),yo(Ls(s),"addThingToDo",(function(l,c){s.state.hasError&&l!=="unmount"||(s.nextThingToDo=(s.nextThingToDo||Promise.resolve()).then((function(){if(!s.unmounted||l==="unmount")return c.apply(void 0,arguments)})).catch((function(d){throw s.nextThingToDo=Promise.resolve(),s.setState({hasError:!0}),d&&d.message&&(d.message="During '".concat(l,"', parcel threw an error: ").concat(d.message)),s.props.handleError?s.props.handleError(d):setTimeout((function(){throw d})),d})))})),yo(Ls(s),"getParcelProps",(function(){var l=dc(dc({},s.props),{},{domElement:s.el});return delete l.mountParcel,delete l.config,delete l.wrapWith,delete l.wrapStyle,delete l.appendTo,delete l.handleError,delete l.parcelDidMount,l})),s.state={hasError:!1},!o.config)throw new Error("single-spa-react's Parcel component requires the 'config' prop to either be a parcel config or a loading function that returns a promise. See https://github.com/single-spa/single-spa-react");return s}return t=i,(n=[{key:"componentDidMount",value:function(){var o=this;this.unmounted=!1,this.addThingToDo("mount",(function(){var s,l=o.props.mountParcel||o.mountParcel;if(!l)throw new Error(`
|
|
169
169
|
<Parcel /> was not passed a mountParcel prop, nor is it rendered where mountParcel is within the React context.
|
|
170
170
|
If you are using <Parcel /> within a module that is not a single-spa application, you will need to import mountRootParcel from single-spa and pass it into <Parcel /> as a mountParcel prop
|
|
171
|
-
`);return o.el?s=o.el:(o.createdDomElement=s=document.createElement(o.props.wrapWith),Object.keys(o.props.wrapStyle).forEach((function(c){s.style[c]=o.props.wrapStyle[c]})),o.props.appendTo.appendChild(s)),o.parcel=l(o.props.config,dc({domElement:s},o.getParcelProps())),o.parcel.mountPromise.then(o.props.parcelDidMount),o.parcel.mountPromise}))}},{key:"componentDidUpdate",value:function(){var o=this;this.addThingToDo("update",(function(){if(o.parcel&&o.parcel.update)return o.parcel.update(o.getParcelProps())}))}},{key:"componentWillUnmount",value:function(){var o=this;this.addThingToDo("unmount",(function(){if(o.parcel&&o.parcel.getStatus()==="MOUNTED")return o.parcel.unmount()})),this.createdDomElement&&this.createdDomElement.parentNode.removeChild(this.createdDomElement),this.unmounted=!0}},{key:"render",value:function(){var o=this;if(this.props.appendTo)return Va&&Va.Consumer?bi.createElement(Va.Consumer,null,(function(l){return o.mountParcel=l?l.mountParcel:null,null})):null;var s=Va&&Va.Consumer?bi.createElement(Va.Consumer,null,(function(l){return o.mountParcel=l?l.mountParcel:null,null})):void 0;return bi.createElement(this.props.wrapWith,{ref:this.handleRef,style:this.props.wrapStyle,className:this.props.wrapClassName},s)}}])&&R4(t.prototype,n),i})();yo(Xh,"defaultProps",{wrapWith:"div",wrapStyle:{},parcelDidMount:function(){}});function z4({handleClose:e,open:t,modalTitle:n,maxWidth:a,children:i,onExited:o}){return r.jsx(Tn,{open:t,onClose:e,closeAfterTransition:!0,disableRestoreFocus:!0,sx:{display:"flex",justifyContent:"center",alignItems:"start",marginTop:"5rem",background:"transparent"},children:r.jsx(ml,{direction:"down",in:t,mountOnEnter:!0,unmountOnExit:!0,onExited:o,children:r.jsxs(M,{sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:a,minHeight:"10rem",height:"max-content",borderRadius:2,boxShadow:"0px 0px 10px rgba(0, 0, 0, 0.25)",backgroundColor:s=>s.palette.background.default,mx:"50px",maxHeight:"calc(100vh - 10rem)"},children:[r.jsxs(M,{sx:{width:"100%",height:"3rem",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"1em",borderBottom:s=>`1px solid ${s.palette.divider}`},children:[r.jsx(re,{sx:{width:"100%",fontSize:"1.2rem",fontWeight:600,color:s=>s.palette.text.primary},children:n}),r.jsx(ye,{onClick:e,children:r.jsx(da,{sx:{color:s=>s.palette.text.disabled}})})]}),i]})})})}const N4=()=>System.import("@Trii/contacts-front").then(e=>e.combineContactsWidget),L4=({open:e,onClose:t,contactId:n,onMerged:a})=>{const{t:i}=Ve(),{spaceInfo:o,currentUserTrii:s}=Qn();return!e||!n?null:r.jsx(z4,{open:e,handleClose:t,modalTitle:i("conversations.contactInfo.more.joinContact"),maxWidth:"1600px",children:r.jsx(M,{sx:{width:"100%",height:"calc(100vh - 12rem)",display:"flex",flexDirection:"column",overflow:"hidden"},children:r.jsx(Xh,{config:N4,wrapWith:"div",wrapStyle:{flex:1,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden"},contactIds:[n],spaceInfo:o,userInfo:s,height:"100%",onMerged:a,handleError:l=>{console.error("[conversations] Failed to mount @Trii/contacts-front combineContactsWidget parcel:",l)}})})})},qh={0:"global.contact",1:"conversations.conversations",2:"conversations.sidebar.files.title",3:"conversations.sidebar.mediaFiles.title",4:"conversations.sidebar.history.title",5:"conversations.sidebar.events.title",6:"conversations.sidebar.tasks.title",7:"conversations.sidebar.panelShop.title",8:"conversations.sidebar.relations.title"},U4=e=>e?{...e,firstName:"",lastName:e.name,isSpam:!1,isBusiness:!0,membersId:e.membersId||[],members:e.members||[]}:null,H4=({activeTab:e})=>{const{t,i18n:n}=Ve(),a=pn(),i=ta(),[o,s]=U(!1),[l,c]=U(!1),[d,p]=U(!1),[f,m]=U(!1),[g,x]=U(!1),[v,A]=U(null),[b,D]=U(null),{conversation:y,api:C,googleMapsApiKey:w}=Wt(),{entity:B,error:I,refetch:j,setEntity:R}=sr(),{contactNameFormat:L}=Qn(),O=I?.trim().toLowerCase()==="not found",Y=!!I&&!O,{sections:N}=jt(),F=N.data??[],z=Ir(B?.imageUrl??""),H=B?jn(B)?ws(B.firstName,B.lastName,L):B.name:"",P=za(B),Q=B?.id,q=jn(B)&&!P?B?.businessId:void 0;jn(B)&&!P&&B?.businessName;const E={imageUrl:Ir(v?.imageUrl||"")};B?.phones?.[0]?.address,B?.ims_whatsapp?.[0]?.address,B?.emails?.[0]?.address;const T=je(()=>{const me=B?.lastMsgIn;return me?Xt(me).locale(n.language).fromNow():null},[B,n.language]),W=B?.tags??[],G=Ne(null),[J,ee]=U(new Set),[ue,se]=U(null);le(()=>{const me=G.current;if(!me||W.length===0)return;let ke;const Xe=()=>{ke=requestAnimationFrame(()=>{const Mt=me.getBoundingClientRect(),zt=new Set;Array.from(me.children).forEach((yt,Je)=>{yt.getBoundingClientRect().right>Mt.right+1&&zt.add(Je)}),ee(yt=>{const Je=Array.from(yt).sort(),Nt=Array.from(zt).sort();return JSON.stringify(Je)===JSON.stringify(Nt)?yt:zt})})};Xe();const bt=new ResizeObserver(Xe);return bt.observe(me),()=>{cancelAnimationFrame(ke),bt.disconnect()}},[W]);const ie=e<9?qh[e]??qh[0]:null,Z=e>=9?F[e-9]?.name??"":null,_=me=>{if(me.preventDefault(),me.stopPropagation(),!Q)return;const ke=P?`/a/contacts/business/${Q}`:`/a/contacts/contacts/${Q}`;me.button===1?window.open(ke,"_blank"):i(ke)},K=async me=>{if(me.preventDefault(),me.stopPropagation(),!q)return;const ke=me.currentTarget;x(!0);try{const Xe=await qi({...C,contactId:q,isBusiness:!0});A(Xe),D(ke)}catch{}finally{x(!1)}},X=()=>{D(null)},ae=()=>{Q&&p(!0)},he=()=>{p(!1)},ve=()=>{c(!0)},fe=()=>{c(!1)},qe=me=>{R(me)},We=j;return r.jsxs(M,{sx:{borderBottom:`1px solid ${a.palette.divider}`,background:ca(a.palette.background.paper,.4)},children:[r.jsxs(M,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,py:.25,backdropFilter:"blur(8px)",minHeight:40},children:[r.jsx(vt,{direction:"row",alignItems:"center",spacing:1,flex:1,minWidth:0,children:r.jsx(re,{fontWeight:700,fontSize:14,color:"text.primary",sx:{userSelect:"none",letterSpacing:"-0.01em"},children:ie?t(ie):Z})}),r.jsxs(vt,{direction:"row",spacing:.5,children:[r.jsx(Vt,{title:t("conversations.contactInfo.more.joinContact"),children:r.jsx("span",{children:r.jsx(ye,{size:"small",disabled:B?.deletedAt!==null||!Q,onClick:ae,sx:{color:"text.secondary","&:hover":{color:"primary.main",bgcolor:ca(a.palette.primary.main,.08)}},children:r.jsx(jx,{sx:{fontSize:18}})})})}),r.jsx(Vt,{title:t("global.edit"),children:r.jsx("span",{children:r.jsx(ye,{size:"small",disabled:B?.deletedAt!==null||!Q,onClick:ve,sx:{color:"text.secondary","&:hover":{color:"warning.main",bgcolor:ca(a.palette.warning.main,.08)}},children:r.jsx(ji,{sx:{fontSize:18}})})})}),r.jsx(Vt,{title:t("conversations.sidebar.seeInContacts"),children:r.jsx("span",{children:r.jsx(ye,{size:"small",disabled:!Q,onMouseDown:_,sx:{color:"text.secondary","&:hover":{color:"primary.main",bgcolor:ca(a.palette.primary.main,.08)}},children:r.jsx(Sx,{sx:{fontSize:18}})})})})]})]}),r.jsxs(M,{sx:{p:"10px 20px",pb:"5px"},children:[r.jsxs(vt,{direction:"row",spacing:2,alignItems:"flex-start",children:[r.jsx(qn,{src:o?void 0:z,onError:()=>s(!0),onClick:()=>m(!0),sx:{width:64,height:64,fontSize:24,fontWeight:600,boxShadow:a.shadows[3],cursor:"pointer","& img":{objectFit:"cover",width:"100%",height:"100%"}}}),r.jsx(np,{avatar:z,name:H,open:f,handleClose:()=>m(!1),isBusiness:za(B)}),r.jsxs(M,{flex:1,minWidth:0,children:[B===null?r.jsx(ei,{variant:"text",width:"70%",height:28,sx:{mb:.5}}):r.jsx(re,{variant:"h6",fontWeight:700,fontSize:18,color:"text.primary",noWrap:!0,sx:{mb:.5},children:H||t("global.unnamed")}),O&&r.jsx(re,{variant:"caption",color:"error",fontWeight:600,fontSize:12,sx:{display:"block",mb:.5},children:t("conversations.contactInfo.contactDeleted")}),Y&&r.jsxs(vt,{spacing:.5,sx:{mb:.5},alignItems:"flex-start",children:[r.jsx(re,{variant:"caption",color:"error",fontWeight:600,fontSize:12,children:t("conversations.contactInfo.fetchError")}),r.jsx(Ze,{size:"small",variant:"outlined",color:"primary",onClick:We,sx:{textTransform:"none",py:0,minHeight:24},children:t("conversations.message.tryAgain")})]}),jn(B)&&B?.businessName&&r.jsxs(vt,{direction:"row",spacing:.5,alignItems:"center",sx:{mb:.5,cursor:q?"pointer":"default",width:"fit-content"},onClick:q?K:void 0,children:[g?r.jsx(xt,{size:14}):r.jsx(Cl,{sx:{fontSize:14,color:"text.secondary"}}),r.jsx(re,{variant:"caption",color:"text.secondary",fontWeight:500,fontSize:"0.85rem",children:B.businessName})]}),W.length>0&&r.jsxs(M,{sx:{display:"flex",alignItems:"center",gap:.5,mb:1},children:[r.jsx(M,{ref:G,sx:{display:"flex",alignItems:"center",gap:.5,overflow:"hidden",flexWrap:"nowrap",flex:1,minWidth:0},children:W.map((me,ke)=>r.jsx(Fn,{label:me.name,size:"small",sx:{height:20,fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.5px",bgcolor:ca(a.palette.primary.main,.15),color:a.palette.primary.light,"& .MuiChip-label":{px:1},flexShrink:0}},ke))}),r.jsx(Fn,{size:"small",label:`+${J.size}`,icon:r.jsx(Fx,{sx:{fontSize:"0.9rem !important"}}),onClick:me=>se(me.currentTarget),sx:{flexShrink:0,visibility:J.size>0?"visible":"hidden"}}),r.jsx(dl,{open:!!ue,anchorEl:ue,onClose:()=>se(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:r.jsx(M,{sx:{p:1,display:"flex",flexWrap:"wrap",gap:.5,maxWidth:200},children:W.filter((me,ke)=>J.has(ke)).map((me,ke)=>r.jsx(Fn,{label:me.name,size:"small",sx:{height:20,fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.5px",bgcolor:ca(a.palette.primary.main,.15),color:a.palette.primary.light,"& .MuiChip-label":{px:1}}},ke))})})]})]})]}),T&&r.jsx(M,{justifySelf:"flex-end",sx:{px:1,pt:1,pb:.5,borderRadius:1,width:"fit-content"},children:r.jsx(re,{variant:"caption",fontSize:10,color:"text.disabled",noWrap:!0,children:t("conversations.sidebar.lastActivity",{time:T})})})]}),r.jsx(Vl,{open:l,onClose:fe,baseUrl:C.baseUrl,spaceId:C.spaceId,contactId:Q,language:n.language.toLowerCase(),navigate:i,googleMapsApiKey:w,onEntityUpdated:me=>{qe(me)}}),d&&r.jsx(L4,{open:d,onClose:he,contactId:Q,onMerged:()=>{he()}}),v&&r.jsx(ha,{contactData:U4(v),open:!!b,anchorEl:b,onClose:X,language:n.language.toLowerCase(),avatarImgUrl:E.imageUrl,navigate:i,contactNameFormat:L})]})},Q4=({value:e})=>{const{conversation:t,contactId:n}=Wt(),a=!!t?.whatsappGroupInfo,{sections:i,panelUi:o}=jt(),s=i.data??[],{setContactDataExpanded:l}=o,{setTabsShowed:c}=an(ga);return le(()=>{(t?.botVars?.length??0)>0||l(!0)},[t?.botVars,l]),le(()=>{c([])},[n,c]),r.jsxs(M,{sx:{position:"relative",display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[!a&&r.jsx(H4,{activeTab:e}),r.jsx(M,{sx:{flex:1,overflow:e===0||e===1?"auto":"hidden","&::-webkit-scrollbar":{display:"none"}},children:r.jsx(ar,{in:!0,timeout:200,children:r.jsx(M,{children:(()=>{switch(e){case 0:return a?r.jsx(Wh,{}):r.jsx(aI,{});case 1:return r.jsx(L6,{defaultExpanded:!0},`conv-${n}`);case 2:return r.jsx(Q6,{contactId:n,defaultExpanded:!0});case 3:return n?r.jsx(Ij,{contactId:n,defaultExpanded:!0}):null;case 4:return r.jsx(Oj,{defaultExpanded:!0});case 5:return r.jsx(e4,{defaultExpanded:!0,contactId:n});case 6:return r.jsx(i4,{defaultExpanded:!0,contactId:n});case 7:return r.jsx(f4,{defaultExpanded:!0});case 8:return r.jsx(h4,{defaultExpanded:!0});default:{const d=e-9;return s&&s[d]?r.jsx(c4,{data:s[d],defaultExpanded:!0},s[d].id):null}}})()})},e)})]})},V4=e=>({height:"100%",minWidth:"56px",borderLeft:`1px solid ${e.palette.divider}`,bgcolor:e.palette.mode==="dark"?"rgba(0, 0, 0, 0.2)":"rgba(0, 0, 0, 0.02)","& .MuiTabs-indicator":{left:0,right:"auto",bottom:"auto",width:"3px",borderRadius:"0 2px 2px 0",bgcolor:e.palette.info.main,transition:e.transitions.create(["top","height"],{duration:e.transitions.duration.shorter})},"& .MuiTab-root":{minWidth:56,minHeight:56,padding:0,zIndex:0,color:e.palette.text.secondary,transition:"all 0.2s ease",position:"relative","&::after":{content:'""',position:"absolute",left:0,top:"50%",transform:"translateY(-50%)",width:0,height:"60%",bgcolor:e.palette.primary.main,opacity:0,transition:"all 0.2s ease",borderRadius:"0 4px 4px 0"},"&:hover":{bgcolor:e.palette.mode==="dark"?"rgba(255, 255, 255, 0.05)":"rgba(0, 0, 0, 0.03)",color:e.palette.text.primary},"&.Mui-selected":{color:e.palette.info.main}}});function Ur(e){return{id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`}}const hi={"& .MuiBadge-badge":{minWidth:"14px",height:"14px",fontSize:"9px",padding:"0 3px",fontWeight:700}},Hr=Be(({className:e,children:t,placement:n,title:a,...i})=>r.jsx(Vt,{...i,classes:{popper:e},title:a,placement:n,arrow:!0,children:t}))(({theme:e})=>({[`& .${$c.tooltip}`]:{backgroundColor:e.palette.background.paper,color:e.palette.text.primary,boxShadow:e.shadows[8],fontSize:12,fontWeight:500,border:`1px solid ${e.palette.divider}`,padding:"6px 12px"},[`& .${$c.arrow}`]:{color:e.palette.background.paper,"&::before":{border:`1px solid ${e.palette.divider}`}}}));function W4({handleChange:e,value:t}){const n=pn(),{t:a}=Ve(),{tabsShowed:i,setTabsShowed:o}=an(ga),{conversation:s}=Wt(),{entity:l}=sr(),c=!!s?.whatsappGroupInfo,{notes:d,files:p,events:f,tasks:m,sections:g}=jt(),x=g.data??[],v=d.data,A=p.data,b=f.data,D=m.data;v?.length===0?l?.counters?.notes:v?.length;const y=A?.length===0?l?.counters?.documents:A?.length,C=b?.length===0?l?.counters?.events:b?.length,w=D?.length||0,B=(j,R)=>{i.includes(R)||o([...i,R])},I=(j,R,L)=>{B(9+R,L),j.api_formatosalida==="HTML_newtab"&&window.open(j.api_url,"_blank","noopener,noreferrer")};return r.jsxs(_c,{orientation:"vertical",value:t,onChange:(j,R)=>e(R),sx:V4(n),children:[r.jsx(Hr,{title:a(c?"global.group":"global.contact"),placement:"left",children:r.jsx(ir,{icon:c?r.jsx(Tx,{}):r.jsx(Px,{}),onClick:()=>B(0,c?"groupData":"contactData"),...Ur(0)})}),r.jsx(Hr,{title:a("conversations.conversations"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:(l?.counters?.conversations??0)>0?l?.counters?.conversations:null,color:"error",children:r.jsx(Rx,{})}),onClick:()=>B(1,"contactConversation"),...Ur(1)})}),r.jsx(Hr,{title:a("conversations.sidebar.files.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:y||null,color:"error",children:r.jsx(Ox,{})}),onClick:()=>B(2,"contactFiles"),...Ur(2)})}),r.jsx(Hr,{title:a("conversations.sidebar.mediaFiles.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,color:"error",children:r.jsx(Ib,{})}),onClick:()=>B(3,"contactMedia"),...Ur(3)})}),r.jsx(Hr,{title:a("conversations.sidebar.history.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(od,{}),onClick:()=>B(4,"contactHistory"),...Ur(4)})}),r.jsx(Hr,{title:a("conversations.sidebar.events.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:C||null,color:"error",children:r.jsx(Mx,{})}),onClick:()=>B(5,"contactEvent"),...Ur(5)})}),r.jsx(Hr,{title:a("conversations.sidebar.tasks.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:w||null,color:"error",children:r.jsx(zx,{})}),onClick:()=>B(6,"contactTask"),...Ur(6)})}),r.jsx(Hr,{title:a("conversations.sidebar.panelShop.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,color:"error",children:r.jsx(kb,{})}),onClick:()=>B(7,"contactPanelShop"),...Ur(7)})}),r.jsx(Hr,{title:a("conversations.sidebar.relations.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Bb,{}),onClick:()=>B(8,"contactRelations"),...Ur(8)})}),x.map((j,R)=>r.jsx(Hr,{title:j.name,placement:"left",children:r.jsx(ir,{icon:r.jsx("img",{src:j.icon_class,alt:"",style:{width:"25px",filter:n.palette.mode==="dark"?"invert(0.7)":"invert(0.4)"}}),onClick:()=>I(j,R,`contact${j.name}`),...Ur(9+R)})},R))]})}const Y4=({conversation:e,active:t})=>{const{entity:n,isInitialLoading:a}=sr(),i=pn(),[o,s]=U(0),{historyLogs:l,files:c,media:d,relations:p,activeConversations:f,sections:m}=jt(),g=Ne(n),x=Ne(null),[v,A]=U(!0),b=n?.id;le(()=>{if(!b||b===x.current)return;A(!0);const C=setTimeout(()=>{A(!1),x.current=b},3e3);return()=>clearTimeout(C)},[b]);const D=Ne(null),y=C=>{if(C===o)return;s(C),D.current&&D.current.abort(),D.current=new AbortController;const w=D.current.signal,B=e?.contactInfo?.id;if(!b){console.warn("\u{1F6A8} ChatDetailsSidebar: No contactId provided");return}if(e&&B&&b!==B){console.warn("\u{1F6A8} ChatDetailsSidebar: Contact/Conversation mismatch detected",{contactId:b,conversationContactId:B,conversationId:e?.id});return}if(!w.aborted)try{switch(C){case 0:break;case 1:f.fetch();break;case 2:c.fetch();break;case 3:d.fetch("image");break;case 4:l.fetch();break;case 5:break;case 6:break;case 7:break;case 8:p.fetch();break}}catch(I){I instanceof Error&&I.name==="AbortError"?console.log("\u{1F6AB} ChatDetailsSidebar: Tab request aborted"):console.error("\u274C ChatDetailsSidebar: Error fetching tab data:",I)}};return le(()=>{m.status!=="succeeded"&&m.fetch()},[]),le(()=>{const C=n?.id,w=e?.contactInfo?.id,B=e&&C&&w&&C===w||!e&&C;B&&C!==g.current?.id?(D.current&&D.current.abort(),s(0),g.current=n,D.current=new AbortController):!B&&C!==g.current?.id&&(s(0),g.current=null)},[n,e?.contactInfo?.id]),le(()=>()=>{D.current&&D.current.abort()},[]),r.jsxs(r.Fragment,{children:[a?r.jsx(M,{width:"100%",height:"100%",justifyContent:"center",alignItems:"flex-start",padding:2,sx:{display:t?"flex":"none"},children:r.jsx(v5,{})}):r.jsxs(M,{width:"100%",sx:{display:t?"flex":"none"},children:[r.jsx(M,{flexGrow:1,display:"flex",flexDirection:"column",width:"calc(100% - 4rem)",children:r.jsx(Q4,{value:o})}),r.jsx(W4,{value:o,handleChange:y})]}),v&&r.jsx(M,{sx:{position:"absolute",inset:0,display:"flex",justifyContent:"center",alignItems:"center",bgcolor:i.palette.background.default,zIndex:10},children:r.jsx(xt,{size:36})})]})},mi=()=>{},G4=e=>{const{baseUrl:t,spaceId:n,onEntityUpdated:a,chat:i,googleMapsApiKey:o,navigate:s,language:l,active:c}=e,d=e.entity??null,p=d?d.id:e.contactId??null,f=d?d.isBusiness?"business":"contact":e.entityType??"contact",m=d??e.initialEntity??null,g=je(()=>({api:{baseUrl:t,spaceId:n},contactId:p,entityType:f,initialEntity:m,googleMapsApiKey:o,navigate:s,onEntityUpdated:a??mi,hasChatIntegration:!!i,conversation:i?.conversation??null,onOpenConversation:i?.onOpenConversation??mi,onNavigateToMessage:i?.onNavigateToMessage??mi,onStartConversation:i?.onStartConversation??mi,onConversationUpdated:i?.onConversationUpdated??mi,onGroupLeft:i?.onGroupLeft??mi}),[t,n,p,f,m,o,s,a,i]);return r.jsx(y5,{language:l,children:r.jsx(cE,{value:g,children:r.jsx(CE,{children:r.jsx(XE,{children:r.jsx(p3,{children:r.jsx(e5,{children:r.jsx(g3,{contactId:p??void 0,children:r.jsx(Y4,{conversation:g.conversation,active:c??!0})})})})})})})})},Kh=e=>e==null?!0:Array.isArray(e)?e.length===0:!1,pc=()=>({status:"idle",data:void 0,error:null,updatedAt:null}),Jh=(e,t)=>({status:"loading",data:t?.clearData?void 0:e.data,error:null,updatedAt:e.updatedAt}),Zh=e=>({status:"succeeded",data:e,error:null,updatedAt:Date.now()}),_h=(e,t)=>({status:"rejected",data:t.data,error:e,updatedAt:t.updatedAt}),$h=e=>{const{status:t,data:n,error:a=null,updatedAt:i=null}=e,o=e.isEmpty??Kh,s=n!==void 0&&!o(n),l=t==="loading";return{status:t,data:n,error:a,updatedAt:i,hasData:s,isInitialLoading:l&&!s,isRevalidating:l&&s,isEmpty:t==="succeeded"&&!s}},X4=(e,t,n=Date.now())=>e===null||n-e>t,em=(e,t="Unknown error")=>{if(typeof e=="string"&&e.length>0)return e;if(e!==null&&typeof e=="object"){const n=e,a=n.response?.data?.message??n.response?.data?.error;if(typeof a=="string"&&a.length>0)return a;if(typeof n.message=="string"&&n.message.length>0)return n.message}return t},q4=e=>new Promise(t=>setTimeout(t,e));function K4(e,t={}){const{isEmpty:n,fetchOnMount:a=!0,keepPreviousData:i=!0,autoRetry:o,deps:s=[]}=t,[l,c]=U(()=>pc()),d=Ne(e);d.current=e;const p=Ne(0),f=Ne(null),m=o?.attempts??0,g=o?.delayMs??500,x=Re(async()=>{const A=++p.current;f.current?.abort();const b=new AbortController;f.current=b,c(y=>Jh(y,{clearData:!i}));const D=Math.max(0,m);for(let y=0;;y+=1)try{const C=await d.current(b.signal);if(A!==p.current||b.signal.aborted)return;c(Zh(C));return}catch(C){if(A!==p.current||b.signal.aborted)return;if(y<D){if(await q4(g*(y+1)),A!==p.current||b.signal.aborted)return;continue}c(w=>_h(em(C),w));return}},[i,m,g]);le(()=>(a&&x(),()=>{p.current+=1,f.current?.abort()}),[a,x,...s]);const v=Re(()=>{p.current+=1,f.current?.abort(),c(pc())},[]);return{...$h({...l,isEmpty:n}),refetch:x,retry:x,reset:v}}const Us=Pn({name:"lightBlueIndigo",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ebf6fd",mainGradient:"linear-gradient(270deg, #215c97, #1976d2)",navMenu:"#1976d2",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1976d2",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1976d2",light:"#42a5f5",dark:"#1565c0",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#ebf6fd",selected:"#ebf6fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#1976d2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#1976d2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),tm=Pn({name:"lightBlue",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e3f2fd",mainGradient:"linear-gradient(270deg, #005cb2, #1e88e5)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1e88e5",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1e88e5",light:"#6ab7ff",dark:"#005cb2",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#e3f2fd",selected:"#e3f2fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#1879ce"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#1879ce"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),nm=Pn({name:"lightRed",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ffebee",mainGradient:"linear-gradient(270deg, #b61827, #ef5350)",navMenu:"#f44336",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ef5350",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ef5350",light:"#ff867c",dark:"#b61827",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#ffebee",selected:"#ffebee",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#ea1a16"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#ea1a16"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),rm=Pn({name:"lightGreen",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e8f5e9",mainGradient:"linear-gradient(270deg, #087f23, #4caf50)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#4caf50",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#4caf50",light:"#80e27e",dark:"#087f23",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#e8f5e9",selected:"#e8f5e9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#3a863d"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#3a863d"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),am=Pn({name:"lightPink",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fce4ec",mainGradient:"linear-gradient(270deg, #b0003a, #e6175d)",navMenu:"#e6175d",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#e6175d",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#e6175d",light:"#ff6090",dark:"#b0003a",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#fce4ec",selected:"#fce4ec",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#e6175d"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#e6175d"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),im=Pn({name:"lightPurple",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f3e5f5",mainGradient:"linear-gradient(270deg, #6a0080, #9c27b0)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9c27b0",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9c27b0",light:"#d05ce3",dark:"#6a0080",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#f3e5f5",selected:"#f3e5f5",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#9c27b0"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c27b0"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),om=Pn({name:"lightTeal",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e0f2f1",mainGradient:"linear-gradient(270deg, #00675b, #009688)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#009688",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#009688",light:"#52c7b8",dark:"#00675b",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#e0f2f1",selected:"#e0f2f1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#008578"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#008578"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),sm=Pn({name:"lightLime",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f9fbe7",mainGradient:"linear-gradient(270deg, #99aa00, #cddc39)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#cddc39",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#cddc39",light:"#ffff6e",dark:"#99aa00",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#f9fbe7",selected:"#f9fbe7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#737c16"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#737c16"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),lm=Pn({name:"lightYellow",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fffde7",mainGradient:"linear-gradient(270deg, #c8b900, #ffeb3b)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffeb3b",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffeb3b",light:"#ffff72",dark:"#c8b900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#fffde7",selected:"#fffde7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#847700"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#847700"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),um=Pn({name:"lightAmber",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff8e1",mainGradient:"linear-gradient(270deg, #c68400, #ffb300)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffb300",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffb300",light:"#ffe54c",dark:"#c68400",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#fff8e1",selected:"#fff8e1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#9c6e00"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c6e00"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),cm=Pn({name:"lightOrange",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff3e0",mainGradient:"linear-gradient(270deg, #c66900, #ff9800)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ff9800",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ff9800",light:"#ffc947",dark:"#c66900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#fff3e0",selected:"#fff3e0",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#ab6600"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#ab6600"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),dm=Pn({name:"lightBrown",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#efebe9",mainGradient:"linear-gradient(270deg, #4b2c20, #795548)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#795548",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#795548",light:"#a98274",dark:"#4b2c20",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#efebe9",selected:"#efebe9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#795548"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#795548"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),fm=Pn({name:"lightGray",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fafafa",mainGradient:"linear-gradient(270deg, #707070, #9e9e9e)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9e9e9e",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9e9e9e",light:"#cfcfcf",dark:"#707070",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.54)",hover:"#fafafa",selected:"#fafafa",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)",colorMain:"#767676"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#767676"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),pm=Pn({name:"darkBlue",palette:{mode:"dark",primary:{main:"#90caf9",light:"#2196f3",dark:"#0d47a1",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{light:"#FFEA41",main:"#FFE102",dark:"#DBBE01",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},background:{default:"#222B45",mainGradient:"linear-gradient(270deg, #222B45, #222B45)",mainCenter:"#222b45f2",navMenu:"#222B45",panel:"#484f65",dropdownMenu:"#484f65",tooltip:"#3b4561",accordionHeader:"#2a3249e3",panelHeader:"#2a3249e3",panelCenter:"#484f65",panelGradient:"#384057",selectedItem:"#eeeeee30",paper:"#2d364e"},containerBox:{default:"#2d354e",main:"#2d354e"},action:{active:"#fff",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#2d354e",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),hm=Pn({name:"darkBlack",palette:{mode:"dark",background:{default:"#201f1e",mainGradient:"linear-gradient(270deg, #201f1e, #201f1e)",mainCenter:"#252423",navMenu:"#201f1e",panel:"#3B3A39",dropdownMenu:"#3B3A39",tooltip:"#616161eb",accordionHeader:"#25242369",panelHeader:"#3b3a39ba",panelCenter:"#585858",panelGradient:"#454443",selectedItem:"#eeeeee30",paper:"#3B3A39"},primary:{main:"#1976d2",light:"#e3f2fd",dark:"#42a5f5",contrastText:"#fff"},secondary:{light:"#f3e5f5",main:"#ce93d8",dark:"#ab47bc",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},containerBox:{main:"#ffffffb3",default:"#3B3A39"},action:{active:"#fff",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#3B3A39",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),mm="trii-theme",J4=e=>`https://agent-api.trii.app/api/v1/settings/${e}/user/setTheme`,Z4=()=>{try{const e=localStorage.getItem(mm);if(e&&bm(e))return hc(e)}catch{}return Us},gm=e=>{try{localStorage.setItem(mm,e)}catch{}},_4={themeSelected:Z4(),darkMode:!1,toggleStatus:"idle"},Am=jb("Theme/updateTheme",async(e,{getState:t})=>{const{uid:n="",spaceId:a=""}=t().User.user??{},i=JSON.stringify({theme:e,uid:n});return(await Fb.put(J4(a),i,{headers:{"Content-Type":"application/json"}})).data}),xm=Sb({name:"Theme",initialState:_4,reducers:{toggleTheme:(e,t)=>{gm(t.payload);const n=hc(t.payload);Object.assign(e,{themeSelected:n,toggleStatus:"toggled"})},toggleModeTheme:e=>{e.darkMode=!e.darkMode}},extraReducers:e=>{e.addCase(Am.fulfilled,(t,n)=>{gm(n.payload.theme);const a=hc(n.payload.theme);Object.assign(t,{themeSelected:a})})}}),hc=e=>{switch(e){case"lightBlueIndigo":return Us;case"darkBlack":return hm;case"darkBlue":return pm;case"lightAmber":return um;case"lightBlue":return tm;case"lightBrown":return dm;case"lightGray":return fm;case"lightGreen":return rm;case"lightLime":return sm;case"lightOrange":return cm;case"lightPink":return am;case"lightPurple":return im;case"lightRed":return nm;case"lightTeal":return om;case"lightYellow":return lm;default:return Us}},bm=e=>["lightBlueIndigo","darkBlack","darkBlue","lightAmber","lightBlue","lightBrown","lightGray","lightGreen","lightLime","lightOrange","lightPink","lightPurple","lightRed","lightTeal","lightYellow"].includes(e),{toggleTheme:$4,toggleModeTheme:eS}=xm.actions,tS=e=>e.Theme.toggleStatus,ym=e=>e.Theme.themeSelected,vm=e=>e.Theme.darkMode,nS=ym,rS=vm;var aS=xm.reducer;export{tE as AsyncContent,ha as ContactInfoPopup,G4 as ContactSidebar,Vl as EditContactModal,T0 as EmptyState,Zl as ErrorState,Jl as EventsDialog,F0 as MuiComponentsConfig,aE as PanelErrorBoundary,pc as asyncIdle,_h as asyncRequestFailed,Jh as asyncRequestStarted,Zh as asyncRequestSucceeded,hm as darkBlack,pm as darkBlue,Kh as defaultIsEmpty,$h as deriveAsyncState,em as getErrorMessage,pa as i18n,X4 as isStale,bm as isValidThemeName,um as lightAmber,tm as lightBlue,Us as lightBlueIndigo,dm as lightBrown,fm as lightGray,rm as lightGreen,sm as lightLime,cm as lightOrange,am as lightPink,im as lightPurple,nm as lightRed,om as lightTeal,lm as lightYellow,vm as selectDarkTheme,ym as selectTheme,tS as selectThemeToggleStatus,rS as selectedDarkTheme,nS as selectedTheme,aS as themeReducer,eS as toggleModeTheme,$4 as toggleTheme,Am as updateTheme,K4 as useAsyncData};
|
|
171
|
+
`);return o.el?s=o.el:(o.createdDomElement=s=document.createElement(o.props.wrapWith),Object.keys(o.props.wrapStyle).forEach((function(c){s.style[c]=o.props.wrapStyle[c]})),o.props.appendTo.appendChild(s)),o.parcel=l(o.props.config,dc({domElement:s},o.getParcelProps())),o.parcel.mountPromise.then(o.props.parcelDidMount),o.parcel.mountPromise}))}},{key:"componentDidUpdate",value:function(){var o=this;this.addThingToDo("update",(function(){if(o.parcel&&o.parcel.update)return o.parcel.update(o.getParcelProps())}))}},{key:"componentWillUnmount",value:function(){var o=this;this.addThingToDo("unmount",(function(){if(o.parcel&&o.parcel.getStatus()==="MOUNTED")return o.parcel.unmount()})),this.createdDomElement&&this.createdDomElement.parentNode.removeChild(this.createdDomElement),this.unmounted=!0}},{key:"render",value:function(){var o=this;if(this.props.appendTo)return Va&&Va.Consumer?bi.createElement(Va.Consumer,null,(function(l){return o.mountParcel=l?l.mountParcel:null,null})):null;var s=Va&&Va.Consumer?bi.createElement(Va.Consumer,null,(function(l){return o.mountParcel=l?l.mountParcel:null,null})):void 0;return bi.createElement(this.props.wrapWith,{ref:this.handleRef,style:this.props.wrapStyle,className:this.props.wrapClassName},s)}}])&&R4(t.prototype,n),i})();yo(Xh,"defaultProps",{wrapWith:"div",wrapStyle:{},parcelDidMount:function(){}});function z4({handleClose:e,open:t,modalTitle:n,maxWidth:a,children:i,onExited:o}){return r.jsx(Tn,{open:t,onClose:e,closeAfterTransition:!0,disableRestoreFocus:!0,sx:{display:"flex",justifyContent:"center",alignItems:"start",marginTop:"5rem",background:"transparent"},children:r.jsx(ml,{direction:"down",in:t,mountOnEnter:!0,unmountOnExit:!0,onExited:o,children:r.jsxs(M,{sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:a,minHeight:"10rem",height:"max-content",borderRadius:2,boxShadow:"0px 0px 10px rgba(0, 0, 0, 0.25)",backgroundColor:s=>s.palette.background.default,mx:"50px",maxHeight:"calc(100vh - 10rem)"},children:[r.jsxs(M,{sx:{width:"100%",height:"3rem",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"1em",borderBottom:s=>`1px solid ${s.palette.divider}`},children:[r.jsx(re,{sx:{width:"100%",fontSize:"1.2rem",fontWeight:600,color:s=>s.palette.text.primary},children:n}),r.jsx(ye,{onClick:e,children:r.jsx(da,{sx:{color:s=>s.palette.text.disabled}})})]}),i]})})})}const N4=()=>System.import("@Trii/contacts-front").then(e=>e.combineContactsWidget),L4=({open:e,onClose:t,contactId:n,onMerged:a})=>{const{t:i}=Ve(),{spaceInfo:o,currentUserTrii:s}=Qn();return!e||!n?null:r.jsx(z4,{open:e,handleClose:t,modalTitle:i("conversations.contactInfo.more.joinContact"),maxWidth:"1600px",children:r.jsx(M,{sx:{width:"100%",height:"calc(100vh - 12rem)",display:"flex",flexDirection:"column",overflow:"hidden"},children:r.jsx(Xh,{config:N4,wrapWith:"div",wrapStyle:{flex:1,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden"},contactIds:[n],spaceInfo:o,userInfo:s,height:"100%",onMerged:a,handleError:l=>{console.error("[conversations] Failed to mount @Trii/contacts-front combineContactsWidget parcel:",l)}})})})},qh={0:"global.contact",1:"conversations.conversations",2:"conversations.sidebar.files.title",3:"conversations.sidebar.mediaFiles.title",4:"conversations.sidebar.history.title",5:"conversations.sidebar.events.title",6:"conversations.sidebar.tasks.title",7:"conversations.sidebar.panelShop.title",8:"conversations.sidebar.relations.title"},U4=e=>e?{...e,firstName:"",lastName:e.name,isSpam:!1,isBusiness:!0,membersId:e.membersId||[],members:e.members||[]}:null,H4=({activeTab:e})=>{const{t,i18n:n}=Ve(),a=pn(),i=ta(),[o,s]=U(!1),[l,c]=U(!1),[d,p]=U(!1),[f,m]=U(!1),[g,x]=U(!1),[v,A]=U(null),[b,D]=U(null),{conversation:y,api:C,googleMapsApiKey:w}=Wt(),{entity:B,error:I,refetch:j,setEntity:R}=sr(),{contactNameFormat:L}=Qn(),O=I?.trim().toLowerCase()==="not found",Y=!!I&&!O,{sections:N}=jt(),F=N.data??[],z=Ir(B?.imageUrl??""),H=B?jn(B)?ws(B.firstName,B.lastName,L):B.name:"",P=za(B),Q=B?.id,q=jn(B)&&!P?B?.businessId:void 0;jn(B)&&!P&&B?.businessName;const E={imageUrl:Ir(v?.imageUrl||"")};B?.phones?.[0]?.address,B?.ims_whatsapp?.[0]?.address,B?.emails?.[0]?.address;const T=je(()=>{const me=B?.lastMsgIn;return me?Xt(me).locale(n.language).fromNow():null},[B,n.language]),W=B?.tags??[],G=Ne(null),[J,ee]=U(new Set),[ue,se]=U(null);le(()=>{const me=G.current;if(!me||W.length===0)return;let ke;const Xe=()=>{ke=requestAnimationFrame(()=>{const Mt=me.getBoundingClientRect(),zt=new Set;Array.from(me.children).forEach((yt,Je)=>{yt.getBoundingClientRect().right>Mt.right+1&&zt.add(Je)}),ee(yt=>{const Je=Array.from(yt).sort(),Nt=Array.from(zt).sort();return JSON.stringify(Je)===JSON.stringify(Nt)?yt:zt})})};Xe();const bt=new ResizeObserver(Xe);return bt.observe(me),()=>{cancelAnimationFrame(ke),bt.disconnect()}},[W]);const ie=e<9?qh[e]??qh[0]:null,Z=e>=9?F[e-9]?.name??"":null,_=me=>{if(me.preventDefault(),me.stopPropagation(),!Q)return;const ke=P?`/a/contacts/business/${Q}`:`/a/contacts/contacts/${Q}`;me.button===1?window.open(ke,"_blank"):i(ke)},K=async me=>{if(me.preventDefault(),me.stopPropagation(),!q)return;const ke=me.currentTarget;x(!0);try{const Xe=await qi({...C,contactId:q,isBusiness:!0});A(Xe),D(ke)}catch{}finally{x(!1)}},X=()=>{D(null)},ae=()=>{Q&&p(!0)},he=()=>{p(!1)},ve=()=>{c(!0)},fe=()=>{c(!1)},qe=me=>{R(me)},We=j;return r.jsxs(M,{sx:{borderBottom:`1px solid ${a.palette.divider}`,background:ca(a.palette.background.paper,.4)},children:[r.jsxs(M,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,py:.25,backdropFilter:"blur(8px)",minHeight:40},children:[r.jsx(vt,{direction:"row",alignItems:"center",spacing:1,flex:1,minWidth:0,children:r.jsx(re,{fontWeight:700,fontSize:14,color:"text.primary",sx:{userSelect:"none",letterSpacing:"-0.01em"},children:ie?t(ie):Z})}),r.jsxs(vt,{direction:"row",spacing:.5,children:[r.jsx(Vt,{title:t("conversations.contactInfo.more.joinContact"),children:r.jsx("span",{children:r.jsx(ye,{size:"small",disabled:B?.deletedAt!==null||!Q,onClick:ae,sx:{color:"text.secondary","&:hover":{color:"primary.main",bgcolor:ca(a.palette.primary.main,.08)}},children:r.jsx(jx,{sx:{fontSize:18}})})})}),r.jsx(Vt,{title:t("global.edit"),children:r.jsx("span",{children:r.jsx(ye,{size:"small",disabled:B?.deletedAt!==null||!Q,onClick:ve,sx:{color:"text.secondary","&:hover":{color:"warning.main",bgcolor:ca(a.palette.warning.main,.08)}},children:r.jsx(ji,{sx:{fontSize:18}})})})}),r.jsx(Vt,{title:t("conversations.sidebar.seeInContacts"),children:r.jsx("span",{children:r.jsx(ye,{size:"small",disabled:!Q,onMouseDown:_,sx:{color:"text.secondary","&:hover":{color:"primary.main",bgcolor:ca(a.palette.primary.main,.08)}},children:r.jsx(Sx,{sx:{fontSize:18}})})})})]})]}),r.jsxs(M,{sx:{p:"10px 20px",pb:"5px"},children:[r.jsxs(vt,{direction:"row",spacing:2,alignItems:"flex-start",children:[r.jsx(qn,{src:o?void 0:z,onError:()=>s(!0),onClick:()=>m(!0),sx:{width:64,height:64,fontSize:24,fontWeight:600,boxShadow:a.shadows[3],cursor:"pointer","& img":{objectFit:"cover",width:"100%",height:"100%"}}}),r.jsx(np,{avatar:z,name:H,open:f,handleClose:()=>m(!1),isBusiness:za(B)}),r.jsxs(M,{flex:1,minWidth:0,children:[B===null?r.jsx(ei,{variant:"text",width:"70%",height:28,sx:{mb:.5}}):r.jsx(re,{variant:"h6",fontWeight:700,fontSize:18,color:"text.primary",noWrap:!0,sx:{mb:.5},children:H||t("global.unnamed")}),O&&r.jsx(re,{variant:"caption",color:"error",fontWeight:600,fontSize:12,sx:{display:"block",mb:.5},children:t("conversations.contactInfo.contactDeleted")}),Y&&r.jsxs(vt,{spacing:.5,sx:{mb:.5},alignItems:"flex-start",children:[r.jsx(re,{variant:"caption",color:"error",fontWeight:600,fontSize:12,children:t("conversations.contactInfo.fetchError")}),r.jsx(Ze,{size:"small",variant:"outlined",color:"primary",onClick:We,sx:{textTransform:"none",py:0,minHeight:24},children:t("conversations.message.tryAgain")})]}),jn(B)&&B?.businessName&&r.jsxs(vt,{direction:"row",spacing:.5,alignItems:"center",sx:{mb:.5,cursor:q?"pointer":"default",width:"fit-content"},onClick:q?K:void 0,children:[g?r.jsx(xt,{size:14}):r.jsx(Cl,{sx:{fontSize:14,color:"text.secondary"}}),r.jsx(re,{variant:"caption",color:"text.secondary",fontWeight:500,fontSize:"0.85rem",children:B.businessName})]}),W.length>0&&r.jsxs(M,{sx:{display:"flex",alignItems:"center",gap:.5,mb:1},children:[r.jsx(M,{ref:G,sx:{display:"flex",alignItems:"center",gap:.5,overflow:"hidden",flexWrap:"nowrap",flex:1,minWidth:0},children:W.map((me,ke)=>r.jsx(Fn,{label:me.name,size:"small",sx:{height:20,fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.5px",bgcolor:ca(a.palette.primary.main,.15),color:a.palette.primary.light,"& .MuiChip-label":{px:1},flexShrink:0}},ke))}),r.jsx(Fn,{size:"small",label:`+${J.size}`,icon:r.jsx(Fx,{sx:{fontSize:"0.9rem !important"}}),onClick:me=>se(me.currentTarget),sx:{flexShrink:0,visibility:J.size>0?"visible":"hidden"}}),r.jsx(dl,{open:!!ue,anchorEl:ue,onClose:()=>se(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:r.jsx(M,{sx:{p:1,display:"flex",flexWrap:"wrap",gap:.5,maxWidth:200},children:W.filter((me,ke)=>J.has(ke)).map((me,ke)=>r.jsx(Fn,{label:me.name,size:"small",sx:{height:20,fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.5px",bgcolor:ca(a.palette.primary.main,.15),color:a.palette.primary.light,"& .MuiChip-label":{px:1}}},ke))})})]})]})]}),T&&r.jsx(M,{justifySelf:"flex-end",sx:{px:1,pt:1,pb:.5,borderRadius:1,width:"fit-content"},children:r.jsx(re,{variant:"caption",fontSize:10,color:"text.disabled",noWrap:!0,children:t("conversations.sidebar.lastActivity",{time:T})})})]}),r.jsx(Vl,{open:l,onClose:fe,baseUrl:C.baseUrl,spaceId:C.spaceId,contactId:Q,language:n.language.toLowerCase(),navigate:i,googleMapsApiKey:w,onEntityUpdated:me=>{qe(me)}}),d&&r.jsx(L4,{open:d,onClose:he,contactId:Q,onMerged:()=>{he()}}),v&&r.jsx(ha,{contactData:U4(v),open:!!b,anchorEl:b,onClose:X,language:n.language.toLowerCase(),avatarImgUrl:E.imageUrl,navigate:i,contactNameFormat:L})]})},Q4=({value:e})=>{const{conversation:t,contactId:n}=Wt(),a=!!t?.whatsappGroupInfo,{sections:i,panelUi:o}=jt(),s=i.data??[],{setContactDataExpanded:l}=o,{setTabsShowed:c}=an(ga);return le(()=>{(t?.botVars?.length??0)>0||l(!0)},[t?.botVars,l]),le(()=>{c([])},[n,c]),r.jsxs(M,{sx:{position:"relative",display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[!a&&r.jsx(H4,{activeTab:e}),r.jsx(M,{sx:{flex:1,overflow:e===0||e===1?"auto":"hidden","&::-webkit-scrollbar":{display:"none"}},children:r.jsx(ar,{in:!0,timeout:200,children:r.jsx(M,{children:(()=>{switch(e){case 0:return a?r.jsx(Wh,{}):r.jsx(aI,{});case 1:return r.jsx(L6,{defaultExpanded:!0},`conv-${n}`);case 2:return r.jsx(Q6,{contactId:n,defaultExpanded:!0});case 3:return n?r.jsx(Ij,{contactId:n,defaultExpanded:!0}):null;case 4:return r.jsx(Oj,{defaultExpanded:!0});case 5:return r.jsx(e4,{defaultExpanded:!0,contactId:n});case 6:return r.jsx(i4,{defaultExpanded:!0,contactId:n});case 7:return r.jsx(f4,{defaultExpanded:!0});case 8:return r.jsx(h4,{defaultExpanded:!0});default:{const d=e-9;return s&&s[d]?r.jsx(c4,{data:s[d],defaultExpanded:!0},s[d].id):null}}})()})},e)})]})},V4=e=>({height:"100%",minWidth:"56px",borderLeft:`1px solid ${e.palette.divider}`,bgcolor:e.palette.mode==="dark"?"rgba(0, 0, 0, 0.2)":"rgba(0, 0, 0, 0.02)","& .MuiTabs-indicator":{left:0,right:"auto",bottom:"auto",width:"3px",borderRadius:"0 2px 2px 0",bgcolor:e.palette.info.main,transition:e.transitions.create(["top","height"],{duration:e.transitions.duration.shorter})},"& .MuiTab-root":{minWidth:56,minHeight:56,padding:0,zIndex:0,color:e.palette.text.secondary,transition:"all 0.2s ease",position:"relative","&::after":{content:'""',position:"absolute",left:0,top:"50%",transform:"translateY(-50%)",width:0,height:"60%",bgcolor:e.palette.primary.main,opacity:0,transition:"all 0.2s ease",borderRadius:"0 4px 4px 0"},"&:hover":{bgcolor:e.palette.mode==="dark"?"rgba(255, 255, 255, 0.05)":"rgba(0, 0, 0, 0.03)",color:e.palette.text.primary},"&.Mui-selected":{color:e.palette.info.main}}});function Ur(e){return{id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`}}const hi={"& .MuiBadge-badge":{minWidth:"14px",height:"14px",fontSize:"9px",padding:"0 3px",fontWeight:700}},Hr=Be(({className:e,children:t,placement:n,title:a,...i})=>r.jsx(Vt,{...i,classes:{popper:e},title:a,placement:n,arrow:!0,children:t}))(({theme:e})=>({[`& .${$c.tooltip}`]:{backgroundColor:e.palette.background.paper,color:e.palette.text.primary,boxShadow:e.shadows[8],fontSize:12,fontWeight:500,border:`1px solid ${e.palette.divider}`,padding:"6px 12px"},[`& .${$c.arrow}`]:{color:e.palette.background.paper,"&::before":{border:`1px solid ${e.palette.divider}`}}}));function W4({handleChange:e,value:t}){const n=pn(),{t:a}=Ve(),{tabsShowed:i,setTabsShowed:o}=an(ga),{conversation:s}=Wt(),{entity:l}=sr(),c=!!s?.whatsappGroupInfo,{notes:d,files:p,events:f,tasks:m,sections:g}=jt(),x=g.data??[],v=d.data,A=p.data,b=f.data,D=m.data;v?.length===0?l?.counters?.notes:v?.length;const y=A?.length===0?l?.counters?.documents:A?.length,C=b?.length===0?l?.counters?.events:b?.length,w=D?.length||0,B=(j,R)=>{i.includes(R)||o([...i,R])},I=(j,R,L)=>{B(9+R,L),j.api_formatosalida==="HTML_newtab"&&window.open(j.api_url,"_blank","noopener,noreferrer")};return r.jsxs(_c,{orientation:"vertical",value:t,onChange:(j,R)=>e(R),sx:V4(n),children:[r.jsx(Hr,{title:a(c?"global.group":"global.contact"),placement:"left",children:r.jsx(ir,{icon:c?r.jsx(Tx,{}):r.jsx(Px,{}),onClick:()=>B(0,c?"groupData":"contactData"),...Ur(0)})}),r.jsx(Hr,{title:a("conversations.conversations"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:(l?.counters?.conversations??0)>0?l?.counters?.conversations:null,color:"error",children:r.jsx(Rx,{})}),onClick:()=>B(1,"contactConversation"),...Ur(1)})}),r.jsx(Hr,{title:a("conversations.sidebar.files.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:y||null,color:"error",children:r.jsx(Ox,{})}),onClick:()=>B(2,"contactFiles"),...Ur(2)})}),r.jsx(Hr,{title:a("conversations.sidebar.mediaFiles.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,color:"error",children:r.jsx(Ib,{})}),onClick:()=>B(3,"contactMedia"),...Ur(3)})}),r.jsx(Hr,{title:a("conversations.sidebar.history.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(od,{}),onClick:()=>B(4,"contactHistory"),...Ur(4)})}),r.jsx(Hr,{title:a("conversations.sidebar.events.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:C||null,color:"error",children:r.jsx(Mx,{})}),onClick:()=>B(5,"contactEvent"),...Ur(5)})}),r.jsx(Hr,{title:a("conversations.sidebar.tasks.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,badgeContent:w||null,color:"error",children:r.jsx(zx,{})}),onClick:()=>B(6,"contactTask"),...Ur(6)})}),r.jsx(Hr,{title:a("conversations.sidebar.panelShop.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Kr,{sx:hi,color:"error",children:r.jsx(kb,{})}),onClick:()=>B(7,"contactPanelShop"),...Ur(7)})}),r.jsx(Hr,{title:a("conversations.sidebar.relations.title"),placement:"left",children:r.jsx(ir,{icon:r.jsx(Bb,{}),onClick:()=>B(8,"contactRelations"),...Ur(8)})}),x.map((j,R)=>r.jsx(Hr,{title:j.name,placement:"left",children:r.jsx(ir,{icon:r.jsx("img",{src:j.icon_class,alt:"",style:{width:"25px",filter:n.palette.mode==="dark"?"invert(0.7)":"invert(0.4)"}}),onClick:()=>I(j,R,`contact${j.name}`),...Ur(9+R)})},R))]})}const Y4=({conversation:e,active:t})=>{const{entity:n,isInitialLoading:a}=sr(),i=pn(),[o,s]=U(0),{historyLogs:l,files:c,media:d,relations:p,activeConversations:f,sections:m}=jt(),g=Ne(n),x=Ne(null),[v,A]=U(!0),b=n?.id;le(()=>{if(!b||b===x.current)return;A(!0);const C=setTimeout(()=>{A(!1),x.current=b},3e3);return()=>clearTimeout(C)},[b]);const D=Ne(null),y=C=>{if(C===o)return;s(C),D.current&&D.current.abort(),D.current=new AbortController;const w=D.current.signal,B=e?.contactInfo?.id;if(!b){console.warn("\u{1F6A8} ChatDetailsSidebar: No contactId provided");return}if(e&&B&&b!==B){console.warn("\u{1F6A8} ChatDetailsSidebar: Contact/Conversation mismatch detected",{contactId:b,conversationContactId:B,conversationId:e?.id});return}if(!w.aborted)try{switch(C){case 0:break;case 1:f.fetch();break;case 2:c.fetch();break;case 3:d.fetch("image");break;case 4:l.fetch();break;case 5:break;case 6:break;case 7:break;case 8:p.fetch();break}}catch(I){I instanceof Error&&I.name==="AbortError"?console.log("\u{1F6AB} ChatDetailsSidebar: Tab request aborted"):console.error("\u274C ChatDetailsSidebar: Error fetching tab data:",I)}};return le(()=>{m.status!=="succeeded"&&m.fetch()},[]),le(()=>{const C=n?.id,w=e?.contactInfo?.id,B=e&&C&&w&&C===w||!e&&C;B&&C!==g.current?.id?(D.current&&D.current.abort(),s(0),g.current=n,D.current=new AbortController):!B&&C!==g.current?.id&&(s(0),g.current=null)},[n,e?.contactInfo?.id]),le(()=>()=>{D.current&&D.current.abort()},[]),r.jsxs(r.Fragment,{children:[a?r.jsx(M,{width:"100%",height:"100%",justifyContent:"center",alignItems:"flex-start",padding:2,sx:{display:t?"flex":"none"},children:r.jsx(v5,{})}):r.jsxs(M,{width:"100%",sx:{display:t?"flex":"none"},children:[r.jsx(M,{flexGrow:1,display:"flex",flexDirection:"column",width:"calc(100% - 4rem)",children:r.jsx(Q4,{value:o})}),r.jsx(W4,{value:o,handleChange:y})]}),v&&r.jsx(M,{sx:{position:"absolute",inset:0,display:"flex",justifyContent:"center",alignItems:"center",bgcolor:i.palette.background.default,zIndex:10},children:r.jsx(xt,{size:36})})]})},mi=()=>{},G4=e=>{const{baseUrl:t,spaceId:n,onEntityUpdated:a,chat:i,googleMapsApiKey:o,navigate:s,language:l,active:c}=e,d=e.entity??null,p=d?d.id:e.contactId??null,f=d?d.isBusiness?"business":"contact":e.entityType??"contact",m=d??e.initialEntity??null,g=je(()=>({api:{baseUrl:t,spaceId:n},contactId:p,entityType:f,initialEntity:m,googleMapsApiKey:o,navigate:s,onEntityUpdated:a??mi,hasChatIntegration:!!i,conversation:i?.conversation??null,onOpenConversation:i?.onOpenConversation??mi,onNavigateToMessage:i?.onNavigateToMessage??mi,onStartConversation:i?.onStartConversation??mi,onConversationUpdated:i?.onConversationUpdated??mi,onGroupLeft:i?.onGroupLeft??mi}),[t,n,p,f,m,o,s,a,i]);return r.jsx(y5,{language:l,children:r.jsx(cE,{value:g,children:r.jsx(CE,{children:r.jsx(XE,{children:r.jsx(p3,{children:r.jsx(e5,{children:r.jsx(g3,{contactId:p??void 0,children:r.jsx(Y4,{conversation:g.conversation,active:c??!0})})})})})})})})},Kh=e=>e==null?!0:Array.isArray(e)?e.length===0:!1,pc=()=>({status:"idle",data:void 0,error:null,updatedAt:null}),Jh=(e,t)=>({status:"loading",data:t?.clearData?void 0:e.data,error:null,updatedAt:e.updatedAt}),Zh=e=>({status:"succeeded",data:e,error:null,updatedAt:Date.now()}),_h=(e,t)=>({status:"rejected",data:t.data,error:e,updatedAt:t.updatedAt}),$h=e=>{const{status:t,data:n,error:a=null,updatedAt:i=null}=e,o=e.isEmpty??Kh,s=n!==void 0&&!o(n),l=t==="loading";return{status:t,data:n,error:a,updatedAt:i,hasData:s,isInitialLoading:l&&!s,isRevalidating:l&&s,isEmpty:t==="succeeded"&&!s}},X4=(e,t,n=Date.now())=>e===null||n-e>t,em=(e,t="Unknown error")=>{if(typeof e=="string"&&e.length>0)return e;if(e!==null&&typeof e=="object"){const n=e,a=n.response?.data?.message??n.response?.data?.error;if(typeof a=="string"&&a.length>0)return a;if(typeof n.message=="string"&&n.message.length>0)return n.message}return t},q4=e=>new Promise(t=>setTimeout(t,e));function K4(e,t={}){const{isEmpty:n,fetchOnMount:a=!0,keepPreviousData:i=!0,autoRetry:o,deps:s=[]}=t,[l,c]=U(()=>pc()),d=Ne(e);d.current=e;const p=Ne(0),f=Ne(null),m=o?.attempts??0,g=o?.delayMs??500,x=Re(async()=>{const A=++p.current;f.current?.abort();const b=new AbortController;f.current=b,c(y=>Jh(y,{clearData:!i}));const D=Math.max(0,m);for(let y=0;;y+=1)try{const C=await d.current(b.signal);if(A!==p.current||b.signal.aborted)return;c(Zh(C));return}catch(C){if(A!==p.current||b.signal.aborted)return;if(y<D){if(await q4(g*(y+1)),A!==p.current||b.signal.aborted)return;continue}c(w=>_h(em(C),w));return}},[i,m,g]);le(()=>(a&&x(),()=>{p.current+=1,f.current?.abort()}),[a,x,...s]);const v=Re(()=>{p.current+=1,f.current?.abort(),c(pc())},[]);return{...$h({...l,isEmpty:n}),refetch:x,retry:x,reset:v}}const Us=Pn({name:"lightBlueIndigo",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ebf6fd",mainGradient:"linear-gradient(270deg, #215c97, #1976d2)",navMenu:"#1976d2",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1976d2",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1976d2",light:"#42a5f5",dark:"#1565c0",contrastText:"#fff"},secondary:{main:"#1976d2",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ebf6fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#1976d2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#1976d2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),tm=Pn({name:"lightBlue",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e3f2fd",mainGradient:"linear-gradient(270deg, #005cb2, #1e88e5)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1e88e5",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1e88e5",light:"#6ab7ff",dark:"#005cb2",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#1e88e5",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e3f2fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#005cb2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#005cb2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),nm=Pn({name:"lightRed",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ffebee",mainGradient:"linear-gradient(270deg, #b61827, #ef5350)",navMenu:"#f44336",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ef5350",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ef5350",light:"#ff867c",dark:"#b61827",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ef5350",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ffebee",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b61827"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b61827"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),rm=Pn({name:"lightGreen",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e8f5e9",mainGradient:"linear-gradient(270deg, #087f23, #4caf50)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#4caf50",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#4caf50",light:"#80e27e",dark:"#087f23",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#4caf50",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e8f5e9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#087f23"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#087f23"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),am=Pn({name:"lightPink",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fce4ec",mainGradient:"linear-gradient(270deg, #b0003a, #e6175d)",navMenu:"#e6175d",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#e6175d",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#e6175d",light:"#ff6090",dark:"#b0003a",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fce4ec",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b0003a"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b0003a"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),im=Pn({name:"lightPurple",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f3e5f5",mainGradient:"linear-gradient(270deg, #6a0080, #9c27b0)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9c27b0",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9c27b0",light:"#d05ce3",dark:"#6a0080",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f3e5f5",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c27b0"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c27b0"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),om=Pn({name:"lightTeal",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e0f2f1",mainGradient:"linear-gradient(270deg, #00675b, #009688)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#009688",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#009688",light:"#52c7b8",dark:"#00675b",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#009688",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e0f2f1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#00675b"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#00675b"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),sm=Pn({name:"lightLime",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f9fbe7",mainGradient:"linear-gradient(270deg, #99aa00, #cddc39)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#cddc39",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#cddc39",light:"#ffff6e",dark:"#99aa00",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#cddc39",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f9fbe7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#737c16"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#737c16"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),lm=Pn({name:"lightYellow",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fffde7",mainGradient:"linear-gradient(270deg, #c8b900, #ffeb3b)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffeb3b",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffeb3b",light:"#ffff72",dark:"#c8b900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffeb3b",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fffde7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#847700"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#847700"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),um=Pn({name:"lightAmber",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff8e1",mainGradient:"linear-gradient(270deg, #c68400, #ffb300)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffb300",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffb300",light:"#ffe54c",dark:"#c68400",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffb300",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff8e1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c6e00"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c6e00"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),cm=Pn({name:"lightOrange",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff3e0",mainGradient:"linear-gradient(270deg, #c66900, #ff9800)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ff9800",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ff9800",light:"#ffc947",dark:"#c66900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ff9800",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff3e0",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#ab6600"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#ab6600"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),dm=Pn({name:"lightBrown",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#efebe9",mainGradient:"linear-gradient(270deg, #4b2c20, #795548)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#795548",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#795548",light:"#a98274",dark:"#4b2c20",contrastText:"#fff"},secondary:{main:"#795548",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#efebe9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#795548"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#795548"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),fm=Pn({name:"lightGray",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fafafa",mainGradient:"linear-gradient(270deg, #707070, #9e9e9e)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9e9e9e",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9e9e9e",light:"#cfcfcf",dark:"#707070",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9e9e9e",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fafafa",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#707070"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#707070"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),pm=Pn({name:"darkBlue",palette:{mode:"dark",primary:{main:"#1f5c8e",light:"#2196f3",dark:"#0d47a1",contrastText:"#fff"},secondary:{light:"#FFEA41",main:"#90caf9",dark:"#DBBE01",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},background:{default:"#222B45",mainGradient:"linear-gradient(270deg, #222B45, #222B45)",mainCenter:"#28324e",navMenu:"#222B45",panel:"#2d364e",dropdownMenu:"#484f65",tooltip:"#484f65",accordionHeader:"#2a3249e3",panelHeader:"#2a3249e3",panelCenter:"#484f65",panelGradient:"#384057",selectedItem:"#eeeeee30",paper:"#2d364e"},containerBox:{default:"#2d354e",main:"#2d354e"},action:{active:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#2d354e",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),hm=Pn({name:"darkBlack",palette:{mode:"dark",background:{default:"#201f1e",mainGradient:"linear-gradient(270deg, #201f1e, #201f1e)",mainCenter:"#252423",navMenu:"#201f1e",panel:"#3B3A39",dropdownMenu:"#585858",tooltip:"#616161eb",accordionHeader:"#25242369",panelHeader:"#3b3a39ba",panelCenter:"#585858",panelGradient:"#454443",selectedItem:"#eeeeee30",paper:"#3B3A39"},primary:{main:"#1976d2",light:"#2196f3",dark:"#42a5f5",contrastText:"#fff"},secondary:{light:"#FFEA41",main:"#90caf9",dark:"#DBBE01",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},containerBox:{main:"#ffffffb3",default:"#3B3A39"},action:{active:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#3B3A39",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),mm="trii-theme",J4=e=>`https://agent-api.trii.app/api/v1/settings/${e}/user/setTheme`,Z4=()=>{try{const e=localStorage.getItem(mm);if(e&&bm(e))return hc(e)}catch{}return Us},gm=e=>{try{localStorage.setItem(mm,e)}catch{}},_4={themeSelected:Z4(),darkMode:!1,toggleStatus:"idle"},Am=jb("Theme/updateTheme",async(e,{getState:t})=>{const{uid:n="",spaceId:a=""}=t().User.user??{},i=JSON.stringify({theme:e,uid:n});return(await Fb.put(J4(a),i,{headers:{"Content-Type":"application/json"}})).data}),xm=Sb({name:"Theme",initialState:_4,reducers:{toggleTheme:(e,t)=>{gm(t.payload);const n=hc(t.payload);Object.assign(e,{themeSelected:n,toggleStatus:"toggled"})},toggleModeTheme:e=>{e.darkMode=!e.darkMode}},extraReducers:e=>{e.addCase(Am.fulfilled,(t,n)=>{gm(n.payload.theme);const a=hc(n.payload.theme);Object.assign(t,{themeSelected:a})})}}),hc=e=>{switch(e){case"lightBlueIndigo":return Us;case"darkBlack":return hm;case"darkBlue":return pm;case"lightAmber":return um;case"lightBlue":return tm;case"lightBrown":return dm;case"lightGray":return fm;case"lightGreen":return rm;case"lightLime":return sm;case"lightOrange":return cm;case"lightPink":return am;case"lightPurple":return im;case"lightRed":return nm;case"lightTeal":return om;case"lightYellow":return lm;default:return Us}},bm=e=>["lightBlueIndigo","darkBlack","darkBlue","lightAmber","lightBlue","lightBrown","lightGray","lightGreen","lightLime","lightOrange","lightPink","lightPurple","lightRed","lightTeal","lightYellow"].includes(e),{toggleTheme:$4,toggleModeTheme:eS}=xm.actions,tS=e=>e.Theme.toggleStatus,ym=e=>e.Theme.themeSelected,vm=e=>e.Theme.darkMode,nS=ym,rS=vm;var aS=xm.reducer;export{tE as AsyncContent,ha as ContactInfoPopup,G4 as ContactSidebar,Vl as EditContactModal,T0 as EmptyState,Zl as ErrorState,Jl as EventsDialog,F0 as MuiComponentsConfig,aE as PanelErrorBoundary,pc as asyncIdle,_h as asyncRequestFailed,Jh as asyncRequestStarted,Zh as asyncRequestSucceeded,hm as darkBlack,pm as darkBlue,Kh as defaultIsEmpty,$h as deriveAsyncState,em as getErrorMessage,pa as i18n,X4 as isStale,bm as isValidThemeName,um as lightAmber,tm as lightBlue,Us as lightBlueIndigo,dm as lightBrown,fm as lightGray,rm as lightGreen,sm as lightLime,cm as lightOrange,am as lightPink,im as lightPurple,nm as lightRed,om as lightTeal,lm as lightYellow,vm as selectDarkTheme,ym as selectTheme,tS as selectThemeToggleStatus,rS as selectedDarkTheme,nS as selectedTheme,aS as themeReducer,eS as toggleModeTheme,$4 as toggleTheme,Am as updateTheme,K4 as useAsyncData};
|
|
172
172
|
//# sourceMappingURL=index.js.map
|