@capillarytech/creatives-library 7.15.4 → 7.15.6

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/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/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/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

package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap

@@ -22151,6 +22151,7 @@ new message content.",
                               >
                                 <_class
                                   className="text-template-title"
+                                  data-testid="template_name"
                                   defaultValue=""
                                   errorMessage={false}
                                   id="undefined_input"
@@ -22195,6 +22196,7 @@ new message content.",
                                             </CapHeading>
                                           </ComponentWithLabelHOC__StyledCapHeading>
                                           <CapInput
+                                            data-testid="template_name"
                                             defaultValue=""
                                             errorMessage={false}
                                             id="undefined_input"
@@ -22205,6 +22207,7 @@ new message content.",
                                             value=""
                                           >
                                             <Input
+                                              data-testid="template_name"
                                               defaultValue=""
                                               id="undefined_input"
                                               onChange={[Function]}
@@ -22221,6 +22224,7 @@ new message content.",
                                               >
                                                 <input
                                                   className="ant-input"
+                                                  data-testid="template_name"
                                                   id="undefined_input"
                                                   onChange={[Function]}
                                                   onKeyDown={[Function]}

package/v2Containers/Line/Container/index.js

@@ -150,7 +150,7 @@ export const LineContainer = ({
             };
             updateLineWrapperContent([lineContent]);
         }
-    }, [Line.templateDetails]);
+    }, [Line?.templateDetails]);
 
     useEffect(() => {
         if (templateData && templateData.versions) {

package/v2Containers/Rcs/index.js

@@ -486,6 +486,7 @@ export const Rcs = (props) => {
         value={templateTitle || ''}
         size="default"
         maxLength={TEMPLATE_TITLE_MAX_LENGTH}
+        data-testid="template_title"
         suffix={
           <CapLabel type="label1">{`${templateTitle?.length} / ${TEMPLATE_TITLE_MAX_LENGTH}`}</CapLabel>
         }
@@ -526,6 +527,7 @@ export const Rcs = (props) => {
         errorMessage={templateDescError}
         value={templateDesc || ''}
         maxLength={1000}
+        data-testid="rcs_text_area"
       />
       {renderLabel('templateButton', true, 'templateButtonDesc')}
       <CapCheckboxGroup
@@ -1061,6 +1063,7 @@ export const Rcs = (props) => {
             {isFullMode && (
               <CapInput
                 id="rcs_template_name_input"
+                data-testid="template_name"
                 onChange={onTemplateNameChange}
                 errorMessage={templateNameError}
                 placeholder={formatMessage(