@capillarytech/creatives-library 8.0.35 → 8.0.37

package/app.js

@@ -109,7 +109,6 @@ const render = (messages) => {
           </ErrorBoundary>
         </LanguageProvider>
     </Provider>,
-    MOUNT_NODE
   );
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.35",
+  "version": "8.0.37",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -17,7 +17,7 @@
     "@bugsnag/js": "^7.2.1",
     "@bugsnag/plugin-react": "7.2.1",
     "@capillarytech/cap-ui-utils": "3.0.4",
-    "@capillarytech/vulcan-react-sdk": "^2.2.2",
+    "@capillarytech/vulcan-react-sdk": "^2.3.5",
     "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
     "chalk": "^2.4.2",

package/v2Containers/Assets/Gallery/sagas.js

@@ -5,7 +5,7 @@ import * as types from './constants';
 export function* getAllAssets(assetType, queryParams) {
   try {
     const result = yield call(Api.getAllAssets, assetType, queryParams);
-    yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result?.response, isReset: queryParams.page === 1 });
+    yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result?.response, isReset: assetType.queryParams.page === 1 });
   } catch (error) {
     yield put({ type: types.GET_ALL_ASSETS_FAILURE, error });
   }

package/v2Containers/Email/sagas.js

@@ -56,11 +56,10 @@ export function* getTemplateDetails(id) {
   }
 }
 
-//get this checked
-export function* getAllAssets({assetType, queryParams}) {
+export function* getAllAssets(assetType, queryParams) {
   try {
     const result = yield call(Api.getAllAssets, assetType, queryParams);
-    yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result?.response, isReset: queryParams.page === 1 });
+    yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result?.response, isReset: assetType.queryParams.page === 1 });
   } catch (error) {
     yield put({ type: types.GET_ALL_ASSETS_FAILURE, error });
   }

package/v2Containers/TemplatesV2/index.js

@@ -6,14 +6,11 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { all } from 'redux-saga/effects';
 import { connect } from 'react-redux';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators, compose } from 'redux';
-import {
-  CapTab, CapCustomCard, CapButton, CapHeader, CapSpin, CapIcon, CapTooltip,
-} from '@capillarytech/cap-ui-library';
+import { CapTab, CapCustomCard, CapButton, CapHeader, CapSpin, CapIcon, CapTooltip } from '@capillarytech/cap-ui-library';
 import { find, get } from 'lodash';
 import isEmpty from 'lodash/isEmpty';
 import Helmet from 'react-helmet';
@@ -33,9 +30,7 @@ import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
-import {
-  CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCALE_HIDE_FEATURE, ZALO, INAPP,
-} from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCALE_HIDE_FEATURE, ZALO, INAPP } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 import { makeSelectAuthenticated, selectCurrentOrgDetails } from "../Cap/selectors";
@@ -124,15 +119,13 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
         // eslint-disable-next-line no-param-reassign
         pane.disabled = true;
         if (pane.key === 'facebook' && showDisabledFBInfo) {
-          pane.tab = (
-            <CapTooltip
+          pane.tab = (<CapTooltip
               title={
                 intl.formatMessage(messages.facebookDisableinfo)
               }
             >
               {intl.formatMessage(messages.facebook)}
-            </CapTooltip>
-          );
+            </CapTooltip>);
         }
       }
       return pane;
@@ -185,15 +178,13 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       this.setState({selectedChannel: nextProps.channel, panes });
     }
   }
