Move src to dashboard (#152)

app/javascript/dashboard/api/account.js

@@ -0,0 +1,142 @@
+/* eslint no-console: 0 */
+/* global axios */
+/* eslint no-undef: "error" */
+/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+import endPoints from './endPoints';
+
+export default {
+  getAgents() {
+    const urlData = endPoints('fetchAgents');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  addAgent(agentInfo) {
+    const urlData = endPoints('addAgent');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, agentInfo)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  editAgent(agentInfo) {
+    const urlData = endPoints('editAgent')(agentInfo.id);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .put(urlData.url, agentInfo)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  deleteAgent(agentId) {
+    const urlData = endPoints('deleteAgent')(agentId);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .delete(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  getLabels() {
+    const urlData = endPoints('fetchLabels');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  // Get Inbox related to the account
+  getInboxes() {
+    const urlData = endPoints('fetchInboxes');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  deleteInbox(id) {
+    const urlData = endPoints('inbox').delete(id);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .delete(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  listInboxAgents(id) {
+    const urlData = endPoints('inbox').agents.get(id);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  updateInboxAgents(inboxId, agentList) {
+    const urlData = endPoints('inbox').agents.post();
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, {
+          user_ids: agentList,
+          inbox_id: inboxId,
+        })
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+};

app/javascript/dashboard/api/auth.js

@@ -0,0 +1,176 @@
+/* eslint no-console: 0 */
+/* global axios */
+/* eslint no-undef: "error" */
+/* eslint-env browser */
+/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+
+import moment from 'moment';
+import Cookies from 'js-cookie';
+import endPoints from './endPoints';
+import { frontendURL } from '../helper/URLHelper';
+
+export default {
+  login(creds) {
+    return new Promise((resolve, reject) => {
+      axios
+        .post('auth/sign_in', creds)
+        .then(response => {
+          const expiryDate = moment.unix(response.headers.expiry);
+          Cookies.set('auth_data', response.headers, {
+            expires: expiryDate.diff(moment(), 'days'),
+          });
+          Cookies.set('user', response.data.data, {
+            expires: expiryDate.diff(moment(), 'days'),
+          });
+          resolve();
+        })
+        .catch(error => {
+          reject(error.response);
+        });
+    });
+  },
+
+  register(creds) {
+    const urlData = endPoints('register');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, {
+          account_name: creds.name,
+          email: creds.email,
+        })
+        .then(response => {
+          const expiryDate = moment.unix(response.headers.expiry);
+          Cookies.set('auth_data', response.headers, {
+            expires: expiryDate.diff(moment(), 'days'),
+          });
+          Cookies.set('user', response.data.data, {
+            expires: expiryDate.diff(moment(), 'days'),
+          });
+          resolve(response);
+        })
+        .catch(error => {
+          reject(error);
+        });
+    });
+    return fetchPromise;
+  },
+  validityCheck() {
+    const urlData = endPoints('validityCheck');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          if (error.response.status === 401) {
+            Cookies.remove('auth_data');
+            Cookies.remove('user');
+            window.location = frontendURL('login');
+          }
+          reject(error);
+        });
+    });
+    return fetchPromise;
+  },
+  logout() {
+    const urlData = endPoints('logout');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .delete(urlData.url)
+        .then(response => {
+          Cookies.remove('auth_data');
+          Cookies.remove('user');
+          window.location = frontendURL('login');
+          resolve(response);
+        })
+        .catch(error => {
+          reject(error);
+        });
+    });
+    return fetchPromise;
+  },
+
+  isLoggedIn() {
+    return !!Cookies.getJSON('auth_data');
+  },
+
+  isAdmin() {
+    if (this.isLoggedIn()) {
+      return Cookies.getJSON('user').role === 'administrator';
+    }
+    return false;
+  },
+
+  getAuthData() {
+    if (this.isLoggedIn()) {
+      return Cookies.getJSON('auth_data');
+    }
+    return false;
+  },
+  getChannel() {
+    if (this.isLoggedIn()) {
+      return Cookies.getJSON('user').channel;
+    }
+    return null;
+  },
+  getCurrentUser() {
+    if (this.isLoggedIn()) {
+      return Cookies.getJSON('user');
+    }
+    return null;
+  },
+
+  verifyPasswordToken({ confirmationToken }) {
+    return new Promise((resolve, reject) => {
+      axios
+        .post('auth/confirmation', {
+          confirmation_token: confirmationToken,
+        })
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(error.response);
+        });
+    });
+  },
+
+  setNewPassword({ resetPasswordToken, password, confirmPassword }) {
+    return new Promise((resolve, reject) => {
+      axios
+        .put('auth/password', {
+          reset_password_token: resetPasswordToken,
+          password_confirmation: confirmPassword,
+          password,
+        })
+        .then(response => {
+          const expiryDate = moment.unix(response.headers.expiry);
+          Cookies.set('auth_data', response.headers, {
+            expires: expiryDate.diff(moment(), 'days'),
+          });
+          Cookies.set('user', response.data.data, {
+            expires: expiryDate.diff(moment(), 'days'),
+          });
+          resolve(response);
+        })
+        .catch(error => {
+          reject(error.response);
+        });
+    });
+  },
+
+  resetPassword({ email }) {
+    const urlData = endPoints('resetPassword');
+    return new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, { email })
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(error.response);
+        });
+    });
+  },
+};

