https://satuwallet.com/_next/static/chunks/app/(main)/support/page-31d2d899a7cabfde.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[883],{42653:(e,t,s)=>{"use strict";s.d(t,{default:()=>d});var a=s(95155),i=s(12115),l=s(19880),r=s(26497),n=s(28122),o=s(24877);let c=["Bug Report","Security Issue","Feature Request","Other"],p={"Bug Report":"bug","Security Issue":"security","Feature Request":"feature",Other:"support"},x=e=>{let{children:t,isFocused:s,className:i=""}=e;return(0,a.jsxs)("div",{className:"relative w-full pb-[8px] lg:pb-[24px] ".concat(i),children:[t,(0,a.jsx)("div",{className:"absolute bottom-0 left-0 w-full h-px bg-[#121212]"}),(0,a.jsx)(l.P.div,{initial:{scaleX:0},animate:{scaleX:+!!s},transition:{duration:.4,ease:[.22,1,.36,1]},className:"absolute bottom-0 left-0 w-full h-[2px] bg-[#FF6A00] origin-left z-10"})]})};function d(){let[e,t]=(0,i.useState)(""),[s,d]=(0,i.useState)(!1),[u,m]=(0,i.useState)({name:!1,subject:!1,message:!1,device:!1,version:!1}),[g,h]=(0,i.useState)({name:"",subject:"",message:"",device:"",version:""}),[b,f]=(0,i.useState)({type:"",message:""}),[v,w]=(0,i.useState)(!1),y=(0,i.useRef)(null),j=(e,t)=>{m(s=>({...s,[e]:t}))},N=(e,t)=>{h(s=>({...s,[e]:t}))},F=async()=>{if(!v){if(!g.name.trim()||!g.subject.trim()||!g.message.trim()||!e)return void f({type:"error",message:"Please fill in all required fields (Name, Service, Subject, Message)."});w(!0),f({type:"loading",message:"Submitting report..."});try{let s=await fetch("/api/submit_report.php",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:g.name.trim(),report_type:p[e]||"support",severity:"Security Issue"===e?"high":"medium",subject:g.subject.trim(),description:g.message.trim(),device_info:g.device.trim()||void 0,app_version:g.version.trim()||void 0})}),a=await s.json();a.success?(f({type:"success",message:"Report submitted successfully! Report ID: #".concat(a.report_id)}),h({name:"",subject:"",message:"",device:"",version:""}),t("")):f({type:"error",message:a.message||"Failed to submit report. Please try again."})}catch(e){f({type:"error",message:"Network error. Please try again."})}finally{w(!1)}}};return(0,a.jsx)("section",{className:"w-full min-h-[1280px] bg-[#FFFFFF] flex justify-center items-center py-[60px] md:py-[100px] overflow-hidden",children:(0,a.jsxs)("div",{className:"w-full max-w-[1200px] px-4 md:px-8 flex flex-col items-center gap-[36px]",children:[(0,a.jsx)(l.P.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:1,ease:[.22,1,.36,1]},className:"flex flex-col items-center justify-center w-full",children:(0,a.jsxs)("h1",{className:"font-bebas text-[60px] md:text-[80px] lg:text-[120px] leading-[100%] text-[#121212] text-center uppercase",children:["Support begins with ",(0,a.jsx)("br",{className:"hidden md:block"})," your report"]})}),(0,a.jsxs)(l.P.div,{initial:{opacity:0,scale:.98},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{duration:1,delay:.2,ease:[.22,1,.36,1]},className:"w-full max-w-[1188px] min-h-auto lg:h-[804px] bg-white rounded-[24px] shadow-[4px_4px_12px_0px_rgba(0,0,0,0.25)] p-8 md:p-[72px_64px] flex flex-col gap-[32px] md:gap-[48px] items-center",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-[40px] md:gap-[64px] w-full max-w-[1060px]",children:[(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row gap-[32px] lg:gap-[12px] w-full items-start lg:items-center",children:[(0,a.jsx)(x,{isFocused:u.name,className:"lg:w-[524px]",children:(0,a.jsx)("input",{suppressHydrationWarning:!0,type:"text",placeholder:"Name",value:g.name,onChange:e=>N("name",e.target.value),onFocus:()=>j("name",!0),onBlur:()=>j("name",!1),className:"w-full bg-transparent border-none outline-none font-ibm text-[20px] md:text-[24px] leading-[100%] text-[#121212] placeholder:text-[#121212]/50 pl-[12px]"})}),(0,a.jsxs)("div",{className:"relative w-full lg:w-[524px]",ref:y,children:[(0,a.jsxs)("div",{onClick:()=>d(!s),className:"w-full pl-[12px] pr-[13px] flex items-center justify-between cursor-pointer group",children:[(0,a.jsx)("span",{className:"font-ibm text-[20px] md:text-[24px] leading-[100%] transition-colors duration-300 ".concat(e?"text-[#121212]":"text-[#121212]/50"),children:e||"Services"}),(0,a.jsx)(l.P.div,{animate:{rotate:180*!!s},transition:{duration:.3},children:(0,a.jsx)(n.fK4,{className:"w-[24px] h-[24px] transition-colors ".concat(s?"text-[#FF6A00]":"text-[#121212]/50")})})]}),(0,a.jsx)(r.N,{children:s&&(0,a.jsx)(l.P.div,{initial:{opacity:0,y:10}

