@capillarytech/creatives-library 7.10.39 → 7.10.40

package/v2Containers/Whatsapp/messages.js

@@ -0,0 +1,184 @@
+import { defineMessages } from 'react-intl';
+const prefix = `creatives.containersV2.Whatsapp`;
+export default defineMessages({
+  templateNameLabel: {
+    id: `${prefix}.templateNameLabel`,
+    defaultMessage: 'Template name',
+  },
+  templateNameDesc: {
+    id: `${prefix}.templateNameDesc`,
+    defaultMessage:
+      'Must be a unique name and can only contain lowercase alphanumeric characters and underscores.',
+  },
+  templateNamePlaceholder: {
+    id: `${prefix}.templateNamePlaceholder`,
+    defaultMessage: 'Enter template name',
+  },
+  templateNameTooltip: {
+    id: `${prefix}.templateNameTooltip`,
+    defaultMessage: `Tip : Use a name that helps WhatsApp's reviewer understand the purpose of your message, for example "order_delivery" rather than "template_1"`,
+  },
+  emptyTemplateNameErrorMessage: {
+    id: `${prefix}.emptyTemplateNameErrorMessage`,
+    defaultMessage: 'Template name cannot be empty',
+  },
+  templateNameRegexErrorMessage: {
+    id: `${prefix}.templateNameRegexErrorMessage`,
+    defaultMessage:
+      'Template name can only contain lowercase alphanumeric characters and underscores',
+  },
+  templateCategoryLabel: {
+    id: `${prefix}.templateCategoryLabel`,
+    defaultMessage: 'Template category',
+  },
+  select: {
+    id: `${prefix}.select`,
+    defaultMessage: 'Select',
+  },
+  accountUpdate: {
+    id: `${prefix}.accountUpdate`,
+    defaultMessage: 'Account update',
+  },
+  accountUpdateTooltip: {
+    id: `${prefix}.accountUpdateTooltip`,
+    defaultMessage:
+      'Let customers know about updates or changes to their accounts.',
+  },
+  alertUpdate: {
+    id: `${prefix}.alertUpdate`,
+    defaultMessage: 'Alert update',
+  },
+  alertUpdateTooltip: {
+    id: `${prefix}.alertUpdateTooltip`,
+    defaultMessage: 'Send important updates or news to customers.',
+  },
+  appointmentUpdate: {
+    id: `${prefix}.appointmentUpdate`,
+    defaultMessage: 'Appointment update',
+  },
+  appointmentUpdateTooltip: {
+    id: `${prefix}.appointmentUpdateTooltip`,
+    defaultMessage:
+      'Send confirmations, reminders, or other updates to customers about their appointments.',
+  },
+  paymentUpdate: {
+    id: `${prefix}.paymentUpdate`,
+    defaultMessage: 'Payment update',
+  },
+  paymentUpdateTooltip: {
+    id: `${prefix}.paymentUpdateTooltip`,
+    defaultMessage: 'Send a message to customers about their payment.',
+  },
+  reservationUpdate: {
+    id: `${prefix}.reservationUpdate`,
+    defaultMessage: 'Reservation update',
+  },
+  reservationUpdateTooltip: {
+    id: `${prefix}.reservationUpdateTooltip`,
+    defaultMessage:
+      'Send confirmations, reminders, or other updates to customers about their reservations.',
+  },
+  messageLanguageLabel: {
+    id: `${prefix}.messageLanguageLabel`,
+    defaultMessage: 'Message language',
+  },
+  templateLanguageEnglish: {
+    id: `${prefix}.templateLanguageEnglish`,
+    defaultMessage: 'English',
+  },
+  mediaLabel: {
+    id: `${prefix}.mediaLabel`,
+    defaultMessage: 'Media',
+  },
+  mediaTextMessage: {
+    id: `${prefix}.mediaTextMessage`,
+    defaultMessage: 'Text Message',
+  },
+  mediaImage: {
+    id: `${prefix}.mediaImage`,
+    defaultMessage: 'Image',
+  },
+  mediaVideo: {
+    id: `${prefix}.mediaVideo`,
+    defaultMessage: 'Video',
+  },
+  disabledMediaTooltip: {
+    id: `${prefix}.disabledMediaTooltip`,
+    defaultMessage: 'Not yet enabled. Coming soon!',
+  },
+  templateMessageLabel: {
+    id: `${prefix}.templateMessageLabel`,
+    defaultMessage: 'Message',
+  },
+  templateMessageTooltip: {
+    id: `${prefix}.templateMessageTooltip`,
+    defaultMessage:
+      'You can write variables by adding two curly brackets before the variable name and two curly brackets after the variable name.{br}{br}Tip :{br}It looks something like this: Hi {var},{br}so 1 is the variable name here.',
+  },
+  emptyTemplateMessageErrorMessage: {
+    id: `${prefix}.emptyTemplateMessageErrorMessage`,
+    defaultMessage: 'Template message cannot be empty',
+  },
+  templateMessagePlaceholder: {
+    id: `${prefix}.templateMessagePlaceholder`,
+    defaultMessage: 'Enter message with variable',
+  },
+  templateMessageLength: {
+    id: `${prefix}.templateMessageLength`,
+    defaultMessage: 'Characters count: {currentLength}/{maxLength}',
+  },
+  templateMessageLengthError: {
+    id: `${prefix}.templateMessageLengthError`,
+    defaultMessage: 'Template message length cannot exceed 1024',
+  },
+  templateMessageUnsubscribeText: {
+    id: `${prefix}.templateMessageUnsubscribeText`,
+    defaultMessage: 'Click {{unsubscribe}} to unsubscribe',
+  },
+  unsubscribeTextTooltip: {
+    id: `${prefix}.unsubscribeTextTooltip`,
+    defaultMessage: 'This is non-editable',
+  },
+  repetativeVars: {
+    id: `${prefix}.repetativeVars`,
+    defaultMessage: 'Variables cannot be repeated',
+  },
+  unknownVars: {
+    id: `${prefix}.unknownVars`,
+    defaultMessage:
+      'Variable name should be numeric value from {{1}} to {{19}}',
+  },
+  noContentBetweenVars: {
+    id: `${prefix}.noContentBetweenVars`,
+    defaultMessage: 'Add atleast 1 character between 2 variables',
+  },
+  sequenceVars: {
+    id: `${prefix}.sequenceVars`,
+    defaultMessage:
+      'Variable name should start from {{1}} and it should be in sequential order',
+  },
+  sendForApprovalButtonLabel: {
+    id: `${prefix}.sendForApprovalButtonLabel`,
+    defaultMessage: 'Send for approval',
+  },
+  cancelButtonLabel: {
+    id: `${prefix}.cancelButtonLabel`,
+    defaultMessage: 'Cancel',
+  },
+  whatsappCreateNotification: {
+    id: `${prefix}.whatsappCreateNotification`,
+    defaultMessage: '{name} has been sent for approval',
+  },
+  awaitingApproval: {
+    id: `${prefix}.awaitingApproval`,
+    defaultMessage: 'Awaiting approval',
+  },
+  approved: {
+    id: `${prefix}.approved`,
+    defaultMessage: 'Approved',
+  },
+  rejected: {
+    id: `${prefix}.rejected`,
+    defaultMessage: 'Rejected',
+  },
+});

