@capillarytech/creatives-library 0.1.32 → 1.0.0

package/containers/MobilePush/Edit/messages.js

@@ -1,249 +0,0 @@
-/*
- * Edit Messages
- *
- * This contains all the text for the Edit component.
- */
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  imageUploadLabel: {
-    id: 'app.containers.MobilePush.Edit.ImageUploadLabel',
-    defaultMessage: 'Upload Image',
-  },
-  "Enter template name*": {
-    id: 'app.containers.MobilePush.Edit.enterTemplateNameImportant',
-    defaultMessage: 'Enter template name*',
-  },
-  "Enter template name": {
-    id: 'app.containers.MobilePush.Edit.enterTemplateName',
-    defaultMessage: 'Enter template name',
-  },
-  "Template name cannot be empty": {
-    id: 'app.containers.MobilePush.Edit.templateCantEmpty',
-    defaultMessage: 'Template name cannot be empty',
-  },
-  "Discard Changes": {
-    id: 'app.containers.MobilePush.Edit.discardChanges',
-    defaultMessage: 'Discard Changes',
-  },
-  "Cancel": {
-    id: 'app.containers.MobilePush.Edit.cancel',
-    defaultMessage: 'Cancel',
-  },
-  "Save": {
-    id: 'app.containers.MobilePush.Edit.save',
-    defaultMessage: 'Save',
-  },
-  "Select Mobilepush Account": {
-    id: 'app.containers.MobilePush.Edit.selectMobilePushAccount',
-    defaultMessage: 'Select Mobilepush Account',
-  },
-  "Account Id": {
-    id: 'app.containers.MobilePush.Edit.accountId',
-    defaultMessage: 'Account Id',
-  },
-  "Select Mobilepush Template": {
-    id: 'app.containers.MobilePush.Edit.selectMobilePushTemplate',
-    defaultMessage: 'Select Mobilepush Template',
-  },
-  "Template": {
-    id: 'app.containers.MobilePush.Edit.template',
-    defaultMessage: 'Template',
-  },
-  "Android": {
-    id: 'app.containers.MobilePush.Edit.Android',
-    defaultMessage: 'Android',
-  },
-  "Copy Title and Content From IOS": {
-    id: 'app.containers.MobilePush.Edit.copyFromIos',
-    defaultMessage: 'Copy Title and Content From IOS',
-  },
-  "Title*": {
-    id: 'app.containers.MobilePush.Edit.titleLabel',
-    defaultMessage: 'Title*',
-  },
-  "Title": {
-    id: 'app.containers.MobilePush.Edit.title',
-    defaultMessage: 'Title',
-  },
-  "Please input message title name.": {
-    id: 'app.containers.MobilePush.Edit.titleNameInvalid',
-    defaultMessage: 'Please enter the message title',
-  },
-  "Template message has unsupported/missing tags!": {
-    id: 'app.containers.MobilePush.Edit.messageHasUnsupportedTag',
-    defaultMessage: 'Please check the message content for unsupported/missing tags',
-  },
-  "Tags": {
-    id: 'app.containers.MobilePush.Edit.Tags',
-    defaultMessage: 'Tags',
-  },
-  "Message*": {
-    id: 'app.containers.MobilePush.Edit.messageLabel',
-    defaultMessage: 'Message*',
-  },
-  "Message": {
-    id: 'app.containers.MobilePush.Edit.message',
-    defaultMessage: 'Message',
-  },
-  "Please input mobile push template content.": {
-    id: 'app.containers.MobilePush.Edit.inputMobilePushTemplateContent',
-    defaultMessage: 'Please enter the message content',
-  },
-  "Add Primary CTA": {
-    id: 'app.containers.MobilePush.Edit.addPrimaryCTA',
-    defaultMessage: 'Add Primary CTA',
-  },
-  "Add Secondary CTA": {
-    id: 'app.containers.MobilePush.Edit.addSecondaryCTA',
-    defaultMessage: 'Add Secondary CTA',
-  },
-  "iOS": {
-    id: 'app.containers.MobilePush.Edit.iOS',
-    defaultMessage: 'iOS',
-  },
-  "Copy Title and Content From Android": {
-    id: 'app.containers.MobilePush.Edit.copyFromAndroid',
-    defaultMessage: 'Copy Title and Content From Android',
-  },
-  "Template title has unsupported/missing tags.": {
-    id: 'app.containers.MobilePush.Edit.titleHasUnsupportedTag',
-    defaultMessage: 'Please check the message content for unsupported/missing tags',
-  },
-  "Template name cannot be empty.": {
-    id: 'app.containers.MobilePush.Edit.templateNameNotEmpty',
-    defaultMessage: 'Please provide a template name ',
-  },
-  "Message title has unsupported/missing tags!": {
-    id: 'app.containers.MobilePush.Edit.messageTitleWithUnsupportedTag',
-    defaultMessage: 'Please check the message content for unsupported/missing tags',
-  },
-  "Image": {
-    id: 'app.containers.MobilePush.Edit.Image',
-    defaultMessage: 'Image',
-  },
-  "Max file size acceptable is 5mb": {
-    id: 'app.containers.MobilePush.Edit.maxUploadFileSize',
-    defaultMessage: 'Max file size acceptable is 5mb',
-  },
-  "Please upload Image": {
-    id: 'app.containers.MobilePush.Edit.pleaseUploadImage',
-    defaultMessage: 'Please upload Image',
-  },
-  "Upload Image": {
-    id: 'app.containers.MobilePush.Edit.uploadImage',
-    defaultMessage: 'Upload Image',
-  },
-  "MOBILEPUSH Template Edited Successfully": {
-    id: 'app.containers.MobilePush.Edit.templateEditedSuccessfully',
-    defaultMessage: 'MOBILEPUSH Template Edited Successfully',
-  },
-  "somethingWentWrong": {
-    id: 'app.containers.MobilePush.Edit.somethingWentWrong',
-    defaultMessage: 'Something Went Wrong!!',
-  },
-  "Select DeepLink": {
-    id: 'app.containers.MobilePush.Edit.selectDeepLink',
-    defaultMessage: 'Select DeepLink',
-  },
-  "External Link": {
-    id: 'app.containers.MobilePush.Edit.externalLink',
-    defaultMessage: 'External Link',
-  },
-  "External Link cannot be empty": {
-    id: 'app.containers.MobilePush.Edit.externalLinkCantEmpty',
-    defaultMessage: 'External Link cannot be empty',
-  },
-  "External Link cannot be empty.": {
-    id: 'app.containers.MobilePush.Edit.externalLinkCantEmpty1',
-    defaultMessage: 'External Link cannot be empty.',
-  },
-  "Do you really want to go back? All your temporary changes will be lost!": {
-    id: 'app.containers.MobilePush.Edit.goBackConfirmation',
-    defaultMessage: "Going back will discard all the changes you've made. Continue?",
-  },
-  "Secondary CTA": {
-    id: 'app.containers.MobilePush.Edit.secondaryCTA',
-    defaultMessage: 'Secondary CTA',
-  },
-  "Name and Description": {
-    id: 'app.containers.MobilePush.Edit.nameAndDescription',
-    defaultMessage: 'Name and Description',
-  },
-  "Button 1": {
-    id: 'app.containers.MobilePush.Edit.button1',
-    defaultMessage: 'Button 1',
-  },
-  "Button 2": {
-    id: 'app.containers.MobilePush.Edit.button2',
-    defaultMessage: 'Button 2',
-  },
-  "Add Another CTA": {
-    id: 'app.containers.MobilePush.Edit.addAnotherCTA',
-    defaultMessage: 'Add Another CTA',
-  },
-  "Please select link type": {
-    id: 'app.containers.MobilePush.Edit.selectLinkType',
-    defaultMessage: 'Please select link type',
-  },
-  "Primary CTA": {
-    id: 'app.containers.MobilePush.Edit.primaryCTA',
-    defaultMessage: 'Primary CTA',
-  },
-  "Enter CTA Label here": {
-    id: 'app.containers.MobilePush.Edit.enterCTALabel',
-    defaultMessage: 'Enter CTA Label here',
-  },
-  "CTA label cannot be empty.": {
-    id: 'app.containers.MobilePush.Edit.ctaLabelCantEmpty',
-    defaultMessage: 'CTA label cannot be empty.',
-  },
-  "Select deeplink": {
-    id: 'app.containers.MobilePush.Edit.selectDeeplink',
-    defaultMessage: 'Select deeplink',
-  },
-  "Select a deeplink": {
-    id: 'app.containers.MobilePush.Edit.selectADeeplink',
-    defaultMessage: 'Select a deeplink',
-  },
-  "File size cannot be more than 5mb": {
-    id: 'app.containers.MobilePush.Edit.uploadFileSizeError',
-    defaultMessage: 'File size cannot be more than 5mb',
-  },
-  "value cannot be empty.": {
-    id: 'app.containers.MobilePush.Edit.valueCantEmpty',
-    defaultMessage: 'value cannot be empty.',
-  },
-  "Please delete second Secondary cta First": {
-    id: 'app.containers.MobilePush.Edit.deleteSecondCTAFirst',
-    defaultMessage: 'Please delete second Secondary cta First',
-  },
-  "Uploading Image...": {
-    id: 'app.containers.MobilePush.Edit.uploadingImage',
-    defaultMessage: 'Uploading Image...',
-  },
-  "Campaigns": {
-    id: 'app.containers.MobilePush.Edit.Campaigns',
-    defaultMessage: 'Campaigns',
-  },
-  "Creatives": {
-    id: 'app.containers.MobilePush.Edit.Creatives',
-    defaultMessage: 'Creatives',
-  },
-  "Mobile Push": {
-    id: 'app.containers.MobilePush.Edit.mobilePush',
-    defaultMessage: 'Mobile Push',
-  },
-  "template not configured,": {
-    id: 'app.containers.MobilePush.Edit.templateNotConfigured',
-    defaultMessage: 'template not configured,',
-  },
-  "Android template is not configured. Save without Android template": {
-    id: 'app.containers.MobilePush.Edit.androidTemplateNotConfigured',
-    defaultMessage: 'Android template is not configured. Continue Save?',
-  },
-  "IOS template is not configured, Save without IOS template": {
-    id: 'app.containers.MobilePush.Edit.iosTemplateNotConfigured',
-    defaultMessage: 'IOS template is not configured, Save without IOS template',
-  },
-});

