https://thestoop.ai/_next/static/chunks/8303-1d506e81084c8b5a.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},o=(new e.Error).stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="876eec5e-c211-4269-ad07-26159d243132",e._sentryDebugIdIdentifier="sentry-dbid-876eec5e-c211-4269-ad07-26159d243132")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8303],{88303:function(e,o,t){t.r(o),t.d(o,{ContactForm:function(){return Z}});var n=t(57437),a=t(2265),r=t(78693),i=t(46387),s=t(97404),l=t(8516),p=t(59832),d=t(91991),x=t(90486),m=t(15735),c=t(8430),u=t(74072),f=t(72549),h=t(91360),g=t(44149),b=t(32841),y=t(88164),S=t(21803);let j=e=>{let{label:o,name:t,type:a="text",value:l,onChange:p,onFocus:d,onBlur:x,required:m,multiline:c,rows:u,icon:f,focused:h,darkMode:g}=e,b=h===t;return(0,n.jsxs)(r.Z,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[(0,n.jsxs)(i.Z,{component:"label",htmlFor:t,sx:{fontSize:{xs:"0.85rem",sm:"0.875rem"},fontWeight:S.typography.weight.semibold,fontFamily:S.typography.fontFamily,transition:"color 0.32s ease",display:"flex",alignItems:"center",gap:.75,color:"".concat(b?"#1a1a2e":"#444444"," !important")},children:[(0,n.jsx)(f,{sx:{fontSize:{xs:"1.05rem",sm:"1rem"},transition:"color 0.32s ease",color:"".concat(b?"#1a1a2e":"rgba(0,0,0,0.65)"," !important")}}),o.replace(" (Optional)","").replace("*","").trim()]}),(0,n.jsx)(s.Z,{id:t,fullWidth:!0,name:t,type:a,value:l,onChange:p,onFocus:d,onBlur:x,required:m,multiline:c,rows:u,placeholder:"",inputProps:{style:{color:"#1a1a2e"}},sx:{"& .MuiOutlinedInput-root":{backgroundColor:"#f0f0f2 !important",borderRadius:"10px",border:b?"1.5px solid #1a1a2e !important":"1px solid rgba(26,26,46,0.18) !important",transition:"all 0.2s ease",boxShadow:b?"0 0 0 2px rgba(26, 26, 46, 0.10)":"none","&:hover":{backgroundColor:"#f7f7f8 !important",borderColor:b?"#1a1a2e !important":"rgba(26,26,46,0.35) !important"},"& fieldset":{border:"none"}},"& .MuiInputBase-root":{backgroundColor:"#f7f7f8 !important",color:"#1a1a2e !important"},"& .MuiInputBase-input":{color:"#1a1a2e !important",fontWeight:S.typography.weight.medium,fontFamily:S.typography.fontFamily,padding:{xs:"12px 14px",sm:"13px 16px"},fontSize:{xs:"0.95rem",sm:"1rem"},height:{xs:"22px",sm:"24px"},"&::placeholder":{color:"rgba(20, 22, 26, 0.72)",opacity:1}},"& .MuiInputBase-inputMultiline":{padding:{xs:"12px 14px",sm:"13px 16px"},height:"auto !important"}}})]})},Z=e=>{let{onClose:o,darkMode:t,sx:s={}}=e,[Z,v]=(0,a.useState)({name:"",email:"",company:"",message:""}),[w,k]=(0,a.useState)(!1),[C,F]=(0,a.useState)(""),[z,I]=(0,a.useState)(!1),[B,M]=(0,a.useState)(null),W=async e=>{if(e.preventDefault(),!w){F(""),k(!0);try{let e=await fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Z)}),o=await e.json().catch(()=>({}));if(!e.ok)throw Error((null==o?void 0:o.error)||"Something went wrong. Please try again.");I(!0)}catch(e){F((null==e?void 0:e.message)||"Could not send your message. Please try again.")}finally{k(!1)}}},D=e=>{v({...Z,[e.target.name]:e.target.value})};return(0,n.jsxs)(l.Z,{elevation:0,sx:{position:"relative",width:"100%",maxWidth:{xs:"100%",sm:"600px"},margin:"0 auto",background:"#f7f7f8 !important",backgroundColor:"#f7f7f8 !important",color:"#1a1a2e !important",backdropFilter:"blur(20px)",WebkitBackdropFilter:"blur(20px)",borderRadius:{xs:"20px",sm:"24px"},border:"1px solid rgba(26,26,46,0.10)",boxShadow:t?"0 25px 50px -12px rgba(0, 0, 0, 0.7)":"0 25px 50px -12px rgba(0, 0, 0, 0.15)",...s},children:[o&&(0,n.jsx)(p.Z,{"aria-label":"Close contact form",onClick:o,sx:{position:"absolute",top:{xs:12,sm:16},right:{xs:12,sm:16},zIndex:2,width:40,height:40,backgroundColor:"#1a1a2e !important",color:"#ffffff !important",border:"2px solid #ffffff",borderRadius:"10px",boxShadow:"0 4px 12px rgba(0,0,0,0.3)","&:hover":{backgroundColor:"#000000 !important",transform:"translateY(-1px)"},"&:focus-visible":{outline:"3px solid #2563eb",outlineOffset:"2px"},"& svg":{color:"#ffffff !important"}},children:(0,n.jsx)(c.Z,{sx:{fontSize:S.iconSize.md}})}),(0,n.jsxs)(r.Z,{sx:{p:{xs:2.5,sm:3.5},position:"relative",zIndex:1},children:[(0,n.jsxs)(r.Z,{sx:{textAlign:"center",mb:{xs:2,sm:2.5}},children:[(0,n.jsx)(i.Z,{variant:"h3",sx:{fontSize:{xs:"1.5rem",sm:"1.75rem",md:"2rem"},fontWeight:S.typography.weight.bold,fontFamily:S.typography.fontFamily,letterSpacing:"-0.02em",mb:.5,color:"#1a1a2e !important"},children:z?"Thanks — message sent":"Let's Connect"}),(0,n.jsx)(i.Z,{sx:{fontSize:{xs:"0.875rem",sm:"0.95rem"},fontWeight:S.typography.weight.normal,color:"rgba(0,0,0,0.65) !important"},children:z?"We'll be in touch soon.":"We'd love to hear from you"})]}),z&&(0,n.jsxs)(r.Z,{sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:2,py:3},children:[(0,n.jsx)(u.Z,{sx:{fontSize:S.iconSize.xxl,color:"#1a1a2e"}}),(0,n.jsx)(d.Z,{onClick:o,variant:"contained",sx:{height:"46px",borderRadius:S.radii.pill,...(0,S.primaryButtonSx)(t),textTransform:"none",px:4,boxShadow:"none","&:hover":{backgroundColor:"#000000 !important"}},children:"Close"})]}

