"use strict";(self.webpackChunkadmin_portal=self.webpackChunkadmin_portal||[]).push([[786],{8786:(e,t,a)=>{a.r(t),a.d(t,{default:()=>A});var n=a(7294),r=a(9415),l=a(9640),o=a(5218),i=a(2142),c=a(9250),s=a(4375),d=a(8931),m=a(9752),u=a(5875),p=a(5034),f=a(9428),v=a(9891),h=a(1089);const y=function(e){var t=e.pid,a=e.vendorList,l=e.updateVendorDashboardData;return n.createElement("div",{className:"section-white"},n.createElement("div",{className:"grid column-2"},n.createElement("div",{className:"item"},n.createElement(r.Z,{className:"s-bottom-space",text:"Add new vendor",rank:"h4"}),n.createElement(h.Z,{apiUrl:i.m.projects.addVendor,buttonLabel:"ADD",buttonStyle:"primary small",hasBackground:!1,customSuccessHandler:l,elements:[{type:"select",name:"cid",placeholder:"Select vendor",options:a||[]},{type:"input",name:"pid",isHidden:!0,defaultValue:t},{type:"input",name:"complete",placeholder:"Complete URL"},{type:"input",name:"screenout",placeholder:"Screenout URL"},{type:"input",name:"quotafull",placeholder:"Quotafull URL"},{type:"input",name:"attributes",label:"Vendor Attribute",placeholder:"Attribute"},{type:"heading",text:"What kind of links does the vendor need?",rank:"h4"},{type:"radio",name:"isopen",defaultValue:"0",options:[{label:"Multiple links",value:"0"},{label:"Single link",value:"1"}]}]}))))};function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l,o,i=[],c=!0,s=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(n=l.call(a)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}(e,t)||b(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){if(e){if("string"==typeof e)return N(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?N(e,t):void 0}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}const g=function(e){var t=e.pid,a=(0,s.i)(i.m.clients.list),r=a.response,l=a.isLoaded,c=E((0,n.useState)([]),2),d=c[0],m=c[1],u=E((0,n.useState)([]),2),h=u[0],g=u[1],S=E((0,n.useState)(!1),2),A=S[0],w=S[1],k=E((0,n.useState)(!1),2),j=k[0],L=k[1],T=function(){var e=i.m.surveys.vendorsByProject;(0,p.r)(e,{body:JSON.stringify({pid:t})}).then((function(e){var t;e.data&&m(function(e){if(Array.isArray(e))return N(e)}(t=e.data)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||b(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),L(!1),w(!1)}))};return(0,n.useEffect)((function(){T()}),[]),(0,n.useEffect)((function(){var e,t;r&&(t=[],null==r||null===(e=r.data)||void 0===e||e.forEach((function(e){var a=e.name,n=e.id;(null==d?void 0:d.length)&&d.filter((function(e){return e.cid===n}))[0]||t.push({label:a,value:n})})),g([].concat(t)))}),[r,d]),n.createElement("div",{className:"vendor-details"},n.createElement("div",{className:"flex"},n.createElement("div",{className:"push-right"},n.createElement(v.Z,{style:"secondary small s-bottom-space",label:j?"Vendor stats":"Add vendor",onClick:function(){L(!j)},isDisabled:l&&0===h.length}))),!j&&n.createElement(f.Z,{columnDefs:[{headerName:"VENDOR NAME",field:"name",minWidth:450},{headerName:"OPEN",field:"open",filter:!1},{headerName:"STARTED",field:"started",filter:!1},{headerName:"SCREENOUT",field:"screenout",filter:!1},{headerName:"COMPLETE",field:"complete",filter:!1},{headerName:"QUOTAFULL",field:"quotafull",filter:!1},{headerName:"",filter:!1,context:"actions"}],rowData:d,noRowsLabel:"No vendor found.",actions:[{icon:"fe-eye",href:"/projects/".concat(t,"/vendor/{cid}"),type:"route",placeholders:["cid"]},{icon:"fe-download",href:"".concat(i.m.projects.download,"?id=").concat(t,"&cid={cid}&vname={name}"),type:"native",placeholders:["cid","name"]}]}),j&&n.createElement(y,{pid:t,vendorList:h,updateVendorDashboardData:T}),n.createElement(o.Z,{show:!l||A}))};var S=a(8986);const A=function(){var e,t,a,p,f,v,h,y,E,b,N,A,w=(0,c.UO)().id,k=(0,n.useRef)(),j=(0,s.i)(i.m.projects.detail,{data:{id:w}}),L=j.response,T=j.isLoaded;return n.createElement("section",{className:"projects"},n.createElement(l.Z,{navigations:[{label:"Dashboard",type:"route",href:"/"},{label:"Projects",type:"route",href:"/projects/list/open"},{label:null==L||null===(e=L.data)||void 0===e?void 0:e.name,type:"route",href:"/projects/details/".concat(w)}]}),T&&L.data&&n.createElement(n.Fragment,null,n.createElement("div",{className:"grid column-2 large-gap"},n.createElement("div",{className:"item"},n.createElement(r.Z,{className:"xs-bottom-space",text:null==L||null===(t=L.data)||void 0===t?void 0:t.name,rank:"h3"}),n.createElement("div",{className:"l-bottom-space body-copy-primary"},"Live url tracking attribute:  ",n.createElement("span",{className:"weight-600"},(null==L||null===(a=L.data)||void 0===a?void 0:a.liveAttributes)||"Not configured"))),n.createElement("div",{className:"item button-container push-right"},n.createElement(u.default,{className:"cta primary small",href:"/projects/edit/".concat(w),type:"route"},n.createElement("span",{className:"fe-edit-2"}),"Edit Name/Live Attribute"))),n.createElement("div",{className:"grid column-2 large-gap"},n.createElement("div",{className:"item"},n.createElement(r.Z,{className:"s-bottom-space",text:"STATISTICS",rank:"h4"}),n.createElement(m.Z,{className:"l-bottom-space",stats:L.data.stats,pid:w,name:L.data.name})),n.createElement("div",{className:"item m-bottom-space"},(h=L.data.redirects,E=(null==L||null===(y=L.data)||void 0===y?void 0:y.liveAttributes)?"":"Note: Please replace [CLIENT-ATTRIBUTE] with the attribute you would use to handle the respondent/response id in the survey.",b=Object.keys(h),N=E?"".concat(E,"\n"):"",A=null==b?void 0:b.map((function(e,t){var a=h[e]?h[e]:"Not configured";return N="".concat(N).concat(e,": ").concat(a,"\n"),n.createElement("li",{key:t},n.createElement(r.Z,{textTransform:"none",className:"",rank:"h4",text:e}),n.createElement("p",{className:"body-copy-primary"},a))})),n.createElement(n.Fragment,null,n.createElement("div",{className:"grid column-2"},n.createElement("div",{className:"item"},n.createElement(r.Z,{className:"s-bottom-space",text:"OUR REDIRECTS",rank:"h4"})),n.createElement("div",{className:"item push-right"},n.createElement(S.Z,{copyText:N,copyLabel:"Copy URLs"}))),n.createElement("div",{className:"redirects section-white"},E&&n.createElement("p",{className:"body-copy-tertiary m-bottom-space"},E),n.createElement("ul",{ref:k},A))))))),T&&n.createElement(g,{vendors:null==L||null===(p=L.data)||void 0===p?void 0:p.vendors,pid:null==L||null===(f=L.data)||void 0===f?void 0:f.id,pname:null==L||null===(v=L.data)||void 0===v?void 0:v.name}),n.createElement(o.Z,{show:!T}),T&&!L.data&&n.createElement(d.Z,null))}}}]);