groundfloor-react-ui 1.3.86-sail1.310 → 1.3.86-sail1.311

package/dist/SailAdmin/pages/SailChatbotAnalytics.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("ag-grid-react"),e=require("react"),a=require("react-bootstrap"),n=require("react-datepicker"),l=require("next/link"),r=require("recharts"),o=require("styled-components"),i=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/common/ErrorMessage.js"),m=require("./src/library/components/Sail/SailAdmin/common/ScrollToTop.js"),p=require("./src/library/components/Sail/SailAdmin/containers/SectionHeaderRow.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 u=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"),require("./src/library/components/Sail/SailAdmin/library/components/FilterChip/FilterChip.js");var f=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 h=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"),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 g=require("./src/library/components/Sail/SailAdmin/projectComponents/SingleSelectWFv3.js"),y=require("./src/library/components/Sail/SailAdmin/projectComponents/ToastMessages.js"),x=require("./src/library/components/Sail/SailAdmin/projectComponents/WfIcon.js"),b=require("next/router");function S(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var v=S(e),w=S(n),E=S(l),A=S(o);const F=require("axios").default,T="sail-chatbot-analytics-grid",D=t=>{const e=t.match(/(\d+)d\s+(\d+)h\s+(\d+)m/);if(e){return 24*parseInt(e[1])*60+60*parseInt(e[2])+parseInt(e[3])}return 0},C=t=>t.user_name&&!/^anonymous\s+user$/i.test(t.user_name)?t.user_name:t.user_email&&""!==t.user_email.trim()?t.user_email:"Anonymous User",k=["#2E56F4","#00D7F7","#FF6B6B","#4CAF50","#FFA726","#9C27B0","#FF4081","#607D8B","#00BCD4","#8BC34A"],I=A.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("ag-grid-react"),e=require("react"),a=require("react-datepicker"),n=require("next/link"),l=require("recharts"),r=require("styled-components"),o=require("uuid"),i=require("./src/library/components/Sail/SailAdmin/api/sailApi.js"),s=require("./src/library/components/Sail/SailAdmin/assets/analytic.svg.js"),d=require("./src/library/components/Sail/SailAdmin/common/ErrorMessage.js"),c=require("./src/library/components/Sail/SailAdmin/common/ScrollToTop.js"),m=require("./src/library/components/Sail/SailAdmin/containers/SectionHeaderRow.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 p=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"),require("./src/library/components/Sail/SailAdmin/library/components/FilterChip/FilterChip.js");var u=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 f=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"),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 g=require("./src/library/components/Sail/SailAdmin/projectComponents/SingleSelectWFv3.js"),h=require("./src/library/components/Sail/SailAdmin/projectComponents/ToastMessages.js"),y=require("./src/library/components/Sail/SailAdmin/projectComponents/WfIcon.js"),x=require("next/router");function b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var S=b(e),v=b(a),w=b(n),E=b(r);const A=require("axios").default,F="sail-chatbot-analytics-grid",T=t=>{const e=t.match(/(\d+)d\s+(\d+)h\s+(\d+)m/);if(e){return 24*parseInt(e[1])*60+60*parseInt(e[2])+parseInt(e[3])}return 0},D=t=>t.user_name&&!/^anonymous\s+user$/i.test(t.user_name)?t.user_name:t.user_email&&""!==t.user_email.trim()?t.user_email:"Anonymous User",C=["#2E56F4","#00D7F7","#FF6B6B","#4CAF50","#FFA726","#9C27B0","#FF4081","#607D8B","#00BCD4","#8BC34A"],k=E.default.div`
 	button:hover,
 	button:active,
 	button:focus,
@@ -53,7 +53,7 @@
 			fill: #1642f3;
 		}
 	}
-`,B=A.default.div`
+`,I=E.default.div`
   display: grid;
   gap: 24px;
   width: 100%;
@@ -71,7 +71,7 @@
       grid-column: 1 / -1;
     }
   }
-`,j=A.default.div`
+`,B=E.default.div`
   width: 100%;
   overflow-x: auto; /* Enables horizontal scroll if needed */
 
@@ -82,7 +82,7 @@
       min-width: 584px; /* The minimum width of the chart before horizontal scrolling kicks in */
     }
   }
-`,q=A.default.div`
+`,j=E.default.div`
   /* Allow grid card to shrink beyond its content’s default minimum width */
   min-width: 0;
   background-color: white;
@@ -104,7 +104,7 @@
 		@media (max-width: 1485px) {
     max-width: 100%;
   }
-`,$=A.default.div`
+`,q=E.default.div`
   background-color: white;
   border-radius: 0.5rem;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
@@ -125,18 +125,18 @@
   @media (max-width: 1485px) {
     max-width: 100%;  // Take full width in one-column layout
   }
-`,N=A.default.div`
+`,$=E.default.div`
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   min-height: 393px;
-`,L=A.default.div`
+`,N=E.default.div`
   border-bottom: 1px solid #e5e7eb;
-`,M=A.default.div`
+`,L=E.default.div`
   display: flex;
-`,W=A.default.button`
+`,M=E.default.button`
   border: none;
   padding: 7px;
   font-family: 'Averta Std', sans-serif;
@@ -153,7 +153,7 @@
   &:hover {
     color: ${t=>t.$isActive?"rgba(42, 80, 253, 1)":"#374151"};
   }
-`,z=A.default.div`
+`,z=E.default.div`
   width: 100%;
   overflow-x: auto; /* Always allow horizontal scrolling if needed */
 
@@ -161,21 +161,21 @@
 		@media (min-width: 1486px) {
     overflow-x: hidden;
   }
-`,P=A.default.div`
+`,W=E.default.div`
   width: 100%;
 
   /* In one-column state (viewport < 1486px) enforce a min-width */
   @media (min-width: 801px) and (max-width: 1485px) {
     min-width: 584px;
   }
-`,_=A.default.div`
+`,P=E.default.div`
   padding-top: 24px;
   flex: 1;
   display: flex;
   flex-direction: column;
