@capillarytech/creatives-library 3.0.35 → 3.1.0

package/v2Containers/WeChat/MapTemplates/initialSchema.js

@@ -0,0 +1,184 @@
+export const response = {
+  metaEntities: [
+    {
+      _id: "5a29d0759f601644d4fbf8ec",
+      type: "LAYOUT",
+      definition: {
+        module: "Campaigns",
+        channel: "WECHAT",
+        containers: [
+
+        ],
+        standalone: {
+          sections: [
+            {
+              childSections: [
+                {
+                  inputFields: [
+                    {
+                      cols: [],
+                    },
+                  ],
+                  type: "multicols",
+                },
+                {
+                  childSections: [
+                    {
+                      childSections: [
+                        {
+                          inputFields: [
+                            {
+                              supportedEvents: [
+                                "onSelect",
+                              ],
+                              standalone: true,
+                              customComponent: false,
+                              offSet: 6,
+                              width: 19,
+                              order: 1,
+                              styling: "semantic",
+                              style: {
+                                display: "none",
+                                marginBottom: "16px",
+                                fontStyle: "normal",
+                                fontFamily: "open-sans",
+                                fontSize: "14px",
+                              },
+                              fluid: true,
+                              required: true,
+                              datatype: "string",
+                              metaType: "text",
+                              options: [
+
+                              ],
+                              type: "select",
+                              placeholder: "Select Wechat Template",
+                              labelStyle: {
+                                display: "none",
+                                padding: ".5em .833em",
+                                fontStyle: "normal",
+                                fontFamily: "open-sans",
+                                fontWeight: "400",
+                                fontSize: "14px",
+                                lineHeight: "24px",
+                                color: "#333333",
+                                textAlign: "left",
+                                backgroundColor: "white",
+                              },
+                              id: "wechat-accounts",
+                            },
+                            {
+                              supportedEvents: [
+                                "onSelect",
+                              ],
+                              standalone: true,
+                              customComponent: false,
+                              offSet: 6,
+                              width: 23,
+                              order: 1,
+                              styling: "semantic",
+                              style: {
+                                display: "none",
+                              },
+                              disabled: false,
+                              fluid: true,
+                              required: true,
+                              datatype: "string",
+                              metaType: "text",
+                              options: [
+
+                              ],
+                              // type: "select",
+                              placeholder: "Select Wechat Template",
+                              // label: "Template",
+                              id: "wechat-template",
+                              labelStyle: {
+                                display: 'none',
+                              },
+                            },
+                          ],
+                          type: "col-label",
+                        },
+                        // {
+                        //   type: "multicols",
+                        //   inputFields: [
+                        //     {
+                        //       cols: [
+
+                        //       ],
+                        //     },
+                        //   ],
+                        // },
+                      ],
+                      type: "parent",
+                      width: 15,
+                      colStyle: {
+                        height: "70vh",
+                        paddingTop: "16px",
+                        overflow: "auto",
+                        marginTop: "-32px",
+                      },
+                    },
+                    {
+                      inputFields: [
+                        {
+                          cols: [
+                            {
+                              channel: "WECHAT",
+                              offset: 7,
+                              onlyDisplay: true,
+                              width: 5,
+                              order: 1,
+                              styling: "semantic",
+                              fluid: true,
+                              required: true,
+                              metaType: "preview",
+                              content: "",
+                              style: {
+                                overflowX: "hidden",
+                              },
+                              customStyling: {
+                                overflowX: "hidden",
+                                padding: "0",
+                              },
+                              charCounterEnabled: false,
+                              customComponent: true,
+                              type: "sms-preview",
+                              id: "sms-preview",
+                            },
+                          ],
+                        },
+                      ],
+                      colStyle: {
+                        height: "100%",
+                        paddingTop: "16px",
+                        marginTop: "-60px",
+                      },
+                      type: "multicols",
+                      width: 8,
+                    },
+                  ],
+                  rowStyle: {
+                    marginTop: "16px",
+                    height: "100%",
+                  },
+                  type: "parent",
+                  width: 24,
+                },
+              ],
+              rowStyle: {
+                height: "100%",
+              },
+              width: 24,
+              type: "parent",
+            },
+          ],
+        },
+      },
+      isActive: true,
+      updatedBy: 15000449,
+      createdAt: "2017-12-07T23:36:21.272Z",
+      updatedAt: "2017-12-21T09:56:59.217Z",
+    },
+  ],
+};

package/v2Containers/WeChat/MapTemplates/messages.js

