https://helper-pocket.vercel.app/_next/static/chunks/5744.7430a9113d4527f9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5744],{816:(e,a,s)=>{s.d(a,{bq:()=>x,eb:()=>g,gC:()=>f,l6:()=>o,mi:()=>b,yv:()=>m});var t=s(49765),r=s(18918),l=s(94876),d=s(35645),i=s(15200),n=s(75361);s(17537);var c=s(46407);let o=r.bL;r.YJ;let m=r.WT,u=(0,l.F)("flex gap-0.5 w-full items-center justify-between rounded-md text-sm focus:outline-hidden focus:border-border disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",{variants:{variant:{default:"border border-border rounded-lg bg-background px-3 py-2 h-10",ghost:"bg-transparent h-10",bare:"bg-transparent p-0"}},defaultVariants:{variant:"default"}}),x=e=>{let{className:a,children:s,variant:l,hideArrow:i,ref:n,...o}=e;return(0,t.jsxs)(r.l9,{ref:n,className:(0,c.cn)(u({variant:l,className:a})),...o,children:[s,!0!==i&&(0,t.jsx)(r.In,{asChild:!0,children:(0,t.jsx)(d.A,{className:(0,c.cn)("h-4 w-4 text-foreground","mobileOnly"===i&&"hidden md:block")})})]})};x.displayName=r.l9.displayName;let h=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)(r.PP,{ref:s,className:(0,c.cn)("flex cursor-default items-center justify-center py-1",a),...l,children:(0,t.jsx)(i.A,{className:"h-4 w-4 text-foreground"})})};h.displayName=r.PP.displayName;let p=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)(r.wn,{ref:s,className:(0,c.cn)("flex cursor-default items-center justify-center py-1",a),...l,children:(0,t.jsx)(d.A,{className:"h-4 w-4 text-foreground"})})};p.displayName=r.wn.displayName;let f=e=>{let{className:a,children:s,position:l="popper",ref:d,...i}=e;return(0,t.jsx)(r.ZL,{children:(0,t.jsxs)(r.UC,{ref:d,translate:"no",className:(0,c.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-background text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:l,...i,children:[(0,t.jsx)(h,{}),(0,t.jsx)(r.LM,{className:(0,c.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:s}),(0,t.jsx)(p,{})]})})};f.displayName=r.UC.displayName,r.JU.displayName;let g=e=>{let{className:a,children:s,ref:l,...d}=e;return(0,t.jsxs)(r.q7,{ref:l,className:(0,c.cn)("relative flex w-full select-none items-center cursor-pointer rounded-sm py-1.5 pl-8 pr-2 text-sm text-foreground outline-hidden hover:bg-muted focus:bg-muted focus:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50",a),...d,children:[(0,t.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,t.jsx)(r.VF,{children:(0,t.jsx)(n.A,{className:"h-4 w-4"})})}),(0,t.jsx)(r.p4,{children:s})]})};g.displayName=r.q7.displayName;let b=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)(r.wv,{ref:s,className:(0,c.cn)("-mx-1 my-1 h-px bg-border",a),...l})};b.displayName=r.wv.displayName},1657:(e,a,s)=>{s.d(a,{E:()=>i});var t=s(49765),r=s(94876);s(17537);var l=s(46407);let d=(0,r.F)("inline-flex h-5 items-center whitespace-nowrap rounded px-2 uppercase tracking-wide transition-colors focus:outline-hidden",{variants:{variant:{default:"text-foreground bg-secondary",dark:"text-primary-foreground bg-primary",bright:"text-bright-foreground bg-bright",success:"text-success-foreground bg-success","success-light":"text-success bg-success/10",destructive:"text-destructive-foreground bg-destructive",gray:"text-muted-foreground bg-muted/80"},size:{default:"text-xxs"}},defaultVariants:{variant:"default",size:"default"}});function i(e){let{className:a,variant:s,size:r,...i}=e;return(0,t.jsx)("div",{className:(0,l.cn)(d({variant:s,size:r}),a),...i})}},16843:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(56111).A)("archive",[["rect",{width:"20",height:"5",x:"2",y:"3",rx:"1",key:"1wp1u1"}],["path",{d:"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8",key:"1s80jp"}],["path",{d:"M10 12h4",key:"a56b0p"}]])},60407:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(56111).A)("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]])},65744:(e,a,s)=>{s.r(a),s.d(a,{default:()=>y});var t=s(49765),r=s(6687),l=s(92167),d=s(16843),i=s(60407),n=s(93268),c=s.n(n),o=s(17537),m=s(38624),u=s(1657),x=s(30248),h=s(77850),p=s(5124),f=s(816),g=s(62033),b=s(95631),v=s(18287),j=s(92961);let N=[{value:"all",label:"All types"},{value:"praise",label:"Praise"},{value:"bug",label:"Bug"},{value:"feature_request",label:"Feature request"},{value:"objection",label:"Objection"},{value:"churn_reason",label:"Churn reason"},{value:"other",label:"Other"}];function y(){let[e,a]=(0,o.useState)(""),[s,n]=(0,o.useState)("all"),y=j.F.useUtils();

