@capillarytech/creatives-library 8.0.24 → 8.0.25

package/v2Containers/TagList/tests/TagList.test.js

@@ -6,9 +6,10 @@ import { initialReducer } from '../../../initialReducer';
 import { injectIntl } from "react-intl";
 import { fireEvent } from "@testing-library/react";
 import { TagList } from '../index';
-import { TagListData } from './mockdata';
+import { TagListData, eventContextTags } from './mockdata';
 import { Provider } from 'react-redux';
 import { screen, render } from '../../../utils/test-utils';
+const { getByText } = screen;
 
 
 const initializeTagList = (props) => {
@@ -29,16 +30,26 @@ const initializeTagList = (props) => {
   );
 };
 
+const addLabelBtnAssertion = () => {
+  const addLabelButton = screen.getByRole('button', {
+    name: /add label/i
+  });
+  expect(addLabelButton).toBeInTheDocument();
+  fireEvent.click(addLabelButton);
+};
 
 describe("TagList test :  UNIT", () => {
   it("should render the TagList component with default props amd addLabel Button", async () => {
     initializeTagList();
-    
-    const addLabelButton = screen.getByRole('button', {
-        name: /add label/i
-    })
-    expect(addLabelButton).toBeInTheDocument();
-    
-    fireEvent.click(addLabelButton);
+    addLabelBtnAssertion();
+  });
+
+  it('should render event context tags correctly from generateTags', () => {
+    initializeTagList({eventContextTags});
+    addLabelBtnAssertion();
+    const EVENT_CONTEXT_TAG_HEADER = getByText('Tags based on entry trigger event');
+    expect(EVENT_CONTEXT_TAG_HEADER).toBeInTheDocument();
+    fireEvent.click(EVENT_CONTEXT_TAG_HEADER);
+    expect(getByText('lifetimePurchases')).toBeInTheDocument();
   });
 });

package/v2Containers/TagList/tests/mockdata.js

@@ -105,4 +105,62 @@ export const TagListData = {
     "actions": {},
     "globalActions": {},
     "isNewVersionFlow": false,
-}
+}
+
+export const eventContextTags = [
+    {
+        "profileId": "BEHAVIOURAL_EVENT_PROFILE",
+        "method": "getEventData",
+        "field": "butterfly",
+        "params": null,
+        "returnType": {
+            "isList": false,
+            "typeInfo": {
+                "type": "DOUBLE",
+                "typeId": null
+            },
+            "list": false
+        },
+        "factId": "getEventData_butterfly",
+        "tagName": "(butterfly)",
+        "isTaggable": true,
+        "uniqueId": "yW_DH7vjKk__BEHAVIOURAL__monsoon",
+        "isDynamicFact": true
+    },
+    {
+        "profileId": "BEHAVIOURAL_EVENT_PROFILE",
+        "method": "getEventData",
+        "field": "raindrops",
+        "params": null,
+        "returnType": {
+            "isList": false,
+            "typeInfo": {
+                "type": "DOUBLE",
+                "typeId": null
+            },
+            "list": false
+        },
+        "factId": "getEventData_raindrops",
+        "tagName": "",
+        "isTaggable": true,
+        "uniqueId": "yW_DH7vjKk__BEHAVIOURAL__monsoon",
+        "isDynamicFact": true
+    },
+    {
+        "factId": "5LFP9e",
+        "profileId": "CUSTOMER_PROFILE",
+        "params": [],
+        "returnType": {
+            "isList": false,
+            "typeInfo": {
+                "type": "DOUBLE",
+                "typeId": null
+            },
+            "list": false
+        },
+        "tagName": "lifetimePurchases",
+        "isTaggable": true,
+        "uniqueId": "yW_DH7vjKk__BEHAVIOURAL__monsoon",
+        "isDynamicFact": false
+    }
+];

package/v2Containers/Viber/index.js

@@ -75,6 +75,7 @@ export const Viber = (props) => {
     viberData = {},
     selectedOfferDetails = [],
     currentOrgDetails,
+    eventContextTags,
   } = props || {};
 
   const { formatMessage } = intl;
