@capillarytech/creatives-library 7.12.32 → 7.12.34

package/translations/zh.json

@@ -12,34 +12,38 @@
   "app.components.CapVideoUpload.videoRatioDescription": "",
   "app.components.CapVideoUpload.videoSizeDescription": "",
   "app.components.TemplatePreview.includesOptoutTag": "",
-  "app.components.TemplatePreview.optoutCharactersTotal": "",
+  "app.v2containers.SmsTrai.Create.deferEdit": "",
   "app.v2containers.SmsTrai.Create.doneButtonLabel": "",
-  "app.v2containers.SmsTrai.Create.downloadInstruction": "",
   "app.v2containers.SmsTrai.Create.downloadIssues": "",
   "app.v2containers.SmsTrai.Create.dropCsvFile": "",
-  "app.v2containers.SmsTrai.Create.duplicateEntriesInstruction": "",
+  "app.v2containers.SmsTrai.Create.duplicateTemplateIdInstruction": "",
+  "app.v2containers.SmsTrai.Create.duplicateTemplateNameInstruction": "",
   "app.v2containers.SmsTrai.Create.failedToUpload": "",
   "app.v2containers.SmsTrai.Create.failedVal": "",
   "app.v2containers.SmsTrai.Create.fileMaxlengthError": "",
   "app.v2containers.SmsTrai.Create.fileMinlengthError": "",
   "app.v2containers.SmsTrai.Create.headerAliasErrorDescription": "",
-  "app.v2containers.SmsTrai.Create.mandatoryColsErrorDescription": "",
-  "app.v2containers.SmsTrai.Create.mandatoryColsInstruction": "",
+  "app.v2containers.SmsTrai.Create.mandatoryColErrorDescription": "",
+  "app.v2containers.SmsTrai.Create.mandatoryColInstruction": "",
   "app.v2containers.SmsTrai.Create.nonCsvErrorDescription": "",
   "app.v2containers.SmsTrai.Create.numberOfRecords": "",
   "app.v2containers.SmsTrai.Create.or": "",
   "app.v2containers.SmsTrai.Create.passedVal": "",
   "app.v2containers.SmsTrai.Create.repetitiveColsErrorDescription": "",
+  "app.v2containers.SmsTrai.Create.rowLimitInstruction": "",
   "app.v2containers.SmsTrai.Create.sampleCsv": "",
+  "app.v2containers.SmsTrai.Create.sampleFileInstruction": "",
   "app.v2containers.SmsTrai.Create.selectFileFromComputer": "",
   "app.v2containers.SmsTrai.Create.smsCreateNotification": "",
   "app.v2containers.SmsTrai.Create.statusAliasErrorDescription": "",
-  "app.v2containers.SmsTrai.Create.statusInstruction": "",
+  "app.v2containers.SmsTrai.Create.statusesInstruction": "",
+  "app.v2containers.SmsTrai.Create.tempInstruction": "",
   "app.v2containers.SmsTrai.Create.templateIdAliasErrorDescription": "",
   "app.v2containers.SmsTrai.Create.templateMessageAliasErrorDescription": "",
+  "app.v2containers.SmsTrai.Create.trimInstruction": "",
+  "app.v2containers.SmsTrai.Create.typeAliasErrorDescription": "",
   "app.v2containers.SmsTrai.Create.uploadFile": "",
   "app.v2containers.SmsTrai.Create.uploadInstructions": "",
-  "app.v2containers.SmsTrai.Create.uploadLimitInstruction": "",
   "creatives.components.AccessForbidden.forbiddenDesc": "",
   "creatives.components.AccessForbidden.forbiddenHeader": "",
   "creatives.components.BreadCrumbs.header": "",
@@ -129,6 +133,13 @@
   "creatives.components.WechatRichmediaTemplatePreview.select": "",
   "creatives.componentsV2.BreadCrumbs.header": "",
   "creatives.componentsV2.CallTaskPreview.header": "",
