@controleonline/ui-customers 1.0.81

package/src/react/pages/franchisees.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import People from '@controleonline/ui-people/src/react/pages/People';
+
+const Franchisees = ({route}) => {
+  const openCreateModal = Boolean(route?.params?.openCreateModal);
+
+  return (
+    <People
+      initialShowAddModal={openCreateModal}
+      context={{
+        context: 'franchisee',
+        title: global.t?.t('people', 'title', 'franchisees') || 'Franquias',
+        searchPlaceholder:
+          global.t?.t('people', 'searchPlaceholder', 'searchFranchise') ||
+          'Buscar franquia',
+        modalTitle:
+          global.t?.t('people', 'title', 'franchiseRegister') || 'Cadastro de Franquia',
+        emptyTitle: global.t?.t('people', 'title', 'emptyFranchise') || 'Nenhuma franquia cadastrada',
+        emptySearchTitle:
+          global.t?.t('people', 'title', 'emptySearchFranchise') ||
+          'Nenhuma franquia encontrada',
+        emptySubtitle:
+          global.t?.t('people', 'title', 'addFirstFranchise') ||
+          'Cadastre a primeira franquia para comecar.',
+      }}
+    />
+  );
+};
+
+export default Franchisees;

package/src/react/pages/prospects.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import People from '@controleonline/ui-people/src/react/pages/People';
+
+
+const Prospects = () => {
+  return (
+    <People
+      context={{
+        context: 'prospect',
+        title: global.t?.t('people', 'title', 'prospects'),
+        searchPlaceholder: global.t?.t('people', 'searchPlaceholder', 'searchProspect'),
+        modalTitle: global.t?.t('people', 'title', 'registerProspect'),
+        emptyTitle: global.t?.t('people', 'title', 'emptyProspect'),
+        emptySearchTitle: global.t?.t('people', 'title', 'emptySearchProspect'),
+        emptySubtitle: global.t?.t('people', 'title', 'addFirstProspect'),
+      }}
+    />
+  );
+};
+
+export default Prospects;

package/src/react/pages/provider.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import People from '@controleonline/ui-people/src/react/pages/People';
+
+
+const Providers = () => {
+  return (
+    <People
+      context={{
+        context: 'provider',
+        title: global.t?.t('people', 'title', 'providers'),
+        searchPlaceholder: global.t?.t('people', 'searchPlaceholder', 'searchProvider'),
+        modalTitle: 'Cadastro de Fornecedor',
+        emptyTitle: global.t?.t('people', 'title', 'emptyProvider'),
+        emptySearchTitle: global.t?.t('people', 'title', 'emptySearchProvider'),
+        emptySubtitle: global.t?.t('people', 'title', 'addFirstProvider'),
+      }}
+    />
+  );
+};
+
+export default Providers;

package/src/react/router/routes.js

@@ -0,0 +1,104 @@
+import Clients from '@controleonline/ui-customers/src/react/pages/clients';
+import Employees from '@controleonline/ui-customers/src/react/pages/employees';
+import Franchisees from '@controleonline/ui-customers/src/react/pages/franchisees';
+import Providers from '@controleonline/ui-customers/src/react/pages/provider';
+import Prospects from '@controleonline/ui-customers/src/react/pages/prospects';
+import Client from '@controleonline/ui-customers/src/react/pages/details';
+
+const customersRoutes = [
+  {
+    name: 'ProvidersIndex',
+    component: Providers,
+    options: {
+      showCompanyFilter: true,
+      headerShown: true,
+      headerBackVisible: true,
+      companyFilterMode: 'icon',
+      title: () => global.t?.t('people', 'title', 'fornecedores') || 'Fornecedores',
+      showBottomToolBar: true,
+    },
+  },
+  {
+    name: 'ClientsIndex',
+    component: Clients,
+    options: {
+      showCompanyFilter: true,
+      headerShown: true,
+      headerBackVisible: true,
+      companyFilterMode: 'icon',
+      title: () => global.t?.t('people', 'title', 'clientes'),
+      showBottomToolBar: true,
+    },
+  },
+  {
+    name: 'EmployeesIndex',
+    component: Employees,
+    options: {
+      showCompanyFilter: true,
+      headerShown: true,
+      headerBackVisible: true,
+      companyFilterMode: 'icon',
+      title: () => global.t?.t('people', 'label', 'employee'),
+      showBottomToolBar: true,
+    },
+  },
+  {
+    name: 'ProspectsIndex',
+    component: Prospects,
+    options: {
+      showCompanyFilter: true,
+      headerShown: true,
+      headerBackVisible: true,
+      companyFilterMode: 'icon',
+      title: () => global.t?.t('people', 'title', 'prospects'),
+      showBottomToolBar: true,
+    },
+  },
+  {
+    name: 'FranchiseesIndex',
+    component: Franchisees,
+    options: {
+      showCompanyFilter: true,
+      headerShown: true,
+      headerBackVisible: true,
+      companyFilterMode: 'icon',
+      title: () => global.t?.t('people', 'title', 'franchisees') || 'Franquias',
+      showBottomToolBar: true,
+    },
+  },
+  {
+    name: 'ClientDetails',
+    component: Client,
+    options: {
+      headerShown: true,
+      headerBackVisible: true,
+      title: () => global.t?.t('people', 'title', 'client'),
+      showBottomToolBar: true,
+    },
+  },
+  {
+    name: 'EmployeeDetails',
+    component: Client,
+    options: {
+      headerShown: true,
+      headerBackVisible: true,
+      title: () => global.t?.t('people', 'label', 'employee') || 'Funcionário',
+      showBottomToolBar: true,
+    },
+  },
+  // Dedicated detail route for My Companies (self-service company).
+  // Reuses the same ClientDetails screen/component so tabs stay shared;
+  // URL and navigation origin differ from CRM /client-details.
+  {
+    name: 'MyCompanyDetails',
+    component: Client,
+    options: {
+      headerShown: true,
+      headerBackVisible: true,
+      title: () => global.t?.t('people', 'title', 'company') || 'Empresa',
+      showBottomToolBar: true,
+    },
+  },
+];
+
+export default customersRoutes;