https://www.dcg.se/_next/static/chunks/733.63d8ff15157d6cb7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[733],{51733:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});var l=a(47568),r=a(10092),n=a(85893),s=a(16040),i=a(36210),c=a(67294),o=a(13354),d=a(17881);var u=c.forwardRef((function(e,t){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),c.createElement("path",{d:"M14.414 7l3.293-3.293a1 1 0 00-1.414-1.414L13 5.586V4a1 1 0 10-2 0v4.003a.996.996 0 00.617.921A.997.997 0 0012 9h4a1 1 0 100-2h-1.586z"}),c.createElement("path",{d:"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"}))})),x=function(e){var t=e.block,a=(0,c.useState)(""),x=a[0],m=a[1],p=(0,c.useState)(""),h=p[0],f=p[1],b=(0,c.useState)(""),g=b[0],v=b[1],k=(0,c.useState)(""),w=k[0],j=k[1],N=(0,c.useState)(),y=N[0],C=N[1],Z=(0,c.useState)(!1),S=Z[0],E=Z[1],D=function(){var e=(0,l.Z)((function(e){var t,a,l,n,s;return(0,r.__generator)(this,(function(r){switch(r.label){case 0:if(e.preventDefault(),!x.trim()||!h.trim()||!g.trim()||!w.trim())return E(!1),C("V\xe4nligen fyll i alla f\xe4lt"),[2];t={name:x,email:h,message:g,gdpr:w},r.label=1;case 1:return r.trys.push([1,5,,6]),[4,fetch("/api/send-contact-request",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})];case 2:return(a=r.sent()).ok?[3,4]:[4,a.json()];case 3:throw l=r.sent(),n=l.message,C(n),E(!1),new Error(n);case 4:return C("Meddelandet har skickats till oss!"),m(""),f(""),v(""),j(""),E(!0),[3,6];case 5:return s=r.sent(),E(!1),C("Error: ".concat(s.message)),[3,6];case 6:return[2]}}

