@capillarytech/creatives-library 7.7.23 → 7.7.24

package/containers/WeChat/MapTemplates/index.js

@@ -780,7 +780,16 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
               type: "radioGroup",
               metaType: "text",
               datatype: "string",
-              options: [formatMessage(messages.redirectOptionURL), formatMessage(messages.redirectOptionMiniProgram)],
+              options: [
+                {
+                  value: URL,
+                  label: formatMessage(messages.redirectOptionURL)
+                }, 
+                {
+                  value: MINI_PROGRAM,
+                  label: formatMessage(messages.redirectOptionMiniProgram)
+                }
+              ],
               errorMessage: formatMessage(messages.redirectionOptionError),
               required: true,
               fluid: true,

package/package.json

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

package/v2Components/CapImageUpload/index.js

@@ -85,6 +85,12 @@ function CapImageUpload(props) {
       };
       submitAction({file, type: 'image', fileParams}, incorrectFile);
     };
+    img.onerror = () => {
+      const fileParams = {
+        error: true,
+      };
+      submitAction({fileParams}, incorrectFile);
+    }
     if (e) {
       const event = e;
       event.target.value = null;
@@ -93,13 +99,12 @@ function CapImageUpload(props) {
 
   const submitAction = useCallback((data, incorrectFile) => {
     const {
-      file: {size},
-      fileParams: {
-          height,
-          width,
-      },
-    } = data;
-    if (incorrectFile || size > imgSize || height > imgHeight || width > imgWidth) {
+      file,
+      fileParams
+    } = data || {};
+    const { size } = file || {};
+    const { height, width, error } = fileParams || {}; 
+    if (incorrectFile || size > imgSize || height > imgHeight || width > imgWidth || error) {
       updateImageErrorMessage(formatMessage(messages.imageIncorrectSize));
     } else {
       updateImageErrorMessage('');
@@ -166,6 +171,7 @@ function CapImageUpload(props) {
         <CapUploader.CapDragger
           customRequest={capUploaderCustomRequest}
           className="form-builder-dragger"
+          showUploadList={!isImageError}
         >
           <CapHeading className="dragger-title" type="h7">
             <FormattedMessage {...messages.dragAndDrop} />
@@ -198,7 +204,7 @@ function CapImageUpload(props) {
         <FormattedMessage {...messages.imageReUpload} />
       </CapButton>
     );
-  }, []);
+  }, [isImageError]);
 
   return (
     <div style={style} className="cap-custom-image-upload">

package/v2Components/FormBuilder/index.js

@@ -2854,7 +2854,16 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                     name={val.name ? val.name : `${val.id}-name`}
                     disabled={val.disabled}
                   >
-                    {val.options.map((option, index) => <CapRadio value={option} inductiveText={val.inductiveText && val.inductiveText[index]}>{option}</CapRadio>) }
+                    {val.options.map((option, index) => {
+                      const isMappedTemplateWechat = val.id === "template-redirect-options-radio";
+                      return (
+                        <CapRadio
+                          value={ isMappedTemplateWechat ? option.value : option } 
+                          inductiveText={val.inductiveText && val.inductiveText[index]}>{ isMappedTemplateWechat ? option.label : option } 
+                        </CapRadio>
+                      )
+                    }
+                    )}
 
                   </CapRadioGroup>
                   {/*{ifError ?*/}

package/v2Containers/CreativesContainer/index.js

@@ -91,7 +91,7 @@ class Creatives extends React.Component {
     this.setState({ slidBoxContent: 'preview', templateData });
   };
   onEditTemplate = () => {
-    this.setState({ slidBoxContent: 'editTemplate', showSlideBox: true });
+    this.setState({ slidBoxContent: 'editTemplate', showSlideBox: true, templateNameExists: true });
   };
   onCreateNew = (fbAdManager) => {
     const data = { slidBoxContent: 'createTemplate', showSlideBox: true };

package/v2Containers/WeChat/MapTemplates/index.js

@@ -666,7 +666,16 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
               type: "radioGroup",
               metaType: "text",
               datatype: "string",
-              options: [intl.formatMessage(messages.redirectOptionURL), intl.formatMessage(messages.redirectOptionMiniProgram)],
+              options: [
+                {
+                  value: URL,
+                  label: intl.formatMessage(messages.redirectOptionURL)
+                }, 
+                {
+                  value: MINI_PROGRAM,
+                  label: intl.formatMessage(messages.redirectOptionMiniProgram)
+                }
+              ],
               errorMessage: intl.formatMessage(messages.redirectionOptionError),
               required: true,
               fluid: true,