@controleonline/ui-common 1.2.71 → 1.2.76

package/src/react/pages/Food99IntegrationPage/utils.js

@@ -0,0 +1,155 @@
+// Configurações fixas e helpers específicos da integração 99Food.
+export const MINIMUM_REQUIRED_ITEMS = 5;
+
+export const statusLabelMap = {
+  1: 'Online',
+  2: 'Offline',
+};
+
+export const subStatusLabelMap = {
+  1: 'Pronta',
+  2: 'Pausada',
+  3: 'Fechada',
+};
+
+export const filterTabs = [
+  { key: 'all', label: 'Todos' },
+  { key: 'eligible', label: 'Elegiveis' },
+  { key: 'selected', label: 'Selecionados' },
+  { key: 'blocked', label: 'Com bloqueio' },
+];
+
+export const publishStateLabelMap = {
+  submitted: 'Enviado',
+  processing: 'Processando',
+  published: 'Publicado',
+  failed: 'Falhou',
+  sync_error: 'Sync pendente',
+};
+
+export const publishStateToneMap = {
+  submitted: '#2563EB',
+  processing: '#e67e22',
+  published: '#16A34A',
+  failed: '#DC2626',
+  sync_error: '#7C3AED',
+};
+
+export const deliveryMethodOptions = [
+  { value: '2', label: 'Loja (2)' },
+  { value: '1', label: 'Entrega 99 (1)' },
+];
+
+export const formatFood99ApiError = error => {
+  if (!error) return 'Nao foi possivel concluir a operacao.';
+  if (typeof error === 'string') return error;
+
+  if (Array.isArray(error?.message)) {
+    return error.message
+      .map(item => item?.message || item?.title || String(item))
+      .filter(Boolean)
+      .join('\n');
+  }
+
+  return error?.message || error?.description || error?.errmsg || 'Nao foi possivel concluir a operacao.';
+};
+
+export const wait = ms => new Promise(resolve => setTimeout(resolve, ms));
+
+export const normalizeTaskId = value => {
+  if (value === null || value === undefined || value === '') return null;
+  return String(value);
+};
+
+export const resolveFood99HistoryFromTime = () => {
+  try {
+    const parts = new Intl.DateTimeFormat('en-CA', {
+      timeZone: 'America/Sao_Paulo',
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+    })
+      .formatToParts(new Date())
+      .reduce((accumulator, part) => {
+        if (part.type !== 'literal') {
+          accumulator[part.type] = part.value;
+        }
+
+        return accumulator;
+      }, {});
+
+    if (!parts.year || !parts.month || !parts.day) {
+      return null;
+    }
+
+    return `${parts.year}-${parts.month}-${parts.day}T00:00:00-03:00`;
+  } catch {
+    return null;
+  }
+};
+
+export const sanitizeTimeInput = value => {
+  const digits = String(value || '')
+    .replace(/\D/g, '')
+    .slice(0, 4);
+
+  if (digits.length <= 2) return digits;
+  return `${digits.slice(0, 2)}:${digits.slice(2)}`;
+};
+
+export const isValidTimeInput = value => /^([01]\d|2[0-3]):[0-5]\d$/.test(String(value || '').trim());
+
+export const sanitizeRadiusInput = value => {
+  const normalized = String(value || '').replace(/[^0-9.,]/g, '').replace(',', '.');
+  const [integerPart, ...decimals] = normalized.split('.');
+  if (decimals.length === 0) return integerPart;
+  return `${integerPart}.${decimals.join('').slice(0, 2)}`;
+};
+
+export const sanitizeConfirmMethodInput = value =>
+  String(value || '')
+    .replace(/\D/g, '')
+    .slice(0, 3);
+
+export const normalizeDeliveryMethodCode = value => {
+  const normalized = String(value || '').trim();
+  if (normalized === '1' || normalized === '2') return normalized;
+
+  const lower = normalized.toLowerCase();
+  if (lower.includes('99') || lower.includes('platform') || lower.includes('didi')) return '1';
+
+  if (
+    lower.includes('store') ||
+    lower.includes('shop') ||
+    lower.includes('merchant') ||
+    lower.includes('self') ||
+    lower.includes('loja')
+  ) {
+    return '2';
+  }
+
+  return '';
+};
+
+export const formatDeliveryMethodLabel = value => {
+  const code = normalizeDeliveryMethodCode(value);
+  if (code === '2') return 'Loja';
+  if (code === '1') return 'Entrega 99';
+
+  const raw = String(value || '').trim();
+  return raw || '-';
+};
+
+export const getPublishStateLabel = state => publishStateLabelMap[state] || 'Sem envio recente';
+
+export const createEmptyStoreSettingsDraft = () => ({
+  deliveryRadiusKm: '',
+  openTime: '',
+  closeTime: '',
+  deliveryMethod: '',
+  confirmMethod: '',
+  deliveryAreaId: '',
+  settlementWalletId: '',
+});
+
+export const isErrnoSuccess = errno => String(errno ?? '').trim() === '0';

