https://www.warc.com/_next/static/chunks/9050-911ad2ac8e9245e4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9050],{1049:(e,r,a)=>{a.d(r,{ChartDashboardFilters:()=>h});var t=a(95155),l=a(9171),i=a(56965),n=a(32229),s=a(20063),o=a(12115),d=a(74347),u=a(1524),c=a(88662);let h=e=>{let r=(0,s.useSearchParams)(),a=(0,s.useRouter)(),h=(0,s.usePathname)(),{t:p}=(0,l.B)(),m=(0,i.k)(),b=((e,r,a)=>{let t=[];return e.forEach(e=>{var l,i;if(e.type===u.R.Dropdown)t.push({id:e.alias,label:a("dashboardFilters.".concat(null==(l=e.name)?void 0:l.replace(" ","").toLowerCase())),icon:e.icon,selectors:{type:e.enableMultiSelect?"checkbox":"radio",inputs:e.values.map(a=>{var t,l,i;return{id:(null==(t=a.value)?void 0:t.toString())||a.text,value:a.value.toString()||"",label:a.text,checked:r[e.alias]&&Array.isArray(r[e.alias])?r[e.alias].includes(a.value):(null==(l=r[e.alias])?void 0:l.toString())===(null==(i=a.value)?void 0:i.toString())}})},required:null==e.required?void 0:e.required});else if(e.type===u.R.TreeView)t.push(((e,r,a)=>{var t;let l=a=>{var t;let l=r[e.alias];return!!l&&(Array.isArray(l)?l.includes(a.value):l.toString()===(null==(t=a.value)?void 0:t.toString()))},i=r=>r.map(r=>{var a,t,n,s;if(!r.children||!(r.children.length>0))return{id:(null==(t=r.value)?void 0:t.toString())||r.text,label:r.text,selectors:{type:e.enableMultiSelect?"checkbox":"radio",inputs:[{id:(null==(n=r.value)?void 0:n.toString())||r.text,value:(null==(s=r.value)?void 0:s.toString())||"",label:r.text,checked:l(r)}]}};{let t=r.children&&r.children.filter(e=>e.children&&e.children.length>0),n=r.children&&r.children.filter(e=>!e.children||0===e.children.length),s={id:(null==(a=r.value)?void 0:a.toString())||r.text,label:r.text};return t&&t.length>0&&(s.subCategories=i(t)),n&&n.length>0&&(s.selectors={type:e.enableMultiSelect?"checkbox":"radio",inputs:n.map(e=>{var r,a;return{id:(null==(r=e.value)?void 0:r.toString())||e.text,value:(null==(a=e.value)?void 0:a.toString())||"",label:e.text,checked:l(e)}})}),s}});return{id:e.alias,label:a("dashboardFilters.".concat(null==(t=e.name)?void 0:t.replace(" ","").toLowerCase())),icon:e.icon,subCategories:i(e.values.filter(e=>e.children&&e.children.length>0)),selectors:{type:e.enableMultiSelect?"checkbox":"radio",inputs:e.values.filter(e=>!e.children||0===e.children.length).map(e=>{var r,a;return{id:(null==(r=e.value)?void 0:r.toString())||e.text,value:(null==(a=e.value)?void 0:a.toString())||"",label:e.text,checked:l(e)}})},required:null==e.required?void 0:e.required}})(e,r,a));else if(e.type===u.R.DateRange){let l=void 0!==r.start_date&&void 0!==r.end_date?{from:r.start_date,to:r.end_date}:void 0,n=r.datePreset;t.push({id:e.alias,label:a("dashboardFilters.".concat(null==(i=e.name)?void 0:i.replace(" ","").toLowerCase())),icon:e.icon,selectors:{type:"radio",inputs:[{id:e.alias+"/last-12-months",label:a("unifiedSearchFilters.last12Months"),value:"last-12-months",checked:void 0!==n&&"last-12-months"===n[0]},{id:e.alias+"/last-3-years",label:a("unifiedSearchFilters.last3Years"),value:"last-3-years",checked:void 0!==n&&"last-3-years"===n[0]},{id:e.alias+"/last-5-years",label:a("unifiedSearchFilters.last5Years"),value:"last-5-years",checked:void 0!==n&&"last-5-years"===n[0]},{id:e.alias+"/last-10-years",label:a("unifiedSearchFilters.last10Years"),value:"last-10-years",checked:void 0!==n&&"last-10-years"===n[0]},{id:e.alias+"/custom-range",label:a("unifiedSearchFilters.customRange"),value:l?JSON.stringify(l):"custom-range",checked:void 0!==r.start_date&&void 0!==r.end_date&&!n,dynamicValueModifier:{type:"date-range-selector",period:"quarterly",fromYear:Math.min(...e.values.filter(e=>null==e?void 0:e.value).map(e=>e.value)),toYear:Math.max(...e.values.filter(e=>null==e?void 0:e.value).map(e=>e.value)),yearOrder:"asc",initialValue:l}}]},required:null==e.required?void 0:e.required})}}),t})(e.filters,e.filterValues,p),g=(0,o.useCallback)(t=>{let l=((e,r)=>{let a={},t=(e,r)=>{if(0===r.length)return;a[e]||(a[e]=[]);let t=new Set(a[e]);r.forEach(r=>{t.has(r)||(a[e].push(r),t.add(r))})},l=e=>{if(!e||0===e.length)return[];let r=[],a=e=>{e.forEach(e=>{if(e.children&&e.children.length>0)return void a(e.children);void 0!==e.value&&null!==e.value&&r.push(e.value.toString())})};return a(e),r};return r.forEach(r=>{let i=r.categoryId,n=r.input.value,s=!0===r.isSelectAll,o=e.find(e=>e.type===u.R.TreeView&&(e.alias===i||i.startsWith(e.alias+c.dT))),h=e.find(e=>e.type===u.R.DateRange&&e.alias===i);if(o){let e=o.alias;if(s){let r=i.split(c.dT).slice(1),a=[];if(0===r.length)a=l(o.values);else if(o.values){let e,t=o.values;for(let a of r){if(!(e=t.find(e=>{var r;return(null==(r=e.value)?void 0:r.toString())===a||e.text===a})))break;t=e.children||[]}if(e){var p;let r=(e=>{let r=e.children;return r&&0!==r.length?r.filter(e=>!e.children||0===e.children.length).flatMap(e=>void 0!==e.value&&null!==e.value?[e.value.toString()]:[]):void 0!==e.value&&null!==e.value?[e.value.toString()]:[]})(e);a=(null==(p=e.children)?void 0:p.some(e=>e.children&&e.children.length>0))&&1===r.length?r:e.children&&e.children.length>0?l(e.children):void 0!==e.value&&null!==e.value?[e.value.toString()]:[]}}t(e,a);return}t(e,[n])}else if(h){let e;(0,d.XM)(r.input.value)?(null==(e=(0,d.Os)(r.input.value))?void 0:e.from)&&(null==e?void 0:e.to)&&(e.from=new Date(null==e?void 0:e.from).toISOString(),e.to=new Date(null==e?void 0:e.to).toISOString(),a.datePreset=[r.input.value]):e=JSON.parse(r.input.value),e&&e.from&&e.to&&(t("start_date",[e.from]),t("end_date",[e.to]))}else{if(s){let r=e.find(e=>e.alias===i);if(r)return void t(r.alias,l(r.values))}t(i,[n])}}),a})(e.filters,t),i=new URLSearchParams(r.toString()),n=((e,r,a,t)=>(["start_date","end_date","datePreset",...e.map(e=>

