@controleonline/ui-common 1.2.71 → 1.2.75

package/src/react/pages/WhatsAppConnectionPage.styles.js

@@ -0,0 +1,284 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#F8FAFC',
+  },
+  scroll: {
+    paddingHorizontal: 16,
+    paddingTop: 16,
+    paddingBottom: 32,
+  },
+  centerState: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 28,
+  },
+  centerStateTitle: {
+    marginTop: 16,
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#1E293B',
+    textAlign: 'center',
+  },
+  centerStateText: {
+    marginTop: 8,
+    fontSize: 14,
+    lineHeight: 21,
+    color: '#64748B',
+    textAlign: 'center',
+  },
+  heroCard: {
+    borderRadius: 28,
+    paddingHorizontal: 22,
+    paddingVertical: 24,
+    marginBottom: 18,
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+  },
+  heroCopy: {
+    flex: 1,
+    paddingRight: 16,
+  },
+  heroEyebrow: {
+    fontSize: 13,
+    fontWeight: '800',
+    letterSpacing: 1.3,
+    color: 'rgba(255,255,255,0.82)',
+    marginBottom: 10,
+  },
+  heroTitle: {
+    fontSize: 22,
+    fontWeight: '800',
+    color: '#FFFFFF',
+    marginBottom: 8,
+  },
+  heroText: {
+    fontSize: 14,
+    lineHeight: 21,
+    color: 'rgba(255,255,255,0.88)',
+  },
+  heroBadge: {
+    width: 54,
+    height: 54,
+    borderRadius: 18,
+    backgroundColor: '#FFFFFF',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  formCard: {
+    borderRadius: 28,
+    backgroundColor: '#FFFFFF',
+    padding: 18,
+    marginBottom: 16,
+  },
+  formHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'flex-start',
+    gap: 12,
+    marginBottom: 18,
+  },
+  cardTitle: {
+    fontSize: 20,
+    fontWeight: '800',
+    color: '#0F172A',
+    marginBottom: 6,
+  },
+  cardSubtitle: {
+    fontSize: 14,
+    lineHeight: 21,
+    color: '#64748B',
+  },
+  statusBadge: {
+    borderRadius: 999,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+  },
+  statusBadgeText: {
+    fontSize: 13,
+    fontWeight: '700',
+    color: '#2563EB',
+  },
+  formRow: {
+    flexDirection: 'row',
+    gap: 12,
+    marginBottom: 16,
+  },
+  inputGroupSmall: {
+    width: 88,
+  },
+  inputGroupLarge: {
+    flex: 1,
+  },
+  inputLabel: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: '#64748B',
+    marginBottom: 8,
+  },
+  input: {
+    height: 50,
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+    backgroundColor: '#F8FAFC',
+    paddingHorizontal: 14,
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#0F172A',
+  },
+  primaryButton: {
+    height: 52,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    gap: 10,
+  },
+  primaryButtonDisabled: {
+    opacity: 0.75,
+  },
+  primaryButtonText: {
+    fontSize: 15,
+    fontWeight: '800',
+    color: '#FFFFFF',
+  },
+  helperText: {
+    marginTop: 12,
+    fontSize: 13,
+    color: '#64748B',
+  },
+  qrCard: {
+    borderRadius: 28,
+    backgroundColor: '#FFFFFF',
+    padding: 18,
+    marginBottom: 16,
+  },
+  qrHeader: {
+    marginBottom: 18,
+  },
+  qrContent: {
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  qrWrap: {
+    padding: 18,
+    borderRadius: 24,
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+  },
+  qrCaption: {
+    marginTop: 16,
+    fontSize: 13,
+    lineHeight: 20,
+    color: '#64748B',
+    textAlign: 'center',
+  },
+  listHeader: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    gap: 12,
+    marginBottom: 14,
+  },
+  countBadge: {
+    borderRadius: 999,
+    backgroundColor: '#EEF2FF',
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+  },
+  countBadgeText: {
+    fontSize: 13,
+    fontWeight: '700',
+    color: '#4F46E5',
+  },
+  listWrap: {
+    gap: 14,
+  },
+  connectionCard: {
+    borderRadius: 24,
+    backgroundColor: '#FFFFFF',
+    padding: 16,
+  },
+  connectionTop: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 14,
+  },
+  connectionIconWrap: {
+    width: 48,
+    height: 48,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  connectionStatusBadge: {
+    borderRadius: 999,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+  },
+  connectionStatusText: {
+    fontSize: 13,
+    fontWeight: '700',
+    color: '#2563EB',
+  },
+  connectionName: {
+    fontSize: 18,
+    fontWeight: '800',
+    color: '#0F172A',
+    marginBottom: 14,
+  },
+  connectionMetaRow: {
+    flexDirection: 'row',
+    gap: 12,
+    marginBottom: 12,
+  },
+  connectionMetaItem: {
+    flex: 1,
+    borderRadius: 18,
+    backgroundColor: '#F8FAFC',
+    paddingHorizontal: 14,
+    paddingVertical: 14,
+  },
+  connectionMetaLabel: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: '#64748B',
+    marginBottom: 6,
+  },
+  connectionMetaValue: {
+    fontSize: 15,
+    fontWeight: '700',
+    color: '#0F172A',
+  },
+  emptyStateBox: {
+    borderRadius: 22,
+    backgroundColor: '#F8FAFC',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 18,
+    paddingVertical: 24,
+  },
+  emptyStateTitle: {
+    marginTop: 12,
+    fontSize: 16,
+    fontWeight: '800',
+    color: '#1E293B',
+    textAlign: 'center',
+  },
+  emptyStateText: {
+    marginTop: 8,
+    fontSize: 14,
+    lineHeight: 21,
+    color: '#64748B',
+    textAlign: 'center',
+  },
+});
+
+export default styles;

