@controleonline/ui-common 1.2.70 → 1.2.75

package/src/store/configs/index.js

@@ -6,8 +6,8 @@ import * as customActions from './customActions';
 export default {
   namespaced: true,
   state: {
-    item: null, //Don´t Touch plz....
-    items: null, //Don´t Touch plz....
+    item: null, //Don't Touch plz....
+    items: null, //Don't Touch plz....
     resourceEndpoint: 'configs',
     isLoading: false,
     isSaving: false,

package/src/store/device_config/index.js

@@ -1,28 +1,69 @@
-import * as actions from '@controleonline/ui-default/src/store/default/actions';
-import * as getters from '@controleonline/ui-default/src/store/default/getters';
-import mutations from '@controleonline/ui-default/src/store/default/mutations';
-import * as customActions from './customActions';
-
-export default {
-  namespaced: true,
-  state: {
-    item: {},
-    items: [],
-    resourceEndpoint: 'device_configs',
-    isLoading: false,
+import * as actions from '@controleonline/ui-default/src/store/default/actions';
+import * as getters from '@controleonline/ui-default/src/store/default/getters';
+import mutations from '@controleonline/ui-default/src/store/default/mutations';
+import * as customActions from './customActions';
+
+export default {
+  namespaced: true,
+  state: {
+    item: {},
+    items: [],
+    resourceEndpoint: 'device_configs',
+    isLoading: false,
     isSaving: false,
     error: '',
-    totalItems: 0,messages:[], message:{},
+    totalItems: 0,
+    messages: [],
+    message: {},
     summary: {},
     loadedKey: '',
     loadedAt: 0,
     filters: {},
-    columns: [],
+    columns: [
+      {
+        editable: false,
+        isIdentity: true,
+        sortable: true,
+        name: 'id',
+        align: 'left',
+        label: 'id',
+        format(value) {
+          return value != null ? `#${value}` : '';
+        },
+      },
+      {
+        sortable: true,
+        name: 'alias',
+        align: 'left',
+        label: 'device',
+        format(value) {
+          return value || '';
+        },
+      },
+      {
+        sortable: true,
+        name: 'typeLabel',
+        align: 'left',
+        label: 'type',
+        format(value) {
+          return value || '';
+        },
+      },
+      {
+        sortable: true,
+        name: 'type',
+        align: 'left',
+        label: 'configType',
+        format(value) {
+          return value || '';
+        },
+      },
+    ],
   },
-  actions: {
-    ...customActions,
-    ...actions,
-  },
-  getters,
-  mutations,
-};
+  actions: {
+    ...customActions,
+    ...actions,
+  },
+  getters,
+  mutations,
+};

package/src/store/entity_log/index.js

@@ -17,7 +17,28 @@ export default {
     messages: [],
     message: {},
     filters: {},
-    columns: [],
+    columns: [
+      {
+        externalFilter: true,
+        inputType: 'date-range',
+        label: 'period',
+        name: 'createdAt',
+        table: false,
+      },
+      {
+        externalFilter: true,
+        label: 'Tipo de log',
+        list: true,
+        name: 'type',
+        table: false,
+      },
+      {
+        externalFilter: true,
+        label: 'Classe / origem',
+        name: 'class',
+        table: false,
+      },
+    ],
   },
   actions: {...actions, ...customActions},
   getters,

package/src/store/imports/customActions.js

@@ -0,0 +1,51 @@
+import {Platform} from 'react-native';
+import {api} from '@controleonline/ui-common/src/api';
+
+const extractId = value => {
+  if (value === null || value === undefined || value === '') {
+    return '';
+  }
+
+  if (typeof value === 'number') {
+    return String(value);
+  }
+
+  const raw = typeof value === 'string' ? value : value?.id || value?.['@id'];
+  const match = String(raw || '').match(/(\d+)$/);
+  return match ? match[1] : '';
+};
+
+export const uploadImportFile = (_context, payload = {}) => {
+  const normalizedPayload = payload && typeof payload === 'object' ? payload : {};
+  const file = normalizedPayload.file;
+  const importType = String(normalizedPayload.importType || '').trim();
+  const peopleId = extractId(normalizedPayload.peopleId || normalizedPayload.people);
+
+  if (!file) {
+    throw new Error('Arquivo de importacao nao informado.');
+  }
+
+  if (!importType) {
+    throw new Error('Tipo de importacao nao informado.');
+  }
+
+  if (!peopleId) {
+    throw new Error('Empresa nao identificada para a importacao.');
+  }
+
+  const formData = new FormData();
+  formData.append('importType', importType);
+  formData.append('people', peopleId);
+
+  if (Platform.OS === 'web') {
+    formData.append('file', file);
+  } else {
+    formData.append('file', {
+      uri: file.uri,
+      name: file.name || 'import.csv',
+      type: file.mimeType || 'text/csv',
+    });
+  }
+
+  return api.upload('/imports/upload', formData);
+};

package/src/store/imports/index.js

@@ -1,88 +1,89 @@
-import * as actions from "@controleonline/ui-default/src/store/default/actions";
-import * as getters from "@controleonline/ui-default/src/store/default/getters";
-import mutations from "@controleonline/ui-default/src/store/default/mutations";
-
-export default {
-  namespaced: true,
-  state: {
-    item: {},
-    items: [],
-    resourceEndpoint: "imports",
-    isLoading: false,
-    error: "",
-
-    totalItems: 0, messages: [], message: {},
-
-    summary: {},
-    filters: {},
-    columns: [
-      {
-        editable: false,
-        isIdentity: true,
-        sortable: true,
-        name: "id",
-        align: "left",
-        label: "id",
-        sum: false,
-        format: function (value) {
-          return "#" + value;
-        },
-      },
-      {
-        externalFilter: false,
-        sortable: true,
-        name: "field_name",
-        align: "left",
-        label: "field_name",
-        sum: false,
-        format: function (value) {
-          return value;
-        },
-      },
-      {
-        externalFilter: false,
-        sortable: true,
-        name: "field_type",
-        align: "left",
-        label: "field_type",
-        sum: false,
-        list: [
-          { value: "text", label: "text" },
-          { value: "select", label: "select" },
-          { value: "date-range", label: "date-range" },
-        ],
-        format: function (value) {
-          return value;
-        },
-      },
-      {
-        externalFilter: false,
-        sortable: true,
-        name: "required",
-        align: "left",
-        label: "required",
-        sum: false,
-        format: function (value) {
-          return value;
-        },
-        saveFormat: function (value) {
-          return false;
-        },
-      },
-      {
-        externalFilter: false,
-        sortable: true,
-        name: "field_configs",
-        align: "left",
-        label: "field_configs",
-        sum: false,
-        format: function (value) {
-          return value;
-        },
-      },
-    ],
-  },
-  actions: actions,
-  getters,
-  mutations,
-};
+import * as actions from "@controleonline/ui-default/src/store/default/actions";
+import * as getters from "@controleonline/ui-default/src/store/default/getters";
+import mutations from "@controleonline/ui-default/src/store/default/mutations";
+import * as customActions from './customActions';
+
+export default {
+  namespaced: true,
+  state: {
+    item: {},
+    items: [],
+    resourceEndpoint: "imports",
+    isLoading: false,
+    error: "",
+
+    totalItems: 0, messages: [], message: {},
+
+    summary: {},
+    filters: {},
+    columns: [
+      {
+        editable: false,
+        isIdentity: true,
+        sortable: true,
+        name: "id",
+        align: "left",
+        label: "id",
+        sum: false,
+        format: function (value) {
+          return "#" + value;
+        },
+      },
+      {
+        externalFilter: false,
+        sortable: true,
+        name: "field_name",
+        align: "left",
+        label: "field_name",
+        sum: false,
+        format: function (value) {
+          return value;
+        },
+      },
+      {
+        externalFilter: false,
+        sortable: true,
+        name: "field_type",
+        align: "left",
+        label: "field_type",
+        sum: false,
+        list: [
+          { value: "text", label: "text" },
+          { value: "select", label: "select" },
+          { value: "date-range", label: "date-range" },
+        ],
+        format: function (value) {
+          return value;
+        },
+      },
+      {
+        externalFilter: false,
+        sortable: true,
+        name: "required",
+        align: "left",
+        label: "required",
+        sum: false,
+        format: function (value) {
+          return value;
+        },
+        saveFormat: function (value) {
+          return false;
+        },
+      },
+      {
+        externalFilter: false,
+        sortable: true,
+        name: "field_configs",
+        align: "left",
+        label: "field_configs",
+        sum: false,
+        format: function (value) {
+          return value;
+        },
+      },
+    ],
+  },
+  actions: { ...actions, ...customActions },
+  getters,
+  mutations,
+};

package/src/store/status/index.js

@@ -38,19 +38,19 @@ export default {
           return value;
         },
       },
-      {
-        sortable: true,
-        name: "color",
-        align: "left",
-        label: "color",
-        inputType: "color",
-        format: function (value) {
-          return value;
-        },
-      },
       {
         sortable: true,
-        name: "realStatus",
+        name: "color",
+        align: "left",
+        label: "color",
+        inputType: "color",
+        format: function (value) {
+          return value;
+        },
+      },
+      {
+        sortable: true,
+        name: "realStatus",
         align: "left",
         label: "realStatus",
         format: function (value) {

package/src/store/themes/index.js

@@ -0,0 +1,22 @@
+import * as actions from '@controleonline/ui-default/src/store/default/actions';
+import * as getters from '@controleonline/ui-default/src/store/default/getters';
+import mutations from '@controleonline/ui-default/src/store/default/mutations';
+
+export default {
+  namespaced: true,
+  state: {
+    item: {},
+    items: [],
+    resourceEndpoint: 'themes',
+    isLoading: false,
+    isSaving: false,
+    error: '',
+    totalItems: 0,
+    summary: {},
+    filters: {},
+    columns: [],
+  },
+  actions,
+  getters,
+  mutations,
+};

package/src/store/timezones/index.js

@@ -14,7 +14,9 @@ export default {
     messages: [],
     message: {},
     summary: {},
-    filters: {},
+    filters: {
+      enabled: true,
+    },
     columns: [
       {
         isIdentity: true,

package/src/tests/browser/manager/connections.spec.js

@@ -0,0 +1,143 @@
+const {expect, test} = require('playwright/test');
+const packageJson = require('../../../../../../../package.json');
+const {API_ORIGIN} = require('../../../../../../../src/tests/browser/apiOrigin');
+
+const APP_VERSION = packageJson?.version || '1.0.0';
+
+const CORS_HEADERS = {
+  'access-control-allow-origin': '*',
+  'access-control-allow-headers':
+    'API-TOKEN, APP-DOMAIN, DEVICE, ACCEPT, CONTENT-TYPE, X-Requested-With',
+  'access-control-allow-methods': 'GET,POST,PUT,PATCH,DELETE,OPTIONS',
+};
+
+const jsonHeaders = () => ({
+  ...CORS_HEADERS,
+  'content-type': 'application/ld+json; charset=utf-8',
+});
+
+const collection = member => ({
+  member,
+  'hydra:member': member,
+  totalItems: member.length,
+  'hydra:totalItems': member.length,
+  summary: {},
+});
+
+const mockConnectionsApi = async page => {
+  const company = {
+    id: 3,
+    name: 'Teste',
+    alias: 'TESTE',
+    panel_enabled: true,
+    enabled: true,
+    commercial_enabled: true,
+    theme: {colors: {primary: '#0EA5E9', success: '#10b981'}},
+  };
+
+  const connections = [
+    {
+      id: 21,
+      name: 'Atendimento',
+      phone: {ddd: '11', phone: '988887777'},
+      type: 'crm',
+      channel: 'whatsapp',
+      status: {status: 'connected'},
+    },
+    {
+      id: 22,
+      name: 'Suporte',
+      phone: {ddd: '21', phone: '977776666'},
+      type: 'support',
+      channel: 'whatsapp',
+      status: {status: 'pending'},
+    },
+  ];
+
+  await page.route(`${API_ORIGIN}/**`, async route => {
+    const request = route.request();
+    const url = new URL(request.url());
+    const pathname = url.pathname.replace(/^\/+/, '');
+    const method = request.method().toUpperCase();
+
+    if (method === 'OPTIONS') {
+      return route.fulfill({status: 204, headers: CORS_HEADERS, body: ''});
+    }
+
+    if (pathname === 'companies' || pathname.startsWith('people/')) {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(company),
+      });
+    }
+
+    if (pathname === 'connections' || pathname.startsWith('connections')) {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(collection(connections)),
+      });
+    }
+
+    return route.fulfill({
+      status: 200,
+      headers: jsonHeaders(),
+      body: JSON.stringify(collection([])),
+    });
+  });
+
+  await page.addInitScript(
+    ({appVersion}) => {
+      const set = (k, v) => {
+        try {
+          localStorage.setItem(k, v);
+        } catch {}
+      };
+      set(
+        'session',
+        JSON.stringify({
+          id: 7,
+          people: '/people/7',
+          api_key: 'test-api-key',
+          active: 1,
+          mycompany: 3,
+          roles: ['ROLE_ADMIN'],
+        }),
+      );
+      set('config', JSON.stringify({language: 'pt-br'}));
+      set('app-type', 'ERP');
+      set(
+        'device',
+        JSON.stringify({
+          id: 'web-erp',
+          device: 'web-erp',
+          type: 'WEB',
+          appName: 'Browser ERP',
+          appVersion,
+          buildNumber: appVersion,
+          systemName: 'web',
+          systemVersion: 'web',
+          deviceType: 'web',
+          metadata: {},
+        }),
+      );
+    },
+    {appVersion: APP_VERSION},
+  );
+};
+
+test.describe('connections browser smoke', () => {
+  test('renders connections page with DefaultTable', async ({page}) => {
+    await mockConnectionsApi(page);
+    await page.goto('/connections-page');
+
+    await expect(page.getByText(/Conex/i).first()).toBeVisible({timeout: 15000});
+    await expect(page.getByText('WhatsApp').first()).toBeVisible();
+    await expect(page.getByText('Atendimento')).toBeVisible();
+    await expect(page.getByText('Suporte')).toBeVisible();
+    await expect(
+      page.getByPlaceholder(/Buscar conex/i),
+    ).toBeVisible();
+  });
+});