1,animate:{opacity:1,y:0},exit:{opacity:0,y:10},transition:{duration:.2},className:"absolute top-full left-0 w-full mt-2 bg-white rounded-[16px] shadow-[4px_4px_24px_0px_rgba(0,0,0,0.15)] overflow-hidden z-50",children:c.map(e=>(0,a.jsx)("div",{onClick:()=>{t(e),d(!1)},className:"px-6 py-4 font-ibm text-[18px] text-[#121212] hover:bg-[#FF6A00] hover:text-white transition-colors cursor-pointer",children:e},e))})})]})]}),(0,a.jsx)(x,{isFocused:u.subject,children:(0,a.jsx)("input",{type:"text",placeholder:"Subject",value:g.subject,onChange:e=>N("subject",e.target.value),onFocus:()=>j("subject",!0),onBlur:()=>j("subject",!1),className:"w-full bg-transparent border-none outline-none font-ibm text-[20px] md:text-[24px] leading-[100%] text-[#121212] placeholder:text-[#121212]/50 pl-[12px]"})}),(0,a.jsx)(x,{isFocused:u.message,className:"h-[120px] md:h-[180px]",children:(0,a.jsx)("textarea",{placeholder:"Message",value:g.message,onChange:e=>N("message",e.target.value),onFocus:()=>j("message",!0),onBlur:()=>j("message",!1),className:"w-full h-full bg-transparent border-none outline-none font-ibm text-[20px] md:text-[24px] leading-[140%] text-[#121212] placeholder:text-[#121212]/50 resize-none pl-[12px]"})}),(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row gap-[32px] lg:gap-[12px] w-full items-start lg:items-center",children:[(0,a.jsx)(x,{isFocused:u.device,className:"lg:w-[524px]",children:(0,a.jsx)("input",{type:"text",placeholder:"Device Info",value:g.device,onChange:e=>N("device",e.target.value),onFocus:()=>j("device",!0),onBlur:()=>j("device",!1),className:"w-full bg-transparent border-none outline-none font-ibm text-[20px] md:text-[24px] leading-[100%] text-[#121212] placeholder:text-[#121212]/50 pl-[12px]"})}),(0,a.jsx)(x,{isFocused:u.version,className:"lg:w-[524px]",children:(0,a.jsx)("input",{type:"text",placeholder:"App Version",value:g.version,onChange:e=>N("version",e.target.value),onFocus:()=>j("version",!0),onBlur:()=>j("version",!1),className:"w-full bg-transparent border-none outline-none font-ibm text-[20px] md:text-[24px] leading-[100%] text-[#121212] placeholder:text-[#121212]/50 pl-[12px]"})})]})]}),(0,a.jsxs)("div",{className:"w-full flex flex-col items-center gap-4 mt-4",children:[(0,a.jsx)(o.N,{whileHover:v?"initial":"hover",initial:"initial",distance:.1,className:"w-full max-w-[1060px] ".concat(v?"pointer-events-none opacity-50":""),children:(0,a.jsxs)(l.P.button,{whileTap:{scale:.98},onClick:F,disabled:v,className:"relative w-full h-[72px] md:h-[96px] bg-[#121212] rounded-[24px] flex items-center justify-center border-b border-white overflow-hidden",children:[(0,a.jsx)(l.P.div,{variants:{initial:{x:"-101%"},hover:{x:0}},transition:{duration:.4,ease:[.22,1,.36,1]},className:"absolute inset-0 bg-[#FF6A00] z-0"}),(0,a.jsx)("span",{className:"relative z-10 font-bebas text-[28px] md:text-[32px] text-white uppercase tracking-widest",children:v?"Submitting...":"Submit"})]})}),(0,a.jsx)(r.N,{children:b.message&&(0,a.jsx)(l.P.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"w-full max-w-[1060px] px-4 py-3 rounded-[12px] font-ibm text-[14px] md:text-[16px] text-center ".concat("success"===b.type?"bg-green-50 text-green-700 border border-green-200":"error"===b.type?"bg-red-50 text-red-700 border border-red-200":"bg-gray-50 text-gray-600 border border-gray-200"),children:b.message})})]})]})]})})}},62077:(e,t,s)=>{Promise.resolve().then(s.bind(s,42653)),Promise.resolve().then(s.bind(s,98958)),Promise.resolve().then(s.bind(s,48079)),Promise.resolve().then(s.bind(s,64824))}},e=>{e.O(0,[844,446,711,880,64,694,437,441,255,358],()=>e(e.s=62077)),_N_E=e.O()}]);