@capillarytech/creatives-library 8.0.134-alpha.0 → 8.0.135

package/v2Containers/CreativesContainer/index.js

@@ -81,7 +81,7 @@ const SlideBoxWrapper = styled.div`
 export class Creatives extends React.Component {
   constructor(props) {
     super(props);
-
+    
     const initialSlidBoxContent = this.getSlideBoxContent({ mode: props.creativesMode, templateData: props.templateData, isFullMode: props.isFullMode });
 
     this.state = {
@@ -802,7 +802,7 @@ export class Creatives extends React.Component {
               androidContent.expandableDetails = this.getMobilePushCarouselData({...androidContent?.expandableDetails});
             }
             templateData.androidContent = androidContent;
-            templateData.androidContent.type = get(channelTemplate, 'definition.mode', '').toUpperCase();
+            templateData.androidContent.type = androidContent?.type || get(channelTemplate, 'definition.mode', '')?.toUpperCase() || constants.TEXT;
             templateData.androidContent.deviceType = constants.ANDROID;
           }
           const iosContent = channel === constants.INAPP ? get(channelTemplate, 'versions.base.content.IOS') : get(channelTemplate, 'versions.base.IOS');
@@ -824,7 +824,7 @@ export class Creatives extends React.Component {
               iosContent.expandableDetails = this.getMobilePushCarouselData({...iosContent?.expandableDetails});
             }
             templateData.iosContent = iosContent;
-            templateData.iosContent.type = get(channelTemplate, 'definition.mode').toUpperCase();
+            templateData.iosContent.type = iosContent?.type || get(channelTemplate, 'definition.mode', '')?.toUpperCase() || 'TEXT';
             templateData.iosContent.deviceType = constants.IOS;
           }
           templateData.messageSubject = channelTemplate?.name ? channelTemplate?.name : "messageSubject";
@@ -954,7 +954,6 @@ export class Creatives extends React.Component {
             default:
               break;
           }
-
           templateData = {
             channel,
             accountId,
@@ -962,7 +961,7 @@ export class Creatives extends React.Component {
             accountName: accountDetails?.name || '',
             messageBody: languages[0].content,
             templateConfigs: {
-              id: template?._id,
+              id: template?.value?.name,
               name: template?.value?.name,
               template: templateEditor,
               varMapped,

package/v2Containers/MobilePushNew/components/MediaUploaders.js

@@ -549,7 +549,7 @@ const MediaUploaders = ({
                 <FormattedMessage {...messages.actionDescription} />
               </CapLabel>
             </CapRow>
-            {button.actionOnClick && (
+            {button?.actionOnClick && (
               <CapRow style={{ display: "flex", justifyContent: "space-around" }}>
                 <CapColumn span={6}>
                   <CapHeading type="h4" className="buttons-heading">
@@ -563,7 +563,7 @@ const MediaUploaders = ({
                     selectPlaceholder={formatMessage(messages.selectDeepLink)}
                   />
                 </CapColumn>
-                {button.linkType === DEEP_LINK && (
+                {button?.linkType === DEEP_LINK && (
                   <CapColumn span={14}>
                     <CapHeading type="h4" className="buttons-heading">
                       {formatMessage(messages.deepLink)}
@@ -583,7 +583,7 @@ const MediaUploaders = ({
                     )}
                   </CapColumn>
                 )}
-                {button.linkType === EXTERNAL_LINK && (
+                {button?.linkType === EXTERNAL_LINK && (
                   <CapColumn span={14}>
                     <CapHeading type="h4" className="buttons-heading">
                       {formatMessage(messages.externalLink)}
@@ -592,7 +592,7 @@ const MediaUploaders = ({
                       id={`mobile-push-external-link-input-${activeTab}-${cardIndex}`}
                       onChange={(e) => handleCarouselExternalLinkChange(cardIndex, e.target.value)}
                       placeholder={formatMessage(messages.enterExternalLink)}
-                      value={button.externalLinkValue}
+                      value={button?.externalLinkValue}
                       size="default"
                       isRequired
                     />
@@ -605,8 +605,8 @@ const MediaUploaders = ({
                 )}
               </CapRow>
             )}
-            {button.linkType === DEEP_LINK && button.deepLinkValue && (() => {
-              const selectedDeepLink = deepLink?.find((link) => link?.value === button.deepLinkValue);
+            {button?.linkType === DEEP_LINK && button?.deepLinkValue && button?.actionOnClick && (() => {
+              const selectedDeepLink = deepLink?.find((link) => link?.value === button?.deepLinkValue);
               const deepLinkKeysFromSelection = selectedDeepLink?.keys;
               let deepLinkKeysFromSelectionArray = [];
               if (Array.isArray(deepLinkKeysFromSelection)) {
@@ -617,7 +617,7 @@ const MediaUploaders = ({
               return deepLinkKeysFromSelectionArray?.length > 0;
             })() && (
               <CapRow style={{ marginTop: "10px", left: "6%", width: '115%'}}>
-                <CapColumn span={7}>
+                <CapColumn span={14}>
                   <CapHeading type="h4" className="deep-link-keys-heading">
                     {formatMessage(messages.deepLinkKeys)}
                   </CapHeading>

package/v2Containers/MobilePushNew/components/PlatformContentFields.js

@@ -58,8 +58,6 @@ const PlatformContentFields = ({
     externalLinkValue,
   } = linkProps;
 
-  // Debug logging removed - issue identified and fixed
-
   // Get the selected deep link object to extract keys
   const selectedDeepLink = deepLink?.find((link) => link?.value === deepLinkValue);
   const deepLinkKeysFromSelection = selectedDeepLink?.keys;
@@ -289,7 +287,7 @@ const PlatformContentFields = ({
               )}
               {content?.actionOnClick && content?.linkType === DEEP_LINK && deepLinkValue && deepLinkKeysFromSelectionArray?.length > 0 && (
                 <CapRow style={{ marginTop: "10px", left: "6%", width: '115%'}}>
-                  <CapColumn span={7}>
+                  <CapColumn span={14}>
                     <CapHeading type="h4" className="deep-link-keys-heading">
                       {formatMessage(messages.deepLinkKeys)}
                     </CapHeading>