1))}));return function(t){return e.apply(this,arguments)}}();return(0,n.jsx)(s.Z,{outerClassName:"contact-block",className:"flex",block:t,container:!0,children:(0,n.jsxs)("div",{className:"flex w-full flex-col pt-2 leading-[1.7] md:pt-6 xl:flex-row xl:gap-x-16 xl:pt-12 xxl:gap-x-48",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-y-5 xl:w-2/5",children:[(0,n.jsx)(i.Z,{className:"text-[2rem] font-black",children:null===t||void 0===t?void 0:t.titleLeft}),(0,n.jsx)(i.Z,{className:"wysiwyg text-sm",innerHtml:null===t||void 0===t?void 0:t.contentLeft}),(0,n.jsxs)("form",{onSubmit:D,action:"",className:"flex flex-col gap-y-4",children:[y&&(0,n.jsx)("p",{className:"border-2 p-3 ".concat(S?"border-greenish-grey text-green-900":"border-red-500 text-red-500"," text-sm font-bold"),children:y}),(0,n.jsx)(d.Z,{value:x,onChange:function(e){return m(e.target.value)},placeholder:"Ditt namn*",className:"w-full rounded-full bg-white font-bold"}),(0,n.jsx)(d.Z,{value:h,onChange:function(e){return f(e.target.value)},placeholder:"Din e-post*",className:"w-full rounded-full bg-white font-bold"}),(0,n.jsx)("textarea",{value:g,onChange:function(e){return v(e.target.value)},placeholder:"Ditt meddelande*",className:"w-full rounded-[22px] bg-white p-4 text-sm font-bold placeholder:text-black focus:outline-none",rows:8}),(0,n.jsx)("p",{className:"text-sm italic text-[#2e2e2e]",children:"* Obligatorisk"}),(0,n.jsxs)("div",{className:"flex items-start gap-x-2",children:[(0,n.jsx)("input",{type:"checkbox",className:"mt-1",checked:"true"===w,onChange:function(e){return j(e.target.checked?"true":"false")}}),(0,n.jsx)(i.Z,{className:"max-w-[25rem] text-sm font-bold",children:"Jag samtycker till att DCG lagrar och anv\xe4nder mina personuppgifter till att kunna kontakta mig i mitt \xe4rende"})]}),(0,n.jsx)("button",{type:"submit",className:"rounded-full bg-black px-8 py-3 font-bold uppercase text-white xl:max-w-[20rem]",children:"Skicka"})]}),(0,n.jsx)("p",{className:"text-sm italic text-[#2e2e2e]",children:"DCG kommer inte att skicka eller dela dina uppgifter med tredje part. Vi kommer endast att anv\xe4nda dina uppgifter till att kontakta dig i ditt \xe4rende."})]}),(0,n.jsxs)("div",{className:"mt-8 flex flex-col gap-y-5 xl:mt-0 xl:w-3/5",children:[(0,n.jsx)(i.Z,{className:"text-[2rem] font-black",children:null===t||void 0===t?void 0:t.titleRight}),(null===t||void 0===t?void 0:t.phone)&&(0,n.jsxs)("div",{className:"flex items-center gap-x-3",children:[(0,n.jsx)(u,{className:"h-6 w-6 text-black"}),(0,n.jsx)(o.Z,{className:"text-3xl font-bold underline",href:"tel:".concat(null===t||void 0===t?void 0:t.phone),children:null===t||void 0===t?void 0:t.phone})]}),(0,n.jsx)(i.Z,{className:"wysiwyg text-sm",innerHtml:null===t||void 0===t?void 0:t.contentRight})]})]})})},m=x},17881:function(e,t,a){a.d(t,{Z:function(){return i}});var l=a(85893),r=(a(67294),a(55029)),n=a(60371),s=a(25858),i=function(e){var t=e.id,a=e.autoComplete,i=e.required,c=void 0!==i&&i,o=e.className,d=e.value,u=e.setValue,x=e.onChange,m=e.variant,p=void 0===m?"gray":m,h=e.placeholder,f=e.floatingPlaceholder,b=e.refProp,g=e.outerClassName,v=e.onClick,k=e.validation,w=void 0===k?void 0:k,j="",N="",y="white"===p||"black"===p||"gray"===p?"text-xs -top-5 md:-left-4 ":"text-xs opacity-80 -top-2 ";switch(p){case"white":j="bg-white text-black px-[1.25rem] pt-[0.875rem] pb-[0.812rem] rounded-full placeholder-black",N="ml-4 text-neutral-400",y+="text-neutral-100";break;case"gray":j="bg-light-gray text-black px-[1.25rem] pt-[0.875rem] pb-[0.812rem] rounded-full placeholder-black",N="ml-4 text-black",y+="text-black";break;case"black":j="bg-black text-white px-[1.25rem] pt-[0.875rem] pb-[0.812rem] rounded-full placeholder-white",N="ml-4 text-neutral-400",y+="text-neutral-800";break;case"white-line":j="bg-transparent text-white border-b border-white py-3 placeholder-white text-center md:text-left",N="text-white";break;case"black-line":j="bg-transparent text-black border-b border-black py-3 placeholder-black text-center md:text-left";break;case"no-style":j="bg-transparent text-black"}var C="",Z="";switch(w){case!0:C="border-green-400  ",Z="#4ade80";break;case!1:C="border-red-500 text-red-500 placeholder-red-500",Z="#d62929";break;case void 0:C="",Z="black"===p||"white-line"===p?"#fff":"#000"}return(0,l.jsxs)("div",{className:"text-input-component relative h-fit ".concat(g," ").concat(f?"mt-2":""),children:[(0,l.jsx)("input",{id:t,type:"text",autoComplete:a,required:c,className:(0,s.Z)(null!==o&&void 0!==o?o:"","appearance-none outline-none default-transition",j,C),value:d,onChange:u?function(e){return u(e.target.value)}:x,placeholder:!f&&h?h:"",ref:b}),f&&(d||""===d)&&(0,l.jsx)("span",{className:"default-transition pointer-events-none absolute w-full text-center md:text-left".concat(N," ").concat(""!==d?y:"left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 md:left-0 md:translate-x-0"),children:h}),v&&(0,l.jsx)("div",{className:"absolute top-1/2 right-6 -translate-y-1/2",children:(0,l.jsx)(r.Z,{onClick:v,variant:"no-style",biggerTouchZone:!0,children:(0,l.jsx)(n.Z,{fill:Z})})})]})}}}]);