755.8aeacc55.chunk.js

js aisensy.com collected 2026-10-02 04:08:56 UTC 84,409 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunkwhatsapp_dashboard=self.webpackChunkwhatsapp_dashboard||[]).push([[755,5975],{21871:(e,t,i)=>{i.d(t,{r:()=>r});var a,n=i(47313);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},s.apply(this,arguments)}function o(e,t){let{title:i,titleId:o,...r}=e;return n.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 -960 960 960",width:"24px",fill:"#e8eaed",ref:t,"aria-labelledby":o},r),i?n.createElement("title",{id:o},i):null,a||(a=n.createElement("path",{d:"M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"})))}const r=n.forwardRef(o);i.p},5975:(e,t,i)=>{i.r(t),i.d(t,{default:()=>T});var a=i(47313),n=i(83061),s=i(73908),o=i(57009),r=i(54070),l=i(52376),d=i(65681),c=(i(24841),i(56569),i(68914),i(72728)),p=i(84747),h=i(21144),g=i(34882),m=i(20337),x=i(11652),u=i(61809),v=i(95939),b=i(78371),f=i(88012),y=i(63830),w=i(45788),S=i(58889),C=i(81766),k=i(70089),Z=i(1805),j=(i(59017),i(46417));class I extends a.Component{constructor(e){super(e),this.updateAmount=e=>{this.setState({amount:e.target.value.replace(/[^0-9]+/,"")})},this.purchaseViaRazorpay=()=>{this.setState({isMacLoading:!0});const{assistantId:e,currency:t,assistantName:i,billingAddress:a}=this.props.assistantDetails,{name:n,email:s,contact:o,id:r}=this.props.login,l=this.state.amount,d={assistantId:e,currency:t,clientId:r,name:(null===a||void 0===a?void 0:a.first_name)+(null!==a&&void 0!==a&&a.last_name?" ".concat(null===a||void 0===a?void 0:a.last_name):"")||n,email:(null===a||void 0===a?void 0:a.email)||s,contact:(null===a||void 0===a?void 0:a.phone)||o,amount:l,assistantName:i};k.Z.post(Z.URL+"/payment/meta-ads-credit-via-razorpay",d).then((e=>{this.setState({isMacLoading:!1});const t=e.data.ongoingBillingProcess;window.open(e.data.createLink.short_url,"_blank"),this.props.updateAssistantStore({ongoingBillingProcess:t}),this.props.closeDialog()})).catch((e=>{this.setState({isMacLoading:!1}),this.props.showSnackbar({alertOpen:!0,alertMsg:"Failed to Collect Payment",severity:"error"})}))},this.zohoPlan=async()=>{let{partnerId:e,subscriptionId:t,placeOfSupply:i,planDuration:a,temporarySubs:n,partner:s}=this.props.assistantDetails;const{amount:o}=this.state,{assistantId:r,clientId:l,currency:d}=this.props.assistantDetails;(a&&a<15||null!==s&&void 0!==s&&s.isZohoEnabled&&!t)&&(t=n.subForCredit);const c={partnerId:e,amount:o,subscriptionId:t,assistantId:r,placeOfSupply:i,clientId:l,currency:d};await k.Z.post(Z.URL+"/payment/create/wcc-checkout-url",c).then((e=>{this.setState({planPaymentUrl:e.data.paymentPage},(()=>{this.setState({wccPaymentDialog:!0})}))})).catch((e=>{var t,i,a,n;this.props.showSnackbar({alertOpen:!0,alertMsg:["NONE","None"].includes(null===(t=this.props.assistantDetails)||void 0===t?void 0:t.activePlan)||null===(i=this.props.assistantDetails)||void 0===i||!i.activePlan?"Buy a plan first":(null===e||void 0===e||null===(a=e.response)||void 0===a||null===(n=a.data)||void 0===n?void 0:n.message)||"Something went wrong",severity:"error"})}))},this.state={amount:1500,wccPaymentDialog:!1,planPaymentUrl:"",isMacLoading:!1}}componentDidMount(){const{currency:e}=this.props.assistantDetails;this.setState({amount:"USD"===e?30:1500});const t=document.createElement("script");return t.src="https://checkout.razorpay.com/v1/checkout.js",t.async=!0,document.body.appendChild(t),()=>{document.body.removeChild(t)}}render(){var e,t,i,a,n,l,y,w,C,k,Z,I,D,N,P,z;const{classes:T,match:E,assistantDetails:M,showSnackbar:B,closeDialog:R,updateAssistantStore:L}=this.props,H=window.innerWidth<767,{currency:A,metaAdsCredit:W,pendingInvoices:F,partnerId:O,prospectId:_}=M,{amount:U}=(E.params.projectId,this.state),V="INR"==A?1500:30;return(0,j.jsxs)("div",{className:T.root,children:[(0,j.jsxs)(s.Z,{border:"1px solid lightgrey",p:3,borderRadius:8,children:[(0,j.jsx)(o.Z,{variant:"h4",children:"Enter Amount"}),(0,j.jsx)(o.Z,{variant:"body2",color:"textSecondary",style:{padding:"8px 0"},children:"Minimum purchase of ".concat("USD"===A?"$30":"\u20b91500"," credits is allowed")}),(0,j.jsx)(c.Z,{fullWidth:!0,placeholder:"Enter credit amount here",value:U,t

1ype:"number",onChange:this.updateAmount,InputProps:{startAdornment:(0,j.jsx)(p.Z,{position:"start",children:"USD"===A?"$":"\u20b9"})}}),W<0&&(0,j.jsx)(o.Z,{variant:"body2",color:"error",style:{margin:"8px 0 0px 4px"},children:"Purchase credit higher then due amount to resume services."}),(0,j.jsxs)(h.Z,{container:!0,style:{marginTop:12},children:[localStorage.getItem("creditInCache")&&(0,j.jsx)(g.ZP,{title:"Repeat previous recharge",children:(0,j.jsx)(m.Z,{style:{border:"1px solid #0a474c",color:"#0a474c",marginRight:8,marginBottom:8},variant:"outlined",color:"blue",onClick:()=>{const e=localStorage.getItem("creditInCache");this.setState({amount:Number(e)})},startIcon:(0,j.jsx)(f.Z,{style:{fontSize:16}}),children:localStorage.getItem("creditInCache")})}),(0,j.jsxs)(m.Z,{style:{marginRight:8,marginBottom:8},variant:"outlined",onClick:()=>{this.setState({amount:Number(this.state.amount)+2500/("USD"==A?100:1)})},children:["+",2500/("USD"==A?100:1)]}),(0,j.jsxs)(m.Z,{style:{marginRight:8,marginBottom:8},variant:"outlined",onClick:()=>{this.setState({amount:Number(this.state.amount)+5e3/("USD"==A?100:1)})},children:["+",5e3/("USD"==A?100:1)]}),(0,j.jsxs)(m.Z,{style:{marginRight:8,marginBottom:8},variant:"outlined",onClick:()=>{this.setState({amount:Number(this.state.amount)+1e4/("USD"==A?100:1)})},children:["+",1e4/("USD"==A?100:1)]}),(0,j.jsxs)(m.Z,{style:{marginRight:8,marginBottom:8},variant:"outlined",onClick:()=>{this.setState({amount:Number(this.state.amount)+5e4/("USD"==A?100:1)})},children:["+",5e4/("USD"==A?100:1)]})]}),(0,j.jsx)(h.Z,{container:!0,style:{display:"flex",flexDirection:"INR"!==this.props.assistantDetails.currency?"row-reverse":"inherit",justifyContent:"INR"!==this.props.assistantDetails.currency?"flex-end":"flex-start",gap:"14px"},children:(0,j.jsx)(h.Z,{item:!0,md:12,children:(0,j.jsx)(g.ZP,{interactive:!0,title:null!==(e=this.props.assistantDetails)&&void 0!==e&&null!==(t=e.billingAddress)&&void 0!==t&&t.country&&null!==(i=this.props.assistantDetails)&&void 0!==i&&null!==(a=i.billingAddress)&&void 0!==a&&a.state?U<V?(0,j.jsxs)(o.Z,{variant:"body2",children:["Minimum purchase of ","USD"===A?"$30":"\u20b91500"," ","credits is allowed"]}):"":(0,j.jsx)(x.Z,{href:"/projects/".concat(this.props.match.params.projectId,"/manage/billings"),color:"primary",size:"small",children:(0,j.jsx)(o.Z,{variant:"body2",children:"Add billing address first \u2192"})}),children:(0,j.jsx)("div",{children:(0,j.jsx)(m.Z,{fullWidth:!0,variant:"contained",className:T.confirmButton,style:{background:U<V||null===(n=this.props.assistantDetails)||void 0===n||null===(l=n.billingAddress)||void 0===l||!l.country||null===(y=this.props.assistantDetails)||void 0===y||null===(w=y.billingAddress)||void 0===w||!w.state?"#0000001f":"#42B864",color:U<V||null===(C=this.props.assistantDetails)||void 0===C||null===(k=C.billingAddress)||void 0===k||!k.country||null===(Z=this.props.assistantDetails)||void 0===Z||null===(I=Z.billingAddress)||void 0===I||!I.state?"#00000042":"white"},disabled:U<V||!(null!==(D=this.props.assistantDetails)&&void 0!==D&&null!==(N=D.billingAddress)&&void 0!==N&&N.country)||!(null!==(P=this.props.assistantDetails)&&void 0!==P&&null!==(z=P.billingAddress)&&void 0!==z&&z.state),onClick:()=>{"INR"===A&&this.setState({isMacLoading:!0}),(0,S.fu)({amount:U,assistantDetails:this.props.assistantDetails,login:this.props.login,updateAssistantStore:this.props.updateAssistantStore,showSnackbar:B,onClose:R,onCreateOrderError:()=>this.setState({isMacLoading:!1}),onPaymentSettled:()=>this.setState({isWccLoading:!1}),onDismiss:()=>this.setState({isWccLoading:!1})})},children:(0,j.jsx)("div",{children:(0,j.jsx)("h4",{style:{margin:0,fontWeight:300},children:"Purchase Now"})})})})})})})]}),(0,j.jsxs)(u.Z,{open:this.state.wccPaymentDialog,onClose:this.toggleFormOpen,style:{width:H?"320":"500"},fullScreen:!!H,disableBackdropClick:!0,children:[(0,j.jsx)(v.Z,{style:{paddingRight:"0px",paddingTop:"0px",paddingBottom:"0px"},children:(0,j.jsx)(h.Z,{style:{display:"flex",alignItems:"center",float:"right"},children:(0,j.jsx)(r.Z,{onClick:()=>this.setState({wccPaymentDialog:!this.state.wccPaymentDialog}),className:T.formCloseButton,children:(0,j.jsx)(d.Z,{})})})}),(0,j.jsx)(b.Z,{className:T.formDialog,children:(0,j.jsx)("iframe",{src:this.state.planPaymentUrl,width:H?"312":"372",he

1ight:H?"609":"700"})})]})]})}}const D=(0,w.connect)((e=>({assistantDetails:e.assistantDetails.data,login:e.login.user})),{syncBillingAddress:C.L8,updateAssistantStore:C.sJ})(I),N=(0,l.Z)((e=>({root:{width:"100%"},formDialog:{paddingLeft:"0px",paddingRight:"0px",paddingTop:"0px",paddingBottom:"0px"},confirmButton:{padding:"6px 12px",color:"white",width:"100%",fontWeight:"bold",fontSize:"14px",marginTop:8,background:"#42B864","&:hover":{background:"#42B864"}}})))((0,y.withRouter)(D));var P=i(9841);class z extends a.Component{constructor(e){super(e),this.onSnackbarClose=()=>{this.setState({alertOpen:!1})},this.showSnackbar=e=>{this.setState(e)},this.closeOpenDialog=()=>{this.setState({openDialog:!1}),setTimeout((()=>{this.props.toggleTemplateCreditDialog()}),400)},this.state={openDialog:!1,alertOpen:!1,alertMsg:"",severity:""}}componentDidUpdate(e){!e.dialogOpen&&this.props.dialogOpen&&setTimeout((()=>{this.setState({openDialog:!0})}),0)}render(){const{classes:e,dialogOpen:t,assistantDetails:i}=this.props,{openDialog:a}=this.state;return(0,j.jsxs)("div",{className:e.root,children:[t&&(0,j.jsx)(s.Z,{className:e.backdrop,children:(0,j.jsx)(s.Z,{className:(0,n.Z)(e.dialogContainer,{[e.dialogContainerSlider]:a}),children:(0,j.jsxs)(s.Z,{className:e.dialogWrapper,children:[(0,j.jsx)(s.Z,{className:e.dialogTitle,children:(0,j.jsxs)(s.Z,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,j.jsx)(o.Z,{variant:"h4",children:"Purchase AiSensy Ads Credits"}),(0,j.jsx)(r.Z,{onClick:this.closeOpenDialog,children:(0,j.jsx)(d.Z,{})})]})}),(0,j.jsx)(s.Z,{style:{padding:"0px 24px",paddingTop:"12px"},children:(0,j.jsxs)(o.Z,{variant:"h6",style:{fontSize:"12px"},children:["These Ad credits can be utilized to create and run ads only from AiSensy's Ads Manager.",(0,j.jsx)("br",{}),"These Ads are run on facebook & instagram and land on whatsapp."]})}),(0,j.jsx)(s.Z,{className:e.dialogContent,children:(0,j.jsx)(N,{showSnackbar:this.showSnackbar,closeDialog:this.closeOpenDialog})})]})})}),(0,j.jsx)(P.A9,{open:this.state.alertOpen,anchorOrigin:{vertical:"top",horizontal:"center"},onClose:this.onSnackbarClose,severity:this.state.severity,message:this.state.alertMsg})]})}}const T=(0,l.Z)((e=>({root:{width:"100%"},snackbar:{zIndex:5e3},backdrop:{position:"fixed",width:"100%",top:0,left:0,height:"100vh",background:"#0000005e",display:"flex",flexDirection:"row-reverse",zIndex:1e3},dialogContainerSlider:{[e.breakpoints.down("md")]:{margin:"0 !important"},[e.breakpoints.up("md")]:{margin:"0 !important"}},dialogContainer:{padding:12,boxSizing:"border-box",transition:"margin 0.45s",maxWidth:600,[e.breakpoints.down("md")]:{width:"100%",margin:"0 -100% 0 0"},[e.breakpoints.up("md")]:{width:"50%",margin:"0 -50% 0 0"}},dialogWrapper:{height:"100%",borderRadius:"12px",background:"white",overflow:"scroll"},dialogTitle:{padding:"12px 12px 8px 24px",boxShadow:"0px 4px 8px #f3efef"},dialogContent:{padding:"24px 16px",background:"#f9f8f873",maxHeight:"calc(100vh - 140px)",overflowY:"auto"}})))(z)},40755:(e,t,i)=>{i.r(t),i.d(t,{default:()=>Ze});var a=i(47313),n=i(73908),s=i(57009),o=i(54070),r=i(95939),l=i(78371),d=i(82277),c=i(72728),p=i(84747),h=i(35154),g=i(20337),m=i(3873),x=i(68809),u=i(20951),v=i(13188),b=i(69889),f=i(62300),y=i(23405),w=i(46396),S=i(53446),C=i(38227),k=i(61120),Z=i(19106),j=i(96083),I=i(98456),D=i(51505),N=i(24241),P=i(21144),z=i(16757),T=i(61809),E=i(60882),M=i(52376),B=i(45516),R=i(89548),L=i(5733),H=i(58145),A=i(0),W=i(93936),F=i(1072),O=i(58432),_=i(2600),U=i(99913),V=i(28782),Y=i(97886),q=i(90199),X=i(26300),Q=i(92171),$=i(25021),G=i(56342),J=i(43651),K=i(12599),ee=i(79880),te=i(94459),ie=i(9823),ae=i(59411),ne=i(59688),se=i(82294),oe=i(82162),re=i(45788),le=i(63830),de=i(83061),ce=i(5975),pe=i(12871),he=i(34882),ge=i(21871),me=i(70089),xe=i(1805),ue=i(91506),ve=i(20176),be=i(70816),fe=i.n(be),ye=(i(64343),i(87255),i(81533),i(91529)),we=i(9841),Se=i(46417);class Ce extends a.Component{constructor(e){var t;super(e),t=this,this.sidebarScrollRef=a.createRef(),this.fetchDatasets=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const{assistantDetails:i,fetchPixels:a}=t.props,n=null===i||void 0===i?void 0:i.assistantId,s=Boolean((null===i||void 0===i?void 0:i.fbConnected)&&(null===i||void 0===i?void 0:i.selectedMetaPageId)&&(null===i||void 0===i?void 0:i.selectedMetaAdAccountId));if(n&&s){e?t.setState({loading:!0,allDatasets:[],currentPage:1,hasMore:!0,isLoadingMore:!1}):t.setState({isLoadingMore:!0});try{const{currentPage:i,rowsPerPage:s,searchQuery:o}=t.state,r=e?1:i,l=s,d=await a({assistantId:n,page:r,limit:l,search:(null===o||void 0===o?void 0:o.trim())||""}),{data:c,pagination:p}=d||{},h=(c||[]).map((e=>({_id:e._id,name:e.name||e.description||"Pixel ".concat(e.pixelId),pixelId:e.pixelId,status:"ACTIVE"===e.status?"Active":e.status||"Inactive",dateCreated:e.createdAt?new Date(e.createdAt).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"}):"",description:e.description||"",code:e.code||""}))),g=e?h:[...t.state.allDatasets,...h],m=(null===p||void 0===p?void 0:p.hasNextPage)||!1;t.setState({allDatasets:g,currentPage:r+1,hasMore:m,pagination:p||t.state.pagination,loading:!1,isLoadingMore:!1},(()=>{var i,a;!(e&&g.length>0)||t.state.selectedEventId||null!==(i=t.props.match)&&void 0!==i&&null!==(a=i.params)&&void 0!==a&&a.eventId||setTimeout((()=>{t.selectEvent(g[0])}),100)}))}catch(l){var o,r;console.error("Error fetching datasets:",l),t.setState({loading:!1,isLoadingMore:!1,snackbar:{open:!0,message:t.props.pixelsError||(null===l||void 0===l||null===(o=l.response)||void 0===o||null===(r=o.data)||void 0===r?void 0:r.message)||"Failed to fetch pixels. Please try again.",severity:"error"}})}}},this.loadNextBatch=()=>{!this.state.hasMore||this.state.isLoadingMore||this.state.loading||this.fetchDatasets(!1)},this.handleSidebarScroll=e=>{const{scrollTop:t,scrollHeight:i,clientHeight:a}=e.target;(t+a)/i>.8&&this.state.hasMore&&!this.state.isLoadingMore&&this.loadNextBatch()},this.toggleTemplateCreditDialog=()=>{this.setState({templatedialogOpen:!this.state.templatedialogOpen})},this.handleSearchChange=e=>{const t=e.target.value;this.setState({searchQuery:t},(()=>{this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.fetchDatasets(!0)}),500)}))},this.handleDrawerOpen=()=>{this.setState({drawerOpen:!0})},this.handleDrawerClose=()=>{this.setState({drawerOpen:!1})},this.selectEvent=e=>{const{projectId:t}=this.props.match.params,i=window.innerWidth<768;this.setState({selectedEventId:e._id,selectedEvent:e},(()=>{this.props.history.replace("/projects/".concat(t,"/advertisement/events/").concat(e._id)),this.fetchEventDetails(e.pixelId),this.setState({activeTab:0}),(e.pixelId||e._id)&&this.fetchPixelStats(),i&&this.handleDrawerOpen()}))},this.selectEventById=e=>{const t=this.state.allDatasets.find((t=>t._id===e));t?this.selectEvent(t):this.fetchEventDetails(e)},this.fetchEventDetails=async e=>{const{assistantDetails:t}=this.props,i=null===t||void 0===t?void 0:t.assistantId;if(i&&e)try{var a;const t=(await me.Z.get("".concat(xe.ADS_REST_API_URL,"/meta/pixels/details"),{params:{pixelId:e,assistantId:i}})).data,n={_id:t._id,name:t.name||(null===(a=this.state.selectedEvent)||void 0===a?void 0:a.name)||t.description||"Event ".concat(t.pixelId),pixelId:t.pixelId,status:this.mapStatusToDisplay(t.status),dateCreated:fe()(t.createdAt).format("DD MMM YYYY"),description:t.description||"",creator:t.creator||"N/A",owner:t.owner||"N/A",code:t.code||""};this.setState({selectedEvent:n,selectedEventId:e},(()=>{n.pixelId&&this.fetchPixelStats()}))}catch(o){var n,s;console.error("Error fetching event details:",o),this.setState({snackbar:{open:!0,message:(null===o||void 0===o||null===(n=o.response)||void 0===n||null===(s=n.data)||void 0===s?void 0:s.message)||"Failed to fetch event details. Please try again.",severity:"error"}})}},this.mapStatusToDisplay=e=>{if(!e)return"Inactive";return{ACTIVE:"Active",INACTIVE:"Inactive",PENDING:"Pending Review"}[e.toUpperCase()]||e},this.initializePixel=()=>{var e,t,i,a,n,s;window.fbq||(e=window,t=document,i="script",e.fbq||(a=e.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)}

1,e._fbq||(e._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],(n=t.createElement(i)).async=!0,n.src="https://connect.facebook.net/en_US/fbevents.js",(s=t.getElementsByTagName(i)[0]).parentNode.insertBefore(n,s)))},this.initializePixelWithId=e=>{if(window.fbq||this.initializePixel(),window.fbq&&e)try{window.fbq("init",e)}catch(t){console.log("Pixel initialization:",t)}},this.handleCreatePixel=()=>{this.setState({createPixelDialogOpen:!0,dialogStep:"create",createdPixel:null})},this.handleOpenSetupDialog=e=>{const t=e.code||"";this.setState({createPixelDialogOpen:!0,dialogStep:"code",createdPixel:{_id:e._id,id:e._id,pixelId:e.pixelId,code:t,name:e.name}})},this.handleCloseCreatePixelDialog=()=>{this.setState({createPixelDialogOpen:!1,pixelName:"",pixelDescription:"",pixelNameError:"",dialogStep:"create",createdPixel:null})},this.handlePixelNameChange=e=>{const t=e.target.value;t.length<=100&&this.setState({pixelName:t,pixelNameError:""===t.trim()?"Pixel name is required":""})},this.handlePixelDescriptionChange=e=>{const t=e.target.value;t.length<=1024&&this.setState({pixelDescription:t})},this.handleCreatePixelSubmit=async()=>{const{pixelName:e,pixelDescription:t}=this.state,{assistantDetails:i}=this.props,a=null===i||void 0===i?void 0:i.assistantId;if(e&&""!==e.trim())if(a){this.setState({creatingPixel:!0});try{var n,s,o,r;const i=await me.Z.post("".concat(xe.ADS_REST_API_URL,"/meta/pixels/create"),{assistantId:a,pixelName:e.trim(),pixelDescription:t.trim()||""}),d=null===(n=i.data)||void 0===n?void 0:n.data,c=(null===(s=i.data)||void 0===s||null===(o=s.data)||void 0===o?void 0:o.code)||"";if(!d)throw new Error("Failed to create event. No data received.");var l;if(this.setState({creatingPixel:!1,dialogStep:"code",createdPixel:{...d,code:c}},(()=>{this.fetchDatasets(!0),null!==d&&void 0!==d&&d._id&&setTimeout((()=>{this.selectEventById(d._id)}),1e3)})),null!==(r=i.data)&&void 0!==r&&r.success)this.setState({snackbar:{open:!0,message:(null===(l=i.data)||void 0===l?void 0:l.message)||"Pixel created successfully",severity:"success"}})}catch(p){var d,c;const e=(null===p||void 0===p||null===(d=p.response)||void 0===d||null===(c=d.data)||void 0===c?void 0:c.message)||(null===p||void 0===p?void 0:p.message)||"Failed to create event. Please try again.";this.setState({creatingPixel:!1,snackbar:{open:!0,message:e,severity:"error"}})}}else this.setState({snackbar:{open:!0,message:"Assistant ID is missing. Please try again.",severity:"error"}});else this.setState({pixelNameError:"Pixel name is required"})},this.syncPixels=async()=>{const{assistantDetails:e,syncPixels:t}=this.props,i=null===e||void 0===e?void 0:e.assistantId;if(i){this.setState({isSyncingPixels:!0});try{const e=await t({assistantId:i});if(!1===(null===e||void 0===e?void 0:e.success))return void this.setState({isSyncingPixels:!1,snackbar:{open:!0,message:(null===e||void 0===e?void 0:e.message)||"Failed to sync events",severity:"error"}});this.fetchDatasets(!0),this.setState({isSyncingPixels:!1,snackbar:{open:!0,message:(null===e||void 0===e?void 0:e.message)||"Events synced successfully",severity:"success"}})}catch(s){var a,n;console.error("Error syncing events:",s),this.setState({isSyncingPixels:!1,snackbar:{open:!0,message:this.props.syncPixelsError||(null===s||void 0===s||null===(a=s.response)||void 0===a||null===(n=a.data)||void 0===n?void 0:n.message)||(null===s||void 0===s?void 0:s.message)||"Failed to sync events. Please try again.",severity:"error"}})}}else this.setState({snackbar:{open:!0,message:"Unable to sync events. Assistant ID is missing.",severity:"error"}})},this.handleTabChange=(e,t)=>

1{this.setState({activeTab:t})},this.handleDateChange=e=>{let{startDate:t,endDate:i}=e;this.setState({startDate:t,endDate:i},(()=>{var e;null!==(e=this.state.selectedEvent)&&void 0!==e&&e.pixelId&&this.fetchPixelStats()}))},this.handleFocusChange=e=>{this.setState({focusedInput:e})},this.fetchPixelStats=async()=>{const{selectedEvent:e,startDate:t,endDate:i}=this.state,{assistantDetails:a,fetchPixelStats:n}=this.props,s=null===a||void 0===a?void 0:a.assistantId;if(s&&null!==e&&void 0!==e&&e.pixelId){this.setState({pixelStatsLoading:!0});try{const a=t?t.unix():"",o=i?i.unix():"",r=await n({assistantId:s,pixelId:e.pixelId,start_time:a||void 0,end_time:o||void 0}),{data:l,summary:d}=r||{};this.setState({pixelStats:l||[],pixelStatsSummary:d||null,pixelStatsLoading:!1},(()=>{const e=this.getEventTableData();(0===e.length||e.every((e=>0===(e.totalEvents||0))))&&0===this.state.activeTab&&this.setState({activeTab:1})}))}catch(l){var o,r;console.error("Error fetching event stats:",l),this.setState({pixelStats:[],pixelStatsSummary:null,pixelStatsLoading:!1,snackbar:{open:!0,message:this.props.pixelStatsError||(null===l||void 0===l||null===(o=l.response)||void 0===o||null===(r=o.data)||void 0===r?void 0:r.message)||"Failed to fetch event stats. Please try again.",severity:"error"}},(()=>{const e=this.getEventTableData();(0===e.length||e.every((e=>0===(e.totalEvents||0))))&&0===this.state.activeTab&&this.setState({activeTab:0})}))}}},this.syncEvents=async()=>{const{selectedEvent:e}=this.state,{assistantDetails:t}=this.props;if((null===t||void 0===t?void 0:t.assistantId)&&null!==e&&void 0!==e&&e._id){this.setState({isSyncingEvents:!0});try{await this.fetchEventDetails(e.pixelId),await this.fetchPixelStats(),this.setState({eventLog:[]}),this.setState({isSyncingEvents:!1,snackbar:{open:!0,message:"Events synced successfully",severity:"success"}})}catch(i){console.error("Error syncing events:",i),this.setState({isSyncingEvents:!1,snackbar:{open:!0,message:"Failed to sync events. Please try again.",severity:"error"}})}}else this.setState({snackbar:{open:!0,message:"Unable to sync events. Please try again.",severity:"error"}})},this.getEventIcon=e=>({Purchase:B.Z,AddToCart:R.Z,PageView:L.Z,ViewContent:L.Z,Lead:H.Z,CompleteRegistration:A.Z,Search:W.Z,ViewCategory:F.Z,AddToWishlist:O.Z,FindLocation:_.Z,Schedule:U.Z,Contact:V.Z,Subscribe:Y.Z,StartTrial:q.Z,AddPaymentInfo:X.Z,InitiateCheckout:R.Z}[e]||Q.Z),this.getEventIconColor=e=>{const{theme:t}=this.props;return t.palette.primary.main},this.getStatusColor=e=>({success:"#28C152",warning:"#FF8400",error:"#F25D55"}[null===e||void 0===e?void 0:e.toLowerCase()]||"#28C152"),this.getEventTableData=()=>{const{eventLog:e,eventTypeFilter:t}=this.state,{pixelStats:i}=this.props,a=i&&i.length>0?i:this.state.pixelStats;if(a&&a.length>0)return a.map((e=>({eventName:e.event_name||e.eventName,connectionMethod:e.connection_method||e.connectionMethod||"event",totalEvents:e.total_count||e.totalEvents||0,status:"success"})));const n=["Purchase","AddToCart","ViewContent","InitiateCheckout","Lead","CompleteRegistration","Search","ViewCategory","AddToWishlist","FindLocation","Schedule","Contact","Subscribe","StartTrial","AddPaymentInfo","Subscribe"];let s=e;"standard"===t&&(s=e.filter((e=>n.includes(e.eventName))));const o={};s.forEach((e=>{const t="".concat(e.eventName,"_").concat(e.source);o[t]||(o[t]={eventName:e.eventName,connectionMethod:e.source,totalEvents:0,statusCounts:{success:0,warning:0,error:0}}),o[t].totalEvents+=1,e.status&&void 0!==o[t].statusCounts[e.status]&&(o[t].statusCounts[e.status]+=1)}));return Object.values(o).map((e=>{const{statusCounts:t}=e;let i="success";return t.error>0?i="error":t.warning>0&&(i="warning"),{...e,status:i}})).sort(((e,t)=>t.totalEvents-e.totalEvents))},this.handleAccordionChange=e=>(t,i)=>{this.setState({expandedAccordionIndex:!!i&&e})},this.handleContinueSetup=()=>{this.setState({activeTab:1})},this.getPixelSetupSteps=()=>{const{selectedEvent:e,expandedAccordionIndex:t}=this.state,{classes:i,theme:a}=this.props,r=!(null===e||void 0===e||!e.code),l=[{title:"Copy the Event Script",icon:(0,Se.jsx)($.Z,{style:{fontSize:"20px",color:"#6E6E6E"}}),completed:r,stepNumber:1,content:(0,Se.jsxs)(n.Z,{className:i.setupStepContent,children:[(0,Se.jsx)(s.Z,{variant:"body1",className:i.setupStepDescription,children:"Copy the event code below to install it on your website. Click the copy button to copy the complete script to your clipboard."}),null!==e&&void 0!==e&&e.code?(0,Se.jsx)(n.Z,{className:i.setupCodeWrapper,children:(0,Se.jsxs)(n.Z,{className:i.setupCodeContainer,children:[(0,Se.jsxs)(n.Z,{className:i.setupCodeHeader,children:[(0,Se.jsx)(s.Z,{variant:"caption",className:i.codeLabel,children:"Event Code"}),(0,Se.jsx)(o.Z,{onClick:()=>this.handleCopyPixelCode(e.pixelId),size:"small",className:i.setupCopyButton,title:"Copy code",children:(0,Se.jsx)(ge.r,{style:{width:"18px",height:"18px",fill:"#0a474c"}})})]}),(0,Se.jsx)("pre",{className:i.setupCodeDisplay,children:e.code})]})}):(0,Se.jsx)(n.Z,{className:i.noCodeMessage,children:(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",children:"No event code available. Please create a event first."})})]})},{title:"Install on Your Website",icon:(0,Se.jsx)(G.Z,{style:{fontSize:"20px",color:"#6E6E6E"}}),completed:!1,stepNumber:2,content:(0,Se.jsxs)(n.Z,{className:i.setupStepContent,children:[(0,Se.jsx)(s.Z,{variant:"body1",className:i.setupStepDescription,children:"Install the below event code on your website:"}),(0,Se.jsx)(n.Z,{className:i.installationOptions,children:(0,Se.jsxs)(n.Z,{children:[(0,Se.jsxs)(s.Z,{variant:"body2",className:i.optionText,children:["Paste the copied event code just before the closing"," ",(0,Se.jsx)("code",{className:i.inlineCode,children:"</head>"})," tag on ",(0,Se.jsx)("strong",{children:"every page"})," of your website."]}),(0,Se.jsxs)(n.Z,{className:i.codeExample,children:[(0,Se.jsx)(s.Z,{variant:"caption",className:i.exampleLabel,children:"Example:"}),(0,Se.jsx)("pre",{className:i.exampleCode,children:"<head>\n  \x3c!-- Your existing head content --\x3e\n  \x3c!-- Paste your event code here --\x3e\n</head>"})]})]})})]})},{title:"Verify the Installation",icon:(0,Se.jsx)(J.Z,{style:{fontSize:"20px",color:"#6E6E6E"}}),completed:!1,stepNumber:3,content:(0,Se.jsxs)(n.Z,{className:i.setupStepContent,children:[(0,Se.jsx)(s.Z,{variant:"body1",className:i.setupStepDescription,children:"After installing the code, verify that your event is

1working correctly:"}),(0,Se.jsxs)(n.Z,{className:i.verificationSteps,children:[(0,Se.jsx)(n.Z,{className:i.verificationStep,children:(0,Se.jsxs)(n.Z,{children:[(0,Se.jsx)(s.Z,{variant:"body2",className:i.verificationStepTitle,children:"Visit your website"}),(0,Se.jsxs)(s.Z,{variant:"body2",color:"textSecondary",className:i.verificationStepText,children:["Navigate to any page to trigger the initial"," ",(0,Se.jsx)("strong",{children:"PageView"})," event"]})]})}),(0,Se.jsx)(n.Z,{className:i.verificationStep,children:(0,Se.jsxs)(n.Z,{children:[(0,Se.jsx)(s.Z,{variant:"body2",className:i.verificationStepTitle,children:"Test the event"}),(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",className:i.verificationStepText,children:"Use the Test Events tool to confirm the event is active and receiving data"})]})})]})]})}];if(!1===t||null===t||void 0===t)return l.map((e=>({...e,completed:!0})));const d=t;return l.map(((e,t)=>{const i=d>=t;return{...e,completed:e.completed||i}}))},this.handleCopyCode=()=>{const{createdPixel:e}=this.state,t=(null===e||void 0===e?void 0:e.code)||"";navigator.clipboard.writeText(t).then((()=>{this.setState({snackbar:{open:!0,message:"Event code copied to clipboard!",severity:"success"}})})).catch((()=>{const e=document.createElement("textarea");e.value=t,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),this.setState({snackbar:{open:!0,message:"Event code copied to clipboard!",severity:"success"}})}))},this.renderDialogContent=()=>{const{classes:e}=this.props,{dialogStep:t,creatingPixel:i,createdPixel:a}=this.state;if("create"===t)return(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsxs)(r.Z,{className:e.dialogTitle,children:[(0,Se.jsxs)(n.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,Se.jsx)(n.Z,{display:"flex",alignItems:"center",gap:5,children:(0,Se.jsx)(s.Z,{variant:"h5",className:e.dialogTitleText,color:"textPrimary",children:"Create Event"})}),(0,Se.jsx)(o.Z,{onClick:this.handleCloseCreatePixelDialog,className:e.closeButton,size:"small",children:(0,Se.jsx)(K.Z,{})})]}),(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",className:e.dialogSubtitle,children:"Set up a new Meta Event to track conversions and optimize your ad performance"})]}),(0,Se.jsx)(l.Z,{className:e.dialogContent,children:(0,Se.jsxs)(n.Z,{className:e.contentCard,children:[(0,Se.jsxs)(n.Z,{mb:2,children:[(0,Se.jsx)(s.Z,{variant:"body2",className:e.inputLabel,children:"Event Name"}),(0,Se.jsx)(d.Z,{className:e.inputCard,elevation:0,children:(0,Se.jsx)(c.Z,{variant:"outlined",fullWidth:!0,placeholder:"Enter event name",value:this.state.pixelName,onChange:this.handlePixelNameChange,error:!!this.state.pixelNameError,helperText:this.state.pixelNameError,classes:{root:e.TextFieldRoot},InputProps:{classes:{input:e.inputPadding},endAdornment:(0,Se.jsx)(p.Z,{position:"end",children:(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",className:e.charCount,children:"".concat((this.state.pixelName||"").length,"/100")})})},FormHelperTextProps:{className:e.helperText}})})]}),(0,Se.jsxs)(n.Z,{mb:2,children:[(0,Se.jsx)(n.Z,{display:"flex",alignItems:"center",gap:1,style:{marginBottom:"8px"},children:(0,Se.jsx)(s.Z,{variant:"body2",className:e.inputLabel,children:"Description"})}),(0,Se.jsx)(d.Z,{className:e.inputCard,elevation:0,children:(0,Se.jsxs)(n.Z,{position:"relative",children:[(0,Se.jsx)(c.Z,{variant:"outlined",fullWidth:!0,multiline:!0,rows:4,placeholder:"Describe this event for future reference",value:this.state.pixelDescription,onChange:this.handlePixelDescriptionChange,classes:{root:e.TextFieldRoot},InputProps:{classes:{input:e.inputPadding}}}),(0,Se.jsx)(n.Z,{position:"absolute",bottom:"12px",right:"14px",style:{pointerEvents:"none"},children:(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",className:e.charCount,children:"".concat((this.state.pixelDescription||"").length,"/1024")})})]})})]})]})}),(0,Se.jsxs)(h.Z,{className:e.dialogActions,children:[(0,Se.jsx)(g.Z,{onClick:this.handleCloseCreatePixelDialog,variant:"outlined",className:e.cancelButton,children:"Cancel"}),(0,Se.jsx)(g.Z,{onClick:this.handleCreatePixelSubmit,variant:"contained",color:"primary",disabled:!this.state.pixelName||""===this.state.pixelName.trim()||!!this.state.pixelNameError||i,startIcon:i||this.props.createPixelLoading?(0,Se.jsx)(m.Z,{size:16,color:"inherit"}):null,children:i||this.props.createPixelLoading?"Creating...":"Create Event"})]})]});if("code"===t){const t=(null===a||void 0===a?void 0:a.code)||"";return(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsxs)(r.Z,{className:e.dialogTitle,children:[(0,Se.jsxs)(n.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,Se.jsx)(n.Z,{display:"flex",alignItems:"center",gap:5,children:(0,Se.jsx)(s.Z,{variant:"h5",className:e.dialogTitleText,color:"textPrimary",children:"Event Created Successfully!"})}),(0,Se.jsx)(o.Z,{onClick:this.handleCloseCreatePixelDialog,className:e.closeButton,size:"small",children:(0,Se.jsx)(K.Z,{})})]}),(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",className:e.dialogSubtitle,children:"Copy and install the event code on your website to start tracking events"})]}),(0,Se.jsx)(l.Z,{className:e.dialogContent,children:(0,Se.jsx)(n.Z,{className:e.contentCard,children:(0,Se.jsxs)(n.Z,{mb:2,children:[(0,Se.jsx)(s.Z,{variant:"body2",className:e.inputLabel,style:{marginBottom:"12px"},children:"Install Event Code"}),(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",style:{marginBottom:"16

1px",fontSize:"0.875rem"},children:"Copy the code below and paste it into the <head> section of your website."}),(0,Se.jsxs)(d.Z,{className:e.codeContainer,elevation:0,style:{backgroundColor:"#F5F5F5",padding:"16px",borderRadius:"8px",position:"relative"},children:[(0,Se.jsx)("pre",{style:{margin:0,fontSize:"12px",fontFamily:"monospace",whiteSpace:"pre-wrap",wordBreak:"break-all",color:"#333",maxHeight:"300px",overflow:"auto"},children:t}),(0,Se.jsx)(o.Z,{onClick:this.handleCopyCode,size:"small",style:{position:"absolute",top:"8px",right:"8px",backgroundColor:"white"},children:(0,Se.jsx)(ge.r,{style:{width:"18px",height:"18px",fill:"#0a474c"}})})]})]})})}),(0,Se.jsx)(h.Z,{className:e.dialogActions,children:(0,Se.jsx)(g.Z,{onClick:this.handleCloseCreatePixelDialog,variant:"outlined",className:e.nextButton,children:"Close"})})]})}return null},this.handleCopyPixelCode=e=>{const{selectedEvent:t}=this.state,i=(null===t||void 0===t?void 0:t.code)||"";navigator.clipboard.writeText(i).then((()=>{this.setState({snackbar:{open:!0,message:"Event code copied to clipboard!",severity:"success"}})})).catch((()=>{const e=document.createElement("textarea");e.value=i,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),this.setState({snackbar:{open:!0,message:"Event code copied to clipboard!",severity:"success"}})}))},this.handleSnackbarClose=(e,t)=>{"clickaway"!==t&&this.setState({snackbar:{open:!1,message:"",severity:"success"}})},this.renderEventsSidebar=()=>{const{classes:e,theme:t,assistantDetails:i}=this.props,{searchQuery:a,allDatasets:r,loading:l,isLoadingMore:d,selectedEventId:h,hasMore:b}=this.state,f=Boolean((null===i||void 0===i?void 0:i.fbConnected)&&(null===i||void 0===i?void 0:i.selectedMetaPageId)&&(null===i||void 0===i?void 0:i.selectedMetaAdAccountId)),y={Active:"#28C152","Pending Review":"#8859E7",Inactive:"#FF8400",Error:"#F25D55"};return(0,Se.jsxs)(n.Z,{className:e.eventsSidebar,children:[(0,Se.jsxs)(n.Z,{className:e.sidebarHeader,children:[(0,Se.jsx)(s.Z,{variant:"h6",className:e.sidebarTitle,children:"Events"}),(0,Se.jsxs)(n.Z,{display:"flex",alignItems:"center",gap:.5,children:[(0,Se.jsx)(he.ZP,{title:"Sync Pixels from Meta",children:(0,Se.jsx)(o.Z,{size:"small",onClick:this.syncPixels,disabled:!f||this.state.isSyncingPixels,className:e.syncPixelsButton,children:(0,Se.jsx)(ee.Z,{className:this.state.isSyncingPixels?e.rotationIcon:""})})}),(0,Se.jsx)(he.ZP,{title:"Create Event",children:(0,Se.jsx)(o.Z,{size:"small",onClick:this.handleCreatePixel,disabled:!f,className:e.addButton,children:(0,Se.jsx)(te.Z,{})})})]})]}),(0,Se.jsx)(n.Z,{className:e.sidebarSearch,children:(0,Se.jsx)(c.Z,{placeholder:"Search by event name",color:"primary",className:e.textFieldRoot,value:a,onChange:this.handleSearchChange,variant:"outlined",size:"small",style:{backgroundColor:"#e6e6e6"},disabled:!f,InputProps:{startAdornment:(0,Se.jsx)(p.Z,{position:"start",children:(0,Se.jsx)(W.Z,{})}),endAdornment:a?(0,Se.jsx)(p.Z,{position:"end",children:(0,Se.jsx)(o.Z,{style:{padding:"4px",marginRight:"-4px"},color:"primary",size:"small",onClick:()=>{this.setState({searchQuery:""},(()=>this.fetchDatasets(!0)))},children:(0,Se.jsx)(K.Z,{style:{fontSize:18}})})}):""}})}),(0,Se.jsx)(n.Z,{className:e.sidebarList,onScroll:this.handleSidebarScroll,ref:this.sidebarScrollRef,children:(l||this.props.pixelsLoading)&&0===r.length?(0,Se.jsx)(n.Z,{display:"flex",justifyContent:"center",alignItems:"center",p:4,children:(0,Se.jsx)(m.Z,{})}):0===r.length?(0,Se.jsxs)(n.Z,{p:3,textAlign:"center",children:[(0,Se.jsx)("img",{src:pe.Z,alt:"No events",style:{width:"120px",marginBottom:"16px"}}),(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",style:{marginBottom:"16px"},children:a?"No events found":"No events yet"}),!a&&(0,Se.jsx)(g.Z,{variant:"contained",color:"primary",size:"small",startIcon:(0,Se.jsx)(ie.Z,{}),onClick:this.handleCreatePixel,disabled:!f,style:{marginTop:"8px"},children:"Create Event"})]}):(0,Se.jsxs)(Se.Fragment,{children:[r.map((t=>(0,Se.jsxs)(x.Z,{button:!0,selected:h===t.pixelId||h===t._id,onClick:()=>this.selectEvent(t),className:e.eventListItem,disabled:!f,children:[(0,Se.jsx)(u.Z,{children:(0,Se.jsx)(n.Z,{style:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:y[t.status]||"#ccc",boxShadow:"0 0 0 2px ".concat(y[t.status]||"#ccc","20")}})}),(0,Se.jsx)(v.Z,{primary:(0,Se.jsx)(s.Z,{variant:"body2",className:e.eventName,children:t.name}),secondary:(0,Se.jsxs)(s.Z,{variant:"caption",color:"textSecondary",className:e.eventId,children:["ID ",t.pixelId]})})]},t.pixelId))),d&&(0,Se.jsx)(n.Z,{display:"flex",justifyContent:"center",p:2,children:(0,Se.jsx)(m.Z,{size:24})})]})})]})},this.renderEventDetails=()=>{const{classes:e,theme:t,assistantDetails:i}=this.props,{selectedEvent:a,activeTab:r,startDate:l,endDate:c,focusedInput:p,isSyncingEvents:h,expandedAccordionIndex:x,allDatasets:u}=this.state,{projectId:v}

1=this.props.match.params,P=Boolean((null===i||void 0===i?void 0:i.fbConnected)&&(null===i||void 0===i?void 0:i.selectedMetaPageId)&&(null===i||void 0===i?void 0:i.selectedMetaAdAccountId)),z=P?"":"Complete your Ads setup (connect Facebook, select a Page and Ad Account) to create an Ad",T=0===u.length&&!this.state.loading;if(!a||T){const t=window.innerWidth<768;return(0,Se.jsxs)(n.Z,{className:e.detailsPanel,children:[(0,Se.jsxs)(n.Z,{className:e.detailsHeader,children:[(0,Se.jsx)(n.Z,{display:"flex",alignItems:"center",gap:1,flex:1,minWidth:0,children:(0,Se.jsx)(s.Z,{variant:"h5",className:e.detailsTitle,noWrap:!0,children:T?"No Events":"Select an Event"})}),(0,Se.jsx)(n.Z,{mr:3,display:"flex",alignItems:"center",children:(0,Se.jsx)(ye.default,{})}),(0,Se.jsx)(he.ZP,{title:z,children:(0,Se.jsx)("span",{children:(0,Se.jsx)(g.Z,{variant:"contained",color:"primary",size:t?"small":"medium",startIcon:(0,Se.jsx)(ie.Z,{}),className:e.createAdButton,disabled:!P,onClick:()=>{null!==a&&void 0!==a&&a.pixelId?this.props.history.push("/projects/".concat(v,"/advertisement/create?pixelId=").concat(a.pixelId,"&selectedAdType=website_traffic")):this.props.history.push("/projects/".concat(v,"/advertisement/create?selectedAdType=website_traffic"))},children:t?"Create":"Create Ad"})})})]}),(0,Se.jsxs)(n.Z,{className:e.detailsContent,children:[(0,Se.jsx)(n.Z,{className:e.tabsRow,children:(0,Se.jsxs)(b.Z,{value:r,onChange:this.handleTabChange,indicatorColor:"primary",textColor:"primary",className:e.tabs,children:[(0,Se.jsx)(f.Z,{label:"Overview"}),(0,Se.jsx)(f.Z,{label:"Setup"})]})}),(0,Se.jsx)(n.Z,{className:e.tabContent,children:(0,Se.jsx)(n.Z,{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"calc(100vh - 300px)",p:4,children:(0,Se.jsxs)(n.Z,{textAlign:"center",className:e.emptyStateContainer,children:[(0,Se.jsx)("img",{src:pe.Z,alt:T?"No events":"No event selected",className:e.emptyStateImage}),(0,Se.jsx)(s.Z,{variant:"h6",color:"textSecondary",className:e.emptyStateText,children:T?"No events yet":"Select an event to view details"}),T&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",style:{marginTop:"8px",marginBottom:"16px"},children:"Create your first event to start tracking events and conversions."}),(0,Se.jsx)(g.Z,{variant:"contained",color:"primary",startIcon:(0,Se.jsx)(ie.Z,{}),onClick:this.handleCreatePixel,disabled:!P,children:"Create Event"})]})]})})})]})]})}const E=window.innerWidth<768;return(0,Se.jsxs)(n.Z,{className:e.detailsPanel,children:[(0,Se.jsxs)(n.Z,{className:e.detailsHeader,children:[(0,Se.jsx)(n.Z,{display:"flex",alignItems:"center",gap:1,flex:1,minWidth:0,children:(0,Se.jsx)(s.Z,{variant:"h5",className:e.detailsTitle,noWrap:!0,children:a.name})}),(0,Se.jsx)(n.Z,{mr:3,display:"flex",alignItems:"center",children:(0,Se.jsx)(ye.default,{})}),(0,Se.jsx)(he.ZP,{title:z,children:(0,Se.jsx)("span",{children:(0,Se.jsx)(g.Z,{variant:"contained",color:"primary",size:E?"small":"medium",startIcon:(0,Se.jsx)(ie.Z,{}),className:e.createAdButton,disabled:!P,onClick:()=>{this.props.history.push("/projects/".concat(v,"/advertisement/create?pixelId=").concat(a.pixelId,"&selectedAdType=website_traffic"))},children:E?"Create":"Create Ad"})})})]}),(0,Se.jsxs)(n.Z,{className:e.detailsContent,children:[(0,Se.jsxs)(n.Z,{className:e.tabsRow,children:[(0,Se.jsxs)(b.Z,{value:r,onChange:this.handleTabChange,indicatorColor:"primary",textColor:"primary",className:e.tabs,children:[(0,Se.jsx)(f.Z,{label:"Overview"}),(0,Se.jsx)(f.Z,{label:"Setup"})]}),0===r&&(0,Se.jsxs)(n.Z,{className:e.tabsRowControls,children:[(0,Se.jsx)(n.Z,{className:e.datePickerContainer,children:(0,Se.jsx)(ve.DateRangePicker,{startDatePlaceholderText:"From",endDatePlaceholderText:"To",startDateId:"overviewStartDate",endDateId:"overviewEndDate",startDate:l,endDate:c,onDatesChange:this.handleDateChange,focusedInput:p,onFocusChange:this.handleFocusChange,navPosition:"navPositionTop",numberOfMonths:1,navPrev:(0,Se.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:(0,Se.jsx)(o.Z,{size:"small",children:(0,Se.jsx)(ae.Z,{})})}),navNext:(0,Se.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:(0,Se.jsx)(o.Z,{size:"small",children:(0,Se.jsx)(ne.Z,{})})}),hideKeyboardShortcutsPanel:!0,customArrowIcon:null,screenReaderInputMessage:" ",small:!0,readOnly:!0,displayFormat:"DD MMM YYYY",isOutsideRange:e=>e.isAfter(fe()(),"day"),minimumNights:0})}),(0,Se.jsx)(he.ZP,{title:"Sync Events",children:(0,Se.jsx)(g.Z,{variant:"outlined",size:"small",className:e.syncButton,startIcon:(0,Se.jsx)(ee.Z,{className:h?e.rotationIcon:""}),onClick:this.syncEvents,disabled:h||this.props.pixelStatsLoading,children:h||this.props.pixelStatsLoading?"Syncing...":"Sync"})})]})]}),0===r&&(0,Se.jsx)(n.Z,{className:e.tabContent,children:(0,Se.jsx)(y.Z,{component:d.Z,className:e.tableContainer,children:(0,Se.jsxs)(w.Z,{children:[(0,Se.jsx)(S.Z,{style:{borderBottom:"none"},children:(0,Se.jsxs)(C.Z,{style:{borderBottom:"none"},children:[(0,Se.jsx)(k.Z,{style:{border:"none"},children:"Events"}),(0,Se.jsx)(k.Z,{style:{border:"none"},children:"Connection Method"}),(0,Se.jsx)(k.Z,{style:{border:"none"},children:"Status"}),(0,Se.jsx)(k.Z,{align:"right",style:{border:"none"},children:"Total Events"})]})}),(0,Se.jsx)(Z.Z,{children:this.state.pixelStatsLoading||this.props.pixelStatsLoading?(0,Se.jsx)(C.Z,{children:(0,Se.jsx)(k.Z,{colSpan:4,align:"center",className:e.tableLoadingCell,children:(0,Se.jsx)(n.Z,{className:e.tableLoadingBox,children:(0,Se.jsx)(m.Z,{size:24})})})}):this.getEventTableData().length>0?this.getEventTableData().map(((e,t)=>{var i;const a=this.getEventIcon(e.eventName),o=this.getEventIconColor(e.eventName),r=this.getStatusColor(e.status);return(0,Se.jsxs)(C.Z,{children:[(0,Se.jsx)(k.Z,{style:{borderBottom:"none"},children:(0,Se.jsxs)(n.Z,{display:"flex",alignItems:"center",gap:1,children:[(0,Se.jsx)(a,{style:{fontSize:"18px",color:o,marginRight:"8px"}}),(0,Se.jsx)(s.Z,{children:e.eventName})]})}),(0,Se.jsx)(k.Z,{style:{borderBottom:"none"},children:(0,Se.jsx)(j.Z,{label:"Browser",size:"small",style:{backgroundColor:"#f5f5f5",border:"none"}})}),(0,Se.jsx)(k.Z,{style:{borderBottom:"none"},children:(0,Se.jsx)(j.Z,{label:(null===(i=e.status)||void 0===i?void 0:i.toUpperCase())||"SUCCESS",size:"small",style:{backgroundColor:r,color:"white",fontWeight:500}})}),(0,Se.jsx)(k.Z,{align:"right",style:{borderBottom:"none"},children:e.totalEvents})]},t)})):(0,Se.jsx)(C.Z,{children:(0,Se.jsx)(k.Z,{colSpan:4,style:{padding:0},children:(0,Se.jsx)(n.Z,{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",py:6,

1className:e.emptyStateBox,children:(0,Se.jsxs)(n.Z,{textAlign:"center",maxWidth:"500px",width:"100%",children:[(0,Se.jsx)("img",{src:pe.Z,alt:"No activity",style:{width:"200px",marginBottom:"16px",display:"block",marginLeft:"auto",marginRight:"auto"}}),(0,Se.jsx)(s.Z,{variant:"h6",children:"Your event hasn't received any activity."}),(0,Se.jsx)(s.Z,{variant:"body2",color:"textSecondary",style:{marginTop:"8px",marginBottom:"16px"},children:"Finish the event setup on your website to start seeing activity."}),(0,Se.jsx)(g.Z,{variant:"contained",color:"primary",onClick:this.handleContinueSetup,children:"Continue Event Setup"})]})})})})})]})})}),1===r&&(0,Se.jsx)(n.Z,{className:e.tabContent,children:this.getPixelSetupSteps().map(((t,i)=>(0,Se.jsxs)(I.Z,{elevation:0,className:(0,de.Z)(e.accordian,{[e.accordianCompeted]:t.completed}),style:t.completed?{borderColor:"#28c153",borderBottom:"4px solid #28c153"}:{},expanded:x===i,onChange:this.handleAccordionChange(i),children:[(0,Se.jsx)(D.Z,{className:e.accordianSummary,children:(0,Se.jsxs)(n.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",children:[(0,Se.jsxs)(n.Z,{display:"flex",alignItems:"center",gap:1,children:[(0,Se.jsx)(n.Z,{className:e.stepNumberBadge,children:(0,Se.jsx)(s.Z,{variant:"body2",className:e.stepNumberText,children:t.icon})}),(0,Se.jsx)(s.Z,{variant:"body1",className:e.pixelStepTitle,children:t.title})]}),(0,Se.jsx)(se.Z,{className:(0,de.Z)(e.accordionArrow,{[e.accordionArrowExpanded]:x===i})})]})}),(0,Se.jsx)(N.Z,{className:e.accordianDetail,children:t.content})]},i)))})]})]})},this.state={searchQuery:"",templatedialogOpen:!1,createPixelDialogOpen:!1,pixelName:"",pixelDescription:"",pixelNameError:"",creatingPixel:!1,dialogStep:"create",createdPixel:null,allDatasets:[],loading:!1,isLoadingMore:!1,hasMore:!0,currentPage:1,rowsPerPage:20,selectedEventId:null,selectedEvent:null,activeTab:0,eventLog:[],eventTypeFilter:"all",startDate:fe()().subtract(7,"days"),endDate:fe()(),focusedInput:null,isSyncingEvents:!1,isSyncingPixels:!1,expandedAccordionIndex:0,pagination:{currentPage:1,totalPages:1,totalItems:0,itemsPerPage:20,hasNextPage:!1,hasPreviousPage:!1},snackbar:{open:!1,message:"",severity:"success"},drawerOpen:!1,pixelStats:[],pixelStatsLoading:!1,pixelStatsSummary:null}}componentDidMount(){var e;const{assistantDetails:t,match:i}=this.props,a=Boolean((null===t||void 0===t?void 0:t.fbConnected)&&(null===t||void 0===t?void 0:t.selectedMetaPageId)&&(null===t||void 0===t?void 0:t.selectedMetaAdAccountId)),n=null===i||void 0===i||null===(e=i.params)||void 0===e?void 0:e.eventId;a&&(this.fetchDatasets(!0),n&&setTimeout((()=>{this.selectEventById(n)}),1e3)),this.handleResize=()=>{window.innerWidth>=768&&this.state.drawerOpen&&this.setState({drawerOpen:!1})},window.addEventListener("resize",this.handleResize)}componentWillUnmount(){this.searchTimeout&&clearTimeout(this.searchTimeout),this.handleResize&&window.removeEventListener("resize",this.handleResize)}componentDidUpdate(e){var t,i,a,n;const{assistantDetails:s,match:o}=this.props,r=null===(t=e.assistantDetails)||void 0===t?void 0:t.assistantId,l=null===s||void 0===s?void 0:s.assistantId,d=Boolean((null===s||void 0===s?void 0:s.fbConnected)&&(null===s||void 0===s?void 0:s.selectedMetaPageId)&&(null===s||void 0===s?void 0:s.selectedMetaAdAccountId)),c=null===(i=e.match)||void 0===i||null===(a=i.params)||void 0===a?void 0:a.eventId,p=null===o||void 0===o||null===(n=o.params)||void 0===n?void 0:n.eventId;l&&l!==r&&d&&this.setState({allDatasets:[],currentPage:1,hasMore:!0},(()=>{this.fetchDatasets(!0)})),p&&p!==c&&this.selectEventById(p)}render(){var e;const{classes:t,assistantDetails:i,theme:a}=this.props,r=Boolean((null===i||void 0===i?void 0:i.fbConnected)&&(null===i||void 0===i?void 0:i.selectedMetaPageId)&&(null===i||void 0===i?void 0:i.selectedMetaAdAccountId)),{projectId:l}=this.props.match.params,d=window.innerWidth<768;return(0,Se.jsxs)("div",{className:t.root,children:[!r&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)("div",{className:t.overlay}),(0,Se.jsx)(n.Z,{className:t.overlayMessageContainer,children:(0,Se.jsx)("div",{onClick:()=>this.props.history.push("/projects/".concat(l,"/advertisement/setup")),style:{cursor:"pointer"},children:(0,Se.jsxs)(s.Z,{variant:"h4",color:"primary",align:"center",className:t.message,children:["Complete Meta Ad Account Setup to continue!",(0,Se.jsx)(o.Z,{children:(0,Se.jsx)(oe.Z,{})})]})})})]}),(0,Se.jsxs)(P.Z,{container:!0,className:t.threePanelLayout,children:[(0,Se.jsx)(P.Z,{item:!0,className:t.eventsSidebarContainer,children:this.renderEventsSidebar()}

1),!d&&(0,Se.jsx)(P.Z,{item:!0,xs:!0,className:t.detailsPanelContainer,children:this.renderEventDetails()})]}),d&&this.state.selectedEvent&&(0,Se.jsxs)(z.ZP,{anchor:"bottom",open:this.state.drawerOpen,onClose:this.handleDrawerClose,className:t.mobileDrawer,PaperProps:{className:t.drawerPaper},children:[(0,Se.jsxs)(n.Z,{className:t.drawerHeader,children:[(0,Se.jsx)(s.Z,{variant:"h6",className:t.drawerTitle,children:(null===(e=this.state.selectedEvent)||void 0===e?void 0:e.name)||"Event Details"}),(0,Se.jsx)(o.Z,{onClick:this.handleDrawerClose,className:t.drawerCloseButton,size:"small",children:(0,Se.jsx)(K.Z,{})})]}),(0,Se.jsx)(n.Z,{className:t.drawerContent,children:this.renderEventDetails()})]}),(0,Se.jsx)(ce.default,{dialogOpen:this.state.templatedialogOpen,toggleTemplateCreditDialog:this.toggleTemplateCreditDialog,assistantDetails:this.props.assistantDetails}),(0,Se.jsx)(T.Z,{open:this.state.createPixelDialogOpen,onClose:(e,t)=>{"backdropClick"!==t&&this.handleCloseCreatePixelDialog()},maxWidth:"sm",fullWidth:!0,className:t.createPixelDialog,children:this.renderDialogContent()}),(0,Se.jsx)(we.A9,{open:this.state.snackbar.open,onClose:this.handleSnackbarClose,anchorOrigin:{vertical:"top",horizontal:"center"},severity:this.state.snackbar.severity,message:this.state.snackbar.message})]})}}const ke=(0,re.connect)((e=>({assistantDetails:e.assistantDetails.data,agent:e.login.user,pixels:e.audience.pixels,pixelsLoading:e.audience.pixelsLoading,pixelsError:e.audience.pixelsError,pixelsPagination:e.audience.pixelsPagination,pixelDetails:e.audience.pixelDetails,pixelDetailsLoading:e.audience.pixelDetailsLoading,pixelDetailsError:e.audience.pixelDetailsError,pixelStats:e.audience.pixelStats,pixelStatsSummary:e.audience.pixelStatsSummary,pixelStatsLoading:e.audience.pixelStatsLoading,pixelStatsError:e.audience.pixelStatsError,syncPixelsLoading:e.audience.syncPixelsLoading,syncPixelsError:e.audience.syncPixelsError,createPixelLoading:e.audience.createPixelLoading,createPixelError:e.audience.createPixelError})),{fetchPixels:ue.tb,fetchPixelDetails:ue.MO,fetchPixelStats:ue.H5,syncPixels:ue.sv,createPixel:ue.$i,clearError:ue.fw})(Ce),Ze=(0,E.Z)((0,M.Z)((e=>({root:{width:"100%",height:"100vh",background:"rgb(247, 247, 247)",overflow:"hidden",position:"relative",display:"flex",flexDirection:"column",[e.breakpoints.down("sm")]:{height:"auto",minHeight:"100vh",overflow:"visible"}},threePanelLayout:{height:"100%",overflow:"hidden",[e.breakpoints.down("sm")]:{flexDirection:"column"}},eventsSidebarContainer:{width:"280px",minWidth:"280px",height:"100%",borderRight:"1px solid ".concat(e.palette.grey[200]),backgroundColor:"white",display:"flex",flexDirection:"column",[e.breakpoints.down("md")]:{width:"280px",minWidth:"280px"},[e.breakpoints.down("sm")]:{width:"100%",minWidth:"100%",height:"100vh",maxHeight:"none",borderRight:"none",borderBottom:"1px solid ".concat(e.palette.grey[200])}},detailsPanelContainer:{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column",[e.breakpoints.down("sm")]:{height:"auto",minHeight:"60vh"}},eventsSidebar:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden",backgroundColor:"rgb(247, 247, 247)"},sidebarHeader:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:e.spacing(1.5),[e.breakpoints.down("xs")]:{padding:e.spacing(1,1.5)}},sidebarTitle:{fontWeight:500,fontSize:"1rem",[e.breakpoints.down("xs")]:{fontSize:"0.875rem"}},addButton:{padding:e.spacing(.5),[e.breakpoints.down("xs")]:{padding:e.spacing(.75),minWidth:"44px",minHeight:"44px"}},syncPixelsButton:{padding:e.spacing(.5),[e.breakpoints.down("xs")]:{padding:e.spacing(.75),minWidth:"44px",minHeight:"44px"}},sidebarSearch:{padding:e.spacing(.5,.5),[e.breakpoints.down("xs")]:{padding:e.spacing(.5,1)}},textFieldRoot:{height:"42px",padding:"0px",width:"100%",backgroundColor:e.palette.grey[100],[e.breakpoints.down("xs")]:{height:"38px"}},sidebarList:{flex:1,overflowY:"auto",overflowX:"hidden",marginTop:e.spacing(1),padding:e.spacing(1,.5),maxHeight:"calc(100vh - 200px)",[e.breakpoints.down("sm")]:{maxHeight:"calc(100vh - 180px)"},[e.breakpoints.down("xs")]:{maxHeight:"calc(100vh - 160px)",padding:e.spacing(.75,.5),marginTop:e.spacing(.75)},"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{background:e.palette.grey[100],borderRadius:"3px"},"&::-webkit-scrollbar-thumb":{background:e.palette.grey[400],borderRadius:"3px","&:hover":{background:e.palette.grey[500]}}},eventListItem:{height:"auto",borderRadius:"8px",cursor:"pointer",marginLeft:"auto",marginRight:"auto",transition:"all 0.2s ease","&:hover":{backgroundColor:e.palette.grey[50]},"&.Mui-selected":{backgroundColor:e.palette.primary.light,"&:hover":{backgroundColor:e.palette.primary.light}},"&.Mui-disabled":{opacity:.6},"& .MuiListItemIcon-root":{minWidth:"40px",marginRight:e.spacing(1.5)},"& .MuiListItemText-root":{margin:0},"& .MuiListItemText-primary":{marginBottom:e.spacing(.5)},[e.breakpoints.down("xs")]:{minHeight:"56px",padding:e.spacing(1,1.25),width:"98%",marginBottom:e.spacing(.75),"& .MuiListItemIcon-root":{minWidth:"36px",marginRight:e.spacing(1.25)}}},eventName:{fontWeight:500,fontSize:"14px",lineHeight:1.5,color:e.palette.text.primary,letterSpacing:"0.01em",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",[e.breakpoints.down("xs")]:{fontSize:"13px",lineHeight:1.4}},eventId:{fontSize:"12px",lineHeight:1.4,color:e.palette.text.secondary,fontWeight:400,letterSpacing:"0.01em",[e.breakpoints.down("xs")]:{fontSize:"11px",lineHeight:1.3}},detailsPanel:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden",backgroundColor:"white"},detailsHeader:{display:"flex",alignItems:"center",justifyContent:"space-between",position:"sticky",zIndex:100,top:0,height:57,boxSizing:"border-box",padding:e.spacing(2,3),gap:e.spacing(1),[e.breakpoints.down("sm")]:{padding:e.spacing(1.5,2),height:52},[e.breakpoints.down("xs")]:{padding:e.spacing(1,1.5),height:48}},detailsTitle:{overflow:"hidden",textOverflow:"ellipsis",[e.breakpoints.down("xs")]:{fontSize:"1rem"}},createAdButton:{flexShrink:0,[e.breakpoints.down("xs")]:{minWidth:"auto",padding:e.spacing(.5,1),fontSize:"0.8125rem"}},detailsContent:{flex:1,overflow:"auto",padding:"24px 25px",[e.breakpoints.down("sm")]:{padding:e.spacing(1,1)},[e.breakpoints.down("xs")]:{padding:e.spacing(.75,1)}},tabsRow:{display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid rgb(240,240,240)",marginBottom:e.spacing(2),gap:e.spacing(2),[e.breakpoints.down("sm")]:{flexDirection:"column",alignItems:"stretch",gap:e.spacing(1.5),marginBottom:e.spacing(1.5)},[e.breakpoints.down("xs")]:{gap:e.spacing(1),marginBottom:e.spacing(1),padding:e.spacing(0,.5)}},tabsRowControls:{display:"flex",alignItems:"center",gap:e.spacing(2),flexShrink:0,[e.breakpoints.down("sm")]:{width:"100%",justifyContent:"flex-end",paddingRight:e.spacing(2),gap:e.spacing(1.5)},[e.breakpoints.down("xs")]:{flexDirection:"column",alignItems:"stretch",width:"100%",gap:e.spacing(1),paddingRight:0,"& > *":{width:"100%"}}},tabs:{flex:1,borderBottom:"none","& .MuiTab-root":{textTransform:"none",minWidth:"auto"},[e.breakpoints.down("sm")]:{width:"100%","& .MuiTab-root":{flex:1}},[e.breakpoints.down("xs")]:{"& .MuiTab-root":{fontSize:"0.8125rem",padding:e.spacing(1,1),minHeight:"44px",flex:1}}},tabContent:{marginTop:e.spacing(3),[e.breakpoints.down("xs")]:{marginTop:e.spacing(1.5)}},syncButton:{flexShrink:0,backgroundColor:"white",color:e.palette.text.primary,border:"none",textTransform:"none",boxShadow:"none","&:hover":{backgroundColor:e.palette.grey[50],boxSh

1adow:"none"},"&:disabled":{backgroundColor:"white",border:"none"},[e.breakpoints.down("sm")]:{minHeight:"40px"},[e.breakpoints.down("xs")]:{minHeight:"44px",width:"100%"}},datePickerContainer:{display:"flex",alignItems:"center",position:"relative",[e.breakpoints.down("sm")]:{flex:1,"& .DateRangePicker":{width:"100%"},"& .DateRangePickerInput":{width:"100%"}},[e.breakpoints.down("xs")]:{width:"100%","& .DateRangePicker":{width:"100%"},"& .DateRangePickerInput":{width:"100%"},"& .DateInput":{flex:1,minWidth:"0","& .DateInput_input":{fontSize:"0.8125rem",padding:"8px 6px",paddingLeft:"28px",width:"100%"}}},"& .DateRangePicker":{display:"flex"},"& .DateRangePickerInput":{borderRadius:"4px",border:"none"},"& .DateInput":{borderRadius:"4px",backgroundColor:"white",border:"none","&:hover":{border:"none"},"&:focus":{border:"none",outline:"none"},"&.DateInput__focused":{outline:"none",boxShadow:"0 0 0 2px ".concat(e.palette.primary.main,"20")}},"& .DateInput_input":{borderRadius:"8px","&:focus":{outline:"none"}},"& .DateRangePicker_picker":{zIndex:1300,position:"absolute",left:0,top:"100%",marginTop:"8px",[e.breakpoints.down("md")]:{left:0,right:"auto",transform:"none"}},"& .DateRangePicker_picker__directionLeft":{left:0,right:"auto !important"},"& .DateRangePicker_picker__directionRight":{left:0,right:"auto !important"}},rotationIcon:{animation:"$rotation 2s infinite linear",display:"inline-block"},"@keyframes rotation":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},accordianCompeted:{borderBottom:"4px solid #27c152"},accordian:{borderRadius:8,border:"none",marginBottom:e.spacing(2),"&:before":{display:"none"},"&.Mui-expanded":{minHeight:"48px",marginTop:"0px"},[e.breakpoints.up("sm")]:{padding:"8px 0 8px 16px"},[e.breakpoints.down("sm")]:{padding:"6px 0 6px 12px"}},nextStepAccordion:{background:e.palette.primary.light,border:"none","& .MuiAccordionSummary-content svg":{padding:6,borderRadius:"50%",background:"#FFCC1D",color:e.palette.primary.main}},noBorder:{border:"1px solid transparent",transition:"all 0.4s"},accordianSummary:{paddingLeft:"0px","&.Mui-expanded":{minHeight:"48px"},"& .MuiAccordionSummary-content.Mui-expanded":{margin:"0px"},"& .MuiAccordionSummary-content":{margin:"0px",overflow:"hidden",whiteSpace:"nowrap"}},accordianDetail:{padding:"20px 8px 8px 8px",display:"block"},stepNumberBadge:{width:"20px",height:"20px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginRight:"6px",[e.breakpoints.down("xs")]:{width:"18px",height:"18px",marginRight:"4px"}},stepNumberText:{color:"white",fontWeight:400,fontSize:"0.6rem",paddingTop:"4px",[e.breakpoints.down("xs")]:{fontSize:"0.5rem"}},stepIconContainer:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},accordionArrow:{transition:"transform 0.2s ease, color 0.2s ease",transform:"rotate(0deg)",color:e.palette.text.secondary},accordionArrowExpanded:{transform:"rotate(180deg)",color:e.palette.primary.main},pixelStepTitle:{fontWeight:600,fontSize:"0.9375rem",color:e.palette.primary.main,flex:1,[e.breakpoints.down("xs")]:{fontSize:"0.8125rem"}},pixelChecked:{position:"absolute",top:"-4px",right:"-4px",fontSize:"16px",color:"#0a474c",backgroundColor:"white",borderRadius:"50%"},setupStepContent:{width:"100%"},setupStepDescription:{marginBottom:e.spacing(1.5),color:e.palette.text.secondary,lineHeight:1.5,fontSize:"0.875rem",[e.breakpoints.down("xs")]:{marginBottom:e.spacing(1),fontSize:"0.8125rem",lineHeight:1.4}},setupCodeWrapper:{marginTop:e.spacing(1.5),[e.breakpoints.down("xs")]:{marginTop:e.spacing(1)}},setupCodeContainer:{position:"relative",backgroundColor:e.palette.grey[50],borderRadius:"6px",overflow:"hidden",[e.breakpoints.down("xs")]:{borderRadius:"4px"}},setupCodeHeader:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:e.spacing(.75,1.8),backgroundColor:e.palette.grey[300],[e.breakpoints.down("xs")]:{padding:e.spacing(.5,.75)}},codeLabel:{color:e.palette.text.primary,fontWeight:500,fontSize:"0.75rem",[e.breakpoints.down("xs")]:{fontSize:"0.6875rem"}},setupCodeDisplay:{margin:0,fontSize:"12px",fontFamily:"'Fira Code', 'Consolas', 'Monaco', monospace",whiteSpace:"pre-wrap",wordBreak:"break-all",backgroundColor:e.palette.grey[200],padding:e.spacing(2.3),maxHeight:"300px",overflow:"auto",lineHeight:1.5,[e.breakpoints.down("xs")]:{fontSize:"11px",padding:e.spacing(1),maxHeight:"250px",lineHeight:1.4}},setupCopyButton:{backgroundColor:"transparent",color:e.palette.text.secondary,padding:e.spacing(.5),"&:hover":{backgroundColor:e.palette.grey[300]},[e.breakpoints.down("xs")]:{padding:e.spacing(.75),minWidth:"44px",minHeight:"44px"}},noCodeMessage:{padding:e.spacing(2),textAlign:"center",backgroundColor:e.palette.grey[50],borderRadius:"6px",[e.breakpoints.down("xs")]:{padding:e.spacing(1.5),borderRadius:"4px"}},installationOptions:{marginTop:e.spacing(1.5),[e.breakpoints.down("xs")]:{marginTop:e.spacing(1)}},installationOption:{marginBottom:e.spacing(2),[e.breakpoints.down("xs")]:{marginBottom:e.spacing(1.5)}},optionHeader:{display:"flex",alignItems:"center",gap:e.spacing(1),marginBottom:e.spacing(1),[e.breakpoints.down("xs")]:{gap:e.spacing(.75),marginBottom:e.spacing(.75)}},optionNumber:{width:"20px",height:"20px",borderRadius:"50%",backgroundColor:e.palette.grey[400],color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:500,fontSize:"0.75rem",flexShrink:0,[e.breakpoints.down("xs")]:{width:"18px",height:"18px",fontSize:"0.6875rem"}},optionTitle:{fontSize:"0.9375rem",fontWeight:500,color:e.palette.text.primary,margin:0,[e.breakpoints.down("xs")]:{fontSize:"0.8125rem"}},optionContent:{marginLeft:e.spacing(3.5),[e.breakpoints.down("xs")]:{marginLeft:e.spacing(2.5)}},optionText:{color:e.palette.text.secondary,lineHeight:1.5,marginBottom:e.spacing(1),fontSize:"0.875rem",[e.breakpoints.down("xs")]:{fontSize:"0.8125rem",lineHeight:1.4,marginBottom:e.spacing(.75)}},codeExample:{marginTop:e.spacing(1),backgroundColor:e.palette.grey[200],borderRadius:"4px",padding:e.spacing(2),[e.breakpoints.down("xs")]:{padding:e.spacing(.75),borderRadius:"3px"}},exampleLabel:{color:e.palette.text.secondary,fontWeight:500,fontSize:"0.75rem",marginBottom:e.spacing(.5),display:"block",[e.breakpoints.down("xs")]:{fontSize:"0.6875rem",marginBottom:e.spacing(.25)}},exampleCode:{margin:0,fontSize:"11px",fontFamily:"'Fira Code', 'Consolas', 'Monaco', monospace",color:e.palette.text.primary,whiteSpace:"pre-wrap",lineHeight:1.5,[e.breakpoints.down("xs")]:{fontSize:"10px",lineHeight:1.4}},stepsList:{margin:e.spacing(.5,0),paddingLeft:e.spacing(2.5),"& li":{marginBottom:e.spacing(.75),"&:last-child":{marginBottom:0}},[e.breakpoints.down("xs")]:{paddingLeft:e.spacing(2),margin:e.spacing(.25,0),"& li":{marginBottom:e.spacing(.5)}}},stepText:{color:e.palette.text.secondary,lineHeight:1.5,fontSize:"0.875rem",[e.breakpoints.down("xs")]:{fontSize:"0.8125rem",lineHeight:1.4}},verificationSteps:{marginTop:e.spacing(1.5),marginBottom:e.spacing(2),[e.breakpoints.down("xs")]:{marginTop:e.spacing(1),marginBottom:e.spacing(1.5)}},verificationStep:{display:"flex",alignItems:"flex-start",marginBottom:e.spacing(1.5),padding:e.spacing(2),backgroundColor:e.palette.grey[200],borderRadius:"6px","&:last-child":{marginBottom:0},[e.breakpoints.down("xs")]:{padding:e.spacing(.75),marginBottom:e.spacing(1),borderRadius:"4px"}},verificationStepTitle:{fontWeight:500,color:e.palette.text.primary,marginBottom:e.spacing(.25),fontSize:"0.875rem",[e.breakpoints.down("xs")]:{fontSize:"0.8125rem",marginBottom:e.spacing(.125)}},verificationStepText:{lineHeight:1.5,fontSize:"0.8125rem",[e.breakpoints.down("xs")]:{fontSize:"0.75rem",lineHeight:1.4}},inlineCode:{fontSize:"0.8125rem",backgroundColor:e.palette.grey[300],color:e.palette.text.primary,padding:"2px 6px",borderRadius:"4px",fontFamily:"'Fira Code', 'Consolas', 'Monaco', monospace",fontWeight:500,[e.breakpoints.down("xs")]:{fontSize:"0.75rem",padding:"2px 4px"}},testEventButton:{textTransform:"none",borderRadius:"6px",marginTop:e.spacing(1.5),padding:e.spacing(.75,2),fontWeight:500,fontSize:"0.875rem",[e.breakpoints.down("xs")]:{marginTop:e.spacing(1),padding:e.spacing(.75,1.5),fontSize:"0.8125rem",minHeight:"44px",width:"100%"}},pageTitleContainer:{position:"sticky",zIndex:100,top:0,height:60,[e.breakpoints.down("sm")]:{height:"auto",minHeight:60,padding:e.spacing(1.5,0)},[e.breakpoints.down("xs")]:{height:"auto",minHeight:"auto",padding:e.spacing(1,0)}},titleGridItem:{display:"flex",alignItems:"center",[e.breakpoints.down("xs")]:{justifyContent:"center"}},titleBox:{[e.breakpoints.down("xs")]:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),width:"100%",textAlign:"center"}},fullWidth:{width:"100%",background:"white"},pageTitle:{[e.breakpoints.down("sm")]:{fontSize:"1.5rem"},[e.breakpoints.down("xs")]:{fontSize:"1.25rem",textAlign:"center",width:"100%"}},buttonContainer:{display:"flex",justifyContent:"flex-end",gap:"1em",alignItems:"center",paddingRight:e.spacing(3),[e.breakpoints.down("md")]:{paddingRight:e.spacing(2)},[e.breakpoints.down("sm")]:{paddingRight:e.spacing(2),paddingLeft:e.spacing(2),justifyContent:"flex-end"},[e.breakpoints.down("xs")]:{marginTop:e.spacing(1),marginBottom:0,width:"100%",justifyContent:"stretch",paddingRight:e.spacing(2),paddingLeft:e.spacing(2)}}

1,buttonTextDesktop:{[e.breakpoints.down("xs")]:{display:"none"}},buttonTextMobile:{display:"none",[e.breakpoints.down("xs")]:{display:"inline"}},content:{flex:1,padding:0,overflowY:"auto",marginTop:e.spacing(3),[e.breakpoints.down("sm")]:{marginTop:e.spacing(2),padding:e.spacing(0,2)},[e.breakpoints.down("xs")]:{marginTop:e.spacing(1.5),padding:e.spacing(0,1)}},controlsContainer:{display:"flex",flexDirection:"row",alignItems:"center",gap:e.spacing(2),marginBottom:e.spacing(3),[e.breakpoints.down("md")]:{flexDirection:"column",alignItems:"stretch"}},searchInput:{flex:1,backgroundColor:"white",borderRadius:"8px","& .MuiOutlinedInput-root":{borderRadius:"8px","& fieldset":{borderColor:e.palette.divider},"&:hover fieldset":{borderColor:e.palette.text.secondary},"&.Mui-focused fieldset":{borderColor:e.palette.primary.main}},[e.breakpoints.down("md")]:{width:"100%"}},searchIcon:{color:e.palette.text.secondary},tablePagination:{"& .MuiTablePagination-toolbar":{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.down("sm")]:{paddingLeft:e.spacing(1),paddingRight:e.spacing(1)},[e.breakpoints.down("xs")]:{paddingLeft:e.spacing(.5),paddingRight:e.spacing(.5),flexWrap:"wrap"}},"& .MuiTablePagination-selectLabel":{marginBottom:0,[e.breakpoints.down("xs")]:{fontSize:"0.75rem"}},"& .MuiTablePagination-displayedRows":{marginBottom:0,[e.breakpoints.down("xs")]:{fontSize:"0.75rem"}},"& .MuiTablePagination-selectRoot":{[e.breakpoints.down("xs")]:{marginRight:e.spacing(.5),marginLeft:e.spacing(.5)}},"& .MuiTablePagination-actions":{[e.breakpoints.down("xs")]:{marginLeft:e.spacing(.5)}}},tableContainer:{backgroundColor:"white",boxShadow:"none",overflow:"visible",minHeight:"calc(100vh - 200px)",display:"flex",flexDirection:"column",[e.breakpoints.down("sm")]:{borderRadius:"8px",overflowX:"auto",overflowY:"visible",minHeight:"calc(100vh - 180px)","& .MuiTable-root":{minWidth:"600px"}},[e.breakpoints.down("xs")]:{borderRadius:"8px",overflowX:"auto",overflowY:"visible",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",minHeight:"calc(100vh - 160px)","& .MuiTable-root":{minWidth:"500px"},"& .MuiTableCell-root":{padding:e.spacing(.75,.75),fontSize:"0.75rem"},"& .MuiTableCell-head":{fontSize:"0.6875rem",fontWeight:600,padding:e.spacing(.75,.75),whiteSpace:"nowrap"}}},tableContainerWithData:{maxHeight:"calc(100vh - 280px)",overflowY:"auto",overflowX:"hidden","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-track":{background:"#f1f1f1",borderRadius:"4px"},"&::-webkit-scrollbar-thumb":{background:"#888",borderRadius:"4px"},"&::-webkit-scrollbar-thumb:hover":{background:"#555"},[e.breakpoints.down("md")]:{maxHeight:"calc(100vh - 260px)"},[e.breakpoints.down("sm")]:{maxHeight:"calc(100vh - 240px)"},[e.breakpoints.down("xs")]:{maxHeight:"calc(100vh - 300px)"}},tableLoadingCell:{borderBottom:"none",padding:0,height:"100%",minHeight:"calc(100vh - 150px)",[e.breakpoints.down("sm")]:{minHeight:"calc(100vh - 180px)"},[e.breakpoints.down("xs")]:{minHeight:"calc(100vh - 160px)"}},tableLoadingBox:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",minHeight:"inherit"},table:{minWidth:650,borderCollapse:"collapse","& .MuiTableCell-root":{borderBottom:"none",border:"none"},"& .MuiTableRow-root":{"& td":{border:"none"}},[e.breakpoints.down("md")]:{minWidth:600},[e.breakpoints.down("sm")]:{minWidth:550},[e.breakpoints.down("xs")]:{minWidth:500}},tableHeadSticky:{position:"sticky",top:0,zIndex:10,backgroundColor:"rgb(252,252,252)"},tableHeader:{backgroundColor:"rgb(252,252,252)",borderBottom:"none",padding:e.spacing(2),fontWeight:"normal",whiteSpace:"nowrap",[e.breakpoints.down("md")]:{padding:e.spacing(1.5,1)},[e.breakpoints.down("sm")]:{padding:e.spacing(1.5,.75),"& .MuiTypography-h5":{fontSize:"0.875rem"}},[e.breakpoints.down("xs")]:{padding:e.spacing(1,.5),"& .MuiTypography-h5":{fontSize:"0.75rem",fontWeight:600}}},tableRow:{"&:nth-of-type(even)":{backgroundColor:"rgb(245,245,245)"},"&:hover":{backgroundColor:e.palette.primary.light},"& td":{padding:e.spacing(1.5,2),borderBottom:"none",[e.breakpoints.down("md")]:{padding:e.spacing(1.25,1)},[e.breakpoints.down("sm")]:{padding:e.spacing(1,.75),"& .MuiTypography-body2":{fontSize:"0.8125rem"}},[e.breakpoints.down("xs")]:{padding:e.spacing(.75,.5),"& .MuiTypography-body2":{fontSize:"0.75rem"}}}},datasetName:{fontWeight:500,fontSize:"0.875rem",[e.breakpoints.down("sm")]:{fontSize:"0.8125rem"},[e.breakpoints.down("xs")]:{fontSize:"0.75rem",wordBreak:"break-word"}},statusChip:{padding:"4px",color:"white",fontWeight:"600",fontSize:"0.75rem",he

1ight:"24px",[e.breakpoints.down("xs")]:{fontSize:"0.6875rem",height:"20px",padding:"2px 6px"}},copyButton:{padding:e.spacing(.5),"&:hover":{backgroundColor:"transparent"},"&:focus":{outline:"none"},[e.breakpoints.down("xs")]:{padding:e.spacing(.25),"& svg":{fontSize:"16px"}}},clickablePixelId:{cursor:"pointer",wordBreak:"break-all",[e.breakpoints.down("xs")]:{fontSize:"0.6875rem",maxWidth:"120px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},fixedBottomContainer:{marginTop:"20px",position:"fixed",height:"60px",borderTop:"1px solid lightgrey",background:"white",bottom:"0",left:70,right:"0",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,[e.breakpoints.down("md")]:{left:"0px"},[e.breakpoints.down("sm")]:{left:"0px",height:"50px",padding:e.spacing(0,1)},[e.breakpoints.down("xs")]:{height:"auto",minHeight:"50px",padding:e.spacing(.5,1),"& .MuiTablePagination-root":{overflow:"auto"}}},scrollToHeight:{height:"70px",width:"100%",[e.breakpoints.down("md")]:{height:"60px"},[e.breakpoints.down("sm")]:{height:"50px"},[e.breakpoints.down("xs")]:{height:"60px"}},createPixelDialog:{"& .MuiDialog-paper":{borderRadius:"12px",overflow:"hidden",[e.breakpoints.down("xs")]:{borderRadius:"8px",margin:e.spacing(1),maxWidth:"calc(100% - 16px)"}}},dialogTitle:{padding:e.spacing(3,3,2),backgroundColor:"#F5F5F5",borderBottom:"none",[e.breakpoints.down("sm")]:{padding:e.spacing(2.5,2.5,1.5)},[e.breakpoints.down("xs")]:{padding:e.spacing(1.5,1.5,1)}},dialogTitleText:{fontWeight:600,fontSize:"1.25rem",lineHeight:1.5,color:e.palette.text.primary,"&.MuiTypography-h5":{color:e.palette.text.primary},[e.breakpoints.down("xs")]:{fontSize:"1rem"}},dialogSubtitle:{marginTop:e.spacing(1),fontSize:"0.875rem",lineHeight:1.5,[e.breakpoints.down("xs")]:{fontSize:"0.8125rem",marginTop:e.spacing(.75)}},infoIcon:{fontSize:"20px",color:e.palette.primary.main,flexShrink:0},closeButton:{padding:e.spacing(.5),marginLeft:"auto",[e.breakpoints.down("xs")]:{padding:e.spacing(.75),minWidth:"44px",minHeight:"44px"}},dialogContent:{backgroundColor:"#F5F5F5",[e.breakpoints.down("xs")]:{padding:e.spacing(1.5)}},contentCard:{backgroundColor:"white",padding:e.spacing(2.5),borderRadius:"8px",[e.breakpoints.down("sm")]:{padding:e.spacing(2)},[e.breakpoints.down("xs")]:{padding:e.spacing(1.5)}},sectionTitle:{fontWeight:600,fontSize:"1rem",marginBottom:0,lineHeight:1.5,[e.breakpoints.down("xs")]:{fontSize:"0.9375rem"}},inputLabel:{marginBottom:e.spacing(1),fontWeight:500,fontSize:"0.875rem",[e.breakpoints.down("xs")]:{fontSize:"0.8125rem",marginBottom:e.spacing(.75)}},inputCard:{backgroundColor:"transparent",padding:0,borderRadius:"8px",border:"none",boxShadow:"none",overflow:"visible","& .MuiOutlinedInput-root":{backgroundColor:"#F9F9FB","& fieldset":{border:"none"},"&:hover fieldset":{border:"none"},"&.Mui-focused fieldset":{border:"none"}},"& .MuiOutlinedInput-root.Mui-error":{borderRadius:"8px 8px 0 0"},"& .MuiOutlinedInput-root:not(.Mui-error)":{borderRadius:"8px"},"& .MuiInputBase-root":{backgroundColor:"#F9F9FB"},"& .MuiFormHelperText-root":{marginLeft:0,marginRight:0}},charCount:{fontSize:"12px",marginRight:"10px"},textFieldInput:{backgroundColor:"white","& .MuiOutlinedInput-root":{"& fieldset":{borderColor:e.palette.divider},"&:hover fieldset":{borderColor:e.palette.text.secondary},"&.Mui-focused fieldset":{borderColor:e.palette.primary.main}}},dialogActions:{padding:e.spacing(2,3),justifyContent:"flex-end",gap:e.spacing(1),backgroundColor:"#F5F5F5",borderTop:"none",[e.breakpoints.down("sm")]:{padding:e.spacing(1.5,2.5)},[e.breakpoints.down("xs")]:{padding:e.spacing(1.5,2),flexDirection:"column-reverse","& button":{width:"100%"}}},cancelButton:{textTransform:"none",[e.breakpoints.down("xs")]:{minHeight:"44px"}},inputPadding:{padding:"12px 10px"},codeContainer:{position:"relative","& pre":{fontFamily:"monospace",fontSize:"12px",lineHeight:1.5}},emptyStateBox:{minHeight:"calc(100vh - 200px)",height:"calc(100vh - 200px)",[e.breakpoints.down("sm")]:{minHeight:"calc(100vh - 180px)",height:"calc(100vh - 180px)"},[e.breakpoints.down("xs")]:{minHeight:"calc(100vh - 160px)",height:"calc(100vh - 160px)"}},emptyStateContainer:{padding:e.spacing(4),[e.breakpoints.down("xs")]:{padding:e.spacing(2)}},emptyStateImage:{width:"200px",height:"auto",marginBottom:e.spacing(2),maxWidth:"100%",[e.breakpoints.down("sm")]:{width:"180px",marginBottom:e.spacing(1.5)},[e.breakpoints.down("xs")]:{width:"150px",marginBottom:e.spacing(1)}},emptyStateText:{[e.breakpoints.down("xs")]:{fontSize:"1rem"}},tableContainerScrollable:{maxHeight:"calc(100vh - 280px)",overflowY:"auto",overflowX:"hidden",[e.breakpoints.down("sm")]:{maxHeight:"calc(100vh - 320px)",overflowX:"auto"},[e.breakpoints.down("xs")]:{maxHeight:"calc(100vh - 340px)",overflowX:"auto"}},overlay:{alignItems:"centre",background:"#fff",boxShadow:"3px 3px 30px rgb(255 255 255)",display:"flex",height:"100%",

1justifyContent:"centre",opacity:"0.6",width:"100%",position:"absolute",zIndex:20,top:0,left:0},overlayMessageContainer:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:21,width:"100%",display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2),[e.breakpoints.down("xs")]:{padding:e.spacing(1.5)}},higherzIndex:{zIndex:21,position:"relative"},message:{fontWeight:500,[e.breakpoints.down("sm")]:{fontSize:"1.5rem"},[e.breakpoints.down("xs")]:{fontSize:"1.25rem",display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(1)}},TextFieldRoot:{padding:"0px",width:"100%"},helperText:{marginTop:"4px",fontSize:"12px",padding:"6px 10px",borderRadius:"0 0 8px 8px",marginLeft:0,marginRight:0,marginBottom:0,width:"100%",boxSizing:"border-box"},mobileDrawer:{[e.breakpoints.down("sm")]:{"& .MuiDrawer-paper":{maxHeight:"90vh",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",overflow:"hidden"}}},drawerPaper:{width:"100%",maxHeight:"90vh"},drawerHeader:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:e.spacing(1.5,1.5,1),backgroundColor:"white",position:"sticky",top:0,zIndex:1,[e.breakpoints.down("xs")]:{padding:e.spacing(1,1.25,.75)}},drawerTitle:{fontWeight:600,fontSize:"1.125rem",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[e.breakpoints.down("xs")]:{fontSize:"1rem"}},drawerCloseButton:{flexShrink:0,[e.breakpoints.down("xs")]:{minWidth:"44px",minHeight:"44px"}},drawerContent:{flex:1,overflowY:"auto",overflowX:"hidden",backgroundColor:"rgb(247, 247, 247)",padding:0,"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{background:e.palette.grey[100],borderRadius:"3px"},"&::-webkit-scrollbar-thumb":{background:e.palette.grey[400],borderRadius:"3px","&:hover":{background:e.palette.grey[500]}}}})))((0,le.withRouter)(ke)))},20951:(e,t,i)=>{i.d(t,{Z:()=>c});var a=i(87462),n=i(45987),s=i(47313),o=i(83061),r=i(52376),l=i(88340),d=s.forwardRef((function(e,t){var i=e.classes,r=e.className,d=(0,n.Z)(e,["classes","className"]),c=s.useContext(l.Z);return s.createElement("div",(0,a.Z)({className:(0,o.Z)(i.root,r,"flex-start"===c.alignItems&&i.alignItemsFlexStart),ref:t},d))}));const c=(0,r.Z)((function(e){return{root:{minWidth:56,color:e.palette.action.active,flexShrink:0,display:"inline-flex"},alignItemsFlexStart:{marginTop:8}}}),{name:"MuiListItemIcon"})(d)},23405:(e,t,i)=>{i.d(t,{Z:()=>d});var a=i(87462),n=i(45987),s=i(47313),o=i(83061),r=i(52376),l=s.forwardRef((function(e,t){var i=e.classes,r=e.className,l=e.component,d=void 0===l?"div":l,c=(0,n.Z)(e,["classes","className","component"]);return s.createElement(d,(0,a.Z)({ref:t,className:(0,o.Z)(i.root,r)},c))}));const d=(0,r.Z)({root:{width:"100%",overflowX:"auto"}},{name:"MuiTableContainer"})(l)},60882:(e,t,i)=>{i.d(t,{Z:()=>s});var a=i(69291),n=i(31187);const s=(0,a.r)({defaultTheme:n.Z})},79880:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"}),"Autorenew")},1072:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M12 2l-5.5 9h11L12 2zm0 3.84L13.93 9h-3.87L12 5.84zM17.5 13c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5zm0 7c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM3 21.5h8v-8H3v8zm2-6h4v4H5v-4z"}),"CategoryOutlined")},43651:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"CheckCircleOutline")},92171:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"}),"CloudUpload")},25021:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"}),"Code")},28782:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);

1const n=(0,i(14214).Z)(a.createElement("path",{d:"M22 3H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zm0 16H2V5h20v14zM21 6h-7v5h7V6zm-1 2l-2.5 1.75L15 8V7l2.5 1.75L20 7v1zM9 12c1.65 0 3-1.35 3-3s-1.35-3-3-3-3 1.35-3 3 1.35 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm6 8.59c0-2.5-3.97-3.58-6-3.58s-6 1.08-6 3.58V18h12v-1.41zM5.48 16c.74-.5 2.22-1 3.52-1s2.77.49 3.52 1H5.48z"}),"ContactMailOutlined")},99913:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2zm-7 5h5v5h-5z"}),"EventOutlined")},58432:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"}),"FavoriteBorder")},0:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M11 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM5 18c.2-.63 2.57-1.68 4.96-1.94l2.04-2c-.39-.04-.68-.06-1-.06-2.67 0-8 1.34-8 4v2h9l-2-2H5zm15.6-5.5l-5.13 5.17-2.07-2.08L12 17l3.47 3.5L22 13.91z"}),"HowToRegOutlined")},56342:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}),"Info")},2600:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement(a.Fragment,null,a.createElement("path",{d:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z"}),a.createElement("circle",{cx:"12",cy:"9",r:"2.5"})),"LocationOnOutlined")},59411:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore")},59688:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext")},45516:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"}),"PaymentOutlined")},58145:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z"}),"PersonAddOutlined")},90199:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z"}),"PlayArrowOutlined")},88012:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"}),"Replay")},97886:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M4 6h16v2H4zm2-4h12v2H6zm14 8H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm0 10H4v-8h16v8zm-10-7.27v6.53L16 16z"}),"SubscriptionsOutlined")},5733:(e,t,i)=>{i.d(t,{Z:()=>n});var a=i(47313);const n=(0,i(14214).Z)(a.createElement("path",{d:"M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"}),"VisibilityOutlined")},69291:(e,t,i)=>{i.d(t,{Z:()=>c,r:()=>d});var a=i(87462),n=i(45987),s=i(47313),o=i(67861),r=i.n(o),l=i(37420);function d(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).defaultTheme;return function(t){var i=s.forwardRef((function(i,o){var r=i.innerRef,d=(0,n.Z)(i,["innerRef"]),c=(0,l.Z)()||e;return s.createElement(t,(0,a.Z)({theme:c,ref:r||o},d))}));return r()(i,t),i}}const c=d()},81533:()=>{}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.