@webitel/ui-sdk 3.1.110 → 3.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.1.110",
+  "version": "3.2.0",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",
@@ -15,6 +15,7 @@
   "main": "./dist/@webitel/ui-sdk.common.js",
   "files": [
     "dist/*",
+    "src/api/*",
     "src/locale/*",
     "src/css/*",
     "src/components/*",

package/src/api/axios/generateInstance.js

@@ -0,0 +1,11 @@
+import axios from 'axios';
+
+// 'X-Webitel-Access' ~ 'X-Access-Token'
+const generateInstance = () => axios.create({
+  baseURL: process.env.VUE_APP_API_URL,
+  headers: {
+    'X-Webitel-Access': localStorage.getItem('access-token') || '',
+  },
+});
+
+export default generateInstance;

package/src/api/defaults/getDefaultGetListResponse/getDefaultGetListResponse.js

@@ -0,0 +1,6 @@
+const getDefaultGetListResponse = ({} = {}) => ({
+  items: [],
+  next: false,
+});
+
+export default getDefaultGetListResponse;

package/src/api/defaults/getDefaultGetParams/getDefaultGetParams.js

@@ -0,0 +1,9 @@
+const getDefaultGetParams = ({
+  page = 1,
+  size = 10,
+                             } = {}) => ({
+  page,
+  size,
+});
+
+export default getDefaultGetParams;

package/src/api/defaults/index.js

@@ -0,0 +1,7 @@
+import getDefaultGetParams from './getDefaultGetParams/getDefaultGetParams';
+import getDefaultGetListResponse from './getDefaultGetListResponse/getDefaultGetListResponse';
+
+export {
+  getDefaultGetParams,
+  getDefaultGetListResponse,
+};

package/src/api/transformers/applyTransform.js

@@ -0,0 +1,8 @@
+const applyTransform = (target, transformers, { debug = false } = {}) => {
+  return transformers.reduce((result, transformer, index) => {
+    if (debug) console.info(`applyTransform debug on step ${index}`, result);
+    return transformer(result);
+  }, target);
+};
+
+export default applyTransform;

package/src/api/transformers/camelToSnake/camelToSnake.transformer.js

@@ -0,0 +1,4 @@
+import { objCamelToSnake } from '../../../scripts/caseConverters';
+
+const camelToSnakeTransformer = (skipKeys) => (obj) => objCamelToSnake(obj, skipKeys);
+export default camelToSnakeTransformer;

package/src/api/transformers/handleUnauthorized/handleUnauthorized.transformer.js

@@ -0,0 +1,9 @@
+const handleUnauthorizedTransformer = (error) => {
+  if (error.response && error.response.status === 401) {
+    console.warn('intercepted 401');
+    localStorage.removeItem('access-token');
+  }
+  return error;
+};
+
+export default handleUnauthorizedTransformer;

package/src/api/transformers/index.js

@@ -0,0 +1,21 @@
+import applyTransform from './applyTransform';
+import log from './log/log.transformer';
+import merge from './merge/merge.transformer';
+import starToSearch from './starToSearch/starToSearch.transformer';
+import camelToSnake from './camelToSnake/camelToSnake.transformer';
+import snakeToCamel from './snakeToCamel/snakeToCamel.transformer';
+import handleUnauthorized from './handleUnauthorized/handleUnauthorized.transformer';
+import notify from './notify/notify.transformer';
+import sanitize from './sanitize/sanitize.transformer';
+
+export default applyTransform;
+export {
+  log,
+  merge,
+  notify,
+  starToSearch,
+  camelToSnake,
+  snakeToCamel,
+  handleUnauthorized,
+  sanitize,
+};

package/src/api/transformers/log/log.transformer.js

@@ -0,0 +1,6 @@
+const logTransformer = (arg) => {
+  console.log(arg);
+  return arg;
+};
+
+export default logTransformer;

package/src/api/transformers/merge/merge.transformer.js

@@ -0,0 +1,5 @@
+import merge from 'deepmerge';
+
+const mergeTransformer = (...args) => (main) => merge.all([...args, main]);
+
+export default mergeTransformer;

package/src/api/transformers/notify/notify.transformer.js

@@ -0,0 +1,13 @@
+import eventBus from '../../../scripts/eventBus';
+
+const notifyTransformer = (payload) => {
+  if (payload instanceof Error) {
+    eventBus.$emit('notification', {
+      type: 'error',
+      text: payload.response.data.detail || payload.response.data.message,
+    });
+  }
+  return payload;
+};
+
+export default notifyTransformer;

package/src/api/transformers/sanitize/sanitize.transformer.js

@@ -0,0 +1,12 @@
+const sanitizeTransformer = (fieldsToSend) => (item) => {
+  return Object.keys(item).reduce((sanitizedItem, key) => {
+    if (fieldsToSend.indexOf(key) === -1) return sanitizedItem;
+
+    return {
+      ...sanitizedItem,
+      [key]: item[key],
+    };
+  }, {});
+};
+
+export default sanitizeTransformer;

package/src/api/transformers/snakeToCamel/snakeToCamel.transformer.js

@@ -0,0 +1,4 @@
+import { objSnakeToCamel } from '../../../scripts/caseConverters';
+
+const snakeToCamelTransformer = (skipKeys) => (obj) => objSnakeToCamel(obj, skipKeys);
+export default snakeToCamelTransformer;

package/src/api/transformers/starToSearch/starToSearch.transformer.js

@@ -0,0 +1,12 @@
+import deepcopy from 'deep-copy';
+import get from 'lodash/get';
+import updateObject from '../../../scripts/updateObject';
+
+const starToSearchTransformer = (path = 'search') => (params) => {
+  const copy = deepcopy(params);
+  const value = get(copy, path);
+  if (!value || value.slice(-1) === '*') return copy;
+  return updateObject({ obj: copy, path, value: `${value}*` });
+};
+
+export default starToSearchTransformer;

package/src/modules/Userinfo/api/auth.js

@@ -1,4 +1,8 @@
 import BaseAPIService from './BaseAPIService';
+import applyTransform, {
+  handleUnauthorized,
+  notify,
+} from '../../../api/transformers';
 
 class AuthAPI extends BaseAPIService {
   async setToken(token) {
@@ -19,7 +23,10 @@ class AuthAPI extends BaseAPIService {
       await this._instance.post(url, {});
       this.removeToken();
     } catch (err) {
-      throw err;
+      throw applyTransform(err, [
+        handleUnauthorized,
+        notify,
+      ]);
     }
   }
 }

package/src/modules/Userinfo/api/userinfo.js

@@ -1,3 +1,8 @@
+import applyTransform, {
+  handleUnauthorized,
+  notify,
+  snakeToCamel,
+} from '../../../api/transformers';
 import BaseAPIService from './BaseAPIService';
 
 class UserinfoAPI extends BaseAPIService {
@@ -9,9 +14,14 @@ class UserinfoAPI extends BaseAPIService {
     const url = '/userinfo';
     try {
       const response = await this._instance.get(url);
-      return response;
+      return applyTransform(response.data, [
+        snakeToCamel(),
+      ]);
     } catch (err) {
-      throw err;
+      throw applyTransform(err, [
+        handleUnauthorized,
+        notify,
+      ]);
     }
     // }
   }
@@ -20,9 +30,14 @@ class UserinfoAPI extends BaseAPIService {
     const url = 'role/metadata/access';
     try {
       const response = await this._instance.get(url);
-      return response;
+      return applyTransform(response.data, [
+        snakeToCamel(),
+      ]);
     } catch (err) {
-      throw err;
+      throw applyTransform(err, [
+        handleUnauthorized,
+        notify,
+      ]);
     }
   }
 }