1e.alias)].forEach(e=>{r.delete(e)}),Object.entries(t).forEach(a=>{let[l,i]=a;i.length>0&&((e,r,a)=>{let t=e.find(e=>e.alias===r);if(!t||!t.dependentAlias)return!0;let l=a[t.dependentAlias];return l&&l.length>0})(e,l,t)&&i.forEach(e=>{r.append(l,e)})}),"".concat(a,"?").concat(r.toString())))(e.filters,i,h,l);if(n!=="".concat(h,"?").concat(r.toString())){var s;a.push(n);let t=["start_date","end_date","datePreset",...e.filters.map(e=>e.alias).filter(e=>!!e)],l=e=>t.reduce((r,a)=>{let t=e.getAll(a);return t.length>0&&(r[a]=t),r},{}),i=new URLSearchParams(r.toString()),o=new URLSearchParams(null!=(s=n.split("?")[1])?s:""),d=l(i),u=l(o);new Set([...Object.keys(d),...Object.keys(u)]).forEach(e=>{let r=new Set(d[e]||[]),a=new Set(u[e]||[]);a.forEach(a=>{r.has(a)||m(e,a,"apply",h,!1)}),r.forEach(r=>{a.has(r)||m(e,r,"remove",h,!1)})})}},[m,h,e.filters,a,r]),v={"all-categories-modal-title":p("templates.filters"),"all-categories-modal-trigger":p("templates.allFilters"),"apply-button":p("templates.apply"),"clear-all-button":p("templates.clear"),"clear-filters-button":p("templates.clear"),"quick-filters-label":p("templates.quickFilters"),"selected-filters-label":p("templates.selectedFilters"),"sort-by-select-label":p("templates.sortBy"),"select-all-label":p("templates.selectAll"),"required-label":p("dashboardFilters.filterNote")};return(0,t.jsx)(n.FiltersPanel,{layout:e.layout||"icon-panel",categories:b,onSelectedFiltersChange:e=>{g(e)},groupSelectedFilters:!0,languageStrings:v,children:e.children})}},18766:(e,r,a)=>{a.r(r),a.d(r,{ChartDashboardFiltersSkeleton:()=>d});var t=a(95155);a(80320);var l=a(7829),i=a(83299),n=a(60753),s=a(38514),o=a(72322);let d=e=>{let{chartCount:r}=e;return(0,t.jsxs)(o.so,{css:{flexDirection:"row",gap:"spacing-large"},children:[(0,t.jsx)(i.B,{children:(0,t.jsxs)(o.so,{css:{flexDirection:"column",gap:"spacing-small"},children:[(0,t.jsx)(n.A,{variant:"rect",width:"60px",height:"60px"}),(0,t.jsx)(n.A,{variant:"rect",width:"60px",height:"60px"}),(0,t.jsx)(n.A,{variant:"rect",width:"60px",height:"60px"}),(0,t.jsx)(n.A,{variant:"rect",width:"60px",height:"60px"}),(0,t.jsx)(n.A,{variant:"rect",width:"60px",height:"60px"}),(0,t.jsx)(n.A,{variant:"rect",width:"60px",height:"60px"})]})}),(0,t.jsx)(i.B,{className:(0,s.AH)({flex:{base:2,lg:3}}),children:Array.from({length:r},(e,r)=>(0,t.jsx)(l.ChartComponentSkeleton,{},r))})]})}},56965:(e,r,a)=>{a.d(r,{k:()=>l});var t=a(56901);let l=()=>{let e=(0,t.iX)("filter_interaction",t.QP);return(r,a,t,l,i)=>{e({filter_type:r,filter_value:a,filter_action:t,filter_location:l,isClearAll:i})}}},72289:(e,r,a)=>{a.d(r,{default:()=>g});var t=a(95155),l=a(57173),i=a(9171),n=a(98734);let s=n.Ik({freq:n.KC([n.au.number().pipe(n.eu(0)),n.au.number().pipe(n.eu(1)),n.Vx()]).optional().describe("Media: Frequency options. 0 = Quarterly, 1 = Annual"),start_date:n.au.string().optional().refine(e=>!e||!isNaN(new Date(e).getTime()),{message:"Invalid date format"}).describe("Generic: Start date when using date range"),end_date:n.au.string().optional().refine(e=>!e||!isNaN(new Date(e).getTime()),{message:"Invalid date format"}).describe("Generic: End date when using date range"),year:n.au.number().optional(),market:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Media: Market ID"),mcat:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Media: Media Category ID's"),pt:n.KC([n.au.number().pipe(n.eu(1)),n.au.number().pipe(n.eu(2)),n.au.number().pipe(n.eu(3)),n.au.number().pipe(n.eu(4)),n.au.number().pipe(n.eu(5)),n.au.number().pipe(n.eu(6)),n.Vx()]).optional().describe("Media: Price type options. Constant = 1, Current = 2, DailyTime = 3, Share = 4, AdSalesRatio = 5, IncrementalProfit = 6"),curr:n.au.number().optional().describe("Currency ID"),pcat:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Media: Product Category Ids"),demo:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Media: Demographic Ids"),datePreset:n.KC([n.YO(n.au.string()),n.au.string()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Generic: Date preset"),brandIds:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Brand Ids"),brandOwnerIds:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Brand Owner (Advertiser) Ids"),agencyAndCityIds:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Agency Ids"),holdingCompanyIds:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Hold co Ids"),networkIds:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Agency Network Ids"),countryIds:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Country Ids"),sectorIds:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Sector Ids"),rankTypes:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Rankings: Rank Types"),rankType:n.au.number().optional().describe("RankType"),series:n.KC([n.YO(n.au.number()),n.au.number()]).transform(e=>{let r=Array.isArray(e)?e:[e];return 0===r.length?void 0:r}).optional().describe("Expenditure Report: Series Ids")});

