UNPKG

cluedin-widget

Version:
1 lines • 7.19 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{2213:function(e,t,n){"use strict";n.r(t);var a=n(0),l=n.n(a),r=n(6),i=n(8),o=n(40),c=n(72),d=n(4),u=n(24),s=n(80),p=n(11),m=n.n(p),h=n(12),v=n.n(h),f=n(13),S=n.n(f),g=n(14),E=n.n(g),b=n(15),R=n.n(b),A=n(26),F=n.n(A),y=n(25),C=n(35),j=n(17),U=n.n(j),w=n(23),k=n.n(w),T=n(9),x=n(43),O=function(e){function t(e){var n;return m()(this,t),(n=S()(this,E()(t).call(this,e))).state={file:null},n.onFileChange=n.onFileChange.bind(F()(F()(n))),n.onFileUploadHandler=n.onFileUploadHandler.bind(F()(F()(n))),n}return R()(t,e),v()(t,[{key:"onFileChange",value:function(e){var t=this.props,n=t.importedSARInvalid,a=t.cleanUp,l=e.target.files[0];this.setState({file:l}),n&&a&&a()}},{key:"onFileUploadHandler",value:function(){var e=this.props.onFileUpload,t=this.state.file;t&&e&&e(t)}},{key:"render",value:function(){var e=this.state.file,t=this.props,n=t.importedSARInvalid,a=t.importedSARFetching,r=null;if(n){var i=null;n instanceof Error&&(i=l.a.createElement("div",null,l.a.createElement("strong",null,"Details:")," ",l.a.createElement("br",null),n.toString())),r=l.a.createElement(k.a,{type:"error"},"An error occured while sending the data. ",l.a.createElement("br",null),i)}return l.a.createElement("div",null,r,l.a.createElement(y.Flex,{style:{padding:"40px",borderTop:"1px solid #ececec",flexDirection:"column"}},l.a.createElement(C.FileInput,{label:"Choose file",onChange:this.onFileChange}),l.a.createElement("div",null,!e&&"no file chosen",e&&e.name),l.a.createElement("div",{style:{padding:"32px"}},l.a.createElement(U.a,{disabled:!e,type:"primary",message:"Upload file and setup S.A.R",onClick:this.onFileUploadHandler,icon:a?l.a.createElement(x.Loader,null):l.a.createElement(T.Upload,null)}))))}}]),t}(a.Component),D=n(2),I=n.n(D),H=n(7),L=n.n(H),W=n(5),M=n(185),P=n.n(M),B=n(29),J=n(60);function G(){var e=L()(["\n overflow-x: scroll;\n position: relative;\n display: flex;\n & > div {\n flex: 1;\n }\n"]);return G=function(){return e},e}var Q=W.default.div(G()),q=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=Object.keys(e[0]||{}).filter(function(e){return e.toLowerCase()!=="idForClient".toLowerCase()})||[];return e.forEach(function(e){(Object.keys(e)||{}).forEach(function(e){-1===t.indexOf(e)&&e.toLowerCase()!=="idForClient".toLowerCase()&&t.push(e)})}),t},z=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e.map(function(e){return t[e]||"-"})},K=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=[];return t.forEach(function(t){n.push({vm:z(e,t)||[],original:t})}),n},N=Object(J.g)(function(e){var t=e.status,n=e.errorMsg,a="Ready";return t&&t.isFetching&&(a="Loading..."),t&&t.invalid&&(a="An error occured! ".concat(n||"")),t&&t.done&&(a="SAR has been created"),l.a.createElement("div",null,a)},function(e,t){return e.Identifiers.idForClient===t.original.idForClient}),V=function(e){function t(e){var n;m()(this,t),n=S()(this,E()(t).call(this,e));var a=(e.json||[]).map(function(e){return I()({idForClient:P()()},e)}),l=q(a);return n.state={headers:l,values:K(l,a)},n}return R()(t,e),v()(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.props.json;if(t&&e&&e.json&&e.json.length!==t.length){var n=(e.json||[]).map(function(e){return I()({idForClient:P()()},e)}),a=q(n);this.state={headers:a,values:K(a,n)}}}},{key:"render",value:function(){var e=this.state,t=e.headers,n=e.values,a=this.props.onChange;return l.a.createElement(Q,null,l.a.createElement(B.Table,{onChange:a,multiSelectable:!0,selectable:!0,style:{tableLayout:"auto"}},l.a.createElement(B.TableHeader,null,l.a.createElement(B.TableRow,null,l.a.createElement(B.TableHeaderColumn,null,"Status"),(t||[]).map(function(e){return l.a.createElement(B.TableHeaderColumn,null,e)}))),l.a.createElement(B.TableBody,null,(n||[]).map(function(e){var t=e.original,n=e.vm;return l.a.createElement(B.TableRow,{value:t},l.a.createElement(B.TableRowColumn,{style:{minWidth:"200px"}},l.a.createElement(N,{original:t,vm:n})),(Object.values(n)||[]).map(function(e){return l.a.createElement(B.TableRowColumn,{style:{minWidth:"200px"}},e)}))}))))}}]),t}(a.Component),X=n(67),Y=function(e){function t(e){var n;return m()(this,t),(n=S()(this,E()(t).call(this,e))).state={selected:[]},n.addToSelection=n.addToSelection.bind(F()(F()(n))),n.createAllSelectedSar=n.createAllSelectedSar.bind(F()(F()(n))),n}return R()(t,e),v()(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.props.allDoneAndRedirect;e.allDone&&t()}},{key:"addToSelection",value:function(e,t,n){this.setState({selected:n||[]})}},{key:"createAllSelectedSar",value:function(){var e=this.state.selected,t=this.props,n=t.batch,a=t.currentUserEmail;n&&e.length>0&&n(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;return e.map(function(e){return{Type:"Export",Email:t,Identifiers:e}})}(e,a))}},{key:"render",value:function(){var e=this.props.json;return l.a.createElement("div",null,l.a.createElement("div",{style:{padding:"16px"}},l.a.createElement(U.a,{type:"primary",message:"Create S.A.R",onClick:this.createAllSelectedSar})),l.a.createElement(V,{json:e,onChange:this.addToSelection}))}}]),t}(a.Component),Z=Object(J.e)(Y,X.f),$=n(22),_=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e&&e.length>0?2:1},ee=Object(r.b)(Object(r.c)({componentDidMount:function(){(0,this.props.cleanUp)()},componentWillUnmount:function(){(0,this.props.cleanUp)()}}))(function(e){var t=e.onFileUpload,n=e.step,a=e.importedSAR,r=void 0===a?[]:a,i=e.importedSARSuccess,u=e.importedSARInvalid,p=e.importedSARFetching,m=e.currentUserEmail,h=e.allDoneAndRedirect,v=e.cleanUp;return l.a.createElement(o.Widget,{style:{background:"#fff",margin:"32px"},title:l.a.createElement(d.FormattedMessage,{id:"module-gdpr-importSaRFromFile"})},l.a.createElement(c.DivPadding,{padding:"S"},l.a.createElement(s.Stepper,{activeStep:n,linear:!0,nowrap:!0},l.a.createElement(s.Step,null,l.a.createElement(s.StepButton,null,l.a.createElement(d.FormattedMessage,{id:"module-gdpr-importSARStep1"}))),l.a.createElement(s.Step,null,l.a.createElement(s.StepButton,null,l.a.createElement(d.FormattedMessage,{id:"module-gdpr-importSARStep2"}))))),1===n&&l.a.createElement(O,{onFileUpload:t,importedSARSuccess:i,importedSARInvalid:u,importedSARFetching:p,cleanUp:v}),2===n&&l.a.createElement(Z,{json:r,currentUserEmail:m,allDoneAndRedirect:h}))}),te=Object(i.connect)(function(e){var t=e.GDPR,n=t.importedSAR,a=t.importedSARSuccess,l=t.importedSARInvalid,r=t.importedSARFetching,i=e.user.currentUser;return{importedSAR:n,importedSARSuccess:a,importedSARInvalid:l,importedSARFetching:r,step:_(n),currentUserEmail:i.client.Email||null}},function(e){return{onFileUpload:function(t){e(Object($.Q)(t))},cleanUp:function(){e(Object($.j)())},allDoneAndRedirect:function(){e(Object(J.c)({type:"success",description:"All S.A.R have been created"})),e(Object($.j)()),e(Object(u.push)("/gdpr/list"))}}})(ee);t.default=te}}]);