+  "creatives.componentsV2.CapActionButton.addButton": "",
+  "creatives.componentsV2.CapActionButton.comingSoonTooltip": "",
+  "creatives.componentsV2.CapActionButton.inValidUrlErrorMessage": "",
+  "creatives.componentsV2.CapActionButton.templateButtonLink": "",
+  "creatives.componentsV2.CapActionButton.templateButtonLinkPlaceholder": "",
+  "creatives.componentsV2.CapActionButton.templateButtonText": "",
+  "creatives.componentsV2.CapActionButton.templateButtonTextPlaceholder": "",
   "creatives.componentsV2.CapImageUpload.aspectRatio": "",
   "creatives.componentsV2.CapImageUpload.dragAndDrop": "",
   "creatives.componentsV2.CapImageUpload.format": "",
@@ -136,6 +147,7 @@
   "creatives.componentsV2.CapImageUpload.imageGallery": "",
   "creatives.componentsV2.CapImageUpload.imageIncorrectSize": "",
   "creatives.componentsV2.CapImageUpload.imageReUpload": "",
+  "creatives.componentsV2.CapImageUpload.imageSize": "",
   "creatives.componentsV2.CapImageUpload.or": "",
   "creatives.componentsV2.CapImageUpload.uploadComputer": "",
   "creatives.componentsV2.CapImageUpload.uploadGallery": "",
@@ -225,20 +237,8 @@
   "creatives.componentsV2.SmsTest.header": "",
   "creatives.componentsV2.SmsTest.inputSmsTemplate": "",
   "creatives.componentsV2.SmsTest.inputTemplateName": "",
-  "creatives.componentsV2.TemplatePreview.charactersPerSms": "",
-  "creatives.componentsV2.TemplatePreview.charactersTotal": "",
-  "creatives.componentsV2.TemplatePreview.close": "",
   "creatives.componentsV2.TemplatePreview.playVideo": "",
-  "creatives.componentsV2.TemplatePreview.preview": "",
-  "creatives.componentsV2.TemplatePreview.previewGenerated": "",
-  "creatives.componentsV2.TemplatePreview.previewGenerationMessage": "",
   "creatives.componentsV2.TemplatePreview.showDetails": "",
-  "creatives.componentsV2.TemplatePreview.sms": "",
-  "creatives.componentsV2.TemplatePreview.smsFormatType": "",
-  "creatives.componentsV2.TemplatePreview.smsIcon": "",
-  "creatives.componentsV2.TemplatePreview.testMessage": "",
-  "creatives.componentsV2.TemplatePreview.textMessageCharacter": "",
-  "creatives.componentsV2.TemplatePreview.textMessageLabel": "",
   "creatives.componentsV2.Toastr.header": "",
   "creatives.componentsV2.ToastrMessage.close": "",
   "creatives.componentsV2.ToastrMessage.header": "",
@@ -961,6 +961,7 @@
   "creatives.containersV2.Creatives.invalidUploadFileError": "",
   "creatives.containersV2.Creatives.lastUpdated": "",
   "creatives.containersV2.Creatives.layoutSelection": "",
+  "creatives.containersV2.Creatives.learnTips": "",
   "creatives.containersV2.Creatives.lineHeader": "",
   "creatives.containersV2.Creatives.mapTemplate": "",
   "creatives.containersV2.Creatives.mobilepushHeader": "",
@@ -971,6 +972,7 @@
   "creatives.containersV2.Creatives.preview": "",
   "creatives.containersV2.Creatives.previewButton": "",
   "creatives.containersV2.Creatives.previewGenerateText": "",
+  "creatives.containersV2.Creatives.rcsCreative": "",
   "creatives.containersV2.Creatives.searchText": "",
   "creatives.containersV2.Creatives.selectAccount": "",
   "creatives.containersV2.Creatives.selectButton": "",
@@ -997,6 +999,8 @@
   "creatives.containersV2.Creatives.wechatAccountNotConfigured": "",
   "creatives.containersV2.Creatives.wechatChannelTemplatesHeader": "",
   "creatives.containersV2.Creatives.wechatHeader": "",
