(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[173],{3906:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/trabalhe-conosco",function(){return t(1776)}])},1776:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return E},default:function(){return RevendedorPage}});var o=t(5893),i=t(7294),a=t(3590),r=t(6154),l=t(7613),s=t(7890),p=t(5558),c=t(1020),d=t(2729),u=t(508),m=t(6385),x=t(8848),h=t(3702),b=t(9441);function _templateObject(){let n=(0,d._)(["\n  width: 100%;\n  max-width: 1920px;\n  position: relative;\n\n  height: 100%;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .gatsby-image-wrapper {\n    img {\n      min-height: 850px;\n    }\n  }\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,d._)(["\n  width: 100%;\n\n  padding: 0 16px;\n\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  @media (min-width: 500px) {\n    padding: 0 30px;\n  }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,d._)(['\n  width: 100%;\n  max-width: 416px;\n\n  padding: 44px 22px;\n\n  min-height: fit-content;\n\n  background: white;\n  border-radius: 22.4px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  .curriculo {\n    font-family: Arial, sans-serif;\n    padding: 20px;\n    border: 1px solid #ccc;\n    width: 300px;\n    margin: 0 auto;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  }\n\n  .curriculo input[type="file"] {\n    margin-bottom: 15px;\n  }\n\n  .curriculo input[type="submit"] {\n    background-color: #4caf50;\n    color: white;\n    padding: 10px 20px;\n    border: none;\n    cursor: pointer;\n    transition: background-color 0.3s;\n  }\n\n  .curriculo input[type="submit"]:hover {\n    background-color: #45a049;\n  }\n\n  @media (min-width: 500px) {\n    padding: 44px;\n  }\n\n  h2 {\n    font-size: 32px;\n    font-weight: 800;\n    font-style: italic;\n    line-height: 32px;\n    color: ',';\n    font-family: "Marselis Serif";\n  }\n\n  p {\n    color: ',';\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    font-family: "Marselis Pro";\n    margin-top: 21px;\n  }\n\n  .local {\n    margin-top: 25px;\n\n    display: flex;\n    justify-content: space-between;\n    row-gap: 25px;\n\n    div {\n      margin-top: 0;\n      max-width: 190px;\n      select {\n        padding-right: 2ch;\n      }\n\n      &:first-child {\n        max-width: 110px;\n        padding-right: 0;\n\n        @media (max-width: 375px) {\n          max-width: 190px;\n        }\n      }\n    }\n\n    @media (max-width: 375px) {\n      flex-direction: column;\n    }\n  }\n\n  button.next {\n    width: 100%;\n    margin-top: 40px;\n    border: none;\n    outline: none;\n    background: ',';\n    border-radius: 36.4px;\n    height: 52px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 35px;\n\n    font-size: 18px;\n    font-family: "Marselis Pro";\n    line-height: 27px;\n    color: white;\n\n    svg {\n      margin-left: 8px;\n    }\n\n    &:hover {\n      background: #ff9c19;\n      transition: 0.2s;\n    }\n\n    &:focus {\n      border: 1px solid black;\n      background: #ff9c19;\n      transition: 0.2s;\n    }\n  }\n\n  div.buttons {\n    display: flex;\n    justify-content: space-between;\n    max-width: 328px;\n    margin-top: 40px;\n\n    button {\n      width: 100%;\n      max-width: 120px;\n      height: 52px;\n\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      border: none;\n      outline: none;\n      border-radius: 36.4px;\n\n      color: ',';\n      font-size: 18px;\n      line-height: 18px;\n      font-family: "Marselis Pro";\n\n      &:focus {\n        border: 1px solid black;\n        background: #ff9c19;\n        transition: 0.2s;\n      }\n\n      svg {\n        margin-right: 5px;\n      }\n    }\n\n    button:last-child {\n      background: ',";\n      color: white;\n      &:hover {\n        background: #ff9c19;\n        transition: 0.2s;\n      }\n    }\n\n    button:first-child:hover {\n      background: ",";\n      transition: 0.2s;\n      color: white;\n    }\n  }\n"]);return _templateObject2=function(){return n},n}function _templateObject3(){let n=(0,d._)(['\n  width: 100%;\n  height: 100%;\n  margin-top: 35px;\n\n  span {\n    display: block;\n    margin-top: 4px;\n    color: red;\n    font-size: 14px;\n  }\n\n  input {\n    height: 30px;\n    width: 100%;\n    padding-bottom: 14px;\n    border: none;\n    outline: none;\n    border-bottom: 1px solid black;\n    font-size: 16px;\n    font-family: "Marselis Pro";\n\n    ::placeholder {\n      color: ',";\n      opacity: 1;\n    }\n    :-ms-input-placeholder {\n      color: ",";\n    }\n    ::-ms-input-placeholder {\n      color: ",";\n    }\n  }\n\n  input:focus {\n    border-bottom: 2px solid ",";\n    transition: 0.2s;\n  }\n"]);return _templateObject3=function(){return n},n}function _templateObject4(){let n=(0,d._)(["\n  width: 100%;\n  height: 100%;\n  margin-top: 28px;\n  overflow: hidden;\n\n  option {\n    overflow: hidden;\n    margin-top: 30px;\n    display: inline-block;\n    cursor: pointer;\n\n    &:hover {\n      background: red;\n      cursor: pointer;\n    }\n  }\n\n  select {\n    overflow: hidden;\n    ::-webkit-scrollbar {\n      width: 5px;\n      display: block;\n    }\n    ::-webkit-scrollbar-button {\n      display: none;\n    }\n    ::-webkit-scrollbar-thumb {\n      background-color: ",";\n    }\n  }\n\n  &:first-child {\n    margin-top: 0px;\n  }\n\n  span {\n    display: block;\n    margin-top: 4px;\n    color: red;\n    font-size: 14px;\n  }\n\n  select {\n    height: 40px;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    padding-bottom: 7px;\n    border: none;\n    outline: none;\n    border-bottom: 1px solid black;\n    font-size: 16px;\n    font-family: \"Marselis Pro\";\n\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n\n    background-image: url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\");\n    background-repeat: no-repeat;\n    background-position-x: 100%;\n    background-position-y: 5px;\n\n    ::placeholder {\n      color: ",";\n      opacity: 1;\n    }\n    :-ms-input-placeholder {\n      color: ",";\n    }\n    ::-ms-input-placeholder {\n      color: ",";\n    }\n  }\n\n  select:focus {\n    border-bottom: 2px solid ",";\n    transition: 0.2s;\n  }\n"]);return _templateObject4=function(){return n},n}function _templateObject5(){let n=(0,d._)(['\n  margin-top: 45px;\n\n  div {\n    display: flex;\n    align-items: flex-start;\n  }\n\n  &:nth-child(3) {\n    p {\n      ::after {\n        content: "*";\n        color: red;\n        display: inline-block;\n        margin-left: 2px;\n      }\n    }\n  }\n\n  span {\n    display: block;\n    margin-top: 4px;\n    color: red;\n    font-size: 14px;\n  }\n\n  & + & {\n    margin-top: 22.5px;\n  }\n\n  p {\n    margin: 0;\n    margin-left: 5px;\n\n    font-size: 16px;\n    color: ',";\n  }\n\n  input {\n    appearance: none;\n    -webkit-appearance: none;\n    background-color: white;\n    border: 1px solid ",";\n\n    padding: 7px;\n    border-radius: 3px;\n    display: inline-block;\n\n    position: relative;\n\n    outline: none;\n    margin-top: 3.9px;\n  }\n\n  input:checked {\n    background-color: ",';\n    color: white;\n  }\n\n  input:focus {\n    border: 1px solid #ff9c19;\n  }\n\n  input:checked:after {\n    content: "✓";\n    font-size: 14px;\n    position: absolute;\n    top: 0px;\n    left: 2px;\n  }\n']);return _templateObject5=function(){return n},n}function _templateObject6(){let n=(0,d._)(["\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n"]);return _templateObject6=function(){return n},n}function _templateObject7(){let n=(0,d._)(["\n  border-bottom: 4px solid white;\n  border-left: 4px solid white;\n  border-right: 4px solid white;\n  border-top: 4px solid transparent;\n\n  border-radius: 50%;\n  width: 30px;\n  height: 30px;\n  animation: "," 0.6s linear infinite;\n"]);return _templateObject7=function(){return n},n}let f=u.ZP.div.withConfig({componentId:"sc-26275aa7-0"})(_templateObject()),g=u.ZP.div.withConfig({componentId:"sc-26275aa7-1"})(_templateObject1()),j=u.ZP.div.withConfig({componentId:"sc-26275aa7-2"})(_templateObject2(),b.O.black700,b.O.black700,b.O.douradoLogo,b.O.black700,b.O.douradoLogo,b.O.douradoLogo),w=(0,u.ZP)(x.Z).withConfig({componentId:"sc-26275aa7-3"})(_templateObject3(),b.O.black700,b.O.black700,b.O.black700,b.O.douradoLogo),v=(0,u.ZP)(h.Z).withConfig({componentId:"sc-26275aa7-4"})(_templateObject4(),b.O.douradoLogo,b.O.black700,b.O.black700,b.O.black700,b.O.douradoLogo);(0,u.ZP)(m.Z).withConfig({componentId:"sc-26275aa7-5"})(_templateObject5(),b.O.black700,b.O.black700,b.O.douradoLogo);let k=(0,u.F4)(_templateObject6()),y=u.ZP.div.withConfig({componentId:"sc-26275aa7-6"})(_templateObject7(),k);var O=t(471),_=t(738);function normalizarString(n){return n.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}var TrabalheConosco_Form=n=>{let{lojas:e}=n,t=(0,l.cI)({subscribe:"form"}),[a,d]=(0,i.useState)(!1),[u,m]=(0,i.useState)(!1),[x,h]=(0,i.useState)(!1),[b,k]=(0,i.useState)(""),[S,E]=(0,i.useState)(""),[z,C]=(0,i.useState)(null),I=(0,i.useMemo)(()=>_.x.map(n=>n.sigla),[]),P=(0,i.useMemo)(()=>{let n=_.x.find(n=>n.sigla===b);return(null==n?void 0:n.cidades)||[]},[b]),handleSubmitStep=async n=>{var e,o;if(n.preventDefault(),!t.currentStep||!(null===(e=t.currentStep)||void 0===e?void 0:e.isValid)||!(null===(o=t.currentStep)||void 0===o?void 0:o.name)){t.submitStep();return}t.submitStep()},handleSubmitForm=async n=>{if(u||a)return;m(!0);let t=e.edges.find(e=>{let{node:t}=e;return t.nome===n.loja}).node.whatsappNumber,o=e.edges.find(e=>{let{node:t}=e;return t.nome===n.loja}).node.email,i=e.edges.find(e=>{let{node:t}=e;return t.nome===n.loja}).node.slug,l=e.edges.find(e=>{let{node:t}=e;return t.nome===n.loja}).node.nome,s=new FormData;s.append("nome",n.nome),s.append("uf",n.uf),s.append("cidade",n.cidade),s.append("whatsapp",n.whatsapp),s.append("email",n.email),s.append("loja",n.loja),s.append("areaInteresse",n.areaInteresse),s.append("whatsappLoja",t),s.append("emailLoja",o),s.append("lojaNome",l),s.append("slug",i),s.append("curriculo",z),s.append("instagram",n.instagram);try{await r.Z.post("/api/trabalheConosco",s,{headers:{"Content-Type":"multipart/form-data"}}),m(!1),d(!0)}catch(n){m(!1),d(!1),h(!0)}};(0,i.useEffect)(()=>{b&&E("")},[b]);let N=(0,i.useMemo)(()=>e.edges.filter(n=>{let{node:e}=n;if(S){let n=function(n){n=n.trim();let e=n.split(/\. | - /);return e.length<3?null:e[e.length-2].trim()}(e.endereco),t=normalizarString(S),o=normalizarString(n||"");return o===t}let t=function(n){let e=n.match(/-\s?([A-Z]{2})\.$/);return e?e[1]:null}(e.endereco);return t===b}).map(n=>{let{node:e}=n;return e.nome}),[e,b,S]);return(0,o.jsxs)(f,{children:[(0,o.jsx)("img",{src:"../../../../images/pages/Revendedor/Form/form-bg.png",alt:"Borr\xe3o de fundo"}),(0,o.jsxs)(g,{children:[!x&&!a&&(0,o.jsx)(l.R2,{connect:t,onValidSubmit:handleSubmitForm,children:(0,o.jsxs)(j,{children:[(0,o.jsx)("h2",{children:"Trabalhe com a Pos\xea."}),(0,o.jsx)("p",{children:"Cadastre-se e entraremos em contato."}),(0,o.jsxs)(l.Ks,{name:"first",children:[(0,o.jsx)(w,{name:"nome",type:"text",placeholder:"Nome completo",tabIndex:1,autoFocus:!0,validations:[{rule:(0,s.q9)(),message:"Esse campo \xe9 obrigat\xf3rio."},{rule:(0,s.OP)(),message:"Esse campo n\xe3o pode estar vazio."},{rule:(0,s.iv)(3),message:"Entre com no m\xednimo 3 caracteres."},{rule:(0,s.wk)(80),message:"\xc9 permitido no m\xe1ximo 80 caracteres"}]}),(0,o.jsxs)("div",{className:"local",children:[(0,o.jsx)(v,{name:"uf",firstOption:"Estado (UF)",options:I,setState:k,tabIndex:6,validations:[{rule:(0,s.q9)(),message:"Esse campo \xe9 obrigat\xf3rio."}]}),!!P.length&&(0,o.jsx)(v,{name:"cidade",firstOption:"Cidade",setState:E,options:P,tabIndex:7,validations:[{rule:(0,s.q9)(),message:"Esse campo \xe9 obrigat\xf3rio."}]})]}),!!S&&(0,o.jsx)(v,{name:"loja",firstOption:"Escolha uma unidade",options:N,validations:[{rule:(0,s.q9)(),message:"Esse campo \xe9 obrigat\xf3rio."}]}),(0,o.jsx)(w,{name:"areaInteresse",style:{paddingTop:"2px"},type:"text",placeholder:"\xc1rea de interesse",tabIndex:1,autoFocus:!0,validations:[{rule:(0,s.q9)(),message:"Esse campo \xe9 obrigat\xf3rio."},{rule:(0,s.OP)(),message:"Esse campo n\xe3o pode estar vazio."},{rule:(0,s.iv)(3),message:"Entre com no m\xednimo 3 caracteres."},{rule:(0,s.wk)(80),message:"\xc9 permitido no m\xe1ximo 80 caracteres"}]}),(0,o.jsxs)("button",{type:"button",className:"next",onClick:handleSubmitStep,children:["Pr\xf3ximo ",(0,o.jsx)(O.fWx,{size:24})]})]}),(0,o.jsxs)(l.Ks,{name:"second",children:[(0,o.jsx)(w,{name:"whatsapp",type:"tel",placeholder:"WhatsApp",tabIndex:3,mask:["(99) 9999-9999","(99) 99999-9999"],validations:[{rule:(0,s.q9)(),message:"Esse campo \xe9 obrigat\xf3rio."},{rule:(0,s.R)(/^\((?:[14689][1-9]|2[12478]|3[1234578]|5[1345]|7[134579])\) (?:[2-8]|9[1-9])[0-9]{3}\-[0-9]{4}$/),message:"Entre com um WhatsApp v\xe1lido no padr\xe3o (99) 9999-9999."}]}),(0,o.jsx)(w,{name:"email",type:"email",tabIndex:4,placeholder:"E-mail",validations:[{rule:(0,s.q9)(),message:"Esse campo \xe9 obrigat\xf3rio."},{rule:(0,s.Jh)(),message:"Digite um e-mail v\xe1lido;"}]}),(0,o.jsx)(w,{name:"instagram",type:"instagram",tabIndex:4,placeholder:"Instagram"}),(0,o.jsxs)("div",{style:{paddingTop:"24px"},children:[(0,o.jsx)("label",{htmlFor:"files",children:"Escolha seu curr\xedculo"}),(0,o.jsx)("input",{id:"files",name:"curriculo",className:"file",type:"file",accept:".pdf,.doc,.docx",required:!0,onChange:function(n){let e=n.target.files[0];C(e)}})]}),(0,o.jsxs)("div",{className:"buttons",children:[(0,o.jsxs)("button",{type:"button",className:"previous",onClick:t.prevStep,tabIndex:11,disabled:u,children:[(0,o.jsx)(O.bs3,{size:24}),"Voltar"]}),(0,o.jsx)("button",{type:"submit",className:"submit",onClick:handleSubmitStep,disabled:u,tabIndex:10,children:u?(0,o.jsx)(y,{}):"Enviar"})]})]})]})}),a&&!x&&(0,o.jsxs)(p.Z,{children:[(0,o.jsx)("h2",{children:"Curr\xedculo enviado!"}),(0,o.jsx)("p",{children:"Entraremos em contato com voc\xea em breve. :)"})]}),x&&!a&&(0,o.jsxs)(c.Z,{children:[(0,o.jsx)("h2",{children:"Ocorreu um erro!"}),(0,o.jsx)("p",{children:"N\xe3o foi poss\xedvel enviar o seu curr\xedculo, tente novamente ou entre em contato com o suporte."})]})]})]})},S=t(4550),E=!0;function RevendedorPage(n){let{lojas:e}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{title:"Trabalhe Conosco",description:"Trabalhe com \xe0 Pos\xea"}),(0,o.jsx)(S.FE,{children:(0,o.jsx)(S._z,{children:(0,o.jsx)(TrabalheConosco_Form,{lojas:e})})})]})}}},function(n){n.O(0,[955,10,585,774,888,179],function(){return n(n.s=3906)}),_N_E=n.O()}]);