@capillarytech/creatives-library 7.14.39 → 7.14.41

package/tests/integration/TemplateCreation/helper.js

@@ -0,0 +1,23 @@
+import '@testing-library/jest-dom';
+import 'whatwg-fetch';
+import {
+  screen,
+  within,
+  /* eslint-enable import/named */
+} from '../../../utils/test-utils';
+
+/**
+ * Helper function
+ * @returns creativesScreen
+ */
+export async function getCreativesScreen() {
+  const creativesScreen = within(
+    await screen.findByTestId(
+      'cap-wrapper',
+      {},
+      { timeout: 5000, interval: 250 },
+    ),
+  );
+  return creativesScreen;
+}
+

package/tests/integration/TemplateCreation/mocks/initialState.js

@@ -0,0 +1,428 @@
+export const mockInitialState = {
+  cap: {
+    metaEntities: {
+      tags: [],
+      layouts: [],
+    },
+    topbarMenuData: {
+      status: "success",
+      data: [
+        {
+          label: {
+            key: null,
+            ref: null,
+            props: {
+              id: "creatives.containersV2.Cap.campaigns",
+              defaultMessage: "Campaigns",
+              values: {},
+            },
+            _owner: null,
+            _store: {},
+          },
+          link: "/campaigns/ui/list",
+          key: "campaigns",
+        },
+        {
+          label: {
+            key: null,
+            ref: null,
+            props: {
+              id: "creatives.containersV2.audience",
+              defaultMessage: "Audience",
+              values: {},
+            },
+            _owner: null,
+            _store: {},
+          },
+          link: "/audience-manager/list",
+          key: "audience",
+        },
+        {
+          label: {
+            key: null,
+            ref: null,
+            props: {
+              id: "creatives.containersV2.incentive",
+              defaultMessage: "Incentive",
+              values: {},
+            },
+            _owner: null,
+            _store: {},
+          },
+          link: "/coupons/ui/",
+          key: "incentive",
+        },
+        {
+          label: {
+            key: null,
+            ref: null,
+            props: {
+              id: "creatives.containersV2.Cap.creatives",
+              defaultMessage: "Creatives",
+              values: {},
+            },
+            _owner: null,
+            _store: {},
+          },
+          link: "/creatives/ui/v2",
+          key: "creatives",
+        },
+      ],
+    },
+    fetchingSchema: true,
+    user: {
+      lastName: "Karan fd",
+      active: "true",
+      loginCount: 10326902,
+      authEntities: {
+        userRoleType: "org",
+        userEntities: {
+          store: [],
+        },
+      },
+      passwordValidity: "2023-12-01 12:29:25",
+      creationDate: "2013-06-19 11:06:20",
+      refID: "15000449",
+      lang: "en",
+      accessiblePermissions: [
+        "OE",
+        "SOE",
+        "DOT",
+        "Analytics",
+        "Tech support",
+        "AOM",
+        "OM",
+        "SMS CCMS Dumps",
+        "Raw Data Dump",
+        "ACCESSTEAM",
+        "SOCIAL",
+        "GOD",
+        "DCS",
+        "MC_READ",
+        "LP",
+        "MC_RESEND_COUPON",
+        "ADMIN_ACCESS",
+        "PII_MASK",
+        "PII_MASK_NOT_REQUIRED",
+        "ALL_MSG_APPROVE",
+        "COUPON_MSG_APPROVE",
+        "POINTS_MSG_APPROVE",
+        "LIST_CSV_UPLOAD",
+        "EXT_FACT_ACCESS",
+        "AUDIENCE_MANAGER_UI_VIEW",
+        "CAMPAIGNS_UI_VIEW",
+        "INCENTIVES_UI_VIEW",
+        "CREATIVES_UI_VIEW",
+        "MC_SEARCH",
+        "MC_CIR_VIEW",
+        "MC_GWR_VIEW",
+        "bounceback_campaign_auth",
+        "MC_CUSTOMER_UPDATE",
+        "MC_CIR_UPDATE",
+        "MC_OLD_CHANGE_ID_WRT",
+        "MC_OLD_MBL_REALLOC_XCUTE",
+        "MC_OLD_MBL_REALLOC_WRT",
+        "MC_OLD_ACC_MERGE_XCUTE",
+        "MC_OLD_ACC_MERGE_WRT",
+        "CAMP_CONF_ALL",
+        "CAMP_CREATE",
+        "CAMP_MSG_CREATE",
+        "CAMP_MSG_APPROVE",
+        "CAMP_COUPON_CREATE",
+        "CAMP_REPORT_VIEW",
+        "CAMP_LIST_CONF",
+        "CAMP_MSG_TEMPLATE_DESIGN",
+        "configure_actions",
+        "view_coupon_series",
+        "view_rule_campaign",
+        "configure_coupon_series",
+        "MC_GWR_UPDATE",
+        "MC_SETTINGS",
+        "MC_OLD_GOODWILL_XCUTE",
+        "MC_OLD_GOODWILL_WRT",
+        "command_center_admin",
+        "MC_GOODWILL_READ",
+        "MC_WRITE",
+        "MC_OLD_CHANGE_ID_XCUTE",
+        "finance",
+        "CAMP_XENGAGE_SETTINGS",
+      ],
+      orgName: "Capillary Technologies",
+      userRoles: {
+        ORG: [
+          {
+            entityType: "ORG",
+            entityName: "Capillary Technologies",
+            role: "SUPERUSER",
+            entityId: 0,
+            childEntities: [],
+          },
+        ],
+      },
+      isCapUser: true,
+      loginName: "ashish",
+      proxyOrgList: [],
+      attributes: {
+        USERNAME: {
+          value: "ashish",
+          verified: "true",
+        },
+        MOBILE: {
+          value: "919957676767",
+          verified: "true",
+        },
+        EMAIL: {
+          value: "cap@coin.com",
+          verified: "true",
+        },
+      },
+      aryaUserRoles: {
+        ORG: [
+          {
+            entityType: "ORG",
+            entityName: "Capillary Technologies",
+            role: "SUPERUSER",
+            entityId: 0,
+            childEntities: [],
+          },
+        ],
+      },
+      accessRoles: {
+        "ADA Level Three": 2139,
+        "rbacRequestor": 1317,
+        "CAMPMOD": 1736,
+        "ACCESSTEAM": 1010,
+        "MC RESEND COUPON": 1340,
+        "Delivery Manager": 1998,
+        "all_access": -1,
+        "QATest": 1580,
+        "Campaigns View": 3736,
+        "couponCacheGroup": 1355,
+        "AOM Level": 1803,
+        "Smith": 1045,
+        "access": 1057,
+        "LP": 1286,
+        "CommandCenterAdmins": 1688,
+        "Tech support": 1005,
+        "AOMLevel": 1887,
+        "minimalAccess": 1264,
+        "LM COUPON": 1284,
+        "SUPERUSER": 1012,
+        "MC SETTING": 3708,
+        "CCMS Only": 414,
+        "Analytics": 1004,
+        "BISEGMENTS": 1525,
+        "rajshekar": 1572,
+        "ADA Level One": 2137,
+        "BIADMIN": 1455,
+        "rbacSuper": 1318,
+        "DOT": 1003,
+        "SOE": 1002,
+        "Carsndolls_admin": 347,
+        "MCWRITE": 1099,
+        "MCNew": 1126,
+        "couponAccess": 1262,
+        "capillary_technologi": 1051,
+        "CreateMessage": 3739,
+        "MCREAD": 1098,
+        "Guest Access": 387,
+        "NAY TEST": 1275,
+        "SMS CCMS Dumps": 1008,
+        "DEFAULT_PERMISSION": 1393,
+        "SOCIAL": 1011,
+        "ADA Level Two": 2138,
+        "MC View": 1324,
+        "QA": 1059,
+        "MCWR": 1885,
+        "BIUSER": 1461,
+        "Raw Data Dump": 1009,
+        "MC Search": 1326,
+        "ANCYPerm": 1013,
+        "MCREADWRITE": 1325,
+        "SEQ ASSOC": 1287,
+        "Woodland_CCMS-Report": 318,
+        "OE": 1001,
+        "senior_ops_exe": 313,
+        "EXTERNALFACT": 1582,
+        "CheckGroup": 1159,
+        "SEQ MGR": 1292,
+        "rbacApprover": 1316,
+        "xyz": 1046,
+        "Command Center Admin": 1345,
+        "randomjazz": 1144,
+        "GLAOM": 1620,
+        "AllAccessPerr": 1322,
+        "finance": 1350,
+        "MCGOODWILLREAD": 1100,
+        "testGp": 1328,
+        "BIEXPORT": 1527,
+        "ONLYCAMPAIGN": 1323,
+        "XENGAGESETTINGS": 3715,
+        "BIPOC": 1500,
+        "BUSSUSRNOCAMPAUT": 2394,
+        "LM Setup Group": 1285,
+        "EMF": 1085,
+        "OM": 1007,
+        "RMSETTINGS": 1356,
+        "AOM": 1006,
+        "BulitUp": 1387,
+        "LM BUSINESS": 1283,
+      },
+      accessibleOUList: {
+        ExpressWay: 50007995,
+        Franchisee: 50007996,
+        supermarket: 50007994,
+        All: -1,
+      },
+      type: "ADMIN_USER",
+      adminUser: true,
+      id: "14783",
+      firstName: "Ashish",
+      orgID: 0,
+    },
+    messages: [],
+    fetching_userdata: false,
+    isLoggedIn: true,
+    currentOrgDetails: {
+      basic_details: {
+        fiscal_year_start: "-1",
+        base_country_code: "IN",
+        max_sms_hour: 23,
+        base_currency_iso: {
+          label: "INR",
+          symbol: "₹",
+        },
+        base_language: "en",
+        value_sms_credits: "",
+        bulk_sms_credits: "",
+        base_country: "India",
+        supported_languages: [
+          {
+            lang_id: 69,
+            language: "English",
+            iso_code: "en",
+          },
+        ],
+        base_currency_name: "Indian Rupee ",
+        name: "Reon_Data",
+        base_language_iso: {
+          lang: "",
+          locale: "",
+        },
+        base_timezone_iso: {
+          label: "Asia/Kolkata",
+          offset: "+05:30",
+        },
+        phone: "",
+        base_country_iso: {
+          code: "IN",
+          name: "India",
+        },
+        address: "0mk",
+        org_id: "50146",
+        min_sms_hour: 0,
+        base_currency_symbol: "₹",
+        language: "",
+        timezone_offset: "+05:30",
+        timezone: "Asia/Kolkata",
+        is_active: 1,
+        base_lang_locale: "",
+        base_currency: "INR",
+      },
+      sender_details: {
+        GSM: "9876987022",
+        CDMA: "9876987022",
+        label: "TATADG",
+        replyToEmail: "tata@dg.com",
+        senderEmail: "tata@dg.com",
+      },
+      accessibleFeatures: [
+        "PERSONALISATION_STRATEGY",
+        "CHANNEL_PRIORITY_STRATEGY",
+        "STORE2DOOR_PLUS_ENABLED",
+        "XENGAGE_STRATEGY",
+        "COMMUNICATION_LIMIT",
+        "CAMPAIGNS_FTP",
+        "PROMO_ENGINE",
+        "LOYALTY_NEW_UI_ENABLED",
+        "EXTERNALLY_MANAGED_COUPONS",
+        "FLEET_LOYALTY_ENABLED",
+        "JOURNEY_UI",
+        "GIFT_CARDS",
+        "LOYALTY_PROMOTION_ENABLED",
+        "LABEL_CUSTOMISATION_ENABLED",
+        "ENABLE_NOTIFICATION_CENTRE",
+        "ENABLE_OU_BASED_RBAC",
+      ],
+      org_loyalty_v2_status: true,
+      module_details: [
+        {
+          code: "intouchHomePage",
+          display_order: 1,
+          id: -1,
+          name: "HOME",
+          namespace: "intouchHomePage",
+          url: "/home/ui",
+          version: "1.0.0",
+        },
+        {
+          id: 44,
+          name: "ENGAGE+",
+          code: "campaigns/ui/list",
+          version: "1.0.0.1",
+          namespace: "campaign",
+          display_order: 9,
+          url: "/campaigns/ui/list",
+        },
+        {
+          id: 45,
+          name: "LOYALTY+",
+          code: "loyalty/ui/",
+          version: "1.0.0.1",
+          namespace: "loyalty/ui/",
+          display_order: 6,
+          url: "/loyalty/ui/",
+        },
+        {
+          id: 39,
+          name: "MEMBER CARE",
+          code: "memberCare",
+          version: "1.0.0.1",
+          namespace: "memberCare",
+          display_order: 5,
+          url: "/memberCare/index",
+        },
+        {
+          id: 27,
+          name: "MASTERS",
+          code: "org",
+          version: "1.0.0.1",
+          namespace: "org",
+          display_order: 0,
+          url: "/org/index",
+        },
+        {
+          id: 26,
+          name: "WORKBENCH",
+          code: "businessProcesses",
+          version: "1.0.0.1",
+          namespace: "businessProcesses",
+          display_order: 10,
+          url: "/businessProcesses/index",
+        },
+      ],
+      org_campaign_v2_status: true,
+      orgNamespaceInfo: {
+        orgNamespaceEnabled: "1",
+        namespace: {
+          id: 10,
+          name: "US-Standard",
+          parent_namespace_id: -1,
+          scope: "ORG",
+          is_active: 1,
+        },
+      },
+    },
+    token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6WyIxNDc4MyJdLCJvcmdJRCI6MCwiZXhwIjoxNjgyNDkyNTAzLCJpYXQiOjE2ODI0MDYxMDcsImlzcyI6ImNhcGlsbGFyeXRlY2guY29tIiwiYXVkIjoiY2FwaWxsYXJ5LGludG91Y2gsYXJ5YSxyZW9uLGFwcHMiLCJzb3VyY2UiOiJXRUJBUFAifQ.2fut2NUwkwamuUJ33hqpQP24BJDzf531crAfCJ1ivmc",
+    orgID: 50146,
+  }};

