"use strict";(self.webpackChunkadmin_portal=self.webpackChunkadmin_portal||[]).push([[608],{4608:(e,t,r)=>{r.r(t),r.d(t,{default:()=>y});var a=r(7294),n=r(9415),l=r(9640),o=r(5218),c=r(2142),i=r(9891),u=r(5034),s=r(7931),m=r(5425);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,l,o,c=[],i=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(a=l.call(r)).done)&&(c.push(a.value),c.length!==t);i=!0);}catch(e){u=!0,n=e}finally{try{if(!i&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw n}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,t):void 0}}(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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}var d=(0,a.lazy)((function(){return r.e(994).then(r.bind(r,8994))})),b=(0,a.lazy)((function(){return Promise.all([r.e(697),r.e(869)]).then(r.bind(r,9869))}));const h=function(){var e=(0,a.useRef)(),t=f((0,a.useState)(!1),2),r=t[0],l=t[1],p=f((0,a.useState)(),2),h=p[0],y=p[1],v=f((0,a.useState)(0),2),E=v[0],g=v[1];return a.createElement("div",{className:"create-project"},a.createElement(s.Z,{status:h,label:m.s[h]}),a.createElement("div",{className:"form-container"},a.createElement("form",{onSubmit:function(t){t.preventDefault(),l(!0);var r,a,n=(r=new FormData,a=e.current.elements,Array.prototype.forEach.call(a,(function(e){var t=e.nodeName,a=e.name,n=e.value,l=e.files;if(l){var o=l[0];r.append("file",o)}else"INPUT"!==t&&"SELECT"!==t||r.append(a,n)})),r);(0,u.r)(c.m.projects.create,{header:{"Content-Type":"multipart/form-data"},body:n}).then((function(e){var t=e.status;y(t),l(!1),g(E+1)})).catch((function(e){l(!1)}))},ref:e},a.createElement("div",{className:"grid large-gap column-2"},a.createElement("div",{className:"item"},a.createElement(n.Z,{rank:"h5"},"Details"),a.createElement(d,{name:"name",placeholder:"Project Name",required:!0,resetCounter:E}),a.createElement(d,{name:"baseUrl",placeholder:"Live Survey Base URL (optional)",resetCounter:E}),a.createElement(b,{name:"liveAttributes",placeholder:"Tracking Attribute (optional) (press tab/enter to add)",maxTags:3,resetCounter:E}),a.createElement("div",{className:"flex m-top-space"},a.createElement(i.Z,{label:"Create"})))))),a.createElement(o.Z,{show:r}))},y=function(){return a.createElement("section",{className:"clients"},a.createElement(l.Z,{navigations:[{label:"Dashboard",type:"route",href:"/"},{label:"Projects",type:"route",href:"/projects/list/open"},,{label:"Create",type:"route",href:"/projects/create"}]}),a.createElement(n.Z,{className:"s-bottom-space",text:"Create new project",rank:"h4"}),a.createElement(h,null))}}}]);