@capillarytech/creatives-library 7.17.208 → 7.17.210

package/package.json

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

package/v2Containers/Cap/reducer.js

@@ -97,7 +97,7 @@ function capReducer(state = fromJS(initialState.cap), action) {
       return state
         .set('fetchingLiquidTags', false)
     case types.GET_SCHEMA_FOR_ENTITY_SUCCESS: {
-      //Process standard tags (same as before)
+      //Process standard tags
       const standardTagMapInitial = _.keyBy(
         action?.data?.metaEntities?.standard,
         item => item?.definition?.value

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -155,6 +155,7 @@ export function SlideBoxContent(props) {
       moduleType,
       showLiquidErrorInFooter,
       creativesMode,
+      hostName='',
     } = props;
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
@@ -543,6 +544,7 @@ export function SlideBoxContent(props) {
             query,
             search: '',
           }}
+          hostName={hostName}
         />
       }
       {
@@ -924,5 +926,6 @@ SlideBoxContent.propTypes = {
   moduleType: PropTypes.string,
   showLiquidErrorInFooter: PropTypes.bool,
   creativesMode: PropTypes.string,
+  hostName: PropTypes.string,
 };
 export default SlideBoxContent;

package/v2Containers/CreativesContainer/index.js

@@ -1313,6 +1313,7 @@ export class Creatives extends React.Component {
               moduleType={this.props.messageDetails?.type}
               showLiquidErrorInFooter={this.showLiquidErrorInFooter}
               creativesMode={creativesMode} // An existing prop that we're using here. Required to ensure correct account details in Edit or Preview in case of Embedded mode.
+              hostName={this.props.hostName || ''}
           />
           }
           footer={this.shouldShowFooter() &&
@@ -1371,6 +1372,7 @@ Creatives.propTypes = {
   selectedAccount: PropTypes.object,
   strategy: PropTypes.string,
   orgUnitId: PropTypes.number,
+  hostName: PropTypes.string,
 };
 const mapStatesToProps = () => createStructuredSelector({
   isLoading: isLoadingSelector(),

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

@@ -14,6 +14,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         currentChannel="RCS"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -90,6 +91,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -166,6 +168,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -246,6 +249,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}
@@ -326,6 +330,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        hostName=""
         onCallTaskSubmit={[Function]}
         onChannelChange={[Function]}
         onCreateComplete={[MockFunction]}

package/v2Containers/MobilePush/Create/constants.js

@@ -22,3 +22,4 @@ export const GET_IOS_CTAS = 'app/v2Containers/PushMessage/Create/GET_IOS_CTAS';
 export const GET_IOS_CTAS_SUCCESS = 'app/v2Containers/PushMessage/Create/GET_IOS_CTAS_SUCCESS';
 export const GET_IOS_CTAS_FAILURE = 'app/v2Containers/PushMessage/Create/GET_IOS_CTAS_FAILURE';
 export const RESET_STORE = 'app/v2Containers/PushMessage/Create/RESET_STORE';
+export const EXTERNAL_LINK_LOWERCASE = 'external link';

package/v2Containers/MobilePush/Create/index.js

@@ -32,6 +32,7 @@ import { CREATE, TRACK_CREATE_MPUSH } from '../../App/constants';
 import { MOBILE_PUSH } from '../../CreativesContainer/constants';
 import { getContent } from '../commonMethods';
 import { getCdnUrl } from '../../../utils/cdnTransformation';
+import { EXTERNAL_LINK_LOWERCASE } from './constants';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -196,11 +197,25 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         newFormData[0]["add-sec-cta-2"] = false;
       }
     }
-    this.setState({formData: newFormData, tabCount, isSchemaChanged: !this.state.isSchemaChanged}, () => {
-      if (isFullMode && showTemplateName) {
-        showTemplateName({formData: this.state.formData, onFormDataChange: this.onFormDataChange});
+    const compareValue =
+      newFormData?.[this.state?.currentTab - 1]?.[inputField?.id] || "";
+    this.setState(
+      {
+        formData: newFormData,
+        tabCount,
+        isSchemaChanged:
+          compareValue.toLowerCase() === EXTERNAL_LINK_LOWERCASE ||
+          !this.state?.isSchemaChanged,
+      },
+      () => {
+        if (isFullMode && showTemplateName) {
+          showTemplateName({
+            formData: this.state?.formData,
+            onFormDataChange: this.onFormDataChange,
+          });
+        }
       }
-    });
+    );
   };
 
   onTagSelect = (data, currentTab, srcComp) => {

package/v2Containers/Zalo/index.js

@@ -65,8 +65,9 @@ export const Zalo = (props) => {
     injectedTags,
     getFormData,
     selectedOfferDetails,
+    hostName: zaloHostName = '',
   } = props || {};
-  const {hostName = ''} = senderDetails;
+  const {hostName = zaloHostName || ''} = senderDetails;
   const { formatMessage } = intl;
   const [oa_id, setOaId] = useState('');
   const [token, setToken] = useState('');