@capillarytech/creatives-library 2.0.94 → 2.0.95

package/containers/Templates/index.js

@@ -1287,7 +1287,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         header={this.state.previewTemplate.name}
         content={slideboxContent}
         show={this.state.showEmailPreviewModal}
-        handleClose={this.toggleImagePreview}
+        handleClose={this.togglePreview}
         width={60}
       />
     );

package/containers/WeChat/RichmediaTemplates/Create/index.js

@@ -14,7 +14,7 @@ import { createStructuredSelector } from 'reselect';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import _ from 'lodash';
 import { Menu, Dropdown } from 'antd';
-import { CapRow, CapColumn, CapButton, CapCard, CapSpinner } from '@capillarytech/cap-react-ui-library';
+import { CapRow, CapColumn, CapButton, CapCard, CapSpin } from '@capillarytech/cap-react-ui-library';
 import makeSelectCreate, {makeSelectTemplates, getAssetDetails, getContentAssetDetails} from './selectors';
 import * as actions from './actions';
 import richmediaschema from './richmediaschema';
@@ -970,7 +970,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
     return (
       <div className="richmedia-container">
-        <CapSpinner spinning={this.state.loading}>
+        <CapSpin spinning={this.state.loading}>
           {this.state.showPreview && <WechatRichmediaTemplatePreview
             show={this.state.showPreview}
             closeSlideBox={this.closeSlideBox}
@@ -1012,7 +1012,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
               </CapRow>
             </div>
           </div>
-        </CapSpinner>
+        </CapSpin>
       </div>
     );
   }

package/package.json

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

package/v2Containers/Sms/Edit/index.js

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 
 import React from 'react';
 import { connect } from 'react-redux';
-import { CapRow, CapColumn, CapSpinner, CapNotification } from '@capillarytech/cap-ui-library';
+import { CapRow, CapColumn, CapSpin, CapNotification } from '@capillarytech/cap-ui-library';
 import { injectIntl, intlShape } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import _ from 'lodash';
@@ -932,7 +932,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
     return (
       <div className="sms-email-container">
-        <CapSpinner tip={tipText} spinning={spinning}>
+        <CapSpin tip={tipText} spinning={spinning}>
           {/*<CapRow style={{marginBottom: '16px', marginLeft: '-40px'}}>
             <CapColumn offset={1}>
               <Breadcrumb>
@@ -973,7 +973,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
               />
             </CapColumn>
           </CapRow>
-        </CapSpinner>
+        </CapSpin>
       </div>
     );
   }

package/v2Containers/Templates/index.js

@@ -392,7 +392,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
   onPaginationChange = () => { this.getAllTemplates({getNextPage: true}); }
   onCreateComplete = () => {
-    this.setState({routeParams: null});
+    this.setState({routeParams: null, previewOpen: false});
   }
   getCurrentWindow(e) {
     const response = {
@@ -1291,7 +1291,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   };
 
   toggleEmailPreview = () => {
-    this.setState({ showHtmlPreview: !this.state.showHtmlPreview }, () => {
+    this.setState({ showHtmlPreview: !this.state.showHtmlPreview, previewOpen: !this.state.previewOpen }, () => {
       if (!this.state.showHtmlPreview) {
         this.setState({previewTemplate: {}});
       }
@@ -1362,7 +1362,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         header={this.state.previewTemplate.name}
         content={slideboxContent}
         show={this.state.showEmailPreviewModal}
-        handleClose={this.toggleImagePreview}
+        handleClose={this.togglePreview}
         width={60}
       />
     );

package/v2Containers/WeChat/RichmediaTemplates/Create/index.js

@@ -14,7 +14,7 @@ import { createStructuredSelector } from 'reselect';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import _ from 'lodash';
 import { Menu, Dropdown } from 'antd';
-import { CapRow, CapColumn, CapButton, CapCard, CapSpinner } from '@capillarytech/cap-ui-library';
+import { CapRow, CapColumn, CapButton, CapCard, CapSpin } from '@capillarytech/cap-ui-library';
 import makeSelectCreate, {makeSelectTemplates, getAssetDetails, getContentAssetDetails} from './selectors';
 import * as actions from './actions';
 import richmediaschema from './richmediaschema';
@@ -970,7 +970,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
     return (
       <div className="richmedia-container">
-        <CapSpinner spinning={this.state.loading}>
+        <CapSpin spinning={this.state.loading}>
           {this.state.showPreview && <WechatRichmediaTemplatePreview
             show={this.state.showPreview}
             closeSlideBox={this.closeSlideBox}
@@ -1012,7 +1012,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
               </CapRow>
             </div>
           </div>
-        </CapSpinner>
+        </CapSpin>
       </div>
     );
   }