@capillarytech/creatives-library 3.1.46 → 3.1.47

package/containers/Cap/index.js

@@ -209,10 +209,7 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
       if (!_.isEmpty(orgList)) {
         _.forEach(orgList, (item) => {
           const id = item.orgID;
-          let name = item.orgName;
-          if (id === 486) {
-            name = 'Demo Org';
-          }
+          const name = item.orgName;
           proxyOrgList.push({ key: id, text: name, value: id });
         });
       }

package/package.json

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

package/translations/en.json

@@ -70,6 +70,8 @@
   "creatives.components.ToastrMessage.close": "close",
   "creatives.components.ToastrMessage.header": "This is the ToastrMessage component !",
   "creatives.components.TopBar.brand.dropdown": "Hi",
+  "creatives.components.TopBar.brand.noResultText": "No results found",
+  "creatives.components.TopBar.brand.organization": "Organization",
   "creatives.components.WechatRichmediaTemplatePreview.edit": "Edit",
   "creatives.components.WechatRichmediaTemplatePreview.header": "This is the WechatRichmediaTemplatePreview component !",
   "creatives.components.WechatRichmediaTemplatePreview.select": "Select",
@@ -300,6 +302,8 @@
   "creatives.containers.Email.Create.creatives": "Creatives",
   "creatives.containers.Email.Create.descriptionEmail": "Description of Email",
   "creatives.containers.Email.Create.goBackConfirmation": "Going back will discard all the changes you've made. Continue?",
+  "creatives.containers.Email.Create.h3emailPreview": "Email preview",
+  "creatives.containers.Email.Create.h3imageSelection": "Image selection",
   "creatives.containers.Email.Create.invalidFileMessage": "Invalid file type added! Please Give a proper zip/html file",
   "creatives.containers.Email.Create.newVersion": "New Version",
   "creatives.containers.Email.Create.uploadFile": "Upload File",
@@ -931,6 +935,8 @@
   "creatives.containersV2.Email.emailSubjectNotEmplty": "Email subject cannot be empty.",
   "creatives.containersV2.Email.emailText": "Email",
   "creatives.containersV2.Email.goBackTemporaryChangesLost": "Do you really want to go back? All your temporary changes will be lost!",
+  "creatives.containersV2.Email.h3emailPreview": "Email preview",
+  "creatives.containersV2.Email.h3imageSelection": "Image selection",
   "creatives.containersV2.Email.imageSelection": "Image selection",
   "creatives.containersV2.Email.invalidFileMessage": "Invalid file type added! Please Give a proper zip/html file",
   "creatives.containersV2.Email.kmage": "Image",
@@ -1082,6 +1088,7 @@
   "creatives.containersV2.MobilePush.Create.button2": "Button 2",
   "creatives.containersV2.MobilePush.Create.cancel": "Cancel",
   "creatives.containersV2.MobilePush.Create.cantCopyEmptyFieldValues": "Cannot copy empty field values.",
+  "creatives.containersV2.MobilePush.Create.change": "change",
   "creatives.containersV2.MobilePush.Create.copyFromAndroid": "Copy title and content from android",
   "creatives.containersV2.MobilePush.Create.copyFromIos": "Copy title and content from IOS",
   "creatives.containersV2.MobilePush.Create.ctaLabelCantEmpty": "CTA label cannot be empty.",
@@ -1153,6 +1160,7 @@
   "creatives.containersV2.MobilePush.Edit.button2": "Button 2",
   "creatives.containersV2.MobilePush.Edit.cancel": "Cancel",
   "creatives.containersV2.MobilePush.Edit.cantCopyEmptyFieldValues": "Cannot copy empty field values.",
+  "creatives.containersV2.MobilePush.Edit.change": "change",
   "creatives.containersV2.MobilePush.Edit.copyFromAndroid": "Copy title and content from android",
   "creatives.containersV2.MobilePush.Edit.copyFromIos": "Copy title and content from IOS",
   "creatives.containersV2.MobilePush.Edit.ctaLabelCantEmpty": "CTA label cannot be empty.",
@@ -1344,66 +1352,66 @@
   "creatives.containersV2.campaignsDashboard": "Campaigns",
   "creatives.containersV2.campaignsHome": "Campaigns Home",
   "creatives.containersV2.incentive": "Incentive",