@@ -274,6 +275,7 @@ export const Viber = (props) => {
           id={"viber_tags"}
           userLocale={localStorage.getItem("jlocale") || "en"}
           selectedOfferDetails={selectedOfferDetails}
+          eventContextTags={eventContextTags}
         />
       </CapColumn>
       <div className="viber-textarea-wrapper">

package/v2Containers/Whatsapp/index.js

@@ -133,7 +133,8 @@ export const Whatsapp = (props) => {
     loadingTags,
     getFormData,
     selectedOfferDetails,
-    currentOrgDetails
+    currentOrgDetails,
+    eventContextTags,
   } = props || {};
   const { formatMessage } = intl;
   const { TextArea } = CapInput;
@@ -506,6 +507,7 @@ export const Whatsapp = (props) => {
           injectedTagsParams: injectedTags,
           location,
           tagModule: getDefaultTags,
+          eventContextTags,
         }) || {};
       const unsupportedTagsLengthCheck =
         validationResponse?.unsupportedTags?.length > 0;
@@ -2056,6 +2058,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 onContextChange={handleOnTagsContextChange}
                 injectedTags={injectedTags || {}}
                 selectedOfferDetails={selectedOfferDetails}
+                eventContextTags={eventContextTags}
               />
             )
           }

package/v2Containers/Zalo/index.js

@@ -70,6 +70,7 @@ export const Zalo = (props) => {
     getFormData,
     selectedOfferDetails,
     hostName: zaloHostName = '',
+    eventContextTags,
   } = props || {};
   const {hostName = zaloHostName || ''} = senderDetails;
   const { formatMessage } = intl;
@@ -260,6 +261,7 @@ export const Zalo = (props) => {
         injectedTagsParams: injectedTags,
         location,
         tagModule: getDefaultTags,
+        eventContextTags,
       }) || {};
     const { unsupportedTags = [], isBraceError } = tagValidationResponse;
     let tagError = '';
@@ -449,6 +451,7 @@ export const Zalo = (props) => {
                     injectedTags={injectedTags || {}}
                     selectedOfferDetails={selectedOfferDetails}
                     disabled={isFullMode}
+                    eventContextTags={eventContextTags}
                   />
                 }
               />

package/containers/TestPage/constants.js

@@ -1,7 +0,0 @@
-/*
- *
- * Dashboard constants
- *
- */
-
-export const DEFAULT_ACTION = 'app/containers/TestPage/DEFAULT_ACTION';

package/containers/TestPage/index.js

@@ -1,31 +0,0 @@
-
-import React from "react";
-import SmsTest from '../../components/SmsTest';
-
-export default class TestPage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
-  render() {
-    return (
-      <SmsTest />
-    );
-  }
-}
-
-// const schema = {
-//   title: "Todo",
-//   type: "object",
-//   required: ["title"],
-//   properties: {
-//     title: {type: "string", title: "Title", default: "A new task"},
-//     done: {type: "boolean", title: "Done?", default: false},
-//   },
-// };
-
-// const log = (type) => console.log.bind(console, type);
-
-// render((
-//   <div>
-//     <SmsTest
-//     />
-//   </div>
-// ), document.getElementById("app"));
-//export default TestPage;

package/containers/TestPage/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: 'creatives.components.TestPage.header',
-    defaultMessage: 'Looks like youas are lost!',
-  },
-});

package/containers/TestPage/reducer.js

@@ -1,21 +0,0 @@
-/*
- *
- * Dashboard reducer
- *
- */
-
-import { fromJS } from 'immutable';
-import { DEFAULT_ACTION } from './constants';
-
-const initialState = fromJS({});
-
-function TestPageReducer(state = initialState, action) {
-  switch (action.type) {
-    case DEFAULT_ACTION:
-      return state;
-    default:
-      return state;
-  }
-}
-
-export default TestPageReducer;

package/containers/TestPage/sagas.js

@@ -1,11 +0,0 @@
-// import { take, call, put, select } from 'redux-saga/effects';
-
-// Individual exports for testing
-export function* defaultSaga() {
-  // See example in containers/HomePage/sagas.js
-}
-
-// All sagas to be loaded
-export default [
-  defaultSaga,
-];