@@ -7,99 +7,75 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   "header": {
-    id: 'creatives.containersV2.WeChat.header',
+    id: 'app.containers.WeChat.header',
     defaultMessage: 'WeChat',
   },
   'Template mapping': {
-    id: 'creatives.containersV2.WeChat.templateMapping',
+    id: 'app.containers.WeChat.templateMapping',
     defaultMessage: 'Template mapping',
   },
   'Discard': {
-    id: 'creatives.containersV2.WeChat.discard',
+    id: 'app.containers.WeChat.discard',
     defaultMessage: 'Discard',
   },
   'Cancel': {
-    id: 'creatives.containersV2.WeChat.cancel',
+    id: 'app.containers.WeChat.cancel',
     defaultMessage: 'Cancel',
   },
   'Save': {
-    id: 'creatives.containersV2.WeChat.save',
+    id: 'app.containers.WeChat.save',
     defaultMessage: 'Save',
   },
   'Account Id': {
-    id: 'creatives.containersV2.WeChat.accountId',
+    id: 'app.containers.WeChat.accountId',
     defaultMessage: 'Account id',
   },
   'Select Wechat Account': {
-    id: 'creatives.containersV2.WeChat.selectWechatAccount',
+    id: 'app.containers.WeChat.selectWechatAccount',
     defaultMessage: 'Select wechat account',
   },
   'Template': {
-    id: 'creatives.containersV2.WeChat.template',
+    id: 'app.containers.WeChat.template',
     defaultMessage: 'Template',
   },
   'Select Wechat Template': {
-    id: 'creatives.containersV2.WeChat.selectWechatTemplate',
+    id: 'app.containers.WeChat.selectWechatTemplate',
     defaultMessage: 'Select wechat template',
   },
   'Link': {
-    id: 'creatives.containersV2.WeChat.link',
+    id: 'app.containers.WeChat.link',
     defaultMessage: 'Link',
   },
-  'isInternalUrl': {
-    id: 'creatives.containersV2.WeChat.isInternalUrl',
+  'Is this internal url': {
+    id: 'app.containers.WeChat.isInternalUrl',
     defaultMessage: 'Is this internal url',
   },
   "Tags": {
-    id: 'creatives.containersV2.WeChat.tagsLabel',
+    id: 'app.containers.WeChat.tagsLabel',
     defaultMessage: "Tags",
   },
   "gettingTemplateData": {
-    id: 'creatives.containersV2.WeChat.gettingTemplateData',
+    id: 'app.containers.WeChat.gettingTemplateData',
     defaultMessage: "Getting template data..",
   },
   "wechatEditSuccess": {
-    id: 'creatives.containersV2.WeChat.wechatEditSuccess',
+    id: 'app.containers.WeChat.wechatEditSuccess',
     defaultMessage: "WeChat template unmapped successfully",
   },
   "wechatCreateSuccess": {
-    id: 'creatives.containersV2.WeChat.wechatCreateSuccess',
+    id: 'app.containers.WeChat.wechatCreateSuccess',
     defaultMessage: "WeChat template mapped successfully",
   },
   "somethingWentWrong": {
-    id: 'creatives.containersV2.WeChat.somethingWentWrong',
+    id: 'app.containers.WeChat.somethingWentWrong',
     defaultMessage: "Something went wrong!!",
   },
-  "alertMessage": {
-    id: 'creatives.containersV2.WeChat.alertMessage',
-    defaultMessage: "Alert",
-  },
-  "goBackTemporaryChangesLost": {
-    id: 'creatives.containersV2.WeChat.goBackTemporaryChangesLost',
-    defaultMessage: "Do you really want to go back? All your temporary changes will be lost!",
-  },
-  "hasValidContent": {
-    id: 'creatives.containersV2.WeChat.hasValidContent',
-    defaultMessage: "has valid content.",
-  },
-  "linkCantEmpty": {
-    id: 'creatives.containersV2.WeChat.linkCantEmpty',
-    defaultMessage: "has valid content.",
-  },
   "select": {
-    id: 'creatives.containers.WeChat.select',
+    id: 'app.containers.WeChat.select',
     defaultMessage: 'Select',
   },
   "newWechat": {
-    id: 'creatives.containers.WeChat.newWechat',
+    id: 'app.containers.WeChat.newWechat',
     defaultMessage: 'New wechat',
   },
-  "linkErrorMessage": {
-    id: 'creatives.containers.WeChat.linkErrorMessage',
-    defaultMessage: 'Link cannot be empty.',
-  },
-  "hasInvalidContent": {
-    id: 'creatives.containers.WeChat.hasInvalidContent',
-    defaultMessage: 'has invalid content.',
-  },
 });

package/v2Containers/WeChat/MapTemplates/sagas.js

@@ -13,12 +13,16 @@ export function* getDefaultWeChatTemplates(params) {
   }
 }
 
