@capillarytech/creatives-library 7.17.119 → 7.17.120-alpha.0

package/package.json

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

package/v2Components/FormBuilder/index.js

@@ -1442,6 +1442,14 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     return formData;
   }
 
+  /**
+   * Initializes the form with the given schema.
+   *
+   * @param {Object} schema - The schema object for the form.
+   * @param {boolean} makeFormEmpty - Flag indicating whether to make the form empty.
+   * @param {boolean} resetTabKeys - Flag indicating whether to reset tab keys.
+   * @returns {void}
+   */
   initialiseForm(schema, makeFormEmpty, resetTabKeys) {
     let formData = makeFormEmpty ? {} : _.cloneDeep(this.state.formData);
     let errorData = {};
@@ -1471,8 +1479,13 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       }
     }
     const tempFormData = _.cloneDeep(formData);
+    // Store the value of 'template-name' before the deletion process
+    const templateNameValue = tempFormData['template-name'];
     if (!this.props.isNewVersionFlow) {
       _.forEach(formData, (element, key) => {
+        // This code block is used to clean up the tempFormData object.
+        // If the element is not an object and the key of the element is not found in the formElements array,
+        // then the element is removed from the tempFormData object.
         if (typeof element !== 'object' && this.formElements.indexOf(key) === -1) {
           delete tempFormData[key];
         } else if (typeof element === "object") {
@@ -1482,8 +1495,15 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             }
           });
         }
+        // If the element is an object, it iterates over its properties (innerElement).
+        // If the property key (innerKey) is not "tabKey", "base", "name", "imagePreview", "image"
+        // and is not found in the formElements array, then the property is removed from the object in tempFormData.
       });
     }
+    // If 'template-name' was deleted, re-add it to tempFormData
+    if (!Object.prototype.hasOwnProperty.call(tempFormData, 'template-name')) {
+      tempFormData['template-name'] = templateNameValue;
+    }
     formData = _.cloneDeep(tempFormData);
     this.setState({formData, errorData}, () => {
       this.validateForm();

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -311,8 +311,8 @@ export function SlideBoxContent(props) {
       case constants.VIBER: {
         const template = cloneDeep(templateDataObject);
         const { text = "", button = {}, image = {}, video = {} } = get(template, 'versions.base.content.content', {});
-        const { url: viberImageUrl = "" } = image;
         const { url: viberVideoUrl = "", thumbnailUrl = '' } = video;
+        const { url: viberImageUrl = "" } = image;
         template.content = {
           viberPreviewContent: {
             ...(!isEmpty(image) && { imageURL: viberImageUrl }),

package/v2Containers/Viber/index.js

@@ -144,7 +144,7 @@ export const Viber = (props) => {
       } else if (!isEmpty(video)) {
         setTemplateMediaType(VIBER_MEDIA_TYPES.VIDEO);
         setViberVideoSrcAndPreview({
-          viberVideoSrc: video?.thumbnailUrl,
+          viberVideoSrc: video?.url,
           viberVideoPreviewImg: video?.thumbnailUrl,
           duration: video?.duration,
         });
@@ -284,7 +284,6 @@ export const Viber = (props) => {
   // Text area Code End here
 
   // template media code start here
-
   const isMediaTypeImage = templateMediaType === VIBER_MEDIA_TYPES.IMAGE;
   const isMediaTypeVideo = templateMediaType === VIBER_MEDIA_TYPES.VIDEO;
 
@@ -380,7 +379,6 @@ export const Viber = (props) => {
       {isMediaTypeVideo && renderVideoComonent()}
     </>
   );
-
   // template media code end here
 
   // Button Code start here
@@ -531,6 +529,7 @@ export const Viber = (props) => {
   );
   // Button Code End here
 
+  // to generate payload for create and edit
   const formatSubmitPayload = () => {
     const messageData = {
       text: messageContent,