@capillarytech/creatives-library 7.16.7 → 7.16.9-alpha.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.16.7",
+  "version": "7.16.9-alpha.1",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/CapWhatsappCTA/index.js

@@ -142,7 +142,7 @@ export const CapWhatsappCTA = (props) => {
 
   const onButtonTextChange = ({ target }) => {
     const { value, id } = target;
-    let errorMessage = false;
+    let errorMessage = '';
     if (!isValidText(value)) {
       errorMessage = formatMessage(messages.ctaButtonErrorMessage);
     }
@@ -179,14 +179,12 @@ export const CapWhatsappCTA = (props) => {
 
   const ctaSaveDisabled = (index) => {
     const { ctaType, text, phone_number, url } = ctaData[index] || {};
-    if (text === '') {
+    if (text === '' || buttonError) {
       return true;
     } else if (ctaType === PHONE_NUMBER && phone_number.length < 5) {
       return true;
     } else if (ctaType === WEBSITE && (url === '' || urlError)) {
       return true;
-    } else if (text === '' || buttonError) {
-      return true;
     }
     return false;
   };

package/v2Components/CapWhatsappCTA/messages.js

@@ -55,7 +55,7 @@ export default defineMessages({
   },
   ctaButtonErrorMessage: {
     id: `${prefix}.ctaButtonErrorMessage`,
-    defaultMessage: "Newlines, Emojis, or Special characters not allowed",
+    defaultMessage: "Newlines, Emojis, or Special characters are not allowed",
   },
   addButton: {
     id: `${prefix}.addButton`,

package/v2Containers/LanguageProvider/index.js

@@ -12,6 +12,7 @@ import React from 'react';
 import { ConfigProvider } from 'antd';
 import enUS from 'antd/es/locale-provider/en_US';
 import zhCN from 'antd/es/locale-provider/zh_CN';
+import jaJP from 'antd/es/locale-provider/ja_JP';
 import { connect } from 'react-redux';
 import { createStructuredSelector } from 'reselect';
 import { IntlProvider } from 'react-intl';
@@ -37,6 +38,7 @@ export class LanguageProvider extends React.PureComponent { // eslint-disable-li
       'zh-cn': 'zh',
       'zh': 'zh',
       'en-US': 'en-US',
+      'ja-JP': 'ja-JP',
     };
     return map[locale];
   };
@@ -57,6 +59,7 @@ export class LanguageProvider extends React.PureComponent { // eslint-disable-li
       'zh-cn': zhCN,
       'en-US': enUS,
       'zh': zhCN,
+      'ja-JP': jaJP,
     };
     const jLocale = localStorage.getItem('jlocale') || 'en';
     const file = mappedLocale[jLocale];

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

@@ -551,11 +551,11 @@ export const LineVideo = ({
           value={selectedAction}
           options={[
             {
-              label: 'Hide',
+              label: <FormattedMessage {...messages.hide} />,
               value: HIDE_ACTION_BUTTON,
             },
             {
-              label: 'Display',
+              label: <FormattedMessage {...messages.display} />,
               value: DISPLAY_ACTION_BUTTON,
             },
           ]}

package/v2Containers/Line/Container/Video/messages.js

@@ -139,4 +139,13 @@ export default defineMessages({
     id: `${scope}.inValidUrlErrorMessage`,
     defaultMessage: 'Action url is not valid',
   },
+  hide: {
+    id: `${scope}.hide`,
+    defaultMessage: 'Hide',
+  },
+  display: {
+    id: `${scope}.display`,
+    defaultMessage: 'Display',
+  },
+
 });

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

@@ -72,6 +72,10 @@ describe('line wrapper test/>', () => {
       const textWithEmojis = 'Invalid text 😊';
       expect(isValidText(textWithEmojis)).toBe(false);
     });
+    it('should return false for text with emojis,newlines,special char', () => {
+      const textWithEmojis = 'Invalid text 😊@#$ \n';
+      expect(isValidText(textWithEmojis)).toBe(false);
+    });
   
     it('should return true for an empty string', () => {
       const emptyString = '';

package/v2Containers/MobilePush/Create/index.js

@@ -703,6 +703,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   };
 
   injectMultiColSection = (section) => {
+    const { formatMessage } = this.props.intl;
     forEach(section.inputFields, (inputField) => {
       forEach(inputField.cols, (col) => {
         const temp = col;
@@ -720,6 +721,23 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         if (temp.id === "mobile-push-preview") {
           temp.content.appName = this.props.Templates.selectedWeChatAccount.name;
         }
+
+        if (messages?.[temp?.value]) {
+          temp.value = formatMessage(messages[temp.value]);
+        }
+        if (messages?.[temp?.label]) {
+          temp.label = formatMessage(messages[temp.label]);
+        }
+        if (messages?.[temp?.errorMessage]) {
+          temp.errorMessage = formatMessage(messages[temp.errorMessage]);
+        }
+        if (messages?.[temp?.placeholder]) {
+          temp.placeholder = formatMessage(messages[temp.placeholder]);
+        }
+        if (messages?.[temp?.hoverText]) {
+          temp.hoverText = formatMessage(messages[temp.hoverText]);
+        }
+
         temp.injectedEvents = {};
 
         forEach(col.supportedEvents, (event) => {
@@ -1035,7 +1053,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                   metaType: "text",
                   datatype: "string",
                   options: ["Deeplink", "External Link"],
-                  inductiveText: ["A page within mobile app", "An external web page"],
+                  inductiveText: [<FormattedMessage {...messages.aPageWithMobileApp}/>, <FormattedMessage {...messages.anExternalWebPage}/>],
                   value: "Deeplink",
                   required: true,
                   width: 18,
@@ -1110,7 +1128,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                   metaType: "text",
                   datatype: "string",
                   options: ["Deeplink", "External Link"],
-                  inductiveText: ["A page within mobile app", "An external web page"],
+                  inductiveText: [<FormattedMessage {...messages.aPageWithMobileApp}/>, <FormattedMessage {...messages.anExternalWebPage}/>],
                   value: "Deeplink",
                   required: true,
                   width: 18,
@@ -1216,7 +1234,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                   metaType: "text",
                   datatype: "string",
                   options: ["Deeplink", "External Link"],
-                  inductiveText: ["A page within mobile app", "An external web page"],
+                  inductiveText: [<FormattedMessage {...messages.aPageWithMobileApp}/>, <FormattedMessage {...messages.anExternalWebPage}/>],
                   value: "Deeplink",
                   required: true,
                   width: 18,

package/v2Containers/MobilePush/Create/messages.js

@@ -294,4 +294,52 @@ export default defineMessages({
     id: 'creatives.containersV2.MobilePush.Create.change',
     defaultMessage: 'change',
   },
+  "Add labels": {
+    id: 'creatives.containersV2.MobilePush.Create.addLabels',
+    defaultMessage: 'Add labels',
+  },
+  "Cover Image": {
+    id: `creatives.containersV2.MobilePush.Create.coverImage`,
+    defaultMessage: 'Cover image',
+  },
+  "Maximum file size acceptable is 5 MB": {
+    id: 'creatives.containersV2.MobilePush.Create.coverImageDescription',
+    defaultMessage: 'Maximum file size acceptable is 5 MB',
+  },
+  "Add action link to content": {
+    id: 'creatives.containersV2.MobilePush.Create.addActionLinkToContent',
+    defaultMessage: 'Add action link to content',
+  },
+  "Add a hyperlink of the page which customer will be directed to": {
+    id: 'creatives.containersV2.MobilePush.Create.addActionLinkToContentDescription',
+    defaultMessage: 'Add a hyperlink of the page which customer will be directed to',
+  },
+  "aPageWithMobileApp": {
+    id: 'creatives.containersV2.MobilePush.Create.aPageWithMobileApp',
+    defaultMessage: 'A page within mobile app',
+  },
+  "anExternalWebPage": {
+    id: 'creatives.containersV2.MobilePush.Create.anExternalWebPage',
+    defaultMessage: 'An external web page',
+  },
+  "Add primary button to notification": {
+    id: 'creatives.containersV2.MobilePush.Create.addPrimaryButtonToNotification',
+    defaultMessage: 'Add primary button to notification',
+  },
+  "Button label": {
+    id: 'creatives.containersV2.MobilePush.Create.buttonLabel',
+    defaultMessage: 'Button label',
+  },
+  "Add secondary button to notification": {
+    id: 'creatives.containersV2.MobilePush.Create.addSecondaryButtonToNotification',
+    defaultMessage: 'Add secondary button to notification',
+  },
+  "Add action buttons to notification": {
+    id: 'creatives.containersV2.MobilePush.Create.addActionButtonsToNotification',
+    defaultMessage: 'Add action buttons to notification',
+  },
+  "This section is being revamped. Till then it will remain disabled.": {
+    id: 'creatives.containersV2.MobilePush.Create.thisSectionDisabledHoverText',
+    defaultMessage: 'This section is being revamped. Till then it will remain disabled.',
+  },
 });

package/v2Containers/MobilePush/Edit/index.js

@@ -1023,7 +1023,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                   metaType: "text",
                   datatype: "string",
                   options: ["Deeplink", "External Link"],
-                  inductiveText: ["A page within mobile app", "An external web page"],
+                  inductiveText: [<FormattedMessage {...messages.aPageWithMobileApp}/>, <FormattedMessage {...messages.anExternalWebPage}/>],
                   value: "Deeplink",
                   required: true,
                   width: 18,
@@ -1417,6 +1417,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     return sections;
   };
   injectMultiColSection = (section) => {
+    const { formatMessage } = this.props.intl;
     _.forEach(section.inputFields, (inputField) => {
       _.forEach(inputField.cols, (col) => {
         const temp = col;
@@ -1425,6 +1426,23 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
           temp.value.sections = this.injectSections(temp.value.sections);
           return true;
         }
+
+        if (messages?.[temp?.value]) {
+          temp.value = formatMessage(messages[temp.value]);
+        }
+        if (messages?.[temp?.label]) {
+          temp.label = formatMessage(messages[temp.label]);
+        }
+        if (messages?.[temp?.errorMessage]) {
+          temp.errorMessage = formatMessage(messages[temp.errorMessage]);
+        }
+        if (messages?.[temp?.placeholder]) {
+          temp.placeholder = formatMessage(messages[temp.placeholder]);
+        }
+        if (messages?.[temp?.hoverText]) {
+          temp.hoverText = formatMessage(messages[temp.hoverText]);
+        }
+
         temp.injectedEvents = {};
         temp.className = temp.className ? temp.className : '';
 

package/v2Containers/MobilePush/Edit/messages.js

@@ -286,4 +286,20 @@ export default defineMessages({
     id: 'creatives.containersV2.MobilePush.Edit.change',
     defaultMessage: "change",
   },
+  "aPageWithMobileApp": {
+    id: 'creatives.containersV2.MobilePush.Edit.aPageWithMobileApp',
+    defaultMessage: 'A page within mobile app',
+  },
+  "anExternalWebPage": {
+    id: 'creatives.containersV2.MobilePush.Edit.anExternalWebPage',
+    defaultMessage: 'An external web page',
+  },
+  "Button label": {
+    id: 'creatives.containersV2.MobilePush.Edit.buttonLabel',
+    defaultMessage: 'Button label',
+  },
+  "This section is being revamped. Till then it will remain disabled.": {
+    id: 'creatives.containersV2.MobilePush.Edit.thisSectionDisabledHoverText',
+    defaultMessage: 'This section is being revamped. Till then it will remain disabled.',
+  },
 });

package/v2Containers/MobilePush/commonMethods.js

@@ -16,7 +16,7 @@ function getPrimaryCtaFields({inputFields, fieldIndex, deepLinkOptions, tab}) {
         metaType: "text",
         datatype: "string",
         options: ["Deeplink", "External Link"],
-        inductiveText: ["A page within mobile app", "An external web page"],
+        inductiveText: [<FormattedMessage {...messages.aPageWithMobileApp}/>, <FormattedMessage {...messages.anExternalWebPage}/>],
         value: "Deeplink",
         required: true,
         width: 18,
@@ -105,7 +105,7 @@ function getSecondaryCtaFields({inputFields, fieldIndex, deepLinkOptions}) {
         metaType: "text",
         datatype: "string",
         options: ["Deeplink", "External Link"],
-        inductiveText: ["A page within mobile app", "An external web page"],
+        inductiveText: [<FormattedMessage {...messages.aPageWithMobileApp}/>, <FormattedMessage {...messages.anExternalWebPage}/>],
         value: "Deeplink",
         required: true,
         width: 18,