1s.extend({chartType:n.Yj().describe("chartType"),isGrowthChart:n.zM().describe("isGrowthChart"),locale:n.Yj().describe("locale")}).omit({demo:!0}),s.pick({freq:!0,start_date:!0,end_date:!0,pt:!0,series:!0,datePreset:!0}).extend({chartType:n.Yj().describe("chartType"),isGrowthChart:n.zM().describe("isGrowthChart")}),s.extend({chartType:n.Yj().describe("chartType"),isReachChart:n.zM().describe("isReachChart"),locale:n.Yj().describe("locale")}).omit({pcat:!0,curr:!0,pt:!0}),s.extend({chartType:n.Yj().describe("chartType"),roiPriceType:n.KC([n.au.number().pipe(n.eu(1)),n.au.number().pipe(n.eu(2)),n.au.number().pipe(n.eu(3)),n.au.number().pipe(n.eu(4)),n.au.number().pipe(n.eu(5)),n.au.number().pipe(n.eu(6)),n.Vx()]).optional().describe("price type default"),locale:n.Yj().describe("locale")}).omit({demo:!0}),s.extend({chartType:n.Yj().describe("chartType"),isGrowthChart:n.zM().describe("isGrowthChart"),locale:n.Yj().describe("locale")}).omit({pcat:!0}),n.Ik({locale:n.Yj().describe("locale")}),s.pick({start_date:!0,end_date:!0}),s.pick({brandIds:!0,brandOwnerIds:!0,agencyAndCityIds:!0,holdingCompanyIds:!0,networkIds:!0,countryIds:!0,sectorIds:!0,start_date:!0,end_date:!0,rankTypes:!0,rankType:!0,year:!0}).extend({chartType:n.Yj().describe("chartType"),usePoints:n.zM().describe("Use points as the Y value instead of rank")}),n.Ik({market:n.au.number().optional().describe("market"),medium:n.au.number().optional().describe("medium")});var o=a(96185),d=a(9158),u=a(47446),c=a(91403),h=a(38514),p=a(72322),m=a(64558),b=a(12115);let g=e=>{let{dashboardDataset:r,locale:a,searchParams:n,defaultChartId:g}=e,[v,f]=(0,b.useState)(!1),[y,x]=(0,b.useState)(!1),[k,S]=(0,b.useState)(null),[C,w]=(0,b.useState)(null),[A,j]=(0,b.useState)(!1),I=(0,b.useRef)(null),T=(0,l.B)(),{t:Y}=(0,i.B)(),O=(0,b.useMemo)(()=>{try{let e=s.parse(n);if(!e||"object"!=typeof e||0===Object.keys(e).length)return null;return e}catch(e){return null}},[n]),R=(0,b.useCallback)(async()=>{if(!y&&(O||g)){f(!0),x(!0),w(null);try{let e;if(O)e=await fetch("/api/chart-summary",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dataset:r,filterValues:O,locale:a})});else if(g)e=await fetch("/api/chart-summary/by-id",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({chartId:g,locale:a})});else throw Error("No filters or default chart ID provided");if(!e.ok)throw Error("Failed to fetch summary: ".concat(e.status," ").concat(e.statusText));let t=await e.json();(null==t?void 0:t.summaryText)?S(t.summaryText):S("")}catch(e){w(Y("dashboard.summaryFailure"))}finally{x(!1)}}},[r,a,O,g,y]),_=!!(k&&k.trim().length>0),M=y||!1===T||!O&&!g,F=(0,b.useCallback)(()=>{let e=I.current;if(!e)return void j(!1);let r=e.scrollHeight>e.clientHeight+1,a=e.scrollTop+e.clientHeight>=e.scrollHeight-1;j(r&&!a)},[]);return(0,b.useEffect)(()=>{if(!v)return void j(!1);F()},[v,k,y,C,F]),(0,t.jsx)(p.az,{marginTop:"spacing-large",marginBottom:"spacing-large",width:"100%",children:(0,t.jsxs)(p.az,{borderRadius:"lg",boxShadow:"md",overflow:"hidden",children:[(0,t.jsxs)(p.so,{alignItems:"center",justifyContent:"space-between",columnGap:"spacing-medium",rowGap:"spacing-small",flexWrap:"wrap",padding:"spacing-medium",backgroundColor:"background-brand-tint",children:[(0,t.jsx)(o.o,{as:"h2",size:"heading-small",children:Y("dashboard.summariserTitle")}),(0,t.jsxs)(p.so,{alignItems:"center",columnGap:"spacing-medium",rowGap:"spacing-xsmall",flexWrap:"wrap",children:[(0,t.jsx)(o.o,{as:"p",className:(0,h.AH)({textAlign:{base:"left",md:"right"}}),children:Y("dashboard.summariserTitle")}),(0,t.jsx)(d.default,{onClick:R,loading:y,disabled:M,children:Y("dashboard.summariserSubTitle")})]})]}),v&&(0,t.jsxs)(p.az,{position:"relative",children:[(0,t.jsxs)(p.az,{ref:I,padding:"spacing-medium",backgroundColor:"background-offwhite",maxHeight:"".concat(420,"px"),overflowY:"scroll",onScroll:F,className:(0,h.AH)({scrollBehavior:"smooth",scrollbarWidth:"thin",scrollbarColor:"var(--colors-background-brand-primary) transparent","&::-webkit-scrollbar":{backgroundColor:"transparent",width:"sizing-xsmall"},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{borderRadius:"base",backgroundColor:"background-brand-primary"}}

1),children:[C&&(0,t.jsx)(u.default,{variant:"error",prominence:"inline",title:"Summary unavailable",subtitle:C,isClosable:!1,announce:!0}),!C&&y&&(0,t.jsx)(o.o,{as:"p",size:"body-regular",children:Y("dashboard.summaryLoading")}),!C&&!y&&_&&(0,t.jsx)(p.az,{children:(0,t.jsx)(c.default,{html:(0,m.xI)(k,{async:!1})})}),!C&&!y&&!_&&(0,t.jsx)(o.o,{as:"p",size:"body-regular",children:Y("dashboard.noSummary")})]}),A&&(0,t.jsx)(p.az,{pointerEvents:"none",position:"absolute",left:0,right:0,bottom:0,height:"40px",className:(0,h.AH)({backgroundImage:"linear-gradient(to bottom, rgba(250, 249, 246, 0), rgba(250, 249, 246, 1))"})})]})]})})}}}]);