package/src/react/pages/Food99IntegrationPage.js

@@ -0,0 +1 @@
+export { default } from './Food99IntegrationPage/index';

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

@@ -0,0 +1 @@
+export { default } from './Food99IntegrationPage/styles';

package/src/react/pages/GenericLogPage.js

@@ -3,7 +3,6 @@ import {
   ActivityIndicator,
   ScrollView,
   Text,
-  TextInput,
   TouchableOpacity,
   View,
 } from 'react-native';
@@ -11,8 +10,7 @@ import {SafeAreaView} from 'react-native-safe-area-context';
 import {useFocusEffect} from '@react-navigation/native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import {useStore} from '@store';
-import CompactFilterSelector from '@controleonline/ui-default/src/react/components/filters/CompactFilterSelector';
-import DateShortcutFilter from '@controleonline/ui-default/src/react/components/filters/DateShortcutFilter';
+import DefaultExternalFilters from '@controleonline/ui-default/src/react/components/filters/DefaultExternalFilters';
 import EntityLogContent from '@controleonline/ui-common/src/react/components/EntityLogContent';
 import Formatter from '@controleonline/ui-common/src/utils/formatter';
 import {resolveStoreConfigByClassName} from '@controleonline/ui-common/src/react/utils/storeColumns';
@@ -185,41 +183,14 @@ const buildTypeOptions = items => {
   });
 
   return [
-    {key: 'all', label: 'Todos'},
+    {value: '', label: 'Todos'},
     ...Array.from(typeKeys).map(key => ({
-      key,
+      value: key,
       label: getTypeMeta(key).label,
     })),
   ];
 };
 