package/containers/Testv2/actions.js

@@ -1,15 +0,0 @@
-/*
- *
- * Testv2 actions
- *
- */
-
-import {
-  DEFAULT_ACTION,
-} from './constants';
-
-export function defaultAction() {
-  return {
-    type: DEFAULT_ACTION,
-  };
-}

package/containers/Testv2/constants.js

@@ -1,7 +0,0 @@
-/*
- *
- * Testv2 constants
- *
- */
-
-export const DEFAULT_ACTION = 'app/Testv2/DEFAULT_ACTION';

package/containers/Testv2/index.js

@@ -1,47 +0,0 @@
-/*
- *
- * Testv2
- *
- */
-
-import PropTypes from 'prop-types';
-
-import React from 'react';
-import { connect } from 'react-redux';
-import Helmet from 'react-helmet';
-import { FormattedMessage } from 'react-intl';
-import { createStructuredSelector } from 'reselect';
-import makeSelectTestv2 from './selectors';
-import messages from './messages';
-
-export class Testv2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
-  render() {
-    return (
-      <div>
-        <Helmet
-          title={<FormattedMessage {...messages.testv2} />}
-          meta={[
-            { name: 'description', content: <FormattedMessage {...messages.descriptionTestv2} /> },
-          ]}
-        />
-        <FormattedMessage {...messages.header} />
-      </div>
-    );
-  }
-}
-
-Testv2.propTypes = {
-  dispatch: PropTypes.func.isRequired,
-};
-
-const mapStateToProps = createStructuredSelector({
-  Testv2: makeSelectTestv2(),
-});
-
-function mapDispatchToProps(dispatch) {
-  return {
-    dispatch,
-  };
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(Testv2);

package/containers/Testv2/messages.js

@@ -1,21 +0,0 @@
-/*
- * Testv2 Messages
- *
- * This contains all the text for the Testv2 component.
- */
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  header: {
-    id: 'creatives.containers.Testv2.header',
-    defaultMessage: 'This is Testv2 container !',
-  },
-  testv2: {
-    id: 'creatives.containers.Testv2.testv2',
-    defaultMessage: 'Testv2',
-  },
-  descriptionTestv2: {
-    id: 'creatives.containers.Testv2.descriptionTestv2',
-    defaultMessage: 'Description of Testv2',
-  },
-});

package/containers/Testv2/reducer.js

@@ -1,23 +0,0 @@
-/*
- *
- * Testv2 reducer
- *
- */
-
-import { fromJS } from 'immutable';
-import {
-  DEFAULT_ACTION,
-} from './constants';
-
-const initialState = fromJS({});
-
-function testv2Reducer(state = initialState, action) {
-  switch (action.type) {
-    case DEFAULT_ACTION:
-      return state;
-    default:
-      return state;
-  }
-}
-
-export default testv2Reducer;

package/containers/Testv2/sagas.js

@@ -1,11 +0,0 @@
-// import { take, call, put, select } from 'redux-saga/effects';
-
-// Individual exports for testing
-export function* defaultSaga() {
-  // See example in containers/HomePage/sagas.js
-}
-
-// All sagas to be loaded
-export default [
-  defaultSaga,
-];

package/containers/Testv2/selectors.js

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

package/reducers.js

