@capillarytech/creatives-library 7.12.19 → 7.12.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.12.19",
+  "version": "7.12.21",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -18,7 +18,6 @@
     "@capillarytech/cap-ui-utils": "1.4.2",
     "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
-    "babel-node": "0.0.1-security",
     "chalk": "1.1.3",
     "flow": "^0.2.3",
     "git": "^0.1.5",

package/v2Components/CapActionButton/index.js

@@ -1,15 +1,14 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
-import {
-    CapRow,
-    CapHeading,
-    CapInput,
-    CapDivider,
-    CapButton,
-    CapTooltip,
-    CapLabel,
-  } from '@capillarytech/cap-ui-library';
+
+import CapRow from '@capillarytech/cap-ui-library/CapRow';
+import CapHeading from '@capillarytech/cap-ui-library/CapHeading';
+import CapInput from '@capillarytech/cap-ui-library/CapInput';
+import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
+import CapButton from '@capillarytech/cap-ui-library/CapButton';
+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';
@@ -45,7 +44,7 @@ const CapActionButton = (props) => {
     setButtonLink(val);
     let errorMessage = false;
     if (!isUrl(val)) {
-      errorMessage = formatMessage(messages.inValidUrliErrorMessage);
+      errorMessage = formatMessage(messages.inValidUrlErrorMessage);
     } else {
       updateButtonChange([{
         type,
@@ -98,8 +97,7 @@ const CapActionButton = (props) => {
       title={formatMessage(globalMessages.comingSoonTooltip)}
     >
       <CapButton
-        type="flat" style={{ opacity: "0.5",
-          cursor: "not-allowed"}} isAddBtn>
+        type="flat" className="disabled-button" isAddBtn>
         {formatMessage(messages.addButton)}
       </CapButton>
     </CapTooltip>

package/v2Components/CapActionButton/index.scss

@@ -9,4 +9,8 @@
     height: 246px;
     padding: 20px 20px 55px;
     border-radius: 4px;
+    .disabled-button{
+        opacity: 0.5;
+        cursor: not-allowed;
+    }
 }

package/v2Components/CapActionButton/messages.js

@@ -22,8 +22,8 @@ export default defineMessages({
     id: `${prefix}.addButton`,
     defaultMessage: 'Add button',
   },
-  inValidUrliErrorMessage: {
-    id: `${prefix}.inValidUrliErrorMessage`,
+  inValidUrlErrorMessage: {
+    id: `${prefix}.inValidUrlErrorMessage`,
     defaultMessage: 'Button URL is not valid',
   },
 });

package/v2Containers/Rcs/index.js

@@ -176,9 +176,9 @@ export const Rcs = (props) => {
   const rcsButtonTypeOptions = [
     {
       label: <>
-        <div style={{display: "inline-grid"}}>
+        <div className="rcs-button">
           <CapHeading type="h4"><FormattedMessage {...messages.templateCTAButton} /></CapHeading>
-          <CapLabel type="label3" style={{ marginBottom: "17px"}}>
+          <CapLabel type="label3" className="rcs-button-label">
             <FormattedMessage {...messages.templateCTAButtonDesc} />
           </CapLabel>
         </div>
@@ -196,11 +196,11 @@ export const Rcs = (props) => {
         placement="topLeft"
         title={<FormattedMessage {...globalMessages.comingSoonTooltip} />}
     >
-        <div style={{display: "inline-grid", opacity: "0.5"}}>
+        <div className="rcs-button disabled-button">
           <CapHeading type="h4" disabled>
             <FormattedMessage {...messages.templateQRButton} />
           </CapHeading>
-          <CapLabel type="label3" style={{ marginBottom: "17px"}} disabled>
+          <CapLabel type="label3" className="rcs-button-label" disabled>
             <FormattedMessage {...messages.templateQRButtonDesc} />
           </CapLabel>
         </div>
@@ -236,6 +236,7 @@ export const Rcs = (props) => {
         mediaType = RCS_MEDIA_TYPES.NONE,
         title = '',
         description = '',
+        suggestions: rcsSuggestions = [],
       } = cardContent[0] || {};
       const { message, templateConfigs = {} } = smsFallBackContent;
       setTemplateName(name);
@@ -245,6 +246,11 @@ export const Rcs = (props) => {
       setTemplateDesc(description);
       setFallbackMessage(message);
       setEditFlow(true);
+      if (rcsSuggestions.length > 0) {
+        setSuggestions(rcsSuggestions);
+        setButtonType(["CTA"]);
+      }
+
       // for DLT Fallback message
       if (isDltEnabled) {
         const {
@@ -449,6 +455,7 @@ export const Rcs = (props) => {
   };
   const onChangeButtonTypes = (val) => {
     setButtonType(val[0]);
+    setSuggestions([]);
   };
   const renderTextComponent = (
     <>

package/v2Containers/Rcs/index.scss

@@ -14,6 +14,15 @@
     color: $FONT_COLOR_03;
     font-weight: normal;
   }
+  .rcs-button{
+    display: inline-grid;
+  }
+  .rcs-button-label{
+    margin-bottom: 17px;
+  }
+  .disabled-button{
+     opacity: 0.5;
+  }
   .rcs-radio > label.ant-radio-wrapper {
     margin-right: 50px;
   }