cluedin-widget
Version:
1 lines • 16.1 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{2206:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),r=n(24),o=n(8),l=n(6),s=n(1),c=n.n(s),d=n(40),m=n(4),u=n(17),p=n.n(u),g=n(72),h=n(146),k={topSpacer:{marginTop:"15px"}},E=function(e){var t,n,a,r,o=e.onNavigate,l=e.currentSSOProvider,s=e.selectedProvider;return l.LoginUrl&&(t=i.a.createElement(h.a,{label:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingSSO_LoginUrl"})},l.LoginUrl)),l.LogoutUrl&&(n=i.a.createElement(h.a,{label:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingSSO_LogoutUrl"})},l.LogoutUrl)),l.ChangePasswordUrl&&(a=i.a.createElement(h.a,{label:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingSSO_ChangePasswordUrl"})},l.ChangePasswordUrl)),l.IssuerUrl&&(r=i.a.createElement(h.a,{label:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingSSO_IssuerUrl"})},l.IssuerUrl)),i.a.createElement(g.DivPadding,{padding:"S"},i.a.createElement(h.a,{label:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingSSO_AuthLabel"})},i.a.createElement("div",null,s.Name)),t,n,a,r,i.a.createElement(h.a,null,i.a.createElement("div",{style:k.topSpacer},i.a.createElement(p.a,{click:o,type:"primary",message:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingSSO_Action"})}))))};E.propTypes={onNavigate:c.a.func.isRequired,selectedProvider:c.a.object.isRequired},E.defaultProps={selectedProvider:{}};var v=E,T=n(23),S=n.n(T),f=n(54),b=n.n(f),w=n(10),y={topSpacer:{marginTop:"15px"},domain:{fontWeight:"bold"}},C=function(e){var t,n=e.hasTeamDomain,a=e.clientId,r=e.onNavigate,o=e.domain;return t=n&&o?i.a.createElement("div",null,i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_hasTeamDomainPart1"}),i.a.createElement("span",{style:y.domain},"@",o),i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_hasTeamDomainPart2"}),i.a.createElement("a",{href:w.g.goToSignUp(a)},i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_hasTeamDomainPart3"})),"."):n&&!o?i.a.createElement(S.a,{type:"danger"},i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_AllowDomainSignupWithoutDomain"})):i.a.createElement("div",null,i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_NoAllowDomainSignup"})),i.a.createElement(g.DivPadding,{padding:"S"},i.a.createElement(h.a,{label:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_LabelAuthType"})},i.a.createElement("div",null,i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_UserNameAndPassword"}))),i.a.createElement(h.a,{label:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_EmailDomain"})},t),i.a.createElement(b.a,{style:{paddingTop:"16px",borderTop:"1px solid #cecece",justifyContent:"flex-end"}},i.a.createElement(p.a,{click:r,className:"__test_change-authentication-type",type:"primary",message:i.a.createElement(m.FormattedMessage,{id:"SSOViewWhenUsingCluedIn_ChangeAction"})})))};C.displayName="SSOViewWhenUsingCluedIn",C.propTypes={hasTeamDomain:c.a.bool.isRequired,clientId:c.a.string.isRequired,onNavigate:c.a.func.isRequired,domain:c.a.string.isRequired};var A=C,F=function(e){var t,n=e.teamDomain,a=e.hasTeamDomain,r=e.domain,o=e.clientId,l=e.navigate,s=e.isFetching,c=e.isUsingSSO,u=e.currentSSOProvider,p=e.selectedProvider;return t=c?s?null:i.a.createElement(v,{onNavigate:l,currentSSOProvider:u,provider:n.SingleSignOn,selectedProvider:p}):s?null:i.a.createElement(A,{hasTeamDomain:a,domain:r,clientId:o,onNavigate:l}),i.a.createElement(d.Widget,{style:{background:"#fff",marginBottom:"30px"},isLoading:s,title:i.a.createElement(m.FormattedMessage,{id:"SSOViewContainer_AuthenticationStatus"})},t)};F.propTypes={teamDomain:c.a.object.isRequired,hasTeamDomain:c.a.bool.isRequired,domain:c.a.string.isRequired,clientId:c.a.string.isRequired,navigate:c.a.func.isRequired,selectedProvider:c.a.object.isRequired,isFetching:c.a.bool,isUsingSSO:c.a.bool},F.defaultProps={selectedProvider:{},isUsingSSO:!1,isFetching:!1};var _=F,O=n(143),P=Object(l.b)(Object(l.c)({componentDidMount:function(){(0,this.props.fetchData)()}}))(_),I=Object(o.connect)(function(e){var t=e.core.org,n=e.org,a=n.organization,i=n.isFetchingOrganization,r=e.publicModule.result,o=e.sso,l=o.isFetchingSSOProviders,s=o.SSOProviders,c=o.isFetchingCurrentSSOProvider,d=o.currentSSOProvider,m=i||l||c,u=r&&r.SingleSignOn;return{teamDomain:r,hasTeamDomain:a&&a.AllowEmailDomainSignup,domain:a?a.Domain:"",currentSSOProvider:d,SSOProviders:s,isFetching:m,clientId:t,selectedProvider:!m&&u?s.find(function(e){return e.Id===r.SingleSignOn.SingleSignOnProviderId}):void 0,isUsingSSO:u}},function(e){return{fetchData:function(){e(Object(O.b)()),e(Object(O.c)())},navigate:function(){e(Object(r.push)("/admin/sso/settings"))}}})(P),V=n(191),x=n(27),M=n.n(x),R=n(294),U=n(728),L=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.Wrapper?t.Wrapper:R.a,a=Object(U.b)(t),r=t.FilterBar?t.FilterBar:null;return function(t){return i.a.createElement(n,t,r&&i.a.createElement(r,t),i.a.createElement(e,t),i.a.createElement(a,t))}},W=n(7),q=n.n(W);function D(){var e=q()(["\n padding: 15px;\n border-bottom: 1px solid #ccc;\n"]);return D=function(){return e},e}var j=n(5).default.div(D()),N=function(e){var t=e.children;return i.a.createElement(j,null,i.a.createElement("h3",null,i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_listOfTokens"})),t)},G=n(2),B=n.n(G),z=n(11),H=n.n(z),Y=n(12),J=n.n(Y),K=n(13),Q=n.n(K),X=n(14),Z=n.n(X),$=n(15),ee=n.n($),te=n(26),ne=n.n(te),ae=n(3),ie=n.n(ae),re=n(9),oe=n(43),le={wrapper:{padding:"15px",borderBottom:"1px solid #ccc"},vAlignChildren:{display:"flex",alignItems:"center",flexFlow:"row wrap",margin:0,justifyContent:"center"},generateTokenForm:{margin:"30px 0",display:"flex",alignItems:"center",justifyContent:"flex-start",flexFlow:"row"},generateTokenFormSubmit:{marginLeft:"auto"}},se=n(56),ce=n(293),de={wrapper:{display:"flex",alignItems:"center",margin:0,flexFlow:"row wrap"},input:{fontSize:"16px",padding:"7px 12px",flexGrow:"9",borderRadius:0,maxWidth:"310px",border:"1px solid #d7d7d8",borderLeft:"none",borderRight:"none"},showHideBtn:{borderRadius:"3px 0 0 3px",minHeight:"34px"},pbCopyBtn:{borderRadius:"0 3px 3px 0",minHeight:"34px"}},me=function(e){function t(){var e,n;H()(this,t);for(var a=arguments.length,i=new Array(a),r=0;r<a;r++)i[r]=arguments[r];return n=Q()(this,(e=Z()(t)).call.apply(e,[this].concat(i))),ie()(ne()(ne()(n)),"state",{shown:!1,copied:!1}),n}return ee()(t,e),J()(t,[{key:"handleCopyToClipBoard",value:function(){var e=this;Object(ce.a)(this.props.token),this.setState({copied:!0});var t=setTimeout(function(){e.setState({copied:!1}),window.clearTimeout(t)},2200)}},{key:"toggleVisibility",value:function(){this.setState({shown:!this.state.shown})}},{key:"render",value:function(){var e=this.props.token,t=this.state,n=t.shown,a=t.copied,r=n?"text":"password",o=n?i.a.createElement(re.Visibilityunabled,{size:"18"}):i.a.createElement(re.Visibility,{size:"18"}),l=a?i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_copiedToClipboard"}):i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_copyToClipboard"}),s=i.a.createElement(se.default,{placement:"top",trigger:"hover",overlay:l},i.a.createElement(re.Pbcopy,{size:"18"}));return i.a.createElement("div",{style:de.wrapper},i.a.createElement(p.a,{style:B()({},de.showHideBtn),message:o,click:this.toggleVisibility.bind(this)}),i.a.createElement("input",{style:de.input,type:r,value:e}),i.a.createElement(p.a,{style:B()({},de.pbCopyBtn),message:s,click:this.handleCopyToClipBoard.bind(this)}))}}]),t}(a.Component);ie()(me,"propTypes",{token:c.a.string.isRequired});var ue=me,pe=n(68),ge=n.n(pe),he=n(34),ke=function(e){var t=e.tokenLabel,n=e.onClose,a=e.onConfirm,r=e.show;return i.a.createElement(ge.a,{title:i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_areYouSureAboutRevoking",values:{tokenLabel:t}}),show:r,onClose:n},i.a.createElement(he.PanelHeader,{title:i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_dialogRevokeWarning"}),style:{background:"#d13f48"},hasClose:!0}),i.a.createElement(he.PanelContent,{style:{padding:"30px"}},i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_dialogRevokeWarning"})),i.a.createElement(he.PanelFooter,{onClose:n,hasCancel:!0},i.a.createElement(p.a,{className:"__test_integration_tokenList_dialogRevoque",message:i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_dialogYesRevoke"}),type:"danger",onClick:a})))},Ee=function(e){function t(){var e,n;H()(this,t);for(var a=arguments.length,i=new Array(a),r=0;r<a;r++)i[r]=arguments[r];return n=Q()(this,(e=Z()(t)).call.apply(e,[this].concat(i))),ie()(ne()(ne()(n)),"state",{open:!1}),ie()(ne()(ne()(n)),"handleOpen",function(){n.setState({open:!0})}),ie()(ne()(ne()(n)),"handleClose",function(){n.setState({open:!1})}),n}return ee()(t,e),J()(t,[{key:"handleRevokeTokenRequest",value:function(){var e=this.props.currentApiToken.Id;this.props.onShouldRevokeToken(e),this.handleClose()}},{key:"render",value:function(){var e=this.props,t=e.currentApiToken,n=e.currentApiToken.Name,a=e.isFetchingGenerateApiToken,r=t.AccessToken,o=a?i.a.createElement(oe.Loader,null):null,l="".concat(n),s=i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_revoke"});return i.a.createElement("div",{className:"__test_integration_apiTokenListItem-".concat(n),style:{marginBottom:"16px"}},i.a.createElement("h5",null,l),i.a.createElement("div",{style:B()({},le.vAlignChildren,{alignItems:"initial"})},i.a.createElement("div",{style:{marginRight:"auto",flexGrow:9,paddingRight:"16px"}},i.a.createElement(ue,{token:r})),i.a.createElement("span",{style:{marginLeft:"auto",display:"flex",alignItems:"center"}},o,i.a.createElement(p.a,{className:"__test_integration_apiTokenListItem_revoqueBtn",click:this.handleOpen,message:s,icon:i.a.createElement(re.Delete,null)}))),i.a.createElement(ke,{show:this.state.open,onClose:this.handleClose.bind(this),onConfirm:this.handleRevokeTokenRequest.bind(this)}))}}]),t}(a.Component);Ee.propTypes={currentApiToken:c.a.object.isRequired,isFetchingGenerateApiToken:c.a.bool.isRequired};var ve=Object(m.injectIntl)(Ee),Te=function(e){return i.a.createElement("div",null,e.currentApiTokens.filter(function(e){return e.Active}).map(function(t,n){return i.a.createElement(ve,M()({currentApiToken:t,index:n},e))}))};Te.displayName="APITokenList";var Se=L(Te,{Wrapper:N,noEntitiesMessage:"No token found",normalizeProps:function(e){var t=e.currentApiTokens,n=e.isFetchingApiToken;return{entities:t.filter(function(e){return e.Active}),isFetching:n}}}),fe=n(35),be={color:"white",fontWeight:"bold",textDecoration:"underline"},we=function(){return i.a.createElement(S.a,{type:"danger"},i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_tokenGenericErrorLine1"}),i.a.createElement("br",null),i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_tokenGenericErrorLine2"}),i.a.createElement("br",null),i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_contactSupport",values:{support:i.a.createElement("a",{style:be,href:"mailto:support@cluedin.com"},i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_support"}))}}))},ye=function(e){var t=e.open,n=e.onClose,a=e.onConfirm;return i.a.createElement(ge.a,{show:t,onClose:n},i.a.createElement(he.PanelHeader,{title:i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_areYouSureAboutGenerating"}),style:{background:"#d13f48"},hasClose:!0}),i.a.createElement(he.PanelContent,{style:{padding:"30px"}},i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_dialogGenerateWarning"})),i.a.createElement(he.PanelFooter,{onClose:n,hasCancel:!0},i.a.createElement(p.a,{className:"__test_integration_generateToken_dialogGenerate",message:i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_dialogYesGenerate"}),type:"danger",onClick:a})))},Ce=function(e){function t(){var e,n;H()(this,t);for(var a=arguments.length,i=new Array(a),r=0;r<a;r++)i[r]=arguments[r];return n=Q()(this,(e=Z()(t)).call.apply(e,[this].concat(i))),ie()(ne()(ne()(n)),"state",{open:!1,tokenLabel:""}),ie()(ne()(ne()(n)),"handleOpen",function(){n.state.tokenLabel&&n.state.isTokenValid?n.setState({open:!0}):n.setState({isTokenValid:!1})}),ie()(ne()(ne()(n)),"handleClose",function(){n.setState({open:!1})}),n}return ee()(t,e),J()(t,[{key:"handleTokenLabelchange",value:function(e){var t=e.target.value,n=this.props.currentApiTokens,a=t.length>2&&t.length<=20,i=!n.find(function(e){return e.Name===t});this.setState({tokenLabel:t,isTokenValid:a,isTokenUnique:i})}},{key:"handleGenerateTokenRequest",value:function(){var e=this.state.tokenLabel;this.props.onShouldGenerateToken(e),this.handleClose(),this.setState({tokenLabel:""})}},{key:"render",value:function(){var e=this.props,t=e.somethingOddWithApiToken,n=e.isFetchingGenerateApiToken,a=this.state,r=a.tokenLabel,o=a.isTokenValid,l=a.isTokenUnique,s=a.open,c=!0===n?i.a.createElement(oe.Loader,{style:{marginRight:"15px"}}):null,d=t?i.a.createElement(we,null):null,u=i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_generateTokens"}),g=!1===o?i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_generate_tokenValidationErrorText"}):null,h=!1===l?i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_generate_tokenLabelAlreadyUsed"}):null;return i.a.createElement("div",{style:le.wrapper},d,i.a.createElement("h3",null,u),i.a.createElement("p",null,i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_generate_instructions"})),i.a.createElement("div",{style:le.generateTokenForm},i.a.createElement("div",null,i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_generate_tokenNameLabel"})),i.a.createElement("div",{style:{margin:"0 30px"}},i.a.createElement(fe.TextField,{className:"__test_integration_setNewTokenLabel",type:"text",value:r,placeholder:"token name",isFullWidth:!0,onChange:this.handleTokenLabelchange.bind(this),errorText:g||h})),i.a.createElement("div",{style:le.vAlignChildren},c,i.a.createElement("div",{className:"__test_integration_generateToken",style:le.generateTokenFormSubmit},i.a.createElement(p.a,{click:this.handleOpen.bind(this),type:"primary",disabled:!o||!l,message:i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_generate"})})))),i.a.createElement("p",null,i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_explanation"})),i.a.createElement("p",null,"You can find our API documentation at ",i.a.createElement("a",{href:"https://cluedin.docs.apiary.io/",alt:"ClueIn API documentation",target:"_blank",rel:"noreferrer noopener"},"cluedin.docs.apiary.io")),i.a.createElement(ye,{open:s,onConfirm:this.handleGenerateTokenRequest.bind(this),onClose:this.handleClose.bind(this)}))}}]),t}(a.Component);ie()(Ce,"propTypes",{somethingOddWithApiToken:c.a.bool.isRequired,isFetchingGenerateApiToken:c.a.bool.isRequired,onShouldGenerateToken:c.a.func.isRequired});var Ae=Ce,Fe=function(e){return i.a.createElement(d.Widget,{isLoading:e.isFetchingApiToken,style:{background:"#fff"},title:i.a.createElement(m.FormattedMessage,{id:"APITokenViewContainer_header"})},i.a.createElement(Ae,M()({key:"0"},e)),i.a.createElement(Se,M()({key:"1"},e)))};Fe.propTypes={isFetchingApiToken:c.a.bool.isRequired},Fe.defaultProps={currentApiTokens:[]};var _e=Fe,Oe=Object(l.b)(Object(l.c)({componentDidMount:function(){(0,this.props.onShouldFetchApiToken)()}}))(_e),Pe=Object(o.connect)(function(e){var t=e.apiToken;return{currentApiTokens:t.currentApiTokens,isFetchingApiToken:t.isFetchingApiToken,isFetchingRevokeApiToken:t.isFetchingRevokeApiToken,somethingOddWithApiToken:t.somethingOddWithApiToken,isFetchingGenerateApiToken:t.isFetchingGenerateApiToken}},function(e){return{onShouldFetchApiToken:function(){return e(Object(V.h)())},onShouldGenerateToken:function(t){return e(Object(V.i)(t))},onShouldRevokeToken:function(t){return e(Object(V.j)(t))}}})(Oe);t.default=function(){return i.a.createElement("div",null,i.a.createElement(I,null),i.a.createElement(Pe,null))}}}]);