@capillarytech/creatives-library 7.16.10 → 7.16.11

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,32 @@ 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]);
+        }
+        if (messages?.[temp?.previewProps?.label]) {
+          temp.previewProps.label = formatMessage(messages[temp.previewProps.label]);
+        }
+        if (messages?.[temp?.previewProps?.inductiveText]) {
+          temp.previewProps.inductiveText = formatMessage(messages[temp.previewProps.inductiveText]);
+        }
+        if (messages?.[temp?.previewProps?.errorMessage]) {
+          temp.previewProps.errorMessage = formatMessage(messages[temp.previewProps.errorMessage]);
+        }
+
         temp.injectedEvents = {};
 
         forEach(col.supportedEvents, (event) => {
@@ -1035,7 +1062,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 +1137,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 +1243,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.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,32 @@ 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]);
+        }
+        if (messages?.[temp?.previewProps?.label]) {
+          temp.previewProps.label = formatMessage(messages[temp.previewProps.label]);
+        }
+        if (messages?.[temp?.previewProps?.inductiveText]) {
+          temp.previewProps.inductiveText = formatMessage(messages[temp.previewProps.inductiveText]);
+        }
+        if (messages?.[temp?.previewProps?.errorMessage]) {
+          temp.previewProps.errorMessage = formatMessage(messages[temp.previewProps.errorMessage]);
+        }
+
         temp.injectedEvents = {};
         temp.className = temp.className ? temp.className : '';
 

package/v2Containers/MobilePush/Edit/messages.js

@@ -286,4 +286,52 @@ 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',
+  },
+  "Add labels": {
+    id: 'creatives.containersV2.addLabels',
+    defaultMessage: 'Add labels',
+  },
+  "Cover Image": {
+    id: `creatives.containersV2.MobilePush.Edit.coverImage`,
+    defaultMessage: 'Cover image',
+  },
+  "Maximum file size acceptable is 5 MB": {
+    id: 'creatives.containersV2.MobilePush.Edit.coverImageDescription',
+    defaultMessage: 'Maximum file size acceptable is 5 MB',
+  },
+  "Add action link to content": {
+    id: 'creatives.containersV2.MobilePush.Edit.addActionLinkToContent',
+    defaultMessage: 'Add action link to content',
+  },
+  "Add a hyperlink of the page which customer will be directed to": {
+    id: 'creatives.containersV2.MobilePush.Edit.addActionLinkToContentDescription',
+    defaultMessage: 'Add a hyperlink of the page which customer will be directed to',
+  },
+  "Add primary button to notification": {
+    id: 'creatives.containersV2.MobilePush.Edit.addPrimaryButtonToNotification',
+    defaultMessage: 'Add primary button to notification',
+  },
+  "Add secondary button to notification": {
+    id: 'creatives.containersV2.MobilePush.Edit.addSecondaryButtonToNotification',
+    defaultMessage: 'Add secondary button to notification',
+  },
+  "Add action buttons to notification": {
+    id: 'creatives.containersV2.MobilePush.Edit.addActionButtonsToNotification',
+    defaultMessage: 'Add action buttons to notification',
+  },
+  "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,