+  "creatives.containersV2.Creatives.whatsappOverview": "",
+  "creatives.containersV2.Creatives.whatsappTemplate": "",
   "creatives.containersV2.Creatives.yesText": "",
   "creatives.containersV2.Creatives.zipUploadFailed": "",
   "creatives.containersV2.Dashboard.header": "",
@@ -1558,102 +1562,6 @@
   "creatives.containersV2.MobilepushWrapper.text": "",
   "creatives.containersV2.NotFoundPage.header": "",
   "creatives.containersV2.TagList.header": "",
-  "creatives.containersV2.Templates.accountConfigError": "",
-  "creatives.containersV2.Templates.all": "",
-  "creatives.containersV2.Templates.alphabeticallyOption": "",
-  "creatives.containersV2.Templates.blankTemplate": "",
-  "creatives.containersV2.Templates.campaigns": "",
-  "creatives.containersV2.Templates.cancelText": "",
-  "creatives.containersV2.Templates.chooseAccount": "",
-  "creatives.containersV2.Templates.continue": "",
-  "creatives.containersV2.Templates.createEmailActionButton": "",
-  "creatives.containersV2.Templates.createMessageContent": "",
-  "creatives.containersV2.Templates.createNewActionButton": "",
-  "creatives.containersV2.Templates.createSmsActionButton": "",
-  "creatives.containersV2.Templates.creativeTemplates": "",
-  "creatives.containersV2.Templates.creativeTemplatesDesc": "",
-  "creatives.containersV2.Templates.creatives": "",
-  "creatives.containersV2.Templates.creativesTemplatesEdit": "",
-  "creatives.containersV2.Templates.creativesTemplatesSave": "",
-  "creatives.containersV2.Templates.deleteButton": "",
-  "creatives.containersV2.Templates.deletedSuccssfully": "",
-  "creatives.containersV2.Templates.deletingTemplate": "",
-  "creatives.containersV2.Templates.deletionFailed": "",
-  "creatives.containersV2.Templates.duplicateButton": "",
-  "creatives.containersV2.Templates.duplicatingTemplate": "",
-  "creatives.containersV2.Templates.ebillHeader": "",
-  "creatives.containersV2.Templates.ebillPreview": "",
-  "creatives.containersV2.Templates.editButton": "",
-  "creatives.containersV2.Templates.editMessageContent": "",
-  "creatives.containersV2.Templates.emailHeader": "",
-  "creatives.containersV2.Templates.emailPreview": "",
-  "creatives.containersV2.Templates.emailTitleIllustartion": "",
-  "creatives.containersV2.Templates.gettingAllTemplates": "",
-  "creatives.containersV2.Templates.header": "",
-  "creatives.containersV2.Templates.imageCarouselTemplate": "",
-  "creatives.containersV2.Templates.imageMapTemplate": "",
-  "creatives.containersV2.Templates.imageMapVideoTemplate": "",
-  "creatives.containersV2.Templates.imageTemplate": "",
-  "creatives.containersV2.Templates.invalidUploadFileError": "",
-  "creatives.containersV2.Templates.layoutSelection": "",
-  "creatives.containersV2.Templates.lineAccount": "",
-  "creatives.containersV2.Templates.lineHeader": "",
-  "creatives.containersV2.Templates.mapTemplate": "",
-  "creatives.containersV2.Templates.mapTemplates": "",
-  "creatives.containersV2.Templates.mobilepushAccount": "",
-  "creatives.containersV2.Templates.mobilepushHeader": "",
-  "creatives.containersV2.Templates.mostRecentOption": "",
-  "creatives.containersV2.Templates.newEmailTemplate": "",
-  "creatives.containersV2.Templates.newNotificationTemplate": "",
-  "creatives.containersV2.Templates.newSMSTemplate": "",
-  "creatives.containersV2.Templates.newTemplate": "",
-  "creatives.containersV2.Templates.noAccountMessage": "",
-  "creatives.containersV2.Templates.noAccountsPresent": "",
-  "creatives.containersV2.Templates.noAccountsPresentFacebook": "",
-  "creatives.containersV2.Templates.noAccountsPresentLine": "",
-  "creatives.containersV2.Templates.noAccountsPresentViber": "",
-  "creatives.containersV2.Templates.noAccountsPresentWeChat": "",
-  "creatives.containersV2.Templates.noTemplatesFound": "",
-  "creatives.containersV2.Templates.noTemplatesMessage": "",
-  "creatives.containersV2.Templates.preview": "",
-  "creatives.containersV2.Templates.previewButton": "",
-  "creatives.containersV2.Templates.previewGenerateText": "",
-  "creatives.containersV2.Templates.promotional": "",
-  "creatives.containersV2.Templates.pushTitleIllustartion": "",
-  "creatives.containersV2.Templates.richMediaTemplates": "",
-  "creatives.containersV2.Templates.searchText": "",
-  "creatives.containersV2.Templates.selectAccount": "",
-  "creatives.containersV2.Templates.selectButton": "",
-  "creatives.containersV2.Templates.selectDefaultButton": "",
-  "creatives.containersV2.Templates.selectSmsHeader": "",
-  "creatives.containersV2.Templates.selectWechatHeader": "",
-  "creatives.containersV2.Templates.serviceExplicit": "",
-  "creatives.containersV2.Templates.serviceImplicit": "",
-  "creatives.containersV2.Templates.smsChannelTemplatesHeader": "",
-  "creatives.containersV2.Templates.smsHeader": "",
-  "creatives.containersV2.Templates.smsTitleIllustartion": "",
-  "creatives.containersV2.Templates.somethingWentWrong": "",
-  "creatives.containersV2.Templates.sortBy": "",
-  "creatives.containersV2.Templates.template": "",
-  "creatives.containersV2.Templates.templateDeleteConfirm": "",
-  "creatives.containersV2.Templates.templateDeleteSuccess": "",
-  "creatives.containersV2.Templates.templateDuplicateSuccess": "",
-  "creatives.containersV2.Templates.templateSelection": "",
-  "creatives.containersV2.Templates.textTemplate": "",
-  "creatives.containersV2.Templates.unMapButton": "",
-  "creatives.containersV2.Templates.uploadFile": "",
-  "creatives.containersV2.Templates.uploadTemplate": "",
-  "creatives.containersV2.Templates.uploadedAt": "",
-  "creatives.containersV2.Templates.uploadedBy": "",
-  "creatives.containersV2.Templates.uploadingFile": "",
-  "creatives.containersV2.Templates.useEditor": "",
-  "creatives.containersV2.Templates.weChatRichmediaTemplate": "",
-  "creatives.containersV2.Templates.wechatAccount": "",
-  "creatives.containersV2.Templates.wechatAccountNotConfigured": "",
-  "creatives.containersV2.Templates.wechatChannelTemplatesHeader": "",
-  "creatives.containersV2.Templates.wechatHeader": "",
-  "creatives.containersV2.Templates.yesText": "",
-  "creatives.containersV2.Templates.zipUploadFailed": "",
   "creatives.containersV2.TemplatesV2.FTP": "",
   "creatives.containersV2.TemplatesV2.callTask": "",
   "creatives.containersV2.TemplatesV2.creatives": "",
