1"use strict"; 2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="9582c2ef-7598-5e70-97d1-d15779dd0e23")}catch(e){}}(); 3(self.webpackChunkclickguard_platform=self.webpackChunkclickguard_platform||[]).push([[475],{80318:function(e,t,n){n.r(t),n.d(t,{ClicksPageView:function(){return yn}});var a=n(74165),l=n(15861),s=n(93433),r=n(1413),o=n(29439),i=n(72791),c=n(91933),d=n(80772),u=n(7888),m=n(15188),f=n(98507),v=n(57334),p=n(68438),x=n(42756),h=n(763),g=n(43504),b=n(99286),j=n(58835),y=n(91608),N=n(48932),w=n(17256),k=n(97025),C=n(85362),S=n(4746),_=n(8078),T=n(50843),I=n(72426),A=n.n(I),Z=n(86866),P=n(30806),D=n(37007),O=n(79366),M=n(19839),R=n(25850),L=n(69737),E=n(21526),G=n(33060),F=n(16948),H=n(25437),z=n(12408),B=n(72879),q=n(94197),Y=n(80184),X="justify-start font-medium",K=[{label:"Details",key:"details",render:function(e){return(0,Y.jsx)(V,{row:e})},className:"".concat(X," pl-4"),parentClassName:"px-2 max-w-[50px]"},{label:"PPC Account",key:"ppc_account",render:function(e){return(0,Y.jsx)($,{row:e})},className:"".concat(X," whitespace-nowrap"),freeze:!0,parentClassName:"z-10"},{label:"Time",key:"time",header:function(){return(0,Y.jsx)(U,{})},render:function(e){var t;return(0,Y.jsx)(W,{timestamp:e.timestamp,timezone:null===(t=e.geo)||void 0===t?void 0:t.timezone})},className:"!justify-start font-medium",parentClassName:"text-left"},{label:"Status",key:"status",render:function(e){return(0,Y.jsx)(ee,{row:e})},className:X},{label:"Reason",key:"reason",render:function(e){return(0,Y.jsx)(te,{row:e})},className:X},{label:"Bot Probability",key:"bot_probability",header:function(){return(0,Y.jsx)(J,{})},render:function(e){return(0,Y.jsx)(ne,{row:e})},className:"!justify-start font-medium",parentClassName:"text-left"},{label:"Threat Level",key:"threat_level",header:function(){return(0,Y.jsx)(Q,{})},render:function(e){return(0,Y.jsx)(ae,{row:e})},className:"!justify-start font-medium",parentClassName:"text-left"},{label:"Time Spent on Page",key:"time_spent_on_page",header:function(){return(0,Y.jsxs)("span",{className:"whitespace-nowrap leading-tight text-left",children:["Time Spent",(0,Y.jsx)("br",{}),"on Page"]})},render:function(e){return(0,Y.jsx)(le,{row:e})},className:"!justify-start font-medium",parentClassName:"text-left"},{label:"Origin",key:"origin",render:function(e){return(0,Y.jsx)(se,{row:e})},className:X},{label:"Location",key:"location",render:function(e){return(0,Y.jsx)(ue,{row:e})},className:X},{label:"Campaign",key:"campaign",render:function(e){return(0,Y.jsx)(de,{row:e})},className:X},{label:"Keyword",key:"keyword",render:function(e){return(0,Y.jsx)(fe,{row:e})},className:X},{label:"IP Address",key:"ip_address",render:function(e){return(0,Y.jsx)(re,{row:e})},className:X,width:"200px",parentClassName:"max-w-[200px]"},{label:"Device",key:"device",render:function(e){return(0,Y.jsx)(oe,{row:e})},className:X},{label:"Conversion",key:"conversion",render:function(e){return(0,Y.jsx)(ie,{row:e})},className:X},{label:"Click ID",key:"identifier",render:function(e){return(0,Y.jsx)(ce,{row:e})},className:X},{label:"Placement",key:"placement",render:function(e){return(0,Y.jsx)(me,{row:e})},className:X},{label:"Labels",key:"labels",render:function(e){return(0,Y.jsx)(ve,{row:e})},className:X},{label:"UTM Source",key:"utm_source",render:function(e){return(0,Y.jsx)(pe,{row:e})},className:X},{label:"UTM Medium",key:"utm_medium",render:function(e){return(0,Y.jsx)(xe,{row:e})},className:X},{label:"CG Tag",key:"cg_tag",render:function(e){return(0,Y.jsx)(he,{row:e})},className:X},{label:"ISP",key:"geo_isp",render:function(e){return(0,Y.jsx)(ge,{row:e})},className:X},{label:"IP Hostname",key:"ip_hostname",render:function(e){return(0,Y.jsx)(be,{row:e})},className:X}],V=function(e){var t=e.row,n=(0,i.useState)(!1),a=(0,o.Z)(n,2),l=a[0],s=a[1],r=(0,i.useState)(!1),c=(0,o.Z)(r,2),d=c[0],u=c[1],m=(0,i.useState)(!1),f=(0,o.Z)(m,2),v=f[0],p=f[1],x=(0,i.useState)(""),h=(0,o.Z)(x,2),g=h[0],b=h[1],j=(0,i.useState)(void 0),y=(0,o.Z)(j,2),N=y[0],w=y[1],k=function(){return s((function(e){return!e}))},C=function(e){e&&b(e),u((function(e){return!e}))},S=(0,i.useCallback)((function(e){p((function(e){return!e})),e&&w(e)}),[v]);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)("div",{className:"flex items-center justify-center",children:(0,Y.jsx)(D.default,{className:"text-t-email-blue w-4 h-4 cursor-pointer",onClick:function(){return k()}})}
3),l&&(0,Y.jsx)(E.s,{click:t,toggleDialog:k,toggleBlockDetails:C,isCreateBlockOpen:v,toggleAddToBlacklist:S}),d&&(0,Y.jsx)(H.h,{blockId:g,isDialogOpen:d,toggleDialog:C}),v&&(0,Y.jsx)(z.z,{showButton:!1,open:v,data:N,toggleOpen:S,posthogEventPath:q.f.CLICKS})]})},U=function(){return(0,Y.jsx)("div",{className:"flex items-center gap-1 justify-start w-full",children:"Time"})},J=function(){return(0,Y.jsx)("div",{className:"flex items-center gap-1 justify-start w-full",children:"Bot Probability"})},Q=function(){return(0,Y.jsx)("div",{className:"flex items-center gap-1 justify-start w-full",children:"Threat Level"})},W=function(e){var t=e.timestamp,n=function(){var e=(0,k.L)((function(e){return e.user}));return(null===e||void 0===e?void 0:e.timezone)||Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC"}(),a=A().utc(t),l=n?a.tz(n).format("MMM D, YYYY HH:mm:ss"):a.format("MMM D, YYYY HH:mm:ss");return(0,Y.jsxs)("div",{className:"flex flex-col font-medium",children:[(0,Y.jsx)("div",{className:"text-base text-t-coupon",children:(0,Y.jsx)("span",{children:A()(t).fromNow()})}),(0,Y.jsx)("div",{className:"text-base text-t-desc-gray",children:l})]})},$=function(e){var t,n,a=e.row,l=(0,w.a)((0,_.N)((function(e){return{adAccounts:e.adAccounts,demoMode:e.demoMode}}))),s=l.adAccounts,r=l.demoMode,o=null===s||void 0===s?void 0:s.find((function(e){return e.id===a.ad_account_id}));if(r)return(0,Y.jsxs)("div",{className:"flex items-center",children:[null===(n=(0,F.APk)({platform:"GADS"}))||void 0===n?void 0:n.icon,(0,Y.jsx)("span",{className:"font-medium text-t-coupon ml-2",children:"Demo PPC Account"})]});if(!o)return(0,Y.jsx)("div",{className:"font-normal text-t-coupon",children:"None"});var i=o.platform,c=null===(t=(0,F.APk)({platform:i}))||void 0===t?void 0:t.icon;return(0,Y.jsxs)("div",{className:"flex items-center",children:[c,(0,Y.jsx)("span",{className:"font-medium text-t-coupon ml-2 w-32 truncate",children:o.name})]})},ee=function(e){var t=e.row.status,n=L.ui[t],a=n.bg.substring(n.bg.indexOf("-")+1,n.bg.lastIndexOf("-"));return(0,Y.jsx)("div",{children:(0,Y.jsx)(P.e,{text:n.label,className:" font-medium text-sm py-1 px-4 flex justify-center items-center",color:a})})},te=function(e){var t=e.row;return"GOOD"===t.status?(0,Y.jsx)("div",{className:"font-medium text-t-desc-gray",children:"-"}):(0,Y.jsx)("div",{className:"font-medium text-t-coupon",children:t.note||"-"})},ne=function(e){var t,n,a=e.row,l=(null===(t=a.detection)||void 0===t?void 0:t.bot_probability)&&L.sH[null===(n=a.detection)||void 0===n?void 0:n.bot_probability];return l?(0,Y.jsxs)("div",{className:"flex items-center gap-1 font-medium justify-start",children:[l.iconSm,(0,Y.jsx)("span",{className:"text-t-coupon",children:l.label})]}):(0,Y.jsx)("div",{className:"font-medium text-t-desc-gray text-left",children:"N/A"})},ae=function(e){var t,n,a=e.row,l=(null===(t=a.detection)||void 0===t?void 0:t.threat_level)&&L.ne[null===(n=a.detection)||void 0===n?void 0:n.threat_level];return l?(0,Y.jsxs)("div",{className:"flex items-center gap-1 font-medium justify-start",children:[l.iconSm,(0,Y.jsx)("span",{className:"text-t-coupon",children:l.label})]}):(0,Y.jsx)("div",{className:"font-medium text-t-desc-gray text-left",children:"N/A"})},le=function(e){var t,n,a,l,s=e.row,r=null===(t=s.behavior)||void 0===t?void 0:t.time_spent,o=null===(n=s.device)||void 0===n?void 0:n.id;if(!r||!o)return(0,Y.jsx)("div",{className:"flex flex-col font-medium text-t-desc-gray",children:"Bounced"});var i=(0,R.ut)(r),c=(null===(a=s.detection)||void 0===a?void 0:a.user_interaction)&&L.CY[null===(l=s.detection)||void 0===l?void 0:l.user_interaction];return(0,Y.jsxs)("div",{className:"flex flex-col font-medium",children:[(0,Y.jsx)("div",{className:"text-t-coupon",children:i}),c&&(0,Y.jsxs)("div",{className:"flex mt-1 gap-1 items-center",children:[c.iconSm,(0,Y.jsxs)("span",{className:"text-base text-t-desc-gray",children:["interaction: ",c.label]})]})]})},se=function(e){var t,n,a,l,s,r,o=e.row,i=null===(t=o.device)||void 0===t?void 0:t.type,c=null===(n=o.device)||void 0===n||null===(a=n.os)||void 0===a?void 0:a.name,u=null===(l=o.device)||void 0===l||null===(s=l.browser)||void 0===s?void 0:s.name,m=null===(r=o.ip)||void 0===r?void 0:r.usage,f=i&&L.cR[i],v=c&&L._B[c],p=u&&L.eX[u],x=(0,L.ml)(m);return(0,Y.jsxs)("div",{className:"flex gap-1 items-center font-medium",children:[x&&(0,Y.jsx)(d.bH,{position:"top",content:x.label,portal:!0,children:(0,Y.jsx)("span",{children:x.iconSm})}),f&&(0,Y.jsx)(d.bH,{position:"top",content:f.label,portal:!0,children:(0,Y.jsx)("span",{children:f.iconSm})}),v&&(0,Y.jsx)(d.bH,{position:"top",content:v.label,portal:!0,children:(0,Y.jsx)("span",{children:v.iconSm})}),p&&(0,Y.jsx)(d.bH,{position:"top",content:p.label,portal:!0,children:(0,Y.jsx)("span",{children:p.iconSm})})]})},re=function(e){var t=e.row.ip.address;return(0,Y.jsxs)("div",{className:"flex gap-1 items-center font-medium min-w-0
3w-full",children:[(0,Y.jsx)(G.x,{address:t,className:"w-6 h-6 flex-shrink-0"}),(0,Y.jsx)("div",{className:"min-w-0 flex-1 overflow-hidden max-w-full",children:(0,Y.jsx)(d.bH,{position:"top",content:t,portal:!0,children:(0,Y.jsx)("span",{className:"font-normal text-t-coupon block truncate max-w-full",children:t})})})]})},oe=function(e){var t,n=null===(t=e.row.device)||void 0===t?void 0:t.id;return(0,Y.jsxs)("div",{className:"flex gap-1 items-center font-medium",children:[n&&(0,Y.jsx)(G.x,{address:n,className:"w-6 h-6"}),(0,Y.jsx)("div",{className:(0,Z.m)("font-normal",n?"text-t-coupon truncate":"text-t-desc-gray"),children:n||"Bounced"})]})},ie=function(e){var t=e.row.conversion,n=null===t||void 0===t?void 0:t.timestamp,a=null===t||void 0===t?void 0:t.message,l=null===t||void 0===t?void 0:t.value,s=[];t&&(s.push(a||"Conversion recorded"),n&&s.push(A()(n).format("MMMM Do, YYYY - hh:mm:ss A")),l&&s.push(l));var r=t?(0,Y.jsx)(O.default,{className:"w-5 h-5 text-green-500"}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"});return(0,Y.jsx)("div",{className:"flex flex-col mt-1 gap-1 font-medium",children:s.length>0?(0,Y.jsx)(d.bH,{content:s.join(", "),position:"bottom",portal:!0,children:r}):r})},ce=function(e){var t=e.row,n=t.ad_click_id;if(!n)return(0,Y.jsx)("div",{className:"font-normal text-t-desc-gray",children:"None"});var a;return(0,Y.jsxs)("div",{className:"flex gap-1 items-center w-40 font-medium",children:[(0,Y.jsx)(G.x,{address:n,className:"w-6 h-6"}),(0,Y.jsxs)("div",{className:"flex flex-col min-w-[6rem]",children:[(0,Y.jsx)(d.bH,{position:"top",content:n,portal:!0,children:(0,Y.jsx)("div",{className:"text-t-coupon truncate",children:n})}),(0,Y.jsx)(P.e,{text:(a=t.platform,"GADS"===a?"GCLID":"FADS"===a?"FBCLKID":"BADS"===a?"MSCLKID":""),className:"font-bold px-3 py-1 bg-gray-100 rounded-lg"})]})]})},de=function(e){var t,n,a,l,s,r=e.row;return r.ppc&&null!==(t=r.ad)&&void 0!==t&&t.campaign_name?(0,Y.jsxs)("div",{className:"flex flex-row justify-start items-center mt-1 gap-1 font-medium text-t-coupon",children:[(0,Y.jsx)(G.x,{address:null===(n=r.ad)||void 0===n?void 0:n.campaign_name,className:"w-6 h-6"}),"GADS"===r.platform?(0,Y.jsx)(d.bH,{position:"top",content:"Type: ".concat(null===(a=r.ad)||void 0===a?void 0:a.campaign_type),portal:!0,children:(0,Y.jsx)("span",{children:null===(l=r.ad)||void 0===l?void 0:l.campaign_name})}):(0,Y.jsx)("span",{children:null===(s=r.ad)||void 0===s?void 0:s.campaign_name})]}):(0,Y.jsx)("div",{className:" font-medium text-t-desc-gray",children:"N/A"})},ue=function(e){var t,n,a,l,s,r=e.row;if(!r.geo||!r.geo.city)return(0,Y.jsx)("div",{className:"flex flex-col font-medium text-t-desc-gray",children:"N/A"});var o=(null===(t=r.geo)||void 0===t?void 0:t.country)&&B.K[null===(n=r.geo)||void 0===n?void 0:n.country],i=null===(a=r.geo)||void 0===a?void 0:a.city,c=(null===(l=r.geo)||void 0===l?void 0:l.state)||(null===(s=r.geo)||void 0===s?void 0:s.region);return(0,Y.jsxs)("div",{className:"flex flex-col font-medium",children:[(0,Y.jsx)("div",{className:" text-t-coupon",children:o}),(0,Y.jsxs)("div",{className:"flex text-base text-t-desc-gray items-center gap-1 mt-1",children:[i&&(0,Y.jsx)("div",{children:i}),c&&(0,Y.jsxs)("div",{children:["(",c,")"]})]})]})},me=function(e){var t,n=null===(t=e.row.ad)||void 0===t?void 0:t.placement;return(0,Y.jsx)("div",{className:"flex gap-4 items-center font-medium",children:(0,Y.jsx)("div",{className:"flex flex-col w-30",children:n?(0,Y.jsx)("span",{className:"text-t-coupon truncate",children:n}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"})})})},fe=function(e){var t=e.row,n=function(){var e,n;return"GADS"===t.platform?null===(e=t.ad)||void 0===e?void 0:e.keyword_text:"BADS"===t.platform?null===(n=t.ad)||void 0===n?void 0:n.keyword_text:null}();return(0,Y.jsx)("div",{className:"flex gap-4 items-center font-medium",children:(0,Y.jsx)("div",{className:"flex flex-col w-30",children:n?(0,Y.jsx)("span",{className:"text-t-coupon truncate",children:n}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"})})})},ve=function(e){var t,n=e.row;if(!n.labels)return(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary font-medium"});var a=null===(t=n.labels)||void 0===t?void 0:t.split(", "),l=a[0];return(0,Y.jsxs)("div",{className:"flex gap-4 items-center font-medium",children:[(0,Y.jsx)(P.e,{text:l}),a.length>1&&(0,Y.jsx)(d.bH,{position:"top",content:a.slice(1,a.length).join(", "),portal:!0,children:(0,Y.jsxs)("span",{className:"text-primary-500 font-sm",children:["+",a.length-1," more"]})})]})},pe=function(e){var t=e.row.utm_source;return(0,Y.jsx)("div",{className:"flex gap-4 items-center font-medium",children:(0,Y.jsx)("div",{className:"flex flex-col w-30",children:t?(0,Y.jsx)("span",{className:"text-t-coupon truncate",children:t}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"})})})},xe=function(e){var t=e.row.utm_medium;return(0,Y.jsx)("div",{className:"flex gap-4 items-center font-medium",children:(0,Y.jsx)("div",{className:"flex flex-col w-30",children:t?(0,Y.jsx)("span",{className:"text-t-coupon truncate",children:t}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"})})})},he=function(e){var t=e.row.cg_tag;return(0,Y.jsx)("div",{className:"flex gap-4 items-center font-medium",children:(0,Y.jsx)("div",{className:"flex flex-col w-30",children:t?(0,Y.jsx)("span",{className:"text-t-coupon truncate",children:t}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"})})})},ge=function(e){var t,n=null===(t=e.row.geo)||void 0===t?void 0:t.isp;return(0,Y.jsx)("div",{className:"flex gap-4 items-center font-medium",children:(0,Y.jsx)("div",{className:"flex flex-col w-30",children:n?(0,Y.jsx)("span",{className:"text-t-coupon truncate",children:n}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"})})})},be=function(e){var t,n=null===(t=e.row.ip)||void 0===t?void 0:t.hostname;return(0,Y.jsx)("div",{className:"flex gap-4 items-center font-medium",children:(0,Y.jsx)("div",{className:"flex flex-col w-30",children:n?(0,Y.jsx)("span",{className:"text-t-coupon truncate",children:n}):(0,Y.jsx)(M.default,{className:"w-5 h-5 text-t-tertiary"})})})},je=n(94568),ye=n(41971),Ne=n(88313),we=function(e,t,n){var a=e.get(t);return(null===a||void 0===a?void 0:a.some((function(e){return e===n})))?null===a||void 0===a?void 0:a.filter((function(e){return e!==n})):[].concat((0,s.Z)(e.get(t)||[]),[n])}
3,ke=[{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}],Ce="bot_probability",Se={key:Ce,label:"Bot probability",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl p-3 shadow-dropShadow max-h-[280px] overflow-y-auto",sideOffset:20,children:ke.map((function(e){var a;return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"flex items-center text-t-check-slate hover:bg-t-google-btn rounded-md px-3 cursor-pointer p-2 focus:border-none focus:outline-none",children:(0,Y.jsx)(Ne.h,{name:e.label,label:e.label,checked:null===(a=n.get(Ce))||void 0===a?void 0:a.some((function(t){return t===e.value})),onChange:function(a){t({event:a,key:Ce,value:we(n,Ce,e.value)})},className:"p-1"})},e.value)}))})})}},_e=[{value:"true",label:"Yes"},{value:"false",label:"No"}],Te="bounced",Ie={key:Te,label:"Bounced",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3",sideOffset:20,children:_e.map((function(e){return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 rounded-md",children:(0,Y.jsx)(m.R,{name:e.label,value:e.value,label:e.label,labelClass:"p-1",checked:n.get(Te)===e.value,onChange:function(n){return t({event:n,key:Te,value:e.value})},className:"p-1"})},e.value)}))})})}},Ae=n(26538),Ze=Object.keys(Ae.GoogleAdsCampaignType).map((function(e){var t=Ae.GoogleAdsCampaignType[e];return{value:t,label:(t.charAt(0)+t.slice(1).toLowerCase()).replace("_"," ")}})),Pe="campaign_type",De={key:Pe,label:"Campaign Type",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl p-3 shadow-dropShadow max-h-[280px] overflow-y-auto",sideOffset:20,children:Ze.map((function(e){var a;return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"flex items-center text-t-check-slate hover:bg-t-google-btn rounded-md px-3 cursor-pointer p-2 focus:border-none focus:outline-none",children:(0,Y.jsx)(Ne.h,{name:e.label,label:e.label,checked:null===(a=n.get(Pe))||void 0===a?void 0:a.some((function(t){return t===e.value})),onChange:function(a){t({event:a,key:Pe,value:we(n,Pe,e.value)})},className:"p-1"})},e.value)}))})})}},Oe=[{value:"true",label:"Yes"},{value:"false",label:"No"}],Me="converted",Re={key:Me,label:"Converted",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3",sideOffset:20,children:Oe.map((function(e){return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 rounded-md",children:(0,Y.jsx)(m.R,{name:e.label,value:e.value,label:e.label,labelClass:"p-1",checked:n.get(Me)===e.value,onChange:function(n){return t({event:n,key:Me,value:e.value})},className:"p-1"})},e.value)}))})})}},Le=B.$.filter((function(e){return"GLOBAL"!==e.code})),Ee="country",Ge={key:Ee,label:"Country",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl p-3 shadow-dropShadow max-h-[280px] overflow-y-auto",sideOffset:20,children:Le.map((function(e){var a;return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"flex items-center text-t-check-slate hover:bg-t-google-btn rounded-md px-3 cursor-pointer p-2 focus:border-none focus:outline-none",children:(0,Y.jsx)(Ne.h,{name:e.name,label:e.name,checked:null===(a=n.get(Ee))||void 0===a?void 0:a.some((function(t){return t===e.code})),onChange:function(a){t({event:a,key:Ee,value:we(n,Ee,e.code)})},className:"p-1"})},e.code)}))})})}},Fe=n(80079),He="device_id",ze={key:He,label:"Device ID",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState,a=(0,i.useRef)(null);return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-md shadow-dropShadow p-3",sideOffset:20,children:(0,Y.jsx)(Fe.I,{ref:a,name:He,value:n.get(He),onClick:function(e){return e.stopPropagation()},onChange:function(e){return t({event:e,key:He,value:e.target.value})},inputClassName:"text-sm",placeholder:"pz7CWKY6bRbgSM7vm8wE7HmP"})})})}},Be=[{value:"computer",label:"Desktop"},{value:"tablet",label:"Tablet"},{value:"mobile",label:"Mobile"}],qe="device_type",Ye={key:qe,label:"Device Type",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3",sideOffset:20,children:Be.map((function(e){return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 roun
3ded-md",children:(0,Y.jsx)(m.R,{name:e.label,value:e.value,label:e.label,labelClass:"p-1",checked:n.get(qe)===e.value,onChange:function(n){return t({event:n,key:qe,value:e.value})},className:"p-1"})},e.value)}))})})}},Xe="identifier",Ke={key:Xe,label:"Click ID",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-md shadow-dropShadow p-4",sideOffset:20,children:(0,Y.jsx)(Fe.I,{name:Xe,value:n.get(Xe),onClick:function(e){return e.stopPropagation()},onChange:function(e){return t({event:e,key:Xe,value:e.target.value})},inputClassName:"text-sm",placeholder:"yk7qTQ39caGgnkobPmQ6c4Z2kwUKpRym"})})})}},Ve="ip_address",Ue={key:Ve,label:"IP address",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-md shadow-dropShadow p-3",sideOffset:20,children:(0,Y.jsx)(Fe.I,{name:Ve,value:n.get(Ve),onClick:function(e){return e.stopPropagation()},onChange:function(e){return t({event:e,key:Ve,value:e.target.value})},inputClassName:"text-sm",placeholder:"192.168.0.1"})})})}},Je=[{value:"consumer",label:"Residential"},{value:"corporate",label:"Business"},{value:"hosting",label:"Data-center"}],Qe="ip_usage",We={key:Qe,label:"IP usage",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3",sideOffset:20,children:Je.map((function(e){return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 rounded-md",children:(0,Y.jsx)(m.R,{name:e.label,value:e.value,label:e.label,labelClass:"p-1",checked:n.get(Qe)===e.value,onChange:function(n){return t({event:n,key:Qe,value:e.value})},className:"p-1"})},e.value)}))})})}},$e="keyword",et={key:$e,label:"Keyword",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-md shadow-dropShadow p-4",sideOffset:20,children:(0,Y.jsx)(Fe.I,{name:$e,value:n.get($e),onClick:function(e){return e.stopPropagation()},onChange:function(e){return t({event:e,key:$e,value:e.target.value})},inputClassName:"text-sm",placeholder:"My Keyword"})})})}},tt="labels",nt={key:tt,label:"Labels",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-md shadow-dropShadow p-4",sideOffset:20,children:(0,Y.jsx)(Fe.I,{name:tt,value:n.get(tt),onClick:function(e){return e.stopPropagation()},onChange:function(e){return t({event:e,key:tt,value:e.target.value})},inputClassName:"text-sm",placeholder:"my-label"})})})}},at="placement",lt={key:at,label:"Placement",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-md shadow-dropShadow p-3",sideOffset:20,children:(0,Y.jsx)(Fe.I,{name:at,value:n.get(at),onClick:function(e){return e.stopPropagation()},onChange:function(e){return t({event:e,key:at,value:e.target.value})},inputClassName:"text-sm",placeholder:"www.clickguard.com"})})})}},st=n(46376),rt=n(14444),ot="reason",it=[/failed to add new exclusions/i,/failed to add\b/i,/new exclusion added/i,/was blacklisted, new exclusion added/i,/^error\b/i,/^unexpected error/i],ct={key:ot,label:"Reason",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState,a=(0,i.useContext)(je.g),l=a.dateRange,r=a.filters,d=a.selectedCampaign,u=a.selectedAdAccount,m=(0,T.G)(),f=m.accountId,v=m.assetId,p=(0,w.a)((0,_.N)((function(e){return{demoMode:e.demoMode}}))).demoMode,x=(0,i.useState)(""),h=(0,o.Z)(x,2),g=h[0],b=h[1],y=(0,i.useState)(!1),N=(0,o.Z)(y,2),k=N[0],C=N[1],S=(0,i.useRef)(null),I=(0,i.useRef)(null);(0,i.useEffect)((function(){if(g.trim()&&S.current){var e=setTimeout((function(){var e;S.current&&document.activeElement!==S.current&&null!==(e=I.current)&&void 0!==e&&e.contains(document.activeElement)&&S.current.focus()}),0);return function(){return clearTimeout(e)}}}),[g]);var A=(0,i.useMemo)((function(){var e={asset_id:v};return null!==l&&void 0!==l&&l.from&&(e.from=l.from.getTime()),null!==l&&void 0!==l&&l.to&&(e.to=l.to.getTime()),null!==d&&void 0!==d&&d.id&&(e.campaign_id=d.id),null!==u&&void 0!==u&&u.id&&(e.ad_account_id=u.id),Object.keys(r||{}
3).forEach((function(t){if("reason"!==t&&void 0!==r[t]&&null!==r[t]&&""!==r[t]){var n=r[t];Array.isArray(n)?n.length>0&&(e[t]=n.join(",")):e[t]=n}})),e}),[v,null===l||void 0===l?void 0:l.from,null===l||void 0===l?void 0:l.to,null===d||void 0===d?void 0:d.id,null===u||void 0===u?void 0:u.id,r]),Z=(0,i.useMemo)((function(){return JSON.stringify(Object.keys(A).sort().reduce((function(e,t){return e[t]=A[t],e}),{}))}),[A]),P=(0,c.useQuery)(["distinct-reasons",f,v,p,Z,null===d||void 0===d?void 0:d.id,null===u||void 0===u?void 0:u.id],(function(){return j.a.getDistinctReasons(f,A)}),{enabled:!!f&&!!v,staleTime:3e4,cacheTime:3e5,retry:1,refetchOnMount:!1,refetchOnWindowFocus:!1}),D=P.data,O=void 0===D?[]:D,M=P.isLoading,R=P.error,L=(0,i.useMemo)((function(){return(O||[]).filter((function(e){return"string"===typeof e&&e.trim()&&!((t=e)&&it.some((function(e){return e.test(t.trim())})));var t}))}),[O]),E=(0,i.useMemo)((function(){if(!L||0===L.length)return[];if(!g.trim())return L.slice(0,8);var e=g.toLowerCase().trim().split(/\s+/).filter((function(e){return e.length>0}));return 0===e.length?L.slice(0,8):L.filter((function(t){if(!t||"string"!==typeof t)return!1;var n=t.toLowerCase().trim();return e.every((function(e){return n.includes(e)}))})).slice(0,8)}),[L,g]),G=n.get(ot)||[],F=Array.isArray(G)?G:[],H=g.trim()&&F.some((function(e){return e===g.trim()})),z=!M&&!R&&E.length>0,B=g.trim()&&!H,q=E.length>0&&E.every((function(e){return F.some((function(t){return t===e}))}));(0,i.useEffect)((function(){if(k){var e=setTimeout((function(){C(!1)}),150);return function(){return clearTimeout(e)}}}),[q,k]);return(0,Y.jsx)(ye.cq,{children:(0,Y.jsxs)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3 min-w-[280px] max-w-[400px]",sideOffset:20,children:[(0,Y.jsx)("div",{className:"relative",ref:I,children:(0,Y.jsxs)("div",{className:"flex items-center border-b border-gray-200 px-2 mb-2 pb-2",onKeyDown:function(e){return e.stopPropagation()},children:[(0,Y.jsx)(st.default,{className:"h-4 w-4 text-t-secondary mr-2 flex-shrink-0"}),(0,Y.jsx)("input",{ref:S,type:"text",name:"reason-search",value:g,onChange:function(e){return b(e.target.value)},onKeyDown:function(e){if(e.stopPropagation(),"Enter"===e.key&&g.trim()){e.preventDefault(),e.stopPropagation();var a=g.trim(),l=n.get(ot)||[];if(!l.some((function(e){return e===a}))){var r=[].concat((0,s.Z)(l),[a]);t({event:e,key:ot,value:r}),b(""),setTimeout((function(){var e;return null===(e=S.current)||void 0===e?void 0:e.focus()}),0)}}var o;"Escape"===e.key&&(null===(o=S.current)||void 0===o||o.blur())},onMouseDown:function(e){return e.stopPropagation()},onClick:function(e){return e.stopPropagation()},className:"h-10 bg-transparent w-full outline-none text-sm focus:ring-0 border-none text-t-default placeholder:text-t-secondary flex-1",placeholder:"Search reason or press Enter to filter",autoComplete:"off"})]})}),M&&(0,Y.jsxs)("div",{className:"px-4 py-6 flex flex-col items-center justify-center",children:[(0,Y.jsx)(rt.default,{className:"w-6 h-6 animate-spin text-primary-500 mb-2"}),(0,Y.jsx)("span",{className:"text-sm text-t-secondary",children:"Loading reasons..."})]}),!!R&&!M&&(0,Y.jsx)("div",{className:"px-4 py-2 text-sm text-t-secondary",children:"No reasons available for this asset"}),!M&&!R&&0===E.length&&0===L.length&&(0,Y.jsx)("div",{className:"px-4 py-2 text-sm text-t-secondary",children:"No reasons available for this asset"}),!M&&!R&&0===E.length&&L.length>0&&g.trim()&&(0,Y.jsxs)("div",{className:"px-4 py-2 text-sm text-t-secondary",children:[(0,Y.jsxs)("div",{children:['No reasons found matching "',g,'"']}),B&&(0,Y.jsx)("div",{className:"text-xs mt-1 text-primary-500 font-medium",children:"Press Enter to filter by this text"}),H&&(0,Y.jsx)("div",{className:"text-xs mt-1 text-t-secondary/70",children:"This filter is already applied"})]}),z&&(0,Y.jsxs)(Y.Fragment,{children:[E.length>0&&(0,Y.jsx)("div",{className:"px-4 py-1.5 border-b border-gray-100",children:B&&g.trim()&&(0,Y.jsxs)("div",{className:"text-xs text-primary-500 font-medium",children:['Press Enter to filter by "',g,'"']})}),(0,Y.jsxs)("div",{className:"max-h-[300px] overflow-y-auto",children:[E.length>0&&(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 roun
3ded-md cursor-pointer",onSelect:function(e){e.preventDefault()},children:(0,Y.jsx)("div",{onMouseDown:function(e){e.stopPropagation()},children:(0,Y.jsxs)("div",{className:"flex-1 relative",children:[k&&(0,Y.jsx)("div",{className:"absolute left-1 top-1/2 -translate-y-1/2 z-10 pointer-events-none",children:(0,Y.jsx)(rt.default,{className:"h-4 w-4 text-primary-500 animate-spin"})}),(0,Y.jsx)(Ne.h,{name:"select-all-reasons",label:"(Select All)",checked:q,onChange:function(e){e.stopPropagation(),function(e){if(e.preventDefault(),e.stopPropagation(),C(!0),q){var n=F.filter((function(e){return!E.includes(e)}));t({event:e,key:ot,value:n})}else{var a=(0,s.Z)(new Set([].concat((0,s.Z)(F),(0,s.Z)(E))));t({event:e,key:ot,value:a})}}(e)},className:"p-1 w-full ".concat(k?"opacity-60":""),labelClassName:"p-1 text-sm cursor-pointer",disabled:k})]})})}),E.map((function(e){if(!e||"string"!==typeof e)return null;var a=(Array.isArray(G)?G:[]).some((function(t){return t===e}));return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 rounded-md cursor-pointer",onSelect:function(e){e.preventDefault()},children:(0,Y.jsx)("div",{onMouseDown:function(e){e.stopPropagation()},children:(0,Y.jsx)(Ne.h,{name:e,label:e,labelClassName:"p-1 text-sm cursor-pointer",checked:a,onChange:function(a){a.stopPropagation();var l=we(n,ot,e);t({event:a,key:ot,value:l})},className:"p-1 w-full"})})},e)}))]})]})]})})}},dt="session_id",ut=[{value:"GOOD",label:"Valid"},{value:"BAD",label:"Bad"},{value:"SUSPICIOUS",label:"Suspicious"},{value:"IGNORED",label:"Ignored"}],mt="status",ft=[{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}],vt="threat_level",pt=[{value:"true",label:"Ad click"},{value:"false",label:"Organic click"}],xt="ppc",ht=[{value:"none",label:"None"},{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}],gt="user_interaction",bt=[{value:"true",label:"Yes"},{value:"false",label:"No"}],jt="vpn",yt=[{key:xt,label:"Type",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3",sideOffset:20,alignOffset:-9,children:pt.map((function(e){return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 rounded-md",children:(0,Y.jsx)(m.R,{name:e.label,value:e.value,label:e.label,labelClass:"p-1",checked:n.get(xt)===e.value,onChange:function(n){return t({event:n,key:xt,value:e.value})},className:"p-1"})},e.value)}))})})}},{key:mt,label:"Status",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3",sideOffset:20,children:ut.map((function(e){var a;return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 rounded-md",children:(0,Y.jsx)(Ne.h,{name:e.label,label:e.label,labelClassName:"p-1",checked:null===(a=n.get(mt))||void 0===a?void 0:a.some((function(t){return t===e.value})),onChange:function(a){t({event:a,key:mt,value:we(n,mt,e.value)})},className:"p-1"})},e.value)}))})})}},ct,Re,Ue,ze,Ye,lt,De,Ge,Ie,{key:jt,label:"VPN",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl shadow-dropShadow p-3",sideOffset:20,children:bt.map((function(e){return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"hover:bg-t-google-btn px-4 rounded-md",children:(0,Y.jsx)(m.R,{name:e.label,value:e.value,label:e.label,labelClass:"p-1",checked:n.get(jt)===e.value,onChange:function(n){return t({event:n,key:jt,value:e.value})},className:"p-1"})},e.value)}))})})}},{key:vt,label:"Threat level",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl p-3 shadow-dropShadow max-h-[280px] overflow-y-auto",sideOffset:20,children:ft.map((function(e){var a;return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"flex items-center text-t-check-slate hover:bg-t-google-btn rounded-md px-3 cursor-pointer p-2 focus:border-none focus:outline-none",children:(0,Y.jsx)(Ne.h,{name:e.label,label:e.label,checked:null===(a=n.get(vt))||void 0===a?void 0:a.some((function(t){return t===e.value})),onChange:function(a){t({event:a,key:vt,value:we(n,vt,e.value)})},className:"p-1"})},e.value)}))})})}},Se,{key:gt,label:"Interaction level",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-3xl p-3 shadow-dropShadow max-h-[280px] overflow-y-auto",sideOffset:20,children:ht.map((function(e){var a;return(0,Y.jsx)(ye.Xi,{asChild:!0,className:"flex items-center text-t-check-slate hover:bg-t-google-btn rounded-md px-3 cursor-pointer p-2 focus:border-none focus:outline-none",children:(0,Y.jsx)(Ne.h,{name:e.label,label:e.label,checked:null===(a=n.get(gt))||void 0===a?void 0:a.some((function(t){return t===e.value})),onChange:function(a){t({event:a,key:gt,value:we(n,gt,e.value)})},className:"p-1"})},e.value)}))})})}},We,Ke,{key:dt,label:"Session ID",subContent:function(e){var t=e.handleSubItemChange,n=e.mapState;return(0,Y.jsx)(ye.cq,{children:(0,Y.jsx)(ye.TG,{className:"bg-popover rounded-md shadow-dropShadow p-4",sideOffset:20,children:(0,Y.jsx)(Fe.I,{name:dt,value:n.get(dt),onClick:function(e){return e.stopPropagation()},onChange:function(e){return t({event:e,key:dt,value:e.target.value})},inputClassName:"text-sm",placeholder:"QN9STa8JaU7v45igrS=="})})})}},et,nt],Nt=n(68423),wt=n(15646),kt=n(10934),Ct=function(){var e=(0,i.useContext)(je.g),t=e.handleOpenClickDetail
3sChange,n=e.handleSubItemChange,a=e.mapState;return a.has("adAccount")&&a.delete("adAccount"),a.has("campaign")&&a.delete("campaign"),(0,Y.jsx)("div",{className:"flex gap-2",children:(0,Y.jsxs)(ye.fC,{onOpenChange:t,modal:!1,children:[(0,Y.jsx)(ye.xz,{asChild:!0,children:(0,Y.jsx)(d.g,{variant:"secondary",roundness:"default",size:"sm",leftIcon:(0,Y.jsx)(Nt.default,{className:"h-4 w-4"}),rightIcon:(0,Y.jsx)(wt.default,{className:"h-4 w-4"}),label:"Filters"})}),(0,Y.jsx)(ye.Uv,{children:(0,Y.jsx)(ye.VY,{sideOffset:5,align:"start",className:"z-40 flex flex-col top-4 fixed bg-popover rounded-3xl shadow-dropShadow p-3 w-[248px] max-h-[450px] overflow-y-auto focus:outline-none",sticky:"always",children:yt.map((function(e){return(0,Y.jsxs)(ye.Tr,{children:[(0,Y.jsxs)(ye.fF,{className:"flex items-center text-t-check-slate hover:bg-t-google-btn rounded-md px-3 cursor-pointer p-2 focus:border-none focus:outline-none",children:[e.label,(0,Y.jsx)(kt.default,{className:"h-4 w-4 ml-auto"})]}),e.subContent({handleSubItemChange:n,mapState:a})]},e.key)}))})})]})})},St=n(45987),_t=n(4942),Tt=n(86031),It=n(31690),At=n(98884),Zt=["className"],Pt=function(e){var t=e.className,n=(0,St.Z)(e,Zt);return(0,Y.jsx)("div",(0,r.Z)({className:(0,Z.m)("animate-pulse rounded-md bg-gray-300",t)},n))},Dt=n(32541),Ot=n(71358),Mt=n(30663),Rt=["style"],Lt=["style"],Et=["style"],Gt=function(e){var t=e.columns,n=e.data,a=e.isLoading,l=e.isLoadingMoreClicks,s=e.isLiveClicksEnded,c=e.endReached,d=(0,i.useState)(!1),u=(0,o.Z)(d,2),m=u[0],f=u[1],v=(0,i.useRef)(null),p=(0,i.useState)(null),x=(0,o.Z)(p,2),h=x[0],g=x[1];(0,i.useEffect)((function(){var e,t;g(null!==(e=null===(t=v.current)||void 0===t?void 0:t.closest('[data-virtuoso-scroll-parent="true"]'))&&void 0!==e?e:null)}),[]);var b=h?{customScrollParent:h}:{useWindowScroll:!0},j=(0,i.useState)([]),y=(0,o.Z)(j,2),N=y[0],w=y[1],k=(0,i.useState)([]),C=(0,o.Z)(k,2),S=C[0],_=C[1];(0,i.useEffect)((function(){n.length>0?(w(function(){for(var e=[],a={},l=0;l<n.length;l++){for(var s=0;s<t.length;s++)a=(0,r.Z)((0,r.Z)({},a),{},(0,_t.Z)({},"col".concat(s+1),n[l]));e.push(a),a={}}return e}()),_(t.map((function(e,t){return{accessor:"col".concat(t+1)}})))):w([])}),[n,t]);var T=(0,Ot.useTable)({columns:S,data:N}),I=T.getTableProps,A=T.getTableBodyProps,Z=T.headerGroups,P=T.rows,D=T.prepareRow,O=(0,i.useCallback)((function(){l||s||c()}),[l,s,c]);return(0,Y.jsx)("div",{className:"bg-white rounded w-full",children:(0,Y.jsxs)("div",{id:"liveScrollDemo",className:"inline-block min-w-full align-middle overflow-x-auto rounded-t-xl",ref:v,onScroll:function(){var e;v.current&&f((null===v||void 0===v||null===(e=v.current)||void 0===e?void 0:e.scrollLeft)>0)},children:[!a&&(null===P||void 0===P?void 0:P.length)>0&&(0,Y.jsx)(Mt._n,(0,r.Z)((0,r.Z)({},b),{},{totalCount:P.length,endReached:O,overscan:150,components:{Table:function(e){var t=e.style,n=(0,St.Z)(e,Rt);return(0,Y.jsx)("table",(0,r.Z)((0,r.Z)((0,r.Z)({className:"min-w-full table-auto"},I()),n),{},{style:(0,r.Z)((0,r.Z)({},t),{},{tableLayout:"fixed"})}))},TableBody:(0,i.forwardRef)((function(e,t){e.style;var n=(0,St.Z)(e,Lt);return(0,Y.jsx)("tbody",(0,r.Z)((0,r.Z)((0,r.Z)({className:"divide-y divide-gray-100 border-b border-gray-100"},A()),n),{},{ref:t}))})),TableHead:(0,i.forwardRef)((function(e,t){e.style;var n=(0,St.Z)(e,Et);return(0,Y.jsx)("thead",(0,r.Z)((0,r.Z)({className:"bg-table-band sticky top-0 z-5 text-t-secondary"},n),{},{ref:t}))})),TableRow:function(e){var t=e["data-index"],n=P[t];return(0,Y.jsx)("tr",(0,r.Z)((0,r.Z)((0,r.Z)({},e),n.getRowProps()),{},{className:"text-t-default font-bold"}))}},fixedHeaderContent:function(){return Z.map((function(e){return(0,Y.jsx)("tr",(0,r.Z)((0,r.Z)({},e.getHeaderGroupProps()),{},{children:e.headers.map((function(e,n){return(0,Y.jsx)(At.x,{column:t[n],reactColumn:e,isScrolling:m,variant:"ds"},n)}))}))}))},itemContent:function(e){var n=P[e];return D(n),n.cells.map((function(e,n){return(0,Y.jsx)(It.R,{cell:e,column:t[n],isScrolling:m},n)}))},fixedFooterContent:function(){return(0,Y.jsx)("tr",{children:(0,Y.jsxs)("td",{colSpan:t.length,children:[l&&(0,Y.jsx)(Pt,{className:"w-full h-[60px]"}),s&&(0,Y.jsxs)("div",{className:"flex flex-col items-center justify-center w-full py-4 text-center",children:[(0,Y.jsx)(Dt.default,{className:"w-8 h-8 text-gray-500"}),(0,Y.jsx)("h3",{className:"mt-2 text-md font-medium text-gray-700",children:"End of live clicks"})]})]})})}})),a?(0,Y.jsx)("div",{className:"pb-12 pt-6",children:(0,Y.jsx)(Tt._,{addMargin:!1})}):0===n.length?(0,Y.jsxs)("div",{className:"flex flex-col items-center justify-center w-full pb-8 text-center",children:[(0,Y.jsx)(Dt.default,{className:"w-8 h-8 text-gray-500"}),(0,Y.jsx)("h3",{className:"mt-2 text-md font-medium text-gray-700",children:"No clicks has been recorded in the last 30 minutes"})]}):null]})})},Ft=n(82723),Ht=[{label:"Processed ad clicks",key:"total_clicks",tooltip:"Total number of ad clicks our system analyzed."},{label:"Valid clicks",key:"good_clicks",tooltip:"Legitimate ad clicks from real visitors."},{label:"Suspicious clicks",key:"sus_clicks",tooltip:"Ad clicks showing unusual patterns. Our system will continue to monitor these sources closely."},{label:"Bad clicks",key:"bad_clicks",tooltip:"Ad clicks from sources identified as fraudulent or harmful. These sources have been blocked to prevent further budget waste."}],zt=[{label:"Overview",key:"overview",columns:[{label:"Time",ke
3y:"time"},{label:"Status",key:"status"},{label:"Reason",key:"reason"},{label:"Click ID",key:"identifier"}]},{label:"Detection",key:"detection",columns:[{label:"Bot Probability",key:"bot_probability"},{label:"Threat Level",key:"threat_level"}]},{label:"Visitor Behavior",key:"visitor_behavior",columns:[{label:"Time Spent on Page",key:"time_spent_on_page"},{label:"Conversion",key:"conversion"}]},{label:"Origin & Location",key:"location_origin",columns:[{label:"Origin",key:"origin"},{label:"Location",key:"location"}]},{label:"Device Information",key:"device_information",columns:[{label:"Device",key:"device"}]},{label:"IP Address",key:"ip_address",columns:[{label:"IP Address",key:"ip_address"},{label:"IP Hostname",key:"ip_hostname"},{label:"ISP",key:"geo_isp"}]},{label:"Ad Information",key:"ad_information",columns:[{label:"Campaign",key:"campaign"},{label:"Keyword",key:"keyword"},{label:"Placement",key:"placement"}]},{label:"Miscellaneous",key:"miscellaneous",columns:[{label:"Labels",key:"labels"},{label:"UTM Source",key:"utm_source"},{label:"UTM Medium",key:"utm_medium"},{label:"CG Tag",key:"cg_tag"}]}];var Bt=n(37301),qt=n(82801),Yt=function(e){var t=e.data,n=(e.analysisData,e.previousAnalysisData,e.isLoading);return(0,Y.jsxs)("div",{className:"flex p-3 mb-4 gap-3 items-stretch bg-white rounded-xl overflow-x-auto relative",children:[Ht.map((function(e,n){var a=t[e.key][1];return(0,Y.jsx)(d.av,{className:"flex-1 kpi-accent-border",bordered:!0,label:e.label,value:(0,Bt.T)(t[e.key][0]).display,change:void 0===a||null===a?void 0:{trend:a<0?"negative":"positive",value:"".concat(Math.abs(a).toFixed(1),"%")},helpTooltip:""===e.tooltip?void 0:e.tooltip},n)})),(0,Y.jsx)(qt.u,{show:!!n,enter:"transition-opacity duration-150",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",as:"div",className:"absolute inset-0 z-10",children:(0,Y.jsx)("div",{className:"absolute inset-0 bg-kpi-scrim backdrop-blur-[2px] flex items-center justify-center rounded-xl",children:(0,Y.jsx)(Tt._,{addMargin:!1})})})]})},Xt=n(40981),Kt=n(34891),Vt=n(40296),Ut=[/failed to add new exclusions/i,/failed to add\b/i,/new exclusion added/i,/was blacklisted, new exclusion added/i,/^error\b/i,/^unexpected error/i],Jt=["ppc","status","reason","country","campaign_type","converted","bounced","vpn","threat_level","bot_probability","user_interaction","ip_usage","device_type","ip_address","device_id","identifier","session_id","keyword","labels","placement"],Qt=function(e,t){switch(e){case"ppc":return{label:"Type",value:"true"===t?"Ad click":"Organic click"};case"status":var n=t.map((function(e){return(0,Vt.fm)(e)})).join(", ").replace("Good","Valid");return n?{label:"Status",value:n}:null;case"reason":var a=(Array.isArray(t)?t:[t]).filter(Boolean).filter((function(e){return!function(e){return!!e&&Ut.some((function(t){return t.test(String(e).trim())}))}(e)}));return a.length?{label:"Reason",reasonValues:a}:null;case"converted":return{label:"Converted",value:"true"===t?"Yes":"No"};case"ip_address":return{label:"IP Address",value:t};case"device_id":return{label:"Device ID",value:t};case"device_type":return{label:"Device Type",value:(0,Vt.fm)(t)};case"campaign_type":var l=t.map((function(e){return(0,Vt.fm)(e)})).join(", ");return l?{label:"Campaign Type",value:l}:null;case"country":var s=t.map((function(e){return B.K[e]||null})).join(", ");return s?{label:"Country",value:s}:null;case"bounced":return{label:"Bounced",value:"true"===t?"Yes":"No"};case"vpn":return{label:"VPN",value:"true"===t?"Yes":"No"};case"threat_level":var r=t.map((function(e){return(0,Vt.fm)(e)})).join(", ");return r?{label:"Threat level",value:r}:null;case"bot_probability":var o=t.map((function(e){return(0,Vt.fm)(e)})).join(", ");return o?{label:"Bot probability",value:o}:null;case"user_interaction":var i=t.map((function(e){return(0,Vt.fm)(e)})).join(", ");return i?{label:"Interaction level",value:i}:null;case"ip_usage":return{label:"IP usage",value:(0,L.os)(t)};case"identifier":return{label:"Click ID",value:t};case"session_id":return{label:"Session ID",value:t};case"keyword":return{label:"Keyword",value:t};case"labels":return{label:"Labels",value:t};case"placement":return{label:"Placement",value:t};default:return null}},Wt=function(e){var t=e.mapState,n=e.removeFilter,a=function(e){var t=new Map(Jt.map((function(e,t){return[e,t]})));return(0,s.Z)(e).sort((function(e,n){var a,l;return(null!==(a=t.get(e[0]))&&void 0!==a?a:Jt.length)-(null!==(l=t.get(n[0]))&&void 0!==l?l:Jt.length)}))}(Array.from(t.entries()).filter((function(e){var t=(0,o.Z)(e,1)[0];return!["from","to"].includes(t)})));return(0,Y.jsx)("div",{className:"flex flex-wrap gap-2 items-start",children:a.map((function(e){var t=(0,o.Z)(e,2),a=t[0],l=t[1],s=Qt(a,l);return s?s.reasonValues?(0,Y.jsxs)("div",{className:"flex flex-col gap-1.5 bg-t-step-inactive py-1.5 px-2 rounded-lg min-w-0 max-w-full",children:[(0,Y.jsxs)("div",{className:"flex items-center gap-2 flex-shrink-0",children:[(0,Y.jsxs)("span",{className:"font-['Host_Grotesk',sans-serif] text-[14px] leading-[18px] font-medium text-[var(--text-secondary,#535255)] whitespace-nowrap",children:[s.label,":"]}
3),(0,Y.jsx)("button",{type:"button","aria-label":"Remove ".concat(s.label," filter"),onClick:function(){return n(a)},className:"ml-auto flex items-center justify-center w-3.5 h-3.5 rounded-[3px] flex-shrink-0 cursor-pointer",children:(0,Y.jsx)(M.default,{className:"w-3.5 h-3.5 text-[var(--text-secondary,#535255)]"})})]}),(0,Y.jsx)("div",{className:"flex flex-wrap gap-1.5",children:s.reasonValues.map((function(e){return(0,Y.jsx)("span",{className:"font-['Host_Grotesk',sans-serif] text-[12px] leading-[16px] font-medium text-[var(--text-primary,#29282a)] bg-white/60 rounded-md px-2 py-0.5",children:e},e)}))})]},a):(0,Y.jsxs)("div",{className:"flex items-center gap-1.5 bg-t-step-inactive py-1.5 px-2 rounded-lg",children:[(0,Y.jsxs)("span",{className:"font-['Host_Grotesk',sans-serif] text-[14px] leading-[18px] font-medium text-[var(--text-secondary,#535255)] whitespace-nowrap flex-shrink-0",children:[s.label,":"]}),(0,Y.jsx)("span",{className:"font-['Host_Grotesk',sans-serif] text-[14px] leading-[18px] font-medium text-[var(--text-primary,#29282a)] truncate max-w-[200px]",title:s.value,children:s.value}),(0,Y.jsx)("button",{type:"button","aria-label":"Remove ".concat(s.label," filter"),onClick:function(){return n(a)},className:"flex items-center justify-center w-3.5 h-3.5 rounded-[3px] flex-shrink-0 cursor-pointer",children:(0,Y.jsx)(M.default,{className:"w-3.5 h-3.5 text-[var(--text-secondary,#535255)]"})})]},a):null}))})},$t=n(93580),en=n(36158),tn=n(33522),nn=n(36352),an=n(93756),ln=n(41329),sn=n(59157),rn=n(84745),on=n(68741),cn=n(41290),dn=function(e){var t=e.adAccount,n=e.campaign_id,s=e.dateRange,r=(0,sn.m)(),c=r.assetStore,u=c.getReports,m=c.reports,f=c.asset,v=r.accountStore.account,p=(0,en.Z)((function(e){return e.isLoading("ASSET_GET_REPORTS")})),x=(0,i.useState)(void 0),h=(0,o.Z)(x,2),g=h[0],b=h[1],j=(0,i.useState)([]),y=(0,o.Z)(j,2),N=y[0],w=y[1],k=(0,i.useState)(""),C=(0,o.Z)(k,2),S=C[0],_=C[1];function T(){return I.apply(this,arguments)}function I(){return(I=(0,l.Z)((0,a.Z)().mark((function e(){var t;return(0,a.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!v||!f){e.next=6;break}return e.next=3,rn.A.getRequests(v.id,f.id,Ft.ge.ON_DEMAND);case 3:t=e.sent,w(t),t.length||u(v.id,f.id,"TRAFFIC",s);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return(0,i.useEffect)((function(){null!==v&&void 0!==v&&v.id&&null!==f&&void 0!==f&&f.id&&u(v.id,f.id,"TRAFFIC",s)}),[null===v||void 0===v?void 0:v.id,null===f||void 0===f?void 0:f.id]),(0,i.useEffect)((function(){if(m.length){var e=m.filter((function(e){return"PENDING"===e.status||"IN_PROGRESS"===e.status&&"TRAFFIC"===e.type}));e&&w(e)}}),[m]),(0,i.useEffect)((function(){null!==v&&void 0!==v&&v.id&&null!==f&&void 0!==f&&f.id&&u(v.id,f.id,"TRAFFIC",s,t,n)}),[t,n,s]),(0,i.useEffect)((function(){var e=setTimeout((function(){null!==v&&void 0!==v&&v.id&&null!==f&&void 0!==f&&f.id&&u(v.id,f.id,"TRAFFIC",s,t,n,S)}),1e3);return function(){return clearTimeout(e)}}),[S]),(0,i.useEffect)((function(){var e;return N.length||g&&clearTimeout(g),N.length&&(g&&clearTimeout(g),e=setInterval(T,5e3),b(e)),function(){e&&clearTimeout(e),g&&clearTimeout(g),b(void 0)}}),[N]),(0,Y.jsxs)(nn.w,{containerClassName:"!mb-0",borderClass:"border border-t-border-light rounded-[12px]",title:(0,Y.jsxs)("div",{className:"flex text-[16px] leading-[22px] items-center gap-2 font-grotesk font-medium text-t-google-ad",children:["Downloads",(0,Y.jsx)(d.bH,{position:"top",content:"History of all previously generated reports",portal:!0,children:(0,Y.jsx)(on.default,{className:" w-5 h-5 text-t-gray-hold"})})]}),contentClassName:"-mt-2",loading:p,actions:(0,Y.jsx)(Fe.I,{placeholder:"Search downloads...",className:"w-[260px]",icon:st.default,inputClassName:"placeholder:text-t-gray-hold font-[300] text-[14px] leading-[18px]",id:"search",value:S,onChange:function(e){return _(e.target.value)}}),children:[0===m.length&&(0,Y.jsx)(un,{}),m.length>0?(0,Y.jsx)("div",{className:"flex flex-col gap-3",children:m.map((function(e,t){return(0,Y.jsxs)(i.Fragment,{children:[t>0&&(0,Y.jsx)("div",{className:"border-t border-t-checkbox"}),(0,Y.jsx)(mn,{report:e})]},e.id)}))}):(0,Y.jsx)(Y.Fragment,{})]})},un=function(){return(0,Y.jsx)("div",{className:"flex items-center justify-center flex-col py-6",children:(0,Y.jsxs)("div",{className:"flex items-center justify-center flex-col text-center w-[360px]",children:[(0,Y.jsx)(ln.w8,{}),(0,Y.jsx)("p",{className:"py-4 font-bold text-t-secondary",children:"No reports"}),(0,Y.jsx)("p",{className:"text-t-secondary",children:"All your generated reports will appear here. You can download them at any time."})]})})},mn=function(e){var t=e.report,n=(0,sn.m)().assetStore.demoMode,a=(0,Kt.I)(),l=function(){a(q.H.EXPORT_DOW
3NLOAD,q.f.CLICKS,null)},s=(0,i.useMemo)((function(){if(null===t||void 0===t||!t.links||0===t.links.length)return[];var e=new Map;t.links.forEach((function(t){var n=t.link,a=t.format;e.has(a)||e.set(a,[]),e.get(a).push({format:a,link:n})}));var n=[];return e.forEach((function(e){var t=new Set,a=e.filter((function(e){var n=e.link;return!t.has(n)&&(t.add(n),!0)}));a.length>0&&n.push(a[0])})),n}),[null===t||void 0===t?void 0:t.links]),r=(0,Y.jsxs)("div",{className:"flex items-center justify-center gap-3",children:[(0,Y.jsx)("div",{className:"text-t-desc-gray text-[14px] leading-[18px] font-grotesk font-medium",children:(0,Y.jsx)(an.I,{date:t.generated_at||t.scheduled_for})}),null===s||void 0===s?void 0:s.map((function(e,t){var n=e.link,a=e.format;return(0,Y.jsxs)("a",{href:n,target:"_blank",className:"flex justify-center gap-1.5 font-medium items-center cursor-pointer",onClick:l,children:[(0,Y.jsx)(cn.default,{className:"h-5 w-5 text-brand"}),(0,Y.jsx)("span",{className:"text-[14px] leading-[18px] text-brand font-grotesk",children:a})]},"".concat(a,"-").concat(n,"-").concat(t))})),t.status&&"DONE"!==t.status&&(0,Y.jsx)(P.e,{text:"Generating...",color:"yellow"})]});return(0,Y.jsxs)("div",{className:"flex flex-row justify-between py-2",children:[(0,Y.jsx)("div",{className:"flex gap-3 flex-1 items-center ",children:(0,Y.jsxs)("div",{className:"flex items-center gap-3",children:[(0,Y.jsx)(fn,{report:t}),(0,Y.jsxs)("span",{className:"flex flex-col",children:[(0,Y.jsx)(vn,{report:t,className:"text-[16px] leading-[22px] text-t-base-blue font-grotesk"}),(0,Y.jsx)("span",{className:"text-[14px] leading-[18px] text-t-desc-gray truncate max-w-[300px] font-grotesk",children:t.description})]})]})}),(0,Y.jsx)("div",{className:"flex flex-row",children:n?(0,Y.jsx)(d.bH,{position:"top",content:"This action is disabled when demo data is displayed",portal:!0,children:r}):r})]})},fn=function(e){var t,n,a,l,s,r=e.report,o=(0,sn.m)().assetStore,i=o.adAccounts,c=o.asset,d=null;if("ad_account_ids"in r&&null!==r&&void 0!==r&&null!==(t=r.ad_account_ids)&&void 0!==t&&t.length){var u=(null===r||void 0===r?void 0:r.ad_account_ids[0])||"";d=i.find((function(e){return e.id===u}))}return"PPC"===(null===r||void 0===r||null===(n=r.scope_type)||void 0===n?void 0:n.type)&&(d=i.find((function(e){return e.id===r.scope_type.id}))),null!==(a=d)&&void 0!==a&&a.platform?(0,Y.jsx)("div",{className:"bg-gray-100 rounded-md p-1",children:(0,Y.jsx)("div",{className:"flex flex-col justify-center items-center","data-testid":"ad-account-container-".concat(null===(l=d)||void 0===l?void 0:l.platform,"}"),children:(0,Y.jsx)(ln.vq,{platform:null===(s=d)||void 0===s?void 0:s.platform,className:"w-3 h-3"})})}):c?(0,Y.jsx)(tn.n,{website:c,size:6}):(0,Y.jsx)(Y.Fragment,{})},vn=function(e){var t,n=e.report,a=e.className;return(0,Y.jsxs)("span",{className:"".concat(a||"text-base text-t-default"," font-medium"),children:["DOMAIN"===(null===n||void 0===n?void 0:n.type)&&"PPC"===(null===n||void 0===n||null===(t=n.scope_type)||void 0===t?void 0:t.type)?"PPC account summary":"DOMAIN"===(null===n||void 0===n?void 0:n.type)&&"Website summary","DOMAIN"!==n.type&&n.type.split("_").map((function(e){return(0,Vt.fm)(e)})).join(" ")," ","report"]})},pn=n(25902),xn=n(29424),hn=n(76615),gn=n(2172),bn=n(5376),jn=n(39572),yn=function(){var e,t,n,I,Z,P,D=(0,i.useContext)(je.g),O=D.mapState,M=D.handleRemoveFilter,L=D.filters,E=D.selectedAdAccount,G=(D.setSelectedAdAccount,D.selectedCampaign),F=(D.setSelectedCampaign,(0,T.G)()),H=F.accountId,z=F.assetId,B=(0,N.c)((0,_.N)((function(e){return{account:e.account,hasFeature:e.hasFeature,isInSetup:e.isInSetup}}))),X=B.account,V=B.isInSetup,U=B.hasFeature,J=(0,w.a)((0,_.N)((function(e){return{asset:e.asset,adAccounts:e.adAccounts,campaigns:e.campaigns,demoMode:e.demoMode,runReport:e.runReport,getReports:e.getReports}}))),Q=J.asset,W=J.adAccounts,$=(J.campaigns,J.demoMode),ee=J.runReport,te=J.getReports,ne=(0,k.L)((function(e){return e.visualPreferences})),ae=(0,k.L)((function(e){return e.updateVisualPreferences})),le=(0,Kt.I)(),se=(0,g.lr)(),re=(0,o.Z)(se,1)[0],oe=(0,jn.B)(),ie=oe.adAccountIdsCsv,ce=oe.campaignIdsCsv,de=(0,i.useState)([]),ue=(0,o.Z)(de,2),me=ue[0],fe=ue[1],ve=(0,i.useState)("analyzed"),pe=(0,o.Z)(ve,2),xe=pe[0],he=pe[1],ge=(0,i.useState)(!1),be=(0,o.Z)(ge,1)[0],ye=(0,i.useState)(0),Ne=(0,o.Z)(ye,2),we=Ne[0],ke=Ne[1],Ce=(0,i.useState)(!0),Se=(0,o.Z)(Ce,2),_e=Se[0],Te=Se[1],Ie=(0,i.useRef)(!0),Ae=(K.map((function(e){return{key:e.key,label:e.label}}
3)),(0,i.useState)(new Set)),Ze=(0,o.Z)(Ae,2),Pe=Ze[0],De=Ze[1],Oe=(0,i.useState)({}),Me=(0,o.Z)(Oe,2),Re=Me[0],Le=Me[1],Ee=(0,i.useRef)(!1),Ge=(0,i.useRef)(!0),Fe=(0,i.useState)(null),He=(0,o.Z)(Fe,2),ze=He[0],Be=He[1],qe=(0,i.useState)(!1),Ye=(0,o.Z)(qe,2),Xe=Ye[0],Ke=Ye[1],Ve=(0,i.useState)(!1),Ue=(0,o.Z)(Ve,2),Je=Ue[0],Qe=Ue[1],We=(0,i.useState)(!1),$e=(0,o.Z)(We,2),et=$e[0],tt=$e[1],nt=(0,i.useState)("ppc"),at=(0,o.Z)(nt,2),lt=at[0],st=at[1],rt=(0,i.useState)(10),ot=(0,o.Z)(rt,2),it=ot[0],ct=ot[1],dt=(0,x.W)({isAdAccountSelected:!!E,isCampaignSelected:!!G}),ut="website"===dt?Q:"ad-account"===dt?E:G,mt="live"===xe;(0,i.useEffect)((function(){var e=["details","ppc_account","time","status","reason","bot_probability","threat_level","time_spent_on_page","location","origin","campaign","keyword"],t=["behavior","usage","device_type","operating_system","browser"];try{if(!ne)return De(new Set(e)),void Te(!1);var n=JSON.parse(ne).find((function(e){return e.target_id===z&&"clicks"===e.page}));if(n&&n.columns)if(n.columns.some((function(e){return t.includes(e)}))){De(new Set(e));var a=n.columns||[];if(!(a.length===e.length&&a.every((function(t){return e.includes(t)}))&&e.every((function(e){return a.includes(e)})))){var l=JSON.parse(ne),s=l.findIndex((function(e){return e.target_id===z&&"clicks"===e.page}));-1!==s&&(l[s]=(0,r.Z)((0,r.Z)({},l[s]),{},{columns:e}),ae(JSON.stringify(l)))}}else De(new Set(n.columns));else De(new Set(e))}catch(o){De(new Set(e))}finally{Te(!1)}}),[ut,E,G,z,ne,ae]),(0,i.useEffect)((function(){return Ge.current=!0,function(){Ge.current=!1}}),[]),(0,i.useEffect)((function(){if(Ge.current){var e=re.get("from"),t=re.get("to");if(e&&t){var n=A()(Number(e)).toDate(),a=A()(Number(t)).toDate();Re.from&&Re.to&&Re.from.getTime()===n.getTime()&&Re.to.getTime()===a.getTime()||Ge.current&&Le({from:n,to:a})}else Ee.current||Ge.current&&(Le({from:A()().subtract(30,"days").startOf("day").toDate(),to:A()().endOf("day").toDate()}),Ee.current=!0);e&&t&&(Ee.current=!0)}}),[re]),(0,i.useEffect)((function(){if(b.S.getAuthToken()&&mt){var e=(0,y.io)(p.x7.API_WEBSOCKET_URL,{autoConnect:!1,transports:["websocket"],auth:{"account-id":H,authorization:b.S.getAuthToken(),"impersonated-user-id":localStorage.getItem("imper_userId")?JSON.parse(localStorage.getItem("imper_userId")):null}});return e.connect(),Be(e),function(){e.disconnect()}}}),[H,z,mt]);var ft={asset_id:z,ppc:"ppc"===lt,limit:100};(0,i.useEffect)((function(){ze&&(mt?(fe([]),Ke(!0),ze.emit("clicks",(0,r.Z)((0,r.Z)({},ft),{},{ad_account_id:null===E||void 0===E?void 0:E.id,campaign_id:null===G||void 0===G?void 0:G.id}))):ze.disconnect())}),[ze,mt,z,lt]);(0,i.useCallback)((function(){mt&&ze&&(Ke(!0),fe([]),ze.emit("clicks",ft))}),[ze,mt,lt]),(0,i.useCallback)((function(e){mt&&ze&&(Ke(!0),fe([]),ze.emit("clicks",(0,r.Z)((0,r.Z)({},ft),{},{ad_account_id:null===e||void 0===e?void 0:e.id})))}),[ze,mt,lt]),(0,i.useCallback)((function(e){mt&&ze&&(Ke(!0),fe([]),ze.emit("clicks",(0,r.Z)((0,r.Z)({},ft),{},{ad_account_id:null===E||void 0===E?void 0:E.id,campaign_id:e||null})))}),[ze,mt,E,lt]);var vt=function(e){fe((function(t){if((0,h.isArray)(e))return[].concat((0,s.Z)(t),(0,s.Z)(e));var n=t.some((function(t){return t.id===e.id}));return n?t.map((function(t){return t.id===e.id?e:t})):[e].concat((0,s.Z)(t))})),Ke(!1),Je&&(Qe(!1),(0,h.isArray)(e)&&0===e.length&&tt(!0))};(0,i.useEffect)((function(){if(ze)return ze.on("clicks",vt),function(){ze.off("clicks")}}),[ze,Je,lt]);var pt=(0,i.useCallback)((function(){ze&&(Qe(!0),ze.emit("clicks",(0,r.Z)((0,r.Z)({},ft),{},{timestamp:me.slice(-1)[0].timestamp,account_id:(null===E||void 0===E?void 0:E.id)||null,campaign_id:(null===G||void 0===G?void 0:G.id)||null})))}),[mt,me.length,lt]),xt=(0,i.useMemo)((function(){return JSON.stringify(L)}),[L]);(0,i.useEffect)((function(){Ie.current?Ie.current=!1:ke(0)}),[xt,null===G||void 0===G?void 0:G.id,null===E||void 0===E?void 0:E.id,null===Re||void 0===Re?void 0:Re.from,null===Re||void 0===Re?void 0:Re.to]);var ht,gt,bt=(0,i.useMemo)((function(){var e,t;return(0,r.Z)((0,r.Z)({},L),{},{limit:it,skip:we,asset_id:z,campaign_id:ce,ad_account_id:ie,from:null===Re||void 0===Re||null===(e=Re.from)||void 0===e?void 0:e.getTime(),to:null===Re||void 0===Re||null===(t=Re.to)||void 0===t?void 0:t.getTime()})}),[L,it,we,z,ce,ie,null===Re||void 0===Re?void 0:Re.from,null===Re||void 0===Re?void 0:Re.to]),jt={campaignId:ce,adAccountId:ie,adPlatform:ie&&(null===E||void 0===E?void 0:E.platform)||"",dateFrom:null===Re||void 0===Re||null===(e=Re.from)||void 0===e?void 0:e.getTime(),dateTo:null===Re||void 0===Re||null===(t=Re.to)||void 0===t?void 0:t.getTime()},yt={campaignId:ce,adAccountId:ie,adPlatform:ie&&(null===E||void 0===E?void 0:E.platform)||"",dateFrom:null!==Re&&void 0!==Re&&Re.from&&null!==Re&&void 0!==Re&&Re.to?A()(Re.from).subtract(A()(Re.to).diff(A()(Re.from),"day"),"day").toDate().getTime():null,dateTo:(null===Re||void 0===Re||null===(n=Re.from)||void 0===n?void 0:n.getTime())||null},Nt=z&&(null===Re||void 0===Re?void 0:Re.from)&&(null===Re||void 0===Re?void 0:Re.to),wt=function(e,t){return[e,null===X||void 0===X?void 0:X.id,z,JSON.stringify(t)]}
3,kt=(0,c.useQuery)(["clicks",null===X||void 0===X?void 0:X.id,JSON.stringify(bt)],(function(){return j.a.get(H,bt)}),{enabled:!!Nt,cacheTime:3e5,refetchOnMount:!0,refetchOnWindowFocus:!1}),St=kt.data,_t=kt.isFetching,Tt=kt.refetch,It=(0,c.useQuery)(wt("clicks-current-stats",jt),(function(){return $t.sX.stats(H,z,jt)}),{enabled:!!Nt,cacheTime:3e5}),At=(0,c.useQuery)(wt("clicks-previous-stats",yt),(function(){return $t.sX.stats(H,z,(0,r.Z)({},yt))}),{enabled:!!Nt&&!mt,cacheTime:3e5}),Zt=function(){var e=(0,l.Z)((0,a.Z)().mark((function e(){var t;return(0,a.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(Q&&X&&bt&&null!==Re&&void 0!==Re&&Re.from&&null!==Re&&void 0!==Re&&Re.to){e.next=2;break}return e.abrupt("return");case 2:return le(q.H.EXPORT_REQUEST,q.f.CLICKS,null),t={from:Re.from.getTime(),to:Re.to.getTime(),type:"TRAFFIC",query:bt,scope:null,scope_type:{type:Ft.lu.DOMAIN,id:z},label:"click report",trafficType:"PAID",method:Ft.ge.ON_DEMAND},e.next=6,ee(H,z,t);case 6:return e.next=8,te(X.id,Q.id,"TRAFFIC",Re);case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Pt=_e||_t,Dt=(0,i.useMemo)((function(){return(null===St||void 0===St?void 0:St.data)||[]}),[null===St||void 0===St?void 0:St.data,null===St||void 0===St?void 0:St.total]),Ot=(0,i.useMemo)((function(){return me}),[me,mt]),Mt=(0,i.useMemo)((function(){return K.filter((function(e){return Pe.has(e.key)}))}),[Pe]);return(0,Y.jsxs)("div",{children:[(0,Y.jsx)(S.V,{pageName:"Click Forensics"}),(0,Y.jsxs)(v.X,{title:"Click Forensics",tagline:"Click-level realtime traffic logs for ",tags:[{label:(0,C.C)({demoMode:$,selectedCampaign:null,adAccount:ie?E:null,asset:Q})}],datePicker:(0,Y.jsx)("div",{className:mt?"invisible pointer-events-none":"","aria-hidden":mt,children:(0,Y.jsx)(pn.O,{align:"right",onApply:function(e){return Le({from:e.from,to:e.to})},loading:Pt,demoMode:$,calender:xn.default,tooltip:(0,Y.jsx)("div",{className:"absolute right-10 top-1/2 -translate-y-1/2 flex items-center",children:(0,Y.jsx)(on.default,{className:"text-t-gray-hold",width:18,height:18})})})}),notices:(0,Y.jsx)(f.w,{isInSetup:V(),setupStep:null===X||void 0===X||null===(I=X.setup)||void 0===I?void 0:I.step,hasDashboardPerformanceFeature:U("dashboard_performance"),tc_installed:!(null===Q||void 0===Q||!Q.tc_installed),cc_installed:!(null===Q||void 0===Q||!Q.cc_installed),tc_installed_skipped:!(null===Q||void 0===Q||!Q.tc_installed_skipped),accountId:H,assetId:z,demoMode:$,isInActive:"INACTIVE"===(null===X||void 0===X?void 0:X.status),mccLinkInviteAdAccounts:W}),children:[(0,Y.jsxs)("main",{className:"border border-none rounded-xl overflow-clip",children:[(0,Y.jsx)(Yt,{data:(ht=It.data,gt=At.data,{total_clicks:[(null===ht||void 0===ht?void 0:ht.totalClicks)||0,(0,R.c3)((null===ht||void 0===ht?void 0:ht.totalClicks)||0,(null===gt||void 0===gt?void 0:gt.totalClicks)||0)],bad_clicks:[(null===ht||void 0===ht?void 0:ht.badClicks)||0,(0,R.c3)((null===ht||void 0===ht?void 0:ht.badClicks)||0,(null===gt||void 0===gt?void 0:gt.badClicks)||0)],sus_clicks:[(null===ht||void 0===ht?void 0:ht.susClicks)||0,(0,R.c3)((null===ht||void 0===ht?void 0:ht.susClicks)||0,(null===gt||void 0===gt?void 0:gt.susClicks)||0)],good_clicks:[(null===ht||void 0===ht?void 0:ht.goodClicks)||0,(0,R.c3)((null===ht||void 0===ht?void 0:ht.goodClicks)||0,(null===gt||void 0===gt?void 0:gt.goodClicks)||0)]}),analysisData:It.data,previousAnalysisData:At.data,isLoading:It.isLoading||!mt&&At.isLoading}),(0,Y.jsx)("div",{className:"flex justify-between bg-white pt-3 px-3 pb-5 rounded-t-xl",children:(0,Y.jsxs)("div",{className:"flex gap-4 flex-col w-full",children:[(0,Y.jsxs)("div",{className:"flex items-center justify-between w-full",children:[(0,Y.jsx)("h2",{className:"font-grotesk text-[18px] leading-6 font-medium text-t-base-blue",children:"Traffic Overview"}),(0,Y.jsx)(d.b3,{value:xe,onChange:function(e){"live"!==e||mt||le(q.H.LIVE_MONITORING,q.f.CLICKS,null),he(e)},size:"large",className:"max-w-[280px]",children:(0,Y.jsxs)(d.b1,{children:[(0,Y.jsx)(d.b0,{value:"analyzed",label:(0,Y.jsx)(d.bH,{position:"top",portal:!0,content:"View traffic that's fully analyzed and processed by our detection systems. Shows traffic older than 30 minutes.",children:(0,Y.jsx)("span",{children:"Analyzed traffic"})})}),(0,Y.jsx)(d.b0,{value:"live",label:(0,Y.jsx)(d.bH,{position:"top",portal:!0,content:"View realtime updates for your recent traffic as its being recorded and processed",children:(0,Y.jsx)("span",{children:"Live monitoring"})})})]})})]}),(0,Y.jsxs)("div",{className:"flex items-center justify-between w-full min-h-[40px]",children:[(0,Y.jsxs)("div",{className:"flex items-center gap-3",children:[(0,Y.jsx)(Xt.d,{availableColumns:zt,selectedColumns:Pe,setSelectedColumns:De,assetId:z,page:"clicks",dsTrigger:!0}),mt?(0,Y.jsxs)("div",{className:"flex flex-row gap-2",children:[(0,Y.jsx)(m.R,{name:"ppc",checked:"ppc"===lt,label:"Ad traffic",onChange:function(e){return st(e.target.value)},value:"ppc",labelClass:"text-t-default font-normal"}),(0,Y.jsx)(m.R,{name:"organic",checked:"organic"===lt,label:"Organic traffic",onChange:function(e){return st(e.target.value)},value:"organic",labelClass:"text-t-default font-normal"})]}):(0,Y.jsx)(Ct,{}),!mt&&(0,Y.jsx)(Wt,{mapState:O,removeFilter:M})]}),(0,Y.jsx)("div",{className:"flex gap-4 items-center",children:mt?null:(0,Y.jsxs)(Y.Fragment,{children:[(null===St||void 0===St?void 0:St.data)&&St.data.length>0&&(0,Y.jsx)(bn._,{data:{data:St.data,chartData:St.data},chartType:"Analyzed Traffic Data",context:"Analyzed traffic table showing click details including IP addresses, locations, device types, threat levels, and click quality across the selected time period",position:"bottom"}),(0,Y.jsx)(d.g,{variant:"ghost",roundness:"default",size:"md",leftIcon:(0,Y.jsx)(hn.default,{className:"h-4 w-4"}),label:"Export",isLoading:be,disabled:_t||be||!(null!==St&&void 0!==St&&St.data.length),onClick:Zt}),(0,Y.jsx)(d.g,{variant:"secondary",roundness:"default",size:"md",leftIcon:(0,Y.jsx)(gn.default,{className:"h-4 w-4"}),label:"Refresh",isLoading:_t,onClick:function(){return Tt()}})]})})]})]})}),(0,Y.jsx)("div",{className:"bg-white px-3",children:mt?(0,Y.jsx)(Gt,{isLoading:Xe,isLoadingMoreClicks:Je,isLiveClicksEnded:et,data:Ot,columns:Mt,endReached:pt}):(0,Y.jsx)(u.J,{isLoading:Pt,data:$?Dt.slice(0,it):Dt,columns:Mt,pageSize:it,pageListener:function(e){return function(e){ke(e)}(e)},totalCount:(null===St||void 0===St?void 0:St.total)||(null===Dt||void 0===Dt?void 0:Dt.length)||0,showPagination:!0,paginationClassName:"mt-0 py-3",changePageSize:ct,variant:"ds"},"table-".concat(xt,"-").concat(null===G||void 0===G?void 0:G.id,"-").concat(null===E||void 0===E?void 0:E.id,"-").concat(null===Re||void 0===Re||null===(Z=Re.from)||void 0===Z?void 0:Z.getTime(),"-").concat(null===Re||void 0===Re||null===(P=Re.to)||void 0===P?void 0:P.getTime()))})]}),(0,Y.jsx)("div",{className:"py-4",children:(0,Y.jsx)(dn,{adAccount:ie&&(null===E||void 0===E?void 0:E.id)||null,campaign_id:(null===G||void 0===G?void 0:G.id)||null,dateRange:Re})})]})]})}}}]); 4//# sourceMappingURL=475.b9f43de9.chunk.js.map 5//# debugId=9582c2ef-7598-5e70-97d1-d15779dd0e23
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.