-  "creatives.containersV2.richMedia.create.Anyone": "Anyone",
-  "creatives.containersV2.richMedia.create.Author": "Author",
-  "creatives.containersV2.richMedia.create.Content": "Content",
-  "creatives.containersV2.richMedia.create.Cover_abstract": "Cover abstract",
-  "creatives.containersV2.richMedia.create.Cover_image": "Cover image",
-  "creatives.containersV2.richMedia.create.No_one": "No one",
-  "creatives.containersV2.richMedia.create.Only_followers": "Only followers",
-  "creatives.containersV2.richMedia.create.Please_input_author": "Please input author",
-  "creatives.containersV2.richMedia.create.Please_input_content": "Please input content",
-  "creatives.containersV2.richMedia.create.Please_input_cover_abstract": "Please input cover abstract",
-  "creatives.containersV2.richMedia.create.Please_input_title": "Please input title",
-  "creatives.containersV2.richMedia.create.Show_cover_picture": "Show cover picture",
-  "creatives.containersV2.richMedia.create.Title": "Title",
-  "creatives.containersV2.richMedia.create.Who_can_post_comments_on_this_content": "Who can post comments on this content",
-  "creatives.containersV2.richMedia.create.addNewRichmedia": "Add richmedia content",
-  "creatives.containersV2.richMedia.create.addRichMediaContent": "Add rich media content",
-  "creatives.containersV2.richMedia.create.articleContent": "Article content",
-  "creatives.containersV2.richMedia.create.authorCharacterCount": "Author exceeds character count limit by",
-  "creatives.containersV2.richMedia.create.authorInductiveText": "Brand/name that your customer will recognise",
-  "creatives.containersV2.richMedia.create.contentEmpty": "Cannot leave content field empty",
-  "creatives.containersV2.richMedia.create.coverAbstractCharacterCount": "Cover abstract exceeds character count limit by",
-  "creatives.containersV2.richMedia.create.coverAbstractInductive": "A short description help customers learn more",
-  "creatives.containersV2.richMedia.create.coverImageTitle": "The relevant image that complements title.",
-  "creatives.containersV2.richMedia.create.delete": "delete",
-  "creatives.containersV2.richMedia.create.deleteContent": "Do you really want to delete? All your temporary changes will be lost!",
-  "creatives.containersV2.richMedia.create.emptyTemplateName": "Cannot leave template name empty",
-  "creatives.containersV2.richMedia.create.fileContentFailed": "Failed to get File content",
-  "creatives.containersV2.richMedia.create.formEmpty": "Cannot leave form empty",
-  "creatives.containersV2.richMedia.create.header": "This is Create container !",
-  "creatives.containersV2.richMedia.create.insertImage": "Insert Image",
-  "creatives.containersV2.richMedia.create.linkInductiveText": "Link to help customers discover more about the brand.",
-  "creatives.containersV2.richMedia.create.maxContentCount": "You have reached the maximum template size",
-  "creatives.containersV2.richMedia.create.modalBody": "Do you really want to go back? All your temporary changes will be lost!",
-  "creatives.containersV2.richMedia.create.modalTitle": "Alert",
-  "creatives.containersV2.richMedia.create.nameOfTemplate": "Name of the template",
-  "creatives.containersV2.richMedia.create.newMedia": "New media",
-  "creatives.containersV2.richMedia.create.noImage": "Please upload an image",
-  "creatives.containersV2.richMedia.create.payloadMissing": "Please provide payload to create wechat template",
-  "creatives.containersV2.richMedia.create.readMoreLink": "Read more link",
-  "creatives.containersV2.richMedia.create.requiredField": "This field is required!",
-  "creatives.containersV2.richMedia.create.resolutionText": "Resolution 360 x 200",
-  "creatives.containersV2.richMedia.create.sameTemplateExists": "Template with the same name exists",
-  "creatives.containersV2.richMedia.create.saveSuccess": "Template saved successfully",
-  "creatives.containersV2.richMedia.create.somethingWentWrong": "Something went wrong!!",
-  "creatives.containersV2.richMedia.create.sourceIdentMissing": "Please provide source account identifier",
-  "creatives.containersV2.richMedia.create.sourceLinkEmpty": "Cannot leave source link field empty",
-  "creatives.containersV2.richMedia.create.sufficientParam": "Please provide sufficient params to create richmedia wechat template",
-  "creatives.containersV2.richMedia.create.sufficientPayload": "Please provide sufficient parameters to generate richmedia message payload",
-  "creatives.containersV2.richMedia.create.templateNameBlank": "Template name cannot be blank",
-  "creatives.containersV2.richMedia.create.templateNameContainsWS": "Template name contains only whitespaces",
-  "creatives.containersV2.richMedia.create.templateNameExists": "Template with the same name exists. Please try another template name.",
-  "creatives.containersV2.richMedia.create.titleCharacterCount": "Title exceeds character count limit by",
-  "creatives.containersV2.richMedia.create.titleEmpty": "Cannot leave title field empty",
-  "creatives.containersV2.richMedia.create.titleInductiveText": "Write a brief headline to draw customer's attention",
-  "creatives.containersV2.richMedia.create.titleNameRepeated": "Title name cannot be repeated",
-  "creatives.containersV2.richMedia.create.uploadFailed": "Upload has failed",
-  "creatives.containersV2.richMedia.create.uploadImage": "Upload Image",
-  "creatives.containersV2.richMedia.create.visibility": "visibility",
-  "creatives.containersV2.richMedia.create.wrongFormatFile": "Wrong file upoaded. Please upload image file",
-  "creatives.containersV2.richMedia.create.wrongUrl": "Enter correct URL",
+  "creatives.containersV2.richMedia.Create.Anyone": "Anyone",
+  "creatives.containersV2.richMedia.Create.Author": "Author",
+  "creatives.containersV2.richMedia.Create.Content": "Content",
+  "creatives.containersV2.richMedia.Create.Cover_abstract": "Cover abstract",
+  "creatives.containersV2.richMedia.Create.Cover_image": "Cover image",
+  "creatives.containersV2.richMedia.Create.No_one": "No one",
+  "creatives.containersV2.richMedia.Create.Only_followers": "Only followers",
+  "creatives.containersV2.richMedia.Create.Please_input_author": "Please input author",
+  "creatives.containersV2.richMedia.Create.Please_input_content": "Please input content",
+  "creatives.containersV2.richMedia.Create.Please_input_cover_abstract": "Please input cover abstract",
+  "creatives.containersV2.richMedia.Create.Please_input_title": "Please input title",
+  "creatives.containersV2.richMedia.Create.Show_cover_picture": "Show cover picture",
+  "creatives.containersV2.richMedia.Create.Title": "Title",
+  "creatives.containersV2.richMedia.Create.Who_can_post_comments_on_this_content": "Who can post comments on this content",
+  "creatives.containersV2.richMedia.Create.addNewRichmedia": "Add richmedia content",
+  "creatives.containersV2.richMedia.Create.addRichMediaContent": "Add rich media content",
+  "creatives.containersV2.richMedia.Create.articleContent": "Article content",
+  "creatives.containersV2.richMedia.Create.authorCharacterCount": "Author exceeds character count limit by",
+  "creatives.containersV2.richMedia.Create.authorInductiveText": "Brand/name that your customer will recognise",
+  "creatives.containersV2.richMedia.Create.contentEmpty": "Cannot leave content field empty",
+  "creatives.containersV2.richMedia.Create.coverAbstractCharacterCount": "Cover abstract exceeds character count limit by",
+  "creatives.containersV2.richMedia.Create.coverAbstractInductive": "A short description help customers learn more",
+  "creatives.containersV2.richMedia.Create.coverImageTitle": "The relevant image that complements title.",
+  "creatives.containersV2.richMedia.Create.delete": "delete",
+  "creatives.containersV2.richMedia.Create.deleteContent": "Do you really want to delete? All your temporary changes will be lost!",
+  "creatives.containersV2.richMedia.Create.emptyTemplateName": "Cannot leave template name empty",
+  "creatives.containersV2.richMedia.Create.fileContentFailed": "Failed to get File content",
+  "creatives.containersV2.richMedia.Create.formEmpty": "Cannot leave form empty",
+  "creatives.containersV2.richMedia.Create.header": "This is Create container !",
+  "creatives.containersV2.richMedia.Create.insertImage": "Insert Image",
+  "creatives.containersV2.richMedia.Create.linkInductiveText": "Link to help customers discover more about the brand.",
+  "creatives.containersV2.richMedia.Create.maxContentCount": "You have reached the maximum template size",
+  "creatives.containersV2.richMedia.Create.modalBody": "Do you really want to go back? All your temporary changes will be lost!",
+  "creatives.containersV2.richMedia.Create.modalTitle": "Alert",
+  "creatives.containersV2.richMedia.Create.nameOfTemplate": "Name of the template",
+  "creatives.containersV2.richMedia.Create.newMedia": "New media",
+  "creatives.containersV2.richMedia.Create.noImage": "Please upload an image",
+  "creatives.containersV2.richMedia.Create.payloadMissing": "Please provide payload to create wechat template",
+  "creatives.containersV2.richMedia.Create.readMoreLink": "Read more link",
+  "creatives.containersV2.richMedia.Create.requiredField": "This field is required!",
+  "creatives.containersV2.richMedia.Create.resolutionText": "Resolution 360 x 200",
+  "creatives.containersV2.richMedia.Create.sameTemplateExists": "Template with the same name exists",
+  "creatives.containersV2.richMedia.Create.saveSuccess": "Template saved successfully",
+  "creatives.containersV2.richMedia.Create.somethingWentWrong": "Something went wrong!!",
+  "creatives.containersV2.richMedia.Create.sourceIdentMissing": "Please provide source account identifier",
+  "creatives.containersV2.richMedia.Create.sourceLinkEmpty": "Cannot leave source link field empty",
+  "creatives.containersV2.richMedia.Create.sufficientParam": "Please provide sufficient params to create richmedia wechat template",
+  "creatives.containersV2.richMedia.Create.sufficientPayload": "Please provide sufficient parameters to generate richmedia message payload",
+  "creatives.containersV2.richMedia.Create.templateNameBlank": "Template name cannot be blank",
+  "creatives.containersV2.richMedia.Create.templateNameContainsWS": "Template name contains only whitespaces",
+  "creatives.containersV2.richMedia.Create.templateNameExists": "Template with the same name exists. Please try another template name.",
+  "creatives.containersV2.richMedia.Create.titleCharacterCount": "Title exceeds character count limit by",
+  "creatives.containersV2.richMedia.Create.titleEmpty": "Cannot leave title field empty",
+  "creatives.containersV2.richMedia.Create.titleInductiveText": "Write a brief headline to draw customer's attention",
+  "creatives.containersV2.richMedia.Create.titleNameRepeated": "Title name cannot be repeated",
+  "creatives.containersV2.richMedia.Create.uploadFailed": "Upload has failed",
+  "creatives.containersV2.richMedia.Create.uploadImage": "Upload Image",
+  "creatives.containersV2.richMedia.Create.visibility": "visibility",
+  "creatives.containersV2.richMedia.Create.wrongFormatFile": "Wrong file upoaded. Please upload image file",
+  "creatives.containersV2.richMedia.Create.wrongUrl": "Enter correct URL",
   "customdatepicker.cancel": "Cancel",
   "customdatepicker.done": "Done",
   "reon.components.Cap.Workbench": "WorkBench",