@@ -1,77 +0,0 @@
-/**
- * Combine all reducers in this file and export the combined reducers.
- * If we were to do this in store.js, reducers wouldn't be hot reloadable.
- */
-
-import { combineReducers } from 'redux-immutable';
-import { fromJS } from 'immutable';
-import { LOCATION_CHANGE } from 'react-router-redux';
-
-import languageProviderReducer from 'v2Containers/LanguageProvider/reducer';
-import beeEditorReducer from 'v2Containers/BeeEditor/reducer';
-import CapFacebookPreviewReducer from 'v2Containers/CapFacebookPreview/reducer';
-
-import capReducer from 'containers/Cap/reducer';
-import appReducer from 'containers/App/reducer';
-import createSmsReducer from 'containers/Sms/Create/reducer';
-import editSmsReducer from 'containers/Sms/Edit/reducer';
-import templateReducer from 'containers/Templates/reducer';
-import tagsReducer from 'containers/TagList/reducer';
-import emailReducer from 'containers/Email/reducer';
-import ebillReducer from 'containers/Ebill/reducer';
-import ftpReducer from 'v2Containers/FTP/reducer';
-import galleryReducer from './v2Containers/Assets/Gallery/reducer';
-import { AIRA_REDUCER_DOMAIN, askAiraReducer } from '@capillarytech/cap-ui-library/CapAskAira';
-import CapCollapsibleLeftNavigationReducer from '@capillarytech/cap-ui-library/CapCollapsibleLeftNavigation/reducer';
-/*
- * routeReducer
- *
- * The reducer merges route location changes into our immutable state.
- * The change is necessitated by moving to react-router-redux@4
- *
- */
-
-// Initial routing state
-const routeInitialState = fromJS({
-  locationBeforeTransitions: null,
-});
-
-/**
- * Merge route into the global application state
- */
-function routeReducer(state = routeInitialState, action) {
-  switch (action.type) {
-    /* istanbul ignore next */
-    case LOCATION_CHANGE:
-      return state.merge({
-        locationBeforeTransitions: action.payload,
-      });
-    default:
-      return state;
-  }
-}
-
-/**
- * Creates the main reducer with the asynchronously loaded ones
- */
-export default function createReducer(asyncReducers) {
-  return combineReducers({
-    route: routeReducer,
-    language: languageProviderReducer,
-    cap: capReducer,
-    app: appReducer,
-    create: createSmsReducer,
-    edit: editSmsReducer,
-    templates: templateReducer,
-    tagList: tagsReducer,
-    email: emailReducer,
-    ebill: ebillReducer,
-    beeEditor: beeEditorReducer,
-    facebookPreview: CapFacebookPreviewReducer,
-    FTP: ftpReducer,
-    gallery: galleryReducer,
-    navigationConfig: CapCollapsibleLeftNavigationReducer,
-    [AIRA_REDUCER_DOMAIN]: askAiraReducer,
-    ...asyncReducers,
-  });
-}

package/store.js

@@ -1,61 +0,0 @@
-/**
- * Create the store with asynchronously loaded reducers
- */
-
-import { createStore, applyMiddleware, compose } from 'redux';
-import { fromJS } from 'immutable';
-import { routerMiddleware } from 'react-router-redux';
-import createSagaMiddleware from 'redux-saga';
-// import { createMiddleware } from 'redux-beacon';
-// import { logger } from 'redux-beacon/extensions/logger';
-// import { GoogleTagManager } from 'redux-beacon/targets/google-tag-manager';
-import createReducer from './reducers';
-// import eventsMap from './gtm/eventDefinitionsMap';
-
-const sagaMiddleware = createSagaMiddleware();
-// const gtmMiddleware = createMiddleware(eventsMap, GoogleTagManager());
-
-export default function configureStore(initialState = {}, history) {
-  const middlewares = [
-    sagaMiddleware,
-    routerMiddleware(history),
-  ];
-
-  const enhancers = [
-    applyMiddleware(...middlewares),
-  ];
-
-  // If Redux DevTools Extension is installed use it, otherwise use Redux compose
-  /* eslint-disable no-underscore-dangle */
-  const composeEnhancers =
-    process.env.NODE_ENV !== 'production' &&
-    typeof window === 'object' &&
-    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
-      window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : compose;
-  /* eslint-enable */
-
-  const store = createStore(
-    createReducer(),
-    fromJS(initialState),
-    composeEnhancers(...enhancers)
-  );
-
-  // Extensions
-  store.runSaga = sagaMiddleware.run;
-  store.asyncReducers = {}; // Async reducer registry
-
-  // Make reducers hot reloadable, see http://mxs.is/googmo
-  /* istanbul ignore next */
-  if (module.hot) {
-    module.hot.accept('./reducers', () => {
-      import('./reducers').then((reducerModule) => {
-        const createReducers = reducerModule.default;
-        const nextReducers = createReducers(store.asyncReducers);
-
-        store.replaceReducer(nextReducers);
-      });
-    });
-  }
-
-  return store;
-}