https://studio--flowtrack-6eh9w.us-central1.hosted.app/_next/static/chunks/2845-d31b31b4465dd77d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2845],{12845:function(e,t,s){s.r(t),s.d(t,{SupportProjectProvider:function(){return k},default:function(){return _}});var a=s(57437),n=s(2265),r=s(27648),i=s(33145),l=s(12381),o=s(96246),d=s(90887),c=s(43335),u=s(40339),f=s(3683),m=s(99376),x=s(68123),p=s(65593),h=s(32060),g=s(57751),j=s(69174),N=s(90641),v=s(15687),b=s(25922),w=s(35486);function y(e){var t;let{children:s}=e,{user:y,customer:k,logout:_}=(0,x.a)(),{theme:C}=(0,b.F)(),R=(0,m.useRouter)(),z=(0,m.usePathname)(),{project:Z}=(0,p.$)(),{totalUnread:E,unreadMessages:A}=(0,g.K)(),F=(0,n.useMemo)(()=>y||k,[y,k]),P=!!y,S=(0,n.useMemo)(()=>F?{id:F.id,name:F.name,username:"nickname"in F?F.nickname:"username"in F?F.username:"",avatar:"avatar"in F&&F.avatar?F.avatar:"https://robohash.org/".concat("username"in F?F.username:F.name,".png?set=set4"),isAdmin:"role"in F&&"admin"===F.role}:null,[F]),T=z.endsWith("/support/login"),O=z.endsWith("/support/settings")||z.endsWith("/settings");return T||O?(0,a.jsx)("div",{className:"flex min-h-screen items-center justify-center bg-background p-4",children:s}):(0,a.jsxs)("div",{className:"h-dvh w-full bg-background flex flex-col",children:[(0,a.jsxs)("header",{className:"sticky top-0 z-50 flex h-20 shrink-0 items-center justify-between gap-4 border-b bg-background px-4 md:px-6",children:[(0,a.jsx)("div",{className:"flex items-center gap-4",children:(0,a.jsxs)(r.default,{href:"/support/dashboard",className:"flex items-center gap-3 font-semibold",children:[(0,a.jsx)(i.default,{src:"dark"===C?"https://firebasestorage.googleapis.com/v0/b/flowtrack-6eh9w.firebasestorage.app/o/aprops_logo4.png?alt=media&token=068886da-2fe4-4101-bff6-50aa014baafc":"https://firebasestorage.googleapis.com/v0/b/flowtrack-6eh9w.firebasestorage.app/o/aprops_logo3.png?alt=media&token=45af8f3a-da44-49ba-9965-8f27da959df6",alt:"A+ Props Logo",width:150,height:35,className:"h-auto"}),(0,a.jsx)("span",{className:"text-sm font-semibold text-red-800",children:"BETA"})]})}),(0,a.jsx)("div",{className:"hidden lg:block text-center",children:(0,a.jsx)("h1",{className:"text-sm font-semibold tracking-wider text-black dark:text-white",children:"CUSTOMER SUPPORT CENTER"})}),(0,a.jsxs)("div",{className:"flex items-center justify-end gap-3",children:[F&&E>0&&(0,a.jsxs)(h.h_,{children:[(0,a.jsx)(h.$F,{asChild:!0,children:(0,a.jsxs)(l.z,{variant:"outline",size:"icon",className:"relative h-9 w-9",children:[(0,a.jsx)(d.Z,{className:"h-4 w-4"}),E>0&&(0,a.jsx)(j.C,{variant:"destructive",className:"absolute -right-2 -top-2 flex h-5 w-5 items-center justify-center rounded-full p-0 text-xs",children:E}),(0,a.jsx)("span",{className:"sr-only",children:"Toggle notifications"})]})}),(0,a.jsxs)(h.AW,{align:"end",className:"w-80 md:w-96",children:[(0,a.jsxs)(h.Ju,{className:"flex items-center justify-between",children:[(0,a.jsx)("p",{children:"Notifications"}),E>0&&(0,a.jsxs)(j.C,{variant:"secondary",children:[E," New"]})]}),(0,a.jsx)(h.VD,{}),(0,a.jsx)(N.x,{className:"h-80",children:(0,a.jsx)("div",{className:"p-1 space-y-1",children:E>0?A.map(e=>(0,a.jsxs)(h.Xi,{className:"flex-col items-start gap-1.5 whitespace-normal focus:bg-accent cursor-pointer p-2 rounded-lg",onClick:()=>R.push("/support/project/".concat(e.projectId)),children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 w-full",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,a.jsx)(j.C,{variant:"secondary",className:"font-normal flex-shrink-0",children:e.projectName}),(0,a.jsx)("p",{className:"text-xs font-semibold truncate",children:e.senderName})]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground flex-shrink-0 pl-2",children:(0,v.Q)(e.createdAt,{addSuffix:!0})})]}),(0,a.jsx)("p",{className:"text-sm text-foreground/80 w-full truncate",children:e.text})]},e.messageId)):(0,a.jsx)("div",{className:"p-4 text-center text-sm text-muted-foreground",children:"You're all caught up!"})})})]})]}),(0,a.jsx)(w.O,{}),S&&(0,a.jsxs)(h.h_,{children:[(0,a.jsx)(h.$F,{asChild:!0,children:(0,a.jsx)("button",{className:"relative h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",children:(0,a.jsxs)(o.qE,{className:"h-10 w-10",children:[(0,a.jsx)(o.F$,{src:S.avatar,alt:S.name}