@@ -1666,10 +1574,12 @@
   "creatives.containersV2.TemplatesV2.header": "",
   "creatives.containersV2.TemplatesV2.line": "",
   "creatives.containersV2.TemplatesV2.pushNotification": "",
+  "creatives.containersV2.TemplatesV2.rcs": "",
   "creatives.containersV2.TemplatesV2.select": "",
   "creatives.containersV2.TemplatesV2.sms": "",
   "creatives.containersV2.TemplatesV2.viber": "",
   "creatives.containersV2.TemplatesV2.wechat": "",
+  "creatives.containersV2.TemplatesV2.whatsapp": "",
   "creatives.containersV2.TestPage.header": "",
   "creatives.containersV2.Testv2.descriptionTestv2": "",
   "creatives.containersV2.Testv2.header": "",
@@ -1717,6 +1627,10 @@
   "creatives.containersV2.WeChat.templateName": "",
   "creatives.containersV2.WeChat.wechatCreateSuccess": "",
   "creatives.containersV2.WeChat.wechatEditSuccess": "",
+  "creatives.containersV2.Whatsapp.alertUpdate": "",
+  "creatives.containersV2.Whatsapp.alertUpdateTooltip": "",
+  "creatives.containersV2.Whatsapp.approved": "",
+  "creatives.containersV2.addLabels": "",
   "creatives.containersV2.appName": "",
   "creatives.containersV2.applyNow": "",
   "creatives.containersV2.areYouSureText": "",
