cluedin-widget
Version:
1 lines • 19.7 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1783:function(e,t,n){"use strict";n.d(t,"b",function(){return m}),n.d(t,"a",function(){return f});var a=n(2),r=n.n(a),i=n(0),o=n.n(i),s=n(111),l=n(25),c=n(64),u=function(e){return e.PersonallyIdentifying},d={},m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(d[t.name])return d[t.name];var n=e.filter(function(e){var n;if(e.Key.indexOf(".")>-1){var a=e.Key.split(".")[0];n=Object(c.b)(a)}return!(!n||!n.name)&&(n&&t&&n.name===t.name)}).filter(u).map(function(e){var t;if(e.Key.indexOf(".")>-1){var n=e.Key.split(".")[0];t=Object(c.b)(n)}var a=t?o.a.createElement(l.Flex,null,o.a.createElement(s.Img,{width:16,src:t.icon,alt:e.Name}),o.a.createElement("small",{style:{marginLeft:"6px"}},e.Key.slice(0,e.Key.indexOf(".")))):null;return r()({},e,{postFix:a,integration:t,DisplayName:e.Key})});return n&&n.length>0&&(d[t.name]=n),n},f=function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).filter(u).map(function(e){var t;if(e.Key.indexOf(".")>-1){var n=e.Key.split(".")[0];t=Object(c.b)(n)}var a=t?o.a.createElement(l.Flex,null,o.a.createElement(s.Img,{width:16,src:t.icon,alt:e.Name}),o.a.createElement("small",{style:{marginLeft:"6px"}},e.Key.slice(0,e.Key.indexOf(".")))):null;return r()({},e,{postFix:a,integration:t,DisplayName:e.Key})})}},1784:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(1785),o=n.n(i);t.a=function(e){var t=e.personalIdentifers,n=e.onChange;return r.a.createElement(o.a,{filterOn:"DisplayName",onChange:function(e){var t=e.originalValue;n&&t&&void 0!==t.Key&&n(t.Key)},items:t})}},1785:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=n(1786),i=(a=r)&&a.__esModule?a:{default:a};t.default=i.default},1786:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},r=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),i=g(["\n font-weight: 600;\n background: #fff9d6;\n"],["\n font-weight: 600;\n background: #fff9d6;\n"]),o=g(["\n white-space: nowrap;\n"],["\n white-space: nowrap;\n"]),s=h(n(0)),l=h(n(266)),c=h(n(5)),u=n(35),d=n(91),m=n(25),f=h(n(168)),p=n(1787);function h(e){return e&&e.__esModule?e:{default:e}}function g(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var v=c.default.span(i),y="rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px",x={position:"absolute",top:"30px",maxHeight:"60vh",overflowY:"scroll",border:"1px solid #ccc",left:0,right:0,margin:0,padding:0,zIndex:2,background:"white"},E=c.default.span(o),b=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={index:-1,value:e.defaultValue,originalItems:n.props.items.map(function(e,t){return a({},e,{originalIndex:t})})||[],filteredSet:[]},n.onQuerychangeDebounced=(0,l.default)(n.onQuerychange,100),n.onChangeWrap=n.onChangeWrap.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,f.default),r(t,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.clickHandlerForDom.bind(this),!0)}},{key:"componentWillReceiveProps",value:function(e){this.props.items.length!==e.items.length&&this.setState({originalItems:this.props.items.map(function(e,t){return a({},e,{originalIndex:t})})||[]}),this.props.defaultValue!==e.defaultValue&&this.setState({valueForInput:e.defaultValue})}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.clickHandlerForDom)}},{key:"onItemClick",value:function(e){var t=this.state.filteredSet[e];this.onEnter(t.matchesResults.reduce(function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"")+arguments[1].string},""),t),this.setState({index:-1,escape:!0})}},{key:"clickHandlerForDom",value:function(e){var t=this.node;t&&t.contains(e.target)||this.setState({index:-1,escape:!0})}},{key:"onQuerychange",value:function(e){var t=this.props.onchange;this.setState({valueForInput:e});this.asyncUpdateFilteredSet(function(){return t&&t(e)})}},{key:"onChangeWrap",value:function(e){var t=e.target.value;this.setState({valueForInput:t}),this.onQuerychangeDebounced(t)}},{key:"handleMouseEnterList",value:function(){this.setState({index:-1})}},{key:"handleMouseLeaveList",value:function(){this.setState({index:-1})}},{key:"handleMouseEnterListItem",value:function(){this.setState({index:-1})}},{key:"handleMouseLeaveListItem",value:function(){this.setState({index:-1})}},{key:"onEnter",value:function(e,t){var n=this.props.onChange;this.setState({valueForInput:e}),n&&n({value:e,originalValue:t})}},{key:"updateSearchValue",value:function(e){var t=this.state,n=t.index,a=t.valueForInput,r=t.filteredSet;"Enter"===e.key?(n<0?this.onEnter(a||"",!0):this.onEnter(r[n].matchesResults.reduce(function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"")+arguments[1].string},""),r[n]),this.setState({index:-1,escape:!0})):"Escape"===e.key?this.setState({index:-1,escape:!0}):"ArrowDown"===e.key?this.state.index===r.length?this.setState({index:0,escape:!1}):this.setState({index:this.state.index+1,escape:!1}):"ArrowUp"===e.key?this.state.index>=0&&this.setState({index:this.state.index-1,escape:!1}):this.setState({index:-1,escape:!1})}},{key:"asyncUpdateFilteredSet",value:function(e){var t=this,n=this.props,r=n.items,i=n.defaultValue,o=n.filterOn,s=n.strict,l=this.state.valueForInput;l&&l.length>=2&&new Promise(function(e){var t=(r&&r.map(function(e){return a({},e,{matchesResults:(0,p.getMatchesResult)(e[o],l||i||"")})})||[]).filter(s?function(e){return e[o].toLowerCase().replace(/\s/g,"").indexOf((l||i||"").toLowerCase().replace(/\s/g,""))>-1}:function(e){return e.matchesResults.some(function(e){return e.matches})});e((0,p.getFilteredSetWithScore)(t).sort(function(e,t){return e.scrore>t.scrore?-1:e.scrore<t.scrore?1:0}))}).then(function(n){return t.setState({filteredSet:n},e)})}},{key:"render",value:function(){var e=this,t=this.props,n=t.placeholder,r=(t.filterOn,t.resultLimit),i=this.state,o=i.index,l=i.escape,c=i.valueForInput,f=i.filteredSet,p=a({},f.length&&f.length>0?{boxShadow:y}:{},f.length&&f.length>0?{boxShadow:y}:{}),h=!l&&c&&f.length?s.default.createElement(d.VerticalMenu,{style:a({},x,p),ref:function(t){e.autoComplete=t},onMouseOver:this.handleMouseEnterList.bind(this),onMouseOut:this.handleMouseLeaveList.bind(this)},f.slice(0,r).map(function(t,n){var a=function(e,t,n){var a=(e.matchesResults||[]).map(function(e){var t=e.matches,n=e.string;return t?s.default.createElement(E,{"data-matches":!0},s.default.createElement(v,{dangerouslySetInnerHTML:{__html:""+n.replace(/\s/," ")}})):s.default.createElement(E,{"data-not-matches":!0,dangerouslySetInnerHTML:{__html:""+n.replace(/\s/," ")}})});return s.default.createElement(m.Flex,{style:{justifyContent:"flex-start",width:"100%"}},s.default.createElement("div",{style:{overflow:"hidden",textOverflow:"ellipsis"}},a),s.default.createElement("span",{"data-postFix":!0,style:{margin:"0 6px",marginLeft:"auto"}},n))}(t,0,t.postFix),r={};return r=o===n?Object.assign({},{color:e.context.uxiTheme.palette.accent.main,background:"rgb(233,245,244)"}):{},s.default.createElement(d.MenuItem,{key:n,onClick:e.onItemClick.bind(e,n),style:r,onMouseOver:e.handleMouseEnterListItem.bind(e),onMouseOut:e.handleMouseLeaveListItem.bind(e)},a)}),f.length>20?s.default.createElement(d.MenuItem,{key:"not-currentIndex",onClick:function(){},style:{textAlign:"center",opacity:.8}},"Some results were omitted, try a more specific query"):null,c&&0===f.length?s.default.createElement(d.MenuItem,{key:"not-currentIndex-no-results",onClick:function(){},style:{textAlign:"center",opacity:.8}},"no match found"):null):null;return s.default.createElement("div",{style:{position:"relative"},ref:function(t){e.node=t},onKeyUp:this.updateSearchValue.bind(this)},s.default.createElement(u.TextField,{style:{zIndex:3},placeholder:n,ref:function(t){e.currentInput=t},onChange:this.onChangeWrap,value:this.state.valueForInput||"",type:"text"}),h)}}]),t}();b.defaultProps={items:[],placeholder:"Type to search...",strict:!1,resultLimit:20},t.default=b},1787:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e};function r(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}t.getFilteredSetWithScore=function(e){return e.map(function(e){return a({},e,{scrore:e.matchesResults.reduce(i,0)})})};t.getMatchesResult=function(e,t){if(0===e.toLowerCase().indexOf(t.toLowerCase()))return[{matches:!0,string:e.slice(0,t.length)},{matches:!1,string:e.slice(t.length)}];if(e.toLowerCase().indexOf(t.toLowerCase())>-1){var n=e.toLowerCase().indexOf(t.toLowerCase());return[{matches:!1,string:e.slice(0,n)},{matches:!0,string:e.slice(n,n+t.length)},{matches:!1,string:e.slice(n+t.length)}]}for(var i=[],o=0,s=0;o<e.length;){var l=e[o],c=t[s],u={matches:!1,string:l};l.toLowerCase()===(c&&c.toLowerCase())?(u.matches=!0,i.push(u),s++):(i.push(u),u={matches:!1,string:l}),o++}var d={isCurrentlyMatching:i[0].matches,result:[{matches:i[0].matches,string:i[0].string}]};return i.reduce(function(e,t,n){return 0===n?e:t.matches===e.isCurrentlyMatching?(0===n?e.result[0]=t.string:e.result[e.result.length-1].string+=t.string,e):{isCurrentlyMatching:t.matches,result:[].concat(r(e.result),[a({},t)])}},d).result};var i=function(e,t){var n=t.string;return t.matches&&n.length>e?n.length:e}},1789:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,r=n(0),i=(a=r)&&a.__esModule?a:{default:a};t.default=function(e){return function(t){return i.default.createElement("form",{onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),e.stopPropagation())},onSumbit:function(e){e.preventDefault(),e.stopPropagation()}},i.default.createElement(e,t))}}},1817:function(e,t,n){"use strict";var a=n(11),r=n.n(a),i=n(12),o=n.n(i),s=n(13),l=n.n(s),c=n(14),u=n.n(c),d=n(15),m=n.n(d),f=n(0),p=n.n(f),h=n(8),g=n(6),v=n(38),y=n(4),x=n(35),E=n(23),b=n.n(E),k=n(259),w=n(17),S=n.n(w),O=n(381),C=function(e){var t=e.integration,n=e.isSelected,a=e.addProcessor,r=e.removeProcessor,i=t.config?t.config.name:t.Name,o=t.config?t.config.icon:"";return p.a.createElement(O.TileDetail,{style:{maxHeight:"148px",overflow:"hidden"},title:i,imageUrl:o,extra:p.a.createElement("div",{style:{textAlign:"right"}},p.a.createElement(S.a,{type:"primary",message:n?p.a.createElement(y.FormattedMessage,{id:"module-consent-remove"}):p.a.createElement(y.FormattedMessage,{id:"module-consent-Select"}),onClick:function(){n?r(t):a(t)}}))},p.a.createElement("div",null,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.length>132?"".concat(e.slice(0,128)," (...)"):e}(t.Details)))},F=function(e){function t(e){var n;return r()(this,t),(n=l()(this,u()(t).call(this,e))).state={query:""},n}return m()(t,e),o()(t,[{key:"getFilteredIntegration",value:function(){var e=this.props.integrations,t=this.state.query;return t?e.filter(function(e){return e.Name.match(new RegExp(t,"i"))}):e}},{key:"render",value:function(){var e=this,t=this.props,n=t.navigate,a=t.addProcessor,r=t.integrationSelected,i=t.removeProcessor,o=t.contentStyle,s=this.getFilteredIntegration(),l=s&&s.length>0;return p.a.createElement("div",null,p.a.createElement("div",{style:{padding:"15px 15px 0 15px"}},p.a.createElement(x.SearchForm,{fullWidth:!0,placeholder:"Search for processors (google analytics, hubspots...)",onChange:function(t,n){e.setState({query:n})}})),p.a.createElement("div",{style:{padding:"15px"}},p.a.createElement(w.Button,{message:p.a.createElement(y.FormattedMessage,{id:"module-consent-requestNewProcessor"}),onClick:function(){n("new")}})),l&&p.a.createElement("div",{style:o||{}},p.a.createElement(k.TileList,null,s.map(function(e,t){var n=r.find(function(t){return t.Id===e.Id}),o=-1;return n&&(o=r.indexOf(n)),p.a.createElement(C,{key:e.Id||t,isSelected:n,addProcessor:a,integration:e,removeProcessor:function(){i(o)}})}))),!l&&p.a.createElement(b.a,null,p.a.createElement("div",{style:{paddingBottom:"15px"}},"No result found."),p.a.createElement("div",{style:{paddingBottom:"15px"}},p.a.createElement(y.FormattedMessage,{id:"module-consent-requestDataProcessorExplanation"})),p.a.createElement("div",{style:{paddingBottom:"15px"}},p.a.createElement(w.Button,{message:p.a.createElement(y.FormattedMessage,{id:"module-consent-requestNewProcessor"}),onClick:function(){n("new")}}))))}}]),t}(f.Component),I=n(55),M=n(7),L=n.n(M),P=n(5),j=n(36),K=n.n(j),_=n(295);function q(){var e=L()(["\n padding-bottom:15px;\n"]);return q=function(){return e},e}var T=P.default.div(q()),N=Object(g.b)(Object(g.g)("processor","setProcessor",""))(function(e){var t=e.navigate,n=e.setProcessor,a=e.processor;return p.a.createElement("div",{style:{padding:"15px"}},p.a.createElement(T,null,p.a.createElement(w.ButtonLink,{onClick:function(){return t()},text:"← Back"})),p.a.createElement(T,null,p.a.createElement(K.a,{type:"heading"},p.a.createElement(y.FormattedMessage,{id:"module-consent-requestNewProcessor"}))),p.a.createElement(T,null,p.a.createElement(y.FormattedMessage,{id:"module-consent-requestNewProcessorExplanation"})),p.a.createElement(_.a,{label:p.a.createElement(y.FormattedMessage,{id:"module-consent-processorName"}),helpText:p.a.createElement(y.FormattedMessage,{id:"module-consent-processorNameExplanation"})},p.a.createElement(x.TextField,{onChange:function(e,t){n(function(){return t})},placeholder:"Mixpanel, Google Analytics..."})),p.a.createElement(w.Button,{type:"primary",link:"mailto:support@cluedin.com?subject=request-for-new-data-processor&body=Please add the data processor: ".concat(a,"."),message:p.a.createElement(y.FormattedMessage,{id:"module-consent-requestNewProcessor"})}))}),D=function(e){function t(e){var n;return r()(this,t),(n=l()(this,u()(t).call(this,e))).state={navigation:""},n}return m()(t,e),o()(t,[{key:"setNavigationHandler",value:function(e){this.setState({navigation:e})}},{key:"getContent",value:function(){var e=this.props,t=e.addProcessor,n=e.removeProcessor,a=e.integrationSelected,r=e.integrations,i=e.contentStyle;return"new"===this.state.navigation?p.a.createElement(N,{navigate:this.setNavigationHandler.bind(this)}):p.a.createElement(F,{contentStyle:i,integrations:r,navigate:this.setNavigationHandler.bind(this),addProcessor:t,removeProcessor:n,integrationSelected:a})}},{key:"render",value:function(){var e=this.getContent();return p.a.createElement("div",null,e)}}]),t}(f.Component),A=Object(g.b)(Object(g.c)({componentDidMount:function(){(0,this.props.getIntegration)()}}),Object(g.a)(function(e){return e.isFetching},Object(g.e)(v.a)))(D);t.a=Object(h.connect)(function(e,t){var n=t.integrationSelected,a=e.integration;return{integrations:a.allIntegrations,isFetching:a.isFetchingAllIntegrations,integrationSelected:n}},function(e){return{getIntegration:function(){e(Object(I.n)())}}})(A)},1819:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(4),o=n(36),s=n.n(o),l=n(66),c=n(35),u=n(17),d=n.n(u),m=n(43),f=n(310),p=n(561),h=n(16),g=n.n(h),v=n(11),y=n.n(v),x=n(12),E=n.n(x),b=n(13),k=n.n(b),w=n(14),S=n.n(w),O=n(15),C=n.n(O),F=n(9),I=n(8),M=n(1783),L=n(1784),P=Object(I.connect)(function(e,t){var n=e.entity.schema,a=t.integration;return{personalIdentifers:n&&Object(M.b)(n,a)}})(L.a),j=function(e){function t(e){var n;return y()(this,t),(n=k()(this,S()(t).call(this,e))).state={currentKeys:[]},n}return C()(t,e),E()(t,[{key:"onChangeKey",value:function(e,t){var n=this.props.onChange,a=this.state.currentKeys;a[t].value=e,this.setState({currentKeys:g()(a)}),n&&n(a)}},{key:"removeKey",value:function(e){var t=this.state.currentKeys;t.splice(e,1),this.setState({currentKeys:g()(t)})}},{key:"addUniqueIdentifierHandler",value:function(){var e=this.state.currentKeys;this.setState({currentKeys:g()(e).concat([{value:""}])})}},{key:"render",value:function(){var e=this,t=this.props.integration,n=this.state.currentKeys;return r.a.createElement("div",null,(!n||0===n.length)&&r.a.createElement("div",{style:{border:"1px solid #ccc",padding:"15px",textAlign:"center"}},r.a.createElement("div",{style:{paddingBottom:"15px"}},"No unique identifier added"),r.a.createElement(u.ButtonLink,{onClick:function(){e.addUniqueIdentifierHandler()},icon:r.a.createElement(F.Add,null),text:"Add Unique Identifier"})),n&&n.length>0&&r.a.createElement("div",null,n.map(function(n,a){return r.a.createElement("div",{style:{display:"flex"}},r.a.createElement("div",{style:{flex:1}},r.a.createElement(P,{key:n,integration:t,onChange:function(t){e.onChangeKey(t,a)}})),r.a.createElement("div",{style:{width:"50px"}},r.a.createElement("div",{style:{paddingTop:"px",marginLeft:"15px",marginRight:"15px"}},r.a.createElement(u.ButtonLink,{onClick:function(){e.removeKey(a)},icon:r.a.createElement(F.Delete,{style:{width:"20px",height:"20px"}})}))))}),r.a.createElement("div",{style:{marginBottom:"5px"}},r.a.createElement(u.ButtonLink,{onClick:function(){e.addUniqueIdentifierHandler()},icon:r.a.createElement(F.Add,null),text:"Add Unique Identifier"}))))}}]),t}(a.Component),K=Object(f.a)(c.TextField,{label:"Custom text to include when giving the consent (keep it short, optional)",helpText:"Indicate the motivation why you required the consent for the given Data Processor. Keep it short."}),_=Object(f.a)(c.Switch,{label:r.a.createElement(i.FormattedMessage,{id:"module-consent-requiredToUseService"}),helpText:r.a.createElement(i.FormattedMessage,{id:"module-consent-requiredToUseServiceHelp"})}),q=Object(f.a)(j,{label:r.a.createElement(i.FormattedMessage,{id:"module-consent-identifierName"}),helpText:r.a.createElement(i.FormattedMessage,{id:"module-consent-identifierNameHelp"})});t.a=function(e){var t=e.handleSubmit,n=e.onClickAddUniqueIdentifier,a=e.integration,o=e.isSaving;return r.a.createElement("div",{style:{padding:"15px"}},r.a.createElement(p.a,null,r.a.createElement(s.a,{type:"title"},r.a.createElement(i.FormattedMessage,{id:"module-consent-dataProcessorSettings"})," ",a.name," (optional)"),r.a.createElement("div",{style:{marginTop:"15px"}},r.a.createElement(l.Field,{name:"required",component:_})),r.a.createElement("div",{style:{marginTop:"15px"}},r.a.createElement(l.Field,{name:"explanation",component:K})),r.a.createElement("div",{style:{marginTop:"15px"}},r.a.createElement(l.Field,{name:"key",component:q,integration:a}))),r.a.createElement("div",{style:{marginTop:"30px"}},r.a.createElement(d.a,{icon:o?r.a.createElement(m.Loader,null):null,type:"primary",onClick:t(n),message:r.a.createElement(i.FormattedMessage,{id:"module-consent-saveConsent"})})))}}}]);