@capillarytech/creatives-library 8.0.135 → 8.0.136-alpha.0

package/containers/WeChat/RichmediaTemplates/Edit/index.js

@@ -1,136 +0,0 @@
-/*
- *
- * Edit
- *
- */
-
-import PropTypes from 'prop-types';
-
-import React from 'react';
-import { connect } from 'react-redux';
-import { bindActionCreators, compose } from 'redux';
-import _ from 'lodash';
-import { createStructuredSelector } from 'reselect';
-import makeSelectEdit, { makeSelectTemplates } from './selectors';
-import * as actions from './actions';
-import Create from '../Create';
-import injectSaga from '../../../../utils/injectSaga';
-import injectReducer from '../../../../utils/injectReducer';
-import reducer from './reducer';
-import createReducer from '../Create/reducer';
-import { richMediaTemplatesEditSaga } from './sagas';
-import { richMediaTemplatesSaga } from '../Create/sagas';
-import { createQueryString } from '../../../../utils/common';
-
-export class Edit extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
-  constructor(props) {
-    super(props);
-    this.state = {
-      totalContentBlocks: 0,
-      templateData: {},
-    };
-    this.setTemplateData = this.setTemplateData.bind(this);
-  }
-  componentWillMount = () => {
-    if (_.isEmpty(this.props.Templates.selectedWeChatAccount)) {
-      const module = this.props.location.query.module ? this.props.location.query.module : 'default';
-      const type = this.props.location.query.type;
-      this.props.router.push({
-        pathname: `/wechat`,
-        search :  createQueryString(type === 'embedded' ? {type: 'embedded', module} : {module})
-      });
-    }
-  }
-  componentDidMount = () => {
-    this.props.actions.getTemplateDetails(this.props.params.id, "wechat");
-  }
-  componentWillReceiveProps = (nextProps) => {
-    if (nextProps.Edit.templateDetails && !_.isEmpty(nextProps.Edit.templateDetails) && !_.isEqual(this.props.Edit.templateDetails, nextProps.Edit.templateDetails)) {
-      const templateData = this.setTemplateData(nextProps.Edit.templateDetails);
-      this.setState({templateData});
-    }
-  }
-  setTemplateData = (templateDetails) => {
-    const templateData = {};
-    let contentId = 0;
-    if (!_.isEmpty(templateDetails)) {
-      _.forEach(templateDetails.versions.base.mediaList, (content) => {
-        const formData = {};
-        formData['title-value'] = content.title;
-        formData['author-value'] = content.author;
-        formData['cover-abstract-value'] = content.digest;
-        formData['content-value'] = content.content;
-        formData['source-link-value'] = content.content_source_url;
-        formData['post-comments-value'] = content.post_comments_scope;
-        formData['show-cover-pic-value'] = content.show_cover_pic;
-        templateData[contentId] = {
-          formData,
-          imageUrl: content.image_url,
-          mediaId: content.thumb_media_id,
-        };
-        contentId += 1;
-      });
-      if (this.props.location.query.type === "embedded" && this.props.location.query.module === "outbound") {
-        templateData.templateDetails = templateDetails;
-      }
-    }
-    this.setState({totalContentBlocks: contentId});
-    return templateData;
-  }
-  render() {
-    if (this.state.templateData && !_.isEmpty(this.state.templateData) && this.state.totalContentBlocks > 0) {
-      return (
-        <div className="richmedia-container">
-          <Create
-            templateData={this.state.templateData}
-            mode="EDIT"
-            totalContentBlocks={this.state.totalContentBlocks}
-            templateName={this.props.Edit && this.props.Edit.templateDetails && this.props.Edit.templateDetails.name ? this.props.Edit.templateDetails.name : ""}
-            mediaId={this.props.Edit && this.props.Edit.templateDetails && this.props.Edit.templateDetails.versions && this.props.Edit.templateDetails.versions.base && this.props.Edit.templateDetails.versions.base.mediaId ? this.props.Edit.templateDetails.versions.base.mediaId : ""}
-            templateId={this.props.Edit && this.props.Edit.templateDetails && this.props.Edit.templateDetails._id ? this.props.Edit.templateDetails._id : ""}
-            router={this.props.router}
-            location={this.props.location}
-          />
-        </div>
-      );
-    }
-    return (
-      <div></div>
-    );
-  }
-}
-
-Edit.propTypes = {
-  router: PropTypes.object,
-  location: PropTypes.object,
-  actions: PropTypes.object,
-  params: PropTypes.object,
-  Edit: PropTypes.object,
-  Templates: PropTypes.object,
-};
-
-const mapStateToProps = createStructuredSelector({
-  Edit: makeSelectEdit(),
-  Templates: makeSelectTemplates(),
-});
-
-function mapDispatchToProps(dispatch) {
-  return {
-    actions: bindActionCreators(actions, dispatch),
-  };
-}
-
-const withConnect = connect(mapStateToProps, mapDispatchToProps);
-const withReducer = injectReducer({ key: 'edit', reducer });
-const withCreateReducer = injectReducer({ key: 'create', reducer: createReducer });
-const withSaga = injectSaga({ key: 'edit', saga: richMediaTemplatesEditSaga });
-const withCreateSaga = injectSaga({ key: 'create', saga: richMediaTemplatesSaga });
-
-export default compose(
-  withReducer,
-  withCreateReducer,
-  withSaga,
-  withCreateSaga,
-  withConnect,
-)(Edit);
-