app/javascript/dashboard/api/billing.js

@@ -0,0 +1,20 @@
+/* global axios */
+
+import endPoints from './endPoints';
+
+export default {
+  getSubscription() {
+    const urlData = endPoints('subscriptions').get();
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(error);
+        });
+    });
+    return fetchPromise;
+  },
+};

app/javascript/dashboard/api/cannedResponse.js

@@ -0,0 +1,112 @@
+/* eslint no-console: 0 */
+/* global axios */
+/* eslint no-undef: "error" */
+/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+import endPoints from './endPoints';
+
+export default {
+  getAllCannedResponses() {
+    const urlData = endPoints('cannedResponse').get();
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  searchCannedResponse({ searchKey }) {
+    let urlData = endPoints('cannedResponse').get();
+    urlData = `${urlData.url}?search=${searchKey}`;
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  addCannedResponse(cannedResponseObj) {
+    const urlData = endPoints('cannedResponse').post();
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, cannedResponseObj)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  editCannedResponse(cannedResponseObj) {
+    const urlData = endPoints('cannedResponse').put(cannedResponseObj.id);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .put(urlData.url, cannedResponseObj)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  deleteCannedResponse(responseId) {
+    const urlData = endPoints('cannedResponse').delete(responseId);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .delete(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  getLabels() {
+    const urlData = endPoints('fetchLabels');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  // Get Inbox related to the account
+  getInboxes() {
+    const urlData = endPoints('fetchInboxes');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          console.log('fetch inboxes success');
+          resolve(response);
+        })
+        .catch(error => {
+          console.log('fetch inboxes failure');
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+};

app/javascript/dashboard/api/channels.js

@@ -0,0 +1,56 @@
+/* eslint no-console: 0 */
+/* global axios */
+/* eslint no-undef: "error" */
+/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+import endPoints from './endPoints';
+
+export default {
+  // Get Inbox related to the account
+  createChannel(channel, channelParams) {
+    const urlData = endPoints('createChannel')(channel, channelParams);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, urlData.params)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  addAgentsToChannel(inboxId, agentsId) {
+    const urlData = endPoints('addAgentsToChannel');
+    urlData.params.inbox_id = inboxId;
+    urlData.params.user_ids = agentsId;
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, urlData.params)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  fetchFacebookPages(token) {
+    const urlData = endPoints('fetchFacebookPages');
+    urlData.params.omniauth_token = token;
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, urlData.params)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+};

app/javascript/dashboard/api/endPoints.js

@@ -0,0 +1,187 @@
+/* eslint arrow-body-style: ["error", "always"] */
+
+const endPoints = {
+  resetPassword: {
+    url: 'auth/password',
+  },
+  register: {
+    url: 'api/v1/accounts.json',
+  },
+  validityCheck: {
+    url: '/auth/validate_token',
+  },
+  logout: {
+    url: 'auth/sign_out',
+  },
+  me: {
+    url: 'api/v1/conversations.json',
+    params: { type: 0, page: 1 },
+  },
+
+  getInbox: {
+    url: 'api/v1/conversations.json',
+    params: { inbox_id: null },
+  },
+
+  conversations(id) {
+    return { url: `api/v1/conversations/${id}.json`, params: { before: null } };
+  },
+
+  resolveConversation(id) {
+    return { url: `api/v1/conversations/${id}/toggle_status.json` };
+  },
+
+  sendMessage(conversationId, message) {
+    return {
+      url: `api/v1/conversations/${conversationId}/messages.json`,
+      params: { message },
+    };
+  },
+
+  addPrivateNote(conversationId, message) {
+    return {
+      url: `api/v1/conversations/${conversationId}/messages.json?`,
+      params: { message, private: 'true' },
+    };
+  },
+
+  fetchLabels: {
+    url: 'api/v1/labels.json',
+  },
+
+  fetchInboxes: {
+    url: 'api/v1/inboxes.json',
+  },
+
+  fetchAgents: {
+    url: 'api/v1/agents.json',
+  },
+
+  addAgent: {
+    url: 'api/v1/agents.json',
+  },
+
+  editAgent(id) {
+    return { url: `api/v1/agents/${id}` };
+  },
+
+  deleteAgent({ id }) {
+    return { url: `api/v1/agents/${id}` };
+  },
+
+  createChannel(channel, channelParams) {
+    return {
+      url: `api/v1/callbacks/register_${channel}_page.json`,
+      params: channelParams,
+    };
+  },
+
+  addAgentsToChannel: {
+    url: 'api/v1/inbox_members.json',
+    params: { user_ids: [], inbox_id: null },
+  },
+
+  fetchFacebookPages: {
+    url: 'api/v1/callbacks/get_facebook_pages.json',
+    params: { omniauth_token: '' },
+  },
+
+  assignAgent(conversationId, AgentId) {
+    return {
+      url: `/api/v1/conversations/${conversationId}/assignments?assignee_id=${AgentId}`,
+    };
+  },
+
+  fbMarkSeen: {
+    url: 'api/v1/facebook_indicators/mark_seen',
+  },
+
+  fbTyping(status) {
+    return {
+      url: `api/v1/facebook_indicators/typing_${status}`,
+    };
+  },
+
+  markMessageRead(id) {
+    return {
+      url: `api/v1/conversations/${id}/update_last_seen`,
+      params: {
+        agent_last_seen_at: null,
+      },
+    };
+  },
+
+  // Canned Response [GET, POST, PUT, DELETE]
+  cannedResponse: {
+    get() {
+      return {
+        url: 'api/v1/canned_responses',
+      };
+    },
+    getOne({ id }) {
+      return {
+        url: `api/v1/canned_responses/${id}`,
+      };
+    },
+    post() {
+      return {
+        url: 'api/v1/canned_responses',
+      };
+    },
+    put(id) {
+      return {
+        url: `api/v1/canned_responses/${id}`,
+      };
+    },
+    delete(id) {
+      return {
+        url: `api/v1/canned_responses/${id}`,
+      };
+    },
+  },
+
+  reports: {
+    account(metric, from, to) {
+      return {
+        url: `/api/v1/reports/account?metric=${metric}&since=${from}&to=${to}`,
+      };
+    },
+    accountSummary(accountId, from, to) {
+      return {
+        url: `/api/v1/reports/${accountId}/account_summary?since=${from}&to=${to}`,
+      };
+    },
+  },
+
+  subscriptions: {
+    get() {
+      return {
+        url: '/api/v1/subscriptions',
+      };
+    },
+  },
+
+  inbox: {
+    delete(id) {
+      return {
+        url: `/api/v1/inboxes/${id}`,
+      };
+    },
+    agents: {
+      get(id) {
+        return {
+          url: `/api/v1/inbox_members/${id}.json`,
+        };
+      },
+      post() {
+        return {
+          url: '/api/v1/inbox_members.json',
+        };
+      },
+    },
+  },
+};
+
+export default page => {
+  return endPoints[page];
+};

app/javascript/dashboard/api/inbox/conversation.js

@@ -0,0 +1,104 @@
+/* eslint no-console: 0 */
+/* global axios */
+/* eslint no-undef: "error" */
+/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+import endPoints from '../endPoints';
+
+export default {
+  fetchConversation(id) {
+    const urlData = endPoints('conversations')(id);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  toggleStatus(id) {
+    const urlData = endPoints('resolveConversation')(id);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  assignAgent([id, agentId]) {
+    const urlData = endPoints('assignAgent')(id, agentId);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  markSeen({ inboxId, senderId }) {
+    const urlData = endPoints('fbMarkSeen');
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, {
+          inbox_id: inboxId,
+          sender_id: senderId,
+        })
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  fbTyping({ flag, inboxId, senderId }) {
+    const urlData = endPoints('fbTyping')(flag);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, {
+          inbox_id: inboxId,
+          sender_id: senderId,
+        })
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  markMessageRead({ id, lastSeen }) {
+    const urlData = endPoints('markMessageRead')(id);
+    urlData.params.agent_last_seen_at = lastSeen;
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, urlData.params)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+};

app/javascript/dashboard/api/inbox/index.js

@@ -0,0 +1,32 @@
+/* eslint no-console: 0 */
+/* global axios */
+/* eslint no-undef: "error" */
+/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+import endPoints from '../endPoints';
+
+export default {
+  fetchAllConversations(params, callback) {
+    const urlData = endPoints('getInbox');
+
+    if (params.inbox !== 0) {
+      urlData.params.inbox_id = params.inbox;
+    } else {
+      urlData.params.inbox_id = null;
+    }
+    urlData.params = {
+      ...urlData.params,
+      conversation_status_id: params.convStatus,
+      assignee_type_id: params.assigneeStatus,
+    };
+    axios
+      .get(urlData.url, {
+        params: urlData.params,
+      })
+      .then(response => {
+        callback(response);
+      })
+      .catch(error => {
+        console.log(error);
+      });
+  },
+};

app/javascript/dashboard/api/inbox/message.js

@@ -0,0 +1,55 @@
+/* eslint no-console: 0 */
+/* global axios */
+/* eslint no-undef: "error" */
+/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+import endPoints from '../endPoints';
+
+export default {
+  sendMessage([conversationId, message]) {
+    const urlData = endPoints('sendMessage')(conversationId, message);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, urlData.params)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  addPrivateNote([conversationId, message]) {
+    const urlData = endPoints('addPrivateNote')(conversationId, message);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .post(urlData.url, urlData.params)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+
+  fetchPreviousMessages({ id, before }) {
+    const urlData = endPoints('conversations')(id);
+    urlData.params.before = before;
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url, {
+          params: urlData.params,
+        })
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+};

app/javascript/dashboard/api/reports.js

@@ -0,0 +1,34 @@
+/* global axios */
+
+import endPoints from './endPoints';
+
+export default {
+  getAccountReports(metric, from, to) {
+    const urlData = endPoints('reports').account(metric, from, to);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+  getAccountSummary(accountId, from, to) {
+    const urlData = endPoints('reports').accountSummary(accountId, from, to);
+    const fetchPromise = new Promise((resolve, reject) => {
+      axios
+        .get(urlData.url)
+        .then(response => {
+          resolve(response);
+        })
+        .catch(error => {
+          reject(Error(error));
+        });
+    });
+    return fetchPromise;
+  },
+};