@capillarytech/creatives-library 7.17.17 → 7.17.19

package/package.json

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

package/v2Components/CapTagList/index.js

@@ -53,11 +53,11 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
   componentDidMount() {
     const user = localStorage.getItem('user');
     let locale = 'en';
-    moment.locale(locale);
     if (user) {
       locale = JSON.parse(user).lang || locale;
     }
     locale = this.getTranslationMappedLocale(locale);
+    moment.locale(locale);
     this.setState({
       translationLang: locale,
     });
@@ -293,7 +293,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
           onVisibleChange={this.togglePopoverVisibility}
           content={contentSection}
           trigger="click"
-          placement={channel === 'EMAIL' ? "bottom" : "rightTop"}
+          placement={translationLang === "ja-JP" && channel === 'EMAIL' ? "bottom" : "rightTop"}
           >
           <CapButton isAddBtn type="flat">{label || ''}</CapButton>
         </CapPopover>

package/v2Components/FormBuilder/index.js

@@ -3066,7 +3066,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                     id={val.id}
                     userLocale={this.props.userLocale}
                     selectedOfferDetails={this.props.selectedOfferDetails}
-                    channel={this.props.schema.channel}
+                    channel={channel}
                   />
                 </CapColumn>
               );

package/v2Containers/Email/index.js

@@ -36,6 +36,7 @@ import { FONT_COLOR_05 } from '@capillarytech/cap-ui-library/styled/variables';
 import { gtmPush } from '../../utils/gtmTrackers';
 const {CapCustomCardList} = CapCustomCard;
 import {transformEmailTemplates, storeS3FileSizeDetails, CREATIVES_S3_ASSET_FILESIZES} from '../../utils/cdnTransformation';
+import { GET_TRANSLATION_MAPPED } from '../../containers/TagList/constants';
 
 export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -80,6 +81,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       addLanguageType: '',
       startValidation: false,
       saveForm: false,
+      translationLang: 'en',
     };
 
     this.isTagLoaded = false;
@@ -204,7 +206,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     //   this.startTemplateCreation();
     // }, 15000);
   }
-
+  
+  getTranslationMappedLocale(locale) {
+    return GET_TRANSLATION_MAPPED?.[locale];
+  }
   componentDidMount() {
     const query = {
       layout: 'EMAIL',
@@ -216,6 +221,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     if (this.props.location.query.type === 'embedded') {
       this.showNext();
     }
+    const user = localStorage.getItem('user');
+    let locale = 'en';
+    if (user) {
+      locale = JSON.parse(user)?.lang || locale;
+    }
+    locale = this.getTranslationMappedLocale(locale);
+    moment.locale(locale);
+    this.setState({
+      translationLang: locale,
+    });
   }
 
   checkBeeEditorAllowedForLibrary = () => {
@@ -2714,6 +2729,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                   uuid={CmsSettings.uuid}
                   type={CmsSettings.type}
                   isEmailLoading={isLoading}
+                  userLocale={this.state.translationLang}
               /> : ''}
             </Col>
           </Row>