@capillarytech/creatives-library 7.11.15 → 7.12.0

package/v2Containers/TemplatesV2/index.js

@@ -28,7 +28,7 @@ import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
-import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS } from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 
@@ -54,7 +54,6 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
 
     const defaultPanes = {
       sms: {content: <></>, tab: intl.formatMessage(messages.sms), key: 'sms'},
-      rcs: { content: <></>, tab: intl.formatMessage(messages.rcs), key: RCS },
       email: {content: <></>, tab: intl.formatMessage(messages.email), key: 'email'},
       weChat: {content: <></>, tab: intl.formatMessage(messages.wechat), key: 'wechat'},
       //'wechat': {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},

package/v2Containers/TemplatesV2/messages.js

@@ -58,10 +58,6 @@ export default defineMessages({
     id: 'creatives.containersV2.TemplatesV2.whatsapp',
     defaultMessage: 'WhatsApp',
   },
-  rcs: {
-    id: 'creatives.containersV2.TemplatesV2.rcs',
-    defaultMessage: 'RCS',
-  },
   gallery: {
     id: 'creatives.containersV2.TemplatesV2.gallery',
     defaultMessage: 'Gallery',

package/v2Containers/Whatsapp/constants.js

@@ -129,290 +129,3 @@ export const WHATSAPP_MEDIA_TYPES = {
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
 };
-
-export const LANGUAGE_OPTIONS = [
-  {
-    value: 'af',
-    label: <FormattedMessage {...messages.afrikaans} />,
-  },
-  {
-    value: 'sq',
-    label: <FormattedMessage {...messages.albanian} />,
-  },
-  {
-    value: 'ar',
-    label: <FormattedMessage {...messages.arabic} />,
-  },
-  {
-    value: 'az',
-    label: <FormattedMessage {...messages.azerbaijani} />,
-  },
-  {
-    value: 'bn',
-    label: <FormattedMessage {...messages.bengali} />,
-  },
-  {
-    value: 'bg',
-    label: <FormattedMessage {...messages.bulgarian} />,
-  },
-  {
-    value: 'ca',
-    label: <FormattedMessage {...messages.catalan} />,
-  },
-  {
-    value: 'zh_CN',
-    label: <FormattedMessage {...messages.chineseCHN} />,
-  },
-  {
-    value: 'zh_HK',
-    label: <FormattedMessage {...messages.chineseHKG} />,
-  },
-  {
-    value: 'zh_TW',
-    label: <FormattedMessage {...messages.chineseTAI} />,
-  },
-  {
-    value: 'hr',
-    label: <FormattedMessage {...messages.croatian} />,
-  },
-  {
-    value: 'cs',
-    label: <FormattedMessage {...messages.czech} />,
-  },
-  {
-    value: 'da',
-    label: <FormattedMessage {...messages.danish} />,
-  },
-  {
-    value: 'nl',
-    label: <FormattedMessage {...messages.dutch} />,
-  },
-  {
-    value: 'en',
-    label: <FormattedMessage {...messages.english} />,
-  },
-  {
-    value: 'en_GB',
-    label: <FormattedMessage {...messages.englishUK} />,
-  },
-  {
-    value: 'en_US',
-    label: <FormattedMessage {...messages.englishUS} />,
-  },
-  {
-    value: 'et',
-    label: <FormattedMessage {...messages.estonian} />,
-  },
-  {
-    value: 'fil',
-    label: <FormattedMessage {...messages.filipino} />,
-  },
-  {
-    value: 'fi',
-    label: <FormattedMessage {...messages.finnish} />,
-  },
-  {
-    value: 'fr',
-    label: <FormattedMessage {...messages.french} />,
-  },
-  {
-    value: 'ka',
-    label: <FormattedMessage {...messages.georgian} />,
-  },
-  {
-    value: 'de',
-    label: <FormattedMessage {...messages.german} />,
-  },
-  {
-    value: 'el',
-    label: <FormattedMessage {...messages.greek} />,
-  },
-  {
-    value: 'gu',
-    label: <FormattedMessage {...messages.gujarati} />,
-  },
-  {
-    value: 'ha',
-    label: <FormattedMessage {...messages.hausa} />,
-  },
-  {
-    value: 'he',
-    label: <FormattedMessage {...messages.hebrew} />,
-  },
-  {
-    value: 'hi',
-    label: <FormattedMessage {...messages.hindi} />,
-  },
-  {
-    value: 'hu',
-    label: <FormattedMessage {...messages.hungarian} />,
-  },
-  {
-    value: 'id',
-    label: <FormattedMessage {...messages.indonesian} />,
-  },
-  {
-    value: 'ga',
-    label: <FormattedMessage {...messages.irish} />,
-  },
-  {
-    value: 'it',
-    label: <FormattedMessage {...messages.italian} />,
-  },
-  {
-    value: 'ja',
-    label: <FormattedMessage {...messages.japanese} />,
-  },
-  {
-    value: 'kn',
-    label: <FormattedMessage {...messages.kannada} />,
-  },
-  {
-    value: 'kk',
-    label: <FormattedMessage {...messages.kazakh} />,
-  },
-  {
-    value: 'rw_RW',
-    label: <FormattedMessage {...messages.kinyarwanda} />,
-  },
-  {
-    value: 'ko',
-    label: <FormattedMessage {...messages.korean} />,
-  },
-  {
-    value: 'ky_KG',
-    label: <FormattedMessage {...messages.kyrgyz} />,
-  },
-  {
-    value: 'lo',
-    label: <FormattedMessage {...messages.lao} />,
-  },
-  {
-    value: 'lv',
-    label: <FormattedMessage {...messages.latvian} />,
-  },
-  {
-    value: 'lt',
-    label: <FormattedMessage {...messages.lithuanian} />,
-  },
-  {
-    value: 'mk',
-    label: <FormattedMessage {...messages.macedonian} />,
-  },
-  {
-    value: 'ms',
-    label: <FormattedMessage {...messages.malay} />,
-  },
-  {
-    value: 'ml',
-    label: <FormattedMessage {...messages.malayalam} />,
-  },
-  {
-    value: 'mr',
-    label: <FormattedMessage {...messages.marathi} />,
-  },
-  {
-    value: 'nb',
-    label: <FormattedMessage {...messages.norwegian} />,
-  },
-  {
-    value: 'fa',
-    label: <FormattedMessage {...messages.persian} />,
-  },
-  {
-    value: 'pl',
-    label: <FormattedMessage {...messages.polish} />,
-  },
-  {
-    value: 'pt_BR',
-    label: <FormattedMessage {...messages.portugueseBR} />,
-  },
-  {
-    value: 'pt_PT',
-    label: <FormattedMessage {...messages.portuguesePOR} />,
-  },
-  {
-    value: 'pa',
-    label: <FormattedMessage {...messages.punjabi} />,
-  },
-  {
-    value: 'ro',
-    label: <FormattedMessage {...messages.romanian} />,
-  },
-  {
-    value: 'ru',
-    label: <FormattedMessage {...messages.russian} />,
-  },
-  {
-    value: 'sr',
-    label: <FormattedMessage {...messages.serbian} />,
-  },
-  {
-    value: 'sk',
-    label: <FormattedMessage {...messages.slovak} />,
-  },
-  {
-    value: 'sl',
-    label: <FormattedMessage {...messages.slovenian} />,
-  },
-  {
-    value: 'es',
-    label: <FormattedMessage {...messages.spanish} />,
-  },
-  {
-    value: 'es_AR',
-    label: <FormattedMessage {...messages.spanishARG} />,
-  },
-  {
-    value: 'es_ES',
-    label: <FormattedMessage {...messages.spanishSPA} />,
-  },
-  {
-    value: 'es_MX',
-    label: <FormattedMessage {...messages.spanishMEX} />,
-  },
-  {
-    value: 'sw',
-    label: <FormattedMessage {...messages.swahili} />,
-  },
-  {
-    value: 'sv',
-    label: <FormattedMessage {...messages.swedish} />,
-  },
-  {
-    value: 'ta',
-    label: <FormattedMessage {...messages.tamil} />,
-  },
-  {
-    value: 'te',
-    label: <FormattedMessage {...messages.telugu} />,
-  },
-  {
-    value: 'th',
-    label: <FormattedMessage {...messages.thai} />,
-  },
-  {
-    value: 'tr',
-    label: <FormattedMessage {...messages.turkish} />,
-  },
-  {
-    value: 'uk',
-    label: <FormattedMessage {...messages.ukrainian} />,
-  },
-  {
-    value: 'ur',
-    label: <FormattedMessage {...messages.urdu} />,
-  },
-  {
-    value: 'uz',
-    label: <FormattedMessage {...messages.uzbek} />,
-  },
-  {
-    value: 'vi',
-    label: <FormattedMessage {...messages.vietnamese} />,
-  },
-  {
-    value: 'zu',
-    label: <FormattedMessage {...messages.zulu} />,
-  },
-];

package/v2Containers/Whatsapp/index.js

@@ -41,7 +41,6 @@ import {
   TEMPLATE_MESSAGE_MAX_LENGTH,
   WHATSAPP,
   CATEGORY_OPTIONS,
-  LANGUAGE_OPTIONS,
   WHATSAPP_STATUSES,
   TAG,
   EMBEDDED,
@@ -90,9 +89,6 @@ export const Whatsapp = (props) => {
   const [templateCategory, setTemplateCategory] = useState(
     formatMessage(messages.select),
   );
-  const [templateLanguage, setTemplateLanguage] = useState(
-    formatMessage(messages.select),
-  );
   const [templateMessage, setTemplateMessage] = useState('');
   const [templateMessageError, setTemplateMessageError] = useState(false);
   const [addedVarCount, setAddedVarCount] = useState(0);
@@ -176,12 +172,10 @@ export const Whatsapp = (props) => {
         category = '',
         status = WHATSAPP_STATUSES.unsubmitted,
         rejection_reason = null,
-        languages = [],
       } = editContent;
       setTemplateCategory(category);
       setTemplateStatus(status);
       setTemplateRejectionReason(rejection_reason);
-      setTemplateLanguage(languages[0]?.language);
       computeTempMsgArray();
     }
   }, [editData.templateDetails || templateData]);
@@ -433,9 +427,7 @@ export const Whatsapp = (props) => {
     //regex to accept only lowercase alphanumeric characters and underscores
     const templateNameRegex = /^[a-z0-9_]+$/;
     if (value === '') {
-      errorMessage = formatMessage(
-        globalMessages.emptyTemplateNameErrorMessage,
-      );
+      errorMessage = formatMessage(messages.emptyTemplateNameErrorMessage);
     } else if (!templateNameRegex.test(value)) {
       errorMessage = formatMessage(messages.templateNameRegexErrorMessage);
     }
@@ -446,10 +438,6 @@ export const Whatsapp = (props) => {
     setTemplateCategory(value);
   };
 
-  const onTemplateLanguageChange = (value) => {
-    setTemplateLanguage(value);
-  };
-
   const onAddVar = () => {
     const validVarArr = templateMessage.match(validVarRegex) || [];
     const tempMsg = `${templateMessage}{{${validVarArr.length + 1}}}`;
@@ -513,14 +501,18 @@ export const Whatsapp = (props) => {
     return errorMessage;
   };
 
-  const getPayloadContent = () =>
-    isEditFlow && !isFullMode
-      ? `${updatedSmsEditor.join('')}\n${formatMessage(
-          messages.templateMessageUnsubscribeText,
-        )}`
-      : `${templateMessage}\n${formatMessage(messages.modifiedUnsubscribeText, {
-          value: `{{${addedVarCount + 1}}}`,
-        })}`;
+  const getPayloadContent = () => (
+    (isEditFlow && !isFullMode)
+    ? `${updatedSmsEditor.join('')}\n${formatMessage(
+        messages.templateMessageUnsubscribeText,
+      )}`
+    : `${templateMessage}\n${formatMessage(
+        messages.modifiedUnsubscribeText,
+      {
+        value: `{{${addedVarCount + 1}}}`,
+      },
+      )}`
+  );
 
   const createPayload = () => ({
     name: templateName,
@@ -531,7 +523,7 @@ export const Whatsapp = (props) => {
             category: templateCategory,
             languages: [
               {
-                language: templateLanguage,
+                language: 'en',
                 content: getPayloadContent(),
               },
             ],
@@ -596,12 +588,8 @@ export const Whatsapp = (props) => {
     if (templateName.trim() === '' || templateNameError) {
       return true;
     }
-    //if template category or language is not selected
-    if (
-      [templateCategory, templateLanguage].includes(
-        formatMessage(messages.select),
-      )
-    ) {
+    //if template category is not selected
+    if (templateCategory === 'Select') {
       return true;
     }
     //if template message is not entered
@@ -634,7 +622,7 @@ export const Whatsapp = (props) => {
         }
       />
       <CapInput
-        id="whatsapp_template_name_input"
+        id={`whatsapp_template_name_input`}
         onChange={onTemplateNameChange}
         errorMessage={templateNameError}
         placeholder={formatMessage(globalMessages.templateNamePlaceholder)}
@@ -645,18 +633,18 @@ export const Whatsapp = (props) => {
       {/* template category */}
       {renderLabel('templateCategoryLabel')}
       <CapSelect
-        id="select-whatsapp-category"
+        id={'select-whatsapp-category'}
         options={templateCategoryOptions || []}
         onChange={onTemplateCategoryChange}
         value={templateCategory}
       />
       {/* template language */}
       {renderLabel('messageLanguageLabel')}
-      <CapSelect
-        id="select-whatsapp-language"
-        options={LANGUAGE_OPTIONS || []}
-        onChange={onTemplateLanguageChange}
-        value={templateLanguage}
+      <CapInput
+        id={`whatsapp_template_language_input`}
+        defaultValue={'English'}
+        size="default"
+        disabled
       />
       {/* template mdeia type */}
       {renderLabel('mediaLabel')}
@@ -692,9 +680,7 @@ export const Whatsapp = (props) => {
             type="flat"
             isAddBtn
             onClick={onAddVar}
-            disabled={
-              (addedVarCount >= 19 || templateMessageError) && templateMessage
-            }
+            disabled={(addedVarCount >= 19 || templateMessageError) && templateMessage}
           >
             {formatMessage(messages.addVar)}
           </CapButton>
@@ -897,7 +883,7 @@ export const Whatsapp = (props) => {
           suffix={
             templateStatus === WHATSAPP_STATUSES.approved && (
               <TagList
-                label={formatMessage(globalMessages.addLabels)}
+                label={formatMessage(messages.addLabels)}
                 onTagSelect={onTagSelect}
                 location={location}
                 tags={tags || []}

package/v2Containers/Whatsapp/index.scss

@@ -1,4 +1,4 @@
-@import '~@capillarytech/cap-ui-library/styles/_variables';
+@import "~@capillarytech/cap-ui-library/styles/_variables";
 
 .cap-whatsapp-creatives {
   .whatsapp-render-heading {
@@ -52,8 +52,7 @@
     margin-right: $CAP_SPACE_16;
     width: 95%;
   }
-  #select-whatsapp-category,
-  #select-whatsapp-language {
+  #select-whatsapp-category {
     width: 100%;
   }