1),!z&&(0,n.jsxs)(r.Z,{component:"form",onSubmit:W,sx:{display:"flex",flexDirection:"column",gap:{xs:1.5,sm:1.75},maxWidth:"500px",mx:"auto"},children:[(0,n.jsx)(x.Z,{in:!0,timeout:800,children:(0,n.jsx)(r.Z,{children:(0,n.jsx)(j,{label:"Name",name:"name",value:Z.name,onChange:D,onFocus:()=>M("name"),onBlur:()=>M(null),required:!0,icon:f.Z,focused:B,darkMode:t})})}),(0,n.jsx)(x.Z,{in:!0,timeout:1e3,children:(0,n.jsx)(r.Z,{children:(0,n.jsx)(j,{label:"Email Address",name:"email",type:"email",value:Z.email,onChange:D,onFocus:()=>M("email"),onBlur:()=>M(null),required:!0,icon:h.Z,focused:B,darkMode:t})})}),(0,n.jsx)(x.Z,{in:!0,timeout:1200,children:(0,n.jsx)(r.Z,{children:(0,n.jsx)(j,{label:"Company (Optional)",name:"company",value:Z.company,onChange:D,onFocus:()=>M("company"),onBlur:()=>M(null),icon:g.Z,focused:B,darkMode:t})})}),(0,n.jsx)(x.Z,{in:!0,timeout:1400,children:(0,n.jsx)(r.Z,{children:(0,n.jsx)(j,{label:"Your Message",name:"message",value:Z.message,onChange:D,onFocus:()=>M("message"),onBlur:()=>M(null),required:!0,multiline:!0,rows:3,icon:b.Z,focused:B,darkMode:t})})}),C&&(0,n.jsx)(m.Z,{severity:"error",sx:{borderRadius:"10px"},children:C}),(0,n.jsx)(x.Z,{in:!0,timeout:1600,children:(0,n.jsx)(d.Z,{type:"submit",variant:"contained",disabled:w,startIcon:w?null:(0,n.jsx)(y.Z,{sx:{fontSize:S.iconSize.md}}),sx:{height:{xs:"48px",sm:"50px"},borderRadius:S.radii.pill,...(0,S.primaryButtonSx)(t),fontSize:{xs:"0.95rem",sm:"1rem"},fontWeight:S.typography.weight.semibold,fontFamily:S.typography.fontFamily,letterSpacing:"-0.005em",border:"1px solid rgba(0,0,0,0.15) !important",textTransform:"none",padding:"0 24px",mt:{xs:1,sm:.5},transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",boxShadow:"none","&:hover":{transform:"translateY(-1px)",boxShadow:"0 4px 12px rgba(0,0,0,0.18)"},"&:active":{transform:"translateY(0px)"},"&:focus-visible":{outline:"2px solid var(--text-primary)",outlineOffset:"2px"},"&:disabled":{opacity:.6,boxShadow:"none",transform:"none"},"& .MuiButton-startIcon":{color:"inherit",marginRight:"6px"}},children:w?"Sending...":"Send Message"})})]})]})]})}}}]);