@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

package/containers/Login/index.js

@@ -0,0 +1,130 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { connect } from 'react-redux';
+import { withRouter } from 'react-router-dom';
+import Helmet from 'react-helmet';
+import { FormattedMessage } from 'react-intl';
+import { routerActions } from 'connected-react-router';
+import { Row, Col } from 'antd';
+import { compose, bindActionCreators } from 'redux';
+import { createStructuredSelector } from 'reselect';
+import makeSelectLogin from './selectors';
+import messages from './messages';
+import config from '../../config/app';
+import LoginForm from './components/LoginForm';
+import * as actions from '../../containers/Cap/actions';
+import { capSaga } from '../Cap/sagas';
+import injectSaga from '../../utils/injectSaga';
+import { UserIsNotAuthenticated } from '../../utils/authWrapper';
+const logo = require('./assets/images/capillary_logo.png');
+
+export class Login extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: '',
+      isLoginError: false,
+    };
+  }
+
+  componentWillMount() {
+    const isAuthenticated = this.props.Login.token !== '';
+    const { replace } = this.props;
+    if (
+      this.props.Login.login_progress === false &&
+      this.props.Login.fetching_userdata === false &&
+      isAuthenticated
+    ) {
+      replace(
+        process.env.NODE_ENV === 'production'
+          ? config.production.dashboard_url
+          : config.development.dashboard_url,
+      );
+    }
+  }
+
+  componentWillReceiveProps(nextProps) {
+    const isAuthenticated =
+      nextProps.Login.token !== undefined && nextProps.Login.token !== '';
+    const wasAuthenticated =
+      this.props.Login.token !== undefined && this.props.Login.token !== '';
+    if (this.props.Login && this.props.Login.isError) {
+      this.setState({ isLoginError: true });
+    } else {
+      this.setState({ isLoginError: false });
+    }
+
+    if (!wasAuthenticated && isAuthenticated) {
+      let redirectUrl =
+        process.env.NODE_ENV === 'production'
+          ? config.production.dashboard_url
+          : config.development.dashboard_url;
+      if (this.props.location.query.redirect)
+        redirectUrl = this.props.location.query.redirect;
+      this.props.router.push({ pathname: redirectUrl, state: {} });
+      this.props.router.go(); // reload the page
+    }
+  }
+
+  render() {
+    const loginProgress = this.props.Login.login_progress;
+    return (
+      <div className={this.props.Login.fetching_userdata ? "opacity-class" : ""}>
+        <FormattedMessage {...messages.pageTitle}>{(message) =>
+          <Helmet
+            title={message}
+            meta={[
+              { name: 'description', content: <FormattedMessage {...messages.loginPage}/> },
+            ]}
+          />}
+        </FormattedMessage>
+        <Row align="middle" justify="center" type="flex" className="login-container">
+          {process.env.NODE_ENV === "production"
+          ? <div className="cap-loader-box">
+            <img
+              className="loader-image"
+              src={"https://storage.crm.n.content-cdn.io/capillary/capillary_loading_logo.gif"}
+              alt="Capillary"/>
+          </div>
+          : <Col className="login-box" style={{textAlign: 'center'}}>
+            <h2 className="ui image header">
+              <img alt="" src={logo} className="login-logo" />
+            </h2>
+            <LoginForm isError={this.state.isLoginError} authenticate={this.props.actions.authenticate} loginInProgress={loginProgress} />
+          </Col>
+          }
+        </Row>
+      </div>
+    );
+  }
+}
+
+Login.propTypes = {
+  actions: PropTypes.object.isRequired,
+  Login: PropTypes.object,
+  replace: PropTypes.func,
+  login_progress: PropTypes.bool,
+  location: PropTypes.object,
+  router: PropTypes.object,
+};
+
+const mapStateToProps = createStructuredSelector({
+  Login: makeSelectLogin(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    actions: bindActionCreators(actions, dispatch),
+    replace: routerActions.replace,
+  };
+}
+
+const withConnect = connect(mapStateToProps, mapDispatchToProps);
+
+const withSaga = injectSaga({ key: 'Login', saga: capSaga });
+export default compose(
+  UserIsNotAuthenticated,
+  withRouter,
+  withSaga,
+  withConnect,
+)(Login);

package/containers/Login/messages.js

@@ -0,0 +1,25 @@
+/*
+ * Login Messages
+ *
+ * This contains all the text for the Login component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  pageTitle: {
+    id: 'creatives.containers.Login.pageTitle',
+    defaultMessage: 'Login',
+  },
+  header: {
+    id: 'creatives.containers.Login.header',
+    defaultMessage: 'This is login container change !',
+  },
+  invalidCredential: {
+    id: 'creatives.containers.Login.invalidCredential',
+    defaultMessage: 'Invalid username or password',
+  },
+  loginPage: {
+    id: 'creatives.containers.Login.loginPage',
+    defaultMessage: 'Login Page',
+  },
+});

package/containers/Login/selectors.js

@@ -0,0 +1,25 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the login state domain
+ */
+const selectLoginDomain = () => (state) => state.get('cap');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Login
+ */
+
+const makeSelectLogin = () => createSelector(
+  selectLoginDomain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectLogin;
+export {
+  selectLoginDomain,
+};

package/containers/MobilePush/Create/_mobilePushCreate.scss

@@ -0,0 +1,39 @@
+.mobile-push-row{
+  margin-bottom: 16px;
+}
+.image-container{
+  border: solid 1px #C2C2C2;
+  border-radius: 5px;
+  margin: 0 !important;
+  .image-placeholder{
+    line-height: 150px;
+    margin-right: 13.5rem;
+  }
+}
+.ant-tabs-bar{
+  margin-bottom: 0 !important;
+  display: flex;
+  align-items: center;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+.creatives-templates-container {
+  .ant-tabs-tabpane{
+    padding: 16px 16px 16px 0;
+    border: solid 1px #D6D6D6;
+  }
+}
+.ant-radio-wrapper{
+  font-size: 14px;
+  font-family: 'open-sans';
+}
+.ant-radio-inner::after{
+  top: 3px;
+  left: 3px;
+}
+.ant-radio-inner{
+  border: 1px solid #d9d9d9;
+}
+.ant-radio-checked .ant-radio-inner{
+  border: 1px solid #47af46;
+}

package/containers/MobilePush/Create/actions.js

@@ -0,0 +1,46 @@
+/*
+ *
+ * Create actions
+ *
+ */
+
+import * as types from './constants';
+
+export function createTemplate(template) {
+  
+  return {
+    type: types.CREATE_TEMPLATE_REQUEST, template,
+  };
+}
+
+export function clearCreateResponse() {
+  
+  return {
+    type: types.CLEAR_CREATE_RESPONSE_REQUEST,
+  };
+}
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function uploadAsset(file, assetType, fileParams) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+  };
+}
+export function getIosCtas(licenseCode) {
+  return {
+    type: types.GET_IOS_CTAS, licenseCode,
+  };
+}
+export function clearAsset() {
+  return {
+    type: types.CLEAR_ASSET,
+  };
+}

package/containers/MobilePush/Create/constants.js

@@ -0,0 +1,23 @@
+/*
+ *
+ * Create constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Create/DEFAULT_ACTION';
+
+
+export const CREATE_TEMPLATE_REQUEST = 'app/containers/PushMessage/Create/CREATE_TEMPLATE_REQUEST';
+export const CREATE_TEMPLATE_SUCCESS = 'app/containers/PushMessage/Create/CREATE_TEMPLATE_SUCCESS';
+export const CREATE_TEMPLATE_FAILURE = 'app/containers/PushMessage/Create/CREATE_TEMPLATE_FAILURE';
+export const UPLOAD_ASSET_REQUEST = 'app/containers/PushMessage/Create/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/containers/PushMessage/Create/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/containers/PushMessage/Create/UPLOAD_ASSET_FAILURE';
+export const CLEAR_ASSET = 'app/containers/PushMessage/Create/CLEAR_ASSET';
+
+export const CLEAR_CREATE_RESPONSE_REQUEST = 'app/containers/PushMessage/Create/CLEAR_CREATE_RESPONSE_REQUEST';
+export const CLEAR_CREATE_RESPONSE_SUCCESS = 'app/containers/PushMessage/Create/CLEAR_CREATE_RESPONSE_SUCCESS';
+export const CLEAR_CREATE_RESPONSE_FAILURE = 'app/containers/PushMessage/Create/CLEAR_CREATE_RESPONSE_FAILURE';
+export const GET_IOS_CTAS = 'app/containers/PushMessage/Create/GET_IOS_CTAS';
+export const GET_IOS_CTAS_SUCCESS = 'app/containers/PushMessage/Create/GET_IOS_CTAS_SUCCESS';
+export const GET_IOS_CTAS_FAILURE = 'app/containers/PushMessage/Create/GET_IOS_CTAS_FAILURE';