-export function* createTemplate(template) {
+export function* createTemplate({template, callback}) {
   try {
-    const result = yield call(Api.createWeChatTemplate, template);
+    const result = yield call(Api.createWeChatTemplate, {template});
+    if (callback) {
+      yield call(callback, result.response);
+    }
     // const sidebar = result.response.sidebar;
     yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
   } catch (error) {
+    console.log("error in sage", error);
     yield put({ type: types.CREATE_TEMPLATE_FAILURE, error });
   }
 }

package/v2Containers/WeChat/MapTemplates/selectors.js

@@ -3,7 +3,7 @@ import { createSelector } from 'reselect';
 /**
  * Direct selector to the weChat state domain
  */
-const selectWeChatDomain = () => (state) => state.get('weChat');
+const selectWeChatDomain = () => (state) => state.get('weChatMapTemplate');
 
 /**
  * Other specific selectors

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

@@ -1,34 +1,22 @@
-.hover-container {
-  position: relative;
-}
 .richmedia-icons {
   display: none;
   position: absolute;
   top: 50%;
 }
-.hover-container:hover {
-  .richmedia-card {
-    opacity: 0.2;
-    border: 2px solid #1D5B96!important;
-  }
-  .richmedia-card-rectangle {
-    opacity: 0.2;
-    border: 2px solid #1D5B96!important;
-  }
-  .richmedia-icons {
-    opacity: 1 !important;
-    display: inline-flex!important;
-  }
-
-}
-.richmedia-card-clicked {
-  border: 2px solid #1D5B96!important;
-}
-.richmedia-card-rectangle-clicked {
-  border: 2px solid #1D5B96!important;
-}
-.hover-container .richmedia-card, .hover-container .richmedia-card-rectangle {
-  border: 1px solid #707070;
+.richmedia-card-clicked::before, .richmedia-card-rectangle-clicked::before{
+  content: "";
+  position: absolute;
+  left: -webkit-calc(100% - 5px); /*may require prefix for old browser support*/
+  left: calc(100% - 5px); /*i.e. half the height*/
+  top: calc((100% - 6px)/2);
+  top: -webkit-calc((100% - 6px)/2); 
+  height: 12px;
+  width: 12px;
+  background: #dfe2e7;
+  transform: rotate(45deg);
+  border-top:inherit;
+  border-right:inherit;
+  box-shadow:inherit;
 }
 .hover-icons {
   font-size: 20px;
@@ -36,6 +24,108 @@
 .richmedia-container {
   height: 100%;
   overflow-y: auto;
+  .richmedia-card-rectangle {
+    cursor: pointer;
+  }
+  .richmedia-card {
+    padding: 8px;
+    cursor: pointer;
+    .cap-card-v2 {
+      margin-right: 8px;
+    }
+  }
+  .component-with-label-label {
+    margin-bottom: 0px;
+    font-size: 14px;
+    line-height: 20px;
+  }
+  .component-with-label-inductive-text {
+    color: #5e6c84;
+  }
+  #post-comments-label {
+    font-weight: 500;
+    line-height: 20px;
+    margin-bottom: 8px;
+  }
+  .richmedia-template-name {
+    .component-with-label-label {
+      margin-bottom: 6px;
+    }
+  }
+  .custom-card {
+    padding: 12px;
+    background-color: white;
+    height: 96px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+  }
+  .custom-image {
+    position: relative;
+    .name-container {
+      position: absolute;
+      bottom: 0px;
+      height: 44px;
+      padding-top: 16px;
+      padding-left: 12px;
+      color: #ffffff;
+      opacity: 0.7;
+      width: 100%;
+      background-image: linear-gradient(to top, black 0%, transparent 100%);
+      border-bottom-left-radius: 4px;
+      border-bottom-right-radius: 4px;
+      div {
+        color: #ffffff;
+      }
+    }
+    img {
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+    }
+  }
+  .custom-image-border-bottom img {
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+  }
+
+  .richmedia-card-container {
+    width: 244px;
+    margin: 8px;
+    height: 56px;
+    background-color: white;
+    border-radius: 4px;
+    display: flex;
+    .title {
+      padding: 12px;
+      padding-top: 20px;
+    }
+    .image {
+      padding: 8px;
+      margin-right: 8px;
+    }
+  }
+  .richmedia-card-rectangle-clicked, .richmedia-card-clicked {
+    border: 1px solid #091e42;
+    background-color: #dfe2e7;
+    border-radius: 4px;
+  }
+  .card-nav-container {
+    border: 1px solid #dfe2e7;
+    border-radius: 4px;
+    height: 56px;
+    width: 20px;
+    background: white;
+    .cap-icon-v2 {
+      color: #091e42;
+    }
+    .anticon {
+      font-size: 14px;
+    }
+    .disabled-action .cap-icon-v2 {
+      cursor: not-allowed;
+      color: #b3bac5;
+    }
+
+  }
 }
 .template-form-header {
   margin-bottom: 2.5rem;
@@ -45,7 +135,7 @@
 }
 .wechat-richmedia-row {
   margin-bottom: 1.5rem;
-  width: 50rem;
+  // width: 50rem;
 }
 .overflow-wrap-fields {
   text-overflow: ellipsis;
@@ -53,5 +143,5 @@
   overflow-wrap: break-word;
   display: -webkit-box !important;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
+  -webkit-line-clamp: 1;
 }

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

@@ -22,10 +22,12 @@ export function uploadAsset(file, assetType, fileParams, mode, wechatParams, con
     uploadId,
   };
 }
-export function saveTemplate(template) {
+export function saveTemplate(template, callback) {
+  console.log("inside saveTemplate action", template, callback);
   return {
     type: types.SAVE_TEMPLATE_REQUEST,
     template,
+    callback,
   };
 }
 export function clearContentImageStore() {