https://talento-cloud.com/dist/RewardsDashboard-BeSQ2-dv.js

1import{_ as F,D as M,E as O,x as L,u as q,r as l,o as m,s as C,w as a,m as t,l as n,n as o,t as r,p as b,k as _,F as V,v as N,a5 as P,f as ee,g as te,S as se,L as ae,q as le,y as re}from"./main-CW3c1lbs.js";import{M as ne}from"./MenuButton-D6ev3YDA.js";import{I as K}from"./InfiniteScroll-DEWuz0dO.js";import{_ as oe}from"./index-D0862SY9.js";import{_ as ie,a as ce,b as de,c as ue}from"./SheetTitle-CSLWFVDm.js";import{_ as me}from"./SheetDescription-D5Vexox_.js";import{_ as Y,a as G,b as W,c as j,d as J}from"./TableHeader-CQRknPYC.js";import{_ as Q}from"./TableBody-CwZsw-TT.js";import{_ as X}from"./TableEmpty-ByAb2BTs.js";import{B as pe}from"./badge-check-Ca5TGqXK.js";import{A as Z}from"./arrow-up-down-B8kbL5NH.js";import{P as fe}from"./PageHeader-DhtVZcXw.js";import{A as _e}from"./AppDateTimePicker-TH5qmz_M.js";import{S as he}from"./sliders-horizontal-D2SEL0qo.js";import{E as be}from"./eraser-BR9IiLwx.js";import"./calendar-days-CE2BI0dJ.js";const Ce={name:"RewardUserClaimsSlideOut",components:{MenuButton:ne,InfiniteScroll:K,ArrowUpDown:Z,BadgeCheck:pe,Badge:oe,Sheet:ue,SheetContent:de,SheetDescription:me,SheetHeader:ce,SheetTitle:ie,Table:J,TableBody:Q,TableCell:j,TableEmpty:X,TableHead:W,TableHeader:G,TableRow:Y},data(){return{ui:q,visible:!1,isExporting:!1,statusBadges:{Requested:{text:"resx.Requested",class:"bg-amber-500 text-white border-transparent"},Approved:{text:"resx.Approved",class:"bg-emerald-500 text-white border-transparent"},Denied:{text:"resx.Denied",class:"bg-red-500 text-white border-transparent"}}}},computed:{...L("rewardUserClaims",{user:e=>e.user,claims:e=>e.claims.list,totalRecords:e=>e.claims.totalRecords,sortBy:e=>e.claims.sortBy}),exportMenu(){return[{id:"ExportToExcel",name:"resx.ExportToExcel",iconCssClass:"fa-file-excel",enabled:!0,click:()=>this.exportClicked()}]}},methods:{...O("rewardUserClaims",["exportClaims","getClaims"]),...M("rewardUserClaims",["RESET_CLAIMS","SET_CRITERIA","SET_USER","SET_SORT_BY"]),open(e,{statuses:s=[],startDate:h=null,endDate:w=null}={}){this.SET_USER({id:e.id,fullName:e.fullName,email:e.email}),this.SET_CRITERIA({statuses:[...s],startDate:h,endDate:w}),this.SET_SORT_BY(0),this.RESET_CLAIMS(),this.visible=!0},async exportClicked(){if(!this.isExporting){this.isExporting=!0;try{await this.exportClaims()}finally{this.isExporting=!1}}},async getData(e,s){await this.getClaims({start:e,records:s})},async refreshClaims(e){e!==void 0&&this.SET_SORT_BY(e),this.RESET_CLAIMS(),await this.$refs.scroll.refresh()},async sortByColumn(e){await this.refreshClaims(this.sortBy===e?-e:e)}}},we={class:"absolute left-4 top-4"},ge={class:"flex-1 overflow-auto px-4 py-4"};function ye(e,s,h,w,c,i){const B=l("MenuButton"),D=l("SheetTitle"),S=l("SheetDescription"),A=l("SheetHeader"),g=l("ArrowUpDown"),y=l("TableHead"),v=l("TableRow"),E=l("TableHeader"),x=l("TableEmpty"),f=l("TableCell"),R=l("BadgeCheck"),U=l("Badge"),$=l("TableBody"),T=l("Table"),H=l("InfiniteScroll"),z=l("SheetContent"),I=l("Sheet");return m(),C(I,{open:c.visible,"onUpdate:open":s[4]||(s[4]=k=>c.visible=k)},{default:a(()=>[t(z,{side:"right",class:"tw flex flex-col gap-0 p-0 sm:max-w-none",style:{width:"720px",maxWidth:"98vw"}},{default:a(()=>[t(A,{class:"border-border relative border-b px-12 pb-5"},{default:a(()=>[n("div",we,[t(B,{"button-icon-css-class":"fal fa-bars",items:i.exportMenu,align:"start"},null,8,["items"])]),t(D,{class:"truncate text-center text-base leading-none tracking-tight"},{default:a(()=>[o(r(e.user.fullName),1)]),_:1}),t(S,{class:"truncate text-center"},{default:a(()=>[o(r(e.user.email),1)]),_:1})]),_:1}),n("div",ge,[t(H,{ref:"scroll",items:e.claims,"total-records":e.totalRecords,callback:i.getData},{default:a(({isInitialLoading:k,hasLoaded:d})=>[t(T,null,{default:a(()=>[t(E,null,{default:a(()=>[t(v,null,{default:a(()=>[t(y,null,{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[0]||(s[0]=u=>i.sortByColumn(4))},[o(r(e.$t("resx.RewardName"))+" ",1),t(g,{class:"size-3 opacity-50"})])]),_:1}),t(y,{class:"w-32"},{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[1]||(s[1]=u=>i.sortByColumn(5))},[o(r(e.$t("resx.ValueInCoins"))+" ",1),t(g,{class:"size-3 opacity-50"})])]),_:1}),t(y,{class:"w-32"},{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[2]||(s[2]=u=>i.sortByColumn(6))},[o(r(e.$t("resx.ClaimStatus"))+" ",1),t(g,{class:"size-3 opacity-50"})])]),_:1}),t(y,{class:"w-44"},{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[3]||(s[3]=u=>i.sortByColumn(2))},[o(r(e.$t("resx.ClaimDate"))+" ",1),t(g,{class:"size-3 opacity-50"})])]),_:1})]),_:1})]),_:1}),t($,null,{default:a(()=>[!e.claims.length&&d&&!k?(m(),C(x,{key:0,colspan:4},{default:a(()=>[o(r(e.$t("resx.NoRecordsFound")),1)]),_:1})):b("",!0),(m(!0),_(V,null,N(e.claims,u=>(m(),C(v,{key:u.id},{default:a(()=>[t(f,{class:"max-w-0 truncate",title:u.name},{default:a(()=>[o(r(u.name),1)]),_:2},1032,["title"]),t(f,null,{default:a(()=>[o(r(u.coinsSpent),1)]),_:2},1024),t(f,null,{default:a(()=>[t(U,{class:P(c.statusBadges[u.status].class)},{default:a(()=>[u.status==="Approved"?(m(),C(R,{key:0}

1)):b("",!0),o(" "+r(e.$t(c.statusBadges[u.status].text)),1)]),_:2},1032,["class"])]),_:2},1024),t(f,null,{default:a(()=>[o(r(c.ui.formatDateTime(u.requestedDate)),1)]),_:2},1024)]),_:2},1024))),128))]),_:2},1024)]),_:2},1024)]),_:1},8,["items","total-records","callback"])])]),_:1})]),_:1},8,["open"])}const xe=F(Ce,[["render",ye]]),Te={name:"rewardsDashboard",components:{AppRewardUserClaimsSlideOut:xe,PageHeader:fe,InfiniteScroll:K,AppDateTimePicker:_e,ArrowUpDown:Z,Eraser:be,Loader2:ae,Search:se,SlidersHorizontal:he,Button:te,Input:ee,Table:J,TableBody:Q,TableCell:j,TableEmpty:X,TableHead:W,TableHeader:G,TableRow:Y},data(){return{ui:q,isSearching:!1,statuses:[{value:"Requested",text:"resx.Requested"},{value:"Approved",text:"resx.Approved"},{value:"Denied",text:"resx.Denied"}],sidebar:{show:!1},internalCriteria:{keyword:"",statuses:[],startDate:null,endDate:null}}},computed:{...re("common",["hasFeature","hasPermission","getUserViewConfiguration"]),...L("rewardsDashboard",{users:e=>e.users.list,totalRecords:e=>e.users.totalRecords,sortBy:e=>e.users.sortBy,criteria:e=>e.criteria}),hasActiveFilters(){const e=this.internalCriteria;return!!(e.statuses.length||e.startDate||e.endDate)},canAccess(){return this.hasFeature("EngagementHub")&&this.hasPermission("storefrontAdmin|rewardManage")}},created(){this.canAccess||this.$router.push({name:"AccessDenied"})},async mounted(){this.canAccess&&(this.sidebar.show=this.getUserViewConfiguration.adminFiltersExpandedByDefault&&!window.matchMedia("(max-width: 1023px)").matches,await this.clearClicked())},methods:{...O("rewardsDashboard",["getUsers"]),...M("rewardsDashboard",["RESET_USERS","SET_CRITERIA","SET_SORT_BY"]),async getData(e,s){await this.getUsers({start:e,records:s})},openClaims(e){this.$refs.ClaimsSlideOut.open(e,this.criteria)},toggleFilter(e,s){const h=this.internalCriteria[e],w=h.indexOf(s);w===-1?h.push(s):h.splice(w,1),this.searchClicked()},clearKeyword(){this.internalCriteria.keyword="",this.searchClicked()},async searchClicked(){this.isSearching=!0,this.SET_CRITERIA({...this.internalCriteria}),await this.refreshUsers(),this.isSearching=!1},async refreshUsers(e){e!=null&&this.SET_SORT_BY(e),this.RESET_USERS(),await this.$refs.scroll.refresh()},async sortByColumn(e){const s=this.sortBy===e?-e:e;await this.refreshUsers(s)},async clearClicked(){this.internalCriteria={keyword:"",statuses:[],startDate:null,endDate:null},await this.searchClicked()}}},Se={class:"tw"},ke={class:"w-full px-4 py-6 sm:px-6"},ve={class:"mt-5 flex flex-col gap-3 sm:flex-row sm:items-center"},Ee={key:0,class:"bg-primary pointer-events-none size-1.5 rounded-full"},Re={class:"flex flex-1 items-center gap-2"},Be={class:"bg-card relative flex-1 rounded-lg border"},De=["title"],Ae={class:"mt-6 flex gap-8"},Ue={key:0,class:"w-64 shrink-0 space-y-5 text-sm"},$e={class:"mb-2 font-semibold"},He=["checked","onChange"],ze={class:"mb-2 font-semibold"},Ie={class:"space-y-2"},Ve={class:"text-muted-foreground mb-1 block text-xs"},Ne={class:"text-muted-foreground mb-1 block text-xs"},Fe={class:"flex gap-2 pt-2"},Me={class:"min-w-0 flex-1"};function Oe(e,s,h,w,c,i){const B=l("PageHeader"),D=l("SlidersHorizontal"),S=l("Button"),A=l("Search"),g=l("Input"),y=l("Eraser"),v=l("Loader2"),E=l("app-date-time-picker"),x=l("ArrowUpDown"),f=l("TableHead"),R=l("TableRow"),U=l("TableHeader"),$=l("TableEmpty"),T=l("TableCell"),H=l("TableBody"),z=l("Table"),I=l("InfiniteScroll"),k=l("app-reward-user-claims-slide-out");return m(),_("div",Se,[n("div",ke,[t(B,{title:e.$t("resx.RewardsDashboard"),subtitle:e.$t("resx.RewardsDashboardDescription")},null,8,["title","subtitle"]),n("div",ve,[t(S,{variant:"outline",size:"sm",class:"gap-2",onClick:s[0]||(s[0]=d=>c.sidebar.show=!c.sidebar.show)},{default:a(()=>[t(D,{class:"pointer-events-none size-4"}),o(" "+r(e.$t("resx.Filters"))+" ",1),i.hasActiveFilters?(m(),_("span",Ee)):b("",!0)]),_:1}),n("div",Re,[n("div",Be,[t(A,{class:"text-muted-foreground pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2"}),t(g,{modelValue:c.internalCriteria.keyword,"onUpdate:modelValue":s[1]||(s[1]=d=>c.internalCriteria.keyword=d),placeholder:e.$t("resx.SearchByNameOrEmail"),class:"border-0 bg-transparent pl-9 pr-9 shadow-none focus-visible:ring-0",onKeyup:le(i.searchClicked,["enter"])},null,8,["modelValue","placeholder","onKeyup"]),c.internalCriteria.keyword?(m(),_("button",{key:0,t

1ype:"button",class:"text-muted-foreground hover:text-foreground absolute right-3 top-1/2 -translate-y-1/2 cursor-pointer",title:e.$t("resx.Clear"),onClick:s[2]||(s[2]=(...d)=>i.clearKeyword&&i.clearKeyword(...d))},[t(y,{class:"size-4"})],8,De)):b("",!0)]),t(S,{size:"sm",disabled:c.isSearching,onClick:i.searchClicked},{default:a(()=>[c.isSearching?(m(),C(v,{key:0,class:"size-4 animate-spin"})):b("",!0),o(" "+r(e.$t("resx.Search")),1)]),_:1},8,["disabled","onClick"])])]),n("div",Ae,[c.sidebar.show?(m(),_("aside",Ue,[n("div",null,[n("p",$e,r(e.$t("resx.ClaimStatus")),1),(m(!0),_(V,null,N(c.statuses,d=>(m(),_("label",{key:d.value,class:"flex cursor-pointer items-center gap-2"},[n("input",{type:"checkbox",checked:c.internalCriteria.statuses.includes(d.value),onChange:u=>i.toggleFilter("statuses",d.value)},null,40,He),o(" "+r(e.$t(d.text)),1)]))),128))]),n("div",null,[n("p",ze,r(e.$t("resx.ClaimDate")),1),n("div",Ie,[n("div",null,[n("label",Ve,r(e.$t("resx.From")),1),t(E,{mode:"date",modelValue:c.internalCriteria.startDate,"onUpdate:modelValue":[s[3]||(s[3]=d=>c.internalCriteria.startDate=d),i.searchClicked]},null,8,["modelValue","onUpdate:modelValue"])]),n("div",null,[n("label",Ne,r(e.$t("resx.To")),1),t(E,{mode:"date",modelValue:c.internalCriteria.endDate,"onUpdate:modelValue":[s[4]||(s[4]=d=>c.internalCriteria.endDate=d),i.searchClicked]},null,8,["modelValue","onUpdate:modelValue"])])])]),n("div",Fe,[t(S,{variant:"outline",size:"sm",onClick:i.clearClicked},{default:a(()=>[o(r(e.$t("resx.Clear")),1)]),_:1},8,["onClick"])])])):b("",!0),n("div",Me,[t(I,{ref:"scroll","auto-refresh":!1,items:e.users,"total-records":e.totalRecords,callback:i.getData},{default:a(({isInitialLoading:d,hasLoaded:u})=>[n("p",{class:P(["text-muted-foreground mb-3 text-sm font-medium",{invisible:!u||d}])},r(e.$t("resx.ShowingNResults",{n:e.totalRecords})),3),t(z,null,{default:a(()=>[t(U,null,{default:a(()=>[t(R,null,{default:a(()=>[t(f,{class:"w-[30%]"},{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[5]||(s[5]=p=>i.sortByColumn(1))},[o(r(e.$t("resx.UserName"))+" ",1),t(x,{class:"size-3 opacity-50"})])]),_:1}),t(f,{class:"w-[30%]"},{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[6]||(s[6]=p=>i.sortByColumn(2))},[o(r(e.$t("resx.EmailAddress"))+" ",1),t(x,{class:"size-3 opacity-50"})])]),_:1}),t(f,{class:"w-[15%]"},{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[7]||(s[7]=p=>i.sortByColumn(3))},[o(r(e.$t("resx.NumberOfRewards"))+" ",1),t(x,{class:"size-3 opacity-50"})])]),_:1}),t(f,{class:"w-[17%]"},{default:a(()=>[n("button",{class:"inline-flex cursor-pointer items-center gap-1",onClick:s[8]||(s[8]=p=>i.sortByColumn(4))},[o(r(e.$t("resx.LastRedemptionDate"))+" ",1),t(x,{class:"size-3 opacity-50"})])]),_:1})]),_:1})]),_:1}),t(H,null,{default:a(()=>[!e.users.length&&u&&!d?(m(),C($,{key:0,colspan:4},{default:a(()=>[o(r(e.$t("resx.NoRecordsFound")),1)]),_:1})):b("",!0),(m(!0),_(V,null,N(e.users,p=>(m(),C(R,{key:p.id,class:"cursor-pointer",onClick:Le=>i.openClaims(p)},{default:a(()=>[t(T,{class:"text-foreground max-w-0 truncate font-medium",title:p.fullName},{default:a(()=>[o(r(p.fullName),1)]),_:2},1032,["title"]),t(T,{class:"max-w-0 truncate",title:p.email},{default:a(()=>[o(r(p.email),1)]),_:2},1032,["title"]),t(T,null,{default:a(()=>[o(r(p.redemptionCount),1)]),_:2},1024),t(T,null,{default:a(()=>[o(r(c.ui.formatDateTime(p.lastRequestedDate)),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:2},1024)]),_:2},1024)]),_:1},8,["items","total-records","callback"])])])]),t(k,{ref:"ClaimsSlideOut"},null,512)])}const rt=F(Te,[["render",Oe]]);export{rt as default};