groundfloor-react-ui 1.3.90 → 1.3.91-sail1.546

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