package/src/react/pages/integrationsCatalog.js

@@ -0,0 +1,399 @@
+import {getOrderChannelLogo} from '@assets/ppc/channels';
+
+const buildLogo = app => {
+  try {
+    return getOrderChannelLogo({app});
+  } catch {
+    return null;
+  }
+};
+
+export const INTEGRATION_LIST = [
+  {
+    key: '99food',
+    label: '99Food',
+    route: 'MarketplaceIntegrationPage',
+    routeParams: {
+      providerKey: '99food',
+    },
+    accent: '#F97316',
+    logo: buildLogo('99Food'),
+  },
+  {
+    key: 'ifood',
+    label: 'iFood',
+    route: 'MarketplaceIntegrationPage',
+    routeParams: {
+      providerKey: 'ifood',
+    },
+    accent: '#EA580C',
+    logo: buildLogo('iFood'),
+  },
+  {
+    key: 'mercadolivre',
+    label: 'Mercado Livre',
+    route: 'MarketplaceIntegrationPage',
+    routeParams: {
+      providerKey: 'mercadolivre',
+    },
+    accent: '#FFE600',
+    icon: 'shopping-bag',
+  },
+  {
+    key: 'uber',
+    label: 'Uber',
+    route: 'UberIntegrationPage',
+    accent: '#111827',
+    icon: 'truck',
+  },
+  {
+    key: 'asaas',
+    label: 'Asaas',
+    route: 'AsaasIntegrationPage',
+    accent: '#2563EB',
+    icon: 'credit-card',
+  },
+  {
+    key: 'clicksign',
+    label: 'ClickSign',
+    route: 'ClickSignIntegrationPage',
+    accent: '#0F172A',
+    icon: 'file-text',
+  },
+  {
+    key: 'receita-federal',
+    label: 'Receita Federal',
+    route: 'IntegrationConfigPage',
+    routeParams: {
+      providerKey: 'receita-federal',
+    },
+    accent: '#166534',
+    icon: 'file-text',
+  },
+];
+
+export const INTEGRATION_CONFIGS = {
+  uber: {
+    key: 'uber',
+    label: 'Uber',
+    accent: '#111827',
+    icon: 'truck',
+    description:
+      'Conecte sua conta Uber para descobrir e provisionar a store automaticamente.',
+    oauthConnect: true,
+    authorizationEndpoint:
+      '/marketplace/integrations/uber/store/authorization-page',
+    connectLabel: 'Conectar Uber',
+    requiredKeys: ['OAUTH_UBER_STORE_ID'],
+    fields: [],
+  },
+  asaas: {
+    key: 'asaas',
+    label: 'Asaas',
+    accent: '#2563EB',
+    icon: 'credit-card',
+    description: 'Chaves da conta para cobranca/PIX e token exclusivo do Webhook Asaas.',
+    saveLabel: 'Salvar Asaas',
+    requiredKeys: ['asaas-key', 'asaas-receiver-pix-key', 'asaas-webhook-token'],
+    fields: [
+      {
+        key: 'asaas-key',
+        label: 'Asaas key',
+        placeholder: 'Informe a chave de acesso do Asaas',
+        secureTextEntry: true,
+      },
+      {
+        key: 'asaas-receiver-pix-key',
+        label: 'Receiver PIX key',
+        placeholder: 'Informe a chave PIX de recebimento',
+        secureTextEntry: true,
+      },
+      {
+        key: 'asaas-webhook-token',
+        label: 'Webhook token',
+        placeholder: 'Token de autenticacao do Webhook no painel Asaas',
+        secureTextEntry: true,
+      },
+
+    ],
+  },
+  clicksign: {
+    key: 'clicksign',
+    label: 'ClickSign',
+    accent: '#0F172A',
+    icon: 'file-text',
+    description:
+      'Chave usada pelo fluxo de assinatura e webhook da empresa atual.',
+    saveLabel: 'Salvar ClickSign',
+    requiredKeys: ['clicksign-key'],
+    fields: [
+      {
+        key: 'clicksign-key',
+        label: 'ClickSign key',
+        placeholder: 'Informe a chave da ClickSign',
+        secureTextEntry: true,
+      },
+    ],
+  },
+
+  'receita-federal': {
+    key: 'receita-federal',
+    label: 'Receita Federal',
+    accent: '#166534',
+    icon: 'file-text',
+    description:
+      'Configuracoes fiscais por tipo de documento (NF-e, cupom, NFS-e, CT-e, pre-notas).',
+    saveLabel: 'Salvar configuracoes fiscais',
+    // requiredKeys only enforce "Gerais" minima; tipos sao opcionais conforme operacao da empresa
+    requiredKeys: [
+      'receita-federal-tax-regime',
+      'receita-federal-certificate-file',
+      'receita-federal-certificate-password',
+    ],
+    tabs: [
+      {
+        key: 'general',
+        label: 'Gerais',
+        description: 'Dados compartilhados pela empresa para emissao fiscal.',
+        fields: [
+          {
+            key: 'receita-federal-tax-regime',
+            label: 'Regime tributario',
+            type: 'select',
+            options: [
+              { value: '1', label: 'Simples Nacional' },
+              { value: '2', label: 'Simples Nacional - excesso sublimite' },
+              { value: '3', label: 'Regime Normal' },
+            ],
+          },
+          {
+            key: 'receita-federal-ibge-code',
+            label: 'Codigo IBGE (municipio)',
+            placeholder: 'Ex.: 3550308',
+          },
+          {
+            key: 'receita-federal-environment',
+            label: 'Ambiente SEFAZ',
+            type: 'select',
+            options: [
+              { value: '2', label: 'Homologacao' },
+              { value: '1', label: 'Producao' },
+            ],
+          },
+          {
+            key: 'receita-federal-certificate-file',
+            label: 'Certificado digital (.pfx / .p12)',
+            type: 'file',
+            accept: '.pfx,.p12,application/x-pkcs12',
+            fileContext: 'company_certificate',
+            companyScopedFilePicker: true,
+          },
+          {
+            key: 'receita-federal-certificate-password',
+            label: 'Senha do certificado',
+            placeholder: 'Informe a senha do certificado',
+            secureTextEntry: true,
+          },
+        ],
+      },
+      {
+        key: 'nfe',
+        label: 'NF-e (produtos)',
+        description: 'Nota Fiscal Eletronica modelo 55 — saida de mercadorias.',
+        fields: [
+          {
+            key: 'receita-federal-nfe-enabled',
+            label: 'Habilitar NF-e',
+            type: 'select',
+            options: [
+              { value: '0', label: 'Nao' },
+              { value: '1', label: 'Sim' },
+            ],
+          },
+          {
+            key: 'receita-federal-nfe-serie',
+            label: 'Serie NF-e',
+            placeholder: 'Ex.: 1',
+          },
+          {
+            key: 'receita-federal-nfe-last-number',
+            label: 'Ultima NF-e / proximo numero',
+            placeholder: 'Ex.: 100',
+          },
+        ],
+      },
+      {
+        key: 'nfce',
+        label: 'NFC-e / Cupom',
+        description: 'Cupom fiscal eletronico modelo 65 — consumidor final.',
+        fields: [
+          {
+            key: 'receita-federal-nfce-enabled',
+            label: 'Habilitar NFC-e / cupom',
+            type: 'select',
+            options: [
+              { value: '0', label: 'Nao' },
+              { value: '1', label: 'Sim' },
+            ],
+          },
+          {
+            key: 'receita-federal-nfce-serie',
+            label: 'Serie NFC-e',
+            placeholder: 'Ex.: 1',
+          },
+          {
+            key: 'receita-federal-nfce-last-number',
+            label: 'Ultima NFC-e / proximo numero',
+            placeholder: 'Ex.: 100',
+          },
+          {
+            key: 'receita-federal-nfce-csc-id',
+            label: 'CSC ID (token)',
+            placeholder: 'Identificador do CSC',
+          },
+          {
+            key: 'receita-federal-nfce-csc',
+            label: 'CSC (codigo de seguranca)',
+            placeholder: 'Codigo CSC da SEFAZ',
+            secureTextEntry: true,
+          },
+        ],
+      },
+      {
+        key: 'nfse',
+        label: 'NFS-e (servicos)',
+        description: 'Nota de servicos eletronica — prestacao de servicos.',
+        fields: [
+          {
+            key: 'receita-federal-nfse-enabled',
+            label: 'Habilitar NFS-e',
+            type: 'select',
+            options: [
+              { value: '0', label: 'Nao' },
+              { value: '1', label: 'Sim' },
+            ],
+          },
+          {
+            key: 'receita-federal-nfse-serie',
+            label: 'Serie RPS / NFS-e',
+            placeholder: 'Ex.: 1',
+          },
+          {
+            key: 'receita-federal-nfse-last-number',
+            label: 'Ultimo RPS / proximo numero',
+            placeholder: 'Ex.: 50',
+          },
+          {
+            key: 'receita-federal-nfse-im',
+            label: 'Inscricao municipal',
+            placeholder: 'IM do prestador',
+          },
+          {
+            key: 'receita-federal-nfse-cnae',
+            label: 'CNAE principal (servico)',
+            placeholder: 'Ex.: 6201501',
+          },
+        ],
+      },
+      {
+        key: 'cte',
+        label: 'CT-e',
+        description: 'Conhecimento de Transporte Eletronico.',
+        fields: [
+          {
+            key: 'receita-federal-cte-enabled',
+            label: 'Habilitar CT-e',
+            type: 'select',
+            options: [
+              { value: '0', label: 'Nao' },
+              { value: '1', label: 'Sim' },
+            ],
+          },
+          {
+            key: 'receita-federal-cte-serie',
+            label: 'Serie CT-e',
+            placeholder: 'Ex.: 1',
+          },
+          {
+            key: 'receita-federal-cte-last-number',
+            label: 'Ultimo CT-e / proximo numero',
+            placeholder: 'Ex.: 10',
+          },
+        ],
+      },
+      {
+        key: 'prenota',
+        label: 'Pre-notas',
+        description: 'Rascunhos / pre-notas antes da autorizacao SEFAZ.',
+        fields: [
+          {
+            key: 'receita-federal-prenota-enabled',
+            label: 'Habilitar pre-notas',
+            type: 'select',
+            options: [
+              { value: '0', label: 'Nao' },
+              { value: '1', label: 'Sim' },
+            ],
+          },
+          {
+            key: 'receita-federal-prenota-default-type',
+            label: 'Tipo padrao ao gerar pre-nota',
+            type: 'select',
+            options: [
+              { value: 'nfe', label: 'NF-e (produtos)' },
+              { value: 'nfce', label: 'NFC-e / cupom' },
+              { value: 'nfse', label: 'NFS-e (servicos)' },
+              { value: 'cte', label: 'CT-e' },
+            ],
+          },
+        ],
+      },
+    ],
+    // fields flat list derived at runtime from tabs when present
+    fields: [],
+  },
+};
+
+export const getIntegrationListItem = key =>
+  INTEGRATION_LIST.find(item => item.key === key) || null;
+
+export const getIntegrationConfig = key => INTEGRATION_CONFIGS[key] || null;
+
+export const parseIntegrationCollection = response => {
+  if (Array.isArray(response)) {
+    return response;
+  }
+
+  if (Array.isArray(response?.member)) {
+    return response.member;
+  }
+
+  if (Array.isArray(response?.items)) {
+    return response.items;
+  }
+
+  if (Array.isArray(response?.['hydra:member'])) {
+    return response['hydra:member'];
+  }
+
+  return [];
+};
+
+export const getIntegrationByKey = (response, key) => {
+  const normalizedKey = String(key || '')
+    .trim()
+    .toLowerCase();
+
+  if (!normalizedKey) {
+    return null;
+  }
+
+  return (
+    parseIntegrationCollection(response).find(
+      item =>
+        String(item?.key || '')
+          .trim()
+          .toLowerCase() === normalizedKey,
+    ) || null
+  );
+};