@capillarytech/creatives-library 7.12.28 → 7.12.30

package/containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`galleryReducer Initial State should match snapshot returns the initial state 1`] = `
-Object {
-  "assetList": Array [],
+Immutable.Map {
+  "assetList": Immutable.List [],
   "assetUploading": false,
   "fetchingAllAssets": false,
 }

package/package.json

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

package/v2Components/CallTaskPreview/tests/__snapshots__/index.test.js.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CallTaskPreview /> Test if Call task component renders 1`] = `
+<div
+  className="call-task-preview"
+>
+  <img
+    alt="header"
+    className="call-task-image-undefined"
+    src="test-file-stub"
+  />
+  <div
+    className="call-task-subject-container-undefined"
+  >
+    this is test
+  </div>
+  <div
+    className="call-task-message-container-undefined"
+  />
+  <img
+    alt="footer"
+    src="test-file-stub"
+    style={
+      Object {
+        "width": "100%",
+      }
+    }
+  />
+</div>
+`;

package/v2Components/CapActionButton/index.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 
@@ -11,7 +11,6 @@ import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
 import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
 
 import { isUrl } from '../../v2Containers/Line/Container/Wrapper/utils';
-import globalMessages from '../../v2Containers/Cap/messages';
 import messages from './messages';
 import './index.scss';
 export const CapActionButton = (props) => {
@@ -55,7 +54,12 @@ export const CapActionButton = (props) => {
 
     updateButtonURLErrorMessage(errorMessage);
   };
-
+  useEffect(() => {
+    const foo = document.querySelector('.cap-action-button');
+    foo.addEventListener('click', (event) => {
+      event.preventDefault();
+    });
+  }, []);
   return (<CapRow
     className="cap-action-button"
     >
@@ -95,7 +99,7 @@ export const CapActionButton = (props) => {
     {/* Add button */}
     <CapTooltip
       placement="topLeft"
-      title={formatMessage(globalMessages.comingSoonTooltip)}
+      title={formatMessage(messages.comingSoonTooltip)}
     >
       <CapButton
         type="flat" className="disabled-button" isAddBtn>

package/v2Components/CapActionButton/messages.js

@@ -26,4 +26,8 @@ export default defineMessages({
     id: `${prefix}.inValidUrlErrorMessage`,
     defaultMessage: 'Button URL is not valid',
   },
+  comingSoonTooltip: {
+    id: `${prefix}.comingSoonTooltip`,
+    defaultMessage: 'Right now only one Call to action button is enabled, in future you would be able to add upto 3 buttons.',
+  },
 });

package/v2Components/CapActionButton/tests/__snapshots__/index.test.js.snap

@@ -62,7 +62,7 @@ exports[`CapActionButton test Test if CapActionButton component renders 1`] = `
   />
   <CapTooltip
     placement="topLeft"
-    title="Not enabled yet. Coming soon!"
+    title="Right now only one Call to action button is enabled, in future you would be able to add upto 3 buttons."
   >
     <CapButton
       className="disabled-button"
@@ -137,7 +137,7 @@ exports[`CapActionButton test Test if CapActionButton component renders 2`] = `
   />
   <CapTooltip
     placement="topLeft"
-    title="Not enabled yet. Coming soon!"
+    title="Right now only one Call to action button is enabled, in future you would be able to add upto 3 buttons."
   >
     <CapButton
       className="disabled-button"

package/v2Components/CapImageUpload/index.js

@@ -96,7 +96,7 @@ function CapImageUpload(props) {
         error: true,
       };
       submitAction({fileParams}, incorrectFile);
-    }
+    };
     if (e) {
       const event = e;
       event.target.value = null;
@@ -106,10 +106,10 @@ function CapImageUpload(props) {
   const submitAction = useCallback((data, incorrectFile) => {
     const {
       file,
-      fileParams
+      fileParams,
     } = data || {};
     const { size } = file || {};
-    const { height, width, error } = fileParams || {}; 
+    const { height, width, error } = fileParams || {};
     if (incorrectFile || size > imgSize || height > imgHeight || width > imgWidth || error) {
       updateImageErrorMessage(formatMessage(messages.imageIncorrectSize));
     } else {
@@ -140,9 +140,9 @@ function CapImageUpload(props) {
   }, []);
 
   const onGalleryImageSelect = useCallback((imageTemplate) => {
-    const image = get(imageTemplate, 'metaInfo.secure_file_path');
+    const {secure_file_path: image, width, height, file_size: size} = get(imageTemplate, 'metaInfo', {});
     updateDrawerRequirement(false);
-    if (!allowedExtensionsRegex.test(image)) {
+    if (!allowedExtensionsRegex.test(image) || height > imgHeight || width > imgWidth || size > imgSize ) {
       updateImageErrorMessage(formatMessage(messages.imageIncorrectSize));
     } else {
       updateImageErrorMessage('');
@@ -206,7 +206,7 @@ function CapImageUpload(props) {
         className="dragger-button re-upload"
         type="flat"
         onClick={onReUpload}
-        style={ channelSpecificStyle ? { marginTop:'-16px'} : {}}
+        style={channelSpecificStyle ? { marginTop: '-16px'} : {}}
        >
         <FormattedMessage {...messages.imageReUpload} />
       </CapButton>

package/v2Containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`galleryReducer Initial State should match snapshot returns the initial state 1`] = `
-Object {
-  "assetList": Array [],
+Immutable.Map {
+  "assetList": Immutable.List [],
   "assetUploading": false,
   "fetchingAllAssets": false,
 }

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

@@ -102,7 +102,6 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
                 ],
                 "cardSettings": Object {
                   "cardOrientation": "VERTICAL",
-                  "mediaAlignment": "RIGHT",
                 },
                 "cardType": "STANDALONE",
                 "contentType": "RICHCARD",

package/v2Containers/Rcs/messages.js

@@ -125,7 +125,7 @@ export default defineMessages({
   },
   templateButtonDesc: {
     id: `${prefix}.templateButtonDesc`,
-    defaultMessage: 'These will be show clickable buttons below your message.',
+    defaultMessage: 'Use buttons to redirect user to respective link or quick response/ action.',
   },
   templateCTAButton: {
     id: `${prefix}.templateCTAButton`,