@capillarytech/creatives-library 9.0.61-alpha.1 → 9.0.61-alpha.3

package/package.json

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

package/v2Containers/Viber/constants.js

@@ -19,6 +19,9 @@ export const EMPTY_INJECTED_TAGS = {};
 export const EMPTY_TAGS = [];
 export const EMPTY_TEMPLATE_DATA = {};
 
+// Cap + Viber each inject v2ViberSagas; module counter lets only the first task start takeLatest watchers (avoids duplicate API calls).
+export let viberSagasActive = 0;
+
 export const UPLOAD_VIBER_ASSET_REQUEST = 'app/v2Containers/Viber/UPLOAD_ASSET_REQUEST';
 export const UPLOAD_VIBER_ASSET_SUCCESS = 'app/v2Containers/Viber/UPLOAD_ASSET_SUCCESS';
 export const UPLOAD_VIBER_ASSET_FAILURE = 'app/v2Containers/Viber/UPLOAD_ASSET_FAILURE';

package/v2Containers/Viber/index.js

@@ -82,7 +82,9 @@ import CapVideoUpload from '../../v2Components/CapVideoUpload';
 import './index.scss';
 import { ViberFooter } from './style';
 import injectReducer from '../../utils/injectReducer';
+import injectSaga from '../../utils/injectSaga';
 import v2ViberReducer from './reducer';
+import { v2ViberSagas } from './sagas';
 
 
 const { TextArea } = CapInput;
@@ -1610,6 +1612,7 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 const withReducer = injectReducer({ key: 'viber', reducer: v2ViberReducer });
+const withViberSaga = injectSaga({ key: 'viber', saga: v2ViberSagas });
 
 export default withCreatives({
   WrappedComponent: injectIntl(Viber),
@@ -1617,4 +1620,5 @@ export default withCreatives({
   mapDispatchToProps,
   userAuth: true,
   reducers: [withReducer],
+  sagas: [withViberSaga],
 });

package/v2Containers/Viber/sagas.js

@@ -6,6 +6,7 @@ import { pollAssetStatus } from '../../sagas/assetPolling';
 import { createPollingConfig } from '../../utils/asyncAssetUpload';
 import { ASSET_STATUS } from '../../utils/assetStatusConstants';
 import * as types from './constants';
+import { viberSagasActive } from './constants';
 import messages from './messages';
 
 export function* uploadViberAsset(params) {
@@ -149,10 +150,18 @@ export default [
 ];
 
 export function* v2ViberSagas() {
-  yield all([
-    watchUploadViberAsset(),
-    watchCreateTemplate(),
-    watchGetTemplateDetails(),
-    watchEditTemplate(),
-  ]);
+  if (viberSagasActive > 0) {
+    return;
+  }
+  viberSagasActive += 1;
+  try {
+    yield all([
+      watchUploadViberAsset(),
+      watchCreateTemplate(),
+      watchGetTemplateDetails(),
+      watchEditTemplate(),
+    ]);
+  } finally {
+    viberSagasActive -= 1;
+  }
 }