1(0,b.r)("Customer feedback");let{data:w,isLoading:k}=j.F.mailbox.customerFeedback.list.useQuery({type:"all"===s?void 0:s}),C=j.F.mailbox.customerFeedback.archive.useMutation({onSuccess:()=>{y.mailbox.customerFeedback.list.invalidate(),m.oR.success("Feedback archived")},onError:e=>{(0,v.h)(e),m.oR.error("Failed to archive feedback",{description:e.message})}}),A=(null!=w?w:[]).filter(a=>{let s=e.trim().toLowerCase();return!s||[a.messagePreview,a.note,a.customerName,a.customerEmail,a.conversationSubject,a.typeLabel].some(e=>null==e?void 0:e.toLowerCase().includes(s))}),E=(0,t.jsx)(p.p,{placeholder:"Search feedback...",value:e,onChange:e=>a(e.target.value),className:"h-10 rounded-full text-sm",iconsPrefix:(0,t.jsx)(l.A,{className:"ml-1 h-4 w-4 text-foreground"})});return(0,t.jsxs)("div",{className:"flex flex-col gap-4 py-4",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center",children:[E,(0,t.jsxs)(f.l6,{value:s,onValueChange:e=>n(e),children:[(0,t.jsx)(f.bq,{className:"sm:w-44",children:(0,t.jsx)(f.yv,{})}),(0,t.jsx)(f.gC,{children:N.map(e=>(0,t.jsx)(f.eb,{value:e.value,children:e.label},e.value))})]})]}),(0,t.jsx)("div",{className:"space-y-4",children:k?(0,t.jsx)("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:[...Array(6)].map((e,a)=>(0,t.jsxs)(h.Zp,{children:[(0,t.jsxs)(h.aR,{children:[(0,t.jsx)(g.E,{className:"h-4 w-3/4"}),(0,t.jsx)(g.E,{className:"h-3 w-1/2"})]}),(0,t.jsxs)(h.Wu,{className:"space-y-2",children:[(0,t.jsx)(g.E,{className:"h-3 w-full"}),(0,t.jsx)(g.E,{className:"h-3 w-5/6"}),(0,t.jsx)(g.E,{className:"h-3 w-2/3"})]})]},a))}):A.length?(0,t.jsx)("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:A.map(e=>(0,t.jsxs)(h.Zp,{className:"flex flex-col",children:[(0,t.jsx)(h.aR,{className:"pb-3",children:(0,t.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,t.jsxs)("div",{className:"min-w-0 space-y-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(u.E,{variant:"gray",children:e.typeLabel}),e.remindAt&&new Date(e.remindAt)<=new Date&&(0,t.jsx)(u.E,{children:"Due"})]}),(0,t.jsx)(h.ZB,{className:"text-base line-clamp-1",children:e.customerName||e.customerEmail||"Customer"})]}),(0,t.jsx)(x.$,{variant:"ghost",size:"sm",iconOnly:!0,disabled:C.isPending,onClick:()=>C.mutate({id:e.id}),children:(0,t.jsx)(d.A,{className:"h-4 w-4"})})]})}),(0,t.jsxs)(h.Wu,{className:"pt-0 flex flex-1 flex-col gap-4",children:[(0,t.jsx)("p",{className:"text-sm text-foreground line-clamp-5",children:e.messagePreview}),e.note&&(0,t.jsx)("p",{className:"text-sm text-muted-foreground line-clamp-3",children:e.note}),(0,t.jsxs)("div",{className:"mt-auto space-y-2 text-xs text-muted-foreground",children:[e.remindAt&&(0,t.jsxs)("div",{children:["Reminder ",(0,r.m)(new Date(e.remindAt),{addSuffix:!0})]}),(0,t.jsxs)("div",{children:["Saved ",(0,r.m)(new Date(e.createdAt),{addSuffix:!0})]}),(0,t.jsxs)(c(),{href:"/conversations?id=".concat(e.conversationSlug),className:"inline-flex items-center gap-1 text-bright hover:underline",children:["Open ticket",(0,t.jsx)(i.A,{className:"h-3 w-3"})]})]})]})]},e.id))}):(0,t.jsx)("div",{className:"text-center py-12 text-muted-foreground",children:e||"all"!==s?"No saved feedback matches this filter":"No customer feedback saved yet"})})]})}},77850:(e,a,s)=>{s.d(a,{BT:()=>n,Wu:()=>c,ZB:()=>i,Zp:()=>l,aR:()=>d});var t=s(49765);s(17537);var r=s(46407);let l=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)("div",{ref:s,className:(0,r.cn)("rounded-lg border bg-card text-card-foreground shadow-xs",a),...l})};l.displayName="Card";let d=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)("div",{ref:s,className:(0,r.cn)("flex flex-col space-y-1.5 p-6",a),...l})};d.displayName="CardHeader";let i=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)("div",{ref:s,className:(0,r.cn)("text-lg font-semibold leading-none tracking-tight",a),...l})};i.displayName="CardTitle";let n=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)("div",{ref:s,className:(0,r.cn)("text-sm text-muted-foreground",a),...l})};

1n.displayName="CardDescription";let c=e=>{let{className:a,ref:s,...l}=e;return(0,t.jsx)("div",{ref:s,className:(0,r.cn)("p-6 pt-0",a),...l})};c.displayName="CardContent"},92167:(e,a,s)=>{s.d(a,{A:()=>t});let t=(0,s(56111).A)("search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])}}]);