https://app.myverified.ai/_next/static/chunks/pages/main/studio/survey-responses-072bd6fb79f1a662.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1574],{16790:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var i=t(4930),a=t(68396);function r(e){let{fill:s,direction:t,className:r="",inheritBackground:l=!1}=e;return l?(0,i.jsx)("div",{"aria-hidden":!0,className:(0,a.cn)("pointer-events-none absolute bottom-0 h-[14px] w-[8px] bg-inherit","left"===t?"left-0 -translate-x-full":"right-0 translate-x-full",r),style:{clipPath:"left"===t?'path("M8,0 C8,6 6,11 0,14 L8,14 Z")':'path("M0,0 C0,6 2,11 8,14 L0,14 Z")'}}):(0,i.jsx)("div",{className:"".concat("left"===t?"absolute bottom-0 left-[-6px]":"absolute bottom-0 right-[-6px]"," ").concat(r),children:(0,i.jsx)("svg",{width:"16",height:"18",viewBox:"32.485 17.5 15.515 17.5",children:(0,i.jsx)("path",{d:"left"===t?"M32.485,35c7-4,6-8.75,6-17.5C52.485,17.5,51.485,35,32.485,35z":"M48,35c-7-4-6-8.75-6-17.5C28,17.5,29,35,48,35z",fill:s})})})}},38388:(e,s,t)=>{"use strict";t.d(s,{D:()=>a});var i=t(4930);function a(e){let{title:s,description:t}=e;return s?(0,i.jsxs)("header",{className:"flex flex-col gap-1",children:[(0,i.jsx)("h1",{className:"text-2xl font-medium text-white",children:s}),t?(0,i.jsx)("p",{className:"max-w-3xl text-sm leading-relaxed text-white/60",children:t}):null]}):null}},40183:(e,s,t)=>{"use strict";t.d(s,{u:()=>m});var i=t(4930),a=t(65162),r=t(16401),l=t(51998),n=t(48374),o=t(37826),d=t(14100),c=t(42497),u=t(85713),h=t(38388),x=t(79214);function m(e){let{children:s}=e,t=(0,r.useRouter)(),{user:m,isSignedIn:f}=(0,u.u)(),{selectedIdentity:w,isIdentityLoading:p,isSettingDefault:v,isPersonasLoading:b}=(0,c.G)(),{canAccessStudio:j,isCollaboratorOnly:g}=(0,d.u)(),y=x.Z[t.pathname];return((0,a.useEffect)(()=>{if(f&&m){if(!j&&!b)return void t.replace(n.bw.EXPLORE);!g||b||p||w||t.replace(n.bw.EXPLORE)}},[j,w,g,p,b,f,t,m]),f&&m&&(j||b))?b||p||!w?(0,i.jsx)(o.A,{children:(0,i.jsx)("div",{className:"flex min-h-100 items-center justify-center",children:(0,i.jsx)(l.T,{})})}):(0,i.jsx)(o.A,{children:(0,i.jsxs)("div",{className:"relative flex h-full min-h-0 flex-col",children:[v?(0,i.jsx)("div",{className:"absolute inset-0 z-50 flex items-center justify-center rounded-4xl backdrop-blur-xs"}):null,(0,i.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col gap-6 overflow-y-auto pb-4",children:[y?(0,i.jsx)(h.D,{title:y.label,description:y.description}):null,s(w)]})]})}):null}},42203:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>O});var i=t(4930);let a=(0,t(98832).A)("settings-2",[["path",{d:"M20 7h-9",key:"3s1dr2"}],["path",{d:"M14 17H5",key:"gfn3mx"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]]);var r=t(16401),l=t(65162),n=t(56809),o=t(19643),d=t(55647),c=t(68396);function u(e){let{question:s,responseCount:t,isSelected:a,onClick:r}=e;return(0,i.jsx)("button",{type:"button",className:(0,c.cn)("w-full cursor-pointer rounded-2xl bg-white-06 p-4 text-left transition-all duration-200",a?"bg-white-08 shadow-lg ring-1 ring-brand-blue":"hover:bg-white-08 hover:ring-1 hover:ring-brand-blue/50"),onClick:r,children:(0,i.jsx)("div",{className:"flex items-start justify-between gap-3",children:(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsxs)("div",{className:"mb-1 text-xs font-medium text-white/50",children:["Question ",s.position+1]}),(0,i.jsx)("p",{className:"truncate text-sm font-medium text-white",children:s.content}),(0,i.jsxs)("p",{className:"mt-1 text-xs text-white/40",children:[t," ",1===t?"response":"responses"]})]})})})}var h=t(45659),x=t(16790),m=t(85906);function f(e){let{answers:s,isLoading:t=!1}=e;return t?(0,i.jsx)("div",{className:"flex h-full min-h-0 flex-col overflow-y-auto overscroll-contain px-6 py-4",children:(0,i.jsx)("div",{className:"animate-pulse space-y-4",children:[1,2,3].map(e=>(0,i.jsxs)("div",{className:"space-y-2",children:[(0,i.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[(0,i.jsx)("div",{className:"h-3 w-16 rounded bg-white/8"}),(0,i.jsx)("div",{className:"h-3 w-12 rounded bg-white/8"})]}),(0,i.jsx)("div",{className:"flex w-full justify-end",children:(0,i.jsxs)("div",{className:"relative flex max-w-[85%] items-end gap-4",children:[(0,i.jsx)("div",{className:"rounded-3xl rounded-br-sm bg-white/10 px-6 py-4",children:(0,i.jsxs)("div",{className:"space-y-2",children:[(0,i.jsx)("div",{className:"h-3 w-32 rounded bg-white/8"}),(0,i.jsx)("div",{className:"h-3 w-24 rounded bg-white/8"})]})}),(0,i.jsx)("div",{className:"h-8 w-8 rounded-full bg-white/8"})]})})]},e))})}):0===s.length?(0,i.jsxs)("div",{className:"flex h-full flex-col items-center justify-center px-6 text-center",children:[(0,i.jsx)("h3",{className:"mb-2 text-lg font-medium text-white",children:"No responses yet"}),(0,i.jsx)("p",{className:"max-w-sm text-sm text-white/60",children:"This question hasn't received any responses yet."})]}):(0,i.jsx)("div",{className:"flex h-full min-h-0 flex-col overflow-y-auto overscroll-contain px-6 py-4",children:(0,i.jsx)("div",{className:"space-y-4",children:s.map(e=>(0,i.jsxs)("div",{className:"space-y-2",children:[(0,i.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[(0,i.jsx)("div",{className:"text-xs text-white/50",children:e.user.displayName&&e.user.email?"".concat(e.user.displayName," (").concat(e.user.email,")"):e.user.email||e.user.displayName}),(0,i.jsx)("div",{className:"text-xs text-white/40",children:(0,m.F8)(e.createdAt)})]}),(0,i.jsx)("div",{className:"flex w-full animate-fade-in justify-end",children:(0,i.jsxs)("div",{className:"relative flex max-w-[85%] items-end gap-4",children:[(0,i.jsxs)("div",{className:"relative rounded-3xl rounded-br-sm bg-white px-4 py-2 font-light text-black sm:px-6 sm:py-4",children:[(0,i.jsx)("span",{children:e.content}),(0,i.jsx)(x.A,{fill:"white",direction:"right"})]}),(0,i.jsx)(h.A,{imageUrl:e.user.profilePictureUrl||""})]})})]},e.id))})})}var w=t(56444),p=t(77411);let v=e=>

