https://ldv-dev.vercel.app/_next/static/chunks/2571.2849673d166e7468.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2571],{27567:e=>{e.exports={main:"jiraForm_main__bPMo6","main-info":"jiraForm_main-info__dSQ3i",progressBar:"jiraForm_progressBar__AjPui",progressSteps:"jiraForm_progressSteps__YeLEb",completed:"jiraForm_completed__EKFP7",active:"jiraForm_active__DZ2Rm","main-form":"jiraForm_main-form__VKOO7",firstHead:"jiraForm_firstHead__h_JpP","main-checkbox":"jiraForm_main-checkbox__ozWFU","two-grid":"jiraForm_two-grid__bc_mu",box:"jiraForm_box__Q_oXn","box-info":"jiraForm_box-info__BDz0_","img-grid":"jiraForm_img-grid__X8FlP","six-checkbox-grid":"jiraForm_six-checkbox-grid__vg_mv","font-box":"jiraForm_font-box__QwZRJ","four-checkbox-grid":"jiraForm_four-checkbox-grid__6A8Dd","checkbox-grid":"jiraForm_checkbox-grid__Qxbdr","check-label":"jiraForm_check-label__hfLE1","color-box":"jiraForm_color-box__zNK8s","img-box":"jiraForm_img-box__iFcjW","one-grid":"jiraForm_one-grid__na6D8","flex-input":"jiraForm_flex-input__pabNL",inputField:"jiraForm_inputField__aC95U","file-upload":"jiraForm_file-upload__lWw6T","selected-item":"jiraForm_selected-item__4SCdj","selected-info":"jiraForm_selected-info__mqT9P","file-input-box":"jiraForm_file-input-box__u_6St","custom-file-input":"jiraForm_custom-file-input__rX_md",btnGroup:"jiraForm_btnGroup__xcs2n","main-loading-popup":"jiraForm_main-loading-popup__2uxSX",content:"jiraForm_content__Oder5","fade-out":"jiraForm_fade-out__fABkI","category-logo":"jiraForm_category-logo__MZcRJ"}},52571:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>L});var o=a(95155),n=a(12115),s=a(92809),r=a(29300),l=a.n(r),c=a(97390),i=a(59385);function d(e,t){let{min:a,now:n,max:s,label:r,visuallyHidden:c,striped:i,animated:d,className:p,style:h,variant:m,bsPrefix:x,...u}=e;return(0,o.jsx)("div",{ref:t,...u,role:"progressbar",className:l()(p,"".concat(x,"-bar"),{["bg-".concat(m)]:m,["".concat(x,"-bar-animated")]:d,["".concat(x,"-bar-striped")]:d||i}),style:{width:"".concat(Math.round((n-a)/(s-a)*1e5)/1e3,"%"),...h},"aria-valuenow":n,"aria-valuemin":a,"aria-valuemax":s,children:c?(0,o.jsx)("span",{className:"visually-hidden",children:r}):r})}let p=n.forwardRef((e,t)=>{let{isChild:a=!1,...s}=e,r={min:0,max:100,animated:!1,visuallyHidden:!1,striped:!1,...s};if(r.bsPrefix=(0,c.oU)(r.bsPrefix,"progress"),a)return d(r,t);let{min:p,now:h,max:m,label:x,visuallyHidden:u,striped:g,animated:y,bsPrefix:b,variant:f,className:j,children:k,...v}=r;return(0,o.jsx)("div",{ref:t,...v,className:l()(j,b),children:k?(0,i.Tj)(k,e=>(0,n.cloneElement)(e,{isChild:!0})):d({min:p,now:h,max:m,label:x,visuallyHidden:u,striped:g,animated:y,bsPrefix:b,variant:f},t)})});p.displayName="ProgressBar";var h=a(93445),m=a(22907),x=a(91867),u=a(49694),g=a(37129),y=a(27567),b=a.n(y),f=a(66144),j=a(85137),k=a(96898),v=a(40039),_=a(53574),N=a(35695),C=a(51013),F=a(31802),w=a(68220),A=a(17505);function L(){let e=(0,n.useRef)(),[t,r]=(0,n.useState)(0),[l,c]=(0,n.useState)(0),[i,d]=(0,n.useState)(""),[y,L]=(0,n.useState)([]),[S,P]=(0,n.useState)(0),[R,B]=(0,n.useState)(!1),[I,O]=(0,n.useState)(!1),[E,T]=(0,n.use

