https://app.cloutly.com/static/js/boardPreview.7b4116b90e0123e5afe7.chunk.js

1/*! For license information please see boardPreview.7b4116b90e0123e5afe7.chunk.js.LICENSE.txt */
2"use strict";(self.webpackChunkcloutly=self.webpackChunkcloutly||[]).push([[2551],{7489:(e,t,a)=>{a.r(t),a.d(t,{LocationMultiList:()=>c,default:()=>p,multiSelectionLabel:()=>i,toggleSelection:()=>l});a(9950);var n=a(31855),o=a(27453),d=a(8850),r=a(25207),s=a(44414);const i=(e,t)=>{const a=(e||[]).length;return a?a>=t&&t>0?"All ".concat(t," locations"):"".concat(a," of ").concat(t," locations"):"No locations"},l=(e,t)=>{const a=e||[];return a.includes(t)?a.filter((e=>e!==t)):[...a,t]},c=e=>{let{options:t,value:a,onChange:n,describedBy:o}=e;const d=a||[],r=(t||[]).map((e=>e.value));return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3 border-b border-border pb-2",children:[(0,s.jsx)("span",{className:"text-[12px] font-semibold text-muted-foreground",children:i(d,r.length)}),(0,s.jsxs)("span",{className:"flex items-center gap-2",children:[(0,s.jsx)("button",{type:"button",className:"rounded-[7px] px-2 py-1 text-[12px] font-semibold text-foreground/70 hover:bg-muted",onClick:()=>n(r),children:"Select all"}),(0,s.jsx)("button",{type:"button",className:"rounded-[7px] px-2 py-1 text-[12px] font-semibold text-foreground/70 hover:bg-muted",onClick:()=>n([]),children:"Clear"})]})]}),(0,s.jsx)("div",{className:"max-h-[260px] overflow-y-auto pt-1",role:"group","aria-describedby":o,children:(t||[]).map((e=>(0,s.jsxs)("label",{"data-location":e.value,className:"flex min-h-[40px] cursor-pointer items-center gap-[10px] rounded-[8px] px-2 text-[13px] text-foreground hover:bg-muted",children:[(0,s.jsx)("input",{type:"checkbox",className:"h-4 w-4 shrink-0 rounded-[4px] border-border accent-[var(--primary)]",checked:d.includes(e.value),onChange:()=>n(l(d,e.value))}),(0,s.jsx)("span",{className:"py-2",children:e.label})]},e.value)))})]})},u=e=>{let{options:t,value:a,onChange:d}=e;return(0,s.jsxs)(r.Popover,{children:[(0,s.jsx)(r.PopoverTrigger,{asChild:!0,children:(0,s.jsxs)("button",{type:"button","aria-label":"Choose locations",className:"flex h-9 w-auto min-w-[150px] items-center justify-between gap-2 rounded-[9px] border border-border bg-card px-[11px] text-[13px] font-medium text-foreground/80 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",children:[(0,s.jsx)(n.default,{size:15,className:"shrink-0 text-muted-foreground","aria-hidden":"true"}),(0,s.jsx)("span",{children:i(a,(t||[]).length)}),(0,s.jsx)(o.default,{size:16,className:"shrink-0 opacity-50","aria-hidden":"true"})]})}),(0,s.jsx)(r.PopoverContent,{align:"start",className:"w-[280px] rounded-[11px] p-2 motion-reduce:animate-none motion-reduce:transition-none",children:(0,s.jsx)(c,{options:t,value:a,onChange:d})})]})},p=e=>{let{value:t,onChange:a,options:o,multiple:r,contentClassName:i}=e;return r?(0,s.jsx)(u,{options:o,value:t,onChange:a}):(0,s.jsxs)(d.Select,{value:t,onValueChange:a,children:[(0,s.jsxs)(d.SelectTrigger,{"aria-label":"Filter by location",className:"h-9 w-auto min-w-[150px] gap-2 rounded-[9px] border-border bg-card px-[11px] text-[13px] font-medium text-foreground/80 shadow-none",children:[(0,s.jsx)(n.default,{size:15,className:"shrink-0 text-muted-foreground","aria-hidden":"true"}),(0,s.jsx)(d.SelectValue,{placeholder:"All locations"})]}),(0,s.jsx)(d.SelectContent,{className:i,children:(o||[]).map((e=>(0,s.jsx)(d.SelectItem,{value:e.value,children:e.label},e.value)))})]})}},16859:(e,t,a)=>{a.r(t),a.d(t,{__iconNode:()=>o,default:()=>d});var n=a(36230);const o=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],d=(0,n.default)("info",o)},21064:(e,t,a)=>{a.r(t),a.d(t,{default:()=>y});var n=a(89379),o=a(9950),d=a(16673),r=a(69335),s=a(62786),i=a(65815),l=a(27066),c=a(37151),u=a(21365),p=a(80930),m=a(87378),f=a(44414);const x=(e,t)=>Array.from({length:t},(()=>e)),b=(e,t,a,n,o)=>({id:e,rating:String(t),text:a,source:n,createdAt:new Date(2026,6,o).toISOString(),businessId:"b1"}),h=(e,t,a,n,o,d)=>({staffId:e,displayName:t,jobTitle:a,verified:{ratings:[],count:0},mentions:{ratings:x(n,o),count:o},previous:{ratings:d?x(n-.4,d):[]},reviews:[b("".concat(e,"-1"),5,"Turned up when they said they would, explained what was wrong in plain English, and left the place tidier than they found it.","google",27),b("".concat(e,"-2"),n,"Quick, tidy and polite. Would use again.","facebook",21)]}),g=[h("a","Example One","Senior technician",5,11,8),h("b","Sample Person","Technician",4.9,7,6),h("c","Example Two","Apprentice",4.4,9,7),h("d","Example Three","Technician",5,2,0)],v=g.map(((e,t)=>(0,n.default)((0,n.default)({},e),{},{verified:e.mentions,mentions:{ratings:[],count:1===t?3:0}})));let w=[{id:"u0",username:"Sample Owner",role:"admin",leaderboardDisplayEnabled:!1},{id:"u1",username:"Example One",role:"leaderboard",leaderboardDisplayEnabled:!0},{id:"u2",username:"Sample Person",role:"leaderboard",leaderboardDisplayEnabled:!0},{id:"u3",username:"Example Two",role:"team",leaderboardDisplayEnabled:!0},{id:"u4",username:"Example Three",role:"leaderboard",leaderboardDisplayEnabled:!1}];const j={list:async()=>w,add:async e=>{w=[...w,{id:"u".concat(w.length+1),username:e.trim(),role:"leaderboard",leaderboardDisplayEnabled:!0}]},setVisible:async(e,t)=>{w=w.map((a=>a.id===e?(0,n.default)((0,n.default)({},a),{},{leaderboardDisplayEnabled:t}):a))},remove:async e=>{w=w.filter((t=>

2t.id!==e))}},y=()=>{const e=new URLSearchParams(window.location.search).get("state"),t="none"===e?[]:"empty"===e?g.map((e=>(0,n.default)((0,n.default)({},e),{},{mentions:{ratings:[],count:0},reviews:[]}))):"verified"===e?v:g,a=o.useMemo((()=>(0,l.rankBoard)(t)),[t]);if("upsell"===e)return(0,f.jsx)("div",{style:{background:"#f4f5f8",minHeight:"100vh",padding:"0 28px","--primary":"#003DFF"},children:(0,f.jsx)(m.default,{variant:"upsell",onPrimary:()=>{}})});const x={businesses:[{id:"b1",name:"Sample Plumbing \u2014 North"},{id:"b2",name:"Sample Plumbing \u2014 South"}],locationValue:"all",setLocationValue:()=>{},showPicker:!new URLSearchParams(window.location.search).get("onelocation"),period:90,setPeriod:()=>{},dateRange:null,setDateRange:()=>{},periodOptions:[{id:"last30",value:30,title:"Last 30 days"},{id:"last90",value:90,title:"Last 90 days"}],periodLabel:"Last 90 days",scopeLabel:"in the last 90 days",locationLabel:"All locations",canWiden:!0,widen:()=>{},runSync:()=>{},syncing:!1,board:a,candidate:(0,l.recognitionCandidate)(a.rows,{recognisedStaffIds:[]}),reviewsByStaff:new Map(t.map((e=>[e.staffId,e.reviews]))),attributionQueue:[{feedbackId:"q1",candidates:["a","b"]},{feedbackId:"q2",candidates:["b","c"]},{feedbackId:"q3",candidates:[]}],queueSummary:{total:61,ambiguous:2,unmatched:59,returned:3},loading:"loading"===e,error:"error"===e?new Error("preview"):null,reload:()=>{},capabilities:{recognition:!0,points:!1,attributionQueue:"verified"!==e,verifiedAttribution:"verified"===e}};return(0,f.jsx)("div",{style:{background:"#f4f5f8",minHeight:"100vh",padding:"0 28px","--primary":"#003DFF"},children:(0,f.jsx)(r.default,{children:(0,f.jsx)(i.LeaderboardContext.Provider,{value:x,children:(0,f.jsxs)(d.Switch,{children:[(0,f.jsx)(d.Route,{exact:!0,path:"/dev/board-preview",component:c.default}),(0,f.jsx)(d.Route,{exact:!0,path:"/dev/board-preview/team",render:()=>(0,f.jsx)(s.AppContext.Provider,{value:{user:{role:new URLSearchParams(window.location.search).get("readonly")?"team":"admin"}},children:(0,f.jsx)(p.default,{roster:j})})}),(0,f.jsx)(d.Route,{exact:!0,path:"/dev/board-preview/:staffId",component:u.default})]})})})})}},27255:(e,t,a)=>{a.r(t),a.d(t,{__iconNode:()=>o,default:()=>d});var n=a(36230);const o=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],d=(0,n.default)("download",o)},45736:(e,t,a)=>{a.r(t),a.d(t,{DropdownMenu:()=>j,DropdownMenuCheckboxItem:()=>D,DropdownMenuContent:()=>k,DropdownMenuGroup:()=>S,DropdownMenuItem:()=>C,DropdownMenuLabel:()=>I,DropdownMenuPortal:()=>y,DropdownMenuRadioGroup:()=>M,DropdownMenuRadioItem:()=>z,DropdownMenuSeparator:()=>P,DropdownMenuShortcut:()=>L,DropdownMenuSub:()=>E,DropdownMenuSubContent:()=>T,DropdownMenuSubTrigger:()=>O,DropdownMenuTrigger:()=>N});var n=a(80045),o=a(89379),d=a(20454),r=(a(9950),a(81804)),s=a(86311),i=a(25675),l=a(90983),c=a(10547),u=a(44414);const p=["className","sideOffset"],m=["className","inset","variant"],f=["className","children","checked"],x=["className","children"],b=["className","inset"],h=["className"],g=["className"],v=["className","inset","children"],w=["className"];function j(e){let t=Object.assign({},((0,d.default)(e),e));return(0,u.jsx)(r.Root,(0,o.default)({"data-slot":"dropdown-menu"},t))}function y(e){let t=Object.assign({},((0,d.default)(e),e));return(0,u.jsx)(r.Portal,(0,o.default)({"data-slot":"dropdown-menu-portal"},t))}function N(e){let t=Object.assign({},((0,d.default)(e),e));return(0,u.jsx)(r.Trigger,(0,o.default)({"data-slot":"dropdown-menu-trigger"},t))}function k(e){let{className:t,sideOffset:a=4}=e,d=(0,n.default)(e,p);return(0,u.jsx)(r.Portal,{children:(0,u.jsx)(r.Content,(0,o.default)({"data-slot":"dropdown-menu-content",sideOffset:a,className:(0,c.cn)("bg-popover text-popover-foreground 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]:sli

2de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",t)},d))})}function S(e){let t=Object.assign({},((0,d.default)(e),e));return(0,u.jsx)(r.Group,(0,o.default)({"data-slot":"dropdown-menu-group"},t))}function C(e){let{className:t,inset:a,variant:d="default"}=e,s=(0,n.default)(e,m);return(0,u.jsx)(r.Item,(0,o.default)({"data-slot":"dropdown-menu-item","data-inset":a,"data-variant":d,className:(0,c.cn)("focus:bg-accent cursor-pointer focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t)},s))}function D(e){let{className:t,children:a,checked:d}=e,i=(0,n.default)(e,f);return(0,u.jsxs)(r.CheckboxItem,(0,o.default)((0,o.default)({"data-slot":"dropdown-menu-checkbox-item",className:(0,c.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),checked:d},i),{},{children:[(0,u.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,u.jsx)(r.ItemIndicator,{children:(0,u.jsx)(s.default,{className:"size-4"})})}),a]}))}function M(e){let t=Object.assign({},((0,d.default)(e),e));return(0,u.jsx)(r.RadioGroup,(0,o.default)({"data-slot":"dropdown-menu-radio-group"},t))}function z(e){let{className:t,children:a}=e,d=(0,n.default)(e,x);return(0,u.jsxs)(r.RadioItem,(0,o.default)((0,o.default)({"data-slot":"dropdown-menu-radio-item",className:(0,c.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t)},d),{},{children:[(0,u.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,u.jsx)(r.ItemIndicator,{children:(0,u.jsx)(i.default,{className:"size-2 fill-current"})})}),a]}))}function I(e){let{className:t,inset:a}=e,d=(0,n.default)(e,b);return(0,u.jsx)(r.Label,(0,o.default)({"data-slot":"dropdown-menu-label","data-inset":a,className:(0,c.cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t)},d))}function P(e){let{className:t}=e,a=(0,n.default)(e,h);return(0,u.jsx)(r.Separator,(0,o.default)({"data-slot":"dropdown-menu-separator",className:(0,c.cn)("bg-border -mx-1 my-1 h-px",t)},a))}function L(e){let{className:t}=e,a=(0,n.default)(e,g);return(0,u.jsx)("span",(0,o.default)({"data-slot":"dropdown-menu-shortcut",className:(0,c.cn)("text-muted-foreground ml-auto text-xs tracking-widest",t)},a))}function E(e){let t=Object.assign({},((0,d.default)(e),e));return(0,u.jsx)(r.Sub,(0,o.default)({"data-slot":"dropdown-menu-sub"},t))}function O(e){let{className:t,inset:a,children:d}=e,s=(0,n.default)(e,v);return(0,u.jsxs)(r.SubTrigger,(0,o.default)((0,o.default)({"data-slot":"dropdown-menu-sub-trigger","data-inset":a,className:(0,c.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",t)},s),{},{children:[d,(0,u.jsx)(l.default,{className:"ml-auto size-4"})]}))}function T(e){let{className:t}=e,a=(0,n.default)(e,w);return(0,u.jsx)(r.SubContent,(0,o.default)({"data-slot":"dropdown-menu-sub-content",className:(0,

2c.cn)("bg-popover text-popover-foreground 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",t)},a))}}}]);