package/tests/integration/TemplateCreation/msw-handler.js

@@ -0,0 +1,48 @@
+import { rest } from 'msw';
+import { setupServer } from 'msw/node';
+import 'whatwg-fetch';
+import * as apiResponse from './api-response';
+
+import config from '../../../config/app';
+const API_ENDPOINT = config.development.api_endpoint;
+const AUTH_ENDPOINT = config.development.auth_endpoint;
+
+export const server = setupServer(
+    rest.options('*', (req, res, ctx) =>
+      res(
+        ctx.status(200),
+        ctx.set('access-control-allow-origin', '*'),
+        ctx.set('Access-Control-Allow-Headers', 'x-cap-org'),
+        ctx.set('Access-Control-Allow-Headers', 'x-cap-remote-user'),
+        ctx.set('Access-Control-Allow-Headers', 'x-cap-api-data-context-org-id'),
+        ctx.set('Access-Control-Allow-Headers', 'x-cap-api-auth-org-id'),
+      ),
+    ),
+    rest.get(`${AUTH_ENDPOINT}/auth/org/:orgId/users`, (req, res, ctx) => {
+      const { orgId } = req.params;
+      switch (orgId) {
+        case '50146':
+          return res(ctx.status(200), ctx.json(apiResponse.authOrgUsersReonData));
+      }
+    }),
+
+    rest.get(`${AUTH_ENDPOINT}/auth/user`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.authUserReonData)),
+    ),
+
+    rest.get(`${AUTH_ENDPOINT}/auth/org/users`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.authOrgUsersReonData)),
+    ),
+    rest.get(`${API_ENDPOINT}/templates/Sms`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.smsTemplates)),
+    ),
+    rest.get(`${API_ENDPOINT}/templates/Rcs`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.rcsTemplates)),
+    ),
+    rest.get(`${API_ENDPOINT}/meta/wecrm`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.viberAccount)),
+    ),
+    rest.get(`${API_ENDPOINT}/assets/image`, (req, res, ctx) =>
+      res(ctx.status(200), ctx.json(apiResponse.gallery)),
+    ),
+  );

