https://www.replyonthefly.com/_next/static/chunks/30218-556d1bab24…?dpl=dpl_J9awT2eFt5fMJrYhcVZeU8bjEruG

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30218],{54003:(e,t,s)=>{s.d(t,{A:()=>n});var a=s(95155),i=s(12115),l=s(82785),r=s(80642);function n(){let[e,t]=(0,i.useState)("review"),[s,n]=(0,i.useState)(!0);return(0,i.useEffect)(()=>{if(!s)return;let e=()=>{t("review"),setTimeout(()=>t("analyzing"),2e3),setTimeout(()=>t("response"),3500)};e();let a=setInterval(e,8e3);return()=>clearInterval(a)},[s]),(0,a.jsxs)("div",{className:"bg-white rounded-lg border border-gray-200 overflow-hidden text-sm min-h-[400px]",children:[(0,a.jsxs)("div",{className:"bg-gradient-to-r from-amber-500 to-orange-500 px-4 py-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-white",children:[(0,a.jsx)("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",clipRule:"evenodd"})}),(0,a.jsx)("span",{className:"font-semibold",children:"Needs Attention"})]}),(0,a.jsx)("p",{className:"text-white/90 text-xs mt-1",children:"You received a 2-star review"})]}),(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsxs)(l.P.div,{animate:{scale:"review"===e?1.02:1,boxShadow:"review"===e?"0 4px 12px rgba(245, 158, 11, 0.2)":"0 0 0 rgba(0,0,0,0)"},transition:{duration:.3},className:"mb-4 p-3 bg-amber-50 border border-amber-200 rounded-lg",children:[(0,a.jsxs)("div",{className:"flex items-start gap-3 mb-2",children:[(0,a.jsx)("div",{className:"w-9 h-9 rounded-full bg-gray-400 flex items-center justify-center text-white font-semibold text-sm",children:"JD"}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("p",{className:"font-semibold text-gray-900 text-sm",children:"James D."}),(0,a.jsx)("div",{className:"flex items-center gap-1 mt-0.5",children:[1,2,3,4,5].map(e=>(0,a.jsx)("svg",{className:`w-3.5 h-3.5 ${e<=2?"text-yellow-400":"text-gray-300"}`,fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{d:"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"})},e))})]})]}),(0,a.jsxs)("p",{className:"text-gray-700 text-[13px] leading-relaxed",children:['"',"Waited 25 minutes for my order. Staff seemed disorganized and didn't apologize. Won't be coming back.",'"']})]}),(0,a.jsx)("div",{className:"h-[140px] lg:h-[180px]",children:(0,a.jsxs)(r.N,{mode:"wait",children:["analyzing"===e&&(0,a.jsx)(l.P.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"bg-violet-50 border border-violet-200 rounded-lg p-4",children:(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:"w-8 h-8 bg-violet-200 rounded-full flex items-center justify-center",children:(0,a.jsx)("svg",{className:"w-4 h-4 text-violet-600",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{d:"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"})})}),(0,a.jsx)(l.P.div,{className:"absolute inset-0 border-2 border-violet-400 rounded-full",animate:{scale:[1,1.3,1],opacity:[1,0,1]},transition:{duration:1.5,repeat:1/0}})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium text-violet-800",children:"Crafting empathetic response..."}),(0,a.jsx)("p",{className:"text-xs text-violet-600",children:"Acknowledging concern, taking ownership"})]})]})},"analyzing"),"response"===e&&(0,a.jsxs)(l.P.div,{initial:{opacity:0}

1,animate:{opacity:1},className:"bg-violet-50 border-l-4 border-violet-500 rounded-r-lg p-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,a.jsx)("svg",{className:"w-4 h-4 text-violet-600",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{d:"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"})}),(0,a.jsx)("span",{className:"text-xs font-semibold text-violet-700",children:"AI-Generated Response"}),(0,a.jsx)("span",{className:"ml-auto text-[10px] px-2 py-0.5 bg-emerald-100 text-emerald-700 rounded-full font-medium",children:"Ready to send"})]}),(0,a.jsx)("p",{className:"text-gray-700 text-[13px] leading-relaxed line-clamp-3",children:"James, I'm sorry your visit fell short. A 25-minute wait isn't acceptable, and we should have communicated better. I'd like to make this right. Please reach out to me at [email protected] so we can discuss this directly."}),(0,a.jsxs)("div",{className:"mt-2 pt-2 border-t border-violet-200 flex flex-wrap gap-1.5",children:[(0,a.jsx)("span",{className:"text-[10px] px-2 py-0.5 bg-violet-100 text-violet-700 rounded-full",children:"Apologizes sincerely"}),(0,a.jsx)("span",{className:"text-[10px] px-2 py-0.5 bg-violet-100 text-violet-700 rounded-full",children:"Takes ownership"}),(0,a.jsx)("span",{className:"text-[10px] px-2 py-0.5 bg-violet-100 text-violet-700 rounded-full",children:"Offers contact"})]})]},"response"),"review"===e&&(0,a.jsx)(l.P.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"h-full flex items-center justify-center",children:(0,a.jsx)("p",{className:"text-xs text-gray-400",children:"AI is reading the review..."})},"waiting")]})}),(0,a.jsxs)("div",{className:`flex gap-2 mt-4 transition-opacity duration-300 ${"response"===e?"opacity-100":"opacity-40"}`,children:[(0,a.jsx)("button",{className:"flex-1 bg-gradient-to-r from-emerald-500 to-green-500 text-white font-semibold py-2.5 px-4 rounded-lg text-[13px]",children:"Approve & Post"}),(0,a.jsx)("button",{className:"flex-1 bg-white border border-gray-300 text-gray-700 font-medium py-2.5 px-4 rounded-lg text-[13px]",children:"Edit Response"})]})]})]})}},73956:(e,t,s)=>{s.d(t,{A:()=>n});var a=s(95155),i=s(12115),l=s(80642),r=s(82785);function n(){let[e,t]=(0,i.useState)("generated"),[s,n]=(0,i.useState)(1),[d,o]=(0,i.useState)(!0),c="Demo Coffee Shop",x="Coffee Shop & Caf\xe9",m=[{id:"professional",name:"Polished & Professional",emoji:"\uD83D\uDC54",description:"Formal yet warm, emphasizing quality",guidelines:["Reference specialty coffee expertise","Mention commitment to quality","Use complete, polished sentences","Thank customers formally"],sampleResponse:"Sarah, thank you for visiting Demo Coffee Shop. We take pride in our specialty lattes and fresh pastries, and we're pleased your experience reflected that commitment to quality."},{id:"warm",name:"Warm & Personal",emoji:"\uD83D\uDE0A",description:"Like chatting with a regular",recommended:!0,guidelines:["Use customer's first name","Mention specific items they enjoyed",'Reference "the team" personally',"Invite them back warmly"],sampleResponse:"Sarah, thanks so much! The team gets excited when someone discovers our seasonal lattes. We'll save your usual spot by the window. See you soon!"},{id:"casual",name:"Relaxed & Casual",emoji:"\uD83D\uDC4B",description:"Friendly neighborhood vibe",guidelines:["Keep it brief and genuine","Match the caf\xe9's relaxed atmosphere","Skip formal language","Sound like a friend"],sampleResponse:"Hey Sarah, thanks for stopping by! Glad you liked the latte. Come back soon and try the new pastries!"}];return(0,i.useEffect)(()=>{if(!d)return;let e=setInterval(()=>{t("analyzing"),setTimeout(()=>{t("generated")},2e3),setTimeout(()=>{n(e=>(e+1)%m.length)},4e3)},6e3),s=setTimeout(()=>{t("generated")},500);return()=>{clearInterval(e),clearTimeout(s)}},[d,m.length]),m[s],(0,a.jsxs)("div",{className:"bg-gray-50 rounded-lg overflow-hidden text-sm min-h-[480px]",children:[(0,a.jsx)("div",{className:"bg-white border-b border-gray-200 px-4 py-3",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("h3",{className:"text-sm font-semibold text-gray-900 flex items-center gap-2",children:[(0,a.jsx)("svg",{className:"w-4 h-4 text-violet-600",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{d:"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"})}),"AI Voice Kit"]}),(0,a.jsx)("p",{className:"text-[10px] text-gray-500",children:"Personalized for your business"})]}),(0,a.jsxs)("div",{className:"text-right",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-gray-900",children:c}),(0,a.jsx)("p",{className:"text-[10px] text-gray-500",children:x})]})]})}),(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsx)("div",{className:"h-[80px] mb-3",children:(0,a.jsxs)(l.N,{mode:"wait",children:["analyzing"===e&&(0,a.jsx)(r.P.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"h-full p-3 bg-violet-50 border border-violet-200 rounded-lg flex items-center",children:(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)(r.P.div,{animate:{rotate:360},transition:{duration:1.5,repeat:1/0,ease:"linear"},className:"w-8 h-8 border-2 border-violet-500 border-t-transparent rounded-full"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs font-medium text-violet-800",children:"Analyzing your Google Business Profile..."}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1 mt-1",children:["Specialty lattes","Fresh pastries","Free WiFi","Open 7 days"].map((e,t)=>(0,a.jsx)(r.P.span,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.2*t},className:"text-[10px] px-1.5 py-0.5 bg-violet-100 text-violet-700 rounded",children:e},e))})]})]})},"analyzing"),"generated"===e&&(0,a.jsxs)(r.P.div,{initial:{opacity:0},animate:{opacity:1},className:"h-full p-2 bg-emerald-50 border border-emerald-200 rounded-lg flex items-center gap-2",children:[(0,a.jsx)("svg",{className:"w-4 h-4 text-emerald-600 flex-shrink-0",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),(0,a.jsxs)("p",{className:"text-[10px] text-emerald-800",children:[(0,a.jsx)("span",{className:"font-medium",children:"Detected:"})," ",x," • Styles customized for specialty coffee & caf\xe9 atmosphere"]})]},"context")]})}),(0,a.jsx)("div",{className:"flex gap-2 mb-4",children:m.map((e,i)=>(0,a.jsxs)(r.P.button,{onClick:()=>{o(!1),n(i),t("generated")},className:`relative flex-1 p-2 rounded-lg border-2 transition-colors ${s===i?"border-violet-500 bg-violet-50":"border-gray-200 bg-white hover:border-gray-300"}`,whileHover:{scale:1.02},whileTap:{scale:.98},children:[e.recommended&&s!==i&&(0,a.jsx)("span",{className:"absolute -top-1.5 left-1/2 -translate-x-1/2 px-1 py-0.5 bg-violet-600 text-white rounded text-[8px] font-medium whitespace-nowrap",children:"Best fit"}),s===i&&(0,a.jsx)("div",{className:"absolute top-1 right-1 w-4 h-4 bg-violet-600 rounded-full flex items-center justify-center",children:(0,a.jsx)("svg",{className:"w-2.5 h-2.5 text-white",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}),(0,a.jsx)("span",{className:"text-base block",children:e.emoji}),(0,a.jsx)("span",{className:"text-[9px] font-medium text-gray-700 block mt-0.5 leading-tight",children:e.name.split(" & ")[0]})]},e.id))}),(0,a.jsx)("div",{className:"grid",children:m.map((e,t)=>{let i=t===s;return(0,a.jsxs)(r.P.div,{initial:!1,animate:{opacity:+!!i},transition:{duration:.3},"aria-hidden":!i,className:`col-start-1 row-start-1 ${i?"":"invisible pointer-events-none"}`,children:[(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("p",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wide mb-2 flex items-center gap-1",children:[(0,a.jsx)("svg",{className:"w-3 h-3 text-violet-500",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{d:"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"})}),"Auto-generated guidelines for ",c]}),(0,a.jsx)("div",{className:"grid grid-cols-2 gap-1.5",children:e.guidelines.map(e=>(0,a.jsxs)("div",{className:"flex items-start gap-1.5 p-1.5 bg-white border border-gray-200 rounded",children:[(0,a.jsx)("svg",{className:"w-3 h-3 text-violet-500 flex-shrink-0 mt-0.5",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),(0,a.jsx)("span",{className:"text-[10px] text-gray-700 leading-tight",children:e})]},e))})]}),(0,a.jsxs)("div",{className:"bg-white rounded-lg border border-gray-200 overflow-hidden",children:[(0,a.jsxs)("div",{className:"px-3 py-2 bg-gray-50 border-b border-gray-200 flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-[10px] font-medium text-gray-600",children:"Sample response with this style"}),(0,a.jsx)("span",{className:"text-[9px] px-1.5 py-0.5 bg-violet-100 text-violet-700 rounded font-medium",children:e.name})]}),(0,a.jsxs)("div",{className:"p-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mb-2",children:[(0,a.jsx)("div",{className:"w-5 h-5 bg-gradient-to-br from-violet-500 to-indigo-600 rounded flex items-center justify-center",children:(0,a.jsx)("svg",{className:"w-3 h-3 text-white",f

1ill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z",clipRule:"evenodd"})})}),(0,a.jsx)("span",{className:"text-[10px] font-semibold text-violet-700",children:"AI Response"})]}),(0,a.jsxs)("p",{className:"text-xs text-gray-700 leading-relaxed",children:['"',e.sampleResponse,'"']})]})]})]},e.id)})})]})]})}}}]);