-const buildQuickClassOptions = items => {
-  const counts = new Map();
-
-  items.forEach(log => {
-    if (normalizeFilterKey(log?.type) !== 'entity' || !normalizeText(log?.class)) {
-      return;
-    }
-
-    const key = getShortClassName(log.class);
-    counts.set(key, (counts.get(key) || 0) + 1);
-  });
-
-  return Array.from(counts.entries())
-    .sort((left, right) => {
-      if (right[1] !== left[1]) {
-        return right[1] - left[1];
-      }
-
-      return left[0].localeCompare(right[0], 'pt-BR');
-    })
-    .slice(0, 12)
-    .map(([value]) => ({
-      label: formatClassLabel(value),
-      value,
-    }));
-};
-
 function MetaBadge({meta, styles}) {
   return (
     <View
@@ -420,20 +391,18 @@ export default function GenericLogPage({navigation}) {
     status: 'idle',
     totalItems: 0,
   });
-  const [selectedType, setSelectedType] = useState('all');
-  const [dateFilterKey, setDateFilterKey] = useState('all');
-  const [customRange, setCustomRange] = useState({
-    from: '',
-    to: '',
-  });
-  const [classFilterInput, setClassFilterInput] = useState('');
-  const [appliedClassFilter, setAppliedClassFilter] = useState('');
+  const [filters, setFilters] = useState({});
   const [expandedEntityKey, setExpandedEntityKey] = useState('');
 
   const loadLogs = useCallback(async () => {
-    const {after, before} = getDateRange(dateFilterKey, customRange, {
+    const dateFilter = filters.createdAt || {};
+    const {after, before} = getDateRange(
+      dateFilter.shortcut || dateFilter.value || 'all',
+      dateFilter.customRange || {from: '', to: ''},
+      {
       useCurrentMoment: true,
-    });
+      },
+    );
 
     setLogsState(current => ({
       ...current,
@@ -443,10 +412,10 @@ export default function GenericLogPage({navigation}) {
 
     try {
       const response = await entityLogActions.getTimeline({
-        ...(selectedType !== 'all' ? {type: selectedType} : {}),
+        ...(filters.type ? {type: filters.type} : {}),
         ...(after ? {'createdAt[after]': after} : {}),
         ...(before ? {'createdAt[before]': before} : {}),
-        ...(appliedClassFilter ? {class: appliedClassFilter} : {}),
+        ...(filters.class ? {class: filters.class} : {}),
       });
 
       const items = Array.isArray(response?.items) ? response.items : [];
@@ -464,29 +433,31 @@ export default function GenericLogPage({navigation}) {
         totalItems: 0,
       });
     }
-  }, [appliedClassFilter, customRange, dateFilterKey, entityLogActions, selectedType]);
+  }, [entityLogActions, filters]);
 
   const typeOptions = useMemo(
     () => buildTypeOptions(logsState.items),
     [logsState.items],
   );
 
-  const quickClassOptions = useMemo(
-    () => buildQuickClassOptions(logsState.items),
-    [logsState.items],
-  );
-
   const activeDateSummary = useMemo(
-    () => resolveDateRangeSummary(dateFilterKey, customRange, {useCurrentMoment: true}),
-    [customRange, dateFilterKey],
+    () => {
+      const dateFilter = filters.createdAt || {};
+      return resolveDateRangeSummary(
+        dateFilter.shortcut || dateFilter.value || 'all',
+        dateFilter.customRange || {from: '', to: ''},
+        {useCurrentMoment: true},
+      );
+    },
+    [filters.createdAt],
   );
 
   const hasActiveFilters = useMemo(
     () =>
-      selectedType !== 'all' ||
-      Boolean(appliedClassFilter) ||
+      Boolean(filters.type) ||
+      Boolean(filters.class) ||
       Boolean(activeDateSummary),
-    [activeDateSummary, appliedClassFilter, selectedType],
+    [activeDateSummary, filters.class, filters.type],
   );
 
   const resultsSummary = useMemo(() => {
@@ -503,30 +474,13 @@ export default function GenericLogPage({navigation}) {
 
     return `${countLabel} no periodo ${activeDateSummary}`;
   }, [activeDateSummary, logsState.items.length, logsState.totalItems]);
-  const selectedTypeLabel = useMemo(
-    () => typeOptions.find(option => option.key === selectedType)?.label || 'Todos',
-    [selectedType, typeOptions],
+  const getExternalFilterOptions = useCallback(
+    column => ((column?.name || column?.key) === 'type' ? typeOptions : []),
+    [typeOptions],
   );
-  const selectedQuickClassLabel = useMemo(() => {
-    if (!appliedClassFilter) {
-      return 'Sugestoes';
-    }
-
-    return quickClassOptions.find(
-      option => normalizeFilterKey(option.value) === normalizeFilterKey(appliedClassFilter),
-    )?.label || formatClassLabel(appliedClassFilter);
-  }, [appliedClassFilter, quickClassOptions]);
-
-  const applyClassFilter = useCallback(() => {
-    setAppliedClassFilter(normalizeText(classFilterInput));
-  }, [classFilterInput]);
 
   const clearAllFilters = useCallback(() => {
-    setSelectedType('all');
-    setDateFilterKey('all');
-    setCustomRange({from: '', to: ''});
-    setClassFilterInput('');
-    setAppliedClassFilter('');
+    setFilters({});
     setExpandedEntityKey('');
   }, []);
 
@@ -548,7 +502,7 @@ export default function GenericLogPage({navigation}) {
 
   useEffect(() => {
     setExpandedEntityKey('');
-  }, [appliedClassFilter, dateFilterKey, logsState.items, selectedType]);
+  }, [filters, logsState.items]);
 
   useFocusEffect(
     useCallback(() => {
@@ -602,96 +556,17 @@ export default function GenericLogPage({navigation}) {
               ) : null}
             </View>
 
-            <View style={styles.filterGroup}>
-              <Text style={styles.filterLabel}>Periodo</Text>
-              <DateShortcutFilter
-                value={dateFilterKey}
-                onChange={setDateFilterKey}
-                customRange={customRange}
-                onCustomRangeChange={setCustomRange}
-                colors={{
-                  accent: '#2563EB',
-                  appBg: 'transparent',
-                  border: '#CBD5E1',
-                  borderSoft: '#E2E8F0',
-                  cardBg: '#FFFFFF',
-                  cardBgSoft: '#F8FAFC',
-                  danger: '#DC2626',
-                  isLight: true,
-                  panelBg: '#EFF6FF',
-                  pillTextDark: '#FFFFFF',
-                  textPrimary: '#0F172A',
-                  textSecondary: '#64748B',
-                }}
-              />
-
-              {!!activeDateSummary && (
-                <Text style={styles.filterHint}>Periodo atual: {activeDateSummary}</Text>
-              )}
-            </View>
-
-            <View style={styles.filterGroup}>
-              <Text style={styles.filterLabel}>Tipo de log</Text>
-              <CompactFilterSelector
-                icon="filter"
-                label={selectedTypeLabel}
-                title="Tipo de log"
-                accentColor="#2563EB"
-                active={selectedType !== 'all'}
-                options={typeOptions}
-                selectedKey={selectedType}
-                onSelect={optionKey => {
-                  setSelectedType(optionKey);
-                  return true;
-                }}
-              />
-            </View>
-
-            <View style={styles.filterGroup}>
-              <Text style={styles.filterLabel}>Classe / origem</Text>
-              <View style={styles.textFilterRow}>
-                <TextInput
-                  value={classFilterInput}
-                  onChangeText={setClassFilterInput}
-                  placeholder="Ex.: Integration, Device, execute_operation"
-                  placeholderTextColor="#94A3B8"
-                  autoCapitalize="none"
-                  autoCorrect={false}
-                  style={styles.textFilterInput}
-                />
-
-                <TouchableOpacity
-                  activeOpacity={0.9}
-                  onPress={applyClassFilter}
-                  style={styles.primaryButton}>
-                  <Text style={styles.primaryButtonText}>Aplicar</Text>
-                </TouchableOpacity>
-              </View>
-
-              {!!appliedClassFilter && (
-                <Text style={styles.filterHint}>Classe aplicada: {appliedClassFilter}</Text>
-              )}
-
-              {!!quickClassOptions.length && (
-                <CompactFilterSelector
-                  icon="layers"
-                  label={selectedQuickClassLabel}
-                  title="Sugestoes de classe"
-                  accentColor="#2563EB"
-                  active={Boolean(appliedClassFilter)}
-                  options={quickClassOptions.map(option => ({
-                    key: option.value,
-                    label: option.label,
-                  }))}
-                  selectedKey={appliedClassFilter}
-                  onSelect={optionKey => {
-                    setClassFilterInput(optionKey);
-                    setAppliedClassFilter(optionKey);
-                    return true;
-                  }}
-                />
-              )}
-            </View>
+            <DefaultExternalFilters
+              accentColor="#2563EB"
+              filters={filters}
+              getOptionsForColumn={getExternalFilterOptions}
+              onChangeFilters={setFilters}
+              storeName="entity_log"
+            />
+
+            {!!activeDateSummary && (
+              <Text style={styles.filterHint}>Periodo atual: {activeDateSummary}</Text>
+            )}
           </View>
 
           {logsState.status === 'loading' ? (

package/src/react/pages/IFoodIntegrationPage/components/IFoodCatalogTab.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+import Food99CatalogTab from '../../Food99IntegrationPage/components/Food99CatalogTab';
+
+// Aba de cardápio do iFood, renderizada pelo mesmo componente compartilhado.
+export default function IFoodCatalogTab(props) {
+  return <Food99CatalogTab {...props} providerKey="ifood" />;
+}