@capillarytech/creatives-library 7.17.22 → 7.17.24

package/v2Containers/Sms/Create/tests/sagas.test.js

@@ -0,0 +1,82 @@
+import { expectSaga } from "redux-saga-test-plan";
+import { take, cancel, takeLatest } from "redux-saga/effects";
+import * as matchers from "redux-saga-test-plan/matchers";
+import { LOCATION_CHANGE } from "react-router-redux";
+import { throwError } from "redux-saga-test-plan/providers";
+import { createMockTask } from "redux-saga/utils";
+import * as types from "../constants";
+import { watchAiSuggestions, getAiSuggestions } from "../sagas";
+import * as Api from "../../../../services/api";
+
+describe("getAiSuggestions saga", () => {
+  it("Should handle valid response from api", () => {
+    const successCallback = () => {};
+    const failureCallback = () => {};
+    const action = {
+      type: types.GET_AI_SUGGESTIONS,
+      prompt: {},
+      successCallback,
+      failureCallback,
+    };
+    expectSaga(getAiSuggestions, action)
+      .provide([
+        [
+          matchers.call.fn(Api.getAiSuggestions),
+          {
+            success: true,
+            status: {
+              isError: false,
+              code: 200,
+              message: "success",
+            },
+            message: "Meta data fetched successfully",
+            response: {
+              "https://response.com": 1400,
+            },
+          },
+        ],
+        [matchers.call.fn(successCallback)],
+      ])
+      .run();
+  });
+
+  it("Should handles error thrown from api", () => {
+    const successCallback = () => {};
+    const failureCallback = () => {};
+    const action = {
+      type: types.GET_AI_SUGGESTIONS,
+      prompt: {},
+      successCallback,
+      failureCallback,
+    };
+    expectSaga(getAiSuggestions, action)
+      .provide([[matchers.call.fn(Api.getAiSuggestions), throwError()]])
+      .run();
+  });
+});
+
+describe("watchAiSuggestions saga", () => {
+  let generator = null;
+  beforeEach(() => {
+    generator = watchAiSuggestions();
+  });
+  it("Should handle valid response from api", () => {
+    const progress1 = generator.next();
+    const mockTask = takeLatest(types.GET_AI_SUGGESTIONS, getAiSuggestions);
+    expect(progress1.value).toEqual(mockTask);
+    const progress2 = generator.next();
+    expect(progress2.value).toEqual(take(LOCATION_CHANGE));
+  });
+
+  it("Should handle LOCATION_CHANGE action and cancel the watcher", () => {
+    generator = watchAiSuggestions();
+    const mockTask = createMockTask();
+
+    expect(generator.next().value).toEqual(
+      takeLatest(types.GET_AI_SUGGESTIONS, getAiSuggestions)
+    );
+    expect(generator.next(mockTask).value).toEqual(take(LOCATION_CHANGE));
+    expect(generator.next().value).toEqual(cancel(mockTask));
+    expect(generator.next().done).toEqual(true);
+  });
+});

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -3134,7 +3134,7 @@ FREE GIFTS-
                                 key=".0"
                                 size="regular"
                                 suffix={
-                                  <Connect(UserIsAuthenticated(Connect(TagList)))
+                                  <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                     hidePopover={false}
                                     injectedTags={Object {}}
                                     location={
@@ -3173,7 +3173,7 @@ FREE GIFTS-
                                         />
                                       </CapHeading>
                                     </div>
-                                    <Connect(UserIsAuthenticated(Connect(TagList)))
+                                    <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                       hidePopover={false}
                                       injectedTags={Object {}}
                                       location={
@@ -3190,7 +3190,7 @@ FREE GIFTS-
                                       onTagSelect={[Function]}
                                       tags={Array []}
                                     >
-                                      <UserIsAuthenticated(Connect(TagList))
+                                      <UserIsAuthenticated(Connect(InjectIntl(TagList)))
                                         authData={
                                           Object {
                                             "app": Object {},
@@ -3233,7 +3233,7 @@ FREE GIFTS-
                                         redirect={[Function]}
                                         tags={Array []}
                                       />
-                                    </Connect(UserIsAuthenticated(Connect(TagList)))>
+                                    </Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))>
                                   </div>
                                 </CapHeader__Flex>
                               </CapHeader>
@@ -10463,7 +10463,7 @@ FREE GIFTS-
                                 key=".0"
                                 size="regular"
                                 suffix={
-                                  <Connect(UserIsAuthenticated(Connect(TagList)))
+                                  <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                     hidePopover={false}
                                     injectedTags={Object {}}
                                     location={
@@ -10502,7 +10502,7 @@ FREE GIFTS-
                                         />
                                       </CapHeading>
                                     </div>
-                                    <Connect(UserIsAuthenticated(Connect(TagList)))
+                                    <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                       hidePopover={false}
                                       injectedTags={Object {}}
                                       location={
@@ -10519,7 +10519,7 @@ FREE GIFTS-
                                       onTagSelect={[Function]}
                                       tags={Array []}
                                     >
-                                      <UserIsAuthenticated(Connect(TagList))
+                                      <UserIsAuthenticated(Connect(InjectIntl(TagList)))
                                         authData={
                                           Object {
                                             "app": Object {},
@@ -10562,7 +10562,7 @@ FREE GIFTS-
                                         redirect={[Function]}
                                         tags={Array []}
                                       />
-                                    </Connect(UserIsAuthenticated(Connect(TagList)))>
+                                    </Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))>
                                   </div>
                                 </CapHeader__Flex>
                               </CapHeader>
@@ -18212,7 +18212,7 @@ FREE GIFTS-
                                 key=".0"
                                 size="regular"
                                 suffix={
-                                  <Connect(UserIsAuthenticated(Connect(TagList)))
+                                  <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                     hidePopover={false}
                                     injectedTags={Object {}}
                                     location={
@@ -18251,7 +18251,7 @@ FREE GIFTS-
                                         />
                                       </CapHeading>
                                     </div>
-                                    <Connect(UserIsAuthenticated(Connect(TagList)))
+                                    <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                       hidePopover={false}
                                       injectedTags={Object {}}
                                       location={
@@ -18268,7 +18268,7 @@ FREE GIFTS-
                                       onTagSelect={[Function]}
                                       tags={Array []}
                                     >
-                                      <UserIsAuthenticated(Connect(TagList))
+                                      <UserIsAuthenticated(Connect(InjectIntl(TagList)))
                                         authData={
                                           Object {
                                             "app": Object {},
@@ -18311,7 +18311,7 @@ FREE GIFTS-
                                         redirect={[Function]}
                                         tags={Array []}
                                       />
-                                    </Connect(UserIsAuthenticated(Connect(TagList)))>
+                                    </Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))>
                                   </div>
                                 </CapHeader__Flex>
                               </CapHeader>
@@ -26070,7 +26070,7 @@ FREE GIFTS-
                                 key=".0"
                                 size="regular"
                                 suffix={
-                                  <Connect(UserIsAuthenticated(Connect(TagList)))
+                                  <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                     hidePopover={false}
                                     injectedTags={Object {}}
                                     location={
@@ -26109,7 +26109,7 @@ FREE GIFTS-
                                         />
                                       </CapHeading>
                                     </div>
-                                    <Connect(UserIsAuthenticated(Connect(TagList)))
+                                    <Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))
                                       hidePopover={false}
                                       injectedTags={Object {}}
                                       location={
@@ -26126,7 +26126,7 @@ FREE GIFTS-
                                       onTagSelect={[Function]}
                                       tags={Array []}
                                     >
-                                      <UserIsAuthenticated(Connect(TagList))
+                                      <UserIsAuthenticated(Connect(InjectIntl(TagList)))
                                         authData={
                                           Object {
                                             "app": Object {},
@@ -26169,7 +26169,7 @@ FREE GIFTS-
                                         redirect={[Function]}
                                         tags={Array []}
                                       />
-                                    </Connect(UserIsAuthenticated(Connect(TagList)))>
+                                    </Connect(UserIsAuthenticated(Connect(InjectIntl(TagList))))>
                                   </div>
                                 </CapHeader__Flex>
                               </CapHeader>

package/v2Containers/TagList/index.js

@@ -21,12 +21,16 @@ import CapTagList from '../../v2Components/CapTagList';
 import './_tagList.scss';
 import { selectCurrentOrgDetails } from '../Cap/selectors';
 const TreeNode = Tree.TreeNode;
+import { injectIntl } from 'react-intl';
+import { scope } from './messages';
+import { handleInjectedData } from '../../utils/common';
 
 export class TagList extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
     this.state = {
       loading: false,
+      tags: []
     };
     this.renderTags = this.renderTags.bind(this);
     this.populateTags = this.populateTags.bind(this);
@@ -39,6 +43,34 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     
   }
 
+  componentDidUpdate(prevProps) {
+    if (this.props.tags !== prevProps.tags || this.props.injectedTags !== prevProps.injectedTags || this.props.selectedOfferDetails !== prevProps.selectedOfferDetails) {
+      this.setState({
+        tags: this.generateTags(this.props),
+      });
+    }
+  }
+
+  generateTags(props) {
+    let tags = {};
+    let injectedTags = {};
+    if (props.injectedTags && !_.isEmpty(props.injectedTags)) {
+      const formattedInjectedTags = handleInjectedData(
+        props.injectedTags,
+        scope
+      );
+      injectedTags = this.transformInjectedTags(formattedInjectedTags);
+    }
+    if (props.tags && props.tags.length > 0) {
+      tags = this.populateTags(props.tags);
+      console.log('populating tags', Object.keys(tags || {}).length);
+    }
+    if (props.selectedOfferDetails && !_.isEmpty(props.selectedOfferDetails) && (tags && tags.coupon)) {
+      this.transformCouponTags(props.selectedOfferDetails, tags);
+    }
+    return _.merge( {}, tags, injectedTags);
+  }
+
   componentWillReceiveProps(nextProps) {
     if (_.isEmpty(this.props.injectedTags) && _.isEmpty(this.props.tags)) {
       this.setState({loading: true});
@@ -51,6 +83,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       
       this.setState({loading: false});
     }
+
   }
 
   onSelect = (selectedKeys) => {
@@ -73,11 +106,11 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     //Form tags object with tag headers
     _.forEach(tagsList, (temp) => {
       const tag = temp.definition;
-      const { userLocale } = this.props;
+      const { locale : userLocale } = this.props.intl;
       if (!tag['tag-header']) {
         mainTags[tag.value] = {
-          name: tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
-          desc: tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
+          "name": tag?.label[userLocale] ? tag?.label[userLocale] : tag?.label?.en,
+          "desc": tag?.label[userLocale] ? tag?.label[userLocale] : tag?.label?.en,
         };
       } else if (tag['tag-header'] && mainTags[tag.value]) {
         mainTags[tag.value].subtags = _.concat(mainTags[tag.value].subtags, tag.subtags);
@@ -85,8 +118,8 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         // 
         mainTags[tag.value] = {
           'tag-header': true,
-          "name": tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
-          "desc": tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
+          "name": tag?.label[userLocale] ? tag?.label[userLocale] : tag?.label?.en,
+          "desc": tag?.label[userLocale] ? tag?.label[userLocale] : tag?.label?.en,
           "subtags": tag.subtags,
         };
       }
@@ -222,26 +255,11 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   }
 
   render() {
-    let tags = {};
-    let injectedTags = {};
-    if (this.props.injectedTags && !_.isEmpty(this.props.injectedTags)) {
-      injectedTags = this.transformInjectedTags(this.props.injectedTags);
-      
-    }
-    if (this.props.tags && this.props.tags.length > 0) {
-      tags = this.populateTags(this.props.tags);
-      console.log('populating tags', Object.keys(tags || {}).length);
-    }
-    if (this.props.selectedOfferDetails && !_.isEmpty(this.props.selectedOfferDetails) && (tags && tags.coupon)) {
-      this.transformCouponTags(this.props.selectedOfferDetails, tags);
-    }
-    tags = _.merge( {}, tags, injectedTags);
-    console.log('merged tags', Object.keys(tags || {}).length);
     return (
       <div className={this.props.className ? this.props.className : ''}>
         <CapTagList
           loading={this.state.loading}
-          tags={tags}
+          tags={this.state.tags}
           onSelect={this.onSelect}
           label={this.props.label}
           visibleTaglist={this.props.visibleTaglist}
@@ -291,4 +309,4 @@ function mapDispatchToProps(dispatch) {
   };
 }
 
-export default UserIsAuthenticated(connect(mapStateToProps, mapDispatchToProps)(TagList));
+export default UserIsAuthenticated(connect(mapStateToProps, mapDispatchToProps)(injectIntl(TagList)));

package/v2Containers/TagList/messages.js

@@ -4,10 +4,11 @@
  * This contains all the text for the TagList component.
  */
 import { defineMessages } from 'react-intl';
+export const scope = `creatives.containersV2.TagList`;
 
 export default defineMessages({
   header: {
-    id: 'creatives.containersV2.TagList.header',
+    id: `${scope}.header`,
     defaultMessage: 'This is TagList container !',
   },
 });

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import "@testing-library/jest-dom";
+import configureStore from "../../../store";
+import { injectIntl } from "react-intl";
+import { fireEvent } from "@testing-library/react";
+import { TagList } from '../index';
+import { TagListData } from './mockdata';
+import { Provider } from 'react-redux';
+import { screen, render } from '../../../utils/test-utils';
+
+
+const initializeTagList = (props) => {
+  const store = configureStore({}, null);
+  const Component = injectIntl(TagList);
+
+  const propsObj = {
+    ...TagListData,
+    onTagSelect: jest.fn(),
+    ...props,
+  };
+
+  return render(
+    <Provider store={store}>
+      <Component {...propsObj} />
+    </Provider>
+  );
+};
+
+
+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);
+  });
+});

package/v2Containers/TagList/tests/mockdata.js

@@ -0,0 +1,108 @@
+export const TagListData = {
+    tags : [
+        {
+            "_id": "5a291cdd85c3db29a2041e5a",
+            "type": "TAG",
+            "definition": {
+                "label": {
+                    "en": "Optout",
+                    "ja-JP": "撤回"
+                },
+                "value": "optout",
+                "subtags": [],
+                "tag-header": false,
+                "supportedModules": [
+                    {
+                        "context": "journey",
+                        "layout": "sms",
+                        "mandatory": false
+                    },
+                    {
+                        "context": "outbound",
+                        "layout": "sms",
+                        "mandatory": false
+                    },
+                    {
+                        "context": "default",
+                        "layout": "sms",
+                        "mandatory": false
+                    },
+                    {
+                        "context": "coupon_expiry",
+                        "layout": "sms",
+                        "mandatory": false
+                    },
+                    {
+                        "context": "coupons",
+                        "layout": "sms",
+                        "mandatory": false
+                    }
+                ]
+            },
+            "scope": {
+                "tag": "STANDARD",
+                "orgId": -1,
+                "verticals": []
+            },
+            "isActive": true,
+            "createdBy": 4,
+            "updatedBy": 15000449,
+            "createdAt": "2017-12-07T10:50:05.800Z",
+            "updatedAt": "2018-01-22T11:43:05.611Z"
+        },
+    ],
+    injectedTags : {
+        "dummys": {
+            "name": "dummys",
+            "subtags": {
+                "custom_field.age_group": {
+                    "name": "age_group",
+                    "desc": "age_group"
+                },
+            },
+            "tag-header": true
+        },
+        "Registration custom fields": {
+            "name": "Registration custom fields",
+            "subtags": {
+                "custom_field.age_group": {
+                    "name": "age_group",
+                    "desc": "age_group"
+                },
+            },
+            "tag-header": true
+        },
+        "Customer extended fields": {
+            "name": "Customer extended fields",
+            "subtags": {
+                "extended_field.gender": {
+                    "name": "gender",
+                    "desc": "Gender"
+                },
+                "extended_field.marital_status": {
+                    "name": "marital_status",
+                    "desc": "Marital Status",
+                },
+            },
+            "tag-header": true
+        }
+    },
+    "authData": {},
+    "moduleFilterEnabled": true,
+    "label": "Add label",
+    "location": {
+        "pathname": "/sms/edit",
+        "query": {
+            "type": false,
+            "module": "default"
+        },
+        "search": ""
+    },
+    "className": "add-label",
+    "id": "tagList",
+    "userLocale": "en",
+    "TagList": {},
+    "actions": {},
+    "globalActions": {},
+    "isNewVersionFlow": false,
+}

package/v2Containers/TemplatesV2/index.js

@@ -29,7 +29,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, HIDE_FOR_JP_LOCALE } from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, HIDE_ENGAGEMENT_CHANNELS } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 import { selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
@@ -119,8 +119,8 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     const { accessibleFeatures = [] } = currentOrgDetails || {};
     // This data will be available when it will be accessed in library mode
     const { currentOrgDetails: { accessibleFeatures: libModeAccessibleFeatures = [] } = {} } = cap || {};
-    const hideEngagementChannel = accessibleFeatures.includes(HIDE_FOR_JP_LOCALE) || libModeAccessibleFeatures.includes(HIDE_FOR_JP_LOCALE);
-    // Show only line and email channel content with both channel tabs if the HIDE_FOR_JP_LOCALE feature is enabled;
+    const hideEngagementChannel = accessibleFeatures.includes(HIDE_ENGAGEMENT_CHANNELS) || libModeAccessibleFeatures.includes(HIDE_ENGAGEMENT_CHANNELS);
+    // Show only line and email channel content with both channel tabs if the HIDE_ENGAGEMENT_CHANNELS feature is enabled;
     filteredPanes = hideEngagementChannel ? filteredPanes?.filter((pane) => [EMAIL, LINE, ASSETS].includes(pane?.key) && pane) : filteredPanes;
     defaultChannel = hideEngagementChannel ? EMAIL : defaultChannel;
 

package/v2Containers/TemplatesV2/tests/mockData.js

@@ -599,7 +599,7 @@ export const authData = {
       "ENABLE_PRODUCT_SUPPORT_VIDEOS",
       "ENABLE_RANDOM_COUPON_CODE",
       "HIDE_DEFAULT_EMAIL_TEMPLATES",
-      "HIDE_FOR_JP_LOCALE",
+      "HIDE_ENGAGEMENT_CHANNELS",
     ],
     org_loyalty_v2_status: true,
     module_details: [
@@ -680,6 +680,6 @@ export const currentOrgDetails = {
     "JOURNEY_UI",
     "LOYALTY_PROMOTION_ENABLED",
     "HIDE_DEFAULT_EMAIL_TEMPLATES",
-    "HIDE_FOR_JP_LOCALE",
+    "HIDE_ENGAGEMENT_CHANNELS",
   ],
 };