package/translations/zh.json

@@ -70,6 +70,8 @@
   "creatives.components.ToastrMessage.close": "",
   "creatives.components.ToastrMessage.header": "",
   "creatives.components.TopBar.brand.dropdown": "",
+  "creatives.components.TopBar.brand.noResultText": "",
+  "creatives.components.TopBar.brand.organization": "",
   "creatives.components.WechatRichmediaTemplatePreview.edit": "",
   "creatives.components.WechatRichmediaTemplatePreview.header": "",
   "creatives.components.WechatRichmediaTemplatePreview.select": "",
@@ -300,6 +302,8 @@
   "creatives.containers.Email.Create.creatives": "",
   "creatives.containers.Email.Create.descriptionEmail": "",
   "creatives.containers.Email.Create.goBackConfirmation": "",
+  "creatives.containers.Email.Create.h3emailPreview": "",
+  "creatives.containers.Email.Create.h3imageSelection": "",
   "creatives.containers.Email.Create.invalidFileMessage": "",
   "creatives.containers.Email.Create.newVersion": "",
   "creatives.containers.Email.Create.uploadFile": "",
@@ -931,6 +935,8 @@
   "creatives.containersV2.Email.emailSubjectNotEmplty": "",
   "creatives.containersV2.Email.emailText": "",
   "creatives.containersV2.Email.goBackTemporaryChangesLost": "",
+  "creatives.containersV2.Email.h3emailPreview": "",
+  "creatives.containersV2.Email.h3imageSelection": "",
   "creatives.containersV2.Email.imageSelection": "",
   "creatives.containersV2.Email.invalidFileMessage": "",
   "creatives.containersV2.Email.kmage": "",
@@ -1082,6 +1088,7 @@
   "creatives.containersV2.MobilePush.Create.button2": "",
   "creatives.containersV2.MobilePush.Create.cancel": "",
   "creatives.containersV2.MobilePush.Create.cantCopyEmptyFieldValues": "",
+  "creatives.containersV2.MobilePush.Create.change": "",
   "creatives.containersV2.MobilePush.Create.copyFromAndroid": "",
   "creatives.containersV2.MobilePush.Create.copyFromIos": "",
   "creatives.containersV2.MobilePush.Create.ctaLabelCantEmpty": "",
@@ -1153,6 +1160,7 @@
   "creatives.containersV2.MobilePush.Edit.button2": "",
   "creatives.containersV2.MobilePush.Edit.cancel": "",
   "creatives.containersV2.MobilePush.Edit.cantCopyEmptyFieldValues": "",
+  "creatives.containersV2.MobilePush.Edit.change": "",
   "creatives.containersV2.MobilePush.Edit.copyFromAndroid": "",
   "creatives.containersV2.MobilePush.Edit.copyFromIos": "",
   "creatives.containersV2.MobilePush.Edit.ctaLabelCantEmpty": "",
@@ -1344,66 +1352,66 @@
   "creatives.containersV2.campaignsDashboard": "",
   "creatives.containersV2.campaignsHome": "",
   "creatives.containersV2.incentive": "",
