cluedin-widget
Version:
1 lines • 11.9 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{1816:function(e,t,n){"use strict";var i=n(2),a=n.n(i),r=n(11),o=n.n(r),s=n(12),l=n.n(s),d=n(13),c=n.n(d),u=n(14),m=n.n(u),f=n(15),p=n.n(f),g=n(0),v=n.n(g),h=n(4),E=n(66),C=n(8),F=n(6),y=n(24),I=n(40),b=n.n(I),q=n(35),U=n(43),x=n(17),M=n.n(x),w=n(310),S=n(9),k=n(144),P=n.n(k),O=n(116),j=function(e){return e.entity.IsRequired?v.a.createElement("span",null,"True"):v.a.createElement("span",null,"No")},T=function(e){var t=e.entity;return v.a.createElement("div",null,v.a.createElement(O.a,{integration:t.integration}))},A=function(e){var t=e.values,n=void 0===t?[]:t;return v.a.createElement("div",null,n.map(function(e){return v.a.createElement("div",{key:e},e)}))},R=function(e){var t=e.value;return v.a.createElement("div",null,(!t||0===t.length)&&v.a.createElement("span",{style:{color:"#ccc"}},"none"),t?v.a.createElement(A,{values:t}):"None")},H=function(e){var t,n=e.value,i=e.onClickAddUniqueIdentifier,a=e.removeUniqueIdentifierByIndexes,r=e.disabled,o=e.hasUniqueIdentifier;return t=n&&0!==n.length?v.a.createElement("div",null,!r&&!o&&v.a.createElement(x.ButtonLink,{icon:v.a.createElement(S.Add,null),onClick:i,text:"Add Data Processor"}),v.a.createElement("div",{style:{borderTop:"1px solid #ccc",borderLeft:"1px solid #ccc",borderRight:"1px solid #ccc",marginTop:"15px"}},v.a.createElement(P.a,{selectable:!r,multiSelecatble:!r,data:n,properties:[{isComputed:!0,property:"Integration",displayName:v.a.createElement(h.FormattedMessage,{id:"module-consent-application",defaultMessage:"Data Processor"}),Component:T},{property:"identifiers",displayName:v.a.createElement(h.FormattedMessage,{id:"module-consent-key",defaultMessage:"Identifier Key"}),Component:R},{property:"Consent",displayName:v.a.createElement(h.FormattedMessage,{id:"module-consent-consentExplanation",defaultMessage:"Explanation"})},{isComputed:!0,property:"IsRequired",displayName:v.a.createElement(h.FormattedMessage,{id:"module-consent-mustBeChecked",defaultMessage:"Required"}),Component:j}],batchActions:[{icon:v.a.createElement(S.Delete,null),label:v.a.createElement(h.FormattedMessage,{id:"module-consent-delete",defaultMessage:"Delete"}),clearSelection:!0,onClick:function(e,t){var i=[];n.forEach(function(e){if(t.find(function(t){return t===e.id})){var a=n.indexOf(e);i.push(a)}}),a(i)}}]}))):v.a.createElement("div",{style:{border:"1px solid #ccc",padding:"15px",textAlign:"center"}},v.a.createElement("div",null,"No data processor selected"),!r&&v.a.createElement("div",{style:{marginTop:"15px"}},v.a.createElement(x.ButtonLink,{icon:v.a.createElement(S.Add,null),text:v.a.createElement(h.FormattedMessage,{id:"module-consent-addProcessor"}),onClick:function(){i()}}))),v.a.createElement("div",null,t)},B=n(561),D=n(100),L=Object(w.a)(q.TextField,{label:"Short Explanation",helpText:"Short text describing the reason why you need the data.",isRequired:!0}),G=Object(w.a)(q.TextField,{label:v.a.createElement(h.FormattedMessage,{id:"module-consent-title",defaultMessage:"Title"}),helpText:v.a.createElement(h.FormattedMessage,{id:"module-consent-titleHelp",defaultMessage:"Short title to ask consent to your user. Default value is 'Do you give CluedIn consent?"}),isRequired:!0}),N=Object(w.a)(H,{label:v.a.createElement(h.FormattedMessage,{id:"module-consent-dataProcessorsConsentConfiguration",defaultMessage:"Data Processors"}),helpText:v.a.createElement(h.FormattedMessage,{id:"module-consent-dataProcessorsConsentConfigurationHelp",defaultMessage:"Please, choose the processors you are using for this consent."})}),z=Object(w.a)(q.TextField,{label:v.a.createElement(h.FormattedMessage,{id:"module-consent-privacyUrl",defaultMessage:"Privacy Url"}),helpText:v.a.createElement(h.FormattedMessage,{id:"module-consent-privacyUrlHelp",defaultMessage:"The link to your privacy policy."})}),V=function(e){var t=e.onClickAddUniqueIdentifier,n=e.handleSubmit,i=e.onGenerateForm,a=e.onPreview,r=e.removeUniqueIdentifierByIndexes,o=e.isSaving,s=e.id;return v.a.createElement("div",null,v.a.createElement(B.a,{withRequiredFields:!0},v.a.createElement(E.Field,{name:"title",validate:[D.d],component:G,disabled:!!s}),v.a.createElement(E.Field,{name:"shortExplanation",validate:[D.d],component:L,disabled:!!s}),v.a.createElement(E.Field,{name:"processors",component:N,onClickAddUniqueIdentifier:t,removeUniqueIdentifierByIndexes:r,disabled:!!s}),v.a.createElement(E.Field,{validate:[D.e],name:"privacyLink",component:z,disabled:!!s})),v.a.createElement("div",{style:{marginTop:"15px"}},!s&&v.a.createElement(M.a,{onClick:n(i),icon:o?v.a.createElement(U.Loader,null):null,type:"primary"},s?v.a.createElement(h.FormattedMessage,{id:"module-consent-publishChanges",defaultMessage:"Publish Changes"}):v.a.createElement(h.FormattedMessage,{id:"module-consent-create",defaultMessage:"Create"})),v.a.createElement(M.a,{style:{marginLeft:"15px"},onClick:n(a)},v.a.createElement(h.FormattedMessage,{id:"module-consent-previewConsentForm",defaultMessage:"Preview Consent Form"})),s&&v.a.createElement("div",{style:{marginLeft:"15px",marginTop:"5px",color:"red"}},v.a.createElement(h.FormattedMessage,{id:"module-consent-noSupportForEdit",defaultMessage:"We currently do not support form edition. Contact our support if it is causing you troubles."}))))},W=Object(E.reduxForm)({form:"UserConsentFormGenerator"})(V),J=n(27),K=n.n(J),Q=n(80),X=n(1789),Y=n.n(X),Z=n(1819),$=n(184),_=n.n($),ee=n(34),te=function(e){var t=e.children,n=e.show,i=e.title,a=e.onClose;return v.a.createElement(_.a,{style:{width:"600px"},offsetTop:"48px",onClose:a,open:n},v.a.createElement(ee.Panel,null,i&&v.a.createElement(ee.PanelHeader,{hasClose:!0,title:i,onClose:a}),v.a.createElement(ee.PanelContent,null,t)))},ne=n(1817),ie=Y()(Z.a),ae=Object(E.reduxForm)({form:"UniqueIdentifiersSelectorContainer"})(ie),re=function(e){function t(e){var n;return o()(this,t),(n=c()(this,m()(t).call(this,e))).state={selectedIntegration:null,selectedUniqueIdentifier:{}},n}return p()(t,e),l()(t,[{key:"getContent",value:function(){var e=this,t=this.state.selectedIntegration;return t?v.a.createElement(ae,{integration:t.config,onClickAddUniqueIdentifier:function(t){e.addUniqueIdentifierHandler(t)}}):v.a.createElement(ne.a,{integrationSelected:[],addProcessor:function(t){e.addProcessor(t)}})}},{key:"addProcessor",value:function(e){this.setState({selectedIntegration:e})}},{key:"addUniqueIdentifierHandler",value:function(e){var t=this.props.onClickAddUniqueIdentifierFromSelector,n=this.state.selectedIntegration,i=n.Id;t&&t({identifiers:e.key,Consent:e.explanation,IsRequired:!!e.required,ProviderId:i,integration:n}),this.setState({selectedIntegration:null})}},{key:"render",value:function(){var e=this.state.selectedIntegration?2:1;return v.a.createElement(te,K()({},this.props,{title:v.a.createElement(h.FormattedMessage,{id:"module-consent-AddUniqueIdentifier",defaultMessage:"Add Data Processor"})}),v.a.createElement("div",null,v.a.createElement(Q.Stepper,{linear:!0,activeStep:e},v.a.createElement(Q.Step,null,v.a.createElement(Q.StepButton,null,v.a.createElement(h.FormattedMessage,{id:"module-consent-AddUniqueIdentifier-step1",defaultMessage:"Choose Data Processor"}))),v.a.createElement(Q.Step,null,v.a.createElement(Q.StepButton,null,v.a.createElement(h.FormattedMessage,{id:"module-consent-AddUniqueIdentifier-step2",defaultMessage:"Setup"})))),v.a.createElement("div",{style:{borderTop:"1px solid #ccc"}},this.getContent())))}}]),t}(g.Component),oe=n(115),se=n(68),le=n.n(se),de=n(576),ce=function(e){var t=e.consent,n=e.show,i=e.onClose;return v.a.createElement(le.a,{style:{maxWidth:"940px"},onClose:i,show:n},v.a.createElement(de.a,{isPreview:!0,onSaveConsentEntries:function(){alert("This is a preview form to experience what end-users will see, nothing will be saved."),i()},consentForm:t}))},ue=n(38),me=n(42),fe=n(55),pe=n(268),ge=function(e){function t(e){var n;return o()(this,t),(n=c()(this,m()(t).call(this,e))).state={showUniqueIdentifier:!1,previewConsent:null,viewCode:!1,selectedUniqueIdentifier:{}},n}return p()(t,e),l()(t,[{key:"onPreviewHandler",value:function(e){this.setState({previewConsent:e})}},{key:"onAddUniqueIdentifierToForm",value:function(e){(0,this.props.addUniqueIdentifier)(e),this.setState({showUniqueIdentifier:!1})}},{key:"addUniqueIdentifier",value:function(){this.setState({showUniqueIdentifier:!0})}},{key:"generateFormHandler",value:function(e){var t=this.props,n=t.generateForm,i=t.currentOrganization;n&&n(e,i)}},{key:"closeUniqueIdentifierPanel",value:function(){this.setState({showUniqueIdentifier:!1})}},{key:"closePreviewHandler",value:function(){this.setState({previewConsent:null})}},{key:"closeViewCodeHandler",value:function(){this.setState({viewCode:!1})}},{key:"render",value:function(){var e=this.state,t=e.showUniqueIdentifier,n=e.selectedUniqueIdentifier,i=e.previewConsent,a=this.props,r=a.consentForm,o=a.removeUniqueIdentifierByIndexes,s=a.id,l=a.isSaving;return v.a.createElement(b.a,{title:s?v.a.createElement(h.FormattedMessage,{id:"module-consent-editConsentFormTitle",defaultMessage:"Edit Consent Form"}):v.a.createElement(h.FormattedMessage,{id:"module-consent-createConsentFormTitle",defaultMessage:"Create Consent Form"})},v.a.createElement("div",{style:{padding:"15px"}},v.a.createElement("div",{style:{marginTop:"15px"}},v.a.createElement(W,{initialValues:r,onClickAddUniqueIdentifier:this.addUniqueIdentifier.bind(this),onGenerateForm:this.generateFormHandler.bind(this),onPreview:this.onPreviewHandler.bind(this),removeUniqueIdentifierByIndexes:o,id:s,isSaving:l})),v.a.createElement(re,{onClose:this.closeUniqueIdentifierPanel.bind(this),show:t,initialValues:n,onClickAddUniqueIdentifierFromSelector:this.onAddUniqueIdentifierToForm.bind(this)}),v.a.createElement(ce,{consent:i,show:!!i,onClose:this.closePreviewHandler.bind(this)})))}}]),t}(g.Component),ve=Object(F.b)(Object(F.c)({componentDidMount:function(){this.props.fetchConsentConfiguration()},componentWillUnmount:function(){this.props.resetForm()},componentWillReceiveProps:function(e){var t=this.props.redirectToListAndClearSavingResult;e.done&&t()}}),Object(F.a)(function(e){return e.isFetching},Object(F.e)(ue.a)),Object(F.a)(function(e){return e.invalid},Object(F.e)(oe.a)))(ge);t.a=Object(C.connect)(function(e,t){var n=t.id,i=e.integration,a=i.allIntegrations,r=i.isFetchingAllIntegrations,o=e.consent,s=o.isFetchingConsentConfigurationForEdit,l=o.consentConfigurationEdit,d=o.invalidConsentConfigurationEdit,c=o.isSavingConsentFormResut,u=o.doneSavingConsentFormResult,m=o.invaldSavingConsentFormResult,f=e.org,p=f.isFetchingOrganization,g=f.organization,v=Object(E.getFormValues)("UserConsentFormGenerator")(e),h=v&&v.processors?v.processors:[],C=s||r||p;return{isSaving:c,done:u,isFetching:C,currentOrganization:g,consentForm:n&&!C&&l?Object(pe.c)(l,a):{title:"",shortExplanation:"",processors:[],privacyLink:""},invalid:d||m,integrationSelected:h,id:n}},function(e,t){var n=t.id;return{removeUniqueIdentifierByIndexes:function(){var t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).sort(function(e,t){return e-t}),n=0;t.forEach(function(t){e(Object(E.arrayRemove)("UserConsentFormGenerator","processors",t-n)),n+=1})},resetForm:function(){e(Object(E.reset)("UserConsentFormGenerator"))},fetchConsentConfiguration:function(){n&&e(Object(me.q)(n)),e(Object(fe.n)())},addUniqueIdentifier:function(t){e(Object(E.arrayPush)("UserConsentFormGenerator","processors",a()({id:t.ProviderId},t,{identifiers:t.identifiers?t.identifiers.map(function(e){return e.value}):[]}))),e(Object(E.reset)("UniqueIdentifiersSelectorContainer"))},generateForm:function(t,n){e(Object(me.C)(Object(pe.a)(t,n.Id)))},redirectToListAndClearSavingResult:function(){e(Object(y.push)("/consent/forms/")),e(Object(me.f)())}}})(ve)},2198:function(e,t,n){"use strict";n.r(t);var i=n(0),a=n.n(i),r=n(1816);t.default=function(e){var t=e.match.params.id;return a.a.createElement(r.a,{id:t})}}}]);