@capillarytech/creatives-library 7.12.32 → 7.12.34

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -262,6 +262,14 @@
     color: white;
     font-size: small;
   }
+  .whatsapp-divider{
+    margin: 8px 0;
+  }
+  .whatsapp-cta-preview{
+    margin-bottom: 8px;
+    font-size: 10px;
+    text-align: center;
+  }
   .whatsapp-message-container{
     max-height: 292px;
     margin-left: 28px;

package/v2Components/TemplatePreview/index.js

@@ -10,7 +10,7 @@ import React from 'react';
 import _ from 'lodash';
 import { injectIntl, FormattedMessage, intlShape } from 'react-intl';
 // import styled from 'styled-components';
-import { CapColumn, CapRow, CapHeading, CapIcon, CapButton, CapImage, CapLabel } from '@capillarytech/cap-ui-library';
+import { CapColumn, CapRow, CapHeading, CapIcon, CapButton, CapImage, CapLabel, CapDivider } from '@capillarytech/cap-ui-library';
 import './_templatePreview.scss';
 import {updateCharCount} from '../../utils/smsCharCountV2';
 import messages from './messages';
@@ -221,7 +221,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
     const whatsappSectionStyle = {
       'padding': `4px 0 ${CAP_SPACE_08}`,
       'border-radius': '6px',
-      'background-color': CAP_G15,
+      'background-color': CAP_WHITE,
       'width': '88%',
       'left': 0,
     };
@@ -297,6 +297,32 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
       </div>
     );
 
+    const renderWhatsappCtaPreview = () => {
+      const renderArray = [];
+      const { ctaData = [] } = content || {};
+      if (ctaData?.length) {
+        renderArray.push(<CapDivider className="whatsapp-divider" />);
+        ctaData.forEach((i) => {
+          const { ctaType, type, text } = i || {};
+          if (text) {
+            renderArray.push(
+              <CapLabel type="label21" className="whatsapp-cta-preview">
+                <CapIcon
+                  type={
+                    (ctaType || type) === 'PHONE_NUMBER' ? 'call' : 'launch'
+                  }
+                  size="xs"
+                  svgProps={{ style: { marginRight: '4px' } }}
+                />
+                {text}
+              </CapLabel>,
+            );
+          }
+        });
+      }
+      return renderArray;
+    };
+
     const whatsappUpdatedAccountName = whatsappAccountName || templateData?.versions?.base?.content?.whatsapp?.accountName || '';
     const whatsappUpdatedLen = whatsappContentLen !== undefined ? UNSUBSCRIBE_TEXT_LENGTH + whatsappContentLen : content?.charCount;
 
@@ -708,6 +734,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                         <CapLabel className="whatsapp-content">
                           {content?.templateMsg || ''}
                         </CapLabel>
+                        {renderWhatsappCtaPreview()}
                       </div>
                     </div>
                   </div>

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

@@ -87,7 +87,7 @@ exports[`Test Templates container Should render correct preview component for wh
             className="message-pop align-left"
             style={
               Object {
-                "background-color": "#efefef",
+                "background-color": "#ffffff",
                 "border-radius": "6px",
                 "left": 0,
                 "padding": "4px 0 0.571rem",

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

@@ -70,7 +70,8 @@ describe('galleryReducer', () => {
     const stateOnRequest = galleryReducer(initialState, requestAction);
     const successStateExpected = {
       assetUploading: false,
-      uploadAssetSuccess: true,
+      uploadAssetSuccess: false,
+      uploadedAssetData: undefined,
     };
     const successAction = {
       type: types.UPLOAD_ASSET_SUCCESS,

package/v2Containers/Cap/messages.js

@@ -107,6 +107,10 @@ export default defineMessages({
   "delete": {
     id: `creatives.containersV2.delete`,
     defaultMessage: 'Delete',
+  },
+  "save": {
+    id: `creatives.containersV2.save`,
+    defaultMessage: 'Save',
   },
     //refresh due to org change messages