@capillarytech/creatives-library 2.0.61 → 2.0.62

package/components/MobilePushPreviewV2/index.js

@@ -1,120 +0,0 @@
-/**
-*
-* PreviewSideBar
-*
-*/
-
-import PropTypes from 'prop-types';
-
-import React from 'react';
-import { CapButton } from '@capillarytech/cap-ui-library';
-// import styled from 'styled-components';
-
-import { FormattedMessage } from 'react-intl';
-import { Button } from 'antd';
-import { get, map, isEmpty} from 'lodash';
-import TemplatePreview from '../TemplatePreview';
-import '../PreviewSideBar/_previewsidebar.scss';
-import messages from './messages';
-const ButtonGroup = Button.Group;
-
-class MobilePushPreviewV2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
-  constructor(props) {
-    super(props);
-    this.goToEdit = this.goToEdit.bind(this);
-    this.goToDuplicate = this.goToDuplicate.bind(this);
-    this.changeDevice = this.changeDevice.bind(this);
-    const hasAndroid = get(props, 'templateData.versions.base.ANDROID') || get(props, 'templateData.androidContent');
-    const hasIos = get(props, 'templateData.versions.base.IOS') || get(props, 'templateData.iosContent');
-    let device = "android";
-    if (hasAndroid) {
-      device = 'android';
-    } else if (hasIos) {
-      device = 'ios';
-    }
-    this.state = {
-      device,
-      content: this.setContent(props.templateData, device),
-    };
-  }
-
-  setContent = (templateData, device) => {
-    const androidContent = get(templateData, 'versions.base.ANDROID') || get(templateData, 'androidContent');
-    const iosContent = get(templateData, 'versions.base.IOS') || get(templateData, 'iosContent');
-
-    const data = device === "android" ? androidContent : iosContent;
-    const content = {
-      header: data.title,
-      bodyText: data.message,
-      bodyImage: data.expandableDetails && data.expandableDetails.image,
-      actions: [],
-      appName: templateData.appName,
-    };
-    if (data.expandableDetails && data.expandableDetails.ctas && data.expandableDetails.ctas.length) {
-      if (device === "android" ) {
-        content.actions = map(data.expandableDetails.ctas, (cta) => ({label: cta.actionText}));
-      } else {
-        content.actions = [{label: data.expandableDetails.ctas[0].actionLabel}, {label: data.expandableDetails.ctas[0].actionLabel2}];
-      }
-    }
-    return content;
-  }
-  goToDuplicate() {
-    this.props.onDuplicateClick(this.props.templateData);
-    this.props.handleClose();
-  }
-  changeDevice(ev) {
-    const device = ev.target.value;
-    const content = this.setContent(this.props.templateData, device);
-    this.setState({device, content });
-  }
-  goToEdit(e, path) {
-    this.props.onEditClick(e, this.props.templateData._id, this.props.templateData.modeType, path);
-  }
-  render() {
-    const {templateData, channel} = this.props;
-
-    const hasAndroid = get(templateData, 'versions.base.ANDROID') || get(templateData, 'androidContent');
-    const hasIos = get(templateData, 'versions.base.IOS') || get(templateData, 'iosContent');
-
-    const {device, content} = this.state;
-
-    return (
-
-      <div>
-        <div className="devices">
-          {!isEmpty(templateData) && hasAndroid && hasIos &&
-          <ButtonGroup onClick={this.changeDevice}>
-            <CapButton type={device === "android" ? "primary" : "secondary"} value={"android"}>Android</CapButton>
-            <CapButton type={device === "iphone" ? "primary" : "secondary"} value={"iphone"}>IOS</CapButton>
-          </ButtonGroup>}
-        </div>
-        <TemplatePreview
-          device={device === "android" ? "android" : "iphone"}
-          channel={channel}
-          content={content || ''}
-          templateData={templateData}
-              >
-        </TemplatePreview>
-
-
-      </div>
-
-
-    );
-  }
-
-}
-
-MobilePushPreviewV2.propTypes = {
-  templateData: PropTypes.object.isRequired,
-  channel: PropTypes.string.isRequired,
-  showPreview: PropTypes.bool,
-  handleClose: PropTypes.func,
-  onEditClick: PropTypes.func,
-  onDuplicateClick: PropTypes.func,
-  location: PropTypes.object,
-  embedded: PropTypes.bool,
-};
-
-export default MobilePushPreviewV2;

package/components/MobilePushPreviewV2/messages.js

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

package/components/MobilePushPreviewV2/tests/index.test.js

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

package/containers/MobilepushWrapper/index.js

