"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5628,3900],{61383:function(e,n,t){t.r(n);var i=t(15671),a=t(43144),s=t(97326),l=t(60136),o=t(29388),r=t(87363),c=t(65641),d=t(88169),u=t(83912),m=t(991),h=t(93364),p=t(50458),f=t(28312),v=t(25304),_=t(56552),j=function(e){(0,l.Z)(t,e);var n=(0,o.Z)(t);function t(e){var a;return(0,i.Z)(this,t),(a=n.call(this,e)).state={job_name:"",loaded:!!e.clients.length,client_id:e.client_id},a.onFieldChange=a.onFieldChange.bind((0,s.Z)(a)),a.onCreateProject=a.onCreateProject.bind((0,s.Z)(a)),a}return(0,a.Z)(t,[{key:"UNSAFE_componentWillMount",value:function(){this.state.loaded||this.props.onLoadClients()}},{key:"UNSAFE_componentWillReceiveProps",value:function(e){e.clients.length&&this.setState({loaded:!0})}},{key:"onFieldChange",value:function(e,n){switch(n){case"job_name":this.setState({job_name:e});break;case"client_id":this.setState({client_id:e})}}},{key:"onCreateProject",value:function(e,n){var t=this.props.onJoinOrders;Object.values(n).every((function(e){return null===e}))&&t(e.job_name,e.client_id?e.client_id:this.state.client_id)}},{key:"renderLoading",value:function(){return(0,_.jsx)(v.default,{"data-test-name":"JoinOrdersPopup.renderLoading",index:this.props.index})}},{key:"render",value:function(){var e=this,n=this.props,t=(n.clients,n.index),i=n.onClosePopup,a=this.state,s=a.job_name;return a.client_id,a.loaded?(0,_.jsxs)("div",{"data-test-name":"JoinOrdersPopup.render",className:"reveal small",style:{display:"block",zIndex:d.a+t,height:"initial",overflow:"visible"},children:[(0,_.jsxs)("div",{className:"row small-12 columns",children:[(0,_.jsx)("h3",{children:"Create Project"}),(0,_.jsx)("a",{className:"alert button",style:{position:"fixed",right:"6rem",top:"1rem"},onClick:i,children:"Cancel"}),(0,_.jsx)("a",{className:"button",style:{position:"fixed",right:"1rem",top:"1rem"},onClick:function(n){n.preventDefault(),e._form.submit()},children:"Create"})]}),(0,_.jsx)(f.Z,{className:"row small-12 columns form",ref:function(n){return e._form=n},onFieldChange:this.onFieldChange,onSubmit:this.onCreateProject,children:(0,_.jsx)(f.Z.TextInput,{field:"job_name",containerClassName:"row collapse",labelClassName:"small-12 columns",controlClassName:"small-12 columns",required:!0,label:"Project Name",value:s,placeholder:"New Project Name"})})]}):this.renderLoading()}}]),t}(r.Component),g=(0,c.$j)((function(e,n){return{clients:(0,u.BO)(e)}}),(function(e,n){return{onClosePopup:function(){return e((0,m.j4)())},onJoinOrders:function(t,i){e((0,p.BJ)(n.shop_id,t,i,n.order_ids))},onLoadClients:function(){return e((0,h.rZ)())}}}))(j);n.default=g},25304:function(e,n,t){t.r(n);var i=t(15671),a=t(43144),s=t(60136),l=t(29388),o=t(24839),r=t(87363),c=t(88169),d=t(56552),u=function(e){(0,s.Z)(t,e);var n=(0,l.Z)(t);function t(){return(0,i.Z)(this,t),n.apply(this,arguments)}return(0,a.Z)(t,[{key:"render",value:function(){var e=this.props,n=e.index,t=e.useV2,i=void 0!==t&&t,a=e.message,s=void 0===a?"Loading...":a;return(0,d.jsx)("div",{"data-test-name":"SpinnerPopup.render",className:"reveal small",style:{display:"block",height:"initial",zIndex:c.a+n},children:(0,d.jsxs)("div",{className:"row",children:[(0,d.jsx)("div",{className:"".concat(i?"small-12":"small-4"," columns"),children:i?(0,d.jsx)(o.Loading,{}):(0,d.jsx)("img",{alt:"Loading",src:"/images/gears.gif"})}),(0,d.jsx)("div",{className:"".concat(i?"small-12":"small-8"," columns"),style:i?{paddingTop:16,fontSize:16,fontFamily:o.fontFamilies.regular,textAlign:"center"}:{},children:s})]})})}}]),t}(r.Component);n.default=u}}]);
//# sourceMappingURL=components-JoinOrdersPopup.e3751a8c.chunk.js.map