package/containers/WeChat/RichmediaTemplates/Edit/messages.js

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

package/containers/WeChat/RichmediaTemplates/Edit/reducer.js

@@ -1,28 +0,0 @@
-/*
- *
- * Edit reducer
- *
- */
-
-import { fromJS } from 'immutable';
-import * as types from './constants';
-
-const initialState = fromJS({});
-
-function editReducer(state = initialState, action) {
-  switch (action.type) {
-    case types.DEFAULT_ACTION:
-      return state;
-    case types.GET_TEMPLATE_DETAILS_REQUEST:
-      return state.set('getTemplateDetailsInProgress', true);
-    case types.GET_TEMPLATE_DETAILS_SUCCESS:
-      return state.set('getTemplateDetailsInProgress', false)
-        .set('templateDetails', action.data);
-    case types.GET_TEMPLATE_DETAILS_FAILURE:
-      return state.set('getTemplateDetailsInProgress', false);
-    default:
-      return state;
-  }
-}
-
-export default editReducer;

package/containers/WeChat/RichmediaTemplates/Edit/sagas.js

@@ -1,36 +0,0 @@
-import { call, put, takeLatest, all } from 'redux-saga/effects';
-import * as Api from '../../../../services/api';
-import * as types from './constants';
-
-// Individual exports for testing
-export function* defaultSaga() {
-  // See example in containers/HomePage/sagas.js
-}
-export function* getTemplateDetails({id, channel}) {
-  try {
-    const params = {
-      id, channel,
-    };
-    
-    const result = yield call(Api.getTemplateDetails, params);
-    // const sidebar = result.response.sidebar;
-    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
-  } catch (error) {
-    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
-  }
-}
-function* watchGetTemplateDetails() {
-  yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
-}
-// All sagas to be loaded
-export default [
-  defaultSaga,
-  watchGetTemplateDetails,
-];
-
-export function* richMediaTemplatesEditSaga() {
-  yield all([
-    defaultSaga(),
-    watchGetTemplateDetails(),
-  ]);
-}

package/containers/WeChat/RichmediaTemplates/Edit/selectors.js

@@ -1,30 +0,0 @@
-import { createSelector } from 'reselect';
-
-/**
- * Direct selector to the edit state domain
- */
-const selectEditDomain = () => (state) => state.get('edit');
-const selectTemplatesDomain = (state) => state.get('templates');
-
-/**
- * Other specific selectors
- */
-const makeSelectTemplates = () => createSelector(
-  selectTemplatesDomain,
-  (globalState) => globalState.toJS()
-);
-
-/**
- * Default selector used by Edit
- */
-
-const makeSelectEdit = () => createSelector(
-  selectEditDomain(),
-  (substate) => substate.toJS()
-);
-
-export default makeSelectEdit;
-export {
-  selectEditDomain,
-  makeSelectTemplates,
-};

package/containers/WeChat/RichmediaTemplates/Edit/test/saga.test.js

@@ -1,12 +0,0 @@
-
-import { expectSaga } from "redux-saga-test-plan";
-
-import {
-  richMediaTemplatesEditSaga,
-} from "../sagas";
-
-describe("richMediaTemplatesEditSaga Combined", () => {
-    it.concurrent("should initialize all richMediaTemplatesEditSaga-related watcher sagas without error", () => {
-      return expectSaga(richMediaTemplatesEditSaga).run();
-    });
-  });

package/containers/WeChat/RichmediaTemplates/View/actions.js

@@ -1,15 +0,0 @@
-/*
- *
- * View actions
- *
- */
-
-import {
-  DEFAULT_ACTION,
-} from './constants';
-
-export function defaultAction() {
-  return {
-    type: DEFAULT_ACTION,
-  };
-}

package/containers/WeChat/RichmediaTemplates/View/constants.js

@@ -1,7 +0,0 @@
-/*
- *
- * View constants
- *
- */
-
-export const DEFAULT_ACTION = 'app/View/DEFAULT_ACTION';