package/v2Components/CapActionButton/index.js

@@ -89,6 +89,7 @@ export const CapActionButton = (props) => {
         id="rcs-template-Button-link"
         onChange={onButtonLinkChange}
         placeholder={formatMessage(messages.templateButtonLinkPlaceholder)}
+        data-testid="cta_btn_link"
         value={buttonLink}
         size="default"
         errorMessage={buttonURLErrorMessage}

package/v2Components/FormBuilder/index.js

@@ -11,9 +11,11 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import _ from 'lodash';
 import { Tabs, Table, Modal} from 'antd';
-import { CapSpin, CapDrawer, CapButton, CapInput, CapPopover, CapImage, CapCheckbox, CapRadio, CapSelect, CapTable, CapRow, CapColumn, CapNotification, CapUploader, CapHeading, CapIcon, CapTooltip} from '@capillarytech/cap-ui-library';
+import { connect } from 'react-redux';
+import { CapSpin, CapDrawer, CapButton, CapInput, CapPopover, CapImage, CapCheckbox, CapRadio, CapSelect, CapTable, CapRow, CapColumn, CapNotification, CapUploader, CapHeading, CapIcon, CapTooltip, CapAiSuggestions} from '@capillarytech/cap-ui-library';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import LabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
+import { createStructuredSelector } from 'reselect';
 import { CAP_SPACE_12, CAP_SPACE_08, FONT_COLOR_05, FONT_COLOR_04 } from '@capillarytech/cap-ui-library/styled/variables';
 import TemplatePreview from '../TemplatePreview';
 import TagList from '../../v2Containers/TagList';
@@ -24,9 +26,10 @@ import EDMEditor from "../Edmeditor";
 import BeeEditor from '../../v2Containers/BeeEditor';
 import CustomPopOver from '../CustomPopOver';
 import messages from './messages';
+import { selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
 import './_formBuilder.scss';
 import {updateCharCount, checkUnicode} from "../../utils/smsCharCountV2";
-import { SMS, LINE } from '../../v2Containers/CreativesContainer/constants';
+import { SMS, LINE, ENABLE_AI_SUGGESTIONS } from '../../v2Containers/CreativesContainer/constants';
 import { validateIfTagClosed } from '../../utils/tagValidations';
 import globalMessages from '../../v2Containers/Cap/messages';
 import { convert } from 'html-to-text';
@@ -2278,6 +2281,12 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     const messageContent = isVersionEnable ? formData[`${currentTab - 1}`][val.id] : formData[val.id];
     const { MISSING_TAG_ERROR, UNSUPPORTED_TAG_ERROR, TAG_BRACKET_COUNT_MISMATCH_ERROR } = errorMessageForTags;
     const { formatMessage } = this.props.intl;
+    
+    const { accessibleFeatures = [] } = this.props.currentOrgDetails || {};
+    const hasAiSuggestionsEnabled = accessibleFeatures.includes(
+      ENABLE_AI_SUGGESTIONS
+    );
+  
     let errorMessageText = false;
     switch (errorType) {
       case MISSING_TAG_ERROR:
@@ -2313,6 +2322,16 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             disabled={val.disabled}
             cols={cols}
           />
+          {this.props.schema.channel === "SMS" && this.props.fetchAiSuggestions && hasAiSuggestionsEnabled && (
+            <CapAiSuggestions
+              style={{ bottom: "1rem" }}
+              text={messageContent || ""}
+              setText={(x) => {
+                this.updateFormData(x, val);
+              }}
+              getCompletions={this.props.fetchAiSuggestions}
+            />
+          )}
         </CapColumn>
       );
     }
@@ -3617,7 +3636,12 @@ FormBuilder.propTypes = {
   setDrawerVisibility: PropTypes.bool,
   capDrawerContent: PropTypes.array,
   isFullMode: PropTypes.bool,
-
+  fetchAiSuggestions: PropTypes.func,
+  currentOrgDetails: PropTypes.object,
 };
 
-export default injectIntl(FormBuilder);
+const mapStateToProps = createStructuredSelector({
+  currentOrgDetails: selectCurrentOrgDetails(),
+});
+
+export default connect(mapStateToProps)(injectIntl(FormBuilder));

package/v2Containers/Assets/Gallery/index.js

@@ -306,7 +306,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
   getTemplateDataForGrid = ({templates, handlers, filterContent, isLoading, loadingTip}) => {
     const currentChannel = 'gallery';
     const { searchLoader, searchText } = this.state;
-    const cardDataList = templates.length ? _.map(templates, (template) => {
+    const cardDataList = templates?.length ? _.map(templates, (template) => {
       const templateData =
         {
           key: `${currentChannel}-card-${template.name}`,

package/v2Containers/CreativesContainer/constants.js

@@ -23,3 +23,5 @@ export const SHOW_CONTANER_LOADER = "app/CreativesContainer/SHOW_CONTANER_LOADER
 export const HIDE_CONTAINER_LOADER = "app/CreativesContainer/HIDE_CONTAINER_LOADER";
 
 export const WHATSAPP_HELP_DOC_LINK = "https://docs.capillarytech.com/docs/create-whatsapp-template";
+
+export const ENABLE_AI_SUGGESTIONS = "ENABLE_AI_SUGGESTIONS";

package/v2Containers/CreativesContainer/selectors.js

@@ -16,11 +16,11 @@ const selectCreativesContainerDomain = () => (state) => state.get('creativesCont
 
 const makeSelectCreativesContainer = () => createSelector(
   selectCreativesContainerDomain(),
-  (substate) => substate.toJS()
+  (substate) => substate?.toJS()
 );
 const isLoading = () => createSelector(
   makeSelectCreativesContainer(),
-  (substate) => substate.containerLoader
+  (substate) => substate?.containerLoader
 );
 
 export default makeSelectCreativesContainer;

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

@@ -5,7 +5,9 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="RCS"
@@ -76,7 +78,9 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="WHATSAPP"
@@ -147,7 +151,9 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="WHATSAPP"
@@ -220,7 +226,9 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
   className="add-creatives-section creatives-library-mode "
 >
   <CapSlideBox
+    closeIconPosition="right"
     closeIconSize="m"
+    closeIconType="close"
     content={
       <SlideBoxContent
         currentChannel="WHATSAPP"

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap

@@ -2806,6 +2806,7 @@ new message content.",
                               className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                             >
                               <CapSelect
+                                getMenuOptionsProps={[Function]}
                                 onChange={[Function]}
                                 options={
                                   Array [
@@ -6330,6 +6331,7 @@ new message content.",
                               className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                             >
                               <CapSelect
+                                getMenuOptionsProps={[Function]}
                                 onChange={[Function]}
                                 options={
                                   Array [
@@ -9838,6 +9840,7 @@ new message content.",
                               className="ComponentWithLabelHOC__ComponentWithLabelWrapper-sc-1qk6bpg-1 evSAae"
                             >
                               <CapSelect
+                                getMenuOptionsProps={[Function]}
                                 onChange={[Function]}
                                 options={
                                   Array [

package/v2Containers/Line/Container/Text/index.js

@@ -126,8 +126,8 @@ export const LineText = ({
             location,
             tagModule: 'outbound',
         }) || {};
-        if (value === '') {
-            errorMessage = formatMessage(messages.emptyTitleErrorMessage);
+        if (value.trim() === '') {
+            errorMessage = formatMessage(messages.emptyContentErrorMessage);
         } else if (value.length > charLimit) {
             errorMessage = formatMessage(messages.limitExceededContentErrorMessage);
         } else if (isBraceError) {
@@ -337,6 +337,7 @@ export const LineText = ({
                         value={messageTitle || ''}
                         size="default"
                         label={formatMessage(messages.textMessageTitleLabel)}
+                        data-testid="template_name"
                     />
                 )
                 : null