@capillarytech/creatives-library 7.12.20 → 7.12.21

package/package.json

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

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>

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;
   }