@capillarytech/creatives-library 8.0.338 → 8.0.339

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

@@ -5,34 +5,28 @@ import { initialReducer } from '../../../initialReducer';
 import { injectIntl } from "react-intl";
 import { fireEvent } from "@testing-library/react";
 import { TagList } from '../index';
-import { TagListData, eventContextTags, waitEventContextTags } from './mockdata';
-import { OfferTag, badgesTags, offer } from '../../../utils/tests/common.mockdata';
-import * as commonUtils from "../../../utils/common";
+import { TagListData, eventContextTags } from './mockdata';
 import { Provider } from 'react-redux';
 import { screen, render } from '../../../utils/test-utils';
 import history from '../../../utils/history';
 const { getByText, queryByText } = screen;
 
-const buildProps = (props = {}) => ({
-  ...TagListData,
-  onTagSelect: jest.fn(),
-  ...props,
-});
 
-const initializeTagList = (props = {}) => {
+const initializeTagList = (props) => {
   const store = configureStore({}, initialReducer, history);
   const Component = injectIntl(TagList);
-  const propsObj = buildProps(props);
-  return {
-    ...render(
-      <Provider store={store}>
-        <Component {...propsObj} />
-      </Provider>
-    ),
-    store,
-    Component,
-    propsObj,
+
+  const propsObj = {
+    ...TagListData,
+    onTagSelect: jest.fn(),
+    ...props,
   };
+
+  return render(
+    <Provider store={store}>
+      <Component {...propsObj} />
+    </Provider>
+  );
 };
 
 const addLabelBtnAssertion = () => {
@@ -47,117 +41,19 @@ describe("TagList test :  UNIT", () => {
     addLabelBtnAssertion();
   });
 
-  it('should render event context tag section from generateTags', () => {
-    initializeTagList({ eventContextTags, moduleFilterEnabled: false });
+  it('should render event context tags correctly from generateTags and show tags under profile', () => {
+    initializeTagList({eventContextTags});
     addLabelBtnAssertion();
     const EVENT_CONTEXT_TAG_HEADER = getByText(/Entry event/i);
     expect(EVENT_CONTEXT_TAG_HEADER).toBeInTheDocument();
+    fireEvent.click(EVENT_CONTEXT_TAG_HEADER);
+    // Customer profile tags
+    const CUSTOMER_PROFILE = getByText(/Current Customer/i);
+    fireEvent.click(CUSTOMER_PROFILE);
+    expect(getByText(/lifetimePurchases/i)).toBeInTheDocument();
 
     // Behavioural event profile tags should not be visible as label and profile name is not present
     const BEHAVIOURAL_EVENT_PROFILE = queryByText(/Behavioural event/i);
     expect(BEHAVIOURAL_EVENT_PROFILE).not.toBeInTheDocument();
   });
-
-  it('should render wait event context section when waitEventContextTags is provided', () => {
-    initializeTagList({ waitEventContextTags, moduleFilterEnabled: false });
-    addLabelBtnAssertion();
-    const WAIT_EVENT_HEADER = getByText(/Order Placed \(Wait Block\)/i);
-    expect(WAIT_EVENT_HEADER).toBeInTheDocument();
-  });
-
-  it('should merge empty waitEventContextTags with entry event tags', () => {
-    initializeTagList({ eventContextTags, waitEventContextTags: {}, moduleFilterEnabled: false });
-    addLabelBtnAssertion();
-    expect(getByText(/Entry event/i)).toBeInTheDocument();
-  });
-
-  it('calls parent onContextChange with Outbound when tags and injectedTags are empty on popover open', () => {
-    const onContextChange = jest.fn();
-    initializeTagList({
-      tags: [],
-      injectedTags: {},
-      onContextChange,
-      onTagSelect: jest.fn(),
-    });
-    // Default fetch is triggered when the Add Label popover opens (not on mount)
-    addLabelBtnAssertion();
-    expect(onContextChange).toHaveBeenCalledWith('Outbound');
-  });
-
-  it('applies fetchingSchemaError from props via componentWillReceiveProps', () => {
-    const { rerender, Component, propsObj, store } = initializeTagList({ fetchingSchemaError: false });
-    addLabelBtnAssertion();
-    rerender(
-      <Provider store={store}>
-        <Component {...propsObj} fetchingSchemaError />
-      </Provider>
-    );
-    expect(screen.getByText(/add label/i)).toBeInTheDocument();
-  });
-
-  it('disables Add label when restrictPersonalization is true', () => {
-    initializeTagList({
-      restrictPersonalization: true,
-      disabled: false,
-      moduleFilterEnabled: false,
-    });
-    const btn = screen.getByText(/add label/i).closest('button');
-    expect(btn).toBeDisabled();
-  });
-
-  it('calls transformCouponTags when selectedOfferDetails and coupon tags are present', () => {
-    const spy = jest.spyOn(TagList.prototype, 'transformCouponTags');
-    initializeTagList({
-      tags: OfferTag,
-      injectedTags: {},
-      selectedOfferDetails: [{ id: 'c1', couponName: 'Promo Coupon', couponSeriesId: 'c1' }],
-      moduleFilterEnabled: false,
-    });
-    expect(spy).toHaveBeenCalled();
-    spy.mockRestore();
-  });
-
-  it('calls transformBadgeTags from common when badge offer and Badge tags are present', () => {
-    const spy = jest.spyOn(commonUtils, 'transformBadgeTags');
-    initializeTagList({
-      tags: badgesTags,
-      injectedTags: {},
-      selectedOfferDetails: offer,
-      moduleFilterEnabled: false,
-    });
-    expect(spy).toHaveBeenCalled();
-    spy.mockRestore();
-  });
-
-  it('unmounts without throwing', () => {
-    const { unmount } = initializeTagList();
-    expect(() => unmount()).not.toThrow();
-  });
-
-  it('regenerates tags when props.tags change (componentDidUpdate)', () => {
-    const { rerender, Component, store } = initializeTagList({ tags: TagListData.tags });
-    const extra = [
-      ...TagListData.tags,
-      {
-        _id: 'extra-tag',
-        type: 'TAG',
-        definition: {
-          label: { en: 'Extra' },
-          value: 'extra_value',
-          subtags: [],
-          'tag-header': false,
-          supportedModules: [{ context: 'default', layout: 'sms', mandatory: false }],
-        },
-        scope: { tag: 'STANDARD', orgId: -1, verticals: [] },
-        isActive: true,
-      },
-    ];
-    rerender(
-      <Provider store={store}>
-        <Component {...buildProps({ tags: extra })} />
-      </Provider>
-    );
-    addLabelBtnAssertion();
-    expect(screen.getByText(/add label/i)).toBeInTheDocument();
-  });
 });

package/v2Containers/TagList/tests/mockdata.js

@@ -149,20 +149,3 @@ export const eventContextTags = [
         "isDynamicFact": false
     }
 ];
-
-export const waitEventContextTags = {
-  block1: {
-    eventName: 'Order Placed',
-    blockName: 'Wait Block',
-    tags: [
-      {
-        tagName: 'waitEvent.orderId',
-        label: 'Order ID',
-        profileId: 'ORDER_PROFILE',
-        profileName: 'Order Profile',
-        blockName: 'Wait Block',
-        eventName: 'Order Placed',
-      },
-    ],
-  },
-};

package/v2Containers/Viber/index.js

@@ -82,7 +82,6 @@ export const Viber = (props) => {
     viberData = {},
     selectedOfferDetails = [],
     eventContextTags,
-    waitEventContextTags,
     // TestAndPreviewSlidebox props
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
     handleTestAndPreview: propsHandleTestAndPreview,
@@ -288,7 +287,6 @@ export const Viber = (props) => {
           userLocale={localStorage.getItem("jlocale") || "en"}
           selectedOfferDetails={selectedOfferDetails}
           eventContextTags={eventContextTags}
-          waitEventContextTags={waitEventContextTags}
         />
       </CapColumn>
       <div className="viber-textarea-wrapper">
@@ -594,7 +592,6 @@ export const Viber = (props) => {
         userLocale={localStorage.getItem("jlocale") || "en"}
         selectedOfferDetails={selectedOfferDetails}
         eventContextTags={eventContextTags}
-        waitEventContextTags={waitEventContextTags}
       />
       <CapColumn className="cta-actions">
         <CapButton

package/v2Containers/WebPush/Create/hooks/useTagManagement.js

@@ -22,6 +22,8 @@ export const useTagManagement = ({
   metaEntities,
   getDefaultTags,
   supportedTags = EMPTY_ARRAY,
+  injectedTags,
+  eventContextTags = EMPTY_ARRAY,
 }) => {
   const [tags, setTags] = useState([]);
   const tagFetchKeyRef = useRef(null);

package/v2Containers/WebPush/Create/index.js

@@ -84,7 +84,6 @@ const MemoizedTagList = memo(({
   injectedTags,
   selectedOfferDetails,
   eventContextTags,
-  waitEventContextTags,
   forwardedTags,
   onTagSelect,
   restrictPersonalization = false,
@@ -100,7 +99,6 @@ const MemoizedTagList = memo(({
     injectedTags={injectedTags}
     selectedOfferDetails={selectedOfferDetails}
     eventContextTags={eventContextTags}
-    waitEventContextTags={waitEventContextTags}
     forwardedTags={forwardedTags}
     onTagSelect={onTagSelect}
     restrictPersonalization={restrictPersonalization}
@@ -118,7 +116,6 @@ const MemoizedTagList = memo(({
     && prevProps.injectedTags === nextProps.injectedTags
     && prevProps.selectedOfferDetails === nextProps.selectedOfferDetails
     && prevProps.eventContextTags === nextProps.eventContextTags
-    && prevProps.waitEventContextTags === nextProps.waitEventContextTags
     && prevProps.forwardedTags === nextProps.forwardedTags
     && prevProps.onTagSelect === nextProps.onTagSelect
     && prevProps.restrictPersonalization === nextProps.restrictPersonalization
@@ -155,7 +152,6 @@ const WebPushCreate = ({
   forwardedTags,
   selectedOfferDetails = [],
   eventContextTags = [],
-  waitEventContextTags = {},
   templateActions: templateActionsProps,
   Templates,
   restrictPersonalization = false,
@@ -236,7 +232,6 @@ const WebPushCreate = ({
     supportedTags: memoizedSupportedTags,
     injectedTags,
     eventContextTags,
-    waitEventContextTags,
   });
   const { tags, handleOnTagsContextChange, validationConfig } = tagState;
   const { weCrmAccounts } = Templates;
@@ -842,13 +837,12 @@ const WebPushCreate = ({
       injectedTags,
       selectedOfferDetails,
       eventContextTags,
-      waitEventContextTags,
       forwardedTags,
       restrictPersonalization,
       disabled: restrictPersonalization,
       disableTooltipMsg: restrictPersonalization ? formatMessage(messages.personalizationNotSupportedAnonymous) : undefined,
     }),
-    [tags, injectedTags, selectedOfferDetails, eventContextTags, waitEventContextTags, forwardedTags, restrictPersonalization, formatMessage],
+    [tags, injectedTags, selectedOfferDetails, eventContextTags, forwardedTags, restrictPersonalization, formatMessage],
   );
 
   // Memoized TagList components with optimized props
@@ -1089,7 +1083,6 @@ WebPushCreate.propTypes = {
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
-  waitEventContextTags: PropTypes.object,
   templateActions: PropTypes.object,
   restrictPersonalization: PropTypes.bool,
 };
@@ -1118,7 +1111,6 @@ WebPushCreate.defaultProps = {
   forwardedTags: {},
   selectedOfferDetails: [],
   eventContextTags: [],
-  waitEventContextTags: {},
   templateActions: {},
   Templates: {},
   restrictPersonalization: false,

package/v2Containers/Whatsapp/index.js

@@ -180,7 +180,6 @@ export const Whatsapp = (props) => {
     getFormData,
     selectedOfferDetails,
     eventContextTags,
-    waitEventContextTags = {},
     metaDataStatus = "",
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
     handleTestAndPreview: propsHandleTestAndPreview,
@@ -951,7 +950,6 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               injectedTags={injectedTags || {}}
               selectedOfferDetails={selectedOfferDetails}
               eventContextTags={eventContextTags}
-              waitEventContextTags={waitEventContextTags}
             />
           )}
         </>
@@ -1953,7 +1951,6 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                             injectedTags={injectedTags || {}}
                             selectedOfferDetails={selectedOfferDetails}
                             eventContextTags={eventContextTags}
-                            waitEventContextTags={waitEventContextTags}
                           />
                         )
                       : !isAuthenticationTemplate && (
@@ -2760,7 +2757,6 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 injectedTags={injectedTags || {}}
                 selectedOfferDetails={selectedOfferDetails}
                 eventContextTags={eventContextTags}
-                waitEventContextTags={waitEventContextTags}
               />
             )
           }
@@ -2879,7 +2875,6 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               injectedTags={injectedTags || {}}
               selectedOfferDetails={selectedOfferDetails}
               eventContextTags={eventContextTags}
-              waitEventContextTags={waitEventContextTags}
             />
           )}
           {isBtnTypeQuickReply && (

package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap

@@ -258543,7 +258543,6 @@ Click {{3}} to unsubscribe'",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
-                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -258596,7 +258595,6 @@ Click {{3}} to unsubscribe'",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
-                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -258614,7 +258612,6 @@ Click {{3}} to unsubscribe'",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
-                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -260164,7 +260161,6 @@ T&C'
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
-                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -262440,7 +262436,6 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
-                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"
@@ -311079,7 +311074,6 @@ Click {{3}} to unsubscribe'",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
-                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -311132,7 +311126,6 @@ Click {{3}} to unsubscribe'",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
-                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -311150,7 +311143,6 @@ Click {{3}} to unsubscribe'",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
-                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -312700,7 +312692,6 @@ T&C'
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
-                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -314976,7 +314967,6 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
-                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"
@@ -337753,7 +337743,6 @@ Click {{unsubscribe}} to unsubscribe",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
-                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -337806,7 +337795,6 @@ Click {{unsubscribe}} to unsubscribe",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
-                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -337824,7 +337812,6 @@ Click {{unsubscribe}} to unsubscribe",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
-                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -339237,7 +339224,6 @@ Click {{unsubscribe}} to unsubscribe",
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
-                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -341513,7 +341499,6 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
-                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"
@@ -363111,7 +363096,6 @@ new message content.",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
-                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -363164,7 +363148,6 @@ new message content.",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
-                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -363182,7 +363165,6 @@ new message content.",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
-                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -364594,7 +364576,6 @@ new message content.",
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
-                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -366861,7 +366842,6 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
-                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"

package/v2Containers/Zalo/index.js

@@ -76,7 +76,6 @@ export const Zalo = (props) => {
     selectedOfferDetails,
     hostName: zaloHostName = '',
     eventContextTags,
-    waitEventContextTags,
     metaDataStatus = "",
     // TestAndPreviewSlidebox props
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
@@ -520,7 +519,6 @@ export const Zalo = (props) => {
                     injectedTags={injectedTags || {}}
                     selectedOfferDetails={selectedOfferDetails}
                     eventContextTags={eventContextTags}
-                    waitEventContextTags={waitEventContextTags}
                   />
                 }
               />

package/v2Components/CapTagListWithInput/__tests__/CapTagListWithInput.test.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { IntlProvider } from 'react-intl';
-import CapTagListWithInput from '../index';
-
-const capturedTagListProps = { current: null };
-
-jest.mock('../../../v2Containers/TagList', () => {
-  const React = require('react');
-  const Mock = (props) => {
-    capturedTagListProps.current = props;
-    return <div data-testid="mock-tag-list">TagList</div>;
-  };
-  return Mock;
-});
-
-jest.mock('@capillarytech/cap-ui-library/CapRow', () => ({ children }) => <div>{children}</div>);
-jest.mock('@capillarytech/cap-ui-library/CapColumn', () => ({ children }) => <div>{children}</div>);
-jest.mock('@capillarytech/cap-ui-library/CapHeading', () => () => null);
-jest.mock('@capillarytech/cap-ui-library/CapInput', () => () => <input data-testid="cap-input" />);
-
-const waitMap = {
-  b1: { eventName: 'Order Placed', blockName: 'Wait', tags: [] },
-};
-
-describe('CapTagListWithInput', () => {
-  beforeEach(() => {
-    capturedTagListProps.current = null;
-  });
-
-  it('forwards waitEventContextTags to TagList', () => {
-    render(
-      <IntlProvider locale="en" messages={{}}>
-        <CapTagListWithInput
-          inputId="test-url"
-          inputOnChange={jest.fn()}
-          waitEventContextTags={waitMap}
-          onTagSelect={jest.fn()}
-          onContextChange={jest.fn()}
-        />
-      </IntlProvider>
-    );
-
-    expect(screen.getByTestId('mock-tag-list')).toBeInTheDocument();
-    expect(capturedTagListProps.current.waitEventContextTags).toEqual(waitMap);
-  });
-
-  it('uses default empty object for waitEventContextTags when omitted', () => {
-    render(
-      <IntlProvider locale="en" messages={{}}>
-        <CapTagListWithInput
-          inputId="test-url"
-          inputOnChange={jest.fn()}
-          onTagSelect={jest.fn()}
-          onContextChange={jest.fn()}
-        />
-      </IntlProvider>
-    );
-
-    expect(capturedTagListProps.current.waitEventContextTags).toEqual({});
-  });
-});