package/v2Containers/Whatsapp/reducer.js

@@ -0,0 +1,39 @@
+import { fromJS } from 'immutable';
+import {
+  WHATSAPP_TEMPLATE_CREATE_REQUEST,
+  WHATSAPP_TEMPLATE_CREATE_SUCCESS,
+  WHATSAPP_TEMPLATE_CREATE_FAILURE,
+  CLEAR_WHATSAPP_TEMPLATE_REQUEST,
+} from './constants';
+
+const initialState = fromJS({ createTemplateInProgress: false });
+
+function whatsappReducer(state = initialState, action) {
+  switch (action.type) {
+    case WHATSAPP_TEMPLATE_CREATE_REQUEST:
+      return state
+        .set('createTemplateInProgress', true)
+        .set('createTemplateError', false)
+        .set('createTemplateErrorMessage', fromJS(''));
+    case WHATSAPP_TEMPLATE_CREATE_SUCCESS:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('response', action.data)
+        .set(
+          'createTemplateError',
+          action.statusCode !== undefined && action.statusCode > 300,
+        )
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case WHATSAPP_TEMPLATE_CREATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case CLEAR_WHATSAPP_TEMPLATE_REQUEST:
+      return state.set('response', {});
+    default:
+      return state;
+  }
+}
+
+export default whatsappReducer;

package/v2Containers/Whatsapp/sagas.js

@@ -0,0 +1,48 @@
+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,
+} from './constants';
+
+export function* sendForApprovalCreate({ payload, callback }) {
+  let errorMsg;
+  try {
+    const result = yield call(Api.createWhatsappTemplate, { payload });
+    if (result?.status?.code && result.status.code >= 400) {
+      errorMsg = result?.message || result.status.code;
+      throw errorMsg;
+    }
+    yield put({
+      type: WHATSAPP_TEMPLATE_CREATE_SUCCESS,
+      data: result.response,
+      statusCode: result.status ? result.status.code : '',
+      errorMsg,
+    });
+    if (callback) {
+      callback(result.response);
+    }
+  } catch (error) {
+    yield put({
+      type: WHATSAPP_TEMPLATE_CREATE_FAILURE,
+      error,
+      errorMsg,
+    });
+    if (callback) {
+      callback(null, errorMsg);
+    }
+  }
+}
+
+function* watchCreateTemplate() {
+  const watcher = yield takeLatest(
+    WHATSAPP_TEMPLATE_CREATE_REQUEST,
+    sendForApprovalCreate,
+  );
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+export default [watchCreateTemplate];

package/v2Containers/Whatsapp/selectors.js

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