@capillarytech/creatives-library 7.10.40 → 7.10.41

package/v2Containers/Whatsapp/index.scss

@@ -4,15 +4,21 @@
   margin-top: $CAP_SPACE_16;
   margin-bottom: 6px;
 }
-.whatsapp-render-unsubscribe-text {
+.whatsapp-template-name-desc {
+  margin-bottom: 6px;
+}
+.whatsapp-create-render-unsubscribe-text {
   color: $FONT_COLOR_02;
   margin: $CAP_SPACE_08 0px $CAP_SPACE_08 16px;
 }
+.whatsapp-edit-render-unsubscribe-text {
+  color: $FONT_COLOR_02;
+}
 .whatsapp-render-message-length {
   text-align: right;
 }
-.whatsapp-template-message-input {
-  background-color: $BG_01;
+.whatsapp-create-template-message-input {
+  background-color: #fafbfc;
   padding-top: $CAP_SPACE_16;
 }
 .whatsapp-template-message-error {
@@ -22,7 +28,25 @@
 .whatsapp-scroll-div {
   margin-bottom: 250px;
 }
-#whatsapp-template-message-input {
+.whatsapp-category-tag {
+  margin-left: 8px;
+}
+.whatsapp-edit-alert-margin {
+  margin-top: 46px;
+}
+.whatsapp-edit-template-message-input {
+  background-color: #fafbfc;
+  padding: 0 $CAP_SPACE_16;
+}
+.whatsapp-edit-template-message-heading {
+  margin-top: $CAP_SPACE_16;
+  margin-bottom: $CAP_SPACE_08;
+}
+.whatsapp-edit-disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+#whatsapp-create-template-message-input {
   margin-left: $CAP_SPACE_16;
   margin-right: $CAP_SPACE_16;
   width: 95%;
@@ -30,7 +54,3 @@
 #select-whatsapp-category {
   width: 100%;
 }
-
-.whatsapp-category-tag {
-  margin-left: 8px;
-}

package/v2Containers/Whatsapp/messages.js

@@ -181,4 +181,41 @@ export default defineMessages({
     id: `${prefix}.rejected`,
     defaultMessage: 'Rejected',
   },
+  languageLabel: {
+    id: `${prefix}.languageLabel`,
+    defaultMessage: 'Language',
+  },
+  labelSeperator: {
+    id: `${prefix}.labelSeperator`,
+    defaultMessage: '|',
+  },
+  approvedStatusMsg: {
+    id: `${prefix}.approvedStatusMsg`,
+    defaultMessage: 'This template has been approved',
+  },
+  rejectedStatusMsg: {
+    id: `${prefix}.rejectedStatusMsg`,
+    defaultMessage: 'This template has been rejected',
+  },
+  awaitingStatusMsg: {
+    id: `${prefix}.awaitingStatusMsg`,
+    defaultMessage: 'This template is awaiting approval',
+  },
+  awaitingStatusDesc: {
+    id: `${prefix}.awaitingStatusDesc`,
+    defaultMessage:
+      'The template has been sent for approval at {date}, {time}. It takes up to 48 hrs to get approved.',
+  },
+  addLabels: {
+    id: `${prefix}.addLabels`,
+    defaultMessage: 'Add labels',
+  },
+  inputplaceHolderText: {
+    id: `${prefix}.inputplaceHolderText`,
+    defaultMessage: '{value} Add labels or text or combination of both',
+  },
+  disabledEditTooltip: {
+    id: `${prefix}.disabledEditTooltip`,
+    defaultMessage: 'This template is non-editable as this is {status}',
+  },
 });

package/v2Containers/Whatsapp/reducer.js

@@ -1,21 +1,25 @@
 import { fromJS } from 'immutable';
 import {
-  WHATSAPP_TEMPLATE_CREATE_REQUEST,
-  WHATSAPP_TEMPLATE_CREATE_SUCCESS,
-  WHATSAPP_TEMPLATE_CREATE_FAILURE,
-  CLEAR_WHATSAPP_TEMPLATE_REQUEST,
+  TEMPLATE_CREATE_REQUEST,
+  TEMPLATE_CREATE_SUCCESS,
+  TEMPLATE_CREATE_FAILURE,
+  CLEAR_CREATE_RESPONSE_REQUEST,
+  GET_TEMPLATE_DETAILS_REQUEST,
+  GET_TEMPLATE_DETAILS_SUCCESS,
+  GET_TEMPLATE_DETAILS_FAILURE,
+  RESET_EDIT_TEMPLATE,
 } from './constants';
 
 const initialState = fromJS({ createTemplateInProgress: false });
 
 function whatsappReducer(state = initialState, action) {
   switch (action.type) {
-    case WHATSAPP_TEMPLATE_CREATE_REQUEST:
+    case TEMPLATE_CREATE_REQUEST:
       return state
         .set('createTemplateInProgress', true)
         .set('createTemplateError', false)
         .set('createTemplateErrorMessage', fromJS(''));
-    case WHATSAPP_TEMPLATE_CREATE_SUCCESS:
+    case TEMPLATE_CREATE_SUCCESS:
       return state
         .set('createTemplateInProgress', false)
         .set('response', action.data)
@@ -24,13 +28,24 @@ function whatsappReducer(state = initialState, action) {
           action.statusCode !== undefined && action.statusCode > 300,
         )
         .set('createTemplateErrorMessage', fromJS(action.errorMsg));
-    case WHATSAPP_TEMPLATE_CREATE_FAILURE:
+    case TEMPLATE_CREATE_FAILURE:
       return state
         .set('createTemplateInProgress', false)
         .set('createTemplateError', true)
         .set('createTemplateErrorMessage', fromJS(action.errorMsg));
-    case CLEAR_WHATSAPP_TEMPLATE_REQUEST:
+    case CLEAR_CREATE_RESPONSE_REQUEST:
       return state.set('response', {});
+    // FOR EDIT
+    case GET_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case GET_TEMPLATE_DETAILS_SUCCESS:
+      return state
+        .set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case GET_TEMPLATE_DETAILS_FAILURE:
+      return state.set('getTemplateDetailsInProgress', false);
+    case RESET_EDIT_TEMPLATE:
+      return state.set('templateDetails', {});
     default:
       return state;
   }

package/v2Containers/Whatsapp/sagas.js

@@ -2,9 +2,13 @@ import { take, cancel, call, put, takeLatest } from 'redux-saga/effects';
 import { LOCATION_CHANGE } from 'react-router-redux';
 import * as Api from '../../services/api';
 import {
-  WHATSAPP_TEMPLATE_CREATE_REQUEST,
-  WHATSAPP_TEMPLATE_CREATE_SUCCESS,
-  WHATSAPP_TEMPLATE_CREATE_FAILURE,
+  TEMPLATE_CREATE_REQUEST,
+  TEMPLATE_CREATE_SUCCESS,
+  TEMPLATE_CREATE_FAILURE,
+  WHATSAPP,
+  GET_TEMPLATE_DETAILS_REQUEST,
+  GET_TEMPLATE_DETAILS_SUCCESS,
+  GET_TEMPLATE_DETAILS_FAILURE,
 } from './constants';
 
 export function* sendForApprovalCreate({ payload, callback }) {
@@ -16,7 +20,7 @@ export function* sendForApprovalCreate({ payload, callback }) {
       throw errorMsg;
     }
     yield put({
-      type: WHATSAPP_TEMPLATE_CREATE_SUCCESS,
+      type: TEMPLATE_CREATE_SUCCESS,
       data: result.response,
       statusCode: result.status ? result.status.code : '',
       errorMsg,
@@ -26,7 +30,7 @@ export function* sendForApprovalCreate({ payload, callback }) {
     }
   } catch (error) {
     yield put({
-      type: WHATSAPP_TEMPLATE_CREATE_FAILURE,
+      type: TEMPLATE_CREATE_FAILURE,
       error,
       errorMsg,
     });
@@ -38,11 +42,36 @@ export function* sendForApprovalCreate({ payload, callback }) {
 
 function* watchCreateTemplate() {
   const watcher = yield takeLatest(
-    WHATSAPP_TEMPLATE_CREATE_REQUEST,
+    TEMPLATE_CREATE_REQUEST,
     sendForApprovalCreate,
   );
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);
 }
 
-export default [watchCreateTemplate];
+// FOR EDIT
+export function* getTemplateDetails({ id }) {
+  try {
+    const result = yield call(Api.getTemplateDetails, {
+      id,
+      channel: WHATSAPP,
+    });
+    yield put({
+      type: GET_TEMPLATE_DETAILS_SUCCESS,
+      data: result.response,
+    });
+  } catch (error) {
+    yield put({ type: GET_TEMPLATE_DETAILS_FAILURE, error });
+  }
+}
+
+function* watchGetTemplateDetails() {
+  const watcher = yield takeLatest(
+    GET_TEMPLATE_DETAILS_REQUEST,
+    getTemplateDetails,
+  );
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+export default [watchCreateTemplate, watchGetTemplateDetails];

package/v2Containers/Whatsapp/selectors.js

@@ -1,25 +1,12 @@
 import { createSelector } from 'reselect';
 
-/**
- * Direct selector to the whatsapp state domain
- */
 const selectWhatsappDomain = () => (state) => state.get('whatsapp');
+const selectAccountDomain = () => (state) => state.get('templates');
 
-/**
- * Other specific selectors
- */
+const makeSelectWhatsapp = () =>
+  createSelector(selectWhatsappDomain(), (substate) => substate.toJS());
 
+const makeSelectAccount = () =>
+  createSelector(selectAccountDomain(), (substate) => substate.toJS());
 
-/**
- * Default selector used by Whatsapp
- */
-
-const makeSelectWhatsapp = () => createSelector(
-  selectWhatsappDomain(),
-  (substate) => substate.toJS()
-);
-
-export default makeSelectWhatsapp;
-export {
-  selectWhatsappDomain,
-};
+export { makeSelectWhatsapp, makeSelectAccount };