@capillarytech/creatives-library 6.11.8 → 6.12.0

package/v2Containers/TemplatesV2/messages.js

@@ -1,61 +1,61 @@
-/*
- * TemplatesV2 Messages
- *
- * This contains all the text for the TemplatesV2 component.
- */
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  header: {
-    id: 'creatives.containersV2.TemplatesV2.header',
-    defaultMessage: 'This is TemplatesV2 container !',
-  },
-  select: {
-    id: 'creatives.containersV2.TemplatesV2.select',
-    defaultMessage: 'Select',
-  },
-  edit: {
-    id: 'creatives.containersV2.TemplatesV2.edit',
-    defaultMessage: 'Edit',
-  },
-  creatives: {
-    id: 'creatives.containersV2.TemplatesV2.creatives',
-    defaultMessage: 'Creatives',
-  },
-  creativesDesc: {
-    id: 'creatives.containersV2.TemplatesV2.creativesDesc',
-    defaultMessage: 'These are pre-built templates which you could use to customize your message content.',
-  },
-  sms: {
-    id: 'creatives.containersV2.TemplatesV2.sms',
-    defaultMessage: 'SMS',
-  },
-  email: {
-    id: 'creatives.containersV2.TemplatesV2.email',
-    defaultMessage: 'Email',
-  },
-  pushNotification: {
-    id: 'creatives.containersV2.TemplatesV2.pushNotification',
-    defaultMessage: 'Push notification',
-  },
-  callTask: {
-    id: 'creatives.containersV2.TemplatesV2.callTask',
-    defaultMessage: 'Call Task',
-  },
-  facebook: {
-    id: 'creatives.containersV2.TemplatesV2.facebook',
-    defaultMessage: 'Facebook',
-  },
-  gallery: {
-    id: 'creatives.containersV2.TemplatesV2.gallery',
-    defaultMessage: 'Gallery',
-  },
-  wechat: {
-    id: 'creatives.containersV2.TemplatesV2.wechat',
-    defaultMessage: 'Wechat',
-  },
-  line: {
-    id: 'creatives.containersV2.TemplatesV2.line',
-    defaultMessage: 'Line',
-  },
-});
+/*
+ * TemplatesV2 Messages
+ *
+ * This contains all the text for the TemplatesV2 component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'creatives.containersV2.TemplatesV2.header',
+    defaultMessage: 'This is TemplatesV2 container !',
+  },
+  select: {
+    id: 'creatives.containersV2.TemplatesV2.select',
+    defaultMessage: 'Select',
+  },
+  edit: {
+    id: 'creatives.containersV2.TemplatesV2.edit',
+    defaultMessage: 'Edit',
+  },
+  creatives: {
+    id: 'creatives.containersV2.TemplatesV2.creatives',
+    defaultMessage: 'Creatives',
+  },
+  creativesDesc: {
+    id: 'creatives.containersV2.TemplatesV2.creativesDesc',
+    defaultMessage: 'These are pre-built templates which you could use to customize your message content.',
+  },
+  sms: {
+    id: 'creatives.containersV2.TemplatesV2.sms',
+    defaultMessage: 'SMS',
+  },
+  email: {
+    id: 'creatives.containersV2.TemplatesV2.email',
+    defaultMessage: 'Email',
+  },
+  pushNotification: {
+    id: 'creatives.containersV2.TemplatesV2.pushNotification',
+    defaultMessage: 'Push notification',
+  },
+  callTask: {
+    id: 'creatives.containersV2.TemplatesV2.callTask',
+    defaultMessage: 'Call Task',
+  },
+  facebook: {
+    id: 'creatives.containersV2.TemplatesV2.facebook',
+    defaultMessage: 'Facebook',
+  },
+  gallery: {
+    id: 'creatives.containersV2.TemplatesV2.gallery',
+    defaultMessage: 'Gallery',
+  },
+  wechat: {
+    id: 'creatives.containersV2.TemplatesV2.wechat',
+    defaultMessage: 'Wechat',
+  },
+  line: {
+    id: 'creatives.containersV2.TemplatesV2.line',
+    defaultMessage: 'Line',
+  },
+});

package/v2Containers/TemplatesV2/selectors.js

@@ -1,25 +1,25 @@
-import { createSelector } from 'reselect';
-
-/**
- * Direct selector to the templatesV2 state domain
- */
-const selectTemplatesV2Domain = () => (state) => state.get('templatesV2');
-
-/**
- * Other specific selectors
- */
-
-
-/**
- * Default selector used by TemplatesV2
- */
-
-const makeSelectTemplatesV2 = () => createSelector(
-  selectTemplatesV2Domain(),
-  (substate) => substate.toJS()
-);
-
-export default makeSelectTemplatesV2;
-export {
-  selectTemplatesV2Domain,
-};
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the templatesV2 state domain
+ */
+const selectTemplatesV2Domain = () => (state) => state.get('templatesV2');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by TemplatesV2
+ */
+
+const makeSelectTemplatesV2 = () => createSelector(
+  selectTemplatesV2Domain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectTemplatesV2;
+export {
+  selectTemplatesV2Domain,
+};

package/v2Containers/TemplatesV2/tests/actions.test.js

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

package/v2Containers/TemplatesV2/tests/index.test.js

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

package/v2Containers/TemplatesV2/tests/reducer.test.js

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

package/v2Containers/TemplatesV2/tests/sagas.test.js

@@ -1,15 +1,15 @@
-/**
- * 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);
-  });
-});
+/**
+ * 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/v2Containers/TemplatesV2/tests/selectors.test.js

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

package/v2Components/BeeEditor/index.js

@@ -1,263 +0,0 @@
-/**
-*
-* Beeeditor
-*
-*/
-import React, { useEffect, useState, useRef, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
-import TagList from '../../v2Containers/TagList';
-import
-{
-  CapModal,
-  CapButton,
-  CapInput,
-  CapSelect,
-}
-from '@capillarytech/cap-ui-library';
-import messages from './messages';
-import './index.scss';
-
-function BeeEditor(props) {
-  const {
-    uid,
-    beeJson,
-    tokenData,
-    id,
-    location = {},
-    moduleFilterEnabled,
-    label,
-    className,
-    userLocale,
-    selectedOfferDetails,
-    tags,
-    injectedTags,
-    saveBeeInstance,
-    saveBeeData,
-    intl,
-    onContextChange,
-  } = props;
-  const {formatMessage} = intl;
-  const UNSUBSCRIBE = 'unsubscribe';
-  let beePluginInstance = null;
-  const categoryOptions = [{key: 'cta', value: 'cta', label: formatMessage(messages.cta)},
-  {key: 'footer', value: 'footer', label: formatMessage(messages.footer)},
-  {key: 'header', value: 'header', label: formatMessage(messages.header)},
-  {key: 'sp', value: 'sp', label: formatMessage(messages.socialPlatform)},
-  {key: 'others', value: 'others', label: formatMessage(messages.others)},
-  ];
-  const [visibleTaglist, setVisibleTaglist] = useState(false);
-  const [showRowMetaModal, setRowMetaModal] = useState(false);
-  const [selectedTag, setSelectedTag] = useState({});
-  const [rowMetaInfo, setRowMetaInfo] = useState({});
-  const [rowName, setRowName] = useState('');
-  const [rowCategory, setRowCategory] = useState('');
-
-  const savedCallback = useRef();
-  const filteredTags = (tags || []).filter((obj) => obj.definition.value !== UNSUBSCRIBE);
-  let intervalTimer;
-
-  useEffect(() => {
-    savedCallback.current = Object.keys(selectedTag).length > 0 ? selectedTag : rowMetaInfo;
-  }, [selectedTag, rowMetaInfo]);
-
-  useEffect(() => {
-    const beeConfig = {
-      uid,
-      container: 'bee-plugin-container',
-      rowsConfiguration: {
-        emptyRows: true,
-        defaultRows: true,
-      },
-      contentDialog: {
-        specialLinks: {
-          label: UNSUBSCRIBE,
-          handler(resolve) {
-            resolve({
-              type: 'custom',
-              label: UNSUBSCRIBE,
-              link: `{{${UNSUBSCRIBE}}}`,
-            });
-          },
-        },
-        mergeTags: {
-          label: formatMessage(messages.addLabel),
-          handler: async (resolve, reject) => {
-            // this will open tag modal
-            await setVisibleTaglist(true);
-            // until tag modal will not open promise will not execute
-            // once tag modal is opened it will start 2 sec interval to wait use has selected any tag or cancel the tag selection
-            const promise = new Promise((resolveP) => {
-              intervalTimer = setInterval(() => {
-                // this will execute, if user cancel the tag selection
-                if ((savedCallback.current || {}).close === true) {
-                  reject();
-                  clearInterval(intervalTimer);
-                  return;
-                }
-                // this block is checking use has selected any tag or not
-                if (Object.keys(savedCallback.current || {}).length > 0) {
-                  resolveP(savedCallback.current);
-                  setSelectedTag({});
-                  clearInterval(intervalTimer);
-                }
-              }, 2000);
-            });
-            // once prmise will resolve , pass the resolve data to handler to show tags in bee edior
-            const result = await promise;
-            resolve(result);
-          },
-        },
-        saveRow: {
-          handler: async (resolve, reject) => {
-            await setRowMetaModal(true);
-            const promise = new Promise((resolveP) => {
-              intervalTimer = setInterval(() => {
-                if ((savedCallback.current || {}).close === true) {
-                  reject();
-                  clearInterval(intervalTimer);
-                  setRowMetaInfo({});
-                  setRowName('');
-                  setRowCategory('');
-                  return;
-                }
-                if (Object.keys(savedCallback.current || {}).length > 0) {
-                  resolveP(savedCallback.current);
-                }
-              }, 2000);
-            });
-            const result = await promise;
-            resolve(result); // "done!"
-            setRowMetaInfo({});
-            setRowName('');
-            setRowCategory('');
-            clearInterval(intervalTimer);
-          },
-        },
-      },
-      onSave: (jsonFile, htmlFile) => {
-        saveBeeData(jsonFile, htmlFile);
-      },
-        // will use this function on save row feature
-      onSaveRow: (rowJSON) => {
-        console.log('bee-plugin-container onSaveRows', rowJSON);
-      },
-    };
-    window.BeePlugin.create(tokenData, beeConfig, (instance) => {
-      beePluginInstance = instance;
-      const parseJson = JSON.parse(beeJson);
-      beePluginInstance.start(parseJson);
-      saveBeeInstance(beePluginInstance);
-    });
-    return () => clearInterval(intervalTimer);
-  }, []);
-
-  const onTagSelect = (result) => {
-    const msg = {
-      name: result,
-      value: `{{${result}}}`,
-    };
-    setSelectedTag(msg);
-    setVisibleTaglist(false);
-  };
-
-  const onCancelTagList = () => {
-    setVisibleTaglist(false);
-    setSelectedTag({close: true});
-  };
-
-  const handleCancel = () => {
-    setRowMetaModal(false);
-    setRowMetaInfo({close: true});
-  };
-
-  const handleOk = () => {
-    const rowInfo = {};
-    if (rowCategory !== '') {
-      rowInfo.category = rowCategory;
-    }
-    setRowMetaInfo({
-      name: rowName,
-      ...rowInfo,
-    });
-    setRowMetaModal(false);
-  };
-  const isDisableSave = () => rowName === '';
-
-  const onRowChange = useCallback((e) => {
-    setRowName(e.target.value);
-  });
-  const onChangeCategoy = (e) => {
-    setRowCategory(e);
-  };
-  const contentSection = <>
-    <CapInput
-      label={<FormattedMessage {...messages.rowName} />}
-      placeholder={formatMessage(messages.rowPlaceHolder)}
-      onChange={onRowChange}
-      value={rowName}
-      maxLength={50}
-      style={{ width: '324px', paddingBottom: '16px' }}
-    />
-    <CapSelect
-      label="Category"
-      style={{ width: 250, paddingBottom: '16px'}}
-      options={categoryOptions}
-      selectPlaceholder={formatMessage(messages.select)}
-      placeholder={
-        <FormattedMessage {...messages.selectCategoyPlaceholder} />
-              }
-      onChange={onChangeCategoy}
-    />
-
-  </>;
-  return (
-    <>
-      <div id="bee-plugin-container" style={{ height: '500px'}}>
-      </div>
-      <TagList
-        moduleFilterEnabled={moduleFilterEnabled}
-        label={label}
-        onTagSelect={onTagSelect}
-        location={location}
-        tags={filteredTags}
-        injectedTags={injectedTags}
-        className={className}
-        id={id}
-        userLocale={userLocale}
-        selectedOfferDetails={selectedOfferDetails}
-        visibleTaglist={visibleTaglist}
-        hidePopover
-        modalProps={{
-          onCancel: onCancelTagList,
-          style: { left: 135, top: 250 },
-          className: "bee-editor-tag-list",
-        }}
-        onContextChange={onContextChange}
-      />
-      <CapModal
-        visible={showRowMetaModal}
-        onCancel={handleCancel}
-        title={formatMessage(messages.customRows)}
-        footer={[
-          <CapButton key="back" onClick={handleCancel}>{formatMessage(messages.cancel)}</CapButton>,
-          <CapButton key="submit" type="primary" id="delete-version" onClick={handleOk} disabled={isDisableSave()}>
-            {formatMessage(messages.save)}
-          </CapButton>,
-        ]}
-          >
-        {contentSection}
-      </CapModal>
-      </>
-  );
-}
-
-BeeEditor.propTypes = {
-  beeJson: PropTypes.object.isRequired,
-  tokenData: PropTypes.object.isRequired,
-  uid: PropTypes.string.isRequired,
-  showTagsPopover: PropTypes.func.isRequired,
-  intl: intlShape.isRequired,
-};
-
-export default injectIntl(BeeEditor);

package/v2Components/BeeEditor/index.scss

@@ -1,11 +0,0 @@
-.cap-modal-v2.bee-editor-tag-list {
-  .ant-modal-content {
-    .ant-modal-body {
-      padding-top: 20px;
-      padding-bottom: 10px;
-    }
-    .ant-modal-footer {
-      display: none;
-    }
-  }
-}

package/v2Components/BeeEditor/messages.js

@@ -1,71 +0,0 @@
-/*
- * BeeEditor Messages
- *
- * This contains all the text for the BeeEditor component.
- */
-import { defineMessages } from 'react-intl';
-
-const prefix = 'creatives.componentsV2.BeeEditor';
-
-export default defineMessages({
-  cancel: {
-    id: `${prefix}.cancel`,
-    defaultMessage: 'Cancel',
-  },
-  save: {
-    id: `${prefix}.save`,
-    defaultMessage: 'Save',
-  },
-  rowPlaceHolder: {
-    id: `${prefix}.rowPlaceHolder`,
-    defaultMessage: 'Enter Row name',
-  },
-  rowName: {
-    id: `${prefix}.rowName`,
-    defaultMessage: 'Row name',
-  },
-  select: {
-    id: `${prefix}.select`,
-    defaultMessage: 'Select',
-  },
-  customRows: {
-    id: `${prefix}.customRows`,
-    defaultMessage: 'Custom rows',
-  },
-  selectCategoyPlaceholder: {
-    id: `${prefix}.selectCategoyPlaceholder`,
-    defaultMessage: 'Select category',
-  },
-  tags: {
-    id: `${prefix}.tags`,
-    defaultMessage: 'Tags (optional)',
-  },
-  tagPlaceHolder: {
-    id: `${prefix}.tagPlaceHolder`,
-    defaultMessage: 'Enter tags',
-  },
-  addLabel: {
-    id: `${prefix}.addLabel`,
-    defaultMessage: 'Add label',
-  },
-  cta: {
-    id: `${prefix}.cta`,
-    defaultMessage: 'CTA',
-  },
-  header: {
-    id: `${prefix}.header`,
-    defaultMessage: 'Header',
-  },
-  footer: {
-    id: `${prefix}.footer`,
-    defaultMessage: 'Footer',
-  },
-  others: {
-    id: `${prefix}.others`,
-    defaultMessage: 'Others',
-  },
-  socialPlatform: {
-    id: `${prefix}.socialPlatform`,
-    defaultMessage: 'Social platform',
-  },
-});

package/v2Components/BeeEditor/tests/index.test.js

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