@@ -1725,6 +1639,11 @@
   "creatives.containersV2.campaignsHome": "",
   "creatives.containersV2.cancel": "",
   "creatives.containersV2.changeOk": "",
+  "creatives.containersV2.comingSoonTooltip": "",
+  "creatives.containersV2.creativeNameLabel": "",
+  "creatives.containersV2.delete": "",
+  "creatives.containersV2.done": "",
+  "creatives.containersV2.emptyTemplateNameErrorMessage": "",
   "creatives.containersV2.incentive": "",
   "creatives.containersV2.learnMore": "",
   "creatives.containersV2.newOrgName": "",
@@ -1732,6 +1651,7 @@
   "creatives.containersV2.orgChangeText": "",
   "creatives.containersV2.orgChangedText": "",
   "creatives.containersV2.orgRefreshHeading": "",
+  "creatives.containersV2.preview": "",
   "creatives.containersV2.programs": "",
   "creatives.containersV2.promotions": "",
   "creatives.containersV2.refreshOrgText": "",
@@ -1805,6 +1725,9 @@
   "creatives.containersV2.shopNow": "",
   "creatives.containersV2.signUp": "",
   "creatives.containersV2.subscribe": "",
+  "creatives.containersV2.templateNameLabel": "",
+  "creatives.containersV2.templateNamePlaceholder": "",
+  "creatives.containersV2.unsupportedTagsValidationError": "",
   "creatives.containersV2.viber.addLabels": "",
   "creatives.containersV2.viber.button": "",
   "creatives.containersV2.viber.buttonText": "",

package/utils/test-utils.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { render as rtlRender } from '@testing-library/react';
+import { IntlProvider } from 'react-intl';
+import { Router, Route } from 'react-router-dom';
+import { createMemoryHistory } from 'history';
+
+function Wrapper({ children }) {
+  return <IntlProvider locale="en">{children}</IntlProvider>;
+}
+Wrapper.propTypes = {
+  children: PropTypes.array,
+};
+
+function render(ui, renderOptions = {}) {
+  return rtlRender(ui, { wrapper: Wrapper, ...renderOptions });
+}
+
+function renderWithRouter(
+  Component,
+  props,
+  { routePath = '/', historyPush = '/' } = {},
+  renderOptions,
+) {
+  const history = createMemoryHistory();
+  history.push(historyPush);
+
+  return {
+    history,
+    ...rtlRender(
+      <Router history={history}>
+        <Route
+          path={routePath}
+          render={(routeProps) => <Component {...props} {...routeProps} />}
+        />
+      </Router>,
+      { wrapper: Wrapper, ...renderOptions },
+    ),
+  };
+}
+
+// re-export everything
+export * from '@testing-library/react';
+
+/**
+ * Custom text matcher to find element if text is broken/made up of multiple elements.
+ * @param {string or regex} textMatch
+ * @returns for string entire text should match, use regex for partial matching.
+ */
+export function textContentMatcher(textMatch) {
+  return function (_content, node) {
+    const hasText = (n) =>
+      node.textContent === textMatch || node.textContent.match(textMatch);
+    const nodeHasText = hasText(node);
+    const childrenDontHaveText = Array.from(n?.children || []).every(
+      (child) => !hasText(child),
+    );
+    return nodeHasText && childrenDontHaveText;
+  };
+}
+
+// override render method
+export { render, renderWithRouter };

