@capillarytech/creatives-library 7.16.9-alpha.1 → 7.16.10

package/v2Containers/Cap/tests/__snapshots__/index.test.js.snap

@@ -356,7 +356,7 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.containers.Assets.Gallery.alphabetically": "Alphabetically",
         "creatives.containers.Assets.Gallery.assetDeleteFailed": "Image deletion failed.",
         "creatives.containers.Assets.Gallery.assetDeleteSuccess": "Image deleted successfully.",
-        "creatives.containers.Assets.Gallery.assetUploadFailed": "Image upload failed",
+        "creatives.containers.Assets.Gallery.assetUploadFailed": "Image uploaded failed",
         "creatives.containers.Assets.Gallery.assetUploadSuccess": "Image uploaded successfully",
         "creatives.containers.Assets.Gallery.backToGallery": "Back to image gallery",
         "creatives.containers.Assets.Gallery.delete": "Delete",
@@ -503,7 +503,7 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.containers.Email.Tags": "Tags",
         "creatives.containers.Email.alphabetically": "Alphabetically",
         "creatives.containers.Email.alphabeticallyOption": "Alphabetically",
-        "creatives.containers.Email.assetUploadFailed": "Image upload failed",
+        "creatives.containers.Email.assetUploadFailed": "Image uploaded failed",
         "creatives.containers.Email.blankTemplate": "Blank template",
         "creatives.containers.Email.cancel": "Cancel",
         "creatives.containers.Email.createHeading": "Create email template",
@@ -908,7 +908,7 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.containersV2.Assets.Gallery.alphabetically": "Alphabetically",
         "creatives.containersV2.Assets.Gallery.assetDeleteFailed": "Image deletion failed.",
         "creatives.containersV2.Assets.Gallery.assetDeleteSuccess": "Image deleted successfully.",
-        "creatives.containersV2.Assets.Gallery.assetUploadFailed": "Image upload failed",
+        "creatives.containersV2.Assets.Gallery.assetUploadFailed": "Image uploaded failed",
         "creatives.containersV2.Assets.Gallery.assetUploadSuccess": "Image uploaded successfully",
         "creatives.containersV2.Assets.Gallery.backToGallery": "Back to image gallery",
         "creatives.containersV2.Assets.Gallery.delete": "Delete",