package/containers/MobilePush/Edit/reducer.js

@@ -1,112 +0,0 @@
-/*
- *
- * Create reducer
- *
- */
-
-import { fromJS } from 'immutable';
-import * as types from './constants';
-
-const initialState = fromJS({
-  editTemplateInProgress: false,
-  editResponse: {},
-  getTemplateDetailsInProgress: false,
-  templateDetails: {},
-});
-
-function editReducer(state = initialState, action) {
-  switch (action.type) {
-    case types.DEFAULT_ACTION:
-      return state;
-    case types.EDIT_TEMPLATE_REQUEST:
-      return state
-        .set('editTemplateInProgress', true)
-        .set('editTemplateError', false)
-        .set('editTemplateErrorMessage', fromJS(""));
-    case types.EDIT_TEMPLATE_SUCCESS:
-      return state.set('editTemplateInProgress', false)
-        .set('editResponse', action.data)
-        .set('editTemplateError', (action.statusCode !== undefined && action.statusCode > 300))
-        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
-    case types.EDIT_TEMPLATE_FAILURE:
-      return state
-        .set('editTemplateInProgress', false)
-        .set('editTemplateError', true)
-        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
-    case types.GET_TEMPLATE_DETAILS_REQUEST:
-      return state.set('getTemplateDetailsInProgress', true);
-    case types.GET_TEMPLATE_DETAILS_SUCCESS:
-    case types.SET_SELECTED_TEMPLATE:
-      return state.set('getTemplateDetailsInProgress', false)
-        .set('templateDetails', action.data);
-    case types.GET_TEMPLATE_DETAILS_FAILURE:
-      return state.set('getTemplateDetailsInProgress', false);
-    case types.CLEAR_EDIT_RESPONSE_REQUEST:
-      return state.set('editResponse', {});
-    case types.GET_IOS_CTAS:
-      return state
-        .set("getIosCtasSucccess", false)
-        .set("iosCtasLoading", true);
-    case types.GET_IOS_CTAS_SUCCESS:
-      return state
-        .set('getIosCtasSucccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
-        .set('iosCtasLoading', false)
-        .set('iosCtasData', action.data);
-    case types.GET_IOS_CTAS_FAILURE:
-      return state
-        .set('getIosCtasSucccess', false)
-        .set('iosCtasLoading', false);
-    case types.UPLOAD_ASSET_REQUEST:
-      return state
-        .set('uploadAssetSuccess', false)
-        .set('assetUploading', true);
-    case types.UPLOAD_ASSET_SUCCESS:
-      return state
-        .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
-        .set('assetUploading', false)
-        .set('uploadedAssetData', action.data);
-    case types.UPLOAD_ASSET_FAILURE:
-      return state
-        .set('uploadAssetSuccess', false)
-        .set('assetUploading', false);
-    case types.CLEAR_DATA:
-      return state
-        .delete('uploadedAssetData')
-        .delete('metaEntities')
-        .delete('templateDetails');
-    case types.CLEAR_ASSET:
-      return state
-        .delete('uploadedAssetData');
-    case types.GET_WECRM_ACCOUNTS_REQUEST:
-      return state
-        .set('fetchingWeCrmAccounts', true)
-        .set('weCrmAccountFetchingError', false);
-    case types.GET_WECRM_ACCOUNTS_SUCCESS:
-      return state
-        .set('fetchingWeCrmAccounts', false)
-        .set('weCrmAccounts', fromJS(action.data));
-    case types.GET_WECRM_ACCOUNTS_FAILURE:
-      return state
-        .set('fetchingWeCrmAccounts', false)
-        .set('weCrmAccountFetchingError', true);
-    case types.SET_WECHAT_ACCOUNT:
-      return state
-        .set('selectedWeChatAccount', fromJS(action.weChatAccount))
-        .delete('mobilepushTemplates');
-    case types.GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST:
-      return state
-        .set('fetchingDefaultTemplates', true);
-    case types.GET_MOBILEPUSH_TEMPLATES_LIST_SUCCESS:
-      return state
-        .set('fetchingDefaultTemplates', false)
-        .set('mobilepushTemplates', fromJS(action.data));
-    case types.GET_MOBILEPUSH_TEMPLATES_LIST_FAILURE:
-      return state
-        .set('fetchingDefaultTemplates', false)
-        .set('errorFetchingDefaultTempalte', true);
-    default:
-      return state;
-  }
-}
-
-export default editReducer;

package/containers/MobilePush/Edit/sagas.js

@@ -1,118 +0,0 @@
-import { call, put, takeLatest, take, cancel } from 'redux-saga/effects';
-import { LOCATION_CHANGE } from 'react-router-redux';
-// import { schema, normalize } from 'normalizr';
-import * as Api from '../../../services/api';
-import * as types from './constants';
-
-// Individual exports for testing
-export function* editTemplate(template) {
-  let errorMsg;
-  try {
-    console.log('saga editTemplate', template);
-    const result = yield call(Api.createMobilePushTemplate, template);
-    console.log('saga editTemplate success', result);
-    if (result.message || result.status.code === 500) {
-      errorMsg = result.message;
-    }
-    yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
-  } catch (error) {
-    yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
-  }
-}
-
-export function* getTemplateDetails(id) {
-  try {
-    console.log('saga get Template details', id);
-    const result = yield call(Api.getTemplateDetails, id);
-    // const sidebar = result.response.sidebar;
-    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
-  } catch (error) {
-    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
-  }
-}
-export function* uploadAsset(file, assetType, fileParams, mode) {
-  try {
-    const result = yield call(Api.uploadFile, file, assetType, fileParams, mode);
-    yield put({ type: types.UPLOAD_ASSET_SUCCESS, data: result.response.asset, statusCode: result.status ? result.status.code : '' });
-  } catch (error) {
-    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
-  }
-}
-export function* getIosCtas(licenseCode) {
-  try {
-    const result = yield call(Api.getIosCtas, licenseCode);
-    yield put({ type: types.GET_IOS_CTAS_SUCCESS, data: result.response.metaEntities.data, statusCode: result.status ? result.status.code : '' });
-  } catch (error) {
-    yield put({ type: types.GET_IOS_CTAS_FAILURE, error });
-  }
-}
-
-export function* getMobilepushTemplatesList(params) {
-  try {
-    console.log('Saga param ', params.channel, params.queryParams);
-    const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
-    yield put({ type: types.GET_MOBILEPUSH_TEMPLATES_LIST_SUCCESS, data: result.response.templates, templateData: result.response.mapped});
-  } catch (error) {
-    yield put({ type: types.GET_MOBILEPUSH_TEMPLATES_LIST_FAILURE, error });
-  }
-}
-
-export function* fetchWeCrmAccounts(action) {
-  console.log('mobile push saga accounts');
-  try {
-    const result = yield call(Api.fetchWeCrmAccounts, action.source);
-    yield [
-      put({
-        type: types.GET_WECRM_ACCOUNTS_SUCCESS,
-        data: result.response,
-      }),
-    ];
-  } catch (error) {
-    yield [
-      put({
-        type: types.GET_WECRM_ACCOUNTS_FAILURE,
-        data: error,
-      }),
-    ];
-  }
-}
-
-function* watchFetchWeCrmAccounts() {
-  const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchEditTemplate() {
-  const watcher = yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-function* watchGetTemplateDetails() {
-  const watcher = yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-function* watchUploadAsset() {
-  const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-function* watchGetIosCtas() {
-  const watcher = yield takeLatest(types.GET_IOS_CTAS, getIosCtas);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-function* watchMobilepushTemplatesList() {
-  const watcher = yield takeLatest(types.GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST, getMobilepushTemplatesList);
-  yield take(LOCATION_CHANGE);
-  yield cancel(watcher);
-}
-
-// All sagas to be loaded
-export default [
-  watchEditTemplate, watchGetTemplateDetails, watchFetchWeCrmAccounts, watchMobilepushTemplatesList,
-  watchUploadAsset,
-  watchGetIosCtas,
-];

package/containers/MobilePush/Edit/selectors.js

@@ -1,29 +0,0 @@
-import { createSelector } from 'reselect';
-
-/**
- * Direct selector to the create state domain
- */
-const selectMobilePushEditDomain = () => (state) => state.get('edit');
-
-/**
- * Other specific selectors
- */
-
-
-/**
- * Default selector used by Create
- */
-
-const makeSelectEdit = () => createSelector(
-  selectMobilePushEditDomain(),
-  (substate) => substate.toJS()
-);
-const makeSelectEditResponse = () => createSelector(
-  selectMobilePushEditDomain(), (dimensionState) => dimensionState.get('editResponse')
-);
-const makeSelectTemplateDetailsResponse = () => createSelector(
-  selectMobilePushEditDomain(), (dimensionState) => dimensionState.get('templateDetails')
-);
-export {
-  makeSelectEdit, makeSelectEditResponse, makeSelectTemplateDetailsResponse,
-};

package/containers/MobilePush/Edit/tests/actions.test.js

@@ -1,18 +0,0 @@
-
-import {
-  defaultAction,
-} from '../actions';
-import {
-  DEFAULT_ACTION,
-} from '../constants';
-
-describe('Create actions', () => {
-  describe('Default Action', () => {
-    it('has a type of DEFAULT_ACTION', () => {
-      const expected = {
-        type: DEFAULT_ACTION,
-      };
-      expect(defaultAction()).toEqual(expected);
-    });
-  });
-});

package/containers/MobilePush/Edit/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import { Create } from '../index';
-
-describe('<Create />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/MobilePush/Edit/tests/reducer.test.js

@@ -1,9 +0,0 @@
-
-import { fromJS } from 'immutable';
-import createReducer from '../reducer';
-
-describe('createReducer', () => {
-  it('returns the initial state', () => {
-    expect(createReducer(undefined, {})).toEqual(fromJS({}));
-  });
-});

package/containers/MobilePush/Edit/tests/sagas.test.js

@@ -1,15 +0,0 @@
-/**
- * Test  sagas
- */
-
-/* eslint-disable redux-saga/yield-effects */
-// import { take, call, put, select } from 'redux-saga/effects';
-// import { defaultSaga } from '../sagas';
-
-// const generator = defaultSaga();
-
-describe('defaultSaga Saga', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/MobilePush/Edit/tests/selectors.test.js

@@ -1,10 +0,0 @@
-// import { fromJS } from 'immutable';
-// import { makeSelectCreateDomain } from '../selectors';
-
-// const selector = makeSelectCreateDomain();
-
-describe('makeSelectCreateDomain', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});

package/containers/NotFoundPage/index.js

@@ -1,25 +0,0 @@
-/**
- * NotFoundPage
- *
- * This is the page we show when the user visits a url that doesn't have a route
- *
- * NOTE: while this component should technically be a stateless functional
- * component (SFC), hot reloading does not currently support SFCs. If hot
- * reloading is not a necessity for you then you can refactor it and remove
- * the linting exception.
- */
-
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-
-import messages from './messages';
-
-export default class NotFound extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
-  render() {
-    return (
-      <h1>
-        <FormattedMessage {...messages.header} />
-      </h1>
-    );
-  }
-}

package/containers/NotFoundPage/messages.js

@@ -1,13 +0,0 @@
-/*
- * NotFoundPage Messages
- *
- * This contains all the text for the NotFoundPage component.
- */
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  header: {
-    id: 'app.components.NotFoundPage.header',
-    defaultMessage: 'Looks like you are lost!',
-  },
-});

package/containers/NotFoundPage/tests/index.test.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { shallow } from 'enzyme';
-
-import NotFoundPage from '../index';
-import messages from '../messages';
-
-describe('<NotFoundPage />', () => {
-  it('should render the page message', () => {
-    const renderedComponent = shallow(
-      <NotFoundPage />
-    );
-    expect(renderedComponent.contains(
-      <FormattedMessage {...messages.header} />
-    )).toEqual(true);
-  });
-});

package/containers/Sms/Create/_smsCreate.scss

@@ -1,45 +0,0 @@
-.ant-breadcrumb{
-  color: #707070;
-  font-family: open-sans;
-  line-height: 16px;
-  font-size: 12px;
-  padding-left: 8px;
-}
-.ant-checkbox{
-  vertical-align: middle !important;
-}
-
-#template-name.ant-input{
-  font-size: 20px !important;
-  font-family: proxima-nova, sans-serif;
-  font-style: normal;
-  font-weight: 600;
-}
-.ant-tabs-bar{
-  margin-bottom: 0 !important;
-  display: flex;
-  align-items: center;
-  flex-direction: row-reverse;
-  justify-content: flex-end;
-}
-.ant-tabs-tabpane{
-  border: 1px solid #d9d9d9;
-  border-top: none;
-  margin-top: -0.2%;
-  min-height: calc(70vh);
-}
-
-.ant-tabs-extra-content{
-  flex: 1;
-  align-self: flex-end;
-  padding: 4px;
-}
-
-.version-popover {
-  line-height: 24px;
-  cursor: pointer;
-}
-
-.version-popover:hover{
-  background-color: #ecf6fd;
-}