1{let{questions:s,answersData:t,isFetching:a,selectedQuestion:r,onQuestionSelect:l,onConfigureQuestions:o,isMobile:d=!1}=e;return a?(0,i.jsx)("div",{className:"py-2",children:(0,i.jsxs)("div",{className:"animate-pulse space-y-3",children:[(0,i.jsx)("div",{className:"h-[72px] w-full rounded-2xl bg-white/8"}),(0,i.jsx)("div",{className:"h-[72px] w-full rounded-2xl bg-white/8"}),(0,i.jsx)("div",{className:"h-[72px] w-full rounded-2xl bg-white/8"})]})}):s&&0!==s.length?(0,i.jsx)("div",{className:d?"flex flex-col gap-2":"flex flex-col gap-3",children:s.map(e=>{var s;let a=(null==r?void 0:r.id)===e.id,n=(null==t||null==(s=t[e.id])?void 0:s.answers.length)||0;return(0,i.jsx)(u,{question:e,responseCount:n,isSelected:a,onClick:()=>l(e)},e.id)})}):(0,i.jsxs)("div",{className:"flex flex-col items-center justify-center text-center px-4 ".concat(d?"py-8":"py-12"),children:[(0,i.jsx)("div",{className:"mb-4 flex items-center justify-center rounded-full bg-white/8 ".concat(d?"h-12 w-12":"h-16 w-16"),children:(0,i.jsx)(n.A,{className:"text-white/50 ".concat(d?"h-6 w-6":"h-8 w-8")})}),(0,i.jsx)("h3",{className:"font-medium text-white ".concat(d?"mb-1 text-base":"mb-2 text-lg"),children:"No questions yet"}),(0,i.jsx)("p",{className:"max-w-sm text-white/60 ".concat(d?"text-xs":"text-sm"),children:"Configure survey questions to start collecting responses from your users."}),o?(0,i.jsx)(w.$,{type:"button",variant:"ghost",size:"sm",className:"mt-4 text-white/70 hover:text-white",onClick:o,children:"Configure questions"}):null]})};function b(e){var s;let{identityId:t,onConfigureQuestions:a}=e,[r,n]=(0,l.useState)(null),{data:c,isFetching:u}=d.F.survey.getQuestions.useQuery({identityId:t},{refetchOnWindowFocus:!1}),{data:h,isFetching:x}=d.F.survey.getAllAnswersForAnalytics.useQuery({identityId:t},{refetchOnWindowFocus:!1}),m=e=>{n(e)},w=r&&(null==h||null==(s=h[r.id])?void 0:s.answers)||[];return(0,i.jsxs)("div",{className:"flex h-full min-h-0 w-full flex-col lg:flex-row",children:[(0,i.jsx)("div",{className:"hidden h-full min-h-0 w-full max-w-sm shrink-0 flex-col border-r border-white/8 lg:flex",children:(0,i.jsx)("div",{className:"min-h-0 flex-1 overflow-y-auto overscroll-contain p-4",children:(0,i.jsx)(v,{questions:c,answersData:h,isFetching:u,selectedQuestion:r,onQuestionSelect:m,onConfigureQuestions:a,isMobile:!1})})}),(0,i.jsxs)("div",{className:"relative flex h-full min-h-0 flex-1 flex-col overflow-hidden",children:[(0,i.jsx)("div",{className:"min-h-0 flex-1",children:r?(0,i.jsx)(f,{answers:w,isLoading:x}):(0,i.jsx)(j,{})}),(0,i.jsx)("div",{className:"w-full border-t border-white/8 lg:hidden",children:(0,i.jsxs)(p._s,{children:[(0,i.jsx)(p.Uz,{asChild:!0,children:(0,i.jsxs)("button",{type:"button",className:"flex w-full items-center justify-center gap-2 px-4 py-3 text-sm text-white/70 transition-colors hover:text-white",children:[(0,i.jsx)("span",{children:"Show questions"}),(0,i.jsx)(o.A,{className:"h-4 w-4"})]})}),(0,i.jsx)(p.zj,{className:"z-30 rounded-t-5xl border-none [&>div:first-child]:bg-white/20",style:{background:"var(--background-gradient)"},children:(0,i.jsxs)("div",{className:"mx-auto flex max-h-[80vh] w-full max-w-lg flex-col",children:[(0,i.jsx)(p.gk,{className:"sr-only",children:"Survey Questions"}),(0,i.jsx)(p.I6,{className:"sr-only",children:"View and select survey questions"}),(0,i.jsx)("div",{className:"min-h-0 flex-1 overflow-y-auto p-4 pb-8 pt-8",children:(0,i.jsx)(v,{questions:c,answersData:h,isFetching:u,selectedQuestion:r,onQuestionSelect:m,onConfigureQuestions:a,isMobile:!0})})]})})]})})]})]})}let j=()=>(0,i.jsxs)("div",{className:"flex h-full flex-col items-center justify-center px-6 text-center",children:[(0,i.jsx)("div",{className:"mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-white/8",children:(0,i.jsx)(n.A,{className:"text-white/50"})}),(0,i.jsx)("h3",{className:"mb-2 text-lg font-medium text-white",children:"Select a question"}),(0,i.jsx)("p",{className:"max-w-sm text-sm text-white/60",children:"Choose a question from the list to view user responses."})]});var g=t(48374),y=t(31761);function N(e){let{identityId:s}=e,t=(0,r.useRouter)(),l=()=>{t.push("".concat(g.bw.STUDIO_WELCOME,"#survey-questions"))};return(0,i.jsx)(y._T,{title:"Survey responses",description:"Review answers to your survey questions and understand what users are sharing.",headerAction:(0,i.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",className:"shrink-0 text-white/70 hover:text-white",onClick:l,children:[(0,i.jsx)(a,{className:"mr-2 h-4 w-4"}),"Configure questions"]}),cardClassName:"flex h-[calc(100dvh-11.5rem)] max-h-[calc(100dvh-11.5rem)] min-h-[320px] flex-col overflow-hidden p-0",children:(0,i.jsx)(b,{identityId:s,onConfigureQuestions:l})})}var S=t(40183);function O(){return(0,i.jsx)(S.u,{children:e=>(0,i.jsx)(N,{identityId:e.id})})}},42517:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/main/studio/survey-responses",function(){return t(42203)}])},45659:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var i=t(4930),a=t(23795),r=t(36115);function l(e){let{imageUrl:s=""}=e;return(0,i.jsx)("div",{className:"w-8 h-8 rounded-full overflow-hidden flex-shrink-0 mt-0.5 sm:mt-2 hidden sm:block",children:(0,i.jsxs)(r.eu,{className:"w-8 h-8",children:[(0,i.jsx)(r.BK,{src:s,alt:"avatar",className:"h-full w-full object-cover"}),(0,i.jsx)(r.q5,{className:"bg-gray-600 text-white",children:(0,i.jsx)(a.A,{className:"size-6"})})]})})}},77411:(e,s,t)=>{"use strict";t.d(s,{I6:()=>u,Uz:()=>n,_s:()=>l,gk:()=>c,zj:()=>d});var i=t(4930),a=t(77383),r=t(68396);function l(e){let{...s}=e;return(0,i.jsx)(a._s.Root,{modal:!1,dismissible:!0,noBodyStyles:!1,"data-slot":"drawer",...s})}function n(e){let{...s}=e;return(0,i.jsx)(a._s.Trigger,{"data-slot":"drawer-trigger",...s})}function o(e){let{className:s,...t}=e;return(0,i.jsx)(a._s.Overlay,{"data-slot":"drawer-overlay",className:(0,r.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 bg-black/50",s),...t})}function d(e){let{className:s,children:t,...l}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o,{}),(0,i.jsxs)(a._s.Content,{"data-slot":"drawer-content",className:(0,r.cn)("group/drawer-content bg-drawer-background fixed flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0",s),...l,children:[(0,i.jsx)("div",{className:"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),t]})]})}function c(e){let{className:s,...t}=e;return(0,i.jsx)(a._s.Title,{"data-slot":"drawer-title",className:(0,r.cn)("text-foreground font-semibold",s),...t})}function u(e){let{className:s,...t}=e;return(0,i.jsx)(a._s.Description,{"data-slot":"drawer-description",className:(0,r.cn)("text-muted-foreground text-sm",s),...t})}},79214:(e,s,t)=>{"use strict";t.d(s,{Z:()=>a});var i=t(48374);let a={[i.bw.STUDIO_OVERVIEW]:{label:"Overview",description:"Track engagement, conversation trends, and how users interact with your persona."},[i.bw.STUDIO_GETTING_STARTED]:{label:"Getting started",description:"A simple path for new creators: set up the five essentials that matter most before you go deeper."},[i.bw.STUDIO_PROFILE]:{label:"Profile",description:"Set how your persona appears when people discover it in Explore."},[i.bw.STUDIO_PERSONALITY]:{label:"Personality",description:"Shape how your persona presents itself — its backstory, communication style, and voice."},[i.bw.STUDIO_KNOWLEDGE]:{label:"Knowledge",description:"Teach your persona what it knows — add web pages, social videos, files, and personal notes, or use the Knowledge Wizard to capture expertise through conversation."},[i.bw.STUDIO_VISIBILITY]:{label:"Visibility",description:"Control who can see, discover, and interact with your persona."},[i.bw.STUDIO_COLLABORATORS]:{label:"Collaborators",description:"Invite team members to help you build and manage your persona."},[i.bw.STUDIO_MONETIZATION]:{label:"Monetization",description:"Add products, courses, and services your persona can recommend during conversations."},[i.bw.STUDIO_WELCOME]:{label:"Welcome",description:"Shape the first impression when someone opens a chat with your persona. Visitors see your video first, then your greeting message, starter questions, and optional survey questions before they begin."},[i.bw.STUDIO_RULES]:{label:"Rules",description:"Shape how your persona responds — set fixed answers for key topics, steer conversations toward your expertise, fine-tune behavior, and fix answers from real chats."},[i.bw.STUDIO_MODES]:{label:"Modes",description:"Control how users communicate with your persona. Text chat is always available — enable voice or video when you're ready to offer richer interactions."},[i.bw.STUDIO_CONVERSATIONS]:{label:"Conversations",description:"Browse chat history with your persona — read full threads, spot recurring topics, and find gaps in your knowledge base."},[i.bw.STUDIO_SURVEY_RESPONSES]:{label:"Survey responses",description:"Review answers to your survey questions and understand what users are sharing before they chat."}}}},e=>{e.O(0,[2566,6344,9132,7215,3271,3606,420,851,5998,9519,3941,6544,3410,872,9258,6414,7826,636,6593,8792],()=>e(e.s=42517)),_N_E=e.O()}]);