@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

package/containers/Templates/_templates.scss

@@ -0,0 +1,333 @@
+.card-title {
+  line-height: 24px;
+  font-size: 14px;
+  text-align: left;
+  color: #333333;
+  font-family: Open-Sans;
+  font-style: normal;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  opacity: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.card-detail{
+  text-align: left;
+  color: #333333;
+  font-family: Open-Sans;
+  line-height: 16px;
+  font-size: 12px;
+  opacity: 1;
+}
+
+.sms-template-content{
+    text-align: left;
+    color: #333333;
+    font-family: Open-Sans;
+    line-height: 24px;
+    font-size: 14px;
+    padding: 16px;
+    opacity: 0.88;
+    height: inherit;
+    width: 100%;
+}
+
+.footer-container{
+  padding: 8px 0 8px 16px;
+}
+
+.options-icon{
+  font-size: 16px;
+}
+
+.template-header{
+  font-size: 24px;
+  line-height: 32px;
+  font-family: proxima-nova, sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  flex: 1;
+  color: #323B4E;
+}
+
+.template-header-container{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.select-font{
+  text-align: left;
+  color: #000000;
+  font-family: Open-Sans;
+  line-height: 24px;
+  font-size: 14px;
+}
+
+.action-container{
+  margin-top: 8px;
+  margin-bottom: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.popover-action-container:hover{
+  background-color: #ecf6fd;
+}
+
+.popover-content{
+  font-size: 14px;
+}
+
+.popover-action-container {
+  line-height: 24px;
+}
+
+.sms-text, .mobilepush-message{
+  height: 100%;
+  overflow: hidden;
+  word-wrap: break-word;
+  /* white-space: nowrap; */
+  text-overflow: ellipsis;
+}
+.sms-text-blurred{
+  opacity: 0.2;
+}
+
+.edit-button{
+  position: absolute;
+  top: 29.33%;
+  left: 33.625%;
+  width: 33%;
+}
+
+.select-button{
+  position: absolute;
+  top: 40.33%;
+  left: 33.625%;
+  width: 33%;
+}
+
+.preview-button{
+  position: absolute;
+  top: 43%;
+  left: 33.5%;
+  width: 33%;
+}
+
+.template-name{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 85%;
+}
+
+.selectAccount {
+  width: 200px;
+  margin-left: 16px;
+  border: none;
+  font-size: 24px;
+  line-height: 32px;
+  .ant-select-selection-selected-value {
+    color: #323B4E;
+  }
+  .ant-select-selection__placeholder {
+    color: #B5B5B5;
+  }
+}
+
+#blankTemplate {
+  .content-wrapper {
+    height: 310px;
+
+    .sms-template-content{
+      cursor: pointer;
+
+      .sms-text, .mobilepush-message {
+        text-align: center;
+        line-height: 260px;
+        font-family: proxima-nova;
+        font-weight: 600;
+        font-size: 16px;
+      }
+    }
+  }
+  .seperator-line {
+    display: none;
+  }
+  .footer-wrapper {
+    display: none;
+  }
+}
+.select-account{
+  min-width: 158px;
+}
+.mobilepush-message{
+  .message-pop{
+    // width: initial;
+    top: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    border-radius: 4px;
+    color: #FFFFFF;
+    width: 70%;
+    min-height: 26px;
+    line-height: 14px;
+    font-size: 10px;
+    font-family: 'open-sans';
+    max-height: 246px;
+    overflow: hidden;
+  }
+  .android-push-message-Container, .iphone-push-message-Container{
+    height: 336px;
+    overflow: auto;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    .message-pop{
+      // width: initial;
+      overflow: auto;
+      word-wrap: break-word;
+      white-space: pre-wrap;
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+      max-height: 100%;
+      width: 100%;
+      min-height: 26px;
+      line-height: 16px;
+      font-size: 10px;
+      .body-image{
+        img{
+          max-width: 100%;
+          max-height: 128px;
+          display: block;
+          margin: auto;
+        }
+      }
+    }
+  }
+  .android-push-message-Container{
+    .title, .body-text, .body-image, .app-name{
+      background-color: #FFFFFF;
+      color: #333333;
+    }
+    .app-name{
+      color: #707070;
+      font-weight: 600;
+      padding: 8px 8px 4px 8px;
+    }
+    .body-image{
+      padding: 0 8px 0 8px;
+
+    }
+    .body-text{
+      padding: 0 8px 4px 8px;
+      color: #5a5959;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+    }
+    .title{
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      padding: 0 8px 0 8px;
+      font-weight: 600;
+    }
+    .actions{
+      background-color: #EEEEEE;
+      height: 32px;
+      padding: 4px;
+      .action{
+        line-height: 24px;
+        font-size: 10px;
+        font-weight: 600;
+        color: #1970DA;
+        height: 12px;
+        margin-left: 8px;
+      }
+    }
+  }
+  .iphone-push-message-Container{
+    top: 8%;
+    .message-pop{
+      border-radius: 4px;
+      word-wrap: break-word;
+    }
+    .title, .body-text, .body-image, .app-name{
+      background-color: #FFFFFF;
+      color: #333333;
+    }
+    .body-image{
+      padding-top: 8px;
+    }
+    .title{
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      font-weight: 600;
+    }
+    .app-name{
+      padding: 8px;
+      color: #707070;
+      font-weight: 600;
+      border-bottom: solid 1px #D6D6D6;
+      .material-icons{
+        font-size: 12px;
+        float: right;
+      }
+    }
+    .title, .body-text{
+      padding: 4px 8px 4px 8px;
+    }
+    .body-text{
+      border-bottom-left-radius: 4px;
+      border-bottom-right-radius: 4px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+    .actions{
+      background-color: #FFFFFF;
+      opacity: 0.8;
+      height: 32px;
+      line-height: 26px;
+      margin-top: 4px;
+      border-radius: 6px;
+      text-align: center;
+      border: solid 1px #979797;
+      .action{
+        font-size: 12px;
+        color: #000000;
+        font-weight: 600;
+        text-align: center;
+        margin-left: 8px;
+      }
+    }
+  }
+}
+.mobilepush-templates{
+  .content-wrapper {
+    overflow: hidden;
+    background-image: url("https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/1720b7f7e78860c1f905.svg");
+  }
+}
+.pagination-container{
+  height: calc(100vh - 182px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.message-container{
+  border-bottom: solid 0.5px #D6D6D6;
+}
+.main-content{
+  overflow: hidden;
+}

package/containers/Templates/actions.js

@@ -0,0 +1,103 @@
+/*
+ *
+ * Templates actions
+ *
+ */
+
+ import * as types from './constants';
+
+ export function getAllTemplates(channel, queryParams) {
+   return {
+     type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams,
+   };
+ }
+
+ export function resetTemplate() {
+   return {
+     type: types.RESET_TEMPLATE,
+   };
+ }
+
+ export function resetAccount() {
+   return {
+     type: types.RESET_ACCOUNT,
+   };
+ }
+
+ export function deleteTemplate(channel, id) {
+   return {
+     type: types.DELETE_TEMPLATE_REQUEST, channel, id,
+   };
+ }
+
+ export function getUserList() {
+   return {
+     type: types.GET_USER_LIST_REQUEST,
+   };
+ }
+
+ export function getWeCrmAccounts(source) {
+   return {
+     type: types.GET_WECRM_ACCOUNTS_REQUEST, source,
+   };
+ }
+
+ export function setWeChatAccount(weChatAccount) {
+   return {
+     type: types.SET_WECHAT_ACCOUNT,
+     weChatAccount,
+   };
+ }
+
+ export function handleHtmlUpload(selectedTemplate) {
+   return {
+     type: types.SET_SELECTED_LAYOUT,
+     selectedTemplate,
+   };
+ }
+
+ export function handleZipUpload(selectedFile) {
+   return {
+     type: types.SEND_ZIPPED_FILE_REQUEST,
+     selectedFile,
+   };
+ }
+
+ export function getEdmDefaultTemplates() {
+   return {
+     type: types.GET_EDM_DEAFULT_TEMPLATES_REQUEST,
+   };
+ }
+
+ export function setEdmTemplate(template) {
+   return {
+     type: types.SET_EDM_TEMPLATE,
+     template,
+   };
+ }
+
+ export function getTemplateDetails(id, channel) {
+   return {
+     type: types.GET_TEMPLATE_DETAILS_REQUEST,
+     id,
+     channel,
+   };
+ }
+
+ export function resetTemplateData() {
+   return {
+     type: types.RESET_TEMPLATE_DATA,
+   };
+ }
+
+ export function resetUploadData() {
+   return {
+     type: types.RESET_UPLOAD_DATA,
+   };
+ }
+
+ export function resetTemplateStoreData() {
+   return {
+     type: types.CLEAR_TEMPLATE_STORE_DATA,
+   };
+ }

package/containers/Templates/constants.js

@@ -0,0 +1,60 @@
+/*
+ *
+ * Templates constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Templates/DEFAULT_ACTION';
+
+export const GET_ALL_TEMPLATES_REQUEST = 'app/containers/Templates/GET_ALL_TEMPLATES_REQUEST';
+export const GET_ALL_TEMPLATES_SUCCESS = 'app/containers/Templates/GET_ALL_TEMPLATES_SUCCESS';
+export const GET_ALL_TEMPLATES_FAILURE = 'app/containers/Templates/GET_ALL_TEMPLATES_FAILURE';
+
+export const DELETE_TEMPLATE_REQUEST = 'app/containers/Templates/DELETE_TEMPLATE_REQUEST';
+export const DELETE_TEMPLATE_SUCCESS = 'app/containers/Templates/DELETE_TEMPLATE_SUCCESS';
+export const DELETE_TEMPLATE_FAILURE = 'app/containers/Templates/DELETE_TEMPLATE_FAILURE';
+
+export const GET_USER_LIST_REQUEST = "app/containers/GET_USER_LIST_REQUEST";
+export const GET_USER_LIST_SUCCESS = "app/containers/GET_USER_LIST_SUCCESS";
+export const GET_USER_LIST_FAILURE = "app/containers/GET_USER_LIST_FAILURE";
+
+export const GET_WECRM_ACCOUNTS_REQUEST = "app/containers/Templates/GET_WECRM_ACCOUNTS_REQUEST";
+export const GET_WECRM_ACCOUNTS_SUCCESS = "app/containers/Templates/GET_WECRM_ACCOUNTS_SUCCESS";
+export const GET_WECRM_ACCOUNTS_FAILURE = "app/containers/Templates/GET_WECRM_ACCOUNTS_FAILURE";
+export const SET_WECHAT_ACCOUNT = "app/containers/Templates/SET_WECHAT_ACCOUNT";
+
+export const SET_SELECTED_LAYOUT = "app/containers/Templates/SET_SELECTED_LAYOUT";
+export const SEND_ZIPPED_FILE_REQUEST = "app/containers/Templates/SEND_ZIPPED_FILE_REQUEST";
+export const SEND_ZIPPED_FILE_SUCCESS = "app/containers/Templates/SEND_ZIPPED_FILE_SUCCESS";
+export const SEND_ZIPPED_FILE_FAILURE = "app/containers/Templates/SEND_ZIPPED_FILE_FAILURE";
+
+export const GET_EDM_DEAFULT_TEMPLATES_REQUEST = 'app/containers/Templates/GET_EDM_DEAFULT_TEMPLATES_REQUEST';
+export const GET_EDM_DEAFULT_TEMPLATES_SUCCESS = 'app/containers/Templates/GET_EDM_DEAFULT_TEMPLATES_SUCCESS';
+export const GET_EDM_DEAFULT_TEMPLATES_FAILURE = 'app/containers/Templates/GET_EDM_DEAFULT_TEMPLATES_FAILURE';
+
+export const GET_TEMPLATE_DETAILS_REQUEST = 'app/containers/Templates/GET_TEMPLATE_DETAILS_REQUEST';
+export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/containers/Templates/GET_TEMPLATE_DETAILS_SUCCESS';
+export const GET_TEMPLATE_DETAILS_FAILURE = 'app/containers/Templates/GET_TEMPLATE_DETAILS_FAILURE';
+
+
+export const SET_EDM_TEMPLATE = "app/containers/Templates/SET_EDM_TEMPLATE";
+export const RESET_ACCOUNT = "app/containers/Templates/RESET_ACCOUNT";
+export const RESET_TEMPLATE = "app/containers/Templates/RESET_TEMPLATE";
+export const RESET_TEMPLATE_DATA = "app/containers/Templates/RESET_TEMPLATE_DATA";
+export const RESET_UPLOAD_DATA = "app/containers/Templates/RESET_UPLOAD_DATA";
+export const CLEAR_TEMPLATE_STORE_DATA = "app/containers/Templates/CLEAR_TEMPLATE_STORE_DATA";
+
+
+export const TRUE = 'true';
+export const FALSE = 'false';
+
+// Channel constants
+export const EMAIL = 'email';
+export const SMS = 'sms';
+export const LINE = 'line';
+export const EBILL = 'ebill';
+export const WECHAT = 'wechat';
+export const WHATSAPP = 'whatsapp';
+export const MOBILEPUSH = 'mobilepush';
+
+export const TYPE_EMBEDDED = 'embedded';