-  "creatives.containersV2.richMedia.create.Anyone": "",
-  "creatives.containersV2.richMedia.create.Author": "",
-  "creatives.containersV2.richMedia.create.Content": "",
-  "creatives.containersV2.richMedia.create.Cover_abstract": "",
-  "creatives.containersV2.richMedia.create.Cover_image": "",
-  "creatives.containersV2.richMedia.create.No_one": "",
-  "creatives.containersV2.richMedia.create.Only_followers": "",
-  "creatives.containersV2.richMedia.create.Please_input_author": "",
-  "creatives.containersV2.richMedia.create.Please_input_content": "",
-  "creatives.containersV2.richMedia.create.Please_input_cover_abstract": "",
-  "creatives.containersV2.richMedia.create.Please_input_title": "",
-  "creatives.containersV2.richMedia.create.Show_cover_picture": "",
-  "creatives.containersV2.richMedia.create.Title": "",
-  "creatives.containersV2.richMedia.create.Who_can_post_comments_on_this_content": "",
-  "creatives.containersV2.richMedia.create.addNewRichmedia": "",
-  "creatives.containersV2.richMedia.create.addRichMediaContent": "",
-  "creatives.containersV2.richMedia.create.articleContent": "",
-  "creatives.containersV2.richMedia.create.authorCharacterCount": "",
-  "creatives.containersV2.richMedia.create.authorInductiveText": "",
-  "creatives.containersV2.richMedia.create.contentEmpty": "",
-  "creatives.containersV2.richMedia.create.coverAbstractCharacterCount": "",
-  "creatives.containersV2.richMedia.create.coverAbstractInductive": "",
-  "creatives.containersV2.richMedia.create.coverImageTitle": "",
-  "creatives.containersV2.richMedia.create.delete": "",
-  "creatives.containersV2.richMedia.create.deleteContent": "",
-  "creatives.containersV2.richMedia.create.emptyTemplateName": "",
-  "creatives.containersV2.richMedia.create.fileContentFailed": "",
-  "creatives.containersV2.richMedia.create.formEmpty": "",
-  "creatives.containersV2.richMedia.create.header": "",
-  "creatives.containersV2.richMedia.create.insertImage": "",
-  "creatives.containersV2.richMedia.create.linkInductiveText": "",
-  "creatives.containersV2.richMedia.create.maxContentCount": "",
-  "creatives.containersV2.richMedia.create.modalBody": "",
-  "creatives.containersV2.richMedia.create.modalTitle": "",
-  "creatives.containersV2.richMedia.create.nameOfTemplate": "",
-  "creatives.containersV2.richMedia.create.newMedia": "",
-  "creatives.containersV2.richMedia.create.noImage": "",
-  "creatives.containersV2.richMedia.create.payloadMissing": "",
-  "creatives.containersV2.richMedia.create.readMoreLink": "",
-  "creatives.containersV2.richMedia.create.requiredField": "",
-  "creatives.containersV2.richMedia.create.resolutionText": "",
-  "creatives.containersV2.richMedia.create.sameTemplateExists": "",
-  "creatives.containersV2.richMedia.create.saveSuccess": "",
-  "creatives.containersV2.richMedia.create.somethingWentWrong": "",
-  "creatives.containersV2.richMedia.create.sourceIdentMissing": "",
-  "creatives.containersV2.richMedia.create.sourceLinkEmpty": "",
-  "creatives.containersV2.richMedia.create.sufficientParam": "",
-  "creatives.containersV2.richMedia.create.sufficientPayload": "",
-  "creatives.containersV2.richMedia.create.templateNameBlank": "",
-  "creatives.containersV2.richMedia.create.templateNameContainsWS": "",
-  "creatives.containersV2.richMedia.create.templateNameExists": "",
-  "creatives.containersV2.richMedia.create.titleCharacterCount": "",
-  "creatives.containersV2.richMedia.create.titleEmpty": "",
-  "creatives.containersV2.richMedia.create.titleInductiveText": "",
-  "creatives.containersV2.richMedia.create.titleNameRepeated": "",
-  "creatives.containersV2.richMedia.create.uploadFailed": "",
-  "creatives.containersV2.richMedia.create.uploadImage": "",
-  "creatives.containersV2.richMedia.create.visibility": "",
-  "creatives.containersV2.richMedia.create.wrongFormatFile": "",
-  "creatives.containersV2.richMedia.create.wrongUrl": "",
+  "creatives.containersV2.richMedia.Create.Anyone": "",
+  "creatives.containersV2.richMedia.Create.Author": "",
+  "creatives.containersV2.richMedia.Create.Content": "",
+  "creatives.containersV2.richMedia.Create.Cover_abstract": "",
+  "creatives.containersV2.richMedia.Create.Cover_image": "",
+  "creatives.containersV2.richMedia.Create.No_one": "",
+  "creatives.containersV2.richMedia.Create.Only_followers": "",
+  "creatives.containersV2.richMedia.Create.Please_input_author": "",
+  "creatives.containersV2.richMedia.Create.Please_input_content": "",
+  "creatives.containersV2.richMedia.Create.Please_input_cover_abstract": "",
+  "creatives.containersV2.richMedia.Create.Please_input_title": "",
+  "creatives.containersV2.richMedia.Create.Show_cover_picture": "",
+  "creatives.containersV2.richMedia.Create.Title": "",
+  "creatives.containersV2.richMedia.Create.Who_can_post_comments_on_this_content": "",
+  "creatives.containersV2.richMedia.Create.addNewRichmedia": "",
+  "creatives.containersV2.richMedia.Create.addRichMediaContent": "",
+  "creatives.containersV2.richMedia.Create.articleContent": "",
+  "creatives.containersV2.richMedia.Create.authorCharacterCount": "",
+  "creatives.containersV2.richMedia.Create.authorInductiveText": "",
+  "creatives.containersV2.richMedia.Create.contentEmpty": "",
+  "creatives.containersV2.richMedia.Create.coverAbstractCharacterCount": "",
+  "creatives.containersV2.richMedia.Create.coverAbstractInductive": "",
+  "creatives.containersV2.richMedia.Create.coverImageTitle": "",
+  "creatives.containersV2.richMedia.Create.delete": "",
+  "creatives.containersV2.richMedia.Create.deleteContent": "",
+  "creatives.containersV2.richMedia.Create.emptyTemplateName": "",
+  "creatives.containersV2.richMedia.Create.fileContentFailed": "",
+  "creatives.containersV2.richMedia.Create.formEmpty": "",
+  "creatives.containersV2.richMedia.Create.header": "",
+  "creatives.containersV2.richMedia.Create.insertImage": "",
+  "creatives.containersV2.richMedia.Create.linkInductiveText": "",
+  "creatives.containersV2.richMedia.Create.maxContentCount": "",
+  "creatives.containersV2.richMedia.Create.modalBody": "",
+  "creatives.containersV2.richMedia.Create.modalTitle": "",
+  "creatives.containersV2.richMedia.Create.nameOfTemplate": "",
+  "creatives.containersV2.richMedia.Create.newMedia": "",
+  "creatives.containersV2.richMedia.Create.noImage": "",
+  "creatives.containersV2.richMedia.Create.payloadMissing": "",
+  "creatives.containersV2.richMedia.Create.readMoreLink": "",
+  "creatives.containersV2.richMedia.Create.requiredField": "",
+  "creatives.containersV2.richMedia.Create.resolutionText": "",
+  "creatives.containersV2.richMedia.Create.sameTemplateExists": "",
+  "creatives.containersV2.richMedia.Create.saveSuccess": "",
+  "creatives.containersV2.richMedia.Create.somethingWentWrong": "",
+  "creatives.containersV2.richMedia.Create.sourceIdentMissing": "",
+  "creatives.containersV2.richMedia.Create.sourceLinkEmpty": "",
+  "creatives.containersV2.richMedia.Create.sufficientParam": "",
+  "creatives.containersV2.richMedia.Create.sufficientPayload": "",
+  "creatives.containersV2.richMedia.Create.templateNameBlank": "",
+  "creatives.containersV2.richMedia.Create.templateNameContainsWS": "",
+  "creatives.containersV2.richMedia.Create.templateNameExists": "",
+  "creatives.containersV2.richMedia.Create.titleCharacterCount": "",
+  "creatives.containersV2.richMedia.Create.titleEmpty": "",
+  "creatives.containersV2.richMedia.Create.titleInductiveText": "",
+  "creatives.containersV2.richMedia.Create.titleNameRepeated": "",
+  "creatives.containersV2.richMedia.Create.uploadFailed": "",
+  "creatives.containersV2.richMedia.Create.uploadImage": "",
+  "creatives.containersV2.richMedia.Create.visibility": "",
+  "creatives.containersV2.richMedia.Create.wrongFormatFile": "",
+  "creatives.containersV2.richMedia.Create.wrongUrl": "",
   "customdatepicker.cancel": "",
   "customdatepicker.done": "",
   "reon.components.Cap.Workbench": "",

package/v2Components/NavigationBar/index.js