package/containers/WeChat/RichmediaTemplates/View/index.js

@@ -1,47 +0,0 @@
-/*
- *
- * View
- *
- */
-
-import PropTypes from 'prop-types';
-
-import React from 'react';
-import { connect } from 'react-redux';
-import Helmet from 'react-helmet';
-import { FormattedMessage } from 'react-intl';
-import { createStructuredSelector } from 'reselect';
-import makeSelectView from './selectors';
-import messages from './messages';
-
-export class View extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
-  render() {
-    return (
-      <div>
-        <Helmet
-          title={<FormattedMessage {...messages.view} />}
-          meta={[
-            { name: 'description', content: <FormattedMessage {...messages.descriptionView} /> },
-          ]}
-        />
-        <FormattedMessage {...messages.header} />
-      </div>
-    );
-  }
-}
-
-View.propTypes = {
-  dispatch: PropTypes.func.isRequired,
-};
-
-const mapStateToProps = createStructuredSelector({
-  View: makeSelectView(),
-});
-
-function mapDispatchToProps(dispatch) {
-  return {
-    dispatch,
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(View);

package/containers/WeChat/RichmediaTemplates/View/messages.js

@@ -1,21 +0,0 @@
-/*
- * View Messages
- *
- * This contains all the text for the View component.
- */
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  header: {
-    id: 'creatives.containers.View.header',
-    defaultMessage: 'This is View container !',
-  },
-  view: {
-    id: 'creatives.containers.View.view',
-    defaultMessage: 'View',
-  },
-  descriptionView: {
-    id: 'creatives.containers.View.descriptionView',
-    defaultMessage: 'Description of View',
-  },
-});

package/containers/WeChat/RichmediaTemplates/View/reducer.js

@@ -1,23 +0,0 @@
-/*
- *
- * View reducer
- *
- */
-
-import { fromJS } from 'immutable';
-import {
-  DEFAULT_ACTION,
-} from './constants';
-
-const initialState = fromJS({});
-
-function viewReducer(state = initialState, action) {
-  switch (action.type) {
-    case DEFAULT_ACTION:
-      return state;
-    default:
-      return state;
-  }
-}
-
-export default viewReducer;

package/containers/WeChat/RichmediaTemplates/View/sagas.js

@@ -1,11 +0,0 @@
-// import { take, call, put, select } from 'redux-saga/effects';
-
-// Individual exports for testing
-export function* defaultSaga() {
-  // See example in containers/HomePage/sagas.js
-}
-
-// All sagas to be loaded
-export default [
-  defaultSaga,
-];

package/containers/WeChat/RichmediaTemplates/View/selectors.js

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

package/utils/asyncInjectors.js

@@ -1,78 +0,0 @@
-import conformsTo from 'lodash/conformsTo';
-import isEmpty from 'lodash/isEmpty';
-import isFunction from 'lodash/isFunction';
-import isObject from 'lodash/isObject';
-import isString from 'lodash/isString';
-import invariant from 'invariant';
-import warning from 'warning';
-import createReducer from 'reducers';
-
-/**
- * Validate the shape of redux store
- */
-export function checkStore(store) {
-  const shape = {
-    dispatch: isFunction,
-    subscribe: isFunction,
-    getState: isFunction,
-    replaceReducer: isFunction,
-    runSaga: isFunction,
-    asyncReducers: isObject,
-  };
-  invariant(
-    conformsTo(store, shape),
-    '(app/utils...) asyncInjectors: Expected a valid redux store'
-  );
-}
-
-/**
- * Inject an asynchronously loaded reducer
- */
-export function injectAsyncReducer(store, isValid) {
-  return function injectReducer(name, asyncReducer) {
-    if (!isValid) checkStore(store);
-
-    invariant(
-      isString(name) && !isEmpty(name) && isFunction(asyncReducer),
-      '(app/utils...) injectAsyncReducer: Expected `asyncReducer` to be a reducer function'
-    );
-
-    if (Reflect.has(store.asyncReducers, name)) return;
-
-    store.asyncReducers[name] = asyncReducer; // eslint-disable-line no-param-reassign
-    store.replaceReducer(createReducer(store.asyncReducers));
-  };
-}
-
-/**
- * Inject an asynchronously loaded saga
- */
-export function injectAsyncSagas(store, isValid) {
-  return function injectSagas(sagas) {
-    if (!isValid) checkStore(store);
-
-    invariant(
-      Array.isArray(sagas),
-      '(app/utils...) injectAsyncSagas: Expected `sagas` to be an array of generator functions'
-    );
-
-    warning(
-      !isEmpty(sagas),
-      '(app/utils...) injectAsyncSagas: Received an empty `sagas` array'
-    );
-
-    sagas.map(store.runSaga);
-  };
-}
-
-/**
- * Helper for creating injectors
- */
-export function getAsyncInjectors(store) {
-  checkStore(store);
-
-  return {
-    injectReducer: injectAsyncReducer(store, true),
-    injectSagas: injectAsyncSagas(store, true),
-  };
-}

