(window.__wcAdmin_webpackJsonp=window.__wcAdmin_webpackJsonp||[]).push([[32],{530:function(e,t,r){"use strict";var a=r(0),o=r(2),s=r(1),l=r.n(s),n=r(22);function d(e){let{className:t}=e;const r=Object(o.__)("There was an error getting your stats. Please try again.","woocommerce-admin"),s=Object(o.__)("Reload","woocommerce-admin");return Object(a.createElement)(n.EmptyContent,{className:t,title:r,actionLabel:s,actionCallback:()=>{window.location.reload()}})}d.propTypes={className:l.a.string},t.a=d},535:function(e,t,r){"use strict";var a=r(57);const o=["a","b","em","i","strong","p","br"],s=["target","href","rel","name","download"];t.a=e=>({__html:Object(a.sanitize)(e,{ALLOWED_TAGS:o,ALLOWED_ATTR:s})})},638:function(e,t,r){},639:function(e,t,r){},660:function(e,t,r){"use strict";r.r(t);var a=r(0),o=r(2),s=r(14),l=r(1),n=r.n(l),d=r(4),c=r(8),i=r(22),m=r(12),b=r(17),u=r(13),g=r(18),p=r(530),w=r(535);r(638);class O extends a.Component{getFormattedHeaders(){return this.props.headers.map((e,t)=>({isLeftAligned:0===t,hiddenByDefault:!1,isSortable:!1,key:e.label,label:e.label}))}getFormattedRows(){return this.props.rows.map(e=>e.map(e=>({display:Object(a.createElement)("div",{dangerouslySetInnerHTML:Object(w.a)(e.display)}),value:e.value})))}render(){const{isRequesting:e,isError:t,totalRows:r,title:s}=this.props,l="woocommerce-leaderboard";if(t)return Object(a.createElement)(p.a,{className:l});const n=this.getFormattedRows();return e||0!==n.length?Object(a.createElement)(i.TableCard,{className:l,headers:this.getFormattedHeaders(),isLoading:e,rows:n,rowsPerPage:r,showMenu:!1,title:s,totalRows:r}):Object(a.createElement)(d.Card,{className:l},Object(a.createElement)(d.CardHeader,null,Object(a.createElement)(g.Text,{size:16,weight:600,as:"h3",color:"#23282d"},s)),Object(a.createElement)(d.CardBody,{size:null},Object(a.createElement)(i.EmptyTable,null,Object(o.__)("No data recorded for the selected time period.","woocommerce-admin"))))}}O.propTypes={headers:n.a.arrayOf(n.a.shape({label:n.a.string})),id:n.a.string.isRequired,query:n.a.object,rows:n.a.arrayOf(n.a.arrayOf(n.a.shape({display:n.a.node,value:n.a.oneOfType([n.a.string,n.a.number,n.a.bool])}))).isRequired,title:n.a.string.isRequired,totalRows:n.a.number.isRequired},O.defaultProps={rows:[],isError:!1,isRequesting:!1};var _=Object(s.compose)(Object(c.withSelect)((e,t)=>{const{id:r,query:a,totalRows:o,filters:s}=t,{woocommerce_default_date_range:l}=e(m.SETTINGS_STORE_NAME).getSetting("wc_admin","wcAdminSettings"),n=Object(m.getFilterQuery)({filters:s,query:a}),d={id:r,per_page:o,persisted_query:Object(u.getPersistedQuery)(a),query:a,select:e,defaultDateRange:l,filterQuery:n};return Object(m.getLeaderboard)(d)}))(O),h=r(23);r(639);const j=e=>{const{allLeaderboards:t,controls:r,isFirst:s,isLast:l,hiddenBlocks:n,onMove:c,onRemove:u,onTitleBlur:g,onTitleChange:p,onToggleHiddenBlock:w,query:O,title:h,titleInput:j,filters:E}=e,{updateUserPreferences:y,...f}=Object(m.useUserPreferences)(),[T,R]=Object(a.useState)(parseInt(f.dashboard_leaderboard_rows||5,10)),k=e=>{R(parseInt(e,10));const t={dashboard_leaderboard_rows:parseInt(e,10)};y(t)};return Object(a.createElement)(a.Fragment,null,Object(a.createElement)("div",{className:"woocommerce-dashboard__dashboard-leaderboards"},Object(a.createElement)(i.SectionHeader,{title:h||Object(o.__)("Leaderboards","woocommerce-admin"),menu:Object(a.createElement)(i.EllipsisMenu,{label:Object(o.__)("Choose which leaderboards to display and other settings","woocommerce-admin"),renderContent:e=>{let{onToggle:m}=e;return Object(a.createElement)(a.Fragment,null,Object(a.createElement)(i.MenuTitle,null,Object(o.__)("Leaderboards","woocommerce-admin")),(e=>{let{allLeaderboards:t,hiddenBlocks:r,onToggleHiddenBlock:o}=e;return t.map(e=>{const t=!r.includes(e.id);return Object(a.createElement)(i.MenuItem,{checked:t,isCheckbox:!0,isClickable:!0,key:e.id,onInvoke:()=>{o(e.id)(),Object(b.recordEvent)("dash_leaderboards_toggle",{status:t?"off":"on",key:e.id})}},e.label)})})({allLeaderboards:t,hiddenBlocks:n,onToggleHiddenBlock:w}),Object(a.createElement)(d.SelectControl,{className:"woocommerce-dashboard__dashboard-leaderboards__select",label:Object(o.__)("Rows per table","woocommerce-admin"),value:T,options:Array.from({length:20},(e,t)=>({v:t+1,label:t+1})),onChange:k}),Object(a.createElement)(r,{onToggle:m,onMove:c,onRemove:u,isFirst:s,isLast:l,onTitleBlur:g,onTitleChange:p,titleInput:j}))}})}),Object(a.createElement)("div",{className:"woocommerce-dashboard__columns"},(e=>{let{allLeaderboards:t,hiddenBlocks:r,query:o,rowsPerTable:s,filters:l}=e;return t.map(e=>{if(!r.includes(e.id))return Object(a.createElement)(_,{headers:e.headers,id:e.id,key:e.id,query:o,title:e.label,totalRows:s,filters:l})})})({allLeaderboards:t,hiddenBlocks:n,query:O,rowsPerTable:T,filters:E}))))};j.propTypes={query:n.a.object.isRequired};t.default=Object(s.compose)(Object(c.withSelect)(e=>{const{getItems:t,getItemsError:r}=e(m.ITEMS_STORE_NAME),{leaderboards:a}=Object(h.d)("dataEndpoints",{leaderboards:[]});return{allLeaderboards:a,getItems:t,getItemsError:r}}))(j)}}]);