@capillarytech/creatives-library 8.0.218 → 8.0.219

package/config/app.js

@@ -21,6 +21,7 @@ const config = {
   },
   development: {
     api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/creatives',
+    // api_endpoint: 'http://localhost:2022/arya/api/v1/creatives',
     campaigns_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/campaigns',
     campaigns_api_org_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/org/campaign',
     auth_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/auth',

package/constants/unified.js

@@ -187,3 +187,5 @@ export const LOGOUT_FAILURE = 'cap/LOGOUT_FAILURE';
 export const JAPANESE_HELP_TEXT = 'ヘルプ :トークンの定義';
 
 export const TAG_TRANSLATION_DOC = 'https://docs.capillarytech.com/docs/tags-translation';
+
+export const CAPILLARY_LOADING_LOGO = 'https://storage.crm.n.content-cdn.io/capillary/capillary_loading_logo.gif';

package/package.json

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

package/services/api.js

@@ -264,6 +264,7 @@ export const getUserData = () => {
 
 export const createTemplate = ({template}) => {
   const url = `${API_ENDPOINT}/templates/SMS`;
+  console.log("creating template",template);
   return request(url, getAPICallObject('POST', template));
 };
 
@@ -346,6 +347,7 @@ export const getAllTemplates = async ({channel, queryParams = {}}) => {
 
 export const deleteTemplate = ({channel, id}) => {
   const url = `${API_ENDPOINT}/templates/${id}/${channel}`;
+  console.log("deleting template", url);
   return request(url, getAPICallObject('DELETE'));
   //return API.deleteResource(url);
 };

package/v2Containers/Cap/index.js

@@ -54,6 +54,7 @@ import { v2ViberSagas } from '../Viber/sagas';
 import { v2FacebookSagas } from '../Facebook/sagas';
 import createReducer from '../Line/Container/reducer';
 import { DAEMON } from '@capillarytech/vulcan-react-sdk/utils/sagaInjectorTypes';
+import {CAPILLARY_LOADING_LOGO} from '../../constants/unified';
 const gtm = window.dataLayer || [];
 const {
   logNewTab,
@@ -510,8 +511,12 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
           <div className="cap-loader-box">
             <img
               className="loader-image"
-              src="https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/88561f46de9407021cad.gif"
-              alt="Capillary"/>
+              src={CAPILLARY_LOADING_LOGO}
+              alt="Capillary"
+              loading="lazy"
+              data-testid="capillary-logo"
+              aria-label="Capillary loading logo"
+            />
           </div> : <>
             <Helmet
               titleTemplate="Capillary - %s"

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -392,7 +392,9 @@ export function SlideBoxContent(props) {
         };
       }
       default:
+        {
         return get(templateDataObject, `versions.base.content`);
+        }
     }
   };
 

package/v2Containers/CreativesContainer/index.js

@@ -577,6 +577,7 @@ export class Creatives extends React.Component {
               varMapped,
               category,
               language,
+              templateId,
               buttonType = 'NONE',
               buttons = [],
               mediaType = 'TEXT',
@@ -635,6 +636,7 @@ export class Creatives extends React.Component {
                     category,
                     varMapped,
                     mediaType,
+                    templateId,
                     ...mediaParams,
                     buttonType,
                     buttons: modifiedButtons,
@@ -943,6 +945,7 @@ export class Creatives extends React.Component {
             buttonType = 'NONE',
             buttons = [],
             imageUrl = '',
+            templateId = '',
             videoUrl = '',
             documentUrl = '',
             videoPreviewImg = '',
@@ -1019,6 +1022,7 @@ export class Creatives extends React.Component {
               name: template?.value?.name,
               template: templateEditor,
               varMapped,
+              templateId,
               category,
               language: languages[0].language,
               ...(mediaType !== WHATSAPP_MEDIA_TYPES.CAROUSEL && {

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap

@@ -1186,6 +1186,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
         ],
         "templateFooterPreview": "",
         "templateHeaderPreview": "",
+        "templateId": "720951875646523",
         "templateMsg": <CapLabel
           type="label5"
         >

package/v2Containers/Login/index.js

@@ -14,6 +14,7 @@ import LoginForm from './components/LoginForm';
 import * as actions from '../Cap/actions';
 import { UserIsNotAuthenticated } from '../../utils/authWrapper';
 const logo = require('./assets/images/capillary_logo.png');
+import {CAPILLARY_LOADING_LOGO} from '../../constants/unified';
 
 export class Login extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -65,8 +66,12 @@ export class Login extends React.Component { // eslint-disable-line react/prefer
           ? <div className="cap-loader-box">
             <img
               className="loader-image"
-              src={"https://storage.crm.n.content-cdn.io/capillary/capillary_loading_logo.gif"}
-              alt="Capillary"/>
+              src={CAPILLARY_LOADING_LOGO}
+              alt="Capillary"
+              loading="lazy"
+              data-testid="capillary-logo"
+              aria-label="Capillary loading logo"
+            />
           </div>
           : <Col className="login-box" style={{textAlign: 'center'}}>
             <h2 className="ui image header">