-
-  getTemplateDataForGrid = ({
-    templates, handlers, filterContent, channel, isLoading, loadingTip,
-  }) => {
+getTemplateDataForGrid = ({templates, handlers, filterContent, channel, isLoading, loadingTip}) => {
     const currentChannel = channel.toUpperCase();
     const cardDataList = templates.map((template) => {
-      const templateData = {
+      const templateData =
+        {
         key: `${currentChannel}-card-${template.name}`,
-        title: <span title={template.name}>{template.name}</span>,
+        title: <span title={template.name} >{template.name}</span>,
         extra: [<CapIcon type="eye" onClick={() => { if (this.props.isFullMode) { handlers.handlePreviewClick(template); } else { this.props.handlePeviewTemplate(template); } }} />],
         hoverOption: <CapButton onClick={(e) => handlers.handleEditClick(e, template._id)}>{this.props.intl.formatMessage(this.props.isFullMode ? messages.edit : messages.select)}</CapButton>,
       };
@@ -204,8 +195,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       }
       return templateData;
     });
-    return (
-      <div>
+    return (<div>
         {filterContent}
         <CapSpin spinning={isLoading} tip={loadingTip}>
           <div className="pagination-container">
@@ -213,12 +203,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
           </div>
         </CapSpin>
 
-      </div>
-    );
+      </div>);
   }
-
-  getGalleryComponent = (location) => <Gallery location={location} isFullMode={this.props.isFullMode} />
-
+getGalleryComponent = (location) => <Gallery location={location} isFullMode={this.props.isFullMode}/>
   getCallTaskComponent = () => (
     <CallTask
       onCreateNew={this.props.createNew}
@@ -228,13 +215,11 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
   );
 
   getFacebookComponent = () => {
-    const {
-      messageDetails, cap, onFacebookSubmit,
+    const { messageDetails, cap, onFacebookSubmit,
       messageStrategy,
       showDisabledFBInfo,
       orgUnitId,
-      onSelectTemplate,
-    } = this.props;
+      onSelectTemplate } = this.props;
     return (
       <Facebook
         {...this.props}
@@ -248,15 +233,12 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       />
     );
   }
-
   getViberComponent =() => (
     <Viber
       {...this.props}
       isCreateFlow
-    >
-    </Viber>
+    ></Viber>
   )
-
   getLineComponent = () => (
     <Line
       {...this.props}
@@ -293,8 +275,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       case 'assets':
         return this.getGalleryComponent(location);
       default:
-        return (
-          <Templates
+        return (<Templates
             key={channel}
             location={location}
             route={{name: channel}}
@@ -307,8 +288,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
             messageStrategy={this.props.messageStrategy}
             smsRegister={smsRegister}
             hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
-          />
-        );
+          />);
     }
   }
 
@@ -330,17 +310,13 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     const panes = this.setChannelContent(selectedChannel, this.state.panes);
     this.setState({panes, selectedChannel}, () => { if (!this.props.isFullMode) this.props.onChannelChange(selectedChannel); });
   }
-
   selectTemplate = (id) => find(this.props.TemplatesList, {_id: id})
 
   isLoading() {
     return this.props.Templates.loadingTemplates;
   }
-
   render() {
-    const {
-      isFullMode, className, cap = {}, authData = {},
-    } = this.props;
+    const { isFullMode, className, cap = {}, authData = {}} = this.props;
     const { accessiblePermissions = []} = cap.user || authData.user || {};
     let isCreativeAccessible = true;
     if (!accessiblePermissions.includes(CREATIVES_UI_VIEW)) {
@@ -349,16 +325,14 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     return (
       !isCreativeAccessible ? <AccessForbidden /> : (
         <div className={`${className} creatives-templates-container ${isFullMode ? 'fullmode' : 'library-mode'}`} data-testid="cap-wrapper">
-          {isFullMode && (
-            <Helmet
-              title={this.props.intl.formatMessage(messages.creatives)}
-              meta={[
-                { name: 'description', content: this.props.intl.formatMessage(messages.creativesDesc) },
-              ]}
-            />
-          )}
+          {isFullMode && <Helmet
+            title={this.props.intl.formatMessage(messages.creatives)}
+            meta={[
+              { name: 'description', content: this.props.intl.formatMessage(messages.creativesDesc) },
+            ]}
+          />}
           <div className="component-wrapper">
-            {isFullMode && <CapHeader title={<FormattedMessage {...messages.creatives} />} description={<FormattedMessage {...messages.creativesDesc} />} />}
+            {isFullMode && <CapHeader title={<FormattedMessage {...messages.creatives}/>} description={<FormattedMessage {...messages.creativesDesc}/>}/>}
             <StyledCapTab
               panes={this.state.panes}
               onChange={this.channelChange}
@@ -403,7 +377,7 @@ TemplatesV2.defaultProps = {
 };
 
 const mapStateToProps = createStructuredSelector({
-  Global: makeSelectAuthenticated(),
+  cap: makeSelectAuthenticated(),
   Templates: makeSelectTemplates(),
   TemplatesList: makeSelectTemplatesResponse(),
   currentOrgDetails: selectCurrentOrgDetails(),