@capillarytech/creatives-library 7.6.4 → 7.6.5

package/package.json

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

package/v2Containers/CreativesContainer/index.js

@@ -276,6 +276,25 @@ class Creatives extends React.Component {
           };
           break;
         }
+        case constants.FACEBOOK: {
+          return {
+            fbContentType: "CREATIVE",
+            creativeType: "IMAGE",
+            facebookCreativeList: [{
+              subType: "IMAGE",
+              displayLink: "www.google.com",
+              callToAction: "callToAction",
+              primaryText: "primaryText",
+              linkDescription: "linkDescription",
+              linkHeadLine: "linkHeadLine",
+              websiteLink: "websiteLink",
+              imageLink: "www.kuch_bhi_link.com",
+              pageId: "1234",
+            }],
+            channel: "FACEBOOK",
+            accountId: "1310132286042455",
+          };
+        }
         default:
           break;
       }
@@ -379,6 +398,8 @@ class Creatives extends React.Component {
           };
         }
         break;
+      case constants.FACEBOOK:
+        break;
       default:
         break;
     }
@@ -581,8 +602,8 @@ class Creatives extends React.Component {
     return false;
   }
   shouldShowHeader = () => {
-    const {currentChannel} = this.state;
-    if (currentChannel === constants.FACEBOOK) {
+    const {currentChannel, slidBoxContent} = this.state;
+    if (currentChannel.toUpperCase() === constants.FACEBOOK && slidBoxContent === 'createTemplate') {
       return false;
     }
     return true;

package/v2Containers/Facebook/index.js

@@ -194,6 +194,7 @@ const Facebook = (props) => {
     onSelectTemplate,
     createNew,
     fbAdManger,
+    getFormSubscriptionData,
   } = props;
   const {
     selectedMarketingObjective: fbMarketingObjectiveValue = VALUE_REACH,
@@ -347,7 +348,7 @@ const Facebook = (props) => {
           <div className="ad-section">
             <CapHeading type="h4" style={{marginBottom: 17}}>
               <FormattedMessage
-              {...messages.adManagerHeading}
+                {...messages.adManagerHeading}
             />
             </CapHeading>
             <CapRadioGroup
@@ -359,18 +360,18 @@ const Facebook = (props) => {
           />
             {adManager === AD_MANAGER ? <>
               <div className="account-section-container">
-              <CapLabel type="label1">
-                <FormattedMessage {...messages.fbAdsDescription} />
-              </CapLabel>
-            </div>
+                <CapLabel type="label1">
+                  <FormattedMessage {...messages.fbAdsDescription} />
+                </CapLabel>
+              </div>
 
 
               <CapRow span={12} type="flex">
-              <CapColumn span={6}>
+                <CapColumn span={6}>
                   <CapCustomCard
                     type="Facebook"
                     FBDynamicComponent={() => (
-                      <CapIcon
+                    <CapIcon
                         size="l"
                         type="scenery"
                         className="facebook-dynamic-content"
@@ -378,10 +379,10 @@ const Facebook = (props) => {
                     )}
                   />
                 </CapColumn>
-              <CapColumn span={16}>
+                <CapColumn span={16}>
                   <ul className="parameter-list">
                     {adSetParameters.map((parameter, index) => (
-                      <li key={parameter} className="parameter-list-item">
+                    <li key={parameter} className="parameter-list-item">
                         <CapLabel type="label2" className="parameter-index">
                           {index + 1}
                         </CapLabel>
@@ -392,7 +393,7 @@ const Facebook = (props) => {
                     ))}
                   </ul>
                 </CapColumn>
-            </CapRow></> : <CapLabel type="label1"><FormattedMessage {...messages.capAdManagerHeading}/></CapLabel>}
+              </CapRow></> : <CapLabel type="label1"><FormattedMessage {...messages.capAdManagerHeading}/></CapLabel>}
 
           </div>
         </div>
@@ -406,7 +407,7 @@ const Facebook = (props) => {
       </div>
       ) :
       <div style={{height: '1200px'}}>
-          <Advertisement
+        <Advertisement
           isFullMode={isFullMode}
           actions={facebookActions}
           fbADData={fbADData}
@@ -415,8 +416,9 @@ const Facebook = (props) => {
           params={params}
           facebookTemplateData={facebookTemplateData}
           messageStrategy={messageStrategy}
+          getFormSubscriptionData={getFormSubscriptionData}
         />
-        </div>
+      </div>
   );
 };
 
@@ -435,6 +437,7 @@ Facebook.propTypes = {
   onCreateComplete: PropTypes.func,
   facebookTemplateData: PropTypes.object,
   messageStrategy: PropTypes.string,
+  getFormSubscriptionData: PropTypes.func,
 };
 
 Facebook.defaultProps = {