1State)(!1),D=(0,N.useRouter)(),[M,z]=(0,n.useState)(()=>{try{return w.wl.map(e=>e.value)}catch(e){return[]}}),{onLoadingPopupOpen:G,onLoadingPopupClose:H,isLoadingPopup:q}=(0,k.p)(),$=n.useMemo(()=>[{content:"Please wait while your details are submitting..."},{content:"Submitting your details, please hold on..."},{content:"Your details are being submitted, thank you for your patience..."}],[]);(0,n.useEffect)(()=>{let e=setInterval(()=>{O(!0),setTimeout(()=>{c(e=>(e+1)%$.length),O(!1)},500)},3e3);return()=>{clearInterval(e)}},[$.length]);let U=()=>void 0!==v.x?new URLSearchParams(v.x.location.search):new URLSearchParams,Y=g.Ik().shape({title:g.Yj().required("This field is required")}),W=g.Ik().shape({fontcheck:g.YO().min(1,"Please select at least 1 font style.").required("Please select at least 1 font style.")}),V=g.Ik().shape({iconcheck:g.YO().min(1,"Please select at least 1 category.").required("Please select at least 1 category.")}),J=g.Ik().shape({colorBox:g.YO().min(1,"Please select at least 1 category.").required("Please select at least 1 category.")}),Q=g.Ik().shape({fontstyle:g.YO().min(1,"Please select at least 1 category.").required("Please select at least 1 category.")}),K=g.Ik().shape({lookfeel:g.YO().min(1,"Please select at least 1 category.").required("Please select at least 1 category.")}),X={title:(0,n.useRef)(null),fontcheck:(0,n.useRef)(null),iconcheck:(0,n.useRef)(null),colorBox:(0,n.useRef)(null),fontstyle:(0,n.useRef)(null),lookfeel:(0,n.useRef)(null)},Z=[{stepHead:"Logo Information"},{stepHead:"Our Font-Based Logos"},{stepHead:"Our Icon-Based Logos"},{stepHead:"Our Color Palette"},{stepHead:"Our Font Styles"},{stepHead:"Our Look And Feel"}],ee=t/(Z.length-1)*100,et=n.useMemo(()=>{let e=[];for(let a=0;a<Z.length;a++){let o=b().progressSteps;a<t&&(o+=" ".concat(b().completed)),a===t&&(o+=" ".concat(b().active)),e.push(o)}return e},[t,Z.length]),ea=async(e,t)=>{let{data:a,pdfBlob:o,zipFile:n}=e,{resetForm:s}=t,r=new FormData;r.append("file",o,"page.pdf"),r.append("file",n,"files.zip"),a&&a.data.key&&r.append("key",a.data.key),await fetch("/api/attachment",{method:"POST",body:r}).then(e=>{T(!1),H(),s(),D.push("/thank-you")}).catch(e=>console.error(e))},eo=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:150;for(let a of Object.keys(X))if(e[a]&&X[a].current){let e=X[a].current.getBoundingClientRect().top+v.x.pageYOffset-t;v.x.scrollTo({top:e,behavior:"smooth"});break}},en=async e=>{let a=await e.validateForm();0===Object.keys(a).length?(r(t+1),v.x.scrollTo({top:0,behavior:"smooth"})):eo(a)},es=()=>{r(t-1),v.x.scrollTo({top:0,behavior:"smooth"})},er=async e=>{try{return await (0,F.A)(e,{maxSizeMB:2,maxWidthOrHeight:1920,initialQuality:1,alwaysKeepResolution:!0,useWebWorker:!0})}catch(t){return console.error("Error compressing image:",t),e}},el=async e=>{B(!0);let t=e.target.files,a=[...y];if(t&&t.length>0){let e=!1;if(a.length+t.length>1){d("You can upload only 1 file at a time."),B(!1);return}for(let o=0;o<t.length;o++){let n=t[o],s=n.name.length>20?n.name.substring(0,20)+"...":n.name,r=n.name.length>20?n.name.split(".").pop():"";if(s+="".concat(r),n.size>5242880){d("File ".concat(s," is larger than 5 MB.")),e=!0;break}n.type.startsWith("image/")&&n.size<5242880&&(n=await er(n)),a.push({name:s,size:(n.size/1048576).toFixed(2)+" MB",file:n})}e||d(""),L(a),P(a.length)}B(!1)},ec=e=>{let t=[...y];t.splice(e,1),L(t),P(t.length)},ei=e=>e.type.startsWith("image/")?(0,o.jsx)("img",{src:URL.createObjectURL(e),alt:e.name,style:{maxWidth:"50px",maxHeight:"100%",marginRight:"10px"}}):null,ed=async(t,o)=>{let{resetForm:n}=o;T(!0),e.current=t;try{let o;G();let r=JSON.stringify({fields:{assignee:{id:"712020:6db890c9-4bd8-4131-ad26-f1c2df0ece07"},issuetype:{id:"10000"},priority:{id:"2",name:"High",iconUrl:"https://koderlabs.atlassian.net/images/icons/priorities/high.svg"},project:{id:"10231"},summary:t.title,description:{content:[{type:"table",attrs:{isNumberColumnEnabled:!1,layout:"default",localId:"22b5c58e-f333-42e2-911e-4d4301c2c5cb"},content:[{type:"tableRow",content:[{type:"tableHeader",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Customer name",marks:[{type:"strong"}]}]}]},{type:"tableHeader",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:U().get("name")||""}]}]}]},{type:"tableRow",content:[{type:"tableHeader",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Is there a particular phrase or acronym you'd like included in the logo? Describe any specific meaning or significance behind it.",marks:[{type:"strong"}]}]}]},{type:"tableHeader",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.specificMeaning}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Any slogan or motto you'd like to include in the logo",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.slogan}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Provide a brief description of your company, service, or product",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.description}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Any competitors or similar businesses, organizations, services, or products for reference.",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.competitors}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Provide examples of logos you like and explain the reasons for your preference.",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.LogosLike}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Specify any images, objects, or elements that you would like to be included in the logo",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.featuredLogo}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Anything else you would not like to be included in the logo",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.LogosDislike}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Font Based Logos",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.fontcheck.join(", ")}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Icon Based Logos",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.iconcheck.join(", ")}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Color Palette",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.colorBox.join(", ")}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Font Style",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.fontstyle.join(", ")}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Look And Feel",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.lookfeel.join(", ")}]}]}]},{type:"tableRow",content:[{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:"Any other information you consider important to mention (optional)",marks:[{type:"strong"}]}]}]},{type:"tableCell",attrs:{},content:[{type:"paragraph",content:[{type:"text",text:t.otherInformation}]}]}]}]}],type:"doc",version:1}}}),l=await fetch("/api/listing",{method:"POST",body:r});if(!l.ok)throw Error("Failed to submit to Jira: ".concat(l.status," ").concat(l.statusText));let c=await l.json();try{let t=await fetch("/api/generate-pdf",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e.current)});if(!t.ok)throw Error("PDF generation failed: ".concat(t.statusText));o=await t.blob()}catch(e){throw console.error("Error generating PDF:",e),Error("Failed to generate PDF. Please try again.")}let i=new(await a.e(9311).then(a.t.bind(a,59311,23))).default;

1y.forEach((e,t)=>{i.file(e.name,e.file,{compression:"DEFLATE",compressionOptions:"9"})});let d=await i.generateAsync({type:"blob"});await ea({data:c,pdfBlob:o,zipFile:d},{resetForm:n}),await s(t,o,d)}catch(e){console.error("Error submitting form:",e)}finally{T(!1)}async function s(e,t,a){try{var o;let n=U(),s=n.get("email"),l=n.get("name"),c=n.get("num"),i=n.get("cat"),d=n.get("package"),p=n.get("budget"),h={title:e.title,specificMeaning:e.specificMeaning,slogan:e.slogan,description:e.description,competitors:e.competitors,LogosLike:e.LogosLike,LogosDislike:e.LogosDislike,featuredLogo:e.featuredLogo,fontStyles:e.fontcheck.join(", "),iconStyles:e.iconcheck.join(", "),colorPalette:e.colorBox.join(", "),fontStyle:e.fontstyle.join(", "),lookAndFeel:e.lookfeel.join(", "),otherInformation:e.otherInformation},m=await r(t),x=await (o=a,new Promise((e,t)=>{let a=new FileReader;a.readAsDataURL(o),a.onload=()=>e(a.result.split(",")[1]),a.onerror=e=>t(e)})),u=JSON.stringify({event_type:"order.sale",meta:{email:s,contact_name:l,phone:c,cat:i,pkg:d,bdgt:p,...h},website_id:_.M.ENVIRONMENTS[_.M.ENVIRONMENT].WEBSITE_ID,secret_key:_.M.ENVIRONMENTS[_.M.ENVIRONMENT].SS_KEY,pdf:m,zip:x}),g=await fetch("https://vdzqww6cv54eabix4t7nujygvu0quxfx.lambda-url.us-east-1.on.aws/",{method:"POST",mode:"cors",headers:{},body:u});if(!g.ok)throw Error("Request failed with status: ".concat(g.status));await g.text()}catch(e){console.error("Second API request failed:",e)}}async function r(e){return new Promise((t,a)=>{let o=new FileReader;o.readAsDataURL(e),o.onloadend=()=>t(o.result.split(",")[1]),o.onerror=e=>a(e)})}};return(0,o.jsx)(n.Fragment,{children:(0,o.jsxs)("section",{className:b().main,children:[(0,o.jsxs)(s.default,{children:[(0,o.jsxs)("div",{className:b()["main-info"],children:[(0,o.jsxs)("h2",{children:["Instructions for Our",(0,o.jsx)("br",{}),"Logo Design Questionnaire"]}),(0,o.jsx)("p",{children:"This questionnaire is key to understanding your brand identity and creating a logo that truly captures its essence. The more details you share, the better we can translate your vision into a remarkable logo design. Feel free to include any additional information you think might be helpful – we value your insights! Please note that completing this questionnaire is extremely essential, and any details you provide will be greatly appreciated."})]}),(0,o.jsxs)("div",{className:"".concat(b().progressBar," logoProgressBar"),children:[(0,o.jsx)("ul",{className:b().progressSteps,children:Z.map((e,t)=>(0,o.jsxs)("li",{className:"".concat(0===t?b().active:""," ").concat(et[t]),children:[(0,o.jsxs)("span",{children:["0",t+1]}),(0,o.jsx)("p",{children:e.stepHead})]},"heading-".concat(e.stepHead,"-").concat(t)))}),(0,o.jsx)(p,{style:{position:"absolute",width:"85%",top:"18%",zIndex:"0",left:"8%"},now:ee})]}),(0,o.jsx)("div",{className:b()["main-form"],children:(0,o.jsx)(u.l1,{initialValues:{title:"",specificMeaning:"",slogan:"",description:"",competitors:"",LogosLike:"",LogosDislike:"",featuredLogo:"",otherInformation:"",fileAttachments:"",fontcheck:[],iconcheck:[],colorBox:[],fontstyle:[],lookfeel:[]},validationSchema:[Y,W,V,J,Q,K][t],onSubmit:ed,children:e=>(0,o.jsxs)(h.A,{noValidate:!0,onSubmit:e.handleSubmit,children:[0===t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:b().firstHead,children:(0,o.jsx)("h4",{children:"1. Logo Information"})}),(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Exact text to be featured on the logo"}),(0,o.jsx)(h.A.Control,{ref:X.title,name:"title",type:"text",value:e.values.title,maxLength:255,onChange:e.handleChange,isInvalid:e.errors.title&&e.touched.title}),e.errors.title&&(0,o.jsx)("span",{className:"form-error",children:e.errors.title})]}),(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Is there a particular phrase or acronym you'd like included in the logo? Describe any specific meaning or significance behind it."}),(0,o.jsx)(h.A.Control,{name:"specificMeaning",type:"text",value:e.values.specificMeaning,onChange:e.handleChange})]}),(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Any slogan or motto you'd like to include in the logo"}),(0,o.jsx)(h.A.Control,{name:"slogan",type:"text",value:e.values.slogan,onChange:e.handleChange})]}),(0,o.jsxs)("div",{className:b()["flex-input"],children:[(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Provide a brief description of your company, service, or product"}),(0,o.jsx)(h.A.Control,{as:"textarea",rows:4,name:"description",type:"text",value:e.values.description,onChange:e.handleChange})]}),(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Any competitors or similar businesses, organizations, services, or products for reference."}),(0,o.jsx)(h.A.Control,{as:"textarea",rows:4,name:"competitors",type:"text",value:e.values.competitors,onChange:e.handleChange})]})]}),(0,o.jsxs)("div",{className:b()["flex-input"],children:[(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Provide examples of logos you like and explain the reasons for your preference."}),(0,o.jsx)(h.A.Control,{as:"textarea",rows:4,name:"LogosLike",type:"text",value:e.values.LogosLike,onChange:e.handleChange})]}),(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Specify any images, objects, or elements that you would like to be included in the logo"}),(0,o.jsx)(h.A.Control,{as:"textarea",rows:4,name:"featuredLogo",type:"text",value:e.values.featuredLogo,onChange:e.handleChange})]})]}),(0,o.jsxs)(h.A.Group,{className:b().inputField,children:[(0,o.jsx)(h.A.Label,{children:"Anything else you would not like to be included in the logo"}),(0,o.jsx)(h.A.Control,{type:"text",name:"LogosDislike",value:e.values.LogosDislike,onChange:e.handleChange})]}),(0,o.jsx)("div",{className:b().btnGroup,children:(0,o.jsx)(f.$,{type:"button",onClick:()=>en(e),title:"Next"})})]}),1===t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:b()["main-checkbox"],ref:X.fontcheck,children:[(0,o.jsx)("h4",{children:"1. Font Based Logos"}),(0,o.jsx)("p",{className:e.errors.fontcheck?"error-red":"",children:"Choose at least one font style for your brand."}),(0,o.jsx)("div",{className:"".concat(b()["checkbox-grid"]," ").concat(b()["two-gri

1d"]),children:w.z.map((t,a)=>(0,o.jsxs)("div",{className:b().box,children:[(0,o.jsxs)(m.A,{className:b()["check-label"],children:[(0,o.jsx)(m.A.Input,{id:"fontcheck-".concat(a),name:"fontcheck",type:"checkbox",className:b().checkbox,value:t.value,onChange:e.handleChange,checked:e.values.fontcheck.includes(t.value)}),(0,o.jsx)(m.A.Label,{htmlFor:"fontcheck-".concat(a),children:t.value})]}),(0,o.jsxs)("div",{className:b()["box-info"],children:[(0,o.jsx)("p",{children:t.para}),(0,o.jsx)("div",{className:b()["img-grid"],children:t.images.map((e,t)=>(0,o.jsx)("div",{className:b()["img-box"],style:{backgroundColor:"".concat(e.color)},children:(0,o.jsx)("img",{src:e.imgList,alt:"icon"})},"fontcheck-img-".concat(a,"-").concat(t,"-").concat(e.imgList)))})]})]},"fontcheck-".concat(t.value,"-").concat(a)))})]}),(0,o.jsxs)("div",{className:b().btnGroup,children:[(0,o.jsx)(f.$,{type:"button",onClick:es,title:"Back",classes:"blackBtn"}),(0,o.jsx)(f.$,{type:"button",onClick:()=>en(e),title:"Next"})]})]}),2===t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:b()["main-checkbox"],ref:X.iconcheck,children:[(0,o.jsx)("h4",{children:"2. Icon Based Logos"}),(0,o.jsx)("p",{className:e.errors.iconcheck?"error-red":"",children:"Select at least one icon that represents your brand"}),(0,o.jsx)("div",{className:"".concat(b()["checkbox-grid"]," ").concat(b()["two-grid"]),children:w.nV.map((t,a)=>(0,o.jsxs)("div",{className:b().box,children:[(0,o.jsxs)(m.A,{className:b()["check-label"],children:[(0,o.jsx)(m.A.Input,{id:"iconcheck-".concat(a),name:"iconcheck",type:"checkbox",className:b().checkbox,value:t.value,onChange:e.handleChange,checked:e.values.iconcheck.includes(t.value)}),(0,o.jsx)(m.A.Label,{htmlFor:"iconcheck-".concat(a),children:t.value})]}),(0,o.jsxs)("div",{className:b()["box-info"],children:[(0,o.jsx)("p",{children:t.para}),(0,o.jsx)("div",{className:b()["img-grid"],children:t.images.map((e,t)=>(0,o.jsx)("div",{className:b()["img-box"],style:{backgroundColor:"".concat(e.color)},children:(0,o.jsx)("img",{src:e.imgList,alt:"icon"})},"iconcheck-img-".concat(a,"-").concat(t,"-").concat(e.imgList)))})]})]},"iconcheck-".concat(t.value,"-").concat(a)))})]}),(0,o.jsxs)("div",{className:b().btnGroup,children:[(0,o.jsx)(f.$,{type:"button",onClick:es,title:"Back",classes:"blackBtn"}),(0,o.jsx)(f.$,{type:"button",onClick:()=>en(e),title:"Next"})]})]}),3===t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:b()["main-checkbox"],ref:X.colorBox,children:[(0,o.jsx)("h4",{children:"3. Color Palette"}),(0,o.jsx)("p",{className:e.errors.colorBox?"error-red":"",children:"Pick at least one color scheme for your brand"}),(0,o.jsxs)("div",{className:"".concat(b()["checkbox-grid"]," ").concat(b()["six-checkbox-grid"]),children:[M.map((t,a)=>(0,o.jsx)("div",{className:b().box,children:(0,o.jsxs)(h.A.Check,{className:"".concat(b()["check-label"]," ").concat(b()["color-box"]),children:[(0,o.jsx)(h.A.Check.Input,{id:"colorBox-".concat(a),type:"checkbox",name:"colorBox",value:t,onChange:e.handleChange,className:b().checkbox,checked:e.values.colorBox.includes(t)}),(0,o.jsx)(h.A.Check.Label,{style:{backgroundColor:t},htmlFor:"colorBox-".concat(a)})]})},"color-".concat(a,"-").concat(t))),(0,o.jsx)(A.V,{value:M,onChange:z})]})]}),(0,o.jsxs)("div",{className:b().btnGroup,children:[(0,o.jsx)(f.$,{type:"button",onClick:es,title:"Back",classes:"blackBtn"}),(0,o.jsx)(f.$,{type:"button",onClick:()=>en(e),title:"Next"})]})]}),4===t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:b()["main-checkbox"],ref:X.fontstyle,children:[(0,o.jsx)("h4",{children:"4. Font Style"}),(0,o.jsx)("p",{className:e.errors.fontstyle?"error-red":"",children:"Define at least one font for your brand"}),(0,o.jsx)("div",{className:"".concat(b()["checkbox-grid"]," ").concat(b()["six-checkbox-grid"]),children:w.TG.map((t,a)=>(0,o.jsx)("div",{className:b().box,children:(0,o.jsxs)(h.A.Check,{className:"".concat(b()["check-label"]," ").concat(b()["font-box"]),children:[(0,o.jsx)(h.A.Check.Input,{ref:X.fontstyle,id:"fontstyle-".concat(a),type:"checkbox",name:"fontstyle",value:t.value,onChange:e.handleChange,className:b().checkbox,checked:e.values.fontstyle.includes(t.value)}),(0,o.jsx)(h.A.Check.Label,{htmlFor:"fontstyle-".concat(a),children:(0,o.jsx)("img",{src:t.imgSrc,alt:"icon"})})]})},"fontstyle-".concat(t.value,"-").concat(a)))})]}),(0,o.jsxs)("div",{className:b().btnGroup,children:[(0,o.jsx)(f.$,{type:"button",onClick:es,title:"Back",classes:"blackBtn"}),(0,o.jsx)(f.$,{type:"button",onClick:()=>en(e),title:"Next"})]})]}),5===t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:b()["main-checkbox"],ref:X.lookfeel,children:[(0,o.jsx)("h4",{children:"5. Look And Feel"}),(0,o.jsx)("p",{className:e.errors.lookfeel?"error-red":"",children:"Describe at least one visual style for your brand."}),(0,o.jsx)("div",{className:"".concat(b()["checkbox-grid"]," ").concat(b()["four-checkbox-grid"]),children:w.hZ.map((t,a)=>(0,o.jsxs)("div",{className:b().box,children:[(0,o.jsxs)(h.A.Check,{className:b()["check-label"],children:[(0,o.jsx)(h.A.Check.Input,{id:"lookfeel-".concat(a),type:"checkbox",name:"lookfeel",value:t.value,onChange:e.handleChange,className:b().checkbox,checked:e.values.lookfeel.includes(t.value)}),(0,o.jsx)(h.A.Check.Label,{htmlFor:"lookfeel-".concat(a),children:t.value})]}),(0,o.jsxs)("div",{className:"".concat(b()["box-info"]," ").concat(b()["one-grid"]),style:{backgroundColor:"".concat(t.color)},children:[t.para?(0,o.jsx)("p",{children:t.para}):"",(0,o.jsx)("div",{className:b()["img-grid"],children:(0,o.jsx)("img",{src:t.imgSrc,alt:"icon"})})]})]},"lookfeel-".concat(t.value,"-").concat(a)))})]}),(0,o.jsxs)(h.A.Group,{className:"".concat(b().inputField," ").concat(b()["file-upload"]),children:[(0,o.jsxs)(h.A.Label,{children:["Select the file on your computer"," ",(0,o.jsx)("strong",{children:"(Max file size is 5 mb)."})]}),(0,o.jsxs)("div",{className:b()["file-input-box"],children:[(0,o.jsx)(h.A.Control,{type:"file",name:"fileAttachments",accept:".doc,.docx,.pdf,.png,.jpeg,.jpg",multiple:!0,onChange:el}),(0,o.jsxs)("div",{className:b()["custom-file-input"],children:[(0,o.jsx)("h6",{children:S?"".concat(S," files selected"):"No file chosen"}),(0,o.jsx)("button",{children:"Choose Files"})]})]}),R&&(0,o.jsx)("div",{className:"uploading-icon",children:"Uploading..."}),i&&(0,o.jsx)("div",{className:"form-error",children:i}),(0,o.jsx)("div",{className:b()["selected-item"],children:y.map((e,t)=>(0,o.jsxs)("div",{className:b()["selected-info"],children:[(0,o.jsxs)("div",{children:[ei(e.file),(0,o.jsx)("span",{children:e.name})]}),(0,o.jsx)("button",{type:"button",className:"btn btn-sm btn-danger ms-2",onClick:()=>ec(t),children:(0,o.jsx)(C.$8F,{})})]},"file-".concat(e.name,"-").concat(t)))})]}),(0,o.jsx)(h.A.Group,{className:b().inputField,children:(0,o.jsxs)("div",{className:"".concat(b()["input-flex"]," ").concat(b().message),children:[(0,o.jsx)(h.A.Label,{children:"Please provide any additional details that you consider valuable"}),(0,o.jsx)(h.A.Control,{as:"textarea",rows:4,name:"otherInformation",type:"text",value:e.values.otherInformation,onChange:e.handleChange})]})}),(0,o.jsxs)("div",{className:b().btnGroup,children:[(0,o.jsx)(f.$,{type:"button",onClick:es,title:"Back",classes:"blackBtn"}),(0,o.jsx)(f.$,{title:"Submit",type:"submit",loading:E})]})]})]})})})]}),q&&(0,o.jsx)(j.z,{onClose:H,id:"jira-form-popup",children:(0,o.jsxs)("div",{className:b()["main-loading-popup"],children:[(0,o.jsx)(x.default,{size:"lg"}),(0,o.jsx)("h4",{className:"".concat(b().content," ").concat(I?b()["fade-out"]:""),children:$[l].content})]})})]})})}}}]);