https://www.reviewgrowth.ai/_next/static/chunks/5052.9be7676a5fab7a73.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5052],{5052:function(e,t,o){o.r(t),o.d(t,{default:function(){return d}});var n=o(57437),r=o(2265),i=o(50814),s=o(37270);let l={border:"#e8e4dd",muted:"#475569",secondary:"#64748b"},a=[{q:"How do I embed a widget on my website?",a:"Go to Widgets → click your widget → Embed tab. Copy the embed code and paste it into your website HTML, or use the shareable link directly."},{q:"How do I set up review routing?",a:"Go to Settings → Review Sites and add your Google, Yelp, or Facebook review links. Then create a Review Funnel widget to route happy customers to those sites."},{q:"Can I customize the look of my widget?",a:"Yes! Each widget has full customization — colors, text, branding, logo upload, and more. Click Customize on any widget to access the editor."},{q:"How do I approve reviews?",a:"Go to Reviews in your sidebar. Pending reviews show Approve/Reject buttons. Only approved reviews appear on your Review Display."},{q:"What's the Review Display?",a:"It's a beautiful, embeddable showcase of your approved reviews. Create a Review Display widget, customize the layout, and embed it on your website."},{q:"How do I upgrade my plan?",a:"Go to Settings and scroll to the Plans section. Click Upgrade on the plan you want."},{q:"Can customers record video reviews?",a:"Yes! Enable Video in your widget's Formats tab. Customers can record directly from their browser or upload a video file."}];function d(){let{toast:e}=(0,i.p)(),{primaryColor:t}=(0,s.y)(),o=t||"#6B1B3D",[d,c]=(0,r.useState)(!1),[p,u]=(0,r.useState)("home"),[h,m]=(0,r.useState)(null),[f,g]=(0,r.useState)({subject:"",message:"",category:"general"}),[y,x]=(0,r.useState)(!1),[b,w]=(0,r.useState)(null),[j,v]=(0,r.useState)(!1),S=(0,r.useRef)(!1),k=(0,r.useRef)({x:0,y:0}),z=(0,r.useRef)(null);(0,r.useEffect)(()=>{try{let e=JSON.parse(localStorage.getItem("helpWidgetPos"));e&&"number"==typeof e.x&&"number"==typeof e.y&&w(e)}catch(e){}},[]);let C=(0,r.useCallback)(e=>{if(0!==e.button)return;e.preventDefault();let t=z.current.getBoundingClientRect();k.current={x:e.clientX-t.left,y:e.clientY-t.top},S.current=!1,v(!0)},[]);(0,r.useEffect)(()=>{if(j)return window.addEventListener("pointermove",e),window.addEventListener("pointerup",t),()=>{window.removeEventListener("pointermove",e),window.removeEventListener("pointerup",t)};function e(e){S.current=!0,w({x:Math.max(0,Math.min(window.innerWidth-52,e.clientX-k.current.x)),y:Math.max(0,Math.min(window.innerHeight-52,e.clientY-k.current.y))})}function t(){v(!1),w(e=>{if(e)try{localStorage.setItem("helpWidgetPos",JSON.stringify(e))}catch(e){}return e})}},[j]);let W=async()=>{if(f.subject.trim()&&f.message.trim()){x(!0);try{(await fetch("/api/support",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(f)})).ok?u("sent"):e({title:"Failed to send",description:"Please try again.",type:"error"})}catch(t){e({title:"Network error",description:"Check your connection and try again.",type:"error"})}x(!1)}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{ref:z,onPointerDown:C,onClick:()=>{S.current||(c(!d),d||u("home"))},"aria-label":d?"Close help":"Open help",title:"Help — drag to move",style:{position:"fixed",...b?{left:b.x,top:b.y}:{bottom:24,right:24},width:52,height:52,borderRadius:"50%",background:o,color:"#fff",border:"none",cursor:j?"grabbing":"grab",zIndex:999,boxShadow:"0 4px 20px rgba(0,0,0,0.15)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1.2rem",transition:j?"none":"transform 0.2s, box-shadow 0.15s",transform:d?"rotate(45deg)":"rotate(0)",userSelect:"none",touchAction:"none"},children:d?"✕":"?"}),d&&(0,n.jsxs)("div",{style:{position:"fixed",...b?{left:Math.min(b.x,window.innerWidth-380),top:Math.max(0,b.y-530)}:{bottom:88,right:24},width:360,maxWidth:"calc(100vw - 48px)",maxHeight:520,borderRadius:16,background:"#fff",boxShadow:"0 12px 48px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04)",zIndex:999,display:"flex",flexDirection:"column",overflow:"hidden",animation:"slideUp 0.2s ease-out"},children:[(0,n.jsx)("style",{suppressHydrationWarning:!0,children:"@keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }"}),(0,n.jsxs)("div",{style:{padding:"16px 20px",background:o,color:"#fff"},children:[(0,n.jsx)("h3",{style:{fontWeight:700,fontSize:"0.95rem",marginBottom:2},children:"home"===p?"Help & Support":"faq"===p?"Frequently Asked":"contact"===p?"Contact Support":"Ticket Sent!"}),(0,n.jsx)("p",{style:{fontSize:"0.7rem",opacity:.7},children:"home"===p?"How can we help you today?":"faq"===p?"Quick answers to common questions":"sent"===p?"We'll get back to you soon":"We typically respond within 24 hours"})]}),(0,n.jsxs)("div",{style:{flex:1,overflowY:"auto",padding:"16px 20px"},children:["home"===p&&(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[(0,n.jsxs)("button",{onClick:()=>u("faq"),style:{display:"flex",alignItems:"center",gap:12,padding:"14px 16px",borderRadius:10,border:"1px solid ".concat(l.border),background:"#fff",cursor:"pointer",fontFamily:"inherit",textAlign:"left",transition:"all 0.15s"},children:[(0,n.jsx)("span",{style:{fontSize:"1.2rem"},children:"\uD83D\uDCD6"}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{style:{fontWeight:600,fontSize:"0.85rem",color:o},children:"FAQs"}),(0,n.jsx)("p",{style:{fontSize:"0.7rem",color:l.muted}

