groundfloor-react-ui 1.3.84 → 1.3.86-sail1.284

package/README.md

@@ -1,40 +1,40 @@
-# GroundFloor React UI
-
-The official component library for GroundFloor application
-
-## Installation
-
-The package can be installed via [npm](https://github.com/npm/cli):
-
-```
-npm install groundfloor-react-ui --save
-```
-
-## CSS files
-
-```
-1. To use DateSelect component add the below css file to your root
-import 'react-datepicker/dist/react-datepicker.css';
-2. To use Overlay component, Tooltip and ButtonPopup add the below css file to your root
-import 'react-popper-tooltip/dist/styles.css';
-3. To defaultThemeColor, defaultStyles,colors, getDefaultStyles function, hexToRGB function, use import {defaultThemeColor, defaultStyles, colors, getDefaultStyles, hexToRGB} from 'groundfloor-react-ui'
-4. Add import 'react-phone-input-2/lib/style.css' if CountryCodedPhoneInput is needed
-
-
-```
-
-## Documentation And Example
-
-```
-https://groundfloor-react-ui--63f723af2a11e9df1310e721.chromatic.com/
-
-```
-
-## Pre-requisites
-
-The following peer dependencies are required to run in a React Project
-
-- React v16.3 or greater
-- styled-components v5 or greater
-
----
+# GroundFloor React UI
+
+The official component library for GroundFloor application
+
+## Installation
+
+The package can be installed via [npm](https://github.com/npm/cli):
+
+```
+npm install groundfloor-react-ui --save
+```
+
+## CSS files
+
+```
+1. To use DateSelect component add the below css file to your root
+import 'react-datepicker/dist/react-datepicker.css';
+2. To use Overlay component, Tooltip and ButtonPopup add the below css file to your root
+import 'react-popper-tooltip/dist/styles.css';
+3. To defaultThemeColor, defaultStyles,colors, getDefaultStyles function, hexToRGB function, use import {defaultThemeColor, defaultStyles, colors, getDefaultStyles, hexToRGB} from 'groundfloor-react-ui'
+4. Add import 'react-phone-input-2/lib/style.css' if CountryCodedPhoneInput is needed
+
+
+```
+
+## Documentation And Example
+
+```
+https://groundfloor-react-ui--63f723af2a11e9df1310e721.chromatic.com/
+
+```
+
+## Pre-requisites
+
+The following peer dependencies are required to run in a React Project
+
+- React v16.3 or greater
+- styled-components v5 or greater
+
+---

package/dist/SailAdmin/pages/SailAnalyticsView.js

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("ag-grid-react"),t=require("moment"),a=require("react"),r=require("react-datepicker"),l=require("recharts"),n=require("styled-components"),i=require("./node_modules/use-resize-observer/dist/bundle.esm.js"),o=require("uuid"),s=require("./src/library/components/Sail/SailAdmin/api/sailApi.js"),d=require("./src/library/components/Sail/SailAdmin/assets/analytic.svg.js"),c=require("./src/library/components/Sail/SailAdmin/assets/info.svg.js"),p=require("./src/library/components/Sail/SailAdmin/assets/upArrow.svg.js"),u=require("./src/library/components/Sail/SailAdmin/common/ErrorMessage.js"),m=require("./src/library/components/Sail/SailAdmin/common/ScrollToTop.js"),f=require("./src/library/components/Sail/SailAdmin/containers/SectionHeaderRow.js"),y=require("./src/library/components/Sail/SailAdmin/hooks/useServerPaginationData.js");require("./src/library/components/Sail/SailAdmin/library/components/global/FontStyle.js"),require("./src/library/components/Sail/SailAdmin/library/components/Button/PrimaryButton.js"),require("./src/library/components/Sail/SailAdmin/library/components/Button/SecondaryButton.js"),require("./src/library/components/Sail/SailAdmin/library/components/Button/TinyButton.js");var h=require("./src/library/components/Sail/SailAdmin/library/components/Icon/Icon.js");require("./src/library/components/Sail/SailAdmin/library/components/Typography/Typography.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/TextInput.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/CheckBoxInput.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/CheckBoxInputMS.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/TimeInput.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/TextInputClicable.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/TextInputClicableMS.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/ToggleSwitch.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/RadioInput.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/DropzoneInput.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/DateSelect.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/Signature.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/CheckBoxEditableInput.js"),require("./src/library/components/Sail/SailAdmin/library/components/Inputs/NumericInput.js"),require("./src/library/components/Sail/SailAdmin/library/components/StatusCircle/StatusCircle.js"),require("./src/library/components/Sail/SailAdmin/library/components/HyperLink/HyperLink.js"),require("./src/library/components/Sail/SailAdmin/library/components/GroupStatusCircle/GroupStatusCircle.js"),require("./src/library/components/Sail/SailAdmin/library/components/StatusChip/PrimaryStatusChip.js"),require("./src/library/components/Sail/SailAdmin/library/components/StatusChip/SecondaryStatusChip.js"),require("./src/library/components/Sail/SailAdmin/library/components/StatusChip/SlimPrimaryStatusChip.js"),require("./src/library/components/Sail/SailAdmin/library/components/StatusChip/SlimSecondaryStatusChip.js"),require("./src/library/components/Sail/SailAdmin/library/components/SecondaryLink/LightSecondaryLink.js"),require("./src/library/components/Sail/SailAdmin/library/components/SecondaryLink/DarkSecondaryLink.js"),require("./src/library/components/Sail/SailAdmin/library/components/Pagination/Pagination.js"),require("./src/library/components/Sail/SailAdmin/library/components/Avatar/Avatar.js"),require("./src/library/components/Sail/SailAdmin/library/components/Avatar/AvatarSB.js"),require("./src/library/components/Sail/SailAdmin/library/components/Avatar/AvatarSBfooter.js");var g=require("./src/library/components/Sail/SailAdmin/library/components/FilterChip/FilterChip.js"),x=require("./src/library/components/Sail/SailAdmin/library/components/Breadcrumb/Breadcrumb.js");require("./src/library/components/Sail/SailAdmin/library/components/Dropdowns/SingleSelect.js"),require("./src/library/components/Sail/SailAdmin/library/components/Dropdowns/MultiSelect.js"),require("./src/library/components/Sail/SailAdmin/library/components/Divider/Divider.js"),require("./src/library/components/Sail/SailAdmin/library/components/Footer/Footer.js"),require("./src/library/components/Sail/SailAdmin/library/components/Footer/FooterContent.js"),require("./src/library/components/Sail/SailAdmin/library/components/GroupButtons/GroupButtons.js"),require("./src/library/components/Sail/SailAdmin/library/components/GroupButtons/GroupButtonsPopup.js"),require("./src/library/components/Sail/SailAdmin/library/components/GroupButtons/ButtonPopup.js"),require("./src/library/components/Sail/SailAdmin/library/components/Cards/DocumentCard.js"),require("./src/library/components/Sail/SailAdmin/library/components/Cards/Card.js"),require("./src/library/components/Sail/SailAdmin/library/components/Cards/CardRef.js"),require("./src/library/components/Sail/SailAdmin/library/components/Banner/Banner.js"),require("./src/library/components/Sail/SailAdmin/library/components/Tables/MasterTable.js"),require("./src/library/components/Sail/SailAdmin/library/components/Tables/Table.js"),require("./src/library/components/Sail/SailAdmin/library/components/ProgressBar/ProgressBar.js"),require("./src/library/components/Sail/SailAdmin/library/components/ErrorBoundary/ErrorBoundary.js"),require("./src/library/components/Sail/SailAdmin/library/components/ArrowBar/ArrowBar.js"),require("./src/library/components/Sail/SailAdmin/library/components/ProgressSteps/ProgressSteps.js"),require("./src/library/components/Sail/SailAdmin/library/components/GroupAvatars/GroupAvatars.js"),require("./src/library/components/Sail/SailAdmin/library/components/Accordion/Accordion.js"),require("./src/library/components/Sail/SailAdmin/library/components/Accordion/AccordionSB.js"),require("./src/library/components/Sail/SailAdmin/library/components/Accordion/AccordionSBfooter.js"),require("./src/library/components/Sail/SailAdmin/library/components/Loaders/Loader.js"),require("./src/library/components/Sail/SailAdmin/library/components/Loaders/LoaderToast.js"),require("./src/library/components/Sail/SailAdmin/library/components/Label/Label.js"),require("./src/library/components/Sail/SailAdmin/library/components/Images/Image.js");var b=require("./src/library/components/Sail/SailAdmin/library/components/Header/Header.js");require("./src/library/components/Sail/SailAdmin/library/components/Content/Content.js"),require("./src/library/components/Sail/SailAdmin/library/components/Modal/Modal.js"),require("./src/library/components/Sail/SailAdmin/library/components/Drawer/Drawer.js"),require("./src/library/components/Sail/SailAdmin/library/components/Tooltip/Tooltip.js");var S=require("./src/library/components/Sail/SailAdmin/library/components/Overlay/Overlay.js");require("./src/library/components/Sail/SailAdmin/library/components/Overlay/OverlayPortal.js"),require("./src/library/components/Sail/SailAdmin/library/components/Sidebar/Sidebar.js"),require("./src/library/components/Sail/SailAdmin/library/components/Sidebar/Navbar.js"),require("./src/library/components/Sail/SailAdmin/library/components/Rating/Rating.js"),require("./src/library/components/Sail/SailAdmin/library/components/FilePreviewer/FilePreviewer.js");var E=require("./src/library/components/Sail/SailAdmin/projectComponents/HideComponentErrorBoundary.js"),v=require("./src/library/components/Sail/SailAdmin/projectComponents/LineChartSAILv1.js"),A=require("./src/library/components/Sail/SailAdmin/projectComponents/SingleSelectWFv3.js"),w=require("./src/library/components/Sail/SailAdmin/projectComponents/StackedBarChartSAILv1.js"),F=require("./src/library/components/Sail/SailAdmin/projectComponents/ToastMessages.js"),k=require("./src/library/components/Sail/SailAdmin/projectComponents/WfIcon.js"),D=require("next/router"),N=require("./node_modules/date-fns/esm/startOfDay/index.js"),j=require("./node_modules/date-fns/esm/endOfDay/index.js"),C=require("./node_modules/date-fns/esm/format/index.js"),q=require("./node_modules/date-fns/esm/isValid/index.js"),W=require("./node_modules/date-fns/esm/parse/index.js"),T=require("./node_modules/date-fns/esm/parseISO/index.js"),I=require("./node_modules/date-fns/esm/addDays/index.js"),M=require("./node_modules/date-fns/esm/subDays/index.js"),H=require("./node_modules/date-fns/esm/isEqual/index.js"),P=require("./node_modules/date-fns/esm/isSameDay/index.js");function B(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=B(t),G=B(a),R=B(r),L=B(n);const $={startOfDay:N.default,endOfDay:j.default,format:C.default,isValid:q.default,parse:W.default,parseISO:T.default,addDays:I.default,subDays:M.default,isEqual:H.default,isSameDay:P.default};"undefined"!=typeof window&&(window.dateFns=$);const z=require("axios").default,O=L.default.div`
+	button:hover,
+	button:active,
+	button:focus,
+	.btn.focus,
+	.btn:focus {
+		outline: none;
+	}
+
+	.btn.focus,
+	.btn:focus {
+		box-shadow: none;
+	}
+
+	.documents-group-placeholder{
+		flex-direction: column;
+		align-items: center;
+		display: flex;
+		justify-content: center;
+		svg{
+			fill: none;
+
+			path{
+				fill: none;
+			}
+		}
+	}
+
+	.new-item-btn{
+		@media (max-width: 450px) {
+			width: 100%;
+		}
+	}
+
+	.advanced-filter-btn:hover{
+		text-decoration: underline;
+	}
+
+	.blue-btn:hover:enabled{
+		background: #1642f3;
+	}
+
+	.secondary-blue-btn{
+		color: #2E56F4;
+		border-color: #2E56F4;
+	}
+
+	.secondary-blue-btn:hover:enabled{
+		color: #1642f3;
+		border-color: #1642f3;
+
+		svg path {
+			fill: #1642f3;
+		}
+	}
+`,V=L.default.div`
+	${({val:e})=>!e||e<=50?n.css`
+				background-color: #F7F9FE;
+				border: 0.8px solid rgba(46, 86, 244, 0.107873);`:e>50&&e<=100?n.css`background: '#E8ECFD';`:e>100&&e<=150?n.css`background: '#C6D1FC';`:e>150&&e<=200?n.css`background: '#718EFF';`:n.css`background: '#2E56F4';`}
+
+	&:hover{
+				border: 2px solid #0E35CE;
+	}
+`;exports.default=function(t){const r=D.useRouter();r.query;const{hideRightSide:n,selectedSideMenu:N,showSide:j,userName:C,sailUserStatus:q,defaultUser:W,firebase:T,auth:I,firestore:M,database:H,functions:P,serverSettings:B,appKey:L,apiKey:$,userPermissions:K,setSailUserStatus:U}=t,_={pathname:r.pathname,search:r.asPath.split("?")[1]?`?${r.asPath.split("?")[1]}`:"",hash:"",state:null};a.useEffect((()=>{try{const e=sessionStorage.getItem(`route-state-${r.pathname}`);e&&(_.state=JSON.parse(e))}catch(e){console.error("Error parsing route state:",e)}}),[r.pathname]);const Q=a.useCallback(((e,t={})=>{t.state&&sessionStorage.setItem(`route_state_${e}`,JSON.stringify(t.state)),r.push(e)}),[r]),[J,X]=a.useState(!1),{ref:Z,width:ee}=i.default(),te="d9deeaae398a4abd800e32ec56550ee9",[ae,re]=a.useState(!1),[le,ne]=a.useState(!1);a.useEffect((()=>{ee<985?(re(!0),ne(ee?ee-16:0)):(re(!1),ne(ee?ee-326:0))}),[ee]);const[ie,oe]=a.useState(new Date),[se,de]=a.useState(Y.default(ie).format("YYYY")),[ce,pe]=a.useState(Y.default(ie).format("YYYY")),[ue,me]=a.useState([]),[fe,ye]=a.useState([]),[he,ge]=a.useState([]),[xe,be]=a.useState([]),[Se,Ee]=a.useState([]),[ve,Ae]=a.useState([]),[we,Fe]=a.useState([]),[ke,De]=a.useState({}),[Ne,je]=a.useState({}),[Ce,qe]=a.useState({}),[We,Te]=a.useState({}),[Ie,Me]=a.useState([]),[He,Pe]=a.useState([]),[Be,Ye]=a.useState([]),[Ge,Re]=a.useState([]),[Le,$e]=a.useState({}),[ze,Oe]=a.useState({}),[Ve,Ke]=a.useState({}),[Ue,_e]=a.useState({}),[Qe,Je]=a.useState([]),[Xe,Ze]=a.useState([]),[et,tt]=a.useState([]),[at,rt]=a.useState([]),[lt,nt]=a.useState(null),[it,ot]=a.useState(null),[st,dt]=a.useState(null),[ct,pt]=a.useState(null),[ut,mt]=a.useState([]),[ft,yt]=a.useState([]),[ht,gt]=a.useState([]),[xt,bt]=a.useState([]),[St,Et]=a.useState([]),[vt,At]=a.useState([]),[wt,Ft]=a.useState([]),[kt,Dt]=a.useState([]),[Nt,jt]=a.useState([]),[Ct,qt]=a.useState([]),[Wt,Tt]=a.useState([]),[It,Mt]=a.useState([]),[Ht,Pt]=a.useState(0),[Bt,Yt]=a.useState(0),[Gt,Rt]=a.useState(0),[Lt,$t]=a.useState(0),[zt,Ot]=a.useState([]),[Vt,Kt]=a.useState([{label:"Hour",value:"hour"},{label:"Day",value:"day"},{label:"Week",value:"week"}]),[Ut,_t]=a.useState([{label:"Hour",value:"hour"},{label:"Day",value:"day"},{label:"Week",value:"week"}]),[Qt,Jt]=a.useState([{label:"Hour",value:"hour"},{label:"Day",value:"day"},{label:"Week",value:"week"}]),[Xt,Zt]=a.useState({id:"id-0000",value:"0000",label:"All Agents"}),[ea,ta]=a.useState((()=>"day")),[aa,ra]=a.useState("day"),[la,na]=a.useState("day"),[ia,oa]=a.useState("day"),[sa,da]=a.useState([]),ca=["#081348","#8B2DFF","#FFA000","#2A50FE","#00B287"],[pa,ua]=a.useState(!1),[ma,fa]=a.useState(!1),[ya,ha]=a.useState(!1),[ga,xa]=a.useState(!1),[ba,Sa]=a.useState(!1),[Ea,va]=a.useState(""),[Aa,wa]=a.useState(!0),[Fa,ka]=a.useState(!1),[Da,Na]=a.useState(!1),[ja,Ca]=a.useState(!1),[qa,Wa]=a.useState(!1),[Ta,Ia]=a.useState([]),[Ma,Ha]=a.useState([]),[Pa,Ba]=a.useState(0),[Ya,Ga]=a.useState(!1),[Ra,La]=a.useState({message:"",location:""}),[$a,za]=a.useState(!1),[Oa,Va]=a.useState((()=>window.innerWidth<620?300:600)),[Ka,Ua]=a.useState([]),[_a,Qa]=a.useState(!1);a.useEffect((()=>(Qa(!0),()=>{Qa(!1)})),[]);const Ja=e=>{},Xa=z.CancelToken.source();a.useEffect((()=>(document.addEventListener("click",Ja,!0),()=>{document.removeEventListener("click",Ja,!0),Xa.cancel("getAllIntentsBySkill request cancelled")})),[]),a.useEffect((()=>{me("week"===ea?[]:"day"===ea?fe:"hour"===ea?he:[])}),[ea]);const Za=a.useRef(null),er=a.useRef(null),[tr,ar]=a.useState(void 0);function rr(){if(window.innerWidth<900)if(sessionStorage.getItem("knowledgeWarning")&&"false"!==sessionStorage.getItem("knowledgeWarning")||ar(!0),Za.current){const e=Za.current?.scrollHeight+56;er.current.style.paddingTop=e+"px"}else er.current.style.paddingTop="56px";else ar(!1),er.current.style.paddingTop="56px";window.innerWidth<560?za(!0):za(!1),window.innerWidth<620?Va(300):Va(600)}a.useEffect((()=>(window.addEventListener("resize",rr),rr(),()=>{window.removeEventListener("resize",rr)})),[Za.current,tr]),a.useEffect((()=>{"active"!==q&&(j(!1),X(!0))}),[q]),a.useEffect((()=>{let e=!0;Ua((e=>e.filter((e=>!("FAIL"===e.type&&"Fetching chatbots name unsuccessful"===e.title)))));const t=z.CancelToken.source(),a={cancelToken:t.token};console.log("Get Chatbots Name API call parameters:",{appKey:L,apiKey:$,option:a});return(async(t=3)=>{let r=0;for(;r<t;)try{console.log(`Attempting to fetch chatbots name (attempt ${r+1}/${t})`);const l=await s.getChatbotsName(L,$,K,B,a);if(!e)return;console.log("GET chatbots name API Data",l.data);const n=l.data.data;return void(200===l.data.statusCode&&(Ot(n.chatbotNames),wa(!1)))}catch(a){if(!e)return;if(console.log(`API call attempt ${r+1} failed:`,a),a.response&&401===a.response.status&&(console.log("Auth error details:",{url:a.config?.url,method:a.config?.method,headers:a.config?.headers,params:a.config?.params}),r++,r<t)){const e=Math.min(1e3*Math.pow(2,r),5e3);console.log(`Waiting ${e}ms before retry ${r+1}...`),await new Promise((t=>setTimeout(t,e)));continue}return Ua((e=>[...e,{id:o.v4(),type:"FAIL",title:"Fetching chatbots name unsuccessful",message:""}])),console.error("GET chatbots name API Data: ",a),void wa(!1)}})(),()=>{e=!1,t.cancel("getAllChatbots request cancelled")}}),[L,$,B]),a.useEffect((()=>{let e=!0;ka(!0),Ua((e=>e.filter((e=>!("FAIL"===e.type&&"Fetching chat duration unsuccessful"===e.title)))));const t=`${ie}`,a={params:{pickDate:Y.default(ie).format("YYYY-MM-DD"),offset:t.substring(t.indexOf("GMT")+3,t.indexOf("GMT")+9)}};let r="";r="All Agents"===Xt.value?"0000":Xt.value,console.log("Get Average Chat Duration API call parameters:",{chatbotId:r,appKey:L,apiKey:$,option:a});return(async(t=3)=>{let l=0;for(;l<t;)try{console.log(`Attempting to fetch average chat duration (attempt ${l+1}/${t})`);const n=await s.getAverageChatDuration(L,$,K,B,r,a);if(!e)return;console.log("GET Average chat duration API Data",n.data);const i=n.data.data;return void(200===n.data.statusCode&&(be(i.rowsAvgHourArr),Ee(i.rowsAvgDayArr),Ae(i.rowsAvgWeekArr),je(i.objCardByHour),De(i.objCardByDay),qe(i.objCardByWeek),"week"===aa?(Fe(i.rowsAvgWeekArr),Te({...i.objCardByWeek})):"day"===aa?(Fe(i.rowsAvgDayArr),Te({...i.objCardByDay})):"hour"===aa&&(Fe(i.rowsAvgHourArr),Te({...i.objCardByHour})),ka(!1)))}catch(a){if(!e)return;if(console.log(`API call attempt ${l+1} failed:`,a),a.response&&401===a.response.status&&(console.log("Auth error details:",{url:a.config?.url,method:a.config?.method,headers:a.config?.headers,params:a.config?.params}),l++,l<t)){const e=Math.min(1e3*Math.pow(2,l),5e3);console.log(`Waiting ${e}ms before retry ${l+1}...`),await new Promise((t=>setTimeout(t,e)));continue}return Ua((e=>[...e,{id:o.v4(),type:"FAIL",title:"Fetching chat duration unsuccessful",message:""}])),console.error("GET Average chat duration API: ",a),void ka(!1)}})(),()=>{e=!1}}),[Xt,ie,L,$,B]),a.useEffect((()=>{let e=!0;Na(!0),Ua((e=>e.filter((e=>!("FAIL"===e.type&&"Fetching chat popularity unsuccessful"===e.title)))));const t=`${ie}`,a={params:{pickDate:Y.default(ie).format("YYYY-MM-DD"),offset:t.substring(t.indexOf("GMT")+3,t.indexOf("GMT")+9)}};let r="";r="All Agents"===Xt.value?"0000":Xt.value,console.log("Get Popularity API call parameters:",{chatbotId:r,appKey:L,apiKey:$,option:a});return(async(t=3)=>{let l=0;for(;l<t;)try{console.log(`Attempting to fetch chat popularity (attempt ${l+1}/${t})`);const n=await s.getPopularity(L,$,K,B,r,a);if(!e)return;console.log("GET chat popularity API Data",n.data);const i=n.data.data;return void(200===n.data.statusCode&&(Et(i.hoursArr),At(i.daysArr),Ft(i.weeksArr),mt(i.hourSkillsNameArr),yt(i.daySkillsNameArr),gt(i.weekSkillsNameArr),da(i.weekSkillsNameArr),jt((()=>{const e=i.hourSkillsNameArr.reduce(((e,t)=>e+t.qty),0),t=[];return i.hourSkillsNameArr.map((a=>{let r=Math.round(100*a.qty/e);t.push({name:a.label,value:r,tot:e})})),Pt(e),t})),qt((()=>{const e=i.daySkillsNameArr.reduce(((e,t)=>e+t.qty),0),t=[];return i.daySkillsNameArr.map((a=>{let r=Math.round(100*a.qty/e);t.push({name:a.label,value:r,tot:e})})),Yt(e),t})),Tt((()=>{const e=i.weekSkillsNameArr.reduce(((e,t)=>e+t.qty),0),t=[];return i.weekSkillsNameArr.map((a=>{let r=Math.round(100*a.qty/e);t.push({name:a.label,value:r,tot:e})})),Rt(e),t})),"week"===ia?(Dt(i.weeksArr),bt(i.weekSkillsNameArr),Mt((()=>{const e=i.weekSkillsNameArr.reduce(((e,t)=>e+t.qty),0),t=[];return i.weekSkillsNameArr.map((a=>{let r=Math.round(100*a.qty/e);t.push({name:a.label,value:r,tot:e})})),$t(e),t}))):"day"===ia?(Dt(i.daysArr),bt(i.daySkillsNameArr),Mt((()=>{const e=i.daySkillsNameArr.reduce(((e,t)=>e+t.qty),0),t=[];return i.daySkillsNameArr.map((a=>{let r=Math.round(100*a.qty/e);t.push({name:a.label,value:r,tot:e})})),$t(e),t}))):"hour"===ia&&(Dt(i.hoursArr),bt(i.hourSkillsNameArr),Mt((()=>{const e=i.hourSkillsNameArr.reduce(((e,t)=>e+t.qty),0),t=[];return i.hourSkillsNameArr.map((a=>{let r=Math.round(100*a.qty/e);t.push({name:a.label,value:r,tot:e})})),$t(e),t}))),Na(!1)))}catch(a){if(!e)return;if(console.log(`API call attempt ${l+1} failed:`,a),a.response&&401===a.response.status&&(console.log("Auth error details:",{url:a.config?.url,method:a.config?.method,headers:a.config?.headers,params:a.config?.params}),l++,l<t)){const e=Math.min(1e3*Math.pow(2,l),5e3);console.log(`Waiting ${e}ms before retry ${l+1}...`),await new Promise((t=>setTimeout(t,e)));continue}return Ua((e=>[...e,{id:o.v4(),type:"FAIL",title:"Fetching chat popularity unsuccessful",message:""}])),console.error("GET chat popularity API: ",a),void Na(!1)}})(),()=>{e=!1}}),[Xt,ie,L,$,B,ia]),a.useEffect((()=>{let e=!0;Ca(!0),Ua((e=>e.filter((e=>!("FAIL"===e.type&&"Fetching chat escalation unsuccessful"===e.title)))));const t=`${ie}`,a=Y.default(ie).format("YYYY-MM-DD"),r={params:{pickDate:a,offset:t.substring(t.indexOf("GMT")+3,t.indexOf("GMT")+9)}};let l="";l="All Agents"===Xt.value?"0000":Xt.value,console.log("Get Escalation Volume API call parameters:",{chatbotId:l,appKey:L,apiKey:$,option:r});return(async(t=3)=>{let n=0;for(;n<t;)try{console.log(`Attempting to fetch chat escalation (attempt ${n+1}/${t})`);const i=await s.getEscalationVolume(L,$,K,B,l,r);if(!e)return;console.log("GET chat escalation API Data",i.data);const o=i.data.data;return void(200===i.data.statusCode&&(Me(o.escalationHourArr),Pe(o.escalationDayArr),Ye(o.escalationWeekArr),Je(o.escalationHourArr),Ze(o.escalationHighDayArr),tt(o.escalationHighWeekArr),nt(a),ot(null===o.escalationHighDayArr[0]?.Group?"n/a":o.escalationHighDayArr[0]?.Group.split("T")[0]),dt(null===o.escalationHighWeekArr[0]?.Group?"n/a":o.escalationHighWeekArr[0]?.Group.split("T")[0]),Oe(o.hour),$e(o.day),Ke(o.week),"week"===la?(Re(o.escalationWeekArr),rt(o.escalationHighWeekArr),pt(null===o.escalationHighWeekArr[0]?.Group?"n/a":o.escalationHighWeekArr[0]?.Group.split("T")[0]),_e({...o.week})):"day"===la?(Re(o.escalationDayArr),rt(o.escalationHighDayArr),pt(null===o.escalationHighDayArr[0]?.Group?"n/a":o.escalationHighDayArr[0]?.Group.split("T")[0]),_e({...o.day})):"hour"===la&&(Re(o.escalationHourArr),rt(o.escalationHourArr),pt(a),_e({...o.hour})),Ca(!1)))}catch(a){if(!e)return;if(console.log(`API call attempt ${n+1} failed:`,a),a.response&&401===a.response.status&&(console.log("Auth error details:",{url:a.config?.url,method:a.config?.method,headers:a.config?.headers,params:a.config?.params}),n++,n<t)){const e=Math.min(1e3*Math.pow(2,n),5e3);console.log(`Waiting ${e}ms before retry ${n+1}...`),await new Promise((t=>setTimeout(t,e)));continue}return Ua((e=>[...e,{id:o.v4(),type:"FAIL",title:"Fetching chat escalation unsuccessful",message:""}])),console.error("GET chat escalation API: ",a),void Ca(!1)}})(),()=>{e=!1}}),[Xt,ie,L,$,B,la]);const[lr,nr]=a.useState(0),[ir,or]=a.useState({id:"skl-pg1",label:"10",value:"10"}),[sr,dr,cr]=y.useServerPaginationData(ir.value,lr);a.useEffect((()=>{let e=!0;if(console.log("appKey",L),L!==te)return void console.log("***************** appKey NOT ALLOWED *****************");Wa(!0),Ua((e=>e.filter((e=>!("FAIL"===e.type&&"Fetching user report unsuccessful"===e.title)))));const t={schema:{name:"user_report",alias:"ExtractionData"},pagination:{skip:0,limit:lr},sort:"ExtractionData.fullName asc",query:"",select:["fullname : ExtractionData.fullName","email : ExtractionData.email","phone : ExtractionData.phone","gender : ExtractionData.gender","status : ExtractionData.status","userCreatedDate : ExtractionData.userCreatedDate","userUpdatedDate : ExtractionData.userUpdatedDate","roles : ExtractionData.roles"]};console.log("Get User Report API call parameters:",{appKey:L,apiKey:$,option:t});return(async(a=3)=>{let r=0;for(;r<a;)try{console.log(`Attempting to fetch user report (attempt ${r+1}/${a})`);const l=await s.getUserReport(L,$,K,B,t);if(!e)return;console.log("GET getUserReport API Data",l.data);const n=l.headers["x-total-count"];n&&(console.log("GET getUserReport totalCount",n),nr(parseInt(n,10)));const i=l.data;Wa(!1),Ia(i);const o={};i.forEach((e=>{const t=e.roles.split(",").map((e=>e.trim())),a=e.fullName;t.forEach((e=>{o[e]||(o[e]=[]),o[e].push(a)}))}));const d=Object.entries(o).flatMap((([e,t])=>t.sort().map((t=>({roles:""===e?"none":e,names:t})))));return Ha(d),void Ba(d.length)}catch(t){if(!e)return;if(console.log(`API call attempt ${r+1} failed:`,t),t.response&&401===t.response.status&&(console.log("Auth error details:",{url:t.config?.url,method:t.config?.method,headers:t.config?.headers,params:t.config?.params}),r++,r<a)){const e=Math.min(1e3*Math.pow(2,r),5e3);console.log(`Waiting ${e}ms before retry ${r+1}...`),await new Promise((t=>setTimeout(t,e)));continue}return Ua((e=>[...e,{id:o.v4(),type:"FAIL",title:"Fetching user report unsuccessful",message:""}])),console.error("GET user report API: ",t),void Wa(!1)}})(),()=>{e=!1}}),[sr,lr,L,$,B,te]);let pr=[];pr.push({value:"Duration",label:"Duration"});const ur=()=>{window.innerWidth>document.body.clientWidth?fa(!0):fa(!1),ua(!0)};a.useEffect((()=>{"week"===aa?(Fe(ve),Te({...Ce})):"day"===aa?(Fe(Se),Te({...ke})):"hour"===aa&&(Fe(xe),Te({...Ne}))}),[aa]),a.useEffect((()=>{"week"===la?(Re(Be),rt(et),pt(st),_e({...Ve})):"day"===la?(Re(He),rt(Xe),pt(it),_e({...Le})):"hour"===la&&(Re(Ie),rt(Qe),pt(lt),_e({...ze}))}),[la]),a.useEffect((()=>{"week"===ia?(Dt(wt),bt(ht),Mt(Wt),$t(Gt)):"day"===ia?(Dt(vt),bt(ft),Mt(Ct),$t(Bt)):"hour"===ia&&(Dt(St),bt(ut),Mt(Nt),$t(Ht))}),[ia]),a.useEffect((()=>{"week"===la?de(Y.default(ie).format("YYYY")):"day"===la?de(Y.default(ie).format("MMMM YYYY")):"hour"===la&&de(Y.default(ie).format("dddd, MMMM D, YYYY"))}),[ie,la]),a.useEffect((()=>{"week"===ia?pe(Y.default(ie).format("YYYY")):"day"===ia?pe(Y.default(ie).format("MMMM YYYY")):"hour"===ia&&pe(Y.default(ie).format("dddd, MMMM D, YYYY"))}),[ie,ia]);let mr=G.default.createElement(G.default.Fragment,null,xt.map(((e,t)=>G.default.createElement("span",{key:"keyPop"+t,className:0===t?"out":`type${t}`},e.label)))),fr=G.default.createElement(G.default.Fragment,null,xt.map(((e,t)=>G.default.createElement("span",{key:"keyPopPie"+t,style:{marginLeft:"0"},className:0===t?"out":`type${t}`},e.label)))),yr=G.default.createElement("div",{id:"graphDash",className:"graphDash-sail chart-modal-sail",style:{height:"205px"},onClick:()=>{ur(),ha(!0)}},G.default.createElement(E.default,null,G.default.createElement(w.default,{hideSelection:!0,data:we,xAxis:{key:"Group",label:"",flagKey:"entranceFlag"},yAxis:{label:"Duration [s]"},keys:pr,allowDecimals:!0,selectedView:null}))),hr=G.default.createElement("div",{id:"graphDash",className:"graphDash-sail chart-modal-sail",style:{height:"205px"},onClick:()=>{ur(),xa(!0)}},G.default.createElement(E.default,null,G.default.createElement(w.default,{hideSelection:!0,data:Ge,xAxis:{key:"Group",label:"",flagKey:"entranceFlag"},yAxis:{label:"Volume"},keys:[{value:"LiveAgent",label:"LiveAgent"},{value:"Email",label:"Email"},{value:"Type3",label:"Type3"}],allowDecimals:!1,selectedView:null})));a.useEffect((()=>{ya?va(`Average Chat Durations by ${aa}`):ga?va(`Volume Of Escalations by ${la}`):ba&&va(`Popularity Over Time by ${ia}`)}),[pa,ya,ga,ba]);const gr=a.useMemo((()=>[{field:"Group",headerName:"day"===la?"Day":"hour"===la?"Hour":"Week",pinned:"left",cellStyle:{color:"blue"},valueFormatter:e=>{const t=e.value;if(!t)return"N/A";if("day"===la){const e=parseInt(t,10),[a,r]=se.split(" ");return new Date(`${a} ${e}, ${r}`).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}if("hour"===la){const[e]=t.split(":");let a=parseInt(e,10);return`${a%12||12} ${a>=12?"PM":"AM"}`}if("week"===la){const[e,a]=t.split("-"),r=parseInt(e,10),l=parseInt(a,10);return`Week of ${new Date(se,r-1,l).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}`}return t}},{field:"LiveAgent",headerName:"Live Agent",maxWidth:180,valueFormatter:e=>null==e.value?0:e.value},{field:"Email",headerName:"Email",maxWidth:180,valueFormatter:e=>null==e.value?0:e.value},{field:"Type1",headerName:"Total",valueFormatter:e=>null==e.value?0:e.value}]),[la,se]),xr=a.useMemo((()=>({flex:1,minWidth:200,sortable:!0,filter:!0,editable:!1,resizable:!1,floatingFilter:!0,suppressMenu:!0})),[]),br=a.useMemo((()=>[{field:"Group",headerName:"day"===aa?"Day":"hour"===aa?"Hour":"Week",pinned:"left",cellStyle:{color:"blue"},valueFormatter:e=>{const t=e.value;if(!t)return"N/A";if("day"===aa){const e=parseInt(t,10),a=Y.default(ie).format("MMMM YYYY"),[r,l]=a.split(" ");return new Date(`${r} ${e}, ${l}`).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}if("hour"===aa){const[e]=t.split(":");let a=parseInt(e,10);return`${a%12||12} ${a>=12?"PM":"AM"}`}if("week"===aa){const[e,a]=t.split("-"),r=parseInt(e,10),l=parseInt(a,10),n=Y.default(ie).format("YYYY");return`Week of ${new Date(n,r-1,l).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}`}return t}},{field:"Duration",headerName:"Average Duration [s]",flex:1,valueFormatter:e=>null==e.value?0:e.value}]),[aa,ie]),Sr=a.useMemo((()=>({flex:1,minWidth:200,sortable:!0,filter:!0,editable:!1,resizable:!0,floatingFilter:!0,suppressMenu:!0})),[]),Er=a.useMemo((()=>[{field:"fullName",headerName:"Full Name",pinned:"left",cellStyle:{color:"blue"}},{field:"userCreatedDate",headerName:"Created date",maxWidth:180},{field:"email",headerName:"Email",maxWidth:250},{field:"phone",headerName:"Phone number",maxWidth:180},{field:"roles",headerName:"Roles",flex:1}]),[Ta]),vr=a.useMemo((()=>({flex:1,minWidth:200,sortable:!0,filter:!0,editable:!1,resizable:!0,floatingFilter:!0,suppressMenu:!0})),[]),Ar=a.useMemo((()=>[{field:"roles",headerName:"Role",pinned:"left",cellRenderer:"agGroupCellRenderer",rowGroup:!0,hide:!1,cellStyle:{color:"blue"}},{field:"names",headerName:"Names",flex:1}]),[Ta]),wr=a.useMemo((()=>({headerName:"Role",field:"roles",cellRendererParams:{suppressCount:!0}})),[]),Fr=a.useMemo((()=>({flex:1,minWidth:200,sortable:!0,filter:!0,editable:!1,resizable:!1,floatingFilter:!0,suppressMenu:!0})),[]);return G.default.createElement(O,null,G.default.createElement(m.default,null),G.default.createElement("div",{className:"sail-admin  d-flex flex-column"},G.default.createElement(b.default,{customStyles:{paddingLeft:"0",left:"48px",justifyContent:"space-between","min-height":"56px"}},G.default.createElement(x.default,{style:{paddingLeft:"40.5px"},items:[{label:"SAIL",href:null},{label:"Admin Analytics",href:null}],appLogo:G.default.createElement(h.default,{icon:"app-logo",size:16,transform:"translate(0px,-6px)",color:"6B747F"}),separator:G.default.createElement(h.default,{icon:"chevron-right",size:10,transform:"translate(0px,-2px)"}),onClick:e=>{Q(`${e}`,{state:{prevPath:_.pathname,chatbot:{}}})}})),G.default.createElement("div",{className:"inner-page",ref:er},G.default.createElement(f.default,{style:{margin:"28px 0 0 0",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"14px 32px",minHeight:"80px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)"}},G.default.createElement("div",{className:"error-message-row"},G.default.createElement("div",{className:"d-flex justify-content-between analytic-dropdown-row-title"},G.default.createElement("div",{className:"d-flex align-items-center flex-wrap",style:{columnGap:"13px",height:"52px"}},G.default.createElement("div",{style:{display:"flex",alignItems:"center",width:"210px",height:"30px"}},G.default.createElement(k.default,{src:d.default,color:"#2E56F4",size:24,transform:"translate(0px,0px)",style:{marginRight:"8px"}}),G.default.createElement("h2",{style:{fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"22px",color:"#07114B",margin:"0px"}},"Admin Analiytics"))),G.default.createElement("div",{className:"analytic-dropdown-row",style:{display:"flex",columnGap:"32px"}},G.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",alignItems:"center",columnGap:"12px"}},G.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Agents"),G.default.createElement(A.default,{iconAfter:G.default.createElement(h.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"226px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:e=>{Zt(e)},options:zt,placeHolder:"Placeholder text",value:Xt,isValid:!0,errMsg:"",disabled:Aa||Fa||Da||ja})),G.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",alignItems:"center",columnGap:"12px"}},G.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Date"),G.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px"}},G.default.createElement(R.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:ie,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:Aa||Fa||Da||ja,selected:ie,onChange:e=>{oe(e)},onSelect:e=>{oe(e)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))))),Ya&&"pageTitle"===Ra.location&&G.default.createElement(u.default,{text:Ra.message,className:""})),G.default.createElement(F.default,{notifications:Ka,handleCloseToast:function(e){Ua((t=>t.filter((t=>t.id!==e))))},modalIsOpen:ma&&pa})),G.default.createElement("div",{style:{background:"#FBFBFB",display:"flex",flexDirection:"column"},id:"sail-analytics-container"},L===te&&G.default.createElement("div",{style:{minHeight:"304px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%",marginTop:"24px"}},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px",minHeight:"unset"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Users registered")),G.default.createElement("p",{style:{lineHeight:"25px",padding:"0 35px"}},"Total number of Users registered: ",G.default.createElement("span",{style:{fontWeight:600}},lr)),G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset"}},G.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},G.default.createElement("div",{className:"ag-theme-alpine",style:{height:535,width:"100%"}},G.default.createElement(e.AgGridReact,{columnDefs:Er,rowData:Ta,defaultColDef:vr,rowHeight:38,overlayNoRowsTemplate:'<div style="background: #fff; height: 100%; width: 100%; margin-top: -10px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: none !important;">There are no records to display</div>',tooltipShowDelay:0,tooltipHideDelay:2e3,pagination:!0,paginationPageSize:10})),G.default.createElement("div",null)))),L===te&&G.default.createElement("div",{style:{minHeight:"304px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%",marginTop:"24px",marginBottom:"24px"}},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px",minHeight:"unset"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Users names and rules")),G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"575px",background:"transparent",minWidth:"unset"}},G.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},G.default.createElement("div",{className:"ag-theme-alpine",style:{height:527,width:"100%"}},G.default.createElement(e.AgGridReact,{columnDefs:Ar,rowData:Ma,defaultColDef:Fr,autoGroupColumnDef:wr,rowHeight:38,overlayNoRowsTemplate:'<div style="background: #fff; height: 100%; width: 100%; margin-top: -10px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: none !important;">There are no records to display</div>',tooltipShowDelay:0,tooltipHideDelay:2e3,pagination:!0,paginationPageSize:10,groupDisplayType:"groupRows"})),G.default.createElement("div",null)))),G.default.createElement("div",{style:{display:"flex",flexDirection:"column",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px"}},G.default.createElement("header",{style:{display:"flex",flexWrap:"wrap",alignItems:"flex-start",padding:"21px 33px",gap:"15px",minHeight:"62px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px 3.6px 0px 0px"}},G.default.createElement("h3",{style:{fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"22px",color:"#081348",flex:"none",order:"0",flexGrow:"1",margin:"0"}},"Chat Duration & Abandonment"),G.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:"11px"},id:"header-duration-filter-chips-container"},G.default.createElement("span",{style:{fontSize:"12px",lineHeight:"15px",color:"#6B747F",whiteSpace:"nowrap"}},"View By"),G.default.createElement("div",{className:"header-rating-filter-chips"},G.default.createElement(g.default,{selected:aa,onClick:e=>ra(e),options:Vt,customStylesSelected:{borderRadius:"12.6px",borderColor:"#2E56F4",background:"rgba(46, 86, 244, 0.06);",padding:"3px 25px",outline:"none"},customStyles:{borderRadius:"12.6px",padding:"3px 25px",background:"#D4D7E3",borderColor:"#D4D7E3",color:"#081348",fontSize:"14px",lineHeight:"17px"},customStylesNotFirstChild:{marginLeft:"11px",outline:"none"}})))),G.default.createElement("div",{style:{display:"flex",gap:"16px",position:"relative",flexDirection:"column"}},G.default.createElement("div",{style:{display:"flex",gap:"16px"},className:"rating-chart-card-container"},G.default.createElement("div",{style:{minHeight:"352px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px"},className:"rating-chart-card-container-chart"},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Average Chat Durations")),G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset"}},G.default.createElement("div",{className:"eod-title",style:{color:"#07114B",fontWeight:"400"}},G.default.createElement("span",{style:{color:"#07114B",fontWeight:"400",fontSize:"14px"}},"week"===aa?Y.default(ie).format("YYYY"):"day"===aa?Y.default(ie).format("MMMM YYYY"):Y.default(ie).format("dddd, MMMM D, YYYY")),G.default.createElement("div",{className:"legend",style:{color:"#6C7886"}},G.default.createElement("span",{className:"in"},"Chats"))),yr)),G.default.createElement("div",{className:"rating-chart-card-container-side-cards",style:{display:"flex",gap:"16px"}},G.default.createElement("div",{className:"sail-card-analytics"},G.default.createElement("p",{className:"sail-card-analytics-header"},"Average Chat Duration"),G.default.createElement("div",{className:"sail-card-analytics-body",style:{maxWidth:"65%"}},G.default.createElement("p",null,We.cardAVGMin,"m"),G.default.createElement("p",null,We.cardAVGSec,"s")),G.default.createElement("div",{className:"sail-card-analytics-footer"},G.default.createElement("div",{style:{display:"flex",alignItems:"center"}},G.default.createElement("p",null,We.deltaPercentAvg,"%"),We.deltaPercentAvg>0&&G.default.createElement(k.default,{src:p.default,color:"#6B747F",size:14,transform:"translate(0px,0px)",style:{marginLeft:"6px",lineHeight:"0px"}}),We.deltaPercentAvg<0&&G.default.createElement(k.default,{src:p.default,color:"#6B747F",size:14,transform:"translate(0px,0px) rotate(180deg)",style:{marginLeft:"6px",lineHeight:"0px"}}),G.default.createElement(S.default,{contentTrigger:G.default.createElement(k.default,{src:c.default,size:14,transform:"translate(0px,0px)",style:{marginLeft:"6px",lineHeight:"0px"}}),contentOverlay:G.default.createElement("p",{style:{margin:"0"}},"Percentage variation based on the previous month's value"),toggleSimple:!0,customStyles:{overflowWrap:"break-word",wordWrap:"break-word",hyphens:"auto",whiteSpace:"break-spaces",fontWeight:"400",backgroundColor:"#39424D",color:"#F0F3F8",padding:"8px",borderRadius:"4px",fontSize:"12px",lineHeight:"14px"},customStylesTrigger:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"inherit",width:"60%"},popperOptionsP:{placement:"top"}})))))),L===te&&G.default.createElement("div",{style:{minHeight:"304px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Average Chat Duration Table")),G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset"}},G.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},G.default.createElement("div",{className:"ag-theme-alpine",style:{height:500,width:"100%"}},G.default.createElement(e.AgGridReact,{columnDefs:br,rowData:we,defaultColDef:Sr,rowHeight:38,overlayNoRowsTemplate:'<div style="background: #fff; height: 100%; width: 100%; margin-top: -10px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: none !important;">There are no records to display</div>',tooltipShowDelay:0,tooltipHideDelay:2e3})),G.default.createElement("div",null)))),Fa&&G.default.createElement("div",{className:"card-group-placeholder placeholder-animation analitycs-placeholder",style:{margin:"0",height:"unset",position:"absolute",width:"100%",height:"100%",top:"0",left:"0"}},"Loading Data"))),G.default.createElement("div",{style:{display:"flex",flexDirection:"column",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",marginTop:"24px"}},G.default.createElement("header",{style:{display:"flex",flexWrap:"wrap",alignItems:"flex-start",padding:"21px 33px",gap:"15px",minHeight:"62px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px 3.6px 0px 0px"}},G.default.createElement("h3",{style:{fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"22px",color:"#081348",flex:"none",order:"0",flexGrow:"1",margin:"0"}},"Escalations"),G.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:"11px"},id:"header-volume-filter-chips-container"},G.default.createElement("span",{style:{fontSize:"12px",lineHeight:"15px",color:"#6B747F",whiteSpace:"nowrap"}},"View By"),G.default.createElement("div",{className:"header-rating-filter-chips"},G.default.createElement(g.default,{selected:la,onClick:e=>na(e),options:Ut,customStylesSelected:{borderRadius:"12.6px",borderColor:"#2E56F4",background:"rgba(46, 86, 244, 0.06);",padding:"3px 25px",outline:"none"},customStyles:{borderRadius:"12.6px",padding:"3px 25px",background:"#D4D7E3",borderColor:"#D4D7E3",color:"#081348",fontSize:"14px",lineHeight:"17px"},customStylesNotFirstChild:{marginLeft:"11px",outline:"none"}})))),G.default.createElement("div",{style:{display:"flex",gap:"16px",position:"relative",flexDirection:"column"}},G.default.createElement("div",{style:{display:"flex",gap:"16px"},className:"rating-chart-card-container"},G.default.createElement("div",{style:{minHeight:"352px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px"},className:"rating-chart-card-container-chart"},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Volume Of Escalations")),G.default.createElement("div",{style:{background:"#FFFFFF",display:"flex",flexDirection:"column",gap:"16px"}},G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset"}},G.default.createElement("div",{className:"eod-title",style:{color:"#07114B",fontWeight:"400"}},G.default.createElement("span",{style:{color:"#07114B",fontWeight:"400",fontSize:"14px"}},se),G.default.createElement("div",{className:"legend",style:{color:"#6C7886"}},G.default.createElement("span",{className:"type1"},"Email"),G.default.createElement("span",{className:"type3"},"Live Agent"))),hr))),G.default.createElement("div",{className:"rating-chart-card-container-side-cards",style:{display:"flex",gap:"16px"}},G.default.createElement("div",{className:"sail-card-analytics"},G.default.createElement("p",{className:"sail-card-analytics-header",style:{maxWidth:"85%"}},"Average Volume of Escalations"),G.default.createElement("div",{className:"sail-card-analytics-body"},G.default.createElement("p",null,Ue.AVGQueryPercentage,"%")),G.default.createElement("div",{className:"sail-card-analytics-footer"},G.default.createElement("div",{style:{display:"flex",alignItems:"center"}},G.default.createElement("p",{style:{color:"#BF0000"}},Ue.percentageDiff,"%"),Ue.percentageDiff>0&&G.default.createElement(k.default,{src:p.default,color:"#BF0000",size:14,transform:"translate(0px,0px)",style:{marginLeft:"6px",lineHeight:"0px"}}),Ue.percentageDiff<0&&G.default.createElement(k.default,{src:p.default,color:"#BF0000",size:14,transform:"translate(0px,0px) rotate(180deg)",style:{marginLeft:"6px",lineHeight:"0px"}}),G.default.createElement(S.default,{contentTrigger:G.default.createElement(k.default,{src:c.default,size:14,transform:"translate(0px,0px)",style:{marginLeft:"6px",lineHeight:"0px"}}),contentOverlay:G.default.createElement("p",{style:{margin:"0"}},"Percentage variation based on the previous month's value"),toggleSimple:!0,customStyles:{overflowWrap:"break-word",wordWrap:"break-word",hyphens:"auto",whiteSpace:"break-spaces",fontWeight:"400",backgroundColor:"#39424D",color:"#F0F3F8",padding:"8px",borderRadius:"4px",fontSize:"12px",lineHeight:"14px"},customStylesTrigger:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"inherit",width:"60%"},popperOptionsP:{placement:"top"}})))))),L===te&&G.default.createElement("div",{style:{minHeight:"304px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Volume Of Escalations Table")),G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset"}},G.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},G.default.createElement("div",{className:"ag-theme-alpine",style:{height:500,width:"100%"}},G.default.createElement(e.AgGridReact,{columnDefs:gr,rowData:Ge,defaultColDef:xr,rowHeight:38,overlayNoRowsTemplate:'<div style="background: #fff; height: 100%; width: 100%; margin-top: -10px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: none !important;">There are no records to display</div>',tooltipShowDelay:0,tooltipHideDelay:2e3})),G.default.createElement("div",null)))),G.default.createElement("div",{style:{minHeight:"304px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Escalation Time Of The Day")),G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset"}},G.default.createElement("div",{className:"eod-title eod-title-sail",style:{color:"#07114B",fontWeight:"400",borderBottom:"1px solid #E0E7FF",paddingBottom:"20px"}},G.default.createElement("span",{style:{color:"#07114B",fontWeight:"400",fontSize:"14px"}},"Highest Escalation Day: ",G.default.createElement("span",{style:{fontWeight:"700"}},Y.default(ct).format("dddd, MMMM D, YYYY"))),G.default.createElement("div",{className:"legend legend-sail",style:{color:"#6C7886"}},G.default.createElement("span",{className:"escal-type1"},"0-50"),G.default.createElement("span",{className:"escal-type2"},"51-100"),G.default.createElement("span",{className:"escal-type3"},"101-150"),G.default.createElement("span",{className:"escal-type4"},"151-200"),G.default.createElement("span",{className:"escal-type5"},"200+"))),G.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},G.default.createElement("div",{className:"sail-verticalbar-chart-am",style:{}},G.default.createElement("p",null,"AM"),G.default.createElement("div",{className:"sail-verticalbar-bars-container",style:{display:"flex",flexDirection:"row"}},at.slice(0,12).map(((e,t)=>G.default.createElement("div",{key:t+"AM",style:{display:"flex",flexDirection:"column",justifyContent:"center",flex:"1 1 32px",alignItems:"center",gap:"8px"}},G.default.createElement(S.default,{contentTrigger:G.default.createElement(V,{style:{minHeight:"87px",minWidth:"10px",width:"100%",boxShadow:"0px 4px 14px rgba(0, 69, 202, 0.3)",borderRadius:"3px"},val:e.Type1}),contentOverlay:G.default.createElement("p",{style:{margin:"0"}},e.Type1?e.Type1:0," Escalations"),toggleSimple:!0,customStyles:{overflowWrap:"break-word",wordWrap:"break-word",hyphens:"auto",whiteSpace:"break-spaces",maxWidth:"200px",borderRadius:"6px",backgroundColor:"rgb(255, 255, 255)",border:"1px solid rgb(204, 204, 204)",color:"#6B747F",backgroundColor:"#39424D",color:"#F0F3F8",padding:"8px",borderRadius:"4px",fontSize:"12px",lineHeight:"14px"},customStylesTrigger:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"inherit",width:"100%",boxShadow:"0px 4px 14px rgba(0, 69, 202, 0.3)"},popperOptionsP:{placement:"top"}}),G.default.createElement("p",{style:{margin:"0px"}},0===t?12:t)))))),G.default.createElement("div",{className:"sail-verticalbar-chart-pm",style:{}},G.default.createElement("p",null,"PM"),G.default.createElement("div",{className:"sail-verticalbar-bars-container",style:{display:"flex",flexDirection:"row"}},at.slice(12).map(((e,t)=>G.default.createElement("div",{key:t+"PM",style:{display:"flex",flexDirection:"column",justifyContent:"center",flex:"1 1 32px",alignItems:"center",gap:"8px"}},G.default.createElement(S.default,{contentTrigger:G.default.createElement(V,{style:{minHeight:"87px",minWidth:"10px",width:"100%",boxShadow:"0px 4px 14px rgba(0, 69, 202, 0.3)",borderRadius:"3px"},val:e.Type1}),contentOverlay:G.default.createElement("p",{style:{margin:"0"}},e.Type1?e.Type1:0," Escalations"),toggleSimple:!0,customStyles:{overflowWrap:"break-word",wordWrap:"break-word",hyphens:"auto",whiteSpace:"break-spaces",maxWidth:"200px",borderRadius:"6px",backgroundColor:"rgb(255, 255, 255)",border:"1px solid rgb(204, 204, 204)",color:"#6B747F",backgroundColor:"#39424D",color:"#F0F3F8",padding:"8px",borderRadius:"4px",fontSize:"12px",lineHeight:"14px"},customStylesTrigger:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"inherit",width:"100%",boxShadow:"0px 4px 14px rgba(0, 69, 202, 0.3)"},popperOptionsP:{placement:"top"}}),G.default.createElement("p",{style:{margin:"0px"}},0===t?12:t)))))),G.default.createElement("div",null)))),ja&&G.default.createElement("div",{className:"card-group-placeholder placeholder-animation analitycs-placeholder",style:{margin:"0",height:"unset",position:"absolute",width:"unset"}},"Loading Data"))),G.default.createElement("div",{style:{display:"flex",flexDirection:"column",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",marginTop:"24px"}},G.default.createElement("header",{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"21px 33px",gap:"15px",minHeight:"137px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px 3.6px 0px 0px"}},G.default.createElement("h3",{style:{fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"22px",color:"#081348",flex:"none",order:"0",flexGrow:"1",margin:"0"}},"Popularity Of Content Per Agent"),G.default.createElement("div",{id:"sail-header-analytic-popularity",style:{display:"flex",gap:"20px"}},G.default.createElement("div",{style:{marginTop:"0px"}},G.default.createElement("p",{style:{fontSize:"13px",color:"#929EAC",marginBottom:"8px"}},"View By"),G.default.createElement("div",{id:"sail-analytics-populatiry-filter",style:{display:"flex",minHeight:"39px",alignItems:"center"}},G.default.createElement(g.default,{selected:ia,onClick:e=>oa(e),options:Qt,customStylesSelected:{borderRadius:"12.6px",borderColor:"#2E56F4",background:"rgba(46, 86, 244, 0.06);",padding:"3px 25px",outline:"none"},customStyles:{borderRadius:"12.6px",padding:"3px 25px",background:"#D4D7E3",borderColor:"#D4D7E3",color:"#081348",fontSize:"14px",lineHeight:"17px"},customStylesNotFirstChild:{marginLeft:"11px",outline:"none"}}))))),G.default.createElement("div",{id:"sail-analytics-popularity-chart-container",style:{display:"flex",gap:"16px",position:"relative"}},G.default.createElement("div",{style:{maxWidth:"314px",width:"100%",minHeight:"380.95px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px"}},G.default.createElement("header",{className:"header-pie"},G.default.createElement("p",null,"Percentage Breakdown")),G.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"31px",position:"relative"}},G.default.createElement("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:"100px"}},G.default.createElement("p",{style:{margin:"0",fontWeight:"400",fontSize:"24px",lineHeight:"30px",textAlign:"center",color:"#081348"}},Lt),G.default.createElement("p",{style:{margin:"0",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"center",color:"#6B747F"}},"Question Asked")),Lt?G.default.createElement(l.PieChart,{width:210,height:210},G.default.createElement(l.Pie,{dataKey:"value",data:It,cx:"50%",cy:"50%",innerRadius:60,outerRadius:100,fill:"#82ca9d"},It.map(((e,t)=>G.default.createElement(l.Cell,{key:`cell-${t}`,fill:ca[t%ca.length]})))),G.default.createElement(l.Tooltip,{contentStyle:{borderRadius:"6px",backgroundColor:"rgb(255, 255, 255)",border:"1px solid rgb(204, 204, 204)"},itemStyle:{color:"#6B747F",padding:"0",lineHeight:"16px"}})):G.default.createElement("div",{className:"sail-analytics-outer-circle-pie"},G.default.createElement("div",{className:"sail-analytics-inner-circle-pie"}))),G.default.createElement("div",{className:"eod-title",style:{display:"flex",justifyContent:"center"}},G.default.createElement("div",{style:{width:"91%",display:"flex",padding:"0 45px",columnGap:"30px",whiteSpace:"nowrap",flexWrap:"wrap",justifyContent:"center",rowGap:"13px",color:"#6C7886"},className:"legend"},fr))),G.default.createElement("div",{id:"sail-analytics-popularity-chart",style:{minHeight:"403px",background:"#FFFFFF",border:"0.5px solid #E2E6F5",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px"}},G.default.createElement("header",{className:"header-pie",style:{display:"flex",padding:"0 33px",justifyContent:"space-between",flexWrap:"wrap",paddingTop:"18px"}},G.default.createElement("p",{style:{lineHeight:"25px"}},"Popularity Over Time")),G.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",background:"transparent",minWidth:"unset"},id:"linechart-sail-analytics-container"},G.default.createElement("div",{className:"eod-title",style:{color:"#07114B",fontWeight:"400"}},G.default.createElement("span",{style:{color:"#07114B",fontWeight:"400",fontSize:"14px"}},ce),G.default.createElement("div",{className:"legend",style:{display:"flex",justifyContent:"space-evenly",whiteSpace:"nowrap",flexWrap:"wrap",color:"#6C7886"}},mr)),G.default.createElement("div",{className:"chart-modal-sail",id:"linechart-sail-analytics",style:{maxHeight:"257px",height:"257px",minHeight:"226px",overflow:"hidden"},onClick:()=>{ur(),Sa(!0)}},G.default.createElement(v.default,{chartID:"answ-t",data:kt,xAxis:{key:"Group",label:"Days"},yAxis:{label:"# Of Questions Answered"},keys:xt,unit:"",allowResize:!0,containerID:"linechart-sail-analytics"})))),Da&&G.default.createElement("div",{className:"card-group-placeholder placeholder-animation analitycs-placeholder",style:{margin:"0",height:"unset",position:"absolute",width:"unset"}},"Loading Data")))))))};