-`,G=A.default.div`
+`,_=E.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
-`;exports.default=function(n){const l=b.useRouter(),{chatbotId:o}=l.query,{hideRightSide:S,selectedSideMenu:A,showSide:R,userName:O,sailUserStatus:H,goBack:U,goForward:V,defaultUser:Y,firebase:Z,auth:K,firestore:X,database:Q,functions:J,location:tt,navigate:et,serverSettings:at,appKey:nt,apiKey:lt,setSailUserStatus:rt,userPermissions:ot}=n,[it,st]=e.useState(!0),[dt,ct]=e.useState(window.innerWidth),[mt,pt]=e.useState((()=>tt.state?.chatbot?.name?tt.state.chatbot.name:"")),[ut,ft]=e.useState((()=>tt.state?.chatbot?.description?tt.state.chatbot.description:"")),[ht,gt]=e.useState((()=>tt.state?.chatbot?.status?tt.state.chatbot.status:"")),[yt,xt]=e.useState((()=>tt.state?.chatbot?.lastUpdate?tt.state.chatbot.lastUpdate:"")),[bt,St]=e.useState([]);e.useState({id:"id-0000",value:"0000",label:"All Agents"}),e.useState(new Date);const[vt,wt]=e.useState("overview"),[Et,At]=e.useState([{id:"usage-0",value:"Today",label:"Today"},{id:"usage-2",value:"This Month",label:"This Month"},{id:"usage-3",value:"This Year",label:"This Year"},{id:"usage-4",value:"Custom",label:"Custom"}]),[Ft,Tt]=e.useState({id:"usage-0",value:"Today",label:"Today"}),[Dt,Ct]=e.useState(new Date),[kt,It]=e.useState(new Date),[Bt,jt]=e.useState("overview"),[qt,$t]=e.useState([{id:"visitors-1",value:"Today",label:"Today"},{id:"visitors-2",value:"This Month",label:"This Month"},{id:"visitors-4",value:"This Year",label:"This Year"},{id:"visitors-5",value:"Custom",label:"Custom"}]),[Nt,Lt]=e.useState({id:"visitors-1",value:"Today",label:"Today"}),[Mt,Wt]=e.useState(new Date),[zt,Pt]=e.useState(new Date),[_t,Gt]=e.useState("overview"),[Rt,Ot]=e.useState([{id:"searchTerm-1",value:"Today",label:"Today"},{id:"searchTerm-2",value:"This Month",label:"This Month"},{id:"searchTerm-4",value:"This Year",label:"This Year"},{id:"searchTerm-5",value:"Custom",label:"Custom"}]),[Ht,Ut]=e.useState({id:"searchTerm-1",value:"Today",label:"Today"}),[Vt,Yt]=e.useState(new Date),[Zt,Kt]=e.useState(new Date),Xt=["#081348","#8B2DFF","#FFA000","#2A50FE","#00B287"],[Qt,Jt]=e.useState("overview"),[te,ee]=e.useState([{id:"popularity-1",value:"Today",label:"Today"},{id:"popularity-3",value:"This Month",label:"This Month"},{id:"popularity-4",value:"This Year",label:"This Year"},{id:"popularity-5",value:"Custom",label:"Custom"}]),[ae,ne]=e.useState({id:"popularity-1",value:"Today",label:"Today"}),[le,re]=e.useState(new Date),[oe,ie]=e.useState(new Date),[se,de]=e.useState("overview"),[ce,me]=e.useState([{id:"sessionDuration-3",value:"This Week",label:"This Week"},{id:"sessionDuration-4",value:"Last Week",label:"Last Week"}]),[pe,ue]=e.useState({id:"sessionDuration-3",value:"This Week",label:"This Week"}),[fe,he]=e.useState(new Date),[ge,ye]=e.useState(new Date),[xe,be]=e.useState([]),[Se,ve]=e.useState(!1),[we,Ee]=e.useState(1),[Ae,Fe]=e.useState(1),[Te,De]=e.useState(-1),[Ce,ke]=e.useState(0),[Ie,Be]=e.useState(0),[je,qe]=e.useState([]),[$e,Ne]=e.useState(!1),[Le,Me]=e.useState(1),[We,ze]=e.useState(0),[Pe,_e]=e.useState(0),[Ge,Re]=e.useState([]),[Oe,He]=e.useState(!1),[Ue,Ve]=e.useState(1),[Ye,Ze]=e.useState(1),[Ke,Xe]=e.useState(-1),[Qe,Je]=e.useState(0),[ta,ea]=e.useState([]),[aa,na]=e.useState([]),[la,ra]=e.useState(0),[oa,ia]=e.useState(!1),[sa,da]=e.useState(1),[ca,ma]=e.useState(1),[pa,ua]=e.useState(-1),[fa,ha]=e.useState(0),[ga,ya]=e.useState([]),[xa,ba]=e.useState(!0),[Sa,va]=e.useState(!1),[wa,Ea]=e.useState({message:"",location:""}),[Aa,Fa]=e.useState([]),[Ta,Da]=e.useState(!1);e.useEffect((()=>{(()=>{if("undefined"!=typeof document){const t="sail-ag-grid-custom-styles";if(!document.getElementById(t)){const e=document.createElement("style");e.id=t,e.textContent=`\n        .${T} .ag-header {\n          border-bottom: 2px solid #BBC4CF !important;\n        }\n        .${T} .ag-header-cell::after {\n          content: '';\n          position: absolute;\n          right: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          height: 14px;\n          width: 2px;\n          background-color: #BBC4CF;\n        }\n        .${T} .ag-header-cell:last-child::after {\n          display: none;\n        }\n        .${T} .ag-root-wrapper {\n          border: none !important;\n        }\n        .${T} .ag-root {\n          border: none !important;\n        }\n        .${T} .ag-paging-panel {\n          border-top: 1px solid #E2E6F5;\n          color: #081348;\n        }\n        .${T} .ag-body-viewport {\n          overflow-y: hidden !important;\n          scrollbar-width: none !important;\n          -ms-overflow-style: none !important;\n        }\n        .${T} .ag-body-viewport::-webkit-scrollbar {\n          display: none !important;\n          width: 0 !important;\n        }\n        .${T} .ag-center-cols-clipper {\n          min-height: 469px !important;\n        }\n        /* Additional rules to hide scrollbars */\n        .${T} .ag-body-vertical-scroll {\n          display: none !important;\n        }\n        .${T} .ag-body-vertical-scroll-viewport {\n          display: none !important;\n        }\n        .${T} .ag-body-vertical-scroll-container {\n          display: none !important;\n        }\n        /* Hide all scrollbars in the grid */\n        .${T} .ag-theme-alpine ::-webkit-scrollbar {\n          display: none !important;\n          width: 0 !important;\n          height: 0 !important;\n        }\n        .${T} {\n          scrollbar-width: none !important;\n          -ms-overflow-style: none !important;\n        }\n        .${T} .ag-center-cols-clipper {\n          min-height: 469px !important; /* Exactly 10 rows (52px × 10) */\n        }\n      `,document.head.appendChild(e)}}})()}),[]),e.useEffect((()=>{const t=()=>{ct(window.innerWidth)};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[]),e.useEffect((()=>{if("team"===vt)return;let t=!0;console.log("usage.value",Ft.value);return(async()=>{let e,a;Ne(!0);let n="today";if("This Week"===Ft.value)n="this_week";else if("This Month"===Ft.value)n="this_month";else if("Last Month"===Ft.value)n="last_month";else if("This Year"===Ft.value)n="this_year";else if("Custom"===Ft.value){n="custom";const t=new Date(Dt);t.setHours(0,0,0,0);const l=new Date(kt);l.setHours(23,59,59,999),e=t.toISOString(),a=l.toISOString()}const l=(new Date).getTimezoneOffset();Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch usage data"===t.title)))));try{await(async(r=3)=>{let d=0;for(;d<r;)try{console.log(`Attempting to fetch usage data (attempt ${d+1}/${r})`);const i=await s.getChatbotUsage(nt,lt,ot,at,o,"chart",n,e,a,l);if(!t)return;if("success"===i.data.status)if(console.log("response.data.data",i.data.data),"This Year"===Ft.value){const t=i.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));qe(e),Be(i.data.data.total_count)}else if("This Month"===Ft.value){const t=i.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));qe(e),Be(i.data.data.total_count)}else if("Last Month"===Ft.value){const t=i.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));qe(e),Be(i.data.data.total_count)}else if("Today"===Ft.value){const t=i.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));qe(e),Be(i.data.data.total_count)}else if("Custom"===Ft.value){const t=i.data.data.time_stats,e=Object.entries(t).map((([t,e])=>({date:t,conversations:e?.value||0})));qe(e),Be(i.data.data.total_count||0)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<r)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch usage data",message:e.message}]))}})()}finally{t&&Ne(!1)}})(),()=>{t=!1}}),[o,Ft.value,Dt,kt,vt,nt,lt,at]);const[Ca,ka]=e.useState([]);e.useEffect((()=>{if("overview"===vt)return;let t=!0;return(async()=>{Ne(!0);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";const a=(new Date).getTimezoneOffset();Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch usage data"===t.title)))));try{await(async(n=3)=>{let l=0;for(;l<n;)try{console.log(`Attempting to fetch usage grid data (attempt ${l+1}/${n})`);const r=await s.getChatbotUsage(nt,lt,ot,at,o,"grid","custom","2025-01-01T00:00:00.000Z",e,a,{params:{page:we,pageSize:Te}});if(!t)return;if(console.log("response.data.data",r.data.data),r.data.data.items){const t=r.data.data.items.map((t=>({user:C(t),chatbotopens:t.message_count,timestamp:Math.floor(new Date(t.last_message.timestamp).getTime()/1e3)})));ka(t)}const i=r.data.data.pagination;return Me(i.total_pages),void ze(i.total_items)}catch(e){if(!t)return;if(console.log(`API call attempt ${l+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),l++,l<n)){const t=Math.min(1e3*Math.pow(2,l),5e3);console.log(`Waiting ${t}ms before retry ${l+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch usage data",message:e.message}]))}})()}finally{t&&Ne(!1)}})(),()=>{t=!1}}),[o,vt,we,Te,nt,lt,at]),e.useEffect((()=>{if("team"===Bt)return;let t=!0;return(async()=>{let e,a;He(!0);let n="today";"This Month"===Nt.value?n="month":"This Year"===Nt.value?n="year":"Custom"===Nt.value&&(n="custom",e=`${Mt.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${zt.toISOString().split("T")[0]}T23:59:59.999Z`);const l=(new Date).getTimezoneOffset();Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch visitors data"===t.title)))));try{await(async(r=3)=>{let d=0;for(;d<r;)try{console.log(`Attempting to fetch visitors data (attempt ${d+1}/${r})`);const i=await s.getChatbotVisitors(nt,lt,ot,at,o,"chart",n,e,a,l);if(!t)return;if("success"===i.data.status)if("Today"===Nt.value){const t=i.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,visitors:t[e].value})));Re(e),_e(i.data.data.total_count)}else if("This Month"===Nt.value){const t=i.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,visitors:t[e].value})));Re(e),_e(i.data.data.total_count)}else if("This Year"===Nt.value){const t=i.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,visitors:t[e].value})));Re(e),_e(i.data.data.total_count)}else if("Custom"===Nt.value){const t=i.data.data.time_stats,e=Object.entries(t).map((([t,e])=>({date:t,visitors:e?.value||0})));Re(e),_e(i.data.data.total_count||0)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<r)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch visitors data",message:e.message}]))}})()}finally{t&&He(!1)}})(),()=>{t=!1}}),[o,Nt.value,Mt,zt,Bt,nt,lt,at]),e.useEffect((()=>{if("overview"===Bt)return;let t=!0;return(async()=>{He(!0),console.log("fetchVisitorsData",o,Nt.value,Mt,zt);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch visitors data"===t.title)))));try{await(async(a=3)=>{let n=0;for(;n<a;)try{console.log(`Attempting to fetch visitors grid data (attempt ${n+1}/${a})`);const l=await s.getChatbotVisitors(nt,lt,at,o,"grid","custom","2025-01-01T00:00:00.000Z",e,{params:{page:Ue,pageSize:Ke}});if(!t)return;if("success"===l.data.status){console.log("response.data.data",l.data.data);const t=l.data.data.items.map((t=>({user:t.user_name,chatbotopens:t.login_count,timestamp:Math.floor(new Date(t.last_login.timestamp).getTime()/1e3)}))),e=l.data.data.pagination;Ze(e.total_pages),Je(e.total_items),ea(t)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${n+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),n++,n<a)){const t=Math.min(1e3*Math.pow(2,n),5e3);console.log(`Waiting ${t}ms before retry ${n+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch visitors data",message:e.message}]))}})()}finally{t&&He(!1)}})(),()=>{t=!1}}),[o,Bt,Ue,Ke,nt,lt,at]),e.useEffect((()=>{if("team"===_t)return;let t=!0;return(async()=>{let e,a;ia(!0),console.log("fetchSearchTermData",o,Ht.value,Vt,Zt);let n="today";"This Month"===Ht.value?n="month":"This Year"===Ht.value?n="year":"Custom"===Ht.value&&(n="custom",e=`${Vt.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${Zt.toISOString().split("T")[0]}T23:59:59.999Z`);const l=(new Date).getTimezoneOffset();Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch search term data"===t.title)))));try{await(async(r=3)=>{let d=0;for(;d<r;)try{console.log(`Attempting to fetch search term data (attempt ${d+1}/${r})`);const i=await s.getChatbotPopularSearchTerm(nt,lt,ot,at,o,"chart",n,e,a,l);if(!t)return;if("success"===i.data.status){const t=i.data.data.documents_breakdown.by_name;st(Object.keys(t).length>0);const e=Object.keys(t).map((e=>({name:e,value:t[e].count})));na(e),ra(i.data.data.total_usages)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<r)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch search term data",message:e.message}]))}})()}finally{t&&ia(!1)}})(),()=>{t=!1}}),[o,Ht.value,Vt,Zt,nt,lt,at,_t]),e.useEffect((()=>{if("overview"===_t)return;let t=!0;return(async()=>{ia(!0);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch search term data"===t.title)))));try{await(async(a=3)=>{let n=0;for(;n<a;)try{console.log(`Attempting to fetch search term table data (attempt ${n+1}/${a})`);const l=await s.getChatbotPopularSearchTerm(nt,lt,ot,at,o,"grid","custom","2025-01-01T00:00:00.000Z",e,{params:{page:sa,pageSize:pa}});if(!t)return;if("success"===l.data.status&&(console.log("response.data.data",l.data.data),l.data.data?.items)){const t=l.data.data.items.map((t=>({searchTerm:t.document_name,requests:t.requests})));if(t.push({searchTerm:"Total",requests:l.data.data.total_requests}),ya(t),l.data.data.pagination){const t=l.data.data.pagination;console.log("Pagination data:",t),da(t.current_page),ma(t.total_pages),ua(t.page_size),ha(t.total_items)}}return}catch(e){if(!t)return;if(console.log(`API call attempt ${n+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),n++,n<a)){const t=Math.min(1e3*Math.pow(2,n),5e3);console.log(`Waiting ${t}ms before retry ${n+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch search term data",message:e.message}]))}})()}finally{t&&ia(!1)}})(),()=>{t=!1}}),[o,_t,sa,pa,nt,lt,at]);const[Ia,Ba]=e.useState([]),[ja,qa]=e.useState(!1),$a=(t,e)=>{try{switch(e){case"today":const[e]=t.split(":"),a=parseInt(e,10);return`${a%12||12}${a>=12?"PM":"AM"}`;case"month":if(t.includes("-")){return new Date(`${t}T12:00:00`).toLocaleDateString("en-US",{month:"short",day:"numeric"})}return t;case"year":default:return t;case"custom":if(!t.includes("-"))return t;return new Date(`${t}T12:00:00`).toLocaleDateString("en-US",{month:"short",day:"numeric"})}}catch(a){return console.error("Error formatting date:",t,e,a),t}};e.useEffect((()=>{let t=!0;return(async()=>{let e,a;qa(!0);let n="today";"This Month"===ae.value?n="month":"This Year"===ae.value?n="year":"Custom"===ae.value&&(n="custom",e=`${le.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${oe.toISOString().split("T")[0]}T23:59:59.999Z`);const l=(new Date).getTimezoneOffset();Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch popularity data"===t.title)))));try{await(async(r=3)=>{let d=0;for(;d<r;)try{console.log(`Attempting to fetch popularity data (attempt ${d+1}/${r})`);const i=await s.getChatbotPopularityBySkill(nt,lt,ot,at,o,"chart",n,e,a,l);if(!t)return;if("success"===i.data.status){const{time_stats:t,skills:e}=i.data.data;console.log("Raw time stats:",t),console.log("Skills:",e);const a=e.reduce(((t,e)=>(t[e.skill_id]=e.skill_name,t)),{}),l=Object.entries(t).map((([t,l])=>{const r={date:$a(t,n)};return e.forEach((t=>{r[t.skill_name]=0})),Object.keys(l).length>0&&Object.entries(l).forEach((([t,e])=>{const n=a[t];n&&(r[n]=Number(e.value))})),r}));console.log("Parsed popularity data:",l),Ba(l)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<r)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch popularity data",message:e.message}]))}})()}finally{t&&qa(!1)}})(),()=>{t=!1}}),[o,ae.value,le,oe,nt,lt,at]);const[Na,La]=e.useState([]),[Ma,Wa]=e.useState(!1);e.useEffect((()=>{let t=!0;return(async()=>{let e,a;Wa(!0);let n="today";"This Month"===pe.value?n="month":"This Year"===pe.value?n="year":"Custom"===pe.value?(n="custom",e=`${fe.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${ge.toISOString().split("T")[0]}T23:59:59.999Z`):"Last Week"===pe.value?n="last_week":"This Week"===pe.value&&(n="this_week");const l=(new Date).getTimezoneOffset();Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch session duration data"===t.title)))));try{await(async(r=3)=>{let d=0;for(;d<r;)try{console.log(`Attempting to fetch session duration data (attempt ${d+1}/${r})`);const i=await s.getChatbotAverageSessionDuration(nt,lt,ot,at,o,"chart",n,e,a,l);if(!t)return;if("success"===i.data.status){console.log("Session duration for chart response.data.data",i.data.data);const t=i.data.data.items.map((t=>({time:t.time_period,sessionDuration:t.average_duration||0})));La(t)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<r)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch session duration data",message:e.message}]))}})()}finally{t&&Wa(!1)}})(),()=>{t=!1}}),[o,pe.value,fe,ge,nt,lt,at]);const za=e.useMemo((()=>[{field:"user",headerName:"User",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:200},{field:"lengthOfStay",headerName:"Length of Stay (minutes)",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"numberOfQuestions",headerName:"Number of questions",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"numberOfContent",headerName:"No. of Content",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"avgTimeBetweenVisits",headerName:"Avg. Time Between Visits",flex:1,valueFormatter:t=>null==t.value?0:t.value}]),[]),Pa=e.useMemo((()=>[{field:"user",headerName:"User",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:200},{field:"chatbotopens",headerName:"Chatbot Opens",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"timestamp",headerName:"Timestamp",flex:1,valueFormatter:t=>{if(null==t.value)return"";return new Date(1e3*t.value).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}).replace(",","")}}]),[]),_a=e.useMemo((()=>[{field:"user",headerName:"User",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:200},{field:"chatbotopens",headerName:"Chatbot Opens",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"timestamp",headerName:"Timestamp",flex:1,valueFormatter:t=>{if(null==t.value)return"";return new Date(1e3*t.value).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}).replace(",","")}}]),[]),Ga=e.useMemo((()=>[{field:"searchTerm",headerName:"Search Term",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:300,resizable:!0,suppressSizeToFit:!1},{field:"requests",headerName:"Requests",flex:1,valueFormatter:t=>null==t.value?"0":t.value.toLocaleString("en-US")}]),[]);e.useEffect((()=>{let t=!0;return(async()=>{ve(!0);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";const a=(new Date).getTimezoneOffset();Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch engagement data"===t.title)))));try{await(async(n=3)=>{let l=0;for(;l<n;)try{console.log(`Attempting to fetch engagement data (attempt ${l+1}/${n})`);const r=await s.getChatbotUserEngagement(nt,lt,ot,at,o,"table","custom","2025-01-01T00:00:00.000Z",e,a,{params:{page:we,pageSize:Te}});if(!t)return;if("success"===r.data.status){console.log("response.data.data",r.data.data);const t=r.data.data.items.map((t=>({user:t.user,lengthOfStay:Math.round(t.length_of_stay/60),numberOfQuestions:t.question_count,numberOfContent:t.content_interactions,avgTimeBetweenVisits:"0d 0h 0m"===t.time_between_visits?0:D(t.time_between_visits)}))),e=r.data.data.pagination;Fe(e.total_pages),ke(e.total_items),be(t)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${l+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),l++,l<n)){const t=Math.min(1e3*Math.pow(2,l),5e3);console.log(`Waiting ${t}ms before retry ${l+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Failed to fetch engagement data",message:e.message}]))}})()}finally{t&&ve(!1)}})(),()=>{t=!1}}),[o,we,Te,nt,lt,at]),e.useEffect((()=>(Da(!0),()=>{Da(!1)})),[]),e.useRef(null);const Ra=e.useRef(null);e.useState(void 0),e.useEffect((()=>{let t=!0;Fa((t=>t.filter((t=>!("FAIL"===t.type&&"Fetching chatbots name unsuccessful"===t.title)))));const e=F.CancelToken.source(),a={cancelToken:e.token};return(async(e=3)=>{let n=0;for(;n<e;)try{console.log(`Attempting to fetch chatbots names (attempt ${n+1}/${e})`);const l=await s.getChatbotsName(nt,lt,ot,at,a);if(!t)return;console.log("GET chatbots name API Data",l.data);const r=l.data.data;return void(200===l.data.statusCode&&(St(r.chatbotNames),ba(!1)))}catch(a){if(!t)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<e)){const t=Math.min(1e3*Math.pow(2,n),5e3);console.log(`Waiting ${t}ms before retry ${n+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return Fa((t=>[...t,{id:i.v4(),type:"FAIL",title:"Fetching chatbots name unsuccessful",message:""}])),console.error("GET chatbots name API Data: ",a),void ba(!1)}})(),()=>{t=!1,e.cancel("getAllChatbots request cancelled")}}),[nt,lt,at]);const Oa=[{href:"",label:"SAIL"},{href:"/sail",label:"Agents"},{href:`/sail/sailadmin/chat/${o}`,label:"Chat"},{href:`/sail/sailadmin/chatbots/${o}`,label:mt},{href:"",label:"Analytics"}],Ha="sailChatbotView"===sessionStorage.getItem("prevPage")?`/sail/sailadmin/chatbots/${o}`:`/sail/sailadmin/chat/${o}`;return v.default.createElement(I,null,v.default.createElement(m.default,null),v.default.createElement("div",{className:"sail-admin  d-flex flex-column"},v.default.createElement(h.default,{customStyles:{paddingLeft:"0",left:"48px",justifyContent:"space-between","min-height":"56px"}},v.default.createElement(f.default,{style:{paddingLeft:"40.5px"},items:Oa,appLogo:v.default.createElement(u.default,{icon:"app-logo",size:16,transform:"translate(0px,-6px)",color:"6B747F"}),separator:v.default.createElement(u.default,{icon:"chevron-right",size:10,transform:"translate(0px,-2px)"}),onClick:t=>{et(`${t}`,{state:{prevView:"chatbot",prevPath:tt.pathname,chatbot:{name:mt,description:ut,lastUpdate:yt,status:ht}}})}})),v.default.createElement("div",{className:"inner-page",ref:Ra,style:{paddingTop:"0px"}},v.default.createElement(p.default,{className:"section-header backlink chatbots"},v.default.createElement(E.default,{className:"back-link-bt",href:Ha,onClick:()=>{const t={prevView:"chatbot",prevPath:tt.pathname,chatbot:{name:mt,description:ut,lastUpdate:yt,status:ht}};sessionStorage.setItem(`route-state-${Ha}`,JSON.stringify(t))},style:{}},v.default.createElement(u.default,{icon:"chevron-left",size:8,transform:"translate(0px,-4px)",color:"#FFF"}),"Back")),v.default.createElement(p.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)"}},v.default.createElement("div",{className:"error-message-row"},v.default.createElement("div",{className:"d-flex justify-content-between analytic-dropdown-row-title"},v.default.createElement("div",{className:"d-flex align-items-center flex-wrap",style:{columnGap:"13px",height:"52px"}},v.default.createElement("div",{style:{display:"flex",alignItems:"center",width:"210px",height:"30px"}},v.default.createElement(x.default,{src:d.default,color:"#2E56F4",size:24,transform:"translate(0px,0px)",style:{marginRight:"8px"}}),v.default.createElement("h2",{style:{fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"22px",color:"#07114B",margin:"0px"}},"Agent Analytics"))),v.default.createElement("div",{className:"analytic-dropdown-row",style:{display:"flex",columnGap:"32px"}},!1,!1)),Sa&&"pageTitle"===wa.location&&v.default.createElement(c.default,{text:wa.message,className:""})),v.default.createElement(y.default,{notifications:Aa,handleCloseToast:function(t){Fa((e=>e.filter((e=>e.id!==t))))}})),v.default.createElement("div",{style:{background:"#FBFBFB",display:"flex",flexDirection:"column",width:"100%"},id:"sail-analytics-container"},v.default.createElement(B,null,v.default.createElement(q,{style:{}},v.default.createElement(L,null,v.default.createElement(M,null,v.default.createElement(W,{$isActive:"overview"===vt,onClick:()=>wt("overview"),style:{width:"217px",backgroundColor:"transparent"}},"Chatbot Usage (Charts)"),v.default.createElement(W,{$isActive:"team"===vt,onClick:()=>wt("team"),style:{width:"217px",backgroundColor:"transparent"}},"Chatbot Usage (Grid)"))),$e?v.default.createElement(N,null,v.default.createElement(a.Spinner,{animation:"border",variant:"primary",style:{width:"3rem",height:"3rem",borderWidth:"0.25em",color:"#2E56F4"}})):"overview"===vt?v.default.createElement(_,null,v.default.createElement(G,null,v.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),v.default.createElement(g.default,{iconAfter:v.default.createElement(u.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{Tt(t)},options:Et,placeHolder:"Placeholder text",value:Ft,isValid:!0,errMsg:"",disabled:xa})),"Custom"===Ft.value&&v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:Dt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:Dt,onChange:t=>{Ct(t)},onSelect:t=>{Ct(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:kt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:kt,onChange:t=>{It(t)},onSelect:t=>{It(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),v.default.createElement("p",{style:{fontSize:"14px",margin:"0",textAlign:"center",color:"rgba(8, 19, 72, 1)"}},"The chatbot has been opened a total of ",v.default.createElement("span",{style:{fontWeight:"600"}},Ie)," times"),v.default.createElement(z,null,v.default.createElement(P,null,v.default.createElement(r.ResponsiveContainer,{key:dt,width:"100%",height:393},v.default.createElement(r.BarChart,{data:je,margin:{top:20,right:30,left:0,bottom:5}},v.default.createElement(r.CartesianGrid,{strokeDasharray:"3 3"}),v.default.createElement(r.XAxis,{dataKey:"date"}),v.default.createElement(r.YAxis,{width:35,tickMargin:5}),v.default.createElement(r.Tooltip,null),v.default.createElement(r.Bar,{dataKey:"conversations",fill:"#99b3f4",name:"Total Usage"})))))):v.default.createElement("div",{style:{minHeight:"469px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},v.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},v.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},v.default.createElement("div",{className:`ag-theme-alpine ${T}`,style:{height:469,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px","--ag-body-vertical-scroll-viewport-height":"none"}},v.default.createElement(t.AgGridReact,{columnDefs:Pa,rowData:Ca,defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:{display:"flex",alignItems:"center",color:"#081348",padding:"0 33px"}},pagination:!0,paginationPageSize:7,rowHeight:52,headerHeight:52,domLayout:"normal",overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:$e,tooltipShowDelay:0,tooltipHideDelay:2e3})),v.default.createElement("div",null))))),v.default.createElement(q,{style:{}},v.default.createElement(L,null,v.default.createElement(M,null,v.default.createElement(W,{$isActive:"overview"===Bt,onClick:()=>jt("overview"),style:{width:"217px",backgroundColor:"transparent"}},"Unique Visitors (Charts)"),v.default.createElement(W,{$isActive:"team"===Bt,onClick:()=>jt("team"),style:{width:"217px",backgroundColor:"transparent"}},"Unique Visitors (Grid)"))),Oe?v.default.createElement(N,null,v.default.createElement(a.Spinner,{animation:"border",variant:"primary",style:{width:"3rem",height:"3rem",borderWidth:"0.25em",color:"#2E56F4"}})):"overview"===Bt?v.default.createElement(_,null,v.default.createElement(G,null,v.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),v.default.createElement(g.default,{iconAfter:v.default.createElement(u.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{Lt(t)},options:qt,placeHolder:"Placeholder text",value:Nt,isValid:!0,errMsg:"",disabled:xa})),"Custom"===Nt.value&&v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:Mt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:Mt,onChange:t=>{Wt(t)},onSelect:t=>{Wt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:zt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:zt,onChange:t=>{Pt(t)},onSelect:t=>{Pt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),v.default.createElement("p",{style:{fontSize:"14px",margin:"0",textAlign:"center",color:"rgba(8, 19, 72, 1)"}},"The site has been visited a total of ",v.default.createElement("span",{style:{fontWeight:"600"}},Pe)," times by unique visitors"),v.default.createElement(j,null,v.default.createElement(z,null,v.default.createElement(P,null,v.default.createElement(r.ResponsiveContainer,{key:dt,width:"100%",height:393,minWidth:584},v.default.createElement(r.BarChart,{data:Ge,margin:{top:20,right:30,left:0,bottom:5}},v.default.createElement(r.CartesianGrid,{strokeDasharray:"3 3"}),v.default.createElement(r.XAxis,{dataKey:"date"}),v.default.createElement(r.YAxis,{width:35,tickMargin:5}),v.default.createElement(r.Tooltip,null),v.default.createElement(r.Bar,{dataKey:"visitors",fill:"#99daf4",name:"Total Visitors"}))))))):v.default.createElement("div",{style:{minHeight:"469px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},v.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},v.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},v.default.createElement("div",{className:"ag-theme-alpine",style:{height:469,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px","--ag-body-vertical-scroll-viewport-height":"none"}},v.default.createElement("style",null,"\n                .ag-header {\n                    border-bottom: 2px solid #BBC4CF !important;\n                }\n                .ag-header-cell::after {\n                    content: '';\n                    position: absolute;\n                    right: 0;\n                    top: 50%;\n                    transform: translateY(-50%);\n                    height: 14px;  /* Short divider */\n                    width: 2px;    /* Slightly thicker */\n                    background-color: #BBC4CF;\n                }\n                .ag-header-cell:last-child::after {\n                    display: none;\n                }\n                .ag-root-wrapper {\n                    border: none !important;\n                }\n                .ag-root {\n                    border: none !important;\n                }\n\t\t\t\t\t\t\t\t.ag-paging-panel {\n                    border-top: 1px solid #E2E6F5;\n                    color: #081348;\n                }\n\t\t\t\t\t\t\t\t .ag-body-viewport {\n        overflow-y: hidden !important;\n        scrollbar-width: none !important;\n        -ms-overflow-style: none !important;\n    }\n    .ag-body-viewport::-webkit-scrollbar {\n        display: none !important;\n        width: 0 !important;\n    }\n    .ag-center-cols-clipper {\n        min-height: 469px !important;\n    }\n    /* Additional rules to hide scrollbars */\n    .ag-body-vertical-scroll {\n        display: none !important;\n    }\n    .ag-body-vertical-scroll-viewport {\n        display: none !important;\n    }\n    .ag-body-vertical-scroll-container {\n        display: none !important;\n    }\n    /* Hide all scrollbars in the grid */\n    .ag-theme-alpine ::-webkit-scrollbar {\n        display: none !important;\n        width: 0 !important;\n        height: 0 !important;\n    }\n    .ag-theme-alpine {\n        scrollbar-width: none !important;\n        -ms-overflow-style: none !important;\n    }\n                .ag-center-cols-clipper {\n                    min-height: 469px !important; /* Exactly 10 rows (52px × 10) */\n                }\n            "),v.default.createElement(t.AgGridReact,{columnDefs:_a,rowData:ta,defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:{display:"flex",alignItems:"center",color:"#081348",padding:"0 33px"}},pagination:!0,paginationPageSize:7,rowHeight:52,headerHeight:52,domLayout:"normal",tooltipShowDelay:0,tooltipHideDelay:2e3,overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:Oe})),v.default.createElement("div",null))))),v.default.createElement(q,{style:{}},v.default.createElement(L,null,v.default.createElement(M,null,v.default.createElement(W,{$isActive:"overview"===_t,onClick:()=>Gt("overview"),style:{width:"245px",backgroundColor:"transparent"}},"Popular Search Term (Chart)"),v.default.createElement(W,{$isActive:"team"===_t,onClick:()=>Gt("team"),style:{width:"230px",backgroundColor:"transparent"}},"Popular Search Term (Grid)"))),oa?v.default.createElement(N,null,v.default.createElement(a.Spinner,{animation:"border",variant:"primary",style:{width:"3rem",height:"3rem",borderWidth:"0.25em",color:"#2E56F4"}})):"overview"===_t?v.default.createElement(_,null,v.default.createElement(G,null,v.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),v.default.createElement(g.default,{iconAfter:v.default.createElement(u.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{Ut(t)},options:Rt,placeHolder:"Placeholder text",value:Ht,isValid:!0,errMsg:"",disabled:xa})),"Custom"===Ht.value&&v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:Vt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:Vt,onChange:t=>{Yt(t)},onSelect:t=>{Yt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:zt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:zt,onChange:t=>{Pt(t)},onSelect:t=>{Pt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),v.default.createElement("p",{style:{fontSize:"14px",margin:"0",textAlign:"center",color:"rgba(8, 19, 72, 1)"}},"Top Five Search Term"),v.default.createElement(j,null,v.default.createElement(z,null,v.default.createElement(P,null,v.default.createElement(r.ResponsiveContainer,{key:dt,width:"100%",height:393,minWidth:584},v.default.createElement(r.PieChart,{width:242,height:242},v.default.createElement(r.Pie,{dataKey:"value",data:it?aa:[{name:"No terms",value:1}],nameKey:"name",cx:"50%",cy:"50%",innerRadius:100,outerRadius:150,fill:"#82ca9d"},it?aa.map(((t,e)=>v.default.createElement(r.Cell,{key:`cell-${e}`,fill:Xt[e%Xt.length]}))):v.default.createElement(r.Cell,{fill:"transparent",stroke:"#BBC4CF",strokeWidth:2}),v.default.createElement(r.Label,{content:({viewBox:t})=>{const{cx:e,cy:a}=t;return v.default.createElement(v.default.Fragment,null,v.default.createElement("text",{x:e,y:a-10,textAnchor:"middle",dominantBaseline:"middle",style:{fontSize:"16px",fontWeight:"bold",fill:"#081348"}},la),v.default.createElement("text",{x:e,y:a+15,textAnchor:"middle",dominantBaseline:"middle",style:{fontSize:"12px",fill:"#6B747F"}},"Requests"))}})),v.default.createElement(r.Tooltip,{contentStyle:{borderRadius:"6px",backgroundColor:"rgb(255, 255, 255)",border:"1px solid rgb(204, 204, 204)"},itemStyle:{color:"#6B747F",padding:"0",lineHeight:"16px"}}),v.default.createElement(r.Legend,null)," ")))))):v.default.createElement("div",{style:{minHeight:"469px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},v.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},v.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},v.default.createElement("div",{className:"ag-theme-alpine",style:{height:469,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px","--ag-body-vertical-scroll-viewport-height":"none"}},v.default.createElement("style",null,"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 2px solid #BBC4CF !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 14px;  /* Short divider */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 2px;    /* Slightly thicker */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: #BBC4CF;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell:last-child::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-paging-panel {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid #E2E6F5;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #081348;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-viewport {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toverflow-y: hidden !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscrollbar-width: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-ms-overflow-style: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-viewport::-webkit-scrollbar {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 0 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-center-cols-clipper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin-height: 469px !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/* Additional rules to hide scrollbars */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-vertical-scroll {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-vertical-scroll-viewport {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-vertical-scroll-container {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/* Hide all scrollbars in the grid */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-theme-alpine ::-webkit-scrollbar {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 0 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-theme-alpine {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscrollbar-width: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-ms-overflow-style: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-center-cols-clipper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin-height: 469px !important; /* Exactly 10 rows (52px × 10) */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-row-pinned {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: #FFFFFF !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid #E2E6F5 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"),v.default.createElement(t.AgGridReact,{columnDefs:Ga,rowData:ga.filter((t=>"Total"!==t.searchTerm)),defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:t=>({display:"flex",alignItems:"center",color:"#081348",padding:"0 33px",fontWeight:"Total"===t.data?.searchTerm?"600":"normal"})},pagination:!0,paginationPageSize:6,rowHeight:52,headerHeight:52,domLayout:"normal",tooltipShowDelay:0,tooltipHideDelay:2e3,overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:oa,pinnedBottomRowData:[ga.find((t=>"Total"===t.searchTerm))]})),v.default.createElement("div",null))))),v.default.createElement(q,{style:{}},v.default.createElement(L,null,v.default.createElement(M,null,v.default.createElement(W,{onClick:()=>Jt("overview"),style:{width:"240px",backgroundColor:"transparent",color:"#081348",fontWeight:"400",cursor:"auto"}},"Popularity Trends by Skills"))),ja?v.default.createElement(N,null,v.default.createElement(a.Spinner,{animation:"border",variant:"primary",style:{width:"3rem",height:"3rem",borderWidth:"0.25em",color:"#2E56F4"}})):"overview"===Qt?v.default.createElement(_,null,v.default.createElement(G,null,v.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),v.default.createElement(g.default,{iconAfter:v.default.createElement(u.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{ne(t)},options:te,placeHolder:"Placeholder text",value:ae,isValid:!0,errMsg:"",disabled:xa})),"Custom"===ae.value&&v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:le,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:le,onChange:t=>{re(t)},onSelect:t=>{re(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:oe,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:oe,onChange:t=>{ie(t)},onSelect:t=>{ie(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),v.default.createElement(j,null,v.default.createElement(z,null,v.default.createElement(P,null,v.default.createElement(r.ResponsiveContainer,{key:dt,width:"100%",height:416,minWidth:584},v.default.createElement(r.LineChart,{data:Ia,margin:{top:20,right:30,left:0,bottom:5}},v.default.createElement(r.CartesianGrid,{strokeDasharray:"3 3"}),v.default.createElement(r.XAxis,{dataKey:"date",type:"category",angle:-45,textAnchor:"end",height:60}),v.default.createElement(r.YAxis,{width:35,tickMargin:5,axisLine:!0,tickLine:!0}),v.default.createElement(r.Tooltip,null),v.default.createElement(r.Legend,{verticalAlign:"bottom",height:36,wrapperStyle:{paddingTop:"20px"}}),Ia[0]&&Object.keys(Ia[0]).filter((t=>"date"!==t)).map(((t,e)=>{const a=k[e%k.length];return v.default.createElement(r.Line,{key:t,type:"monotone",dataKey:t,name:t,stroke:a,strokeWidth:2,dot:{r:4,fill:a,stroke:"#FFFFFF",strokeWidth:2},activeDot:{r:6,fill:a,stroke:"#FFFFFF",strokeWidth:2},connectNulls:!0})})))))))):v.default.createElement("div",{style:{padding:"24px",flex:1,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"lightblue",height:"100%",minHeight:"527px"}},v.default.createElement("div",{style:{color:"#6B747F",fontSize:"14px",fontWeight:"500"}},"Place holder for grid table"))),v.default.createElement($,{style:{gridColumn:"1 / -1"}},v.default.createElement(L,null,v.default.createElement(M,null,v.default.createElement(W,{onClick:()=>de("overview"),style:{width:"217px",backgroundColor:"transparent",color:"#081348",fontWeight:"400",cursor:"auto"}},"User Engagement Matrix"))),Se?v.default.createElement(N,null,v.default.createElement(a.Spinner,{animation:"border",variant:"primary",style:{width:"3rem",height:"3rem",borderWidth:"0.25em",color:"#2E56F4"}})):v.default.createElement("div",{style:{minHeight:"304px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},v.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},v.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},v.default.createElement("div",{className:"ag-theme-alpine",style:{height:625,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px"}},v.default.createElement("style",null,"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 2px solid #BBC4CF !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 14px;  /* Short divider */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 2px;    /* Slightly thicker */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: #BBC4CF;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell:last-child::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-paging-panel {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid #E2E6F5;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #081348;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-viewport {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toverflow-y: hidden !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-center-cols-clipper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin-height: 520px !important; /* Exactly 10 rows (52px × 10) */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"),v.default.createElement(t.AgGridReact,{columnDefs:za,rowData:xe,defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:{display:"flex",alignItems:"center",color:"#081348",padding:"0 33px"}},pagination:!0,paginationPageSize:7,rowHeight:52,headerHeight:52,domLayout:"normal",overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:Se,tooltipShowDelay:0,tooltipHideDelay:2e3})),v.default.createElement("div",null))))),v.default.createElement($,{style:{gridColumn:"1 / -1"}},v.default.createElement(L,null,v.default.createElement(M,null,v.default.createElement(W,{onClick:()=>de("overview"),style:{width:"217px",backgroundColor:"transparent",color:"#081348",fontWeight:"400",cursor:"auto"}},"Average Session Duration"))),Ma?v.default.createElement(N,null,v.default.createElement(a.Spinner,{animation:"border",variant:"primary",style:{width:"3rem",height:"3rem",borderWidth:"0.25em",color:"#2E56F4"}})):"overview"===se?v.default.createElement(_,null,v.default.createElement(G,null,v.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),v.default.createElement(g.default,{iconAfter:v.default.createElement(u.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{ue(t)},options:ce,placeHolder:"Placeholder text",value:pe,isValid:!0,errMsg:"",disabled:xa})),"Custom"===pe.value&&v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:fe,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:fe,onChange:t=>{he(t)},onSelect:t=>{he(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),v.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},v.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),v.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},v.default.createElement(w.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:ge,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:xa,selected:ge,onChange:t=>{ye(t)},onSelect:t=>{ye(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),v.default.createElement(j,null,v.default.createElement(z,null,v.default.createElement(P,null,v.default.createElement(r.ResponsiveContainer,{key:dt,width:"100%",height:393,minWidth:584},v.default.createElement(r.BarChart,{data:Na,margin:{top:20,right:30,left:20,bottom:5}},v.default.createElement(r.CartesianGrid,{strokeDasharray:"3 3"}),v.default.createElement(r.XAxis,{dataKey:"time",type:"category",tickFormatter:t=>t}),v.default.createElement(r.YAxis,{width:60,tickMargin:5,tickFormatter:t=>t.toLocaleString()}),v.default.createElement(r.Tooltip,null),v.default.createElement(r.Bar,{dataKey:"sessionDuration",fill:"#99daf4",name:"sessionDuration",barSize:40}))))))):v.default.createElement("div",{style:{padding:"24px",flex:1,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"lightblue",height:"100%",minHeight:"527px"}},v.default.createElement("div",{style:{color:"#6B747F",fontSize:"14px",fontWeight:"500"}},"Place holder for grid table"))))))))};
+`;exports.default=function(a){const n=x.useRouter(),{chatbotId:r}=n.query,{hideRightSide:b,selectedSideMenu:E,showSide:G,userName:R,sailUserStatus:O,goBack:H,goForward:U,defaultUser:V,firebase:Y,auth:Z,firestore:K,database:X,functions:Q,location:J,navigate:tt,serverSettings:et,appKey:at,apiKey:nt,setSailUserStatus:lt,userPermissions:rt}=a,[ot,it]=e.useState(!0),[st,dt]=e.useState(window.innerWidth),[ct,mt]=e.useState((()=>J.state?.chatbot?.name?J.state.chatbot.name:"")),[pt,ut]=e.useState((()=>J.state?.chatbot?.description?J.state.chatbot.description:"")),[ft,gt]=e.useState((()=>J.state?.chatbot?.status?J.state.chatbot.status:"")),[ht,yt]=e.useState((()=>J.state?.chatbot?.lastUpdate?J.state.chatbot.lastUpdate:"")),[xt,bt]=e.useState([]);e.useState({id:"id-0000",value:"0000",label:"All Agents"}),e.useState(new Date);const[St,vt]=e.useState("overview"),[wt,Et]=e.useState([{id:"usage-0",value:"Today",label:"Today"},{id:"usage-2",value:"This Month",label:"This Month"},{id:"usage-3",value:"This Year",label:"This Year"},{id:"usage-4",value:"Custom",label:"Custom"}]),[At,Ft]=e.useState({id:"usage-0",value:"Today",label:"Today"}),[Tt,Dt]=e.useState(new Date),[Ct,kt]=e.useState(new Date),[It,Bt]=e.useState("overview"),[jt,qt]=e.useState([{id:"visitors-1",value:"Today",label:"Today"},{id:"visitors-2",value:"This Month",label:"This Month"},{id:"visitors-4",value:"This Year",label:"This Year"},{id:"visitors-5",value:"Custom",label:"Custom"}]),[$t,Nt]=e.useState({id:"visitors-1",value:"Today",label:"Today"}),[Lt,Mt]=e.useState(new Date),[zt,Wt]=e.useState(new Date),[Pt,_t]=e.useState("overview"),[Gt,Rt]=e.useState([{id:"searchTerm-1",value:"Today",label:"Today"},{id:"searchTerm-2",value:"This Month",label:"This Month"},{id:"searchTerm-4",value:"This Year",label:"This Year"},{id:"searchTerm-5",value:"Custom",label:"Custom"}]),[Ot,Ht]=e.useState({id:"searchTerm-1",value:"Today",label:"Today"}),[Ut,Vt]=e.useState(new Date),[Yt,Zt]=e.useState(new Date),Kt=["#081348","#8B2DFF","#FFA000","#2A50FE","#00B287"],[Xt,Qt]=e.useState("overview"),[Jt,te]=e.useState([{id:"popularity-1",value:"Today",label:"Today"},{id:"popularity-3",value:"This Month",label:"This Month"},{id:"popularity-4",value:"This Year",label:"This Year"},{id:"popularity-5",value:"Custom",label:"Custom"}]),[ee,ae]=e.useState({id:"popularity-1",value:"Today",label:"Today"}),[ne,le]=e.useState(new Date),[re,oe]=e.useState(new Date),[ie,se]=e.useState("overview"),[de,ce]=e.useState([{id:"sessionDuration-3",value:"This Week",label:"This Week"},{id:"sessionDuration-4",value:"Last Week",label:"Last Week"}]),[me,pe]=e.useState({id:"sessionDuration-3",value:"This Week",label:"This Week"}),[ue,fe]=e.useState(new Date),[ge,he]=e.useState(new Date),[ye,xe]=e.useState([]),[be,Se]=e.useState(!1),[ve,we]=e.useState(1),[Ee,Ae]=e.useState(1),[Fe,Te]=e.useState(-1),[De,Ce]=e.useState(0),[ke,Ie]=e.useState(0),[Be,je]=e.useState([]),[qe,$e]=e.useState(!1),[Ne,Le]=e.useState(1),[Me,ze]=e.useState(0),[We,Pe]=e.useState(0),[_e,Ge]=e.useState([]),[Re,Oe]=e.useState(!1),[He,Ue]=e.useState(1),[Ve,Ye]=e.useState(1),[Ze,Ke]=e.useState(-1),[Xe,Qe]=e.useState(0),[Je,ta]=e.useState([]),[ea,aa]=e.useState([]),[na,la]=e.useState(0),[ra,oa]=e.useState(!1),[ia,sa]=e.useState(1),[da,ca]=e.useState(1),[ma,pa]=e.useState(-1),[ua,fa]=e.useState(0),[ga,ha]=e.useState([]),[ya,xa]=e.useState(!0),[ba,Sa]=e.useState(!1),[va,wa]=e.useState({message:"",location:""}),[Ea,Aa]=e.useState([]),[Fa,Ta]=e.useState(!1);e.useEffect((()=>{(()=>{if("undefined"!=typeof document){const t="sail-ag-grid-custom-styles";if(!document.getElementById(t)){const e=document.createElement("style");e.id=t,e.textContent=`\n        .${F} .ag-header {\n          border-bottom: 2px solid #BBC4CF !important;\n        }\n        .${F} .ag-header-cell::after {\n          content: '';\n          position: absolute;\n          right: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          height: 14px;\n          width: 2px;\n          background-color: #BBC4CF;\n        }\n        .${F} .ag-header-cell:last-child::after {\n          display: none;\n        }\n        .${F} .ag-root-wrapper {\n          border: none !important;\n        }\n        .${F} .ag-root {\n          border: none !important;\n        }\n        .${F} .ag-paging-panel {\n          border-top: 1px solid #E2E6F5;\n          color: #081348;\n        }\n        .${F} .ag-body-viewport {\n          overflow-y: hidden !important;\n          scrollbar-width: none !important;\n          -ms-overflow-style: none !important;\n        }\n        .${F} .ag-body-viewport::-webkit-scrollbar {\n          display: none !important;\n          width: 0 !important;\n        }\n        .${F} .ag-center-cols-clipper {\n          min-height: 469px !important;\n        }\n        /* Additional rules to hide scrollbars */\n        .${F} .ag-body-vertical-scroll {\n          display: none !important;\n        }\n        .${F} .ag-body-vertical-scroll-viewport {\n          display: none !important;\n        }\n        .${F} .ag-body-vertical-scroll-container {\n          display: none !important;\n        }\n        /* Hide all scrollbars in the grid */\n        .${F} .ag-theme-alpine ::-webkit-scrollbar {\n          display: none !important;\n          width: 0 !important;\n          height: 0 !important;\n        }\n        .${F} {\n          scrollbar-width: none !important;\n          -ms-overflow-style: none !important;\n        }\n        .${F} .ag-center-cols-clipper {\n          min-height: 469px !important; /* Exactly 10 rows (52px × 10) */\n        }\n      `,document.head.appendChild(e)}}})()}),[]),e.useEffect((()=>{const t=()=>{dt(window.innerWidth)};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[]),e.useEffect((()=>{if("team"===St)return;let t=!0;console.log("usage.value",At.value);return(async()=>{let e,a;$e(!0);let n="today";if("This Week"===At.value)n="this_week";else if("This Month"===At.value)n="this_month";else if("Last Month"===At.value)n="last_month";else if("This Year"===At.value)n="this_year";else if("Custom"===At.value){n="custom";const t=new Date(Tt);t.setHours(0,0,0,0);const l=new Date(Ct);l.setHours(23,59,59,999),e=t.toISOString(),a=l.toISOString()}const l=(new Date).getTimezoneOffset();Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch usage data"===t.title)))));try{await(async(s=3)=>{let d=0;for(;d<s;)try{console.log(`Attempting to fetch usage data (attempt ${d+1}/${s})`);const o=await i.getChatbotUsage(at,nt,rt,et,r,"chart",n,e,a,l);if(!t)return;if("success"===o.data.status)if(console.log("response.data.data",o.data.data),"This Year"===At.value){const t=o.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));je(e),Ie(o.data.data.total_count)}else if("This Month"===At.value){const t=o.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));je(e),Ie(o.data.data.total_count)}else if("Last Month"===At.value){const t=o.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));je(e),Ie(o.data.data.total_count)}else if("Today"===At.value){const t=o.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,conversations:t[e].value})));je(e),Ie(o.data.data.total_count)}else if("Custom"===At.value){const t=o.data.data.time_stats,e=Object.entries(t).map((([t,e])=>({date:t,conversations:e?.value||0})));je(e),Ie(o.data.data.total_count||0)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<s)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch usage data",message:e.message}]))}})()}finally{t&&$e(!1)}})(),()=>{t=!1}}),[r,At.value,Tt,Ct,St,at,nt,et]);const[Da,Ca]=e.useState([]);e.useEffect((()=>{if("overview"===St)return;let t=!0;return(async()=>{$e(!0);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";const a=(new Date).getTimezoneOffset();Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch usage data"===t.title)))));try{await(async(n=3)=>{let l=0;for(;l<n;)try{console.log(`Attempting to fetch usage grid data (attempt ${l+1}/${n})`);const o=await i.getChatbotUsage(at,nt,rt,et,r,"grid","custom","2025-01-01T00:00:00.000Z",e,a,{params:{page:ve,pageSize:Fe}});if(!t)return;if(console.log("response.data.data",o.data.data),o.data.data.items){const t=o.data.data.items.map((t=>({user:D(t),chatbotopens:t.message_count,timestamp:Math.floor(new Date(t.last_message.timestamp).getTime()/1e3)})));Ca(t)}const s=o.data.data.pagination;return Le(s.total_pages),void ze(s.total_items)}catch(e){if(!t)return;if(console.log(`API call attempt ${l+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),l++,l<n)){const t=Math.min(1e3*Math.pow(2,l),5e3);console.log(`Waiting ${t}ms before retry ${l+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch usage data",message:e.message}]))}})()}finally{t&&$e(!1)}})(),()=>{t=!1}}),[r,St,ve,Fe,at,nt,et]),e.useEffect((()=>{if("team"===It)return;let t=!0;return(async()=>{let e,a;Oe(!0);let n="today";"This Month"===$t.value?n="month":"This Year"===$t.value?n="year":"Custom"===$t.value&&(n="custom",e=`${Lt.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${zt.toISOString().split("T")[0]}T23:59:59.999Z`);const l=(new Date).getTimezoneOffset();Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch visitors data"===t.title)))));try{await(async(s=3)=>{let d=0;for(;d<s;)try{console.log(`Attempting to fetch visitors data (attempt ${d+1}/${s})`);const o=await i.getChatbotVisitors(at,nt,rt,et,r,"chart",n,e,a,l);if(!t)return;if("success"===o.data.status)if("Today"===$t.value){const t=o.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,visitors:t[e].value})));Ge(e),Pe(o.data.data.total_count)}else if("This Month"===$t.value){const t=o.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,visitors:t[e].value})));Ge(e),Pe(o.data.data.total_count)}else if("This Year"===$t.value){const t=o.data.data.time_stats,e=Object.keys(t).map((e=>({date:e,visitors:t[e].value})));Ge(e),Pe(o.data.data.total_count)}else if("Custom"===$t.value){const t=o.data.data.time_stats,e=Object.entries(t).map((([t,e])=>({date:t,visitors:e?.value||0})));Ge(e),Pe(o.data.data.total_count||0)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<s)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch visitors data",message:e.message}]))}})()}finally{t&&Oe(!1)}})(),()=>{t=!1}}),[r,$t.value,Lt,zt,It,at,nt,et]),e.useEffect((()=>{if("overview"===It)return;let t=!0;return(async()=>{Oe(!0),console.log("fetchVisitorsData",r,$t.value,Lt,zt);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch visitors data"===t.title)))));try{await(async(a=3)=>{let n=0;for(;n<a;)try{console.log(`Attempting to fetch visitors grid data (attempt ${n+1}/${a})`);const l=await i.getChatbotVisitors(at,nt,et,r,"grid","custom","2025-01-01T00:00:00.000Z",e,{params:{page:He,pageSize:Ze}});if(!t)return;if("success"===l.data.status){console.log("response.data.data",l.data.data);const t=l.data.data.items.map((t=>({user:t.user_name,chatbotopens:t.login_count,timestamp:Math.floor(new Date(t.last_login.timestamp).getTime()/1e3)}))),e=l.data.data.pagination;Ye(e.total_pages),Qe(e.total_items),ta(t)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${n+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),n++,n<a)){const t=Math.min(1e3*Math.pow(2,n),5e3);console.log(`Waiting ${t}ms before retry ${n+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch visitors data",message:e.message}]))}})()}finally{t&&Oe(!1)}})(),()=>{t=!1}}),[r,It,He,Ze,at,nt,et]),e.useEffect((()=>{if("team"===Pt)return;let t=!0;return(async()=>{let e,a;oa(!0),console.log("fetchSearchTermData",r,Ot.value,Ut,Yt);let n="today";"This Month"===Ot.value?n="month":"This Year"===Ot.value?n="year":"Custom"===Ot.value&&(n="custom",e=`${Ut.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${Yt.toISOString().split("T")[0]}T23:59:59.999Z`);const l=(new Date).getTimezoneOffset();Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch search term data"===t.title)))));try{await(async(s=3)=>{let d=0;for(;d<s;)try{console.log(`Attempting to fetch search term data (attempt ${d+1}/${s})`);const o=await i.getChatbotPopularSearchTerm(at,nt,rt,et,r,"chart",n,e,a,l);if(!t)return;if("success"===o.data.status){const t=o.data.data.documents_breakdown.by_name;it(Object.keys(t).length>0);const e=Object.keys(t).map((e=>({name:e,value:t[e].count})));aa(e),la(o.data.data.total_usages)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<s)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch search term data",message:e.message}]))}})()}finally{t&&oa(!1)}})(),()=>{t=!1}}),[r,Ot.value,Ut,Yt,at,nt,et,Pt]),e.useEffect((()=>{if("overview"===Pt)return;let t=!0;return(async()=>{oa(!0);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch search term data"===t.title)))));try{await(async(a=3)=>{let n=0;for(;n<a;)try{console.log(`Attempting to fetch search term table data (attempt ${n+1}/${a})`);const l=await i.getChatbotPopularSearchTerm(at,nt,rt,et,r,"grid","custom","2025-01-01T00:00:00.000Z",e,{params:{page:ia,pageSize:ma}});if(!t)return;if("success"===l.data.status&&(console.log("response.data.data",l.data.data),l.data.data?.items)){const t=l.data.data.items.map((t=>({searchTerm:t.document_name,requests:t.requests})));if(t.push({searchTerm:"Total",requests:l.data.data.total_requests}),ha(t),l.data.data.pagination){const t=l.data.data.pagination;console.log("Pagination data:",t),sa(t.current_page),ca(t.total_pages),pa(t.page_size),fa(t.total_items)}}return}catch(e){if(!t)return;if(console.log(`API call attempt ${n+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),n++,n<a)){const t=Math.min(1e3*Math.pow(2,n),5e3);console.log(`Waiting ${t}ms before retry ${n+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch search term data",message:e.message}]))}})()}finally{t&&oa(!1)}})(),()=>{t=!1}}),[r,Pt,ia,ma,at,nt,et]);const[ka,Ia]=e.useState([]),[Ba,ja]=e.useState(!1),qa=(t,e)=>{try{switch(e){case"today":const[e]=t.split(":"),a=parseInt(e,10);return`${a%12||12}${a>=12?"PM":"AM"}`;case"month":if(t.includes("-")){return new Date(`${t}T12:00:00`).toLocaleDateString("en-US",{month:"short",day:"numeric"})}return t;case"year":default:return t;case"custom":if(!t.includes("-"))return t;return new Date(`${t}T12:00:00`).toLocaleDateString("en-US",{month:"short",day:"numeric"})}}catch(a){return console.error("Error formatting date:",t,e,a),t}};e.useEffect((()=>{let t=!0;return(async()=>{let e,a;ja(!0);let n="today";"This Month"===ee.value?n="month":"This Year"===ee.value?n="year":"Custom"===ee.value&&(n="custom",e=`${ne.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${re.toISOString().split("T")[0]}T23:59:59.999Z`);const l=(new Date).getTimezoneOffset();Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch popularity data"===t.title)))));try{await(async(s=3)=>{let d=0;for(;d<s;)try{console.log(`Attempting to fetch popularity data (attempt ${d+1}/${s})`);const o=await i.getChatbotPopularityBySkill(at,nt,rt,et,r,"chart",n,e,a,l);if(!t)return;if("success"===o.data.status){const{time_stats:t,skills:e}=o.data.data;console.log("Raw time stats:",t),console.log("Skills:",e);const a=e.reduce(((t,e)=>(t[e.skill_id]=e.skill_name,t)),{}),l=Object.entries(t).map((([t,l])=>{const r={date:qa(t,n)};return e.forEach((t=>{r[t.skill_name]=0})),Object.keys(l).length>0&&Object.entries(l).forEach((([t,e])=>{const n=a[t];n&&(r[n]=Number(e.value))})),r}));console.log("Parsed popularity data:",l),Ia(l)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<s)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch popularity data",message:e.message}]))}})()}finally{t&&ja(!1)}})(),()=>{t=!1}}),[r,ee.value,ne,re,at,nt,et]);const[$a,Na]=e.useState([]),[La,Ma]=e.useState(!1);e.useEffect((()=>{let t=!0;return(async()=>{let e,a;Ma(!0);let n="today";"This Month"===me.value?n="month":"This Year"===me.value?n="year":"Custom"===me.value?(n="custom",e=`${ue.toISOString().split("T")[0]}T00:00:00.000Z`,a=`${ge.toISOString().split("T")[0]}T23:59:59.999Z`):"Last Week"===me.value?n="last_week":"This Week"===me.value&&(n="this_week");const l=(new Date).getTimezoneOffset();Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch session duration data"===t.title)))));try{await(async(s=3)=>{let d=0;for(;d<s;)try{console.log(`Attempting to fetch session duration data (attempt ${d+1}/${s})`);const o=await i.getChatbotAverageSessionDuration(at,nt,rt,et,r,"chart",n,e,a,l);if(!t)return;if("success"===o.data.status){console.log("Session duration for chart response.data.data",o.data.data);const t=o.data.data.items.map((t=>({time:t.time_period,sessionDuration:t.average_duration||0})));Na(t)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${d+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),d++,d<s)){const t=Math.min(1e3*Math.pow(2,d),5e3);console.log(`Waiting ${t}ms before retry ${d+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch session duration data",message:e.message}]))}})()}finally{t&&Ma(!1)}})(),()=>{t=!1}}),[r,me.value,ue,ge,at,nt,et]);const za=e.useMemo((()=>[{field:"user",headerName:"User",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:200},{field:"lengthOfStay",headerName:"Length of Stay (minutes)",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"numberOfQuestions",headerName:"Number of questions",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"numberOfContent",headerName:"No. of Content",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"avgTimeBetweenVisits",headerName:"Avg. Time Between Visits",flex:1,valueFormatter:t=>null==t.value?0:t.value}]),[]),Wa=e.useMemo((()=>[{field:"user",headerName:"User",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:200},{field:"chatbotopens",headerName:"Chatbot Opens",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"timestamp",headerName:"Timestamp",flex:1,valueFormatter:t=>{if(null==t.value)return"";return new Date(1e3*t.value).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}).replace(",","")}}]),[]),Pa=e.useMemo((()=>[{field:"user",headerName:"User",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:200},{field:"chatbotopens",headerName:"Chatbot Opens",flex:1,valueFormatter:t=>null==t.value?0:t.value},{field:"timestamp",headerName:"Timestamp",flex:1,valueFormatter:t=>{if(null==t.value)return"";return new Date(1e3*t.value).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}).replace(",","")}}]),[]),_a=e.useMemo((()=>[{field:"searchTerm",headerName:"Search Term",pinned:"left",cellStyle:{color:"#2A50FD"},flex:1,minWidth:300,resizable:!0,suppressSizeToFit:!1},{field:"requests",headerName:"Requests",flex:1,valueFormatter:t=>null==t.value?"0":t.value.toLocaleString("en-US")}]),[]);e.useEffect((()=>{let t=!0;return(async()=>{Se(!0);let e=(new Date).toISOString().split("T")[0]+"T23:59:59.999Z";const a=(new Date).getTimezoneOffset();Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Failed to fetch engagement data"===t.title)))));try{await(async(n=3)=>{let l=0;for(;l<n;)try{console.log(`Attempting to fetch engagement data (attempt ${l+1}/${n})`);const o=await i.getChatbotUserEngagement(at,nt,rt,et,r,"table","custom","2025-01-01T00:00:00.000Z",e,a,{params:{page:ve,pageSize:Fe}});if(!t)return;if("success"===o.data.status){console.log("response.data.data",o.data.data);const t=o.data.data.items.map((t=>({user:t.user,lengthOfStay:Math.round(t.length_of_stay/60),numberOfQuestions:t.question_count,numberOfContent:t.content_interactions,avgTimeBetweenVisits:"0d 0h 0m"===t.time_between_visits?0:T(t.time_between_visits)}))),e=o.data.data.pagination;Ae(e.total_pages),Ce(e.total_items),xe(t)}return}catch(e){if(!t)return;if(console.log(`API call attempt ${l+1} failed:`,e),e.response&&401===e.response.status&&(console.log("Auth error details:",{url:e.config?.url,method:e.config?.method,headers:e.config?.headers,params:e.config?.params}),l++,l<n)){const t=Math.min(1e3*Math.pow(2,l),5e3);console.log(`Waiting ${t}ms before retry ${l+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return void Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Failed to fetch engagement data",message:e.message}]))}})()}finally{t&&Se(!1)}})(),()=>{t=!1}}),[r,ve,Fe,at,nt,et]),e.useEffect((()=>(Ta(!0),()=>{Ta(!1)})),[]),e.useRef(null);const Ga=e.useRef(null);e.useState(void 0),e.useEffect((()=>{let t=!0;Aa((t=>t.filter((t=>!("FAIL"===t.type&&"Fetching chatbots name unsuccessful"===t.title)))));const e=A.CancelToken.source(),a={cancelToken:e.token};return(async(e=3)=>{let n=0;for(;n<e;)try{console.log(`Attempting to fetch chatbots names (attempt ${n+1}/${e})`);const l=await i.getChatbotsName(at,nt,rt,et,a);if(!t)return;console.log("GET chatbots name API Data",l.data);const r=l.data.data;return void(200===l.data.statusCode&&(bt(r.chatbotNames),xa(!1)))}catch(a){if(!t)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<e)){const t=Math.min(1e3*Math.pow(2,n),5e3);console.log(`Waiting ${t}ms before retry ${n+1}...`),await new Promise((e=>setTimeout(e,t)));continue}return Aa((t=>[...t,{id:o.v4(),type:"FAIL",title:"Fetching chatbots name unsuccessful",message:""}])),console.error("GET chatbots name API Data: ",a),void xa(!1)}})(),()=>{t=!1,e.cancel("getAllChatbots request cancelled")}}),[at,nt,et]);const Ra=[{href:"",label:"SAIL"},{href:"/sail",label:"Agents"},{href:`/sail/sailadmin/chat/${r}`,label:"Chat"},{href:`/sail/sailadmin/chatbots/${r}`,label:ct},{href:"",label:"Analytics"}],Oa="sailChatbotView"===sessionStorage.getItem("prevPage")?`/sail/sailadmin/chatbots/${r}`:`/sail/sailadmin/chat/${r}`;return S.default.createElement(k,null,S.default.createElement(c.default,null),S.default.createElement("div",{className:"sail-admin  d-flex flex-column"},S.default.createElement(f.default,{customStyles:{paddingLeft:"0",left:"48px",justifyContent:"space-between","min-height":"56px"}},S.default.createElement(u.default,{style:{paddingLeft:"40.5px"},items:Ra,appLogo:S.default.createElement(p.default,{icon:"app-logo",size:16,transform:"translate(0px,-6px)",color:"6B747F"}),separator:S.default.createElement(p.default,{icon:"chevron-right",size:10,transform:"translate(0px,-2px)"}),onClick:t=>{tt(`${t}`,{state:{prevView:"chatbot",prevPath:J.pathname,chatbot:{name:ct,description:pt,lastUpdate:ht,status:ft}}})}})),S.default.createElement("div",{className:"inner-page",ref:Ga,style:{paddingTop:"0px"}},S.default.createElement(m.default,{className:"section-header backlink chatbots"},S.default.createElement(w.default,{className:"back-link-bt",href:Oa,onClick:()=>{const t={prevView:"chatbot",prevPath:J.pathname,chatbot:{name:ct,description:pt,lastUpdate:ht,status:ft}};sessionStorage.setItem(`route-state-${Oa}`,JSON.stringify(t))},style:{}},S.default.createElement(p.default,{icon:"chevron-left",size:8,transform:"translate(0px,-4px)",color:"#FFF"}),"Back")),S.default.createElement(m.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)"}},S.default.createElement("div",{className:"error-message-row"},S.default.createElement("div",{className:"d-flex justify-content-between analytic-dropdown-row-title"},S.default.createElement("div",{className:"d-flex align-items-center flex-wrap",style:{columnGap:"13px",height:"52px"}},S.default.createElement("div",{style:{display:"flex",alignItems:"center",width:"210px",height:"30px"}},S.default.createElement(y.default,{src:s.default,color:"#2E56F4",size:24,transform:"translate(0px,0px)",style:{marginRight:"8px"}}),S.default.createElement("h2",{style:{fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"22px",color:"#07114B",margin:"0px"}},"Agent Analytics"))),S.default.createElement("div",{className:"analytic-dropdown-row",style:{display:"flex",columnGap:"32px"}},!1,!1)),ba&&"pageTitle"===va.location&&S.default.createElement(d.default,{text:va.message,className:""})),S.default.createElement(h.default,{notifications:Ea,handleCloseToast:function(t){Aa((e=>e.filter((e=>e.id!==t))))}})),S.default.createElement("div",{style:{background:"#FBFBFB",display:"flex",flexDirection:"column",width:"100%"},id:"sail-analytics-container"},S.default.createElement(I,null,S.default.createElement(j,{style:{}},S.default.createElement(N,null,S.default.createElement(L,null,S.default.createElement(M,{$isActive:"overview"===St,onClick:()=>vt("overview"),style:{width:"217px",backgroundColor:"transparent"}},"Chatbot Usage (Charts)"),S.default.createElement(M,{$isActive:"team"===St,onClick:()=>vt("team"),style:{width:"217px",backgroundColor:"transparent"}},"Chatbot Usage (Grid)"))),qe?S.default.createElement($,null):"overview"===St?S.default.createElement(P,null,S.default.createElement(_,null,S.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),S.default.createElement(g.default,{iconAfter:S.default.createElement(p.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{Ft(t)},options:wt,placeHolder:"Placeholder text",value:At,isValid:!0,errMsg:"",disabled:ya})),"Custom"===At.value&&S.default.createElement(S.default.Fragment,null,S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:Tt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:Tt,onChange:t=>{Dt(t)},onSelect:t=>{Dt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:Ct,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:Ct,onChange:t=>{kt(t)},onSelect:t=>{kt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),S.default.createElement("p",{style:{fontSize:"14px",margin:"0",textAlign:"center",color:"rgba(8, 19, 72, 1)"}},"The chatbot has been opened a total of ",S.default.createElement("span",{style:{fontWeight:"600"}},ke)," times"),S.default.createElement(z,null,S.default.createElement(W,null,S.default.createElement(l.ResponsiveContainer,{key:st,width:"100%",height:393},S.default.createElement(l.BarChart,{data:Be,margin:{top:20,right:30,left:0,bottom:5}},S.default.createElement(l.CartesianGrid,{strokeDasharray:"3 3"}),S.default.createElement(l.XAxis,{dataKey:"date"}),S.default.createElement(l.YAxis,{width:35,tickMargin:5}),S.default.createElement(l.Tooltip,null),S.default.createElement(l.Bar,{dataKey:"conversations",fill:"#99b3f4",name:"Total Usage"})))))):S.default.createElement("div",{style:{minHeight:"469px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},S.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},S.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},S.default.createElement("div",{className:`ag-theme-alpine ${F}`,style:{height:469,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px","--ag-body-vertical-scroll-viewport-height":"none"}},S.default.createElement(t.AgGridReact,{columnDefs:Wa,rowData:Da,defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:{display:"flex",alignItems:"center",color:"#081348",padding:"0 33px"}},pagination:!0,paginationPageSize:7,rowHeight:52,headerHeight:52,domLayout:"normal",overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:qe,tooltipShowDelay:0,tooltipHideDelay:2e3})),S.default.createElement("div",null))))),S.default.createElement(j,{style:{}},S.default.createElement(N,null,S.default.createElement(L,null,S.default.createElement(M,{$isActive:"overview"===It,onClick:()=>Bt("overview"),style:{width:"217px",backgroundColor:"transparent"}},"Unique Visitors (Charts)"),S.default.createElement(M,{$isActive:"team"===It,onClick:()=>Bt("team"),style:{width:"217px",backgroundColor:"transparent"}},"Unique Visitors (Grid)"))),Re?S.default.createElement($,null):"overview"===It?S.default.createElement(P,null,S.default.createElement(_,null,S.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),S.default.createElement(g.default,{iconAfter:S.default.createElement(p.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{Nt(t)},options:jt,placeHolder:"Placeholder text",value:$t,isValid:!0,errMsg:"",disabled:ya})),"Custom"===$t.value&&S.default.createElement(S.default.Fragment,null,S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:Lt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:Lt,onChange:t=>{Mt(t)},onSelect:t=>{Mt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:zt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:zt,onChange:t=>{Wt(t)},onSelect:t=>{Wt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),S.default.createElement("p",{style:{fontSize:"14px",margin:"0",textAlign:"center",color:"rgba(8, 19, 72, 1)"}},"The site has been visited a total of ",S.default.createElement("span",{style:{fontWeight:"600"}},We)," times by unique visitors"),S.default.createElement(B,null,S.default.createElement(z,null,S.default.createElement(W,null,S.default.createElement(l.ResponsiveContainer,{key:st,width:"100%",height:393,minWidth:584},S.default.createElement(l.BarChart,{data:_e,margin:{top:20,right:30,left:0,bottom:5}},S.default.createElement(l.CartesianGrid,{strokeDasharray:"3 3"}),S.default.createElement(l.XAxis,{dataKey:"date"}),S.default.createElement(l.YAxis,{width:35,tickMargin:5}),S.default.createElement(l.Tooltip,null),S.default.createElement(l.Bar,{dataKey:"visitors",fill:"#99daf4",name:"Total Visitors"}))))))):S.default.createElement("div",{style:{minHeight:"469px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},S.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},S.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},S.default.createElement("div",{className:"ag-theme-alpine",style:{height:469,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px","--ag-body-vertical-scroll-viewport-height":"none"}},S.default.createElement("style",null,"\n                .ag-header {\n                    border-bottom: 2px solid #BBC4CF !important;\n                }\n                .ag-header-cell::after {\n                    content: '';\n                    position: absolute;\n                    right: 0;\n                    top: 50%;\n                    transform: translateY(-50%);\n                    height: 14px;  /* Short divider */\n                    width: 2px;    /* Slightly thicker */\n                    background-color: #BBC4CF;\n                }\n                .ag-header-cell:last-child::after {\n                    display: none;\n                }\n                .ag-root-wrapper {\n                    border: none !important;\n                }\n                .ag-root {\n                    border: none !important;\n                }\n\t\t\t\t\t\t\t\t.ag-paging-panel {\n                    border-top: 1px solid #E2E6F5;\n                    color: #081348;\n                }\n\t\t\t\t\t\t\t\t .ag-body-viewport {\n        overflow-y: hidden !important;\n        scrollbar-width: none !important;\n        -ms-overflow-style: none !important;\n    }\n    .ag-body-viewport::-webkit-scrollbar {\n        display: none !important;\n        width: 0 !important;\n    }\n    .ag-center-cols-clipper {\n        min-height: 469px !important;\n    }\n    /* Additional rules to hide scrollbars */\n    .ag-body-vertical-scroll {\n        display: none !important;\n    }\n    .ag-body-vertical-scroll-viewport {\n        display: none !important;\n    }\n    .ag-body-vertical-scroll-container {\n        display: none !important;\n    }\n    /* Hide all scrollbars in the grid */\n    .ag-theme-alpine ::-webkit-scrollbar {\n        display: none !important;\n        width: 0 !important;\n        height: 0 !important;\n    }\n    .ag-theme-alpine {\n        scrollbar-width: none !important;\n        -ms-overflow-style: none !important;\n    }\n                .ag-center-cols-clipper {\n                    min-height: 469px !important; /* Exactly 10 rows (52px × 10) */\n                }\n            "),S.default.createElement(t.AgGridReact,{columnDefs:Pa,rowData:Je,defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:{display:"flex",alignItems:"center",color:"#081348",padding:"0 33px"}},pagination:!0,paginationPageSize:7,rowHeight:52,headerHeight:52,domLayout:"normal",tooltipShowDelay:0,tooltipHideDelay:2e3,overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:Re})),S.default.createElement("div",null))))),S.default.createElement(j,{style:{}},S.default.createElement(N,null,S.default.createElement(L,null,S.default.createElement(M,{$isActive:"overview"===Pt,onClick:()=>_t("overview"),style:{width:"245px",backgroundColor:"transparent"}},"Popular Search Term (Chart)"),S.default.createElement(M,{$isActive:"team"===Pt,onClick:()=>_t("team"),style:{width:"230px",backgroundColor:"transparent"}},"Popular Search Term (Grid)"))),ra?S.default.createElement($,null):"overview"===Pt?S.default.createElement(P,null,S.default.createElement(_,null,S.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),S.default.createElement(g.default,{iconAfter:S.default.createElement(p.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{Ht(t)},options:Gt,placeHolder:"Placeholder text",value:Ot,isValid:!0,errMsg:"",disabled:ya})),"Custom"===Ot.value&&S.default.createElement(S.default.Fragment,null,S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:Ut,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:Ut,onChange:t=>{Vt(t)},onSelect:t=>{Vt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:zt,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:zt,onChange:t=>{Wt(t)},onSelect:t=>{Wt(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),S.default.createElement("p",{style:{fontSize:"14px",margin:"0",textAlign:"center",color:"rgba(8, 19, 72, 1)"}},"Top Five Search Term"),S.default.createElement(B,null,S.default.createElement(z,null,S.default.createElement(W,null,S.default.createElement(l.ResponsiveContainer,{key:st,width:"100%",height:393,minWidth:584},S.default.createElement(l.PieChart,{width:242,height:242},S.default.createElement(l.Pie,{dataKey:"value",data:ot?ea:[{name:"No terms",value:1}],nameKey:"name",cx:"50%",cy:"50%",innerRadius:100,outerRadius:150,fill:"#82ca9d"},ot?ea.map(((t,e)=>S.default.createElement(l.Cell,{key:`cell-${e}`,fill:Kt[e%Kt.length]}))):S.default.createElement(l.Cell,{fill:"transparent",stroke:"#BBC4CF",strokeWidth:2}),S.default.createElement(l.Label,{content:({viewBox:t})=>{const{cx:e,cy:a}=t;return S.default.createElement(S.default.Fragment,null,S.default.createElement("text",{x:e,y:a-10,textAnchor:"middle",dominantBaseline:"middle",style:{fontSize:"16px",fontWeight:"bold",fill:"#081348"}},na),S.default.createElement("text",{x:e,y:a+15,textAnchor:"middle",dominantBaseline:"middle",style:{fontSize:"12px",fill:"#6B747F"}},"Requests"))}})),S.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"}}),S.default.createElement(l.Legend,null)," ")))))):S.default.createElement("div",{style:{minHeight:"469px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},S.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},S.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},S.default.createElement("div",{className:"ag-theme-alpine",style:{height:469,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px","--ag-body-vertical-scroll-viewport-height":"none"}},S.default.createElement("style",null,"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 2px solid #BBC4CF !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 14px;  /* Short divider */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 2px;    /* Slightly thicker */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: #BBC4CF;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell:last-child::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-paging-panel {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid #E2E6F5;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #081348;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-viewport {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toverflow-y: hidden !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscrollbar-width: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-ms-overflow-style: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-viewport::-webkit-scrollbar {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 0 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-center-cols-clipper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin-height: 469px !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/* Additional rules to hide scrollbars */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-vertical-scroll {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-vertical-scroll-viewport {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-vertical-scroll-container {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/* Hide all scrollbars in the grid */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-theme-alpine ::-webkit-scrollbar {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 0 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 0 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-theme-alpine {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscrollbar-width: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-ms-overflow-style: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-center-cols-clipper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin-height: 469px !important; /* Exactly 10 rows (52px × 10) */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-row-pinned {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: #FFFFFF !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid #E2E6F5 !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t"),S.default.createElement(t.AgGridReact,{columnDefs:_a,rowData:ga.filter((t=>"Total"!==t.searchTerm)),defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:t=>({display:"flex",alignItems:"center",color:"#081348",padding:"0 33px",fontWeight:"Total"===t.data?.searchTerm?"600":"normal"})},pagination:!0,paginationPageSize:6,rowHeight:52,headerHeight:52,domLayout:"normal",tooltipShowDelay:0,tooltipHideDelay:2e3,overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:ra,pinnedBottomRowData:[ga.find((t=>"Total"===t.searchTerm))]})),S.default.createElement("div",null))))),S.default.createElement(j,{style:{}},S.default.createElement(N,null,S.default.createElement(L,null,S.default.createElement(M,{onClick:()=>Qt("overview"),style:{width:"240px",backgroundColor:"transparent",color:"#081348",fontWeight:"400",cursor:"auto"}},"Popularity Trends by Skills"))),Ba?S.default.createElement($,null):"overview"===Xt?S.default.createElement(P,null,S.default.createElement(_,null,S.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),S.default.createElement(g.default,{iconAfter:S.default.createElement(p.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{ae(t)},options:Jt,placeHolder:"Placeholder text",value:ee,isValid:!0,errMsg:"",disabled:ya})),"Custom"===ee.value&&S.default.createElement(S.default.Fragment,null,S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:ne,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:ne,onChange:t=>{le(t)},onSelect:t=>{le(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:re,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:re,onChange:t=>{oe(t)},onSelect:t=>{oe(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),S.default.createElement(B,null,S.default.createElement(z,null,S.default.createElement(W,null,S.default.createElement(l.ResponsiveContainer,{key:st,width:"100%",height:416,minWidth:584},S.default.createElement(l.LineChart,{data:ka,margin:{top:20,right:30,left:0,bottom:5}},S.default.createElement(l.CartesianGrid,{strokeDasharray:"3 3"}),S.default.createElement(l.XAxis,{dataKey:"date",type:"category",angle:-45,textAnchor:"end",height:60}),S.default.createElement(l.YAxis,{width:35,tickMargin:5,axisLine:!0,tickLine:!0}),S.default.createElement(l.Tooltip,null),S.default.createElement(l.Legend,{verticalAlign:"bottom",height:36,wrapperStyle:{paddingTop:"20px"}}),ka[0]&&Object.keys(ka[0]).filter((t=>"date"!==t)).map(((t,e)=>{const a=C[e%C.length];return S.default.createElement(l.Line,{key:t,type:"monotone",dataKey:t,name:t,stroke:a,strokeWidth:2,dot:{r:4,fill:a,stroke:"#FFFFFF",strokeWidth:2},activeDot:{r:6,fill:a,stroke:"#FFFFFF",strokeWidth:2},connectNulls:!0})})))))))):S.default.createElement("div",{style:{padding:"24px",flex:1,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"lightblue",height:"100%",minHeight:"527px"}},S.default.createElement("div",{style:{color:"#6B747F",fontSize:"14px",fontWeight:"500"}},"Place holder for grid table"))),S.default.createElement(q,{style:{gridColumn:"1 / -1"}},S.default.createElement(N,null,S.default.createElement(L,null,S.default.createElement(M,{onClick:()=>se("overview"),style:{width:"217px",backgroundColor:"transparent",color:"#081348",fontWeight:"400",cursor:"auto"}},"User Engagement Matrix"))),be?S.default.createElement($,null):S.default.createElement("div",{style:{minHeight:"304px",background:"#FFFFFF",boxShadow:"0px 5px 37px rgba(56, 66, 100, 0.0880136)",borderRadius:"3.6px",width:"100%"}},S.default.createElement("div",{className:"card analytics-chard-card",style:{width:"100%",border:"none",height:"fit-content",background:"transparent",minWidth:"unset",padding:"0px",paddingTop:"24px"}},S.default.createElement("div",{className:"sail-verticalbar-chart-container",style:{display:"flex"}},S.default.createElement("div",{className:"ag-theme-alpine",style:{height:625,width:"100%","--ag-header-background-color":"#F0F3F8","--ag-header-foreground-color":"#081348","--ag-header-cell-hover-background-color":"#F0F3F8","--ag-header-height":"52px","--ag-row-border-color":"#E2E6F5","--ag-font-family":"inherit","--ag-font-size":"14px","--ag-borders":"none","--ag-borders-critical":"none","--ag-cell-horizontal-border":"none","--ag-borders-secondary":"none","--ag-row-border-style":"solid","--ag-header-column-separator-display":"none","--ag-header-column-separator-height":"0px","--ag-paging-panel-height":"52px"}},S.default.createElement("style",null,"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-bottom: 2px solid #BBC4CF !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 14px;  /* Short divider */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 2px;    /* Slightly thicker */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: #BBC4CF;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-header-cell:last-child::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root-wrapper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-root {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: none !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-paging-panel {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder-top: 1px solid #E2E6F5;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #081348;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-body-viewport {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toverflow-y: hidden !important;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ag-center-cols-clipper {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin-height: 520px !important; /* Exactly 10 rows (52px × 10) */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t"),S.default.createElement(t.AgGridReact,{columnDefs:za,rowData:ye,defaultColDef:{headerClass:"ag-header-cell-label",cellStyle:{display:"flex",alignItems:"center",color:"#081348",padding:"0 33px"}},pagination:!0,paginationPageSize:7,rowHeight:52,headerHeight:52,domLayout:"normal",overlayLoadingTemplate:'<span class="ag-overlay-loading-center">Loading data...</span>',overlayNoRowsTemplate:'<span class="ag-overlay-no-rows-center">No data available</span>',showLoadingOverlay:be,tooltipShowDelay:0,tooltipHideDelay:2e3})),S.default.createElement("div",null))))),S.default.createElement(q,{style:{gridColumn:"1 / -1"}},S.default.createElement(N,null,S.default.createElement(L,null,S.default.createElement(M,{onClick:()=>se("overview"),style:{width:"217px",backgroundColor:"transparent",color:"#081348",fontWeight:"400",cursor:"auto"}},"Average Session Duration"))),La?S.default.createElement($,null):"overview"===ie?S.default.createElement(P,null,S.default.createElement(_,null,S.default.createElement("div",{style:{flexDirection:"row",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:"5px",flex:"auto",flexWrap:"wrap"}},S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0"}},"Select Period"),S.default.createElement(g.default,{iconAfter:S.default.createElement(p.default,{icon:"chevron-down",size:9,transform:"translate(0.2px,-6px)"}),iconVariant:"#2E56F4",textBoxStyle:{padding:"6.5px 8px"},style:{flex:"100% 1 1",minWidth:"184px",zIndex:"4"},customStylesMenu:{zIndex:"3"},labelInline:!1,onSelect:t=>{pe(t)},options:de,placeHolder:"Placeholder text",value:me,isValid:!0,errMsg:"",disabled:ya})),"Custom"===me.value&&S.default.createElement(S.default.Fragment,null,S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," Start Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:ue,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:ue,onChange:t=>{fe(t)},onSelect:t=>{fe(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]}))),S.default.createElement("div",{className:"analytic-dropdown",style:{display:"flex",columnGap:"12px",flexDirection:"column",alignItems:"flex-start"}},S.default.createElement("span",{style:{height:"17px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"17px",textAlign:"right",color:"#6B747F",flex:"none",order:"0",flexGrow:"0",marginBottom:"8px"}}," End Date"),S.default.createElement("div",{className:"sail-analytics-date-picker-container",style:{border:"1px solid #D4D7E3",borderRadius:"4px",paddingLeft:"8px",paddingRight:"8px",width:"184px"}},S.default.createElement(v.default,{placeholderText:"Select Date",className:"sail-analytics-date-picker",value:ge,maxDate:new Date,minDate:new Date("2022-11-02"),disabled:ya,selected:ge,onChange:t=>{he(t)},onSelect:t=>{he(t)},popperModifiers:[{name:"offset",options:{offset:[0,0]}}]})))))),S.default.createElement(B,null,S.default.createElement(z,null,S.default.createElement(W,null,S.default.createElement(l.ResponsiveContainer,{key:st,width:"100%",height:393,minWidth:584},S.default.createElement(l.BarChart,{data:$a,margin:{top:20,right:30,left:20,bottom:5}},S.default.createElement(l.CartesianGrid,{strokeDasharray:"3 3"}),S.default.createElement(l.XAxis,{dataKey:"time",type:"category",tickFormatter:t=>t}),S.default.createElement(l.YAxis,{width:60,tickMargin:5,tickFormatter:t=>t.toLocaleString()}),S.default.createElement(l.Tooltip,null),S.default.createElement(l.Bar,{dataKey:"sessionDuration",fill:"#99daf4",name:"sessionDuration",barSize:40}))))))):S.default.createElement("div",{style:{padding:"24px",flex:1,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"lightblue",height:"100%",minHeight:"527px"}},S.default.createElement("div",{style:{color:"#6B747F",fontSize:"14px",fontWeight:"500"}},"Place holder for grid table"))))))))};