@capillarytech/creatives-library 7.5.7 → 7.5.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.5.7",
+  "version": "7.5.8",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/CapVideoUpload/index.js

@@ -274,6 +274,11 @@ function CapVideoUpload(props) {
         <CapHeading.CapHeadingSpan type="h6" className="video-description">
           <FormattedMessage {...messages.videoRatioDescription} />
 
+        </CapHeading.CapHeadingSpan>
+        {' '}
+        <CapHeading.CapHeadingSpan type="h6" className="video-description file-format">
+          <FormattedMessage {...messages.fileFormat} />
+
         </CapHeading.CapHeadingSpan>
         <CapHeading.CapHeadingSpan type="h6" className="video-description video-details">
           <FormattedMessage {...messages.videoSizeDescription} values={{size: bytes2Size(videoSize)}} />

package/v2Components/CapVideoUpload/index.scss

@@ -24,6 +24,9 @@ $classPrefix: cap-custom-video-upload;
     .video-details{
         float: right;
         position: absolute;
-        right: 40px;
+        right: 55px;
+    }
+    .file-format{
+        padding-left:9%;
     }
 }

package/v2Components/CapVideoUpload/messages.js

@@ -51,4 +51,8 @@ export default defineMessages({
     id: `${scope}.imageReUpload`,
     defaultMessage: 'Re upload',
   },
+  fileFormat: {
+    id: `${scope}.fileFormat`,
+    defaultMessage: 'File formats: MP4',
+  },
 });

package/v2Containers/CapFacebookPreview/index.js

@@ -28,9 +28,9 @@ import {
   IMAGE,
   VIDEO,
   CAROUSEL,
+  NO_CALL_TO_ACTION,
 } from '../../v2Containers/Facebook/Advertisement/constant';
 
-const NO_CALL_TO_ACTION = 'NO_CALL_TO_ACTION';
 
 export const CapFacebookPreview = (props) => {
   const {

package/v2Containers/Facebook/Advertisement/constant.js

@@ -10,3 +10,4 @@ export const IMAGE = 'IMAGE';
 export const VIDEO = 'VIDEO';
 export const CAROUSEL = 'CAROUSEL';
 export const IMAGE_VIDEO = 'imageVideo';
+export const NO_CALL_TO_ACTION = 'NO_CALL_TO_ACTION';

package/v2Containers/Facebook/Advertisement/index.js

@@ -52,6 +52,7 @@ import {
   VIDEO,
   CAROUSEL,
   IMAGE_VIDEO,
+  NO_CALL_TO_ACTION,
 } from './constant';
 
 export const Advertisement = (props) => {
@@ -105,7 +106,7 @@ export const Advertisement = (props) => {
   const [primaryText, setPrimaryText] = useState('');
   const [pageId, setPageId] = useState(false);
   const [displayLink, setDisplayLink] = useState('');
-  const [callToAction, setCallToAction] = useState("NO_CALL_TO_ACTION");
+  const [callToAction, setCallToAction] = useState(NO_CALL_TO_ACTION);
   const [callToActionError, setCallToActionError] = useState(false);
   const [messageTitle, updateMessageTitle] = useState('');
   const [step, updateStep] = useState('modeSelection');
@@ -428,6 +429,7 @@ export const Advertisement = (props) => {
       flag = true;
       return flag;
     }
+    const subTypes = [];
     carouselData.forEach((obj) => {
       const {
         webSiteLink,
@@ -444,17 +446,19 @@ export const Advertisement = (props) => {
       } else if (Object.keys(videoData).length === 0 && subType === VIDEO) {
         flag = true;
       }
-      if (subType === VIDEO) {
-        if (callToAction === "NO_CALL_TO_ACTION" && !callToActionError) {
-          setCallToActionError(messages.callToActionMandatoryError);
-          flag = true;
-        } else if (callToAction !== "NO_CALL_TO_ACTION" && callToActionError) {
-          setCallToActionError(false);
-        }
-      }
+      subTypes.push(subType);
     });
-    if (callToAction === "NO_CALL_TO_ACTION" && callToActionError) {
-      flag = true;
+    if (subTypes.includes(VIDEO) ) {
+      if (callToAction === NO_CALL_TO_ACTION && !callToActionError) {
+        setCallToActionError(messages.callToActionMandatoryError);
+        flag = true;
+      } else if (callToAction !== NO_CALL_TO_ACTION && callToActionError) {
+        setCallToActionError(false);
+        flag = false;
+      }
+    } else if (callToActionError) {
+      setCallToActionError(false);
+      flag = false;
     }
     return flag;
   }, [
@@ -547,6 +551,7 @@ export const Advertisement = (props) => {
       onChange={onChangePrimaryText}
       defaultValue={primaryText || ''}
       value={primaryText || ''}
+      maxLength={125}
       rows={3}
       cols={2}
       placeholder={formatMessage(messages.primaryTextPlaceholder)}
@@ -856,7 +861,7 @@ export const Advertisement = (props) => {
              <div className="cap-header-facebook-ad">
                <CapHeading
                  type="h2"
-                 style={{display: 'inline'}}
+                 className="truncate-text"
                 >
                  {editNameState ? <CapInput
                    type="input"

package/v2Containers/Facebook/Advertisement/index.scss

@@ -12,6 +12,13 @@ $classPrefix: add-facebook-ad-section;
           padding: 0;
         }
     }
+    .truncate-text{
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        min-width: 112px;
+        max-width: 920px;
+    }
     .cap-header-facebook-ad{
         position: fixed;
         top: 27px;
@@ -29,15 +36,22 @@ $classPrefix: add-facebook-ad-section;
             margin-left: 6px;
         }
     }
-    .cap-image-upload-CAROUSEL{
+    .cap-custom-image-upload{
         .dragger-button.re-upload{
-            margin-top: 90px;    
-            top: 0;
+            margin-top: 50px;    
+            top: 0px;
             position: absolute;
-            right: 80;
+            right: 60px;
             color: $FONT_COLOR_05;
         }
+        .cap-image-upload-CAROUSEL{
+            .dragger-button.re-upload{
+                margin-top: 90px;  
+                right: 0px;  
+            }
+        }
     }
+    
     .facebook-ad-type-card{
         .ant-card-body {
             display:flex;

package/v2Containers/Templates/index.js

@@ -422,7 +422,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
     if (!nextProps.Templates.deleteTemplateInProgress && !isEqual(nextProps.Templates.deleteTemplateInProgress, this.props.Templates.deleteTemplateInProgress) &&
     nextProps.Templates.deleteResponse) {
-      const message = `${this.state.channel.toUpperCase()} ${this.props.intl.formatMessage(messages['Template deleted successfully'])}`;
+      const message = `${this.state.channel} ${this.props.intl.formatMessage(messages['Template deleted successfully'])}`;
       CapNotification.success({key: 'deleteSucess', message});
       this.getAllTemplates({params, resetPage: true});
     }
@@ -1802,7 +1802,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const isMobilePushChannel = channel === MOBILE_PUSH;
     const isLineChannel = channel === LINE;
 
-    
+
     if ((isWechatChannel || isMobilePushChannel || isLineChannel) && !isEmpty(weCrmAccounts)) {
       forEach(weCrmAccounts, (account) => {
         if ((isWechatChannel && account.configs && account.configs.is_wecrm_enabled) || isMobilePushChannel || isLineChannel) {