@capillarytech/creatives-library 8.0.18 → 8.0.20

package/package.json

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

package/v2Containers/Cap/reducer.js

@@ -126,12 +126,14 @@ function capReducer(state = fromJS(initialState.cap), action) {
           tags: action.data && action.entityType === 'TAG' ? action.data.metaEntities : stateMeta.tags,
           tagLookupMap: action?.data && action?.entityType === TAG ? combinedTagMap : stateMeta?.tagLookupMap,
         })
-        .set('fetchingSchemaError', false);
+        .set('fetchingSchemaError', false)
+        .set('fetchingLiquidTags', false);
     }
     case types.CLEAR_META_ENTITIES:
       return state.set('metaEntities', {
         layouts: [],
         tags: [],
+        tagLookupMap: [],
       });
     // eslint-disable-next-line no-case-declarations
     case types.HIDE_TAGS:

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

@@ -1319,6 +1319,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() &&
@@ -1377,6 +1378,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

@@ -36,6 +36,7 @@ import injectReducer from '../../../utils/injectReducer';
 import injectSaga from '../../../utils/injectSaga';
 import v2MobilePushCreateReducer from './reducer';
 import { v2MobilePushWatchDuplicateTemplateSaga } from './sagas';
+import { EXTERNAL_LINK_LOWERCASE } from './constants';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -200,11 +201,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

@@ -69,8 +69,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('');