@capillarytech/creatives-library 2.0.62 → 2.0.64

package/containers/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/containers/MobilepushWrapper/index.js

@@ -0,0 +1,95 @@
+/*
+ *
+ * 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 WithImage from '../../assets/WithImage1';
+import WithNoImage from '../../assets/NoImage1';
+import messages from './messages';
+import './_mobilepushWrapper.scss';
+export class MobilepushWrapper extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  constructor(props) {
+    super(props);
+    this.modes = [
+      {
+        title: <FormattedMessage {...messages.text}/>,
+        content: <WithNoImage height="124px" width={"248px"}/>,
+        value: 'text',
+        // onClick: () => {
+        //   this.emailUploader.current.click();
+        // },
+      },
+      {
+        title: <FormattedMessage {...messages.image}/>,
+        content: <WithImage height="248px" width={"248px"}/>,
+        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 className="mobilepush-wrapper">
+        {step === "modeSelection" ?
+          <div>
+            <CapHeader size="small" title={<FormattedMessage {...messages.createMode}/>}/>
+            <CapRadioCard
+              panes={this.modes}
+              cardHeight={"286px"}
+              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

@@ -0,0 +1,25 @@
+/*
+ * 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

@@ -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/containers/WeChat/_wechat.scss

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

package/containers/WeChat/actions.js

@@ -0,0 +1,52 @@
+/*
+ *
+ * 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

@@ -0,0 +1,28 @@
+/*
+ *
+ * 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";