@@ -1166,7 +1166,7 @@ exports[`<Cap /> should render correct component 1`] = `
         "creatives.containersV2.Email.alertMessage": "Alert",
         "creatives.containersV2.Email.alphabetically": "Alphabetically",
         "creatives.containersV2.Email.alphabeticallyOption": "Alphabetically",
-        "creatives.containersV2.Email.assetUploadFailed": "Image upload failed",
+        "creatives.containersV2.Email.assetUploadFailed": "Image uploaded failed",
         "creatives.containersV2.Email.blankTemplate": "Blank template",
         "creatives.containersV2.Email.cancel": "Cancel",
         "creatives.containersV2.Email.copyPrimaryLanguage": "Copy Primary Language",

package/v2Containers/ChannelTemplates/actions.js

@@ -0,0 +1,20 @@
+/*
+ *
+ * ChannelTemplates actions
+ *
+ */
+
+import * as types from './constants';
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function getTemplates(channel) {
+  return {
+    type: types.GET_TEMPLATES_REQUEST,
+    channel,
+  };
+}

package/v2Containers/ChannelTemplates/constants.js

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

package/v2Containers/ChannelTemplates/index.js

@@ -0,0 +1,47 @@
+/*
+ *
+ * ChannelTemplates
+ *
+ */
+
+import PropTypes from 'prop-types';
+
+import React from 'react';
+import { connect } from 'react-redux';
+import { FormattedMessage } from 'react-intl';
+import { bindActionCreators } from 'redux';
+import { createStructuredSelector } from 'reselect';
+import makeSelectChannelTemplates from './selectors';
+import * as actions from './actions';
+import messages from './messages';
+
+
+export class ChannelTemplates extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  componentDidMount() {
+    this.props.actions.getTemplates(this.props.channel);
+  }
+  render() {
+    return (
+      <CardGrid
+        cardDataList={[]}
+      />
+    );
+  }
+}
+
+ChannelTemplates.propTypes = {
+  actions: PropTypes.object.isRequired,
+  channel: PropTypes.string,
+};
+
+const mapStateToProps = createStructuredSelector({
+  ChannelTemplates: makeSelectChannelTemplates(),
+});
+
+function mapDispatchToProps(dispatch) {
+  return {
+    actions: bindActionCreators(actions, dispatch),
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(ChannelTemplates);

package/v2Containers/ChannelTemplates/messages.js

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

package/v2Containers/ChannelTemplates/reducer.js

@@ -0,0 +1,34 @@
+/*
+ *
+ * ChannelTemplates reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  loadingTemplates: true,
+  smsTemplates: [],
+  emailTemplates: [],
+  wechatTemplates: [],
+  mobilepushTemplates: [],
+});
+
+function channelTemplatesReducer(state = initialState, action) {
+  const channelTemplates = `${action.channel}Templates`;
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    case types.GET_TEMPLATES_REQUEST:
+      return state.set('loadingTemplates', true);
+    case types.GET_TEMPLATES_SUCESS:
+      return state.set('loadingTemplates', false).set(channelTemplates, action.templates);
+    case types.GET_TEMPLATES_FAILURE:
+      return state.set('loadingTemplates', false).set('error', action.error);
+    default:
+      return state;
+  }
+}
+
+export default channelTemplatesReducer;

package/v2Containers/ChannelTemplates/sagas.js

@@ -0,0 +1,32 @@
+import { take, takeLatest, call, put, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+import * as Api from '../../services/api';
+
+
+import * as types from './constants';
+// Individual exports for testing
+export function* defaultSaga() {
+  // See example in v2Containers/HomePage/sagas.js
+}
+function* getTemplates(action) {
+  try {
+    const req = {
+      channel: action.channel,
+      queryParams: action.query,
+    };
+    const res = call(Api.getAllTemplates, req);
+    put({type: types.GET_TEMPLATES_SUCESS, templates: res.response, channel: action.channel});
+  } catch (error) {
+    put({type: types.GET_TEMPLATES_FAILURE, error});
+  }
+}
+function* getTemplatesWatcher() {
+  const watcher = yield takeLatest(types.GET_TEMPLATES_REQUEST, getTemplates);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+// All sagas to be loaded
+export default [
+  defaultSaga,
+  getTemplatesWatcher,
+];

package/v2Containers/ChannelTemplates/selectors.js

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

package/v2Containers/CreativesContainer/constants.js

@@ -23,3 +23,5 @@ export const SHOW_CONTANER_LOADER = "app/CreativesContainer/SHOW_CONTANER_LOADER
 export const HIDE_CONTAINER_LOADER = "app/CreativesContainer/HIDE_CONTAINER_LOADER";
 
 export const WHATSAPP_HELP_DOC_LINK = "https://docs.capillarytech.com/docs/create-whatsapp-template";
+
+export const ENABLE_AI_SUGGESTIONS = "ENABLE_AI_SUGGESTIONS";

package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap

@@ -5,7 +5,9 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="RCS"
@@ -76,7 +78,9 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="WHATSAPP"
@@ -147,7 +151,9 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="WHATSAPP"
@@ -220,7 +226,9 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="WHATSAPP"

package/v2Containers/Email/index.js

@@ -36,7 +36,6 @@ import { FONT_COLOR_05 } from '@capillarytech/cap-ui-library/styled/variables';
 import { gtmPush } from '../../utils/gtmTrackers';
 const {CapCustomCardList} = CapCustomCard;
 import {transformEmailTemplates, storeS3FileSizeDetails, CREATIVES_S3_ASSET_FILESIZES} from '../../utils/cdnTransformation';
-import { createNewFile } from '../../utils/common';
 
 export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -1151,15 +1150,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   uploadImages(e, {files}) {
     e.preventDefault();
     const _URL = window.URL || window.webkitURL;
-    const tempFile = files[0];
-    const fileSize = tempFile && (tempFile.size / ( 1024 * 1024 ));
+    const file = files[0];
+    const fileSize = file && (file.size / ( 1024 * 1024 ));
     if (fileSize > 5) {
       const message = this.props.intl.formatMessage(messages.uploadSizeError);
       CapNotification.error({key: 'uploadImageIssue', message});
       document.getElementById("fileName").value = "";
       return;
     }
-    const [file] = createNewFile(files);
     const img = new Image();
     const that = this;
     img.src = _URL.createObjectURL(file);

package/v2Containers/Email/messages.js

@@ -232,7 +232,7 @@ export default defineMessages({
   },
   "assetUploadFailed": {
     id: 'creatives.containersV2.Email.assetUploadFailed',
-    defaultMessage: 'Image upload failed',
+    defaultMessage: 'Image uploaded failed',
   },
   "noImgInGallery": {
     id: 'creatives.containersV2.Email.noImgInGallery',

package/v2Containers/LanguageProvider/index.js

@@ -12,7 +12,6 @@ import React from 'react';
 import { ConfigProvider } from 'antd';
 import enUS from 'antd/es/locale-provider/en_US';
 import zhCN from 'antd/es/locale-provider/zh_CN';
-import jaJP from 'antd/es/locale-provider/ja_JP';
 import { connect } from 'react-redux';
 import { createStructuredSelector } from 'reselect';
 import { IntlProvider } from 'react-intl';
@@ -38,7 +37,6 @@ export class LanguageProvider extends React.PureComponent { // eslint-disable-li
       'zh-cn': 'zh',
       'zh': 'zh',
       'en-US': 'en-US',
-      'ja-JP': 'ja-JP',
     };
     return map[locale];
   };
@@ -59,7 +57,6 @@ export class LanguageProvider extends React.PureComponent { // eslint-disable-li
       'zh-cn': zhCN,
       'en-US': enUS,
       'zh': zhCN,
-      'ja-JP': jaJP,
     };
     const jLocale = localStorage.getItem('jlocale') || 'en';
     const file = mappedLocale[jLocale];

package/v2Containers/Line/Container/Image/index.js

@@ -24,7 +24,6 @@ import {
   LINE_IMG_SIZE,
   ALLOWED_EXTENSIONS_REGEX,
 } from './constants';
-import { createNewFile } from '../../../../utils/common';
 
 export const LineImage = ({
     className,
@@ -172,7 +171,11 @@ export const LineImage = ({
             e.preventDefault();
         }
         const _URL = window.URL || window.webkitURL;
-        const [file, incorrectFile] = createNewFile(files, ALLOWED_EXTENSIONS_REGEX);
+        let incorrectFile = false;
+        const file = files[0];
+        if (!ALLOWED_EXTENSIONS_REGEX.test(file.name)) {
+            incorrectFile = true;
+        }
         const img = new Image();
         img.src = _URL.createObjectURL(file);
         img.onload = () => {