@capillarytech/creatives-library 7.6.1 → 7.6.3

package/config/app.js

@@ -5,6 +5,7 @@ const config = {
   production: {
     api_endpoint: '/arya/api/v1/creatives',
     campaigns_api_endpoint: '/iris/v2/campaigns',
+    campaigns_api_org_endpoint: '/iris/v2/org/campaign',
     auth_endpoint: '/arya/api/v1/auth',
     arya_endpoint: '/arya/api/v1',
     login_url: '/auth/login',
@@ -17,6 +18,7 @@ const config = {
   development: {
     api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/creatives',
     campaigns_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/campaigns',
+    campaigns_api_org_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/org/campaign',
     auth_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/auth',
     arya_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1',
     subscription_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/org-settings/subscription',

package/index.js

@@ -75,6 +75,10 @@ import viberSaga from './v2Containers/Viber/sagas';
 
 import TemplatesV2 from './v2Containers/TemplatesV2/index';
 
+import FacebookPreview from './v2Containers/CapFacebookPreview';
+import FacebookPreviewReducer from './v2Containers/CapFacebookPreview/reducer';
+import FacebookPreviewSaga from './v2Containers/CapFacebookPreview/sagas';
+
 import CreativesContainer from './v2Containers/CreativesContainer';
 import CreativesContainerReducer from './v2Containers/CreativesContainer/reducer';
 import { updateCharCount } from './utils/smsCharCountV2';
@@ -101,6 +105,7 @@ const LineCreateContainer = {LineCreate, lineCreateReducer, lineCreateSaga};
 const TemplatesV2Container = {TemplatesV2, templateReducer, templateSaga};
 const FacebookContainer = {Facebook, facebookReducer, facebookSaga};
 const ViberContainer = {Viber, viberReducer, viberSaga};
+const FacebookPreviewContainer = { FacebookPreview, FacebookPreviewReducer, FacebookPreviewSaga };
 
 const GalleryContainer = {Gallery, galleryReducer, gallerySagas};
 const FTPContainer = {FTP, FTPReducer, FTPSagas};
@@ -145,4 +150,5 @@ export { CapContainer,
   GalleryContainer,
   FTPContainer,
   ViberContainer,
+  FacebookPreviewContainer,
 };

package/package.json

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

package/reducers.js

@@ -9,7 +9,7 @@ import { LOCATION_CHANGE } from 'react-router-redux';
 
 import languageProviderReducer from 'v2Containers/LanguageProvider/reducer';
 import beeEditorReducer from 'v2Containers/BeeEditor/reducer';
-
+import CapFacebookPreviewReducer from 'v2Containers/CapFacebookPreview/reducer';
 
 import capReducer from 'containers/Cap/reducer';
 import appReducer from 'containers/App/reducer';
@@ -64,6 +64,7 @@ export default function createReducer(asyncReducers) {
     email: emailReducer,
     ebill: ebillReducer,
     beeEditor: beeEditorReducer,
+    facebookPreview: CapFacebookPreviewReducer,
     FTP: ftpReducer,
     ...asyncReducers,
   });

package/routes.js

@@ -637,6 +637,8 @@ export default function createRoutes(store) {
           import('v2Containers/Line/Container/reducer'),
           import('v2Containers/Viber/sagas'),
           import('v2Containers/Viber/reducer'),
+          import('v2Containers/CapFacebookPreview/sagas'),
+          import('v2Containers/CapFacebookPreview/reducer'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -658,6 +660,7 @@ export default function createRoutes(store) {
           facebookSagas, facebookReducer,
           lineCreateSagas, lineCreateReducer,
           viberSagas, viberReducer,
+          capFacebookPreviewSagas, capFacebookPreviewReducer,
         ]) => {
           injectReducer('templates', reducer.default);
           injectReducer('cap', capReducer.default);
@@ -675,6 +678,7 @@ export default function createRoutes(store) {
           injectReducer('facebook', facebookReducer.default);
           injectReducer('lineCreate', lineCreateReducer.default);
           injectReducer('viber', viberReducer.default);
+          injectReducer('facebookPreview', capFacebookPreviewReducer.default);
           injectSagas(gallerySagas.default);
           injectSagas(sagas.default);
           injectSagas(capSagas.default);
@@ -691,6 +695,7 @@ export default function createRoutes(store) {
           injectSagas(facebookSagas.default);
           injectSagas(lineCreateSagas.default);
           injectSagas(viberSagas.default);
+          injectSagas(capFacebookPreviewSagas.default);
           renderRoute(component);
         });
         importModules.catch(errorLoading);

package/services/api.js

@@ -11,12 +11,15 @@ import { GA } from '@capillarytech/cap-ui-utils';
 let API_ENDPOINT = config.development.api_endpoint;
 let EXPORT_API_ENDPOINT = config.development.exports_api_endpoint;
 let CAMPAIGNS_API_ENDPOINT = config.development.campaigns_api_endpoint;
+let CAMPAIGNS_API_ORG_ENDPOINT = config.development.campaigns_api_org_endpoint;
+
 let API_AUTH_ENDPOINT = config.development.auth_endpoint;
 let ARYA_ENDPOINT = config.development.arya_endpoint;
 let SUBSCRIPTION_API_ENDPOINT = config.development.subscription_api_endpoint;
 if (process.env.NODE_ENV === 'production') {
   API_ENDPOINT = config.production.api_endpoint;
   CAMPAIGNS_API_ENDPOINT = config.production.campaigns_api_endpoint;
+  CAMPAIGNS_API_ORG_ENDPOINT = config.production.campaigns_api_org_endpoint;
   API_AUTH_ENDPOINT = config.production.auth_endpoint;
   ARYA_ENDPOINT = config.production.arya_endpoint;
   SUBSCRIPTION_API_ENDPOINT = config.production.subscription_api_endpoint;
@@ -203,6 +206,7 @@ export const createWeChatTemplate = ({template}) => {
   const url = `${API_ENDPOINT}/templates/WECHAT`;
   return request(url, getAPICallObject('POST', template));
 };
+
 export const createMobilePushTemplate = ({template}) => {
   console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/MOBILEPUSH`;
@@ -245,7 +249,6 @@ export const getTemplateDetails = ({id, channel}) => {
 };
 
 export const getAllTemplates = ({channel, queryParams}) => {
-  console.log('in api.js', channel, queryParams);
   const url = `${API_ENDPOINT}/templates/${channel}?query=${encodeURIComponent(JSON.stringify(queryParams))}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -370,6 +373,11 @@ export const createViberTemplate = ({template}) => {
   return request(url, getAPICallObject('POST', template));
 };
 
+export const createFacebookADTemplate = ({template}) => {
+  const url = `${API_ENDPOINT}/templates/FACEBOOK`;
+  return request(url, getAPICallObject('POST', template));
+};
+
 export const getLocizMessage = async (locale) => {
   const appName = 'creatives_v2';
   const url = `${ARYA_ENDPOINT}/translations/${appName}/${locale}`;
@@ -403,3 +411,24 @@ export const createCustomRow = (data) => {
   const url = `${API_ENDPOINT}/cms/saveRows`;
   return request(url, getAPICallObject('POST', data));
 };
+
+export const getFacebookPreview = ({previewData}) => {
+  const url = `${API_ENDPOINT}/facebook/getPreview`;
+  return request(url, getAPICallObject('POST', previewData));
+};
+
+
+export const getOrgOUs = ({ orgID }) => {
+  const url = `${ARYA_ENDPOINT}/org/${orgID}/oulist`;
+  return request(url, getAPICallObject('GET'));
+};
+
+export const getOrgLevelCampaignSettings = () => {
+  const url = `${CAMPAIGNS_API_ORG_ENDPOINT}/settings`;
+  return request(url, getAPICallObject('GET', null, false, true));
+};
+
+export const getFacebookVideoId = ({videoUrl, accessToken, actId, pageAccessToken, pageId}) => {
+  const url = `${API_ENDPOINT}/facebook/getFacebookVideoId`;
+  return request(url, getAPICallObject('POST', {videoUrl, accessToken, actId, pageAccessToken, pageId}));
+};

package/utils/common.js

@@ -49,7 +49,7 @@ export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails
         name: tag.label[userLocale] || tag.label.en,
         value: tag.value,
       };
-    } else if (tag['tag-header'] && mainTags[tag.value]) { 
+    } else if (tag['tag-header'] && mainTags[tag.value]) {
       // to check it this tag header is already available in mainTags object,
       //If yes, it will concat the subtag
       mainTags[tag.value].subtags = _.concat(mainTags[tag.value].subtags, tag.subtags);
@@ -215,3 +215,15 @@ function getSubTags(subtagsParam) {
   });
   return result;
 }
+
+export const bytes2Size = (bytes, decimals = 2) => {
+  if (bytes === 0) return '0 Bytes';
+
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+  return `${Math.ceil((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+};

package/v2Components/CapVideoUpload/index.js

@@ -17,6 +17,7 @@ import {
   CapError,
   CapUploader,
   CapSpin,
+  CapNotification,
 } from '@capillarytech/cap-ui-library';
 import {bytes2Size} from '../../utils/common';
 import './index.scss';
@@ -48,6 +49,7 @@ function CapVideoUpload(props) {
     previewUrl,
     videoHeight,
     videoWidth,
+    videoId,
   } = uploadedAssetList;
 
   const [isTemplateDrawerRequired, updateTemplateDrawerRequirement] = useState(false);
@@ -82,11 +84,14 @@ function CapVideoUpload(props) {
       const metaVideoSrc = get(videoData, `uploadedAssetDataVideo_${index}.metaInfo.secure_file_path`, '');
       const previewImgUrl = get(videoData, `uploadedAssetDataVideo_${index}.metaInfo.video_file_path_preview`, '');
       const metaVideoName = get(videoData, `uploadedAssetDataVideo_${index}.metaInfo.name`, '');
+      const metaVideoId = get(videoData, `uploadedAssetDataVideo_${index}.videoIdResponse.fbVideo.id`, '');
+
       if (metaVideoSrc && videoSrc === "") {
         onVideoUploadUpdateAssestList(index, {
           previewUrl: previewImgUrl,
           videoSrc: metaVideoSrc,
           videoName: metaVideoName,
+          videoId: metaVideoId,
         },
         );
       }
@@ -100,6 +105,7 @@ function CapVideoUpload(props) {
     }
   }, [videoData[`assetUploadingVideo_${index}`]]);
 
+
   useEffect(() => {
     if (!isEmpty(uploadedAssetList)) {
       const {
@@ -184,12 +190,13 @@ function CapVideoUpload(props) {
       onVideoUploadUpdateAssestList(
         index,
         {
-          previewUrl,
-          videoName,
-          videoHeight,
-          videoWidth,
-          videoSrc,
-          videoDuration,
+          previewUrl: "",
+          videoName: "",
+          videoHeight: "",
+          videoWidth: "",
+          videoSrc: "",
+          videoDuration: "",
+          videoId: "",
         }
       );
     };
@@ -204,6 +211,7 @@ function CapVideoUpload(props) {
             index,
             {
               videoSrc,
+              videoId,
               videoName,
               videoHeight: metaVideoHeight,
               videoWidth: metaVideoWidth,

package/v2Components/TemplatePreview/index.js

@@ -16,7 +16,7 @@ import {updateCharCount} from '../../utils/smsCharCountV2';
 import messages from './messages';
 import { WECHAT } from '../../v2Containers/CreativesContainer/constants';
 import Carousel from '../Carousel';
-import { VIBER } from '../../v2Containers/App/constants';
+import { VIBER, FACEBOOK } from '../../v2Containers/App/constants';
 const wechatBodyNew = require('./assets/images/wechat_mobile_android.svg');
 const smsMobileAndroid = require('./assets/images/sms_mobile_android.svg');
 const lineMobileAndroid = require('../../assets/line.png');
@@ -30,6 +30,7 @@ const iPhonePushMessagePhone = require('./assets/images/iPhonePushMessage.svg');
 
 import { CAP_COLOR_03, CAP_WHITE, FONT_COLOR_01, CAP_G08, CAP_G06, CAP_G15, CAP_PURPLE01, CAP_G16 } from '@capillarytech/cap-ui-library/styled/variables';
 import { TEMPLATE, IMAGE_CAROUSEL, IMAGE, STICKER, TEXT, IMAGE_MAP, VIDEO } from '../../v2Containers/Line/Container/constants';
+import CapFacebookPreview from '../../v2Containers/CapFacebookPreview';
 
 class TemplatePreview extends React.Component { // eslint-disable-line react/prefer-stateless-function
   onPreviewContentClicked = (channel) => {
@@ -260,7 +261,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
 
     return (
       <CapRow>
-        {this.props.showCount && <CapColumn span={16}>
+        {this.props.showCount && (channel && channel.toLowerCase() !== FACEBOOK) && <CapColumn span={16}>
           {channel && channel.toLowerCase() === 'sms' && <CapHeading type="h3">
             <FormattedMessage {...messages.charactersTotal} values={{smsCount: smsDetails.parts, charCount: smsDetails.chars_used}}/>
             {smsDetails.unicode &&
@@ -637,6 +638,22 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             </div>
           ) : ''
         }
+            {channel && channel.toLowerCase() === FACEBOOK && (
+              <div style={{position: 'absolute', left: '80%'}} id="facebook-preview">
+                <CapFacebookPreview
+                  disablePreviewButton={false}
+                  selectedAd={content.selectedAd}
+                  previewData={content.previewData}
+                  primaryText={content.primaryText}
+                  callToAction={content.callToAction}
+                  displayLink={content.displayLink}
+                  orgUnitFacebookPageSettingsMap={{pageAccessToken: content.pageAccessToken,
+                    pageId: content.pageId}}
+                  accountId={content.accountId}
+                  accessToken={content.accessToken}
+              />
+              </div>
+        )}
           </div>
 
         </CapColumn>
@@ -660,6 +677,10 @@ TemplatePreview.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   showTestAndPreviewIcon: PropTypes.bool,
+  fbContent: PropTypes.oneOfType([
+    PropTypes.object,
+    PropTypes.any,
+  ]),
 };
 
 export default (injectIntl(TemplatePreview));

package/v2Containers/App/constants.js

@@ -25,6 +25,8 @@ export const EDIT = 'edit';
 export const PREVIEW = 'preview';
 
 export const VIBER = 'viber';
+export const FACEBOOK = 'facebook';
+
 export const TRACK_EDIT_SMS = 'editSms';
 export const TRACK_EDIT_EMAIL = 'editEmail';
 export const TRACK_EDIT_MPUSH = 'editMpush';
@@ -54,3 +56,22 @@ export const BEE_PLUGIN = 'BEE_PLUGIN';
 export const NO_COMMUNICATION = 'NO_COMMUNICATION';
 export const FTP = 'FTP';
 export const CREATIVES_UI_VIEW = 'CREATIVES_UI_VIEW';
+
+export const APPLY_NOW = <FormattedMessage {...globalMessages.applyNow} />;
+export const NO_CALL_TO_ACTION = <FormattedMessage {...globalMessages.noCallToAction} />;
+export const LEARN_MORE = <FormattedMessage {...globalMessages.learnMore} />;
+export const SHOP_NOW = <FormattedMessage {...globalMessages.shopNow} />;
+export const SIGN_UP = <FormattedMessage {...globalMessages.signUp} />;
+export const SUBSCRIBE = <FormattedMessage {...globalMessages.subscribe} />;
+export const WATCH_MORE = <FormattedMessage {...globalMessages.watchMore} />;
+
+
+export const FB_AD_CALL_TO_ACTION = {
+  NO_CALL_TO_ACTION,
+  APPLY_NOW,
+  LEARN_MORE,
+  SHOP_NOW,
+  SIGN_UP,
+  SUBSCRIBE,
+  WATCH_MORE,
+};

package/v2Containers/Cap/messages.js

@@ -113,4 +113,34 @@ export default defineMessages({
     id: `creatives.containersV2.newOrgName`,
     defaultMessage: '{newOrgName}',
   },
+  "applyNow": {
+    id: `creatives.containersV2.applyNow`,
+    defaultMessage: 'Apply now',
+  },
+  "noCallToAction": {
+    id: `creatives.containersV2.noCallToAction`,
+    defaultMessage: 'No call to action',
+  },
+  "learnMore": {
+    id: `creatives.containersV2.learnMore`,
+    defaultMessage: 'Learn More',
+  },
+  "shopNow": {
+    id: `creatives.containersV2.shopNow`,
+    defaultMessage: 'Shop Now',
+  },
+  "signUp": {
+    id: `creatives.containersV2.signUp`,
+    defaultMessage: 'Sign Up',
+  },
+  "subscribe": {
+    id: `creatives.containersV2.subscribe`,
+    defaultMessage: 'Subscribe',
+  },
+  "watchMore": {
+    id: `creatives.containersV2.watchMore`,
+    defaultMessage: 'Watch More',
+  },
+
 });
+

package/v2Containers/CapFacebookPreview/actions.js

@@ -5,24 +5,12 @@
  */
 
 import {
-  GENERATE_IMAGE_PREVIEW_REQUEST,
-  GENERATE_VIDEO_PREVIEW_REQUEST,
-  GENERATE_CAROUSEL_PREVIEW_REQUEST,
+  GENERATE_PREVIEW_REQUEST,
   CLEAR_PREVIEW,
 } from './constants';
 
-export const getImagePreview = (previewData) => ({
-  type: GENERATE_IMAGE_PREVIEW_REQUEST,
-  previewData,
-});
-
-export const getVideoPreview = (previewData) => ({
-  type: GENERATE_VIDEO_PREVIEW_REQUEST,
-  previewData,
-});
-
-export const getCarouselPreview = (previewData) => ({
-  type: GENERATE_CAROUSEL_PREVIEW_REQUEST,
+export const getPreview = (previewData) => ({
+  type: GENERATE_PREVIEW_REQUEST,
   previewData,
 });
 

package/v2Containers/CapFacebookPreview/constants.js

@@ -5,17 +5,9 @@
  */
 
 
-export const GENERATE_IMAGE_PREVIEW_REQUEST = 'app/CapFacebookPreview/GET_IMAGE_PREVIEW_REQUEST';
-export const GENERATE_IMAGE_PREVIEW_SUCCESS = 'app/CapFacebookPreview/GET_IMAGE_PREVIEW_SUCCESS';
-export const GENERATE_IMAGE_PREVIEW_FAILURE = 'app/CapFacebookPreview/GET_IMAGE_PREVIEW_FAILURE';
-
-export const GENERATE_VIDEO_PREVIEW_REQUEST = 'app/CapFacebookPreview/GET_VIDEO_PREVIEW_REQUEST';
-export const GENERATE_VIDEO_PREVIEW_SUCCESS = 'app/CapFacebookPreview/GET_VIDEO_PREVIEW_SUCCESS';
-export const GENERATE_VIDEO_PREVIEW_FAILURE = 'app/CapFacebookPreview/GET_VIDEO_PREVIEW_FAILURE';
-
-export const GENERATE_CAROUSEL_PREVIEW_REQUEST = 'app/CapFacebookPreview/GET_CAROUSEL_PREVIEW_REQUEST';
-export const GENERATE_CAROUSEL_PREVIEW_SUCCESS = 'app/CapFacebookPreview/GET_CAROUSEL_PREVIEW_SUCCESS';
-export const GENERATE_CAROUSEL_PREVIEW_FAILURE = 'app/CapFacebookPreview/GET_CAROUSEL_PREVIEW_FAILURE';
+export const GENERATE_PREVIEW_REQUEST = 'app/CapFacebookPreview/GET_PREVIEW_REQUEST';
+export const GENERATE_PREVIEW_SUCCESS = 'app/CapFacebookPreview/GET_PREVIEW_SUCCESS';
+export const GENERATE_PREVIEW_FAILURE = 'app/CapFacebookPreview/GET_PREVIEW_FAILURE';
 
 export const CLEAR_PREVIEW = 'app/CapFacebookPreview/CLEAR_PREVIEW';
 

package/v2Containers/CapFacebookPreview/index.js

@@ -42,7 +42,7 @@ export const CapFacebookPreview = (props) => {
     selectedAd,
     primaryText,
     callToAction,
-    orgUnitFacebookPageSettingsMap,
+    orgUnitFacebookPageSettingsMap = {},
     accessToken,
     accountId,
   } = props;
@@ -222,11 +222,11 @@ export const CapFacebookPreview = (props) => {
             value: {link: webSiteLink},
           };
         }
-        facebookPreviewActions.getImagePreview(data);
+        facebookPreviewActions.getPreview(data);
       } else {
         data.params.creative.object_story_spec.video_data = {
           image_url: videoData.previewUrl,
-          videoUrl: videoData.videoSrc,
+          video_id: videoData.videoId,
           message: primaryText,
           link_description: linkDesc,
         };
@@ -236,7 +236,7 @@ export const CapFacebookPreview = (props) => {
             value: {link: webSiteLink},
           };
         }
-        facebookPreviewActions.getVideoPreview(data);
+        facebookPreviewActions.getPreview(data);
       }
     } else {
       const childData = previewData.map((obj) => {
@@ -254,7 +254,7 @@ export const CapFacebookPreview = (props) => {
         if (obj.subType === VIDEO) {
           arrayData = {
             ...arrayData,
-            videoUrl: obj.videoData.videoSrc,
+            video_id: obj.videoData.videoId,
             picture: obj.videoData.previewUrl,
           };
         } else {
@@ -273,7 +273,7 @@ export const CapFacebookPreview = (props) => {
           multi_share_end_card: false,
         },
       };
-      facebookPreviewActions.getCarouselPreview(data);
+      facebookPreviewActions.getPreview(data);
     }
     setDisableAfterPreviewGenerate(true);
   };

package/v2Containers/CapFacebookPreview/reducer.js

@@ -16,20 +16,14 @@ const initialState = fromJS({
 
 function capFacebookPreviewReducer(state = initialState, action) {
   switch (action.type) {
-    case types.GENERATE_IMAGE_PREVIEW_REQUEST:
-    case types.GENERATE_VIDEO_PREVIEW_REQUEST:
-    case types.GENERATE_CAROUSEL_PREVIEW_REQUEST:
+    case types.GENERATE_PREVIEW_REQUEST:
       return state.set('isFetchingPreview', true)
       .set('previewIframe', "")
       .set("previewIframeError", "");
-    case types.GENERATE_IMAGE_PREVIEW_SUCCESS:
-    case types.GENERATE_VIDEO_PREVIEW_SUCCESS:
-    case types.GENERATE_CAROUSEL_PREVIEW_SUCCESS:
+    case types.GENERATE_PREVIEW_SUCCESS:
       return state.set('isFetchingPreview', false)
       .set('previewIframe', get(action, 'payload.fbPreview[0].body', ""));
-    case types.GENERATE_IMAGE_PREVIEW_FAILURE:
-    case types.GENERATE_VIDEO_PREVIEW_FAILURE:
-    case types.GENERATE_CAROUSEL_PREVIEW_FAILURE:
+    case types.GENERATE_PREVIEW_FAILURE:
       return state.set('isFetchingPreview', false)
       .set('previewIframe', "")
       .set("previewIframeError", get(action, 'payload.message', ""));

package/v2Containers/CapFacebookPreview/sagas.js

@@ -3,70 +3,24 @@ import { LOCATION_CHANGE } from 'react-router-redux';
 import * as Api from '../../services/api';
 import * as type from './constants';
 
-export function* getImageFacebookPreview(previewData) {
+export function* getFacebookPreview(previewData) {
   try {
-    const response = yield call(Api.getImageFacebookPreview, previewData );
+    const response = yield call(Api.getFacebookPreview, previewData );
     const { status, response: responsePreview } = response;
     if (status && status.isError) {
       yield put({
-        type: type.GENERATE_IMAGE_PREVIEW_FAILURE,
+        type: type.GENERATE_PREVIEW_FAILURE,
         payload: status,
       });
     } else {
       yield put({
-        type: type.GENERATE_IMAGE_PREVIEW_SUCCESS,
+        type: type.GENERATE_PREVIEW_SUCCESS,
         payload: responsePreview,
       });
     }
   } catch (error) {
     yield put({
-      type: type.GENERATE_IMAGE_PREVIEW_FAILURE,
-      payload: error,
-    });
-  }
-}
-
-export function* getVideoFacebookPreview(previewData) {
-  try {
-    const response = yield call(Api.getVideoFacebookPreview, previewData);
-    const { status, response: responsePreview } = response;
-    if (status && status.isError) {
-      yield put({
-        type: type.GENERATE_VIDEO_PREVIEW_FAILURE,
-        payload: status,
-      });
-    } else {
-      yield put({
-        type: type.GENERATE_VIDEO_PREVIEW_SUCCESS,
-        payload: responsePreview,
-      });
-    }
-  } catch (error) {
-    yield put({
-      type: type.GENERATE_VIDEO_PREVIEW_FAILURE,
-      payload: error,
-    });
-  }
-}
-
-export function* getCarouselFacebookPreview(previewData) {
-  try {
-    const response = yield call(Api.getCarouselFacebookPreview, previewData);
-    const { status, response: responsePreview } = response;
-    if (status && status.isError) {
-      yield put({
-        type: type.GENERATE_CAROUSEL_PREVIEW_FAILURE,
-        payload: status,
-      });
-    } else {
-      yield put({
-        type: type.GENERATE_CAROUSEL_PREVIEW_SUCCESS,
-        payload: responsePreview,
-      });
-    }
-  } catch (error) {
-    yield put({
-      type: type.GENERATE_CAROUSEL_PREVIEW_FAILURE,
+      type: type.GENERATE_PREVIEW_FAILURE,
       payload: error,
     });
   }
@@ -74,26 +28,13 @@ export function* getCarouselFacebookPreview(previewData) {
 
 
 function* watchImageFacebookPreview() {
-  const watcher = yield takeLatest(type.GENERATE_IMAGE_PREVIEW_REQUEST, getImageFacebookPreview);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchVideoFacebookPreview() {
-  const watcher = yield takeLatest(type.GENERATE_VIDEO_PREVIEW_REQUEST, getVideoFacebookPreview);
+  const watcher = yield takeLatest(type.GENERATE_PREVIEW_REQUEST, getFacebookPreview);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);
 }
 
-function* watchCarouselFacebookPreview() {
-  const watcher = yield takeLatest(type.GENERATE_CAROUSEL_PREVIEW_REQUEST, getCarouselFacebookPreview);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
 
 export default [
   watchImageFacebookPreview,
-  watchVideoFacebookPreview,
-  watchCarouselFacebookPreview,
 ];