@capillarytech/creatives-library 8.0.218 → 8.0.220

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.220",
   "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/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">

package/v2Containers/Whatsapp/constants.js

@@ -368,7 +368,7 @@ export const HOST_ICS = 'icswababulk';
 export const HOST_HAPTIC = 'hapticwhatsappbulk';
 export const HOST_VALUE_FIRST = 'valuefirstwhatsappbulk';
 
-export const CAROUSEL_SUPPORTING_HOSTS = [HOST_GUPSHUP, HOST_VALUE_FIRST, HOST_KARIX, HOST_HAPTIC];
+export const CAROUSEL_SUPPORTING_HOSTS = [HOST_GUPSHUP, HOST_KARIX, HOST_HAPTIC];
 
 export const SIZE_UNITS = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
 export const DOCUMENT_FORMAT = 'PDF';

package/v2Containers/Whatsapp/index.js

@@ -226,6 +226,7 @@ export const Whatsapp = (props) => {
   const [isEditFlow, setEditFlow] = useState(false);
   const [templateDate, setTemplateDate] = useState('');
   const [templateStatus, setTemplateStatus] = useState();
+  const [templateId, setTemplateId] = useState('');
   const [templateRejectionReason, setTemplateRejectionReason] = useState(null);
   const [tempMsgArray, updateTempMsgArray] = useState([]);
   const [updatedSmsEditor, setUpdatedSmsEditor] = useState([]);
@@ -270,6 +271,7 @@ export const Whatsapp = (props) => {
   const isMediaTypeCarousel = templateMediaType === WHATSAPP_MEDIA_TYPES.CAROUSEL;
   const isHostIsNotTwilio = host !== HOST_TWILIO;
   const isHaptic = host === HOST_HAPTIC;
+  const isValueFirst = host === HOST_VALUE_FIRST;
   const WhatsappFooter = styled.div`
     background-color: ${CAP_WHITE};
     position: fixed;
@@ -340,6 +342,7 @@ export const Whatsapp = (props) => {
       const {
         category = '',
         status = WHATSAPP_STATUSES.unsubmitted,
+        templateId = '',
         rejection_reason = null,
         languages = [],
         mediaType = WHATSAPP_MEDIA_TYPES.TEXT,
@@ -358,6 +361,7 @@ export const Whatsapp = (props) => {
       } = editContent;
       setTemplateCategory(category);
       setTemplateStatus(status);
+      setTemplateId(templateId);
       setTemplateRejectionReason(rejection_reason);
       setTemplateLanguage(languages[0]?.language);
       setTemplateMediaType(mediaType);
@@ -1661,6 +1665,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               mediaType: templateMediaType,
               ...mediaParams,
               varMapped: !isFullMode ? varMap : {},
+              ...(isValueFirst && { templateId }),
               templateEditor: !isFullMode && tempMsgArray.join(""),
               ...(isHaptic
                 ? {