HOME

(window.__wcAdmin_webpackJsonp=window.__wcAdmin_webpackJsonp||[]).push([[49],{496:function(e,t,r){"use strict";var a=r(0),n=r(9);const o=Object(a.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(n.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"}));t.a=o},498:function(e,t,r){"use strict";var a=r(0),n=r(9);const o=Object(a.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(n.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"}));t.a=o},535:function(e,t,r){"use strict";var a=r(57);const n=["a","b","em","i","strong","p","br"],o=["target","href","rel","name","download"];t.a=e=>({__html:Object(a.sanitize)(e,{ALLOWED_TAGS:n,ALLOWED_ATTR:o})})},569:function(e,t,r){},659:function(e,t,r){"use strict";r.r(t),r.d(t,"StoreAlerts",(function(){return x}));var a=r(0),n=r(2),o=r(4),s=r(7),c=r.n(s),l=r(20),i=r(14),m=r(8),d=r(11),u=r.n(d),b=r(105),p=r(498),h=r(496),O=r(12),_=r(17),j=r(18),g=r(535),E=r(1),w=r.n(E);class v extends a.Component{render(){const{hasMultipleAlerts:e}=this.props;return Object(a.createElement)(o.Card,{className:"woocommerce-store-alerts is-loading","aria-hidden":!0,size:null},Object(a.createElement)(o.CardHeader,{isBorderless:!0},Object(a.createElement)("span",{className:"is-placeholder"}),e&&Object(a.createElement)("span",{className:"is-placeholder"})),Object(a.createElement)(o.CardBody,null,Object(a.createElement)("div",{className:"woocommerce-store-alerts__message"},Object(a.createElement)("span",{className:"is-placeholder"}),Object(a.createElement)("span",{className:"is-placeholder"}))),Object(a.createElement)(o.CardFooter,{isBorderless:!0},Object(a.createElement)("span",{className:"is-placeholder"})))}}var A=v;v.propTypes={hasMultipleAlerts:w.a.bool},v.defaultProps={hasMultipleAlerts:!1};var N=r(23);r(569);class x extends a.Component{constructor(e){super(e),this.state={currentIndex:0},this.previousAlert=this.previousAlert.bind(this),this.nextAlert=this.nextAlert.bind(this)}previousAlert(e){e.stopPropagation();const{currentIndex:t}=this.state;t>0&&this.setState({currentIndex:t-1})}nextAlert(e){e.stopPropagation();const t=this.getAlerts(),{currentIndex:r}=this.state;r<t.length-1&&this.setState({currentIndex:r+1})}renderActions(e){const{triggerNoteAction:t,updateNote:r}=this.props,s=e.actions.map(r=>Object(a.createElement)(o.Button,{key:r.name,isPrimary:r.primary,isSecondary:!r.primary,href:r.url||void 0,onClick:()=>t(e.id,r.id)},r.label)),c=[{value:u()().add(4,"hours").unix().toString(),label:Object(n.__)("Later Today","woocommerce-admin")},{value:u()().add(1,"day").hour(9).minute(0).second(0).millisecond(0).unix().toString(),label:Object(n.__)("Tomorrow","woocommerce-admin")},{value:u()().add(1,"week").hour(9).minute(0).second(0).millisecond(0).unix().toString(),label:Object(n.__)("Next Week","woocommerce-admin")},{value:u()().add(1,"month").hour(9).minute(0).second(0).millisecond(0).unix().toString(),label:Object(n.__)("Next Month","woocommerce-admin")}],l=e.is_snoozable&&Object(a.createElement)(o.SelectControl,{className:"woocommerce-store-alerts__snooze",options:[{label:Object(n.__)("Remind Me Later","woocommerce-admin"),value:"0"},...c],onChange:t=>{if("0"===t)return;const a=c.find(e=>e.value===t);(t=>{r(e.id,{status:"snoozed",date_reminder:t.value});const a={alert_name:e.name,alert_title:e.title,snooze_duration:t.value,snooze_label:t.label};Object(_.recordEvent)("store_alert_snooze",a)})({value:t,label:a&&a.label})}});if(s||l)return Object(a.createElement)("div",{className:"woocommerce-store-alerts__actions"},s,l)}getAlerts(){return(this.props.alerts||[]).filter(e=>"unactioned"===e.status)}render(){const e=this.getAlerts(),t=Object(N.d)("alertCount",0,e=>parseInt(e,10));if(t>0&&this.props.isLoading)return Object(a.createElement)(A,{hasMultipleAlerts:t>1});if(0===e.length)return null;const{currentIndex:r}=this.state,s=e.length,i=e[r],m=i.type,d=c()("woocommerce-store-alerts",{"is-alert-error":"error"===m,"is-alert-update":"update"===m});return Object(a.createElement)(o.Card,{className:d,size:null},Object(a.createElement)(o.CardHeader,{isBorderless:!0},Object(a.createElement)(j.Text,{variant:"title.medium",as:"h2",size:"24",lineHeight:"32px"},i.title),s>1&&Object(a.createElement)("div",{className:"woocommerce-store-alerts__pagination"},Object(a.createElement)(o.Button,{onClick:this.previousAlert,disabled:0===r,label:Object(n.__)("Previous Alert","woocommerce-admin")},Object(a.createElement)(b.a,{icon:p.a,className:"arrow-left-icon"})),Object(a.createElement)("span",{className:"woocommerce-store-alerts__pagination-label",role:"status","aria-live":"polite"},Object(l.a)({mixedString:Object(n.__)("{{current /}} of {{total /}}","woocommerce-admin"),components:{current:Object(a.createElement)(a.Fragment,null,r+1),total:Object(a.createElement)(a.Fragment,null,s)}})),Object(a.createElement)(o.Button,{onClick:this.nextAlert,disabled:s-1===r,label:Object(n.__)("Next Alert","woocommerce-admin")},Object(a.createElement)(b.a,{icon:h.a,className:"arrow-right-icon"})))),Object(a.createElement)(o.CardBody,null,Object(a.createElement)("div",{className:"woocommerce-store-alerts__message",dangerouslySetInnerHTML:Object(g.a)(i.content)})),Object(a.createElement)(o.CardFooter,{isBorderless:!0},this.renderActions(i)))}}const S={page:1,per_page:O.QUERY_DEFAULTS.pageSize,type:"error,update",status:"unactioned"};t.default=Object(i.compose)(Object(m.withSelect)(e=>{const{getNotes:t,isResolving:r}=e(O.NOTES_STORE_NAME);return{alerts:t(S),isLoading:r("getNotes",[S])}}),Object(m.withDispatch)(e=>{const{triggerNoteAction:t,updateNote:r}=e(O.NOTES_STORE_NAME);return{triggerNoteAction:t,updateNote:r}}))(x)}}]);