@capillarytech/creatives-library 7.12.16 → 7.12.17

package/package.json

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

package/v2Components/CapImageUpload/index.js

@@ -40,6 +40,7 @@ function CapImageUpload(props) {
     className,
     imageData,
     channel,
+    channelSpecificStyle,
   } = props;
   const {
     formatMessage,
@@ -205,6 +206,7 @@ function CapImageUpload(props) {
         className="dragger-button re-upload"
         type="flat"
         onClick={onReUpload}
+        style={ channelSpecificStyle ? { marginTop:'-16px'} : {}}
        >
         <FormattedMessage {...messages.imageReUpload} />
       </CapButton>
@@ -274,6 +276,7 @@ CapImageUpload.propTypes = {
   imageData: PropTypes.object,
   index: PropTypes.number,
   channel: PropTypes.string,
+  channelSpecificStyle: PropTypes.bool,
 };
 
 export default injectIntl(CapImageUpload);

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -731,6 +731,7 @@ export function SlideBoxContent(props) {
         getFormData={getFormData}
         getDefaultTags={type}
         forwardedTags={forwardedTags}
+        selectedOfferDetails={selectedOfferDetails}
         params={{
           id: templateData._id,
         }}

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -25,7 +25,7 @@ const StyledLabel = styled(CapLabelInline)`
 const PrefixWrapper = styled.div`
   margin-right: 16px;
 `;
-const renderWhatsappData = (type, value) => (
+const renderData = (type, value) => (
   <StyledLabel type={type}>
     {value}
   </StyledLabel>
@@ -37,7 +37,6 @@ export function SlideBoxHeader(props) {
   const mapTemplateCreate = !showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
   const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
   const showCreateTraiSMSHeader = isTraiDlt && channel.toLowerCase() === "sms";
-  const showTemplateName = [WHATSAPP, RCS].includes(channel.toLowerCase()) & slidBoxContent === 'editTemplate' & !isFullMode;
   const isWhatsappEdit = channel.toLowerCase() === WHATSAPP && slidBoxContent === 'editTemplate';
   const isWhatsappCreate = channel.toLowerCase() === WHATSAPP && slidBoxContent === 'createTemplate';
   const whatsappOverview = isWhatsappEdit && isFullMode;
@@ -48,6 +47,8 @@ export function SlideBoxHeader(props) {
     whatsappTemplateLanguageCode,
   } = templateData || {};
   const templateName = whatsappTemplateName || templateData?.name;
+  const showRcsTemplateName = channel.toLowerCase() === RCS && slidBoxContent === 'editTemplate' && !isFullMode && templateName;
+  const showTemplateName = isWhatsappEdit || showRcsTemplateName;
   const whatsappCategory = whatsappTemplateCategory || get(templateData, `versions.base.content.whatsapp.category`, '');
   const whatsappLanguageCode = whatsappTemplateLanguageCode || get(templateData, `versions.base.content.whatsapp.languages[0].language`, '');
 
@@ -100,18 +101,18 @@ export function SlideBoxHeader(props) {
             <>
               {showTemplateName ? (
                 <>
-                  {renderWhatsappData("label1", <FormattedMessage {...globalMessages.templateNameLabel} />)}
-                  {renderWhatsappData("label2", templateName)}
+                  {renderData("label1", <FormattedMessage {...globalMessages.templateNameLabel} />)}
+                  {renderData("label2", templateName)}
                 </>
               ) : ""}
               {isWhatsappEdit && (
                 <>
-                  {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
-                  {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.templateCategoryLabel} />)}
-                  {renderWhatsappData("label2", formatString(whatsappCategory))}
-                  {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
-                  {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.languageLabel} />)}
-                  {renderWhatsappData("label2", LANGUAGE_OPTIONS?.find((option) => option.value === whatsappLanguageCode)?.label)}
+                  {renderData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
+                  {renderData("label1", <FormattedMessage {...whatsppMsg.templateCategoryLabel} />)}
+                  {renderData("label2", formatString(whatsappCategory))}
+                  {renderData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
+                  {renderData("label1", <FormattedMessage {...whatsppMsg.languageLabel} />)}
+                  {renderData("label2", LANGUAGE_OPTIONS?.find((option) => option.value === whatsappLanguageCode)?.label)}
                 </>)
               }
             </>

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

@@ -181,6 +181,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
         "type": "WHATSAPP",
         "validity": true,
         "whatsappTemplateCategory": "ALERT_UPDATE",
+        "whatsappTemplateLanguageCode": "en",
         "whatsappTemplateName": "amit123456",
       }
     }

package/v2Containers/Rcs/index.js

@@ -767,6 +767,7 @@ export const Rcs = (props) => {
               key="rcs-uploaded-image"
               imageData={rcsData}
               channel={RCS}
+              channelSpecificStyle={!isFullMode}
             />
             {renderTextComponent}
           </>

package/v2Containers/Whatsapp/index.js

@@ -82,6 +82,7 @@ export const Whatsapp = (props) => {
     injectedTags,
     loadingTags,
     getFormData,
+    selectedOfferDetails,
   } = props || {};
   const { formatMessage } = intl;
   const { TextArea } = CapInput;
@@ -903,6 +904,7 @@ export const Whatsapp = (props) => {
                 tags={tags || []}
                 onContextChange={handleOnTagsContextChange}
                 injectedTags={injectedTags || {}}
+                selectedOfferDetails={selectedOfferDetails}
               />
             )
           }