1),(0,a.jsx)(o.Q5,{children:null===(t=S.name)||void 0===t?void 0:t.charAt(0)})]})})}),(0,a.jsxs)(h.AW,{className:"w-56",align:"end",forceMount:!0,children:[(0,a.jsx)(h.Ju,{className:"font-normal",children:(0,a.jsxs)("div",{className:"flex flex-col space-y-1",children:[(0,a.jsx)("p",{className:"text-sm font-medium leading-none",children:S.name}),(0,a.jsx)("p",{className:"text-xs leading-none text-muted-foreground",children:S.username})]})}),(0,a.jsx)(h.VD,{}),P&&(0,a.jsxs)(h.Xi,{onClick:()=>R.push("/dashboard"),children:[(0,a.jsx)(c.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Switch to Task Panel"})]}),(0,a.jsxs)(h.Xi,{onClick:()=>R.push(P?"/settings":"/support/settings"),children:[(0,a.jsx)(u.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Settings"})]}),(0,a.jsxs)(h.Xi,{onClick:_,children:[(0,a.jsx)(f.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Log Out"})]})]})]})]})]}),(0,a.jsx)("main",{className:"flex-1 bg-muted/20 min-h-0",children:s})]})}function k(e){let{children:t}=e,[s,r]=(0,n.useState)(null),[i,l]=(0,n.use

1State)(null);return(0,a.jsx)(p.H.Provider,{value:{project:s,setProject:r,activeProjectId:i,setActiveProjectId:l},children:t})}function _(e){let{children:t}=e;return(0,a.jsx)(y,{children:t})}},35486:function(e,t,s){s.d(t,{O:function(){return o}});var a=s(57437);s(2265);var n=s(25922),r=s(10595),i=s(70572),l=s(12381);function o(){let{theme:e,setTheme:t}=(0,n.F)();return(0,a.jsxs)(l.z,{variant:"ghost",size:"icon",onClick:()=>{t("light"===e?"dark":"light")},children:[(0,a.jsx)(r.Z,{className:"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"}),(0,a.jsx)(i.Z,{className:"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"}),(0,a.jsx)("span",{className:"sr-only",children:"Toggle theme"})]})}},96246:function(e,t,s){s.d(t,{F$:function(){return o},Q5:function(){return d},qE:function(){return l}});var a=s(57437),n=s(2265),r=s(27954),i=s(93448);let l=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.fC,{ref:t,className:(0,i.cn)("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",s),...n})});l.displayName=r.fC.displayName;let o=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.Ee,{ref:t,className:(0,i.cn)("aspect-square h-full w-full",s),...n})});o.displayName=r.Ee.displayName;let d=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.NY,{ref:t,className:(0,i.cn)("flex h-full w-full items-center justify-center rounded-full bg-muted",s),...n})});d.displayName=r.NY.displayName},12381:function(e,t,s){s.d(t,{d:function(){return o},z:function(){return d}});

1var a=s(57437),n=s(2265),r=s(37053),i=s(90535),l=s(93448);let o=(0,i.j)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),d=n.forwardRef((e,t)=>{let{className:s,variant:n,size:i,asChild:d=!1,...c}=e,u=d?r.g7:"button";return(0,a.jsx)(u,{className:(0,l.cn)(o({variant:n,size:i,className:s})),ref:t,...c})});d.displayName="Button"},32060:function(e,t,s){s.d(t,{$F:function(){return u},AW:function(){return m},Ju:function(){return h},VD:function(){return g},Xi:function(){return x},_x:function(){return f},h_:function(){return c},qB:function(){return p}});

1var a=s(57437),n=s(2265),r=s(28119),i=s(76848),l=s(59559),o=s(78084),d=s(93448);let c=r.fC,u=r.xz;r.ZA,r.Uv,r.Tr;let f=r.Ee;n.forwardRef((e,t)=>{let{className:s,inset:n,children:l,...o}=e;return(0,a.jsxs)(r.fF,{ref:t,className:(0,d.cn)("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",n&&"pl-8",s),...o,children:[l,(0,a.jsx)(i.Z,{className:"ml-auto"})]})}).displayName=r.fF.displayName,n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.tu,{ref:t,className:(0,d.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",s),...n})}).displayName=r.tu.displayName;let m=n.forwardRef((e,t)=>{let{className:s,sideOffset:n=4,...i}=e;return(0,a.jsx)(r.Uv,{children:(0,a.jsx)(r.VY,{ref:t,sideOffset:n,className:(0,d.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-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",s),...i})})});m.displayName=r.VY.displayName;let x=n.forwardRef((e,t)=>{let{className:s,inset:n,...i}=e;return(0,a.jsx)(r.ck,{ref:t,className:(0,d.cn)("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",n&&"pl-8",s),...i})});x.displayName=r.ck.displayName,n.forwardRef((e,t)=>{let{className:s,children:n,checked:i,...o}=e;return(0,a.jsxs)(r.oC,{ref:t,className:(0,d.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),checked:i,...o,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(r.wU,{children:(0,a.jsx)(l.Z,{className:"h-4 w-4"})})}),n]})}).displayName=r.oC.displayName;let p=n.forwardRef((e,t)=>{let{className:s,children:n,...i}=e;return(0,a.jsxs)(r.Rk,{ref:t,className:(0,d.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),...i,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(r.wU,{children:(0,a.jsx)(o.Z,{className:"h-2 w-2 fill-current"})})}),n]})});p.displayName=r.Rk.displayName;let h=n.forwardRef((e,t)=>{let{className:s,inset:n,...i}=e;return(0,a.jsx)(r.__,{ref:t,className:(0,d.cn)("px-2 py-1.5 text-sm font-semibold",n&&"pl-8",s),...i})});h.displayName=r.__.displayName;let g=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(r.Z0,{ref:t,className:(0,d.cn)("-mx-1 my-1 h-px bg-muted",s),...n})});g.displayName=r.Z0.displayName}}]);