package/v2Components/CapActionButton/index.js

@@ -20,8 +20,8 @@ export const CapActionButton = (props) => {
     type,
     updateButtonChange,
     suggestions = [],
-} = props;
-  const {text = "", url = "" } = suggestions[0] || {};
+  } = props;
+  const { text = '', url = '' } = suggestions[0] || {};
   const [buttonText, setButtonText] = useState(text || '');
   const [buttonLink, setButtonLink] = useState(url || '');
   const [buttonURLErrorMessage, updateButtonURLErrorMessage] = useState(false);
@@ -56,57 +56,63 @@ export const CapActionButton = (props) => {
   };
   useEffect(() => {
     const CapActionButtonBody = document.querySelector('.cap-action-button');
-    CapActionButtonBody.addEventListener('click', (event) => {
-      event.preventDefault();
-    });
+    if (CapActionButtonBody) {
+      CapActionButtonBody.addEventListener('click', (event) => {
+        event.preventDefault();
+      });
+    }
   }, []);
-  return (<CapRow
-    className="cap-action-button"
-    >
-    {/* Button text */}
-    <CapHeading type="h4">
-      <FormattedMessage {...messages.templateButtonText} />
-    </CapHeading>
-    <CapInput
-      id="rcs-template-Button-Text"
-      onChange={onButtonTextChange}
-      placeholder={formatMessage(messages.templateButtonTextPlaceholder)}
-      value={buttonText}
-      size="default"
-      maxLength={buttonTextlen}
-      suffix={
-        <CapLabel type="label1">{`${buttonText?.length} / ${buttonTextlen}`}</CapLabel>
+
+  return (
+    <CapRow className="cap-action-button">
+      {/* Button text */}
+      <CapHeading type="h4">
+        <FormattedMessage {...messages.templateButtonText} />
+      </CapHeading>
+      <CapInput
+        id="rcs-template-Button-Text"
+        onChange={onButtonTextChange}
+        placeholder={formatMessage(messages.templateButtonTextPlaceholder)}
+        value={buttonText}
+        size="default"
+        maxLength={buttonTextlen}
+        suffix={
+          <CapLabel type="label1">{`${buttonText?.length} / ${buttonTextlen}`}</CapLabel>
         }
-    />
+      />
 
-    {/* button Link */}
-    <CapHeading
-      type="h4"
-      style={{paddingTop: "20px"}}
-    ><FormattedMessage {...messages.templateButtonLink} /></CapHeading>
-    <CapInput
-      id="rcs-template-Button-link"
-      onChange={onButtonLinkChange}
-      placeholder={formatMessage(messages.templateButtonLinkPlaceholder)}
-      value={buttonLink}
-      size="default"
-      errorMessage={buttonURLErrorMessage}
-          />
+      {/* button Link */}
+      <CapHeading type="h4" style={{ paddingTop: '20px' }}>
+        <FormattedMessage {...messages.templateButtonLink} />
+      </CapHeading>
+      <CapInput
+        id="rcs-template-Button-link"
+        onChange={onButtonLinkChange}
+        placeholder={formatMessage(messages.templateButtonLinkPlaceholder)}
+        value={buttonLink}
+        size="default"
+        errorMessage={buttonURLErrorMessage}
+      />
 
-    {/* divider */}
-    <CapDivider style={{ marginBottom: 16, marginTop: 23 }}/>
+      {/* divider */}
+      <CapDivider style={{ marginBottom: 16, marginTop: 23 }} />
 
-    {/* Add button */}
-    <CapTooltip
-      placement="topLeft"
-      title={formatMessage(messages.comingSoonTooltip)}
-    >
-      <CapButton
-        type="flat" className="disabled-button" isAddBtn>
-        {formatMessage(messages.addButton)}
-      </CapButton>
-    </CapTooltip>
-  </CapRow>);
+      {/* Add button */}
+      <CapTooltip
+        placement="topLeft"
+        title={formatMessage(messages.comingSoonTooltip)}
+      >
+        <CapButton
+          type="flat"
+          id="rcs-template-add-button"
+          className="disabled-button"
+          isAddBtn
+        >
+          {formatMessage(messages.addButton)}
+        </CapButton>
+      </CapTooltip>
+    </CapRow>
+  );
 };
 
 CapActionButton.propTypes = {

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

@@ -1,21 +1,32 @@
 import React from "react";
+import { injectIntl } from 'react-intl';
+import '@testing-library/jest-dom';
+import {
+  render,
+  /* eslint-disable import/named */
+  screen,
+  fireEvent,
+  /* eslint-enable import/named */
+} from '../../../utils/test-utils';
 import { CapActionButton } from "../index";
-import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 
-describe("CapActionButton test", () => {
-  let renderedComponent;
-  beforeEach(() => {
-    renderedComponent = shallowWithIntl(
-      <CapActionButton
-        type="CTA"
-        buttonTextlen={200}
-        updateButtonChange={() => {}}
-        suggestions={[{text: "text", url: 'url'}]}
-      />
-      );
-  });
+
+const initializeComponent = () => {
+  const Component = injectIntl(CapActionButton);
+  return render( <Component
+    type="CTA"
+    buttonTextlen={200}
+    updateButtonChange={() => {}}
+    suggestions={[{text: "text", url: 'url'}]}
+  />);
+};
+
+describe('renders a message', () => {
   it("Test if CapActionButton component renders", () => {
-    expect(renderedComponent).toMatchSnapshot();
+    initializeComponent();
+    expect(screen.getByText('Button text')).toBeInTheDocument();
+    expect(screen.getByText('Button link')).toBeInTheDocument();
+
     const event = {
       target: {
         value: 'testValue',
@@ -26,17 +37,15 @@ describe("CapActionButton test", () => {
         value: 'https://www.google.com',
       },
     };
-    renderedComponent
-      .find('#rcs-template-Button-Text')
-      .simulate('change', event);
+     // button text
+    const buttontextInput = screen.getByPlaceholderText('Enter button text');
+    fireEvent.change(buttontextInput, event);
 
-    renderedComponent
-      .find('#rcs-template-Button-link')
-      .simulate('change', event);
 
-    renderedComponent
-    .find('#rcs-template-Button-link')
-    .simulate('change', linkEvent);
-    expect(renderedComponent).toMatchSnapshot();
+    // button link
+    const buttonLinkInput = screen.getByPlaceholderText('Enter button link');
+    fireEvent.change(buttonLinkInput, linkEvent);
+    fireEvent.change(buttonLinkInput, event);
   });
 });
+

package/v2Components/CapWhatsappCTA/constants.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import messages from './messages';
+
+export const PHONE_NUMBER = 'PHONE_NUMBER';
+export const STATIC_URL = 'STATIC_URL';
+export const DYNAMIC_URL = 'DYNAMIC_URL';
+export const WEBSITE = 'WEBSITE';
+
+export const CTA_OPTIONS = [
+  {
+    value: PHONE_NUMBER,
+    label: <FormattedMessage {...messages.ctaPhoneNo} />,
+  },
+  {
+    value: WEBSITE,
+    label: <FormattedMessage {...messages.ctaWebsite} />,
+  },
+];
+
+export const CTA_URL_OPTIONS = [
+  {
+    value: STATIC_URL,
+    label: <FormattedMessage {...messages.ctaWebsiteTypeStatic} />,
+  },
+  // {
+  //   value: DYNAMIC_URL,
+  //   label: <FormattedMessage {...messages.ctaWebsiteTypeDynamic} />,
+  //   disabled: true,
+  // },
+];
+export const BTN_MAX_LENGTH = 20;
+export const PHONE_NUMBER_MAX_LENGTH = 15;
+export const URL_MAX_LENGTH = 2000;