1"use strict";(self.webpackChunkapdetin=self.webpackChunkapdetin||[]).push([[609],{4609:function(e,n,i){i.r(n),i.d(n,{default:function(){return T}});var t=i(605),a=i(9603),r=i(4720),s=i(1058),d=i(4942),l=i(1413),o=i(9439),m=i(2791),c=i(7690),h=i(4569),p=i.n(h),u=function(e){var n=(0,m.useState)({}),i=(0,o.Z)(n,2),t=i[0],a=i[1],r=(0,m.useState)({}),s=(0,o.Z)(r,2),h=s[0],u=s[1],x=(0,m.useState)(!1),Z=(0,o.Z)(x,2),g=Z[0],j=Z[1];(0,m.useEffect)((function(){0===Object.keys(h).length&&g&&(a(""),c.Z.success({message:"Success",description:"Your message has been sent!"}))}),[h,g]);return{handleChange:function(e){e.persist(),a((function(n){return(0,l.Z)((0,l.Z)({},n),{},(0,d.Z)({},e.target.name,e.target.value))})),u((function(n){return(0,l.Z)((0,l.Z)({},n),{},(0,d.Z)({},e.target.name,""))}))},handleSubmit:function(n){n.preventDefault(),u(e(t));3===Object.keys(t).length&&p().post("",(0,l.Z)({},t)).then((function(){j(!0)}))},values:t,errors:h}};function x(e){var n={};return e.name||(n.name="Name is required"),e.email?/\S+@\S+\.\S+/.test(e.email)||(n.email="Email address is invalid"):n.email="Email address is required",e.message||(n.message="Message is required"),n}var Z,g,j,f,v,b,y,w,C,P,S,k,z=i(5224),E=i(168),M=i(1242),Y=(0,M.ZP)("p")(Z||(Z=(0,E.Z)(["\n margin-top: 1.5rem;\n"]))),q=(0,M.ZP)("div")(g||(g=(0,E.Z)(["\n position: relative;\n max-width: 700px;\n"]))),F=(0,M.ZP)("div")(j||(j=(0,E.Z)(["\n border-radius: 3rem;\n max-width: 400px;\n"]))),N=i(184),O=(0,r.Z)()((function(e){var n=e.title,i=e.content,t=e.t;return(0,N.jsxs)(q,{children:[(0,N.jsx)("h6",{children:t(n)}),(0,N.jsx)(F,{children:(0,N.jsx)(Y,{children:t(i)})})]})})),D=(0,M.ZP)("div")(f||(f=(0,E.Z)(["\n display: inline-block;\n width: 100%;\n padding: 10px 5px;\n"]))),G=(0,M.ZP)("input")(v||(v=(0,E.Z)(["\n font-size: 0.875rem;\n"]))),L=(0,M.ZP)("div")(b||(b=(0,E.Z)(["\n display: inline-block;\n width: 100%;\n padding: 10px 5px;\n margin-bottom: -0.625rem;\n"]))),A=(0,M.ZP)("textarea")(y||(y=(0,E.Z)(["\n resize: none;\n font-size: 0.875rem;\n height: 185px;\n"]))),B=(0,M.ZP)("label")(w||(w=(0,E.Z)(["\n display: block;\n padding-bottom: 10px;\n text-transform: capitalize;\n"]))),H=(0,r.Z)()((function(e){var n=e.name,i=e.placeholder,t=e.onChange,a=e.t;return(0,N.jsxs)(D,{children:[(0,N.jsx)(B,{htmlFor:n,children:a(n)}),(0,N.jsx)(G,{placeholder:a(i),name:n,id:n,onChange:t})]})})),I=(0,r.Z)()((function(e){var n=e.name,i=e.placeholder,t=e.onChange,a=e.t;return(0,N.jsxs)(L,{children:[(0,N.jsx)(B,{htmlFor:n,children:a(n)}),(0,N.jsx)(A,{placeholder:a(i),id:n,name:n,onChange:t})]})})),J=(0,M.ZP)("div")(C||(C=(0,E.Z)(["\n padding: 5rem 0;\n\n @media only screen and (max-width: 1024px) {\n padding: 3rem 0;\n }\n"]))),K=(0,M.ZP)("form")(P||(P=(0,E.Z)(["\n width: 100%;\n max-width: 520px;\n\n @media only screen and (max-width: 1045px) {\n max-width: 100%;\n margin-top: 2rem;\n }\n"]))),Q=(0,M.ZP)("span")(S||(S=(0,E.Z)(["\n display: block;\n font-weight: 600;\n color: rgb(255, 130, 92);\n height: 0.775rem;\n padding: 0 0.675rem;\n"]))),R=(0,M.ZP)("div")(k||(k=(0,E.Z)(["\n text-align: end;\n position: relative;\n\n @media only screen and (max-width: 414px) {\n padding-top: 0.75rem;\n }\n"]))),T=(0,r.Z)()((function(e){var n=e.title,i=e.content,r=e.id,d=e.t,l=u(x),o=l.values,m=l.errors,c=l.handleChange,h=l.handleSubmit,p=function(e){var n=e.type,i=m[n];return(0,N.jsx)(s.LG,{direction:"left",children:(0,N.jsx)(Q,{erros:m[n],children:i})})};return(0,N.jsx)(J,{id:r,children:(0,N.jsxs)(t.Z,{justify:"space-between",align:"middle",children:[(0,N.jsx)(a.Z,{lg:12,md:11,sm:24,xs:24,children:(0,N.jsx)(s.Mi,{direction:"left",children:(0,N.jsx)(O,{title:n,content:i})})}),(0,N.jsx)(a.Z,{lg:12,md:12,sm:24,xs:24,children:(0,N.jsx)(s.Mi,{direction:"right",children:(0,N.jsxs)(K,{autoComplete:"off",onSubmit:h,children:[(0,N.jsxs)(a.Z,{span:24,children:[(0,N.jsx)(H,{type:"text",name:"name",placeholder:"Your Name",value:o.name||"",onChange:c}),(0,N.jsx)(p,{type:"name"})]}),(0,N.jsxs)(a.Z,{span:24,children:[(0,N.jsx)(H,{type:"text",name:"email",placeholder:"Your Email",value:o.email||"",onChange:c}),(0,N.jsx)(p,{type:"email"})]}),(0,N.jsxs)(a.Z,{span:24,children:[(0,N.jsx)(I,{placeholder:"Your Message",value:o.message||"",name:"message",onCh
1ange:c}),(0,N.jsx)(p,{type:"message"})]}),(0,N.jsx)(R,{children:(0,N.jsx)(z.z,{name:"submit",children:d("Submit")})})]})})})]})})}))}}]); 2//# sourceMappingURL=609.d8262086.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.