https://boombam.app/assets/voicemail-mockup-CQr_yUQx.js

1import{r as b,aM as ve,j as e,C as d,b as m,d as o,e as x,ab as h,$ as M,a0 as S,a1 as P,a2 as A,a3 as t,aF as z,ap as K,B as n,a4 as Z,S as F,s as f,bj as G,bS as Ne,b7 as be,b$ as $,aG as fe,au as ye,cV as I,X as we,q as Ce,f as ee,h as ke,V as Te,J as se,T as ae}from"./index-CuSEeJFb.js";import{T as Me,a as Se,b as B,c as H}from"./tabs-CcPOXtvT.js";import{P as te}from"./progress-B2eMqtVV.js";import{V as U}from"./voicemail-2V6a7KU0.js";import{P as le}from"./pause-DRo4KdS6.js";import{P as ie}from"./play-oR40AlEL.js";import{V as re}from"./volume-2-bzvEFd58.js";import{T as Pe}from"./timer-ZazLa3Az.js";import{P as Ae}from"./phone-call-C1bp6wH-.js";function Oe({register:N,control:Re,setValue:g,watch:l,businessProfile:p,isGeneratingField:i,onGenerateField:y,creativeFormat:De,temperature:_e,awarenessLevel:Le,getValidationStatus:Y}){const[ne,ce]=b.useState("message"),[u,R]=b.useState(!1),[D,de]=b.useState(0);b.useState("idle");const[E,me]=b.useState(0),r=l("platformContent.voicemailMessage")||"",q=l("platformContent.callbackNumber")||"",c=l("platformContent.urgencyLevel")||"normal",oe=l("platformContent.messageDurationTarget")||"30";l("platformContent.personalizationTokens");const xe=l("platformContent.followUpTiming")||"24_hours",_=l("platformContent.voicemailGreeting")||"",he=l("platformContent.voicemailFormat")||"follow_up_voicemails",je=l("platformContent.deliverySchedule")||"immediate",O=l("platformContent.customCaller")||"",W=l("platformContent.autoTranscription")??!0,ge=l("platformContent.readReceipt")??!1;l("platformContent.voicemailPriority"),l("platformContent.messageTemplate");const j={voicemailMessage:300,voicemailGreeting:100,callbackNumber:20,customCaller:50},w=(s,a,v)=>{if(Y){const T=Y(s,v);return{colorClass:T.status==="error"?"text-red-500":T.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:T.message}}const V=a/v;return{colorClass:V>.9?"text-red-500":V>.7?"text-orange-500":"text-gray-500 dark:text-gray-400",message:`${a}/${v}`}},C=s=>{const X=s.length/5/150;return Math.round(X*60)},L=(p==null?void 0:p.businessName)||"Your Business",J=(p==null?void 0:p.phone)||"(555) 123-4567",pe=L.split(" ").map(s=>s[0]).join("").toUpperCase().slice(0,2),ue={follow_up_voicemails:{name:"Follow-up Voicemails",icon:e.jsx(Ae,{className:"w-4 h-4"}),description:"Continuing conversations"},appointment_reminders:{name:"Appointment Reminders",icon:e.jsx(se,{className:"w-4 h-4"}),description:"Meeting confirmations"},promotional_messages:{name:"Promotional Messages",icon:e.jsx(ae,{className:"w-4 h-4"}),description:"Marketing campaigns"},survey_invitations:{name:"Survey Invitations",icon:e.jsx(I,{className:"w-4 h-4"}),description:"Feedback requests"},thank_you_messages:{name:"Thank You Messages",icon:e.jsx(ee,{className:"w-4 h-4"}),description:"Appreciation calls"},callback_requests:{name:"Callback Requests",icon:e.jsx($,{className:"w-4 h-4"}),description:"Return call requests"}};ve.useEffect(()=>{let s;return u&&(s=setInterval(()=>{de(a=>a>=100?(R(!1),0):a+2),me(a=>a+.5)},250)),()=>clearInterval(s)},[u]);const k=s=>{const a=Math.floor(s/60),v=Math.floor(s%60);return`${a}:${v.toString().padStart(2,"0")}`},Q=Array.from({length:40},(s,a)=>Math.random()*100);return e.jsx("div",{className:"max-w-6xl mx-auto",children:e.jsxs(Me,{value:ne,onValueChange:s=>ce(s),className:"w-full",children:[e.jsxs(Se,{className:"grid w-full grid-cols-3","data-testid":"tabs-voicemail",children:[e.jsx(B,{value:"message","data-testid":"tab-voicemail-message",children:"Message"}),e.jsx(B,{value:"player","data-testid":"tab-voicemail-player",children:"Voicemail Player"}),e.jsx(B,{value:"analytics","data-testid":"tab-voicemail-analytics",children:"Analytics"})]}),e.jsx(H,{value:"message",className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(o,{className:"flex items-center gap-2",children:[e.jsx(U,{className:"w-5 h-5"}),"Voicemail Type & Settings"]})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(h,{htmlFor:"voicemailFormat",children:"Voicemail Format"}),e.jsxs(M,{value:he,onValueChange:s=>g("platformContent.voicemailFormat",s),children:[e.jsx(S,{"data-testid":"select-voicemail-format",children:e.jsx(P,{placeholder:"Select voicemail type"})}),e.jsx(A,{children:Object.entries(ue).map(([s,a])=>e.jsx(t,{value:s,"data-testid":`option-voicemail-${s}`,children:e.jsxs("div",{className:"flex items-center gap-2",children:[a.icon,e.jsxs("div",{children:[e.jsx("div",{children:a.name}),e.jsx("div",{className:"text-xs text-gray-500",children:a.description})]})]})},s))})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx(h,{htmlFor:"urgencyLevel",children:"Urgency Level"}),e.jsxs(M,{value:c,onValueChange:s=>g("platformContent.urgencyLevel",s),children:[e.jsx(S,{"data-testid":"select-urgency-level",children:e.jsx(P,{})}),e.jsxs(A,{children:[e.jsx(t,{value:"low","data-testid":"option-urgency-low",children:"Low"}),e.jsx(t,{value:"normal","data-testid":"option-urgency-normal",children:"Normal"}),e.jsx(t,{value:"high","data-testid":"option-urgency-high",children:"High"}),e.jsx(t,{value:"urgent","data-testid":"option-urgency-urgent",children:"Urgent"})]})]})]}),e.jsxs("div",{children:[e.jsx(h,{htmlFor:"messageDurationTarget",children:"Target Duration (seconds)"}),e.jsx(z,{...N("platformContent.messageDurationTarget"),type:"number",min:"10",max:"120",placeholder:"30","data-testid":"input-duration-target"})]})]}),e.jsxs("div",{children:[e.jsx(h,{htmlFor:"callbackNumber",children:"Callback Number"}),e.jsx(z,{...N("platformContent.callbackNumber"),placeholder:"(555) 123-4567",maxLength:j.callbackNumber,"data-testid":"input-callback-number"})]}),e.jsxs("div",{children:[e.jsx(h,{htmlFor:"followUpTiming",children:"Follow-up Timing"}),e.jsxs(M,{value:xe,onValueChange:s=>g("platformContent.followUpTiming",s),children:[e.jsx(S,{"data-testid":"select-followup-timing",children:e.jsx(P,{})}),e.jsxs(A,{children:[e.jsx(t,{value:"immediate","data-testid":"option-timing-immediate",children:"Immediate"}),e.jsx(t,{value:"1_hour","data-testid":"option-timing-1hour",children:"1 Hour"}),e.jsx(t,{value:"4_hours","data-testid":"option-timing-4hours",children:"4 Hours"}),e.jsx(t,{value:"24_hours","data-testid":"option-timing-24hours",children:"24 Hours"}),e.jsx(t,{value:"48_hours","data-testid":"option-timing-48hours",children:"48 Hours"}),e.jsx(t,{value:"1_week","data-testid":"option-timing-1week",children:"1 Week"})]})]})]})]})]}),e.jsxs(d,{children:[e.jsx(m,{children:e.jsx(o,{children:"Voicemail Greeting"})}),e.jsx(x,{children:e.jsxs("div",{className:"relative",children:[e.jsx(K,{...N("platformContent.voicemailGreeting"),placeholder:"Hi, you've reached [Name] at [Company]. Please leave your name, number, and message...",className:"min-h-[60

1px] pr-12",maxLength:j.voicemailGreeting,"data-testid":"textarea-voicemail-greeting"}),y&&e.jsx(n,{type:"button",variant:"ghost",size:"sm",className:"absolute top-2 right-2 h-8 px-2 text-xs",onClick:()=>y("voicemailGreeting"),disabled:i==null?void 0:i("voicemailGreeting"),"data-testid":"button-generate-greeting",children:i!=null&&i("voicemailGreeting")?e.jsx(Z,{className:"w-3 h-3 animate-spin"}):e.jsx(F,{className:"w-3 h-3"})}),e.jsxs("div",{className:"flex justify-between items-center mt-2",children:[e.jsx("span",{className:"text-xs text-gray-500",children:"Your voicemail box greeting"}),e.jsx(f,{variant:"outline",className:`text-xs ${w("voicemailGreeting",_.length,j.voicemailGreeting).colorClass}`,"data-testid":"badge-greeting-count",children:w("voicemailGreeting",_.length,j.voicemailGreeting).message})]})]})})]}),e.jsxs(d,{children:[e.jsx(m,{children:e.jsx(o,{children:"Voicemail Message"})}),e.jsx(x,{children:e.jsxs("div",{className:"relative",children:[e.jsx(K,{...N("platformContent.voicemailMessage"),placeholder:"Hi [Name], this is [Your Name] from [Company]. I wanted to follow up on our conversation about [topic]. I have some specific ideas that could help [specific benefit]...",className:"min-h-[150px] pr-12",maxLength:j.voicemailMessage,"data-testid":"textarea-voicemail-message"}),y&&e.jsx(n,{type:"button",variant:"ghost",size:"sm",className:"absolute top-2 right-2 h-8 px-2 text-xs",onClick:()=>y("voicemailMessage"),disabled:i==null?void 0:i("voicemailMessage"),"data-testid":"button-generate-message",children:i!=null&&i("voicemailMessage")?e.jsx(Z,{className:"w-3 h-3 animate-spin"}):e.jsx(F,{className:"w-3 h-3"})}),e.jsxs("div",{className:"flex justify-between items-center mt-2",children:[e.jsx("span",{className:"text-xs text-gray-500",children:"Your voicemail message content"}),e.jsx(f,{variant:"outline",className:`text-xs ${w("voicemailMessage",r.length,j.voicemailMessage).colorClass}`,"data-testid":"badge-message-count",children:w("voicemailMessage",r.length,j.voicemailMessage).message})]})]})})]}),e.jsxs(d,{children:[e.jsx(m,{children:e.jsx(o,{children:"Personalization & Delivery"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(h,{htmlFor:"customCaller",children:"Caller Name Display"}),e.jsx(z,{...N("platformContent.customCaller"),placeholder:"Your Name or Business",maxLength:j.customCaller,"data-testid":"input-custom-caller"})]}),e.jsxs("div",{children:[e.jsx(h,{htmlFor:"deliverySchedule",children:"Delivery Schedule"}),e.jsxs(M,{value:je,onValueChange:s=>g("platformContent.deliverySchedule",s),children:[e.jsx(S,{"data-testid":"select-delivery-schedule",children:e.jsx(P,{})}),e.jsxs(A,{children:[e.jsx(t,{value:"immediate","data-testid":"option-delivery-immediate",children:"Send Immediately"}),e.jsx(t,{value:"business_hours","data-testid":"option-delivery-business",children:"Business Hours Only"}),e.jsx(t,{value:"morning","data-testid":"option-delivery-morning",children:"Morning (9-12 PM)"}),e.jsx(t,{value:"afternoon","data-testid":"option-delivery-afternoon",children:"Afternoon (1-5 PM)"}),e.jsx(t,{value:"scheduled","data-testid":"option-delivery-scheduled",children:"Custom Schedule"})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(h,{className:"text-sm",children:"Auto Transcription"}),e.jsx(G,{checked:W,onCheckedChange:s=>g("platformContent.autoTranscription",s),"data-testid":"switch-auto-transcription"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(h,{className:"text-sm",children:"Request Read Receipt"}),e.jsx(G,{checked:ge,onCheckedChange:s=>g("platformContent.readReceipt",s),"data-testid":"switch-read-receipt"})]})]})]})]}),e.jsx("div",{className:"lg:sticky lg:top-4",children:e.jsxs(d,{className:"h-fit",children:[e.jsx(m,{children:e.jsxs(o,{className:"flex items-center gap-2",children:[e.jsx(U,{className:"w-5 h-5"}),"Message Preview"]})}),e.jsx(x,{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 rounded-lg space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-gray-600",children:"From:"}),e.jsx("span",{className:"font-medium","data-testid":"preview-caller",children:O||L})]}),e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-gray-600",children:"Callback:"}),e.jsx("span",{className:"font-medium","data-testid":"preview-callback",children:q||J})]}),e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-gray-600",children:"Priority:"}),e.jsx(f,{variant:c==="urgent"?"destructive":c==="high"?"default":"secondary",className:"text-xs","data-testid":"preview-priority",children:c.charAt(0).toUpperCase()+c.slice(1)})]}),e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-gray-600",children:"Est. Duration:"}),e.jsxs("span",{className:"font-medium","data-testid":"preview-duration",children:[C(r),"s"]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-950 p-3 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-blue-900 dark:text-blue-100 text-sm mb-2",children:"Greeting"}),e.jsx("p",{className:"text-sm text-blue-800 dark:text-blue-200","data-testid":"preview-greeting-text",children:_||"Your greeting will appear here..."})]}),e.jsxs("div",{className:"bg-green-50 dark:bg-green-950 p-3 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-green-900 dark:text-green-100 text-sm mb-2",children:"Message"}),e.jsx("p",{className:"text-sm text-green-800 dark:text-green-200 whitespace-pre-wrap","data-testid":"preview-message-text",children:r||"Your voicemail message will appear here..."})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-semibold text-sm",children:"Audio Waveform Preview"}),e.jsxs("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:[e.jsx("div",{className:"flex items-end justify-center space-x-1 h-16",children:Q.map((s,a)=>e.jsx("div",{className:`w-1 bg-blue-500 rounded-sm transition-all duration-200 ${D>

1a/Q.length*100?"opacity-100":"opacity-30"}`,style:{height:`${Math.max(s*.8,10)}%`},"data-testid":`waveform-bar-${a}`},a))}),e.jsxs("div",{className:"mt-4 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(n,{size:"sm",variant:"outline",onClick:()=>R(!u),"data-testid":"button-play-pause",children:u?e.jsx(le,{className:"w-3 h-3"}):e.jsx(ie,{className:"w-3 h-3"})}),e.jsx("span",{className:"text-xs text-gray-600","data-testid":"display-current-time",children:k(E)}),e.jsx("span",{className:"text-xs text-gray-400",children:"/"}),e.jsx("span",{className:"text-xs text-gray-600","data-testid":"display-total-time",children:k(C(r))})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(re,{className:"w-4 h-4 text-gray-500"}),e.jsx(te,{value:D,className:"w-20","data-testid":"progress-playback"})]})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-900 p-3 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-gray-900 dark:text-gray-100 text-sm mb-2",children:"Message Statistics"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[e.jsxs("div",{children:["Words: ",e.jsx("span",{className:"font-medium","data-testid":"stat-word-count",children:r.split(" ").length})]}),e.jsxs("div",{children:["Characters: ",e.jsx("span",{className:"font-medium","data-testid":"stat-char-count",children:r.length})]}),e.jsxs("div",{children:["Est. Time: ",e.jsxs("span",{className:"font-medium","data-testid":"stat-est-time",children:[C(r),"s"]})]}),e.jsxs("div",{children:["Target: ",e.jsxs("span",{className:"font-medium","data-testid":"stat-target-time",children:[oe,"s"]})]})]})]})]})})]})})]})}),e.jsx(H,{value:"player",className:"space-y-6",children:e.jsx("div",{className:"max-w-2xl mx-auto",children:e.jsxs(d,{className:"bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 text-white",children:[e.jsxs(m,{className:"text-center pb-4",children:[e.jsxs("div",{className:"flex items-center justify-center space-x-4 mb-4",children:[e.jsx("div",{className:"w-3 h-3 bg-red-500 rounded-full animate-pulse"}),e.jsx("div",{className:"w-3 h-3 bg-yellow-500 rounded-full"}),e.jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"})]}),e.jsx(o,{className:"text-xl",children:"Voicemail System"}),e.jsx("p",{className:"text-sm text-gray-300",children:"Professional Voicemail Player"})]}),e.jsxs(x,{className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-24 h-24 bg-gradient-to-br from-blue-600 to-blue-800 rounded-full mx-auto flex items-center justify-center text-2xl font-bold",children:pe}),e.jsx("div",{className:"absolute -bottom-2 -right-2 w-8 h-8 bg-green-500 rounded-full flex items-center justify-center",children:e.jsx(U,{className:"w-4 h-4"})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-medium text-lg","data-testid":"display-caller-name",children:O||L}),e.jsx("p",{className:"text-sm text-gray-400","data-testid":"display-caller-number",children:q||J}),e.jsxs(f,{className:`mt-2 ${c==="urgent"?"bg-red-600":c==="high"?"bg-orange-600":c==="normal"?"bg-blue-600":"bg-gray-600"}`,"data-testid":"display-urgency-badge",children:[c.charAt(0).toUpperCase()+c.slice(1)," Priority"]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(te,{value:D,className:"w-full h-2","data-testid":"progress-voicemail"}),e.jsxs("div",{className:"flex justify-between text-xs text-gray-400",children:[e.jsx("span",{"data-testid":"display-current-progress",children:k(E)}),e.jsx("span",{"data-testid":"display-total-progress",children:k(C(r))})]})]}),e.jsxs("div",{className:"flex justify-center items-center space-x-4",children:[e.jsx(n,{size:"lg",variant:"ghost",className:"rounded-full w-12 h-12 bg-gray-700 hover:bg-gray-600","data-testid":"button-previous",children:e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"w-1 h-4 bg-white mr-1"}),e.jsx("div",{className:"w-0 h-0 border-t-2 border-b-2 border-r-4 border-transparent border-r-white"}),e.jsx("div",{className:"w-0 h-0 border-t-2 border-b-2 border-r-4 border-transparent border-r-white ml-1"})]})}),e.jsx(n,{size:"lg",className:"rounded-full w-16 h-16 bg-blue-600 hover:bg-blue-700",onClick:()=>R(!u),"data-testid":"button-play-pause-main",children:u?e.jsx(le,{className:"w-6 h-6"}):e.jsx(ie,{className:"w-6 h-6"})}),e.jsx(n,{size:"lg",variant:"ghost",className:"rounded-full w-12 h-12 bg-gray-700 hover:bg-gray-600","data-testid":"button-next",children:e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"w-0 h-0 border-t-2 border-b-2 border-l-4 border-transparent border-l-white"}),e.jsx("div",{className:"w-0 h-0 border-t-2 border-b-2 border-l-4 border-transparent border-l-white ml-1"}),e.jsx("div",{className:"w-1 h-4 bg-white ml-1"})]})})]}),e.jsxs("div",{className:"flex justify-center items-center space-x-6 pt-4",children:[e.jsxs(n,{size:"sm",variant:"ghost",className:"flex items-center gap-1 text-xs","data-testid":"button-speed",children:[e.jsx(Pe,{className:"w-4 h-4"}),"1.0x"]}),e.jsxs(n,{size:"sm",variant:"ghost",className:"flex items-center gap-1 text-xs","data-testid":"button-volume",children:[e.jsx(re,{className:"w-4 h-4"}),"Volume"]}),e.jsxs(n,{size:"sm",variant:"ghost",className:"flex items-center gap-1 text-xs","data-testid":"button-download",children:[e.jsx(Ne,{className:"w-4 h-4"}),"Save"]})]})]}),e.jsx(be,{className:"bg-gray-600"}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium text-center",children:"Qu

1ick Actions"}),e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[e.jsxs(n,{size:"sm",variant:"ghost",className:"flex flex-col items-center gap-1 p-3","data-testid":"button-callback",children:[e.jsx($,{className:"w-4 h-4"}),e.jsx("span",{className:"text-xs",children:"Call Back"})]}),e.jsxs(n,{size:"sm",variant:"ghost",className:"flex flex-col items-center gap-1 p-3","data-testid":"button-archive-vm",children:[e.jsx(fe,{className:"w-4 h-4"}),e.jsx("span",{className:"text-xs",children:"Archive"})]}),e.jsxs(n,{size:"sm",variant:"ghost",className:"flex flex-col items-center gap-1 p-3","data-testid":"button-delete-vm",children:[e.jsx(ye,{className:"w-4 h-4"}),e.jsx("span",{className:"text-xs",children:"Delete"})]})]})]}),W&&e.jsxs("div",{className:"bg-gray-800 p-4 rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(I,{className:"w-4 h-4"}),e.jsx("span",{className:"text-sm font-medium",children:"Transcription"}),e.jsx(f,{variant:"secondary",className:"text-xs",children:"Auto"})]}),e.jsx("p",{className:"text-sm text-gray-300","data-testid":"display-transcription",children:r?`"${r.substring(0,100)}${r.length>100?"...":""}"`:"Transcription will appear here when message is played..."})]})]})]})})}),e.jsxs(H,{value:"analytics",className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(o,{className:"flex items-center gap-2 text-lg",children:[e.jsx(we,{className:"w-5 h-5"}),"Message Performance"]})}),e.jsx(x,{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Listen Rate"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 bg-gray-200 rounded-full h-2",children:e.jsx("div",{className:"bg-green-500 h-2 rounded-full w-4/5"})}),e.jsx("span",{className:"text-sm font-medium","data-testid":"metric-listen-rate",children:"82%"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Callback Rate"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 bg-gray-200 rounded-full h-2",children:e.jsx("div",{className:"bg-blue-500 h-2 rounded-full w-1/3"})}),e.jsx("span",{className:"text-sm font-medium","data-testid":"metric-callback-rate",children:"34%"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Avg. Listen Duration"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"metric-avg-listen",children:"28s"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Response Time"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"metric-response-time",children:"2.4 hours"})]})]})})]}),e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(o,{className:"flex items-center gap-2 text-lg",children:[e.jsx(Ce,{className:"w-5 h-5"}),"Delivery Stats"]})}),e.jsx(x,{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Messages Sent"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"delivery-sent",children:"156"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Delivered"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(ee,{className:"w-4 h-4 text-green-500"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"delivery-delivered",children:"152"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Failed"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(ke,{className:"w-4 h-4 text-red-500"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"delivery-failed",children:"4"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Delivery Rate"}),e.jsx("span",{className:"text-sm font-medium text-green-600","data-testid":"delivery-rate",children:"97.4%"})]})]})})]}),e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(o,{className:"flex items-center gap-2 text-lg",children:[e.jsx(Te,{className:"w-5 h-5"}),"Response Tracking"]})}),e.jsx(x,{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Callbacks Received"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx($,{className:"w-4 h-4 text-green-500"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"response-callbacks",children:"42"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Appointments Set"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(se,{className:"w-4 h-4 text-blue-500"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"response-appointments",children:"18"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"Email Follow-ups"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(I,{className:"w-4 h-4 text-purple-500"}),e.jsx("span",{className:"text-sm font-medium","data-testid":"response-emails",children:"31"})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-gray-600",children:"No Response"}),e.jsx("span",{className:"text-sm font-medium text-gray-500","data-testid":"response-no-response",children:"61"})]})]})})]})]}),e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(o,{className:"flex items-center gap-2",children:[e.jsx(ae,{className:"w-5 h-5"}),"Voicemail Optimization Insights"]})}),e.jsx(x,{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-green-50 dark:bg-green-950 p-4 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-green-900 dark:text-green-100 text-sm mb-2",children:"✅ High-Performing Elements"}),e.jsxs("ul",{className:"text-sm text-green-800 dark:text-green-200 space-y-1",children:[e.jsx("li",{children:"• Messages under 30 seconds have 65% higher callback rates"}),e.jsx("li",{children:"• Personal introductions increase listen completion by 40%"}),e.jsx("li",{children:"• Clear callback numbers boost response rates by 25%"})]})]}),e.jsxs("div",{className:"bg-orange-50 dark:bg-orange-950 p-4 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-orange-900 dark:text-orange-100 text-sm mb-2",children:"⚡ Optimization Opportunities"}),e.jsxs("ul",{className:"text-sm text-orange-800 dark:text-orange-200 space-y-1",children:[e.jsx("li",{children:"• Consider shortening message to improve c

1ompletion rate"}),e.jsx("li",{children:"• Add specific call-to-action for better response"}),e.jsx("li",{children:"• Test different delivery times for higher listen rates"})]})]}),e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-950 p-4 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-blue-900 dark:text-blue-100 text-sm mb-2",children:"📊 Delivery Time Analytics"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-sm text-blue-800 dark:text-blue-200",children:[e.jsx("div",{children:"Best Days: Tuesday, Thursday"}),e.jsx("div",{children:"Best Times: 10 AM, 2 PM"}),e.jsx("div",{children:"Avg Listen Rate: 82%"}),e.jsx("div",{children:"Peak Response: 4-6 PM"})]})]})]})})]})]})]})})}export{Oe as VoicemailMockup};