1,children:"Quick answers to common questions"})]})]}),(0,n.jsxs)("button",{onClick:()=>u("contact"),style:{display:"flex",alignItems:"center",gap:12,padding:"14px 16px",borderRadius:10,border:"1px solid ".concat(l.border),background:"#fff",cursor:"pointer",fontFamily:"inherit",textAlign:"left"},children:[(0,n.jsx)("span",{style:{fontSize:"1.2rem"},children:"✉️"}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{style:{fontWeight:600,fontSize:"0.85rem",color:o},children:"Contact Support"}),(0,n.jsx)("p",{style:{fontSize:"0.7rem",color:l.muted},children:"Send us a message, we'll respond quickly"})]})]}),(0,n.jsxs)("div",{style:{borderTop:"1px solid ".concat(l.border),paddingTop:12,marginTop:4},children:[(0,n.jsx)("p",{style:{fontSize:"0.7rem",fontWeight:600,color:l.muted,marginBottom:8},children:"Quick Links"}),[{label:"Create a widget",href:"/widgets"},{label:"View reviews",href:"/reviews"},{label:"Account settings",href:"/settings"}].map(e=>(0,n.jsxs)("a",{href:e.href,style:{display:"block",fontSize:"0.78rem",color:o,fontWeight:500,padding:"6px 0",textDecoration:"none"},children:[e.label," →"]},e.href))]})]}),"faq"===p&&(0,n.jsxs)("div",{children:[(0,n.jsx)("button",{onClick:()=>u("home"),style:{fontSize:"0.75rem",color:l.muted,background:"none",border:"none",cursor:"pointer",fontFamily:"inherit",marginBottom:12},children:"← Back"}),a.map((e,t)=>(0,n.jsxs)("div",{style:{borderBottom:"1px solid ".concat(l.border),paddingBottom:10,marginBottom:10},children:[(0,n.jsxs)("button",{onClick:()=>m(h===t?null:t),"aria-expanded":h===t,style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",background:"none",border:"none",cursor:"pointer",fontFamily:"inherit",textAlign:"left",padding:"4px 0"},children:[(0,n.jsx)("span",{style:{fontWeight:600,fontSize:"0.8rem",color:o},children:e.q}),(0,n.jsx)("span",{style:{fontSize:"0.7rem",color:l.muted,flexShrink:0,marginLeft:8},children:h===t?"−":"+"})]}),h===t&&(0,n.jsx)("p",{style:{fontSize:"0.75rem",color:l.secondary,lineHeight:1.5,marginTop:6,paddingLeft:2},children:e.a})]},t)),(0,n.jsxs)("div",{style:{textAlign:"center",paddingTop:8},children:[(0,n.jsx)("p",{style:{fontSize:"0.72rem",color:l.muted,marginBottom:6},children:"Still need help?"}),(0,n.jsx)("button",{onClick:()=>u("contact"),style:{padding:"8px 20px",borderRadius:8,background:o,color:"#fff",border:"none",fontSize:"0.75rem",fontWeight:600,cursor:"pointer",fontFamily:"inherit"},children:"Contact Support"})]})]}),"contact"===p&&(0,n.jsxs)("div",{children:[(0,n.jsx)("button",{onClick:()=>u("home"),style:{fontSize:"0.75rem",color:l.muted,background:"none",border:"none",cursor:"pointer",fontFamily:"inherit",marginBottom:12},children:"← Back"}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{style:{fontSize:"0.7rem",fontWeight:600,color:"#888",display:"block",marginBottom:4},children:"Category"}),(0,n.jsxs)("select",{value:f.category,onChange:e=>g(t=>({...t,category:e.target.value})),style:{width:"100%",padding:"8px 10px",borderRadius:8,border:"1px solid ".concat(l.border),fontSize:"0.8rem",fontFamily:"inherit",background:"#fff"},children:[(0,n.jsx)("option",{value:"general",children:"General Question"}),(0,n.jsx)("option",{value:"bug",children:"Bug Report"}),(0,n.jsx)("option",{value:"feature",children:"Feature Request"}),(0,n.jsx)("option",{value:"billing",children:"Billing"}),(0,n.jsx)("option",{value:"setup",children:"Setup Help"})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{style:{fontSize:"0.7rem",fontWeight:600,color:"#888",display:"block",marginBottom:4},children:"Subject"}),(0,n.jsx)("input",{value:f.subject,onChange:e=>g(t=>({...t,subject:e.target.value})),placeholder:"Brief summary...",style:{width:"100%",padding:"8px 10px",borderRadius:8,border:"1px solid ".concat(l.border),fontSize:"0.8rem",fontFamily:"inherit"}})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{style:{fontSize:"0.7rem",fontWeight:600,color:"#888",display:"block",marginBottom:4},children:"Message"}),(0,n.jsx)("textarea",{value:f.message,onChange:e=>g(t=>({...t,message:e.target.value})),placeholder:"Describe your issue or question...",rows:4,style:{width:"100%",padding:"8px 10px",borderRadius:8,border:"1px solid ".concat(l.border),fontSize:"0.8rem",fontFamily:"inherit",resize:"vertical"}})]}),(0,n.jsx)("button",{onClick:W,disabled:y||!f.subject.trim()||!f.message.trim(),style:{padding:"10px",borderRadius:8,background:o,color:"#fff",border:"none",fontWeight:600,fontSize:"0.82rem",cursor:"pointer",fontFamily:"inherit",opacity:y?.7:1},children:y?"Sending...":"Send Message"})]})]}),"sent"===p&&(0,n.jsxs)("div",{style:{textAlign:"center",padding:"20px 0"},children:[(0,n.jsx)("div",{style:{fontSize:"2rem",marginBottom:8},children:"✉️"}),(0,n.jsx)("p",{style:{fontWeight:600,color:o,marginBottom:4},children:"Message sent!"}),(0,n.jsx)("p",{style:{fontSize:"0.78rem",color:l.muted,marginBottom:16},children:"We'll get back to you within 24 hours."}),(0,n.jsx)("button",{onClick:()=>{u("home"),g({subject:"",message:"",category:"general"})},style:{padding:"8px 20px",borderRadius:8,border:"1px solid ".concat(l.border),background:"#fff",fontSize:"0.75rem",fontWeight:600,cursor:"pointer",fontFamily:"inherit",color:o},children:"Done"})]})]})]})]})}}}]);