package/utils/callNativeEvent.js

@@ -1,16 +0,0 @@
-//https://github.com/facebook/react/issues/11488#issuecomment-470623779
-export default function callNativeEvent({field, value, event}) {
-  //cuz in react 16 native events does not work
-  const ev = event;
-  const input = field;
-  const lastValue = input.value;
-  input.value = value;
-// hack React15
-  ev.simulated = true;
-// hack React16 内部定义了descriptor拦截value，此处重置状态
-  const tracker = input._valueTracker;
-  if (tracker) {
-    tracker.setValue(lastValue);
-  }
-  input.dispatchEvent(ev);
-}

package/utils/checkStore.js

@@ -1,21 +0,0 @@
-import { conformsTo, isFunction, isObject } from 'lodash';
-import invariant from 'invariant';
-
-/**
- * Validate the shape of redux store
- */
-export default function checkStore(store) {
-  const shape = {
-    dispatch: isFunction,
-    subscribe: isFunction,
-    getState: isFunction,
-    replaceReducer: isFunction,
-    runSaga: isFunction,
-    injectedReducers: isObject,
-    injectedSagas: isObject,
-  };
-  invariant(
-    conformsTo(store, shape),
-    '(app/utils...) injectors: Expected a valid redux store',
-  );
-}

package/utils/customAuthWrapper.js

@@ -1,62 +0,0 @@
-/* eslint-disable no-unused-vars */
-/* eslint-disable react/no-multi-comp */
-/* eslint-disable react/prefer-stateless-function */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import hoistStatics from 'hoist-non-react-statics';
-
-const AuthenticatingComponentWithRef = React.forwardRef((props, ref) => (
-  <div ref={ref} />
-));
-const FailureComponentWithRef = React.forwardRef((props, ref) => (
-  <div ref={ref} />
-));
-const defaults = {
-  AuthenticatingComponent: AuthenticatingComponentWithRef, // dont render anything while authenticating
-  FailureComponent: FailureComponentWithRef, // dont render anything on failure of the predicate
-  wrapperDisplayName: 'AuthWrapper',
-};
-
-export default args => {
-  const { AuthenticatingComponent, FailureComponent, wrapperDisplayName } = {
-    ...defaults,
-    ...args,
-  };
-
-  // Wraps the component that needs the auth enforcement
-  return function wrapComponent(DecoratedComponent) {
-    const displayName =
-      DecoratedComponent.displayName || DecoratedComponent.name || 'Component';
-
-    class UserAuthWrapper extends Component {
-      static displayName = `${wrapperDisplayName}(${displayName})`;
-
-      static propTypes = {
-        isAuthenticated: PropTypes.bool,
-        isAuthenticating: PropTypes.bool,
-      };
-
-      static defaultProps = {
-        isAuthenticating: false,
-      };
-
-      render() {
-        const { isAuthenticated, isAuthenticating, forwardedRef } = this.props;
-        if (isAuthenticated) {
-          return <DecoratedComponent {...this.props} ref={forwardedRef} />;
-        }
-        if (isAuthenticating) {
-          return <AuthenticatingComponent {...this.props} ref={forwardedRef} />;
-        }
-        return <FailureComponent {...this.props} ref={forwardedRef} />;
-      }
-    }
-
-    /** forwardRef from HOC to the Wrapped Component */
-    const UserAuthWrapperWithRef = React.forwardRef((props, ref) => (
-      <UserAuthWrapper {...props} forwardedRef={ref} />
-    ));
-
-    return hoistStatics(UserAuthWrapperWithRef, DecoratedComponent);
-  };
-};

package/utils/customConnectedAuthWrapper.js

@@ -1,26 +0,0 @@
-import { connect } from 'react-redux';
-
-import authWrapper from './customAuthWrapper';
-
-const connectedDefaults = {
-  authenticatingSelector: () => false,
-};
-
-export default args => {
-  const { authenticatedSelector, authenticatingSelector } = {
-    ...connectedDefaults,
-    ...args,
-  };
-
-  /** Passed withRef option set to true for forwarding Ref to Wrapped Component */
-  return DecoratedComponent =>
-    connect(
-      (state, ownProps) => ({
-        isAuthenticated: authenticatedSelector(state, ownProps),
-        isAuthenticating: authenticatingSelector(state, ownProps),
-      }),
-      null,
-      null,
-      { withRef: true },
-    )(authWrapper(args)(DecoratedComponent));
-};