@@ -1,92 +0,0 @@
-/*
- *
- * MobilepushWrapper
- *
- */
-import PropTypes from 'prop-types';
-import React from 'react';
-import { connect } from 'react-redux';
-import { FormattedMessage } from 'react-intl';
-import {CapRadioCard, CapHeader} from '@capillarytech/cap-ui-library';
-import {isEmpty} from 'lodash';
-import MobilepushCreate from '../MobilePush/Create';
-import messages from './messages';
-
-export class MobilepushWrapper extends React.Component { // eslint-disable-line react/prefer-stateless-function
-  constructor(props) {
-    super(props);
-    this.modes = [
-      {
-        title: <FormattedMessage {...messages.text}/>,
-        content: <FormattedMessage {...messages.text}/>,
-        value: 'text',
-        // onClick: () => {
-        //   this.emailUploader.current.click();
-        // },
-      },
-      {
-        title: <FormattedMessage {...messages.image}/>,
-        content: <FormattedMessage {...messages.image}/>,
-        value: 'image',
-      },
-    ];
-  }
-  onChange = (e) => {
-    this.props.onMobilepushModeChange( e.target.value );
-  };
-  render() {
-    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query} = this.props;
-    const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
-    return (
-      <div>
-        {step === "modeSelection" ?
-          <div>
-            <CapHeader size="small" title={<FormattedMessage {...messages.createMode}/>}/>
-            <CapRadioCard
-              panes={this.modes}
-              onChange={this.onChange}
-              selected={mobilePushCreateMode}
-          />
-          </div>
-        :
-          <div>
-            {isShowMobilepushCreate && <MobilepushCreate
-              getFormLibraryData={getFormData}
-              setIsLoadingContent={setIsLoadingContent}
-              location={{
-                pathname: `/mobilepush/create/${mobilePushCreateMode}`,
-                query,
-              }}
-              params={{mode: mobilePushCreateMode}}
-              isFullMode={false}
-              isGetFormData={isGetFormData}
-              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,
-};
-
-
-function mapDispatchToProps(dispatch) {
-  return {
-    dispatch,
-  };
-}
-
-export default connect(null, mapDispatchToProps)(MobilepushWrapper);

package/containers/MobilepushWrapper/messages.js

@@ -1,25 +0,0 @@
-/*
- * 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?',
-  },
-});

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

@@ -1,10 +0,0 @@
-// 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/containers/WeChat/_wechat.scss

@@ -1,8 +0,0 @@
-.wechat-container {
-  .cap-checkbox {
-    margin-bottom: 24px;
-    .ant-checkbox-wrapper{
-      padding-left: 0;
-    }
-  }
-}

package/containers/WeChat/actions.js

@@ -1,52 +0,0 @@
-/*
- *
- * WeChat actions
- *
- */
-
-import * as types from './constants';
-
-export function getDefaultWeChatTemplates(channel, queryParams) {
-  return {
-    type: types.GET_WECHAT_DEFAULT_TEMPLATES_REQUEST,
-    channel,
-    queryParams,
-  };
-}
-export function createTemplate(template) {
-  return {
-    type: types.CREATE_TEMPLATE_REQUEST, template,
-  };
-}
-
-export function clearCreateResponse() {
-  return {
-    type: types.CLEAR_CREATE_RESPONSE_REQUEST,
-  };
-}
-
-export function getWeCrmAccounts() {
-  return {
-    type: types.GET_WECRM_ACCOUNTS_REQUEST,
-  };
-}
-
-export function setWeChatAccount(weChatAccount) {
-  return {
-    type: types.SET_WECHAT_ACCOUNT,
-    weChatAccount,
-  };
-}
-
-export function getTemplateDetails(id) {
-  console.log('getting template', id);
-  return {
-    type: types.GET_TEMPLATE_DETAILS_REQUEST, id,
-  };
-}
-export function setTemplateDetails(templateDetails) {
-  return {
-    type: types.GET_TEMPLATE_DETAILS_SUCCESS,
-    data: templateDetails,
-  };
-}

package/containers/WeChat/constants.js

@@ -1,28 +0,0 @@
-/*
- *
- * WeChat constants
- *
- */
-
-export const GET_WECHAT_DEFAULT_TEMPLATES_REQUEST = 'app/containers/WeChat/GET_WECHAT_DEFAULT_TEMPLATES_REQUEST';
-export const GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS = 'app/containers/WeChat/GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS';
-export const GET_WECHAT_DEFAULT_TEMPLATES_FAILURE = 'app/containers/WeChat/GET_WECHAT_DEFAULT_TEMPLATES_FAILURE';
-
-export const CREATE_TEMPLATE_REQUEST = 'app/containers/WeChat/CREATE_TEMPLATE_REQUEST';
-export const CREATE_TEMPLATE_SUCCESS = 'app/containers/WeChat/CREATE_TEMPLATE_SUCCESS';
-export const CREATE_TEMPLATE_FAILURE = 'app/containers/WeChat/CREATE_TEMPLATE_FAILURE';
-
-export const CLEAR_CREATE_RESPONSE_REQUEST = 'app/containers/WeChat/CLEAR_CREATE_RESPONSE_REQUEST';
-export const CLEAR_CREATE_RESPONSE_SUCCESS = 'app/containers/WeChat/CLEAR_CREATE_RESPONSE_SUCCESS';
-export const CLEAR_CREATE_RESPONSE_FAILURE = 'app/containers/WeChat/CLEAR_CREATE_RESPONSE_FAILURE';
-
-export const GET_WECRM_ACCOUNTS_REQUEST = "app/containers/WeChat/GET_WECRM_ACCOUNTS_REQUEST";
-export const GET_WECRM_ACCOUNTS_SUCCESS = "app/containers/WeChat/GET_WECRM_ACCOUNTS_SUCCESS";
-export const GET_WECRM_ACCOUNTS_FAILURE = "app/containers/WeChat/GET_WECRM_ACCOUNTS_FAILURE";
-
-export const GET_TEMPLATE_DETAILS_REQUEST = 'app/containers/WeChat/GET_TEMPLATE_DETAILS_REQUEST';
-export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/containers/WeChat/GET_TEMPLATE_DETAILS_SUCCESS';
-export const GET_TEMPLATE_DETAILS_FAILURE = 'app/containers/WeChat/GET_TEMPLATE_DETAILS_FAILURE';
-
-
-export const SET_WECHAT_ACCOUNT = "app/containers/WeChat/SET_WECHAT_ACCOUNT";