@capillarytech/creatives-library 2.0.69 → 2.0.71

package/v2Containers/MobilepushWrapper/_mobilepushWrapper.scss

@@ -0,0 +1,18 @@
+.mobilepush-wrapper {
+    .ant-card-body {
+        padding: unset;
+    }
+   
+    .ant-radio-group.cap-radioCard-v2 {
+        .ant-radio-button-wrapper{
+            width: 258px;
+            height: 258px;
+        }
+        .radio-card-header {
+            margin-top: 8px; 
+            margin-left: 16px;
+        }
+    }
+    
+    
+}

package/v2Containers/MobilepushWrapper/index.js

@@ -0,0 +1,136 @@
+/*
+ *
+ * MobilepushWrapper
+ *
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+import { connect } from 'react-redux';
+import { FormattedMessage } from 'react-intl';
+import {CapRadioCard, CapInput} from '@capillarytech/cap-ui-library';
+import ComponentWithLabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
+import {isEmpty} from 'lodash';
+import styled from 'styled-components';
+import MobilepushCreate from '../MobilePush/Create';
+import WithImage from '../../assets/WithImage1';
+import WithNoImage from '../../assets/NoImage1';
+import messages from './messages';
+import './_mobilepushWrapper.scss';
+
+const CapRadioCardWithLabel = ComponentWithLabelHOC(CapRadioCard);
+const CardContainer = styled.div`
+  margin-top: 16px;
+  .component-with-label-label{
+    margin-bottom: unset;
+  }
+  .ant-radio-group{
+    .ant-radio-button-wrapper{
+      &:first-child{
+        margin-left: unset;
+        margin-top: unset;
+      }
+    }
+    
+  }
+`;
+export class MobilepushWrapper extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  constructor(props) {
+    super(props);
+    this.modes = [
+
+      {
+        title: <FormattedMessage {...messages.image}/>,
+        content: <WithImage height="248px" width={"248px"}/>,
+        value: 'image',
+      },
+      {
+        title: <FormattedMessage {...messages.text}/>,
+        content: <WithNoImage height="124px" width={"248px"}/>,
+        value: 'text',
+        // onClick: () => {
+        //   this.emailUploader.current.click();
+        // },
+      },
+    ];
+    this.state = {
+      templateName: "",
+    };
+  }
+  onChange = (e) => {
+    this.props.onMobilepushModeChange( e.target.value );
+  };
+  onTemplateNameChange = (ev) => {
+    this.setState({templateName: ev.target.value});
+  }
+  render() {
+    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName} = this.props;
+    const {templateName} = this.state;
+    const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
+    return (
+      <div className="mobilepush-wrapper">
+        {step === "modeSelection" ?
+          <div>
+            {isFullMode &&
+              <CapInput
+                label={<FormattedMessage {...messages.creativeName}/>}
+                onChange={this.onTemplateNameChange}
+                value={templateName}
+                labelPosition="top"
+                />
+              }
+            <CardContainer>
+              <CapRadioCardWithLabel
+                label={<FormattedMessage {...messages.createMode}/>}
+                panes={this.modes}
+                cardHeight={"286px"}
+                onChange={this.onChange}
+                selected={mobilePushCreateMode}
+              />
+            </CardContainer>
+          </div>
+        :
+          <div>
+            {isShowMobilepushCreate && <MobilepushCreate
+              getFormLibraryData={getFormData}
+              setIsLoadingContent={setIsLoadingContent}
+              defaultData={{"template-name": templateName}}
+              location={{
+                pathname: `/mobilepush/create/${mobilePushCreateMode}`,
+                query,
+              }}
+              params={{mode: mobilePushCreateMode}}
+              isFullMode={isFullMode}
+              isGetFormData={isGetFormData}
+              showTemplateName={showTemplateName}
+              route={{ name: 'mobilepush' }}
+          />
+
+
+          }
+          </div>
+       }
+      </div>
+    );
+  }
+}
+
+MobilepushWrapper.propTypes = {
+  onMobilepushModeChange: PropTypes.func,
+  mobilePushCreateMode: PropTypes.string,
+  step: PropTypes.string,
+  getFormData: PropTypes.string,
+  setIsLoadingContent: PropTypes.func,
+  isGetFormData: PropTypes.bool,
+  query: PropTypes.object,
+  isFullMode: PropTypes.bool,
+  showTemplateName: PropTypes.func,
+};
+
+
+function mapDispatchToProps(dispatch) {
+  return {
+    dispatch,
+  };
+}
+
+export default connect(null, mapDispatchToProps)(MobilepushWrapper);

package/v2Containers/MobilepushWrapper/messages.js

@@ -0,0 +1,29 @@
+/*
+ * MobilepushWrapper Messages
+ *
+ * This contains all the text for the MobilepushWrapper component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.containers.MobilepushWrapper.header',
+    defaultMessage: 'This is MobilepushWrapper container !',
+  },
+  image: {
+    id: 'app.containers.MobilepushWrapper.image',
+    defaultMessage: 'Image content',
+  },
+  text: {
+    id: 'app.containers.MobilepushWrapper.text',
+    defaultMessage: 'Text content',
+  },
+  createMode: {
+    id: 'app.containers.MobilepushWrapper.createMode',
+    defaultMessage: 'Which type of content you want to create?',
+  },
+  creativeName: {
+    id: 'app.containers.MobilepushWrapper.createMode',
+    defaultMessage: 'Creative name',
+  },
+});

package/v2Containers/MobilepushWrapper/tests/index.test.js

@@ -0,0 +1,10 @@
+// import React from 'react';
+// import { shallow } from 'enzyme';
+
+// import { MobilepushWrapper } from '../index';
+
+describe('<MobilepushWrapper />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/NotFoundPage/index.js

@@ -0,0 +1,25 @@
+/**
+ * NotFoundPage
+ *
+ * This is the page we show when the user visits a url that doesn't have a route
+ *
+ * NOTE: while this component should technically be a stateless functional
+ * component (SFC), hot reloading does not currently support SFCs. If hot
+ * reloading is not a necessity for you then you can refactor it and remove
+ * the linting exception.
+ */
+
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import messages from './messages';
+
+export default class NotFound extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <h1>
+        <FormattedMessage {...messages.header} />
+      </h1>
+    );
+  }
+}