@@ -74,10 +74,7 @@ class NavigationBar extends React.Component {
       if (!isEmpty(orgList)) {
         forEach(orgList, (item) => {
           const id = item.orgID;
-          let name = item.orgName;
-          if (id === 486) {
-            name = 'Demo Org';
-          }
+          const name = item.orgName;
           if (id !== defaultOrgId) {
             proxyOrgList.push({ label: name, value: id, key: id });
           }
@@ -106,7 +103,9 @@ class NavigationBar extends React.Component {
       //changing campaigns module name to engage+
       if ( !campaignOrgV2Status ) {
         const campaignsModule = find(productsList, ['value', 'campaigns']);
-        campaignsModule.value = 'Engage+';
+        if (campaignsModule) {
+          campaignsModule.value = 'Engage+';
+        }
       }
       //adding insights+ to module list
       productsList.push({
@@ -202,11 +201,11 @@ class NavigationBar extends React.Component {
             {...customTopBarProps}
           />
         }
-        <CapWrapper isEmbedded={type === EMBEDDED}>
-          <ComponentWrapper>
-            {React.Children.toArray(this.props.children)}
-          </ComponentWrapper>
-        </CapWrapper>
+          <CapWrapper isEmbedded={type === EMBEDDED}>
+            <ComponentWrapper>
+              {React.Children.toArray(this.props.children)}
+            </ComponentWrapper>
+          </CapWrapper>
       </div>
     );
   }

package/v2Components/TopBar/index.js

@@ -43,6 +43,9 @@ const TopBar = (props) => {
         selectPlaceholder: intl.formatMessage(messages.selectOrganization),
         showSearch: true,
         showHeader: true,
+        title: intl.formatMessage(messages.selectOrganization),
+        placeholder: intl.formatMessage(messages.organization),
+        noResultText: intl.formatMessage(messages.noResultText),
       }}
       menuProps={{
         items: topbarMenuData,

package/v2Components/TopBar/messages.js

@@ -34,4 +34,12 @@ export default defineMessages({
     id: 'creatives.componentsV2.TopBar.brand.selectProduct',
     defaultMessage: 'Select product',
   },
+  organization: {
+    id: 'creatives.components.TopBar.brand.organization',
+    defaultMessage: 'Organization',
+  },
+  noResultText: {
+    id: 'creatives.components.TopBar.brand.noResultText',
+    defaultMessage: 'No results found',
+  },
 });

package/v2Containers/Cap/index.js

@@ -74,7 +74,6 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
     //locale = 'zh';
     console.log('Setting final locale as', locale);
     moment.locale(locale);
-    this.props.locationActions.changeLocale(locale);
   }
 
   componentWillReceiveProps(nextProps) {

package/v2Containers/LanguageProvider/constants.js

@@ -4,7 +4,6 @@
  *
  */
 
-export const CHANGE_LOCALE = 'app/LanguageToggle/CHANGE_LOCALE';
 export const DEFAULT_LOCALE = 'en';
 
 export const GET_LOCIZ_MESSAGE_REQUEST =

package/v2Containers/LanguageProvider/reducer.js

@@ -7,21 +7,15 @@
 import { fromJS } from 'immutable';
 
 import * as types from './constants';
-import {
-  DEFAULT_LOCALE,
-} from '../Cap/constants'; // eslint-disable-line
 
 const initialState = fromJS({
-  locale: DEFAULT_LOCALE,
+  locale: types.DEFAULT_LOCALE,
   messages: {},
   localeLoading: false,
 });
 
 function languageProviderReducer(state = initialState, action) {
   switch (action.type) {
-    case types.CHANGE_LOCALE:
-      return state
-        .set('locale', action.locale);
     case types.GET_LOCIZ_MESSAGE_REQUEST:
       return state.set('localeLoading', true);
     case types.GET_LOCIZ_MESSAGE_SUCCESS:

package/v2Containers/Templates/_templates.scss

@@ -1,4 +1,6 @@
-  .ant-tabs-content{
+@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
+
+.ant-tabs-content{
     margin-top: 16px;
     .ant-tabs-tabpane-active{
       padding: unset;
@@ -16,6 +18,12 @@
   }
 }
 
+.ant-radio-group.#{cap-radioCard-v2} {
+  .ant-radio-button-wrapper {
+    border: 1px solid $CAP_G07;
+  }
+}
+
 .card-title {
   line-height: 24px;
   font-size: 14px;

package/v2Containers/Templates/index.js

@@ -54,6 +54,7 @@ import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE } from '../CreativesContai
 import emailIllustration from '../Assets/images/emailIllustration.svg';
 import smsIllustration from '../Assets/images/smsIllustration.svg';
 import pushIllustration from '../Assets/images/pushIllustration.svg';
+import { CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
 
 
 const {CapCustomCardList} = CapCustomCard;
@@ -67,6 +68,7 @@ const InlineDiv = styled.div`
   }
 `;
 const ACCOUNT_SELECTION_MODE = "accountSelectionMode";
+const ACCOUNT_CHANGE_MODE = 'accountChangeMode';
 const TEMPLATES_MODE = "templatesMode";
 const WECHAT_FILTERS = {
   ALL: 'all',
@@ -1525,6 +1527,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
 
   renderAccountSelection = () => {
     const accountOptions = [];
+    const { selectedAccount } = this.state;
     let { channel = '' } = this.state;
     channel = channel.toUpperCase();
     const { Templates: templates = {}, location = {} } = this.props;
@@ -1570,7 +1573,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
     return (<CapSpin spinning={fetchingWeCrmAccounts}>
       {isEmpty(weCrmAccounts) && !fetchingWeCrmAccounts ? <FormattedMessage {...messages.noAccountsPresentWeChat} /> :
-      <div style={{overflowX: "auto"}}>
+      <div style={{ overflowX: "auto", paddingBottom: CAP_SPACE_16 }}>
         <CapHeader
           title={isMobilePushChannel ? this.props.intl.formatMessage(messages.mobilepushAccount) : this.props.intl.formatMessage(messages.wechatAccount)}
           description={this.props.intl.formatMessage(messages.chooseAccount)}
@@ -1584,7 +1587,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           cardHeight="48px"
           cardWidth="276px"
           size="small"
-                      />
+          defaultValue={selectedAccount}
+          selected={selectedAccount}
+        />
       </div>
        }
     </CapSpin>);
@@ -1594,18 +1599,23 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     this.setState({activeMode: ACCOUNT_SELECTION_MODE});
   }
 
+  setAccountChangeMode = () => {
+    this.setState({activeMode: ACCOUNT_CHANGE_MODE});
+  }
+
   setTemplatesMode = () => {
     this.setState({activeMode: TEMPLATES_MODE});
   }
 
   showAccountName = () => {
-    const { selectedAccount, channel } = this.state;
+    const { activeMode, selectedAccount, channel } = this.state;
     const { Templates: templates = {}} = this.props;
     const { weCrmAccounts = []} = templates;
     const isMobilePushChannel = channel === MOBILE_PUSH;
-    return (<CapHeader
+    return (activeMode !== ACCOUNT_CHANGE_MODE &&
+    <CapHeader
       title={<CapHeading type="h4">{isMobilePushChannel ? this.props.intl.formatMessage(messages.mobilepushAccount) : this.props.intl.formatMessage(messages.wechatAccount)}</CapHeading>}
-      description={<><CapHeading type="h3">{selectedAccount} {weCrmAccounts.length > 1 && <CapLink onClick={this.setAccountSelectionMode} style={{display: 'inline-block', position: 'relative', top: '3px'}} fontWeight="regular" fontSize="14px" title="change"/>} </CapHeading></>}
+      description={<><CapHeading type="h3">{selectedAccount} {weCrmAccounts.length > 1 && <CapLink onClick={this.setAccountChangeMode} style={{display: 'inline-block', position: 'relative', top: '3px'}} fontWeight="regular" fontSize="14px" title="change"/>} </CapHeading></>}
       size="regular"
   />);
   }
@@ -1691,63 +1701,66 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const {route} = this.props;
     const loadingTip = (this.props.Templates.sendingFile && (this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill')) ? this.props.intl.formatMessage(messages.uploadingFile) : this.props.intl.formatMessage(messages.gettingAllTemplates);
     return (
-      <div className={`creatives-templates-list ${this.props.isFullMode ? 'full-mode' : 'library-mode'}`}>
-        <input type="file" id="filename" style={{ display: 'none'}} accept=".zip, .html, .htm" onChange={(event) => this.handleFileUpload(event, {files: event.target.files})} />
+      <>
+        {activeMode === ACCOUNT_CHANGE_MODE && this.renderAccountSelection()}
+        <div className={`creatives-templates-list ${this.props.isFullMode ? 'full-mode' : 'library-mode'}`}>
+          <input type="file" id="filename" style={{ display: 'none'}} accept=".zip, .html, .htm" onChange={(event) => this.handleFileUpload(event, {files: event.target.files})} />
 
 
-        <CapRow>
-          <Pagination onPageChange={templates.length ? this.onPaginationChange : () => {}} paginationSelector="pagination-container">
-            {this.getTemplateDataForGrid({isLoading, loadingTip, channel: this.state.channel, templates: this.props.TemplatesList, filterContent, handlers: {handlePreviewClick: this.handlePreviewClick, handleEditClick: this.handleEditClick}})}
-          </Pagination>
-          {(((this.state.selectedAccount !== '' && !isEmpty(this.props.Templates.selectedWeChatAccount) && this.state.channel.toLowerCase() === 'wechat') || this.state.channel.toLowerCase() !== 'wechat') && isEmpty(this.props.TemplatesList)) && !this.props.Templates.getAllTemplatesInProgress && !isEmpty(this.state.searchText) &&
+          <CapRow>
+            <Pagination onPageChange={templates.length ? this.onPaginationChange : () => {}} paginationSelector="pagination-container">
+              {this.getTemplateDataForGrid({isLoading, loadingTip, channel: this.state.channel, templates: this.props.TemplatesList, filterContent, handlers: {handlePreviewClick: this.handlePreviewClick, handleEditClick: this.handleEditClick}})}
+            </Pagination>
+            {(((this.state.selectedAccount !== '' && !isEmpty(this.props.Templates.selectedWeChatAccount) && this.state.channel.toLowerCase() === 'wechat') || this.state.channel.toLowerCase() !== 'wechat') && isEmpty(this.props.TemplatesList)) && !this.props.Templates.getAllTemplatesInProgress && !isEmpty(this.state.searchText) &&
             <div style={{ height: '65vh', textAlign: 'center', lineHeight: '65vh'}}>
               <CapHeading type="h6">{this.props.intl.formatMessage(messages.noTemplatesFound)}</CapHeading>
             </div>}
-        </CapRow>
-
-
-        <CapRow>
-          {!isEmpty(creativesParams.mode) && isFullMode && //creatives container for fullmode
-          <CreativesContainer
-            key={creativesParams.mode}
-            messageDetails={{type: "default"}}
-            creativesMode={creativesParams.mode}
-            messages={messages}
-            isFullMode={isFullMode}
-            templateData={creativesParams}
-            getCreativesData={() => { this.onCreateComplete(true); }}
-            channel={route.name.toUpperCase()}
-            handleCloseCreatives={this.onCreateComplete}
-            selectedWeChatAccount={get(this.props, 'Templates.selectedWeChatAccount', {})}
+          </CapRow>
+
+
+          <CapRow>
+            {!isEmpty(creativesParams.mode) && isFullMode && //creatives container for fullmode
+            <CreativesContainer
+              key={creativesParams.mode}
+              messageDetails={{type: "default"}}
+              creativesMode={creativesParams.mode}
+              messages={messages}
+              isFullMode={isFullMode}
+              templateData={creativesParams}
+              getCreativesData={() => { this.onCreateComplete(true); }}
+              channel={route.name.toUpperCase()}
+              handleCloseCreatives={this.onCreateComplete}
+              selectedWeChatAccount={get(this.props, 'Templates.selectedWeChatAccount', {})}
             />
           }
-        </CapRow>
-        <CapRow>
-
-          {(this.state.channel.toLowerCase() === 'ebill' || this.state.channel.toLowerCase() === 'email') && htmlPreviewContent && <EmailPreview
-            header={previewHeader}
-            content={htmlPreviewContent}
-            show={this.state.showHtmlPreview}
-            device={this.state.device}
-            handleClose={this.toggleEmailPreview}
-            changePreviewDevice={this.changePreviewDevice}
-            versions={get(this.state, 'previewTemplate.versions', {})}
-            lastModified={this.state.previewTemplate ? this.state.previewTemplate.updatedAt : ''}
-            updatedByName={commonUtil.getUserNameById(parseInt(this.state.previewTemplate.updatedBy, 10), commonUtil.getMergedUserList(this.props.Templates.userList))}
+          </CapRow>
+          <CapRow>
+
+            {(this.state.channel.toLowerCase() === 'ebill' || this.state.channel.toLowerCase() === 'email') && htmlPreviewContent && <EmailPreview
+              header={previewHeader}
+              content={htmlPreviewContent}
+              show={this.state.showHtmlPreview}
+              device={this.state.device}
+              handleClose={this.toggleEmailPreview}
+              changePreviewDevice={this.changePreviewDevice}
+              versions={get(this.state, 'previewTemplate.versions', {})}
+              lastModified={this.state.previewTemplate ? this.state.previewTemplate.updatedAt : ''}
+              updatedByName={commonUtil.getUserNameById(parseInt(this.state.previewTemplate.updatedBy, 10), commonUtil.getMergedUserList(this.props.Templates.userList))}
           />}
-          <CapSlideBox
-            header={(<h3>{this.props.intl.formatMessage(messages.layoutSelection)}</h3>)}
-            width={60}
-            content={cmsTemplateSelectionContent}
-            show={this.state.showEdmEmailTemplates}
-            handleClose={this.toggleEdmEmailTemplateSelection}
-            loadingText={"Loading EDM Templates"}
-            isLoading={this.props.Templates.getCmsTemplatesInProgress}
+            <CapSlideBox
+              header={(<h3>{this.props.intl.formatMessage(messages.layoutSelection)}</h3>)}
+              width={60}
+              content={cmsTemplateSelectionContent}
+              show={this.state.showEdmEmailTemplates}
+              handleClose={this.toggleEdmEmailTemplateSelection}
+              loadingText={"Loading EDM Templates"}
+              isLoading={this.props.Templates.getCmsTemplatesInProgress}
             />
-          {this.renderDeleteConfirmationModal()}
-        </CapRow>
+            {this.renderDeleteConfirmationModal()}
+          </CapRow>
 
-      </div>
+        </div>
+      </>
     );
   }
 

package/v2Containers/WeChat/RichmediaTemplates/Create/_createRichmedia.scss

@@ -59,6 +59,16 @@
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+
+  .existing-template-title-card {
+    padding: 12px;
+    background-color: white;
+    height: 44px;
+    width: 244px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+  }
+
   .custom-image {
     position: relative;
     .name-container {

package/v2Containers/WeChat/RichmediaTemplates/Create/actions.js

@@ -10,6 +10,15 @@ export function defaultAction() {
     type: types.DEFAULT_ACTION,
   };
 }
+
+export function getAllTemplates(channel, queryParams) {
+  return {
+    type: types.GET_ALL_TEMPLATES_REQUEST,
+    channel,
+    queryParams,
+  };
+}
+
 export function uploadAsset(file, assetType, fileParams, mode, wechatParams, contentId, uploadId) {
   return {
     type: types.UPLOAD_ASSET_REQUEST,

package/v2Containers/WeChat/RichmediaTemplates/Create/constants.js

@@ -13,3 +13,6 @@ export const SAVE_TEMPLATE_REQUEST = 'app/v2Containers/Wechat/RichmediaTemplates
 export const SAVE_TEMPLATE_SUCCESS = 'app/v2Containers/Wechat/RichmediaTemplates/Create/SAVE_TEMPLATE_SUCCESS';
 export const SAVE_TEMPLATE_FAILURE = 'app/v2Containers/Wechat/RichmediaTemplates/Create/SAVE_TEMPLATE_FAILURE';
 export const CLEAR_CONTENT_ASSET = 'app/v2Containers/Wechat/RichmediaTemplates/Create/CLEAR_CONTENT_ASSET';
+export const GET_ALL_TEMPLATES_REQUEST = 'app/v2Containers/Wechat/RichmediaTemplates/Create/GET_ALL_TEMPLATES_REQUEST';
+export const GET_ALL_TEMPLATES_SUCCESS = 'app/v2Containers/Wechat/RichmediaTemplates/Create/GET_ALL_TEMPLATES_SUCCESS';
+export const GET_ALL_TEMPLATES_FAILURE = 'app/v2Containers/Wechat/RichmediaTemplates/Create/GET_ALL_TEMPLATES_FAILURE';

package/v2Containers/WeChat/RichmediaTemplates/Create/index.js

@@ -17,7 +17,7 @@ import cloneDeep from 'lodash/cloneDeep';
 import forEach from 'lodash/forEach';
 import isEqual from 'lodash/isEqual';
 import get from 'lodash/get';
-import { CapRow, CapColumn, CapButton, CapCard, CapSpin, CapInput, CapHeading, CapDivider, CapIcon, CapLink, CapLabel, CapNotification } from '@capillarytech/cap-ui-library';
+import { CapRow, CapColumn, CapButton, CapCard, CapSpin, CapInput, CapHeading, CapDivider, CapIcon, CapLink, CapLabel, CapNotification, CapSlideBox } from '@capillarytech/cap-ui-library';
 import makeSelectCreate, {makeSelectTemplates, getAssetDetails, getContentAssetDetails} from './selectors';
 import * as actions from './actions';
 import richmediaschema from './richmediaschema';
@@ -26,6 +26,8 @@ import messages from './messages';
 import FormBuilder from '../../../../v2Components/FormBuilder';
 import WechatRichmediaTemplatePreview from '../../../../v2Components/TemplatePreview/WechatRichmediaTemplatePreview';
 import noImage from '../../../../assets/noImage.png';
+import Pagination from '../../../../v2Components/Pagination';
+import { CAP_SPACE_08, CAP_SPACE_12, CAP_SPACE_20, CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
 
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -102,6 +104,13 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         type: 'confirm',
         id: 'template-back-confirm-modal',
       },
+      showExistingTemplates: false,
+      existingTemplatesPageNo: 1,
+      existingTemplatesPageLimit: 25,
+      sortBy: 'Most Recent',
+      searchText: '',
+      pagination: true,
+      scrollDebounce: true,
     };
     this.onFormDataChange = this.onFormDataChange.bind(this);
     this.cancelHandler = this.cancelHandler.bind(this);
@@ -836,6 +845,126 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     });
     return true;
   }
+
+  onChooseExistingTemplate = (template, e) => {
+    e.stopPropagation();
+    const content = get(template, 'versions.base.mediaList[0]', {});
+    let postCommentsValue = 'No one';
+    const templateData = cloneDeep(this.state.templateData);
+
+    if (content.only_fans_can_comment && content.need_open_comment) {
+      postCommentsValue = 'Only followers';
+    } else if (content.need_open_comment) {
+      postCommentsValue = 'Anyone';
+    }
+
+    templateData[this.state.currentContentId] = {
+      formData: {
+        'title-value': content.title,
+        'author-value': content.author,
+        'cover-abstract-value': content.digest,
+        'content-value': content.content,
+        'source-link-value': content.content_source_url,
+        'post-comments-value': postCommentsValue,
+        'show-cover-pic-value': content.show_cover_pic,
+      },
+      imageUrl: content.image_url,
+      mediaId: content.thumb_media_id,
+    };
+    this.setState({ templateData });
+    this.onCloseExistingTemplatesSlideBox();
+  }
+
+  getExistingTemplates = () => {
+    const { searchText, sortBy, existingTemplatesPageNo, existingTemplatesPageLimit } = this.state;
+    const { selectedWeChatAccount } = this.props.Templates;
+
+    this.setState({showExistingTemplates: true});
+    const queryParams = {
+      name: searchText || '',
+      sortBy: sortBy,
+      wecrmId: selectedWeChatAccount.configs.wecrm_app_id,
+      wecrmToken: selectedWeChatAccount.configs.wecrm_token,
+      originalId: selectedWeChatAccount.sourceAccountIdentifier,
+      page: existingTemplatesPageNo,
+      perPage: existingTemplatesPageLimit,
+    };
+    this.props.actions.getAllTemplates('wechat', queryParams);
+  }
+
+  searchTemplate = (data) => {
+    this.setState({searchText: data}, () => {
+      this.getExistingTemplates();
+    });
+  }
+
+  onPaginationChange = () => {
+    if (this.props.Create.pagination && this.state.scrollDebounce) {
+      this.setState((prevState) => ({
+        existingTemplatesPageNo: prevState.existingTemplatesPageNo + 1,
+        scrollDebounce: false,
+      }),
+      () => {
+        this.getExistingTemplates();
+        setTimeout(() => {
+          this.setState({ scrollDebounce: true })
+        }, 500);
+      });
+    }
+  }
+
+  existingTemplatesContent = () => {
+    const { getAllTemplatesInProgress, templates = [] } = this.props.Create;
+    return (
+      <CapSpin style={{textAlign: "center"}} spinning={getAllTemplatesInProgress}>
+        <CapInput.Search
+          className="search-text"
+          style={{ width: '100%', marginBottom: CAP_SPACE_16 }}
+          placeholder={this.props.intl.formatMessage(messages.searchText)}
+          value={this.state.searchText}
+          onChange={(e) => this.searchTemplate(e.target.value)}
+          onClear={() => this.searchTemplate('')}
+        />
+        <Pagination style={{ height: 'calc(100vh - 150px)', overflowY: 'auto' }} onPageChange={templates.length && this.onPaginationChange}>
+          { templates.map((template) => (
+              <CapCard
+                key={template._id}
+                bordered={false}
+                bodyStyle={{
+                  padding: 0,
+                  borderRadius: '4px',
+                  width: '276px',
+                  border: '16px solid #f4f5f7',
+                }}
+                onClick={(e) => this.onChooseExistingTemplate(template, e)}
+                style={{ paddingBottom: CAP_SPACE_12 }}
+              >
+                <div>
+                  <div className="custom-image">
+                    <img alt="" width="244px" height="136px" src={template.versions.base.mediaList[0].image_url} />
+                  </div>
+                  <div className="existing-template-title-card">
+                    <CapHeading type="h5" className="overflow-wrap-fields">{template.name || "Title"}</CapHeading>
+                  </div>
+                </div>
+              </CapCard>
+            ))
+          }
+        </Pagination>
+      </CapSpin>
+    );
+  }
+
+  onCloseExistingTemplatesSlideBox = () => {
+    this.setState({
+      showExistingTemplates: false,
+      existingTemplatesPageNo: 1,
+      existingTemplatesPageLimit: 25,
+      searchText: '',
+      pagination: true,
+    });
+  }
+
   updateContentData = () => {
     this.state.editorInstanse.insertHtml(`<img src='${this.props.ContentImageData.metaInfo.wechatUrl}' alt='Capillary Image'>`);
     this.props.actions.clearContentImageStore();
@@ -846,6 +975,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       <>
         <div style={{width: '292px'}}><CapDivider /></div>
         <CapHeading type="h5" style={{marginBottom: '8px'}}>{this.props.intl.formatMessage(messages.addRichMediaContent)}</CapHeading>
+        <CapButton type="dashed" onClick={this.getExistingTemplates} prefix={<CapIcon size="s" type="media" />} style={{backgroundColor: 'white', width: '142px', marginRight: CAP_SPACE_08, paddingLeft: CAP_SPACE_12}}>{this.props.intl.formatMessage(messages.existingMedia)}</CapButton>
         <CapButton type="dashed" onClick={this.menuOnClickEvent} prefix={<CapIcon size="s" type="add-media" />} style={{backgroundColor: 'white'}}>{this.props.intl.formatMessage(messages.newMedia)}</CapButton>
       </>
     );
@@ -902,6 +1032,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const schema = this.returnCurrentSchema();
     const formData = this.returnCurrentFormData();
     const { isIframe } = this.state;
+    const { intl } = this.props;
     this.updateImageData();
     if (this.props.ContentImageData && this.props.ContentImageData.metaInfo && this.props.ContentImageData.metaInfo.wechatUrl) {
       this.updateContentData();
@@ -956,6 +1087,17 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
               </CapRow>
             </div>
           </div>
+          <CapSlideBox
+            header={(
+              <CapHeading type="h3">
+                {intl.formatMessage(messages.existingMediaHeader)}
+              </CapHeading>
+            )}
+            content={this.existingTemplatesContent()}
+            show={this.state.showExistingTemplates}
+            handleClose={this.onCloseExistingTemplatesSlideBox}
+            size="size-s"
+          />
         </CapSpin>
       </div>
     );

package/v2Containers/WeChat/RichmediaTemplates/Create/messages.js

@@ -199,6 +199,10 @@ export default defineMessages({
     id: `${scope}.templateNameExists`,
     defaultMessage: 'Template with the same name exists. Please try another template name.',
   },
+  'Template name already exists': {
+    id: 'creatives.containersV2.richMedia.create.templateNameAlreadyExists',
+    defaultMessage: 'Template name already exists',
+  },
   'Template name cannot be blank!': {
     id: `${scope}.templateNameBlank`,
     defaultMessage: 'Template name cannot be blank',
@@ -247,4 +251,16 @@ export default defineMessages({
     id: `${scope}.nameOfTemplate`,
     defaultMessage: 'Name of the template',
   },
+  'existingMedia': {
+    id: `${scope}.existingMedia`,
+    defaultMessage: 'Existing media',
+  },
+  'existingMediaHeader': {
+    id: `${scope}.existingMediaHeader`,
+    defaultMessage: 'Rich media templates',
+  },
+  'searchText': {
+    id: `${scope}.searchText`,
+    defaultMessage: 'Search Templates',
+  },
 });

package/v2Containers/WeChat/RichmediaTemplates/Create/reducer.js

@@ -5,9 +5,13 @@
  */
 
 import { fromJS } from 'immutable';
+import unionBy from 'lodash/unionBy';
 import * as types from './constants';
 
-const initialState = fromJS({});
+const initialState = fromJS({
+  getAllTemplatesInProgress: false,
+  templates: [],
+});
 
 function createReducer(state = initialState, action) {
   switch (action.type) {
@@ -52,6 +56,25 @@ function createReducer(state = initialState, action) {
       return state
         .set('saveTemplateSuccess', false)
         .set('savingTemplate', false);
+    case types.GET_ALL_TEMPLATES_REQUEST:
+      return state
+        .set('getAllTemplatesInProgress', true).set('templateError', {});
+    case types.GET_ALL_TEMPLATES_SUCCESS:
+      const { data, isReset } = action;
+      if (isReset) {
+        return state
+          .set('getAllTemplatesInProgress', false)
+          .set('pagination', true)
+          .set('templates', data ? data.templates : [])
+          .set('isSearch', data ? data.search : false);
+      }
+      return state
+        .set('getAllTemplatesInProgress', false)
+        .set('pagination', data ? Boolean(data.templates.length) : true)
+        .set('templates', data ? unionBy(state.get('templates'), data.templates, '_id') : state.get('templates'))
+        .set('isSearch', data ? data.search : false);
+    case types.GET_ALL_TEMPLATES_FAILURE:
+      return state.set('getAllTemplatesInProgress', false).set('templateError', action.error);
     default:
       return state;
   }

package/v2Containers/WeChat/RichmediaTemplates/Create/sagas.js

@@ -1,5 +1,7 @@
 import { take, cancel, call, put, takeLatest } from 'redux-saga/effects';
 import { LOCATION_CHANGE } from 'react-router-redux';
+import orderBy from 'lodash/orderBy';
+import moment from 'moment';
 import * as Api from '../../../../services/api';
 import * as types from './constants';
 // import testschema from './testschema';
@@ -33,6 +35,48 @@ export function* saveTemplate({template, callback}) {
     yield put({ type: types.SAVE_TEMPLATE_FAILURE, error });
   }
 }
+
+export function* getAllTemplates(action) {
+  try {
+    const result = yield call(Api.getAllTemplates, action);
+    const channelTemplates = {
+      templates: result.response.richmedia,
+    };
+    if (
+      action.channel === 'wechat' &&
+      action.queryParams &&
+      action.queryParams.sortBy
+      ) {
+      if (action.queryParams.sortBy.toLocaleLowerCase() === ("Most Recent").toLocaleLowerCase()) {
+        channelTemplates.templates = orderBy(channelTemplates.templates, (template) => moment(template.updatedAt), ['desc']);
+        // channelTemplates.templates.sort((a, b) => {
+        //   const dateA = new Date(a.updatedAt);
+        //   const dateB = new Date(b.updatedAt);
+        //   return dateB - dateA;
+        // });
+      } else if (action.queryParams.sortBy.toLocaleLowerCase() === ("Alphabetically").toLocaleLowerCase()) {
+        channelTemplates.templates.sort((a, b) => b.name - a.name);
+      }
+    }
+    yield put({
+      type: types.GET_ALL_TEMPLATES_SUCCESS,
+      data: channelTemplates,
+      isReset: action.queryParams.page === 1,
+    });
+  } catch (error) {
+    yield put({
+      type: types.GET_ALL_TEMPLATES_FAILURE,
+      error,
+    });
+  }
+}
+
+function* watchGetAllTemplates() {
+  const watcher = yield takeLatest(types.GET_ALL_TEMPLATES_REQUEST, getAllTemplates);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
 function* watchUploadAsset() {
   const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
   yield take(LOCATION_CHANGE);
@@ -48,4 +92,5 @@ export default [
   defaultSaga,
   watchUploadAsset,
   watchSaveTemplate,
+  watchGetAllTemplates,
 ];

package/v2Containers/WeChat/RichmediaTemplates/Edit/constants.js

@@ -8,3 +8,7 @@ export const DEFAULT_ACTION = 'app/Edit/DEFAULT_ACTION';
 export const GET_TEMPLATE_DETAILS_REQUEST = 'app/v2Containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_REQUEST';
 export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/v2Containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
 export const GET_TEMPLATE_DETAILS_FAILURE = 'app/v2Containers/WeChat/RichmediaTemplates/Edit/GET_TEMPLATE_DETAILS_FAILURE';
+
+export const NO_ONE = 'No one';
+export const ONLY_FOLLOWERS = 'Only followers';
+export const ANYONE = 'Anyone';

package/v2Containers/WeChat/RichmediaTemplates/Edit/index.js

@@ -15,6 +15,7 @@ import { CapSpin } from '@capillarytech/cap-ui-library';
 import { createStructuredSelector } from 'reselect';
 import makeSelectEdit, { makeSelectTemplates } from './selectors';
 import * as actions from './actions';
+import { NO_ONE, ONLY_FOLLOWERS, ANYONE } from './constants';
 import Create from '../Create';
 import { getCommonProps } from '../../helper';
 
@@ -39,12 +40,18 @@ export class Edit extends React.PureComponent { // eslint-disable-line react/pre
     if (!_.isEmpty(templateDetails)) {
       _.forEach(templateDetails.versions.base.mediaList, (content) => {
         const formData = {};
+        let postCommentsValue = NO_ONE;
+        if (content.only_fans_can_comment && content.need_open_comment) {
+          postCommentsValue = ONLY_FOLLOWERS;
+        } else if (content.need_open_comment) {
+          postCommentsValue = ANYONE;
+        }
         formData['title-value'] = content.title;
         formData['author-value'] = content.author;
         formData['cover-abstract-value'] = content.digest;
         formData['content-value'] = content.content;
         formData['source-link-value'] = content.content_source_url;
-        formData['post-comments-value'] = content.post_comments_scope;
+        formData['post-comments-value'] = postCommentsValue;
         formData['show-cover-pic-value'] = content.show_cover_pic;
         templateData[contentId] = {
           formData,

package/v2Containers/WeChat/Wrapper/_wrapper.scss

@@ -1,5 +1,13 @@
+@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
+
 .template-image {
   margin: 0 -1.142rem;
   height: 274px;
   width: 370px;
-}
+}
+
+.ant-radio-group.#{cap-radioCard-v2} {
+  .ant-radio-button-wrapper {
+    border: 1px solid $CAP_G07;
+  }
+}