@capillarytech/creatives-library 7.18.0-beta.0 → 8.0.1

package/v2Containers/LanguageProvider/tests/index.test.js

@@ -5,7 +5,9 @@ import { Provider } from 'react-redux';
 import { browserHistory } from 'react-router';
 import enUS from 'antd/es/locale-provider/en_US';
 import ConnectedLanguageProvider, { LanguageProvider } from '../index';
-import configureStore from '../../../store';
+import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
+import { createBrowserHistory } from 'history';
+import { initialReducer } from '../../../initialReducer';
 
 import { translationMessages } from '../../../i18n';
 
@@ -39,9 +41,10 @@ describe('<LanguageProvider />', () => {
 
 describe('<ConnectedLanguageProvider />', () => {
   let store;
+  let browserHistory = createBrowserHistory();
 
   beforeAll(() => {
-    store = configureStore({}, browserHistory);
+    store = configureStore({}, initialReducer, browserHistory);
   });
 
   it('should render the default language messages', () => {

package/v2Containers/LanguageProvider/tests/reducer.test.js

@@ -10,22 +10,25 @@ describe('languageProviderReducer', () => {
   it('returns the initial state', () => {
     expect(languageProviderReducer(undefined, {})).toEqual(fromJS({
       locale: 'en',
+      languageLocale: 'en',
       messages: {},
       localeLoading: false,
     }));
   });
 
   it('changes the locale', () => {
-    expect(languageProviderReducer(undefined, { type: CHANGE_LOCALE, locale: 'de' }).toJS()).toEqual({
+    expect(languageProviderReducer(undefined, { type: CHANGE_LOCALE, locale: 'en', languageLocale: 'en' }).toJS()).toEqual({
       locale: "en",
+      languageLocale: "en",
       localeLoading: false,
       messages: {},
     });
   });
 
   it('make locize message request', () => {
-    expect(languageProviderReducer(undefined, { type: GET_LOCIZ_MESSAGE_REQUEST, locale: 'de' }).toJS()).toEqual({
-      locale: "de",
+    expect(languageProviderReducer(undefined, { type: GET_LOCIZ_MESSAGE_REQUEST, locale: 'en', languageLocale: 'en' }).toJS()).toEqual({
+      locale: "en",
+      languageLocale: 'en',
       localeLoading: true,
       messages: {},
     });

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap

@@ -1922,7 +1922,7 @@ new message content.",
         "creatives.containersV2.Whatsapp.awaitingStatusMsg": "This template is awaiting approval",
         "creatives.containersV2.Whatsapp.azerbaijani": "Azerbaijani",
         "creatives.containersV2.Whatsapp.bengali": "Bengali",
-        "creatives.containersV2.Whatsapp.btnDesc": "These will be show clickable buttons below your message.",
+        "creatives.containersV2.Whatsapp.btnDesc": "These will be clickable buttons below your message.",
         "creatives.containersV2.Whatsapp.btnDisabledTooltip": "Please add all mandatory fields to proceed further",
         "creatives.containersV2.Whatsapp.btnLabel": "Buttons",
         "creatives.containersV2.Whatsapp.btnTypeCTA": "Call to action",
@@ -2672,13 +2672,16 @@ new message content.",
                       <img
                         alt="line-image-src"
                         className="cap-image-v2 undefined"
-                        src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
-                        style={
+                        height="40"
+                        rest={
                           Object {
-                            "marginBottom": 5,
-                            "maxWidth": "100%",
+                            "style": Object {
+                              "marginBottom": 5,
+                              "maxWidth": "100%",
+                            },
                           }
                         }
+                        src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
                       />
                     </CapImage>
                     <span
@@ -2784,6 +2787,7 @@ new message content.",
                                     <img
                                       alt="line-image-src"
                                       className="cap-image-v2 undefined"
+                                      height="400"
                                       src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
                                     />
                                   </CapImage>
@@ -5519,7 +5523,7 @@ new message content.",
         "creatives.containersV2.Whatsapp.awaitingStatusMsg": "This template is awaiting approval",
         "creatives.containersV2.Whatsapp.azerbaijani": "Azerbaijani",
         "creatives.containersV2.Whatsapp.bengali": "Bengali",
-        "creatives.containersV2.Whatsapp.btnDesc": "These will be show clickable buttons below your message.",
+        "creatives.containersV2.Whatsapp.btnDesc": "These will be clickable buttons below your message.",
         "creatives.containersV2.Whatsapp.btnDisabledTooltip": "Please add all mandatory fields to proceed further",
         "creatives.containersV2.Whatsapp.btnLabel": "Buttons",
         "creatives.containersV2.Whatsapp.btnTypeCTA": "Call to action",
@@ -6408,13 +6412,16 @@ new message content.",
                       <img
                         alt="line-image-src"
                         className="cap-image-v2 undefined"
-                        src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
-                        style={
+                        height="40"
+                        rest={
                           Object {
-                            "marginBottom": 5,
-                            "maxWidth": "100%",
+                            "style": Object {
+                              "marginBottom": 5,
+                              "maxWidth": "100%",
+                            },
                           }
                         }
+                        src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
                       />
                     </CapImage>
                     <span
@@ -6520,6 +6527,7 @@ new message content.",
                                     <img
                                       alt="line-image-src"
                                       className="cap-image-v2 undefined"
+                                      height="400"
                                       src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
                                     />
                                   </CapImage>
@@ -9255,7 +9263,7 @@ new message content.",
         "creatives.containersV2.Whatsapp.awaitingStatusMsg": "This template is awaiting approval",
         "creatives.containersV2.Whatsapp.azerbaijani": "Azerbaijani",
         "creatives.containersV2.Whatsapp.bengali": "Bengali",
-        "creatives.containersV2.Whatsapp.btnDesc": "These will be show clickable buttons below your message.",
+        "creatives.containersV2.Whatsapp.btnDesc": "These will be clickable buttons below your message.",
         "creatives.containersV2.Whatsapp.btnDisabledTooltip": "Please add all mandatory fields to proceed further",
         "creatives.containersV2.Whatsapp.btnLabel": "Buttons",
         "creatives.containersV2.Whatsapp.btnTypeCTA": "Call to action",
@@ -10128,13 +10136,16 @@ new message content.",
                       <img
                         alt="line-image-src"
                         className="cap-image-v2 undefined"
-                        src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
-                        style={
+                        height="40"
+                        rest={
                           Object {
-                            "marginBottom": 5,
-                            "maxWidth": "100%",
+                            "style": Object {
+                              "marginBottom": 5,
+                              "maxWidth": "100%",
+                            },
                           }
                         }
+                        src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
                       />
                     </CapImage>
                     <span
@@ -10240,6 +10251,7 @@ new message content.",
                                     <img
                                       alt="line-image-src"
                                       className="cap-image-v2 undefined"
+                                      height="400"
                                       src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/78a2074d-bb5f-4be7-b025-5c506be9.jpg"
                                     />
                                   </CapImage>
@@ -11051,4 +11063,4 @@ new message content.",
     </div>
   </LineImageCarouselContent>
 </Provider>
-`;
+`;

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

@@ -1922,7 +1922,7 @@ new message content.",
         "creatives.containersV2.Whatsapp.awaitingStatusMsg": "This template is awaiting approval",
         "creatives.containersV2.Whatsapp.azerbaijani": "Azerbaijani",
         "creatives.containersV2.Whatsapp.bengali": "Bengali",
-        "creatives.containersV2.Whatsapp.btnDesc": "These will be show clickable buttons below your message.",
+        "creatives.containersV2.Whatsapp.btnDesc": "These will be clickable buttons below your message.",
         "creatives.containersV2.Whatsapp.btnDisabledTooltip": "Please add all mandatory fields to proceed further",
         "creatives.containersV2.Whatsapp.btnLabel": "Buttons",
         "creatives.containersV2.Whatsapp.btnTypeCTA": "Call to action",
@@ -21162,7 +21162,7 @@ new message content.",
         "creatives.containersV2.Whatsapp.awaitingStatusMsg": "This template is awaiting approval",
         "creatives.containersV2.Whatsapp.azerbaijani": "Azerbaijani",
         "creatives.containersV2.Whatsapp.bengali": "Bengali",
-        "creatives.containersV2.Whatsapp.btnDesc": "These will be show clickable buttons below your message.",
+        "creatives.containersV2.Whatsapp.btnDesc": "These will be clickable buttons below your message.",
         "creatives.containersV2.Whatsapp.btnDisabledTooltip": "Please add all mandatory fields to proceed further",
         "creatives.containersV2.Whatsapp.btnLabel": "Buttons",
         "creatives.containersV2.Whatsapp.btnTypeCTA": "Call to action",

package/v2Containers/Line/Container/ImageCarousel/tests/content.test.js

@@ -1,15 +1,17 @@
 import React from 'react';
-import { browserHistory } from 'react-router';
 import { act } from 'react-dom/test-utils';
 import { Provider } from 'react-redux';
-import configureStore from '../../../../../store';
+import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
+import { createBrowserHistory } from 'history';
+import { initialReducer } from '../../../../../initialReducer';
 import { mountWithIntl } from '../../../../../../app/helpers/intl-enzym-test-helpers';
 import { LineImageCarouselContent } from '../Content';
 import { mockData } from './mockData';
 
 let store;
+let browserHistory = createBrowserHistory();
 beforeAll(() => {
-  store = configureStore({}, browserHistory);
+  store = configureStore({}, initialReducer, browserHistory);
 });
 
 describe('Creatives line image carousel test/>', () => {

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

@@ -1,14 +1,16 @@
 import React from 'react';
-import { browserHistory } from 'react-router';
 import { Provider } from 'react-redux';
-import configureStore from '../../../../../store';
+import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
+import { createBrowserHistory } from 'history';
+import { initialReducer } from '../../../../../initialReducer';
 import { mountWithIntl } from '../../../../../helpers/intl-enzym-test-helpers';
 import { LineImageCarousel } from '../index';
 import { mockData } from './mockData';
 
 let store;
+let browserHistory = createBrowserHistory();
 beforeAll(() => {
-  store = configureStore({}, browserHistory);
+  store = configureStore({}, initialReducer, browserHistory);
 });
 
 jest.mock('../Content', () => ({

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

@@ -235,7 +235,7 @@ export const LineImageMap = ({
         let incorrectFile = false;
         const file = files[0];
         if (supportedExtensions) {
-            const allowedExtensions = /(\.bmp|\.jpeg|\.png|\.gif|\.jpg)$/i;
+            const allowedExtensions = /(\.bmp|\.jpeg|\.png|\.gif|\.avif|\.jpg)$/i;
             if (!allowedExtensions.exec(file.name)) {
                 incorrectFile = true;
             }

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

@@ -16,6 +16,8 @@ import style from './style';
 import withStyles from '../../../../hoc/withStyles';
 import globalMessages from '../../../Cap/messages';
 import { validateTags } from '../../../../utils/tagValidations';
+import moment from 'moment';
+import { GET_TRANSLATION_MAPPED } from '../../../../containers/TagList/constants';
 
 const { TextArea } = CapInput;
 const {CapCustomCardList} = CapCustomCard;
@@ -54,6 +56,7 @@ export const LineText = ({
     const [messageTitle, updateTextMessageTitle] = useState('');
     const [isDrawerRequired, updateDrawerRequirement] = useState(false);
     const [selectedTemplate, updateSelectedTemplate] = useState();
+    const [translationLang, updateTranslationLang] = useState('en');
 
     useEffect(() => {
         const { messageTitle = '', messageContent = '', type, isInit } = content;
@@ -71,6 +74,18 @@ export const LineText = ({
         }
     }, [content]);
 
+    //To Find from which locale user is loggedin
+    useEffect(() => {
+      const user = localStorage.getItem("user");
+      let locale = "en";
+      if (user) {
+        locale = JSON.parse(user)?.lang || locale;
+      }
+      locale = GET_TRANSLATION_MAPPED?.[locale];
+      moment.locale(locale);
+      updateTranslationLang(locale);
+    }, []);
+     
     useEffect(() => {
         if (messageContent && (isFullMode ? messageTitle : true)) {
             updateMessageState({
@@ -260,7 +275,7 @@ export const LineText = ({
                     injectedTags={injectedTags || {}}
                     // className={val.className ? val.className : ''}
                     id={`${id}_tags`}
-                    userLocale={localStorage.getItem('jlocale') || 'en'}
+                    userLocale={translationLang}
                     selectedOfferDetails={selectedOfferDetails}
                 />
             </>

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

@@ -11,6 +11,7 @@ import CapHeader from '@capillarytech/cap-ui-library/CapHeader';
 import CapError from '@capillarytech/cap-ui-library/CapError';
 import CapRadioGroup from '@capillarytech/cap-ui-library/CapRadioGroup';
 import { isUrl } from '../Wrapper/utils';
+import { getDecodedFileName } from '../../../../utils/common';
 import LineDrawer from '../Drawer';
 import { CAP_SPACE_12, CAP_SPACE_08, FONT_COLOR_05, CAP_SPACE_24, CAP_SPACE_04 } from '@capillarytech/cap-ui-library/styled/variables';
 import style from './style';
@@ -414,7 +415,7 @@ export const LineVideo = ({
           </video>
           <div style={{ marginLeft: CAP_SPACE_24 }}>
             <CapHeading type="h6">
-              {videoName}
+              {getDecodedFileName(videoName)}
             </CapHeading>
             <CapHeading type="h6">
               {videoDuration}