package/v2Containers/NotFoundPage/messages.js

@@ -0,0 +1,13 @@
+/*
+ * NotFoundPage Messages
+ *
+ * This contains all the text for the NotFoundPage component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.components.NotFoundPage.header',
+    defaultMessage: 'Looks like you are lost!',
+  },
+});

package/v2Containers/NotFoundPage/tests/index.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { shallow } from 'enzyme';
+
+import NotFoundPage from '../index';
+import messages from '../messages';
+
+describe('<NotFoundPage />', () => {
+  it('should render the page message', () => {
+    const renderedComponent = shallow(
+      <NotFoundPage />
+    );
+    expect(renderedComponent.contains(
+      <FormattedMessage {...messages.header} />
+    )).toEqual(true);
+  });
+});

package/v2Containers/Sms/Create/_smsCreate.scss

@@ -0,0 +1,58 @@
+.creatives-sms-footer{
+  display: inline-flex;
+}
+.tag-container{
+  .add-label{
+    button{
+      float: right;
+      top: 8px;
+      z-index: 100;
+      padding: unset !important;;
+    }
+  }
+}
+
+.ant-breadcrumb{
+  color: #707070;
+  font-family: open-sans;
+  line-height: 16px;
+  font-size: 12px;
+  padding-left: 8px;
+}
+.ant-checkbox{
+  vertical-align: middle !important;
+}
+
+#template-name.ant-input{
+  font-size: 20px !important;
+  // font-family: proxima-nova, sans-serif;
+  font-style: normal;
+  font-weight: 600;
+}
+.ant-tabs-bar{
+  margin-bottom: 0 !important;
+  display: flex;
+  align-items: center;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+.ant-tabs-tabpane{
+  border: 1px solid #d9d9d9;
+  border-top: none;
+  margin-top: -0.2%;
+  min-height: calc(70vh);
+}
+
+.ant-tabs-extra-content{
+  flex: 1;
+  align-self: flex-end;
+}
+
+.version-popover {
+  line-height: 24px;
+  cursor: pointer;
+}
+
+.version-popover:hover{
+  background-color: #ecf6fd;
+}

package/v2Containers/Sms/Create/actions.js

@@ -0,0 +1,27 @@
+/*
+ *
+ * Create actions
+ *
+ */
+
+import * as types from './constants';
+
+export function createTemplate(template, onCreateTemplateComplete) {
+  return {
+    type: types.CREATE_TEMPLATE_REQUEST,
+    template,
+    onCreateTemplateComplete,
+  };
+}
+
+export function clearCreateResponse() {
+  return {
+    type: types.CLEAR_CREATE_RESPONSE_REQUEST,
+  };
+}
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}

package/v2Containers/Sms/Create/constants.js

@@ -0,0 +1,16 @@
+/*
+ *
+ * Create constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Create/DEFAULT_ACTION';
+
+
+export const CREATE_TEMPLATE_REQUEST = 'app/containers/Sms/Create/CREATE_TEMPLATE_REQUEST';
+export const CREATE_TEMPLATE_SUCCESS = 'app/containers/Sms/Create/CREATE_TEMPLATE_SUCCESS';
+export const CREATE_TEMPLATE_FAILURE = 'app/containers/Sms/Create/CREATE_TEMPLATE_FAILURE';
+
+export const CLEAR_CREATE_RESPONSE_REQUEST = 'app/containers/Sms/Create/CLEAR_CREATE_RESPONSE_REQUEST';
+export const CLEAR_CREATE_RESPONSE_SUCCESS = 'app/containers/Sms/Create/CLEAR_CREATE_RESPONSE_SUCCESS';
+export const CLEAR_CREATE_RESPONSE_FAILURE = 'app/containers/Sms/Create/CLEAR_CREATE_RESPONSE_FAILURE';