@controleonline/ui-common 1.2.71 → 1.2.75

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

@@ -0,0 +1,420 @@
+import React from 'react';
+import { ActivityIndicator, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import Icon from 'react-native-vector-icons/Feather';
+import { colors } from '@controleonline/../../src/styles/colors';
+
+import { withOpacity } from '@controleonline/../../src/styles/branding';
+
+import styles from '../styles';
+import { calcEndTime, DAY_LABELS, DAY_ORDER, formatDateTimeLabel } from '../utils';
+
+// Aba com operação diária: disponibilidade e horários da loja.
+export default function IFoodOperationsTab({
+  shadowStyle,
+  connected,
+  storeStatus,
+  activeInterruptions,
+  actionLoading,
+  interruptionDraft,
+  interruptionRemoving,
+  onInterruptionDraftChange,
+  onRemoveInterruption,
+  onStoreOpen,
+  onStoreClose,
+  onRefreshStatus,
+  hours,
+  hoursLoading,
+  hoursEditing,
+  onStartEditHours,
+  hoursDraft,
+  onUpdateHoursDraft,
+  onAddHoursShift,
+  onRemoveHoursShift,
+  hoursSaving,
+  onSaveHours,
+  onCancelEditHours,
+  palette = colors,
+}) {
+  if (!connected) {
+    return (
+      <View style={[styles.sectionCard, shadowStyle]}>
+        <Text style={styles.sectionTitle}>Operacao da loja</Text>
+        <View style={styles.helperRow}>
+          <Text style={styles.helperText}>
+            Conecte a loja primeiro para consultar disponibilidade, pausas ativas e horários do iFood.
+          </Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <>
+      <View style={[styles.sectionCard, shadowStyle]}>
+        <View style={styles.statusRow}>
+          <Text style={styles.sectionTitle}>Disponibilidade da loja</Text>
+          {storeStatus?.data != null && (
+            <View
+              style={[
+                styles.availBadge,
+                {
+                  backgroundColor: withOpacity(storeStatus.data.online ? palette.success : palette.error, 0.12),
+                },
+              ]}>
+              <View
+                style={[
+                  styles.availDot,
+                  { backgroundColor: storeStatus.data.online ? palette.success : palette.error },
+                ]}
+              />
+              <Text
+                style={[
+                  styles.availBadgeText,
+                  { color: storeStatus.data.online ? palette.success : palette.error },
+                ]}>
+                {storeStatus.data.online ? 'Online' : 'Offline'}
+              </Text>
+            </View>
+          )}
+        </View>
+
+        <Text style={styles.helperText}>
+          {storeStatus?.data != null
+            ? storeStatus.data.online
+              ? 'A loja esta aceitando pedidos no iFood.'
+              : `A loja esta fechada para novos pedidos.${activeInterruptions.length > 0 ? ` ${activeInterruptions.length} interrupcao(oes) ativa(s).` : ''}`
+            : 'Consulte ou altere a disponibilidade da loja para receber pedidos.'}
+        </Text>
+
+        {activeInterruptions.length > 0 && (
+          <View style={styles.interruptionsBox}>
+            <Text style={styles.interruptionsTitle}>Pausas ativas</Text>
+            {activeInterruptions.map((interruption, index) => (
+              <View key={String(interruption?.id || index)} style={styles.interruptionItem}>
+                <View style={styles.interruptionHeader}>
+                  <Text style={styles.interruptionText}>
+                    {interruption?.description || 'Interrupcao ativa'}
+                  </Text>
+                  <TouchableOpacity
+                    activeOpacity={0.9}
+                    style={styles.interruptionRemoveButton}
+                    onPress={() => onRemoveInterruption(interruption)}
+                    disabled={actionLoading !== null || interruptionRemoving?.has?.(String(interruption?.id || ''))}>
+                    {interruptionRemoving?.has?.(String(interruption?.id || '')) ? (
+                      <ActivityIndicator size="small" color={palette.error} />
+                    ) : (
+                      <Icon name="trash-2" size={13} color={palette.error} />
+                    )}
+                  </TouchableOpacity>
+                </View>
+                <Text style={styles.interruptionMeta}>
+                  Inicio: {formatDateTimeLabel(interruption?.start)}
+                </Text>
+                <Text style={styles.interruptionMeta}>
+                  Fim: {formatDateTimeLabel(interruption?.end)}
+                </Text>
+              </View>
+            ))}
+          </View>
+        )}
+
+        <View style={styles.interruptionForm}>
+          <Text style={styles.interruptionsTitle}>Nova pausa</Text>
+          <TextInput
+            value={interruptionDraft?.description || ''}
+            onChangeText={value => onInterruptionDraftChange('description', value)}
+            style={styles.input}
+            placeholder="Motivo da pausa"
+            placeholderTextColor={palette.textSecondary}
+            editable={actionLoading === null}
+          />
+          <View style={styles.interruptionDateRow}>
+            <View style={styles.interruptionDateField}>
+              <Text style={styles.inputLabel}>Inicio</Text>
+              <TextInput
+                value={interruptionDraft?.start || ''}
+                onChangeText={value => onInterruptionDraftChange('start', value)}
+                style={styles.input}
+                placeholder="AAAA-MM-DDTHH:MM"
+                placeholderTextColor={palette.textSecondary}
+                keyboardType="numbers-and-punctuation"
+                editable={actionLoading === null}
+              />
+            </View>
+            <View style={styles.interruptionDateField}>
+              <Text style={styles.inputLabel}>Fim</Text>
+              <TextInput
+                value={interruptionDraft?.end || ''}
+                onChangeText={value => onInterruptionDraftChange('end', value)}
+                style={styles.input}
+                placeholder="AAAA-MM-DDTHH:MM"
+                placeholderTextColor={palette.textSecondary}
+                keyboardType="numbers-and-punctuation"
+                editable={actionLoading === null}
+              />
+            </View>
+          </View>
+          <Text style={styles.interruptionMeta}>
+            Formato: AAAA-MM-DDTHH:MM. O iFood limita pausas a no maximo 7 dias e nao permite sobreposicao.
+          </Text>
+        </View>
+
+        {Array.isArray(storeStatus?.data?.operations) && (() => {
+          const storeOnline = storeStatus.data.online === true;
+          const visibleOperations = storeStatus.data.operations.filter(
+            operation => storeOnline || operation.state !== 'ERROR',
+          );
+
+          if (visibleOperations.length === 0) return null;
+
+          return (
+            <View style={styles.opsGrid}>
+              {visibleOperations.map((operation, index) => {
+                const online = operation.state === 'OK' || operation.state === 'WARNING';
+                const tone =
+                  operation.state === 'OK'
+                    ? palette.success
+                    : operation.state === 'WARNING'
+                      ? palette.warning
+                      : palette.error;
+
+                return (
+                  <View
+                    key={`${operation?.operation || 'operation'}-${index}`}
+                    style={[
+                      styles.opChip,
+                      {
+                        borderColor: withOpacity(tone, 0.3),
+                        backgroundColor: withOpacity(tone, 0.08),
+                      },
+                    ]}>
+                    <Icon name={online ? 'check-circle' : 'x-circle'} size={12} color={tone} />
+                    <Text style={[styles.opChipText, { color: tone }]}>
+                      {operation.operation}
+                      {operation.sales_channel ? ` · ${operation.sales_channel}` : ''}
+                      {`: ${operation.state_label}`}
+                    </Text>
+                  </View>
+                );
+              })}
+            </View>
+          );
+        })()}
+
+        <View style={styles.availRow}>
+          <TouchableOpacity
+            activeOpacity={0.9}
+            style={[
+              styles.availButton,
+              { backgroundColor: palette.success },
+              (actionLoading === 'store_open' || storeStatus?.data?.online === true) && styles.availButtonDisabled,
+            ]}
+            onPress={onStoreOpen}
+            disabled={actionLoading !== null || storeStatus?.data?.online === true}>
+            {actionLoading === 'store_open' ? (
+              <ActivityIndicator color={palette.white} size="small" />
+            ) : (
+              <>
+                <Icon name="check-circle" size={15} color={palette.white} />
+                <Text style={styles.availButtonText}>Abrir loja</Text>
+              </>
+            )}
+          </TouchableOpacity>
+
+          <TouchableOpacity
+            activeOpacity={0.9}
+            style={[
+              styles.availButton,
+              { backgroundColor: palette.error },
+              (actionLoading === 'store_close' || storeStatus?.data?.online === false) && styles.availButtonDisabled,
+            ]}
+            onPress={onStoreClose}
+            disabled={actionLoading !== null || storeStatus?.data?.online === false}>
+            {actionLoading === 'store_close' ? (
+              <ActivityIndicator color={palette.white} size="small" />
+            ) : (
+              <>
+                <Icon name="x-circle" size={15} color={palette.white} />
+                <Text style={styles.availButtonText}>Fechar loja</Text>
+              </>
+            )}
+          </TouchableOpacity>
+
+          <TouchableOpacity
+            activeOpacity={0.9}
+            style={styles.availRefreshButton}
+            onPress={onRefreshStatus}
+            disabled={actionLoading !== null}>
+            <Icon name="refresh-cw" size={15} color={palette.textSecondary} />
+          </TouchableOpacity>
+        </View>
+
+        {storeStatus?.errno !== 0 && storeStatus?.errno != null && (
+          <View style={styles.errorBox}>
+            <Text style={styles.errorTitle}>Erro ao consultar disponibilidade</Text>
+            <Text style={styles.errorText}>{storeStatus.errmsg}</Text>
+          </View>
+        )}
+      </View>
+
+      <View style={[styles.sectionCard, shadowStyle]}>
+        <View style={styles.statusRow}>
+          <Text style={styles.sectionTitle}>Horarios de funcionamento</Text>
+          {!hoursEditing && (
+            <TouchableOpacity
+              onPress={onStartEditHours}
+              style={styles.hoursEditBtn}
+              disabled={hoursLoading}>
+              <Icon name="edit-2" size={13} color={palette.info} />
+              <Text style={styles.hoursEditBtnText}>Editar</Text>
+            </TouchableOpacity>
+          )}
+        </View>
+
+        {hoursLoading && <ActivityIndicator size="small" color={palette.info} />}
+
+        {!hoursLoading && !hoursEditing && (
+          Array.isArray(hours) && hours.length > 0 ? (
+            <View style={styles.hoursList}>
+              {DAY_ORDER.map(day => {
+                const entry = hours.find(item => item.dayOfWeek === day);
+                const isOpen = !!entry && (entry.shifts || []).length > 0;
+
+                return (
+                  <View key={day} style={styles.hoursDayRow}>
+                    <Text style={[styles.hoursDayLabel, !isOpen && { color: palette.textSecondary }]}>
+                      {DAY_LABELS[day]}
+                    </Text>
+                    <View style={styles.hoursValues}>
+                      {isOpen ? (
+                        (entry.shifts || []).map((shift, index) => (
+                          <Text key={`${day}-${index}`} style={styles.hoursValue}>
+                            {shift.start} – {calcEndTime(shift.start, shift.duration)}
+                          </Text>
+                        ))
+                      ) : (
+                        <Text style={styles.hoursClosed}>Fechado</Text>
+                      )}
+                    </View>
+                  </View>
+                );
+              })}
+            </View>
+          ) : (
+            <Text style={styles.helperText}>Nenhum horario configurado. Toque em Editar para definir.</Text>
+          )
+        )}
+
+        {hoursEditing && Array.isArray(hoursDraft) && (
+          hoursDraft.length > 0 ? (
+            <View style={styles.hoursEditList}>
+              {DAY_ORDER.map(day => {
+                const entry =
+                  hoursDraft.find(item => item.dayOfWeek === day) || {
+                    dayOfWeek: day,
+                    open: false,
+                    shifts: [{ start: '09:00', duration: 840 }],
+                  };
+
+                return (
+                  <View key={day} style={[styles.hoursDayRow, { alignItems: 'center' }]}>
+                    <TouchableOpacity
+                      onPress={() => onUpdateHoursDraft(day, null, 'open', !entry.open)}
+                      disabled={hoursSaving}
+                      style={[styles.dayToggle, entry.open && styles.dayToggleOn]}>
+                      <View style={[styles.dayToggleThumb, entry.open && styles.dayToggleThumbOn]} />
+                    </TouchableOpacity>
+
+                    <Text style={[styles.hoursDayLabel, !entry.open && { color: palette.textSecondary }]}>
+                      {DAY_LABELS[day]}
+                    </Text>
+
+                    {entry.open ? (
+                      <View style={styles.hoursEditContent}>
+                        {(entry.shifts || []).map((shift, index) => (
+                          <View key={`${day}-shift-${index}`} style={styles.hoursInputRow}>
+                            <TextInput
+                              value={shift.start}
+                              onChangeText={value => onUpdateHoursDraft(day, index, 'start', value)}
+                              style={styles.hoursInput}
+                              placeholder="HH:MM"
+                              placeholderTextColor={palette.textSecondary}
+                              keyboardType="numbers-and-punctuation"
+                              editable={!hoursSaving}
+                            />
+                            <Text style={styles.hoursSep}>–</Text>
+                            <TextInput
+                              value={calcEndTime(shift.start, shift.duration)}
+                              onChangeText={value => onUpdateHoursDraft(day, index, 'end', value)}
+                              style={styles.hoursInput}
+                              placeholder="HH:MM"
+                              placeholderTextColor={palette.textSecondary}
+                              keyboardType="numbers-and-punctuation"
+                              editable={!hoursSaving}
+                            />
+                            {(entry.shifts || []).length > 1 && (
+                              <TouchableOpacity
+                                onPress={() => onRemoveHoursShift(day, index)}
+                                disabled={hoursSaving}
+                                style={styles.hoursShiftRemoveBtn}>
+                                <Icon name="trash-2" size={14} color={palette.error} />
+                              </TouchableOpacity>
+                            )}
+                          </View>
+                        ))}
+                        <TouchableOpacity
+                          onPress={() => onAddHoursShift(day)}
+                          disabled={hoursSaving}
+                          style={styles.hoursShiftAddBtn}>
+                          <Icon name="plus" size={14} color={palette.info} />
+                          <Text style={styles.hoursShiftAddText}>Adicionar turno</Text>
+                        </TouchableOpacity>
+                      </View>
+                    ) : (
+                      <Text style={styles.hoursClosed}>Fechado</Text>
+                    )}
+                  </View>
+                );
+              })}
+
+              <View style={styles.availRow}>
+                <TouchableOpacity
+                  onPress={onSaveHours}
+                  disabled={hoursSaving}
+                  style={[styles.actionButton, { backgroundColor: palette.success }]}>
+                  {hoursSaving ? (
+                    <ActivityIndicator color={palette.white} size="small" />
+                  ) : (
+                    <>
+                      <Icon name="check" size={15} color={palette.white} />
+                      <Text style={styles.actionButtonText}>Salvar horarios</Text>
+                    </>
+                  )}
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                  onPress={onCancelEditHours}
+                  disabled={hoursSaving}
+                  style={styles.hoursCancelBtn}>
+                  <Text style={styles.hoursCancelText}>Cancelar</Text>
+                </TouchableOpacity>
+              </View>
+            </View>
+          ) : (
+            <View style={styles.hoursEditList}>
+              <View style={styles.helperRow}>
+                <Text style={styles.helperText}>
+                  Nenhum horario retornado pelo iFood. Sincronize o catalogo e tente novamente.
+                </Text>
+              </View>
+
+              <TouchableOpacity onPress={onCancelEditHours} style={styles.hoursCancelBtn}>
+                <Text style={styles.hoursCancelText}>Fechar</Text>
+              </TouchableOpacity>
+            </View>
+          )
+        )}
+      </View>
+    </>
+  );
+}

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

@@ -0,0 +1,118 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+
+import { withOpacity } from '@controleonline/../../src/styles/branding';
+
+import styles from '../styles';
+
+// Aba de resumo da integração iFood.
+export default function IFoodOverviewTab({
+  shadowStyle,
+  integration,
+  connected,
+  remoteConnected,
+  authAvailable,
+  statusTone,
+  statusText,
+  eligibleCount,
+  selectedStoreDetail,
+}) {
+  return (
+    <View style={[styles.sectionCard, shadowStyle]}>
+      <View style={styles.statusRow}>
+        <Text style={styles.sectionTitle}>Status da integracao</Text>
+        <View style={[styles.statusBadge, { backgroundColor: withOpacity(statusTone, 0.12) }]}>
+          <Text style={[styles.statusBadgeText, { color: statusTone }]}>{statusText}</Text>
+        </View>
+      </View>
+
+      <View style={styles.metaGrid}>
+        <View style={styles.metaBox}>
+          <Text style={styles.metaLabel}>Loja vinculada</Text>
+          <Text style={styles.metaValue}>{integration?.merchant_name || integration?.merchant_id || 'Nao vinculada'}</Text>
+        </View>
+        <View style={styles.metaBox}>
+          <Text style={styles.metaLabel}>Status remoto</Text>
+          <Text style={styles.metaValue}>{integration?.merchant_status_label || 'Indefinido'}</Text>
+        </View>
+      </View>
+
+      <View style={styles.metaGrid}>
+        <View style={styles.metaBox}>
+          <Text style={styles.metaLabel}>Token OAuth</Text>
+          <Text style={styles.metaValue}>{authAvailable ? 'Disponível' : 'Indisponível'}</Text>
+        </View>
+        <View style={styles.metaBox}>
+          <Text style={styles.metaLabel}>Produtos aptos</Text>
+          <Text style={styles.metaValue}>{eligibleCount}</Text>
+        </View>
+      </View>
+
+      <View style={styles.helperRow}>
+        <Text style={styles.helperText}>
+          {remoteConnected
+            ? 'A vinculação local está confirmada na conta iFood.'
+            : connected
+              ? 'Loja vinculada localmente. Execute sincronização para validar no iFood.'
+              : 'Selecione uma loja ou informe o código iFood para conectar.'}
+        </Text>
+      </View>
+
+      {!!integration?.last_error_message && (
+        <View style={styles.errorBox}>
+          <Text style={styles.errorTitle}>Último erro</Text>
+          <Text style={styles.errorText}>{integration.last_error_message}</Text>
+        </View>
+      )}
+
+      {!!selectedStoreDetail && (
+        <View style={styles.selectedStoreBox}>
+          <Text style={styles.selectedStoreTitle}>Detalhes da loja</Text>
+
+          <View style={styles.metaGrid}>
+            <View style={styles.metaBox}>
+              <Text style={styles.metaLabel}>Nome fantasia</Text>
+              <Text style={styles.metaValue}>{selectedStoreDetail?.name || '--'}</Text>
+            </View>
+            <View style={styles.metaBox}>
+              <Text style={styles.metaLabel}>Status</Text>
+              <Text style={styles.metaValue}>{selectedStoreDetail?.status_label || '--'}</Text>
+            </View>
+          </View>
+
+          <View style={styles.metaGrid}>
+            <View style={styles.metaBox}>
+              <Text style={styles.metaLabel}>Razão social</Text>
+              <Text style={styles.metaValue}>{selectedStoreDetail?.corporate_name || '--'}</Text>
+            </View>
+            <View style={styles.metaBox}>
+              <Text style={styles.metaLabel}>Tipo</Text>
+              <Text style={styles.metaValue}>{selectedStoreDetail?.type || '--'}</Text>
+            </View>
+          </View>
+
+          <View style={styles.metaBox}>
+            <Text style={styles.metaLabel}>Endereço</Text>
+            <Text style={styles.metaValue}>
+              {selectedStoreDetail?.address?.formatted || 'Endereço não informado'}
+            </Text>
+          </View>
+
+          {Array.isArray(selectedStoreDetail?.operations) && selectedStoreDetail.operations.length > 0 && (
+            <View style={styles.storeOperationsBox}>
+              <Text style={styles.metaLabel}>Operações configuradas</Text>
+              {selectedStoreDetail.operations.map((operation, index) => (
+                <Text key={`${operation?.name || 'operation'}-${index}`} style={styles.operationText}>
+                  {operation?.name || 'Operação'}
+                  {Array.isArray(operation?.sales_channels) && operation.sales_channels.length > 0
+                    ? ` - ${operation.sales_channels.join(', ')}`
+                    : ''}
+                </Text>
+              ))}
+            </View>
+          )}
+        </View>
+      )}
+    </View>
+  );
+}

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

@@ -0,0 +1,103 @@
+import React from 'react';
+import { ActivityIndicator, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import Icon from 'react-native-vector-icons/Feather';
+import { colors } from '@controleonline/../../src/styles/colors';
+
+import AnimatedModal from '@controleonline/ui-common/src/react/components/AnimatedModal';
+
+import styles from '../styles';
+import { countCollection } from '@controleonline/ui-common/src/react/utils/integrationPage';
+
+// Modal de pré-visualização do menu antes do envio ao iFood.
+export default function IFoodPreviewModal({
+  visible,
+  previewData,
+  selectedEligible,
+  accentColor,
+  uploading,
+  palette = colors,
+  onClose,
+  onUpload,
+}) {
+  return (
+    <AnimatedModal visible={visible} onRequestClose={onClose}>
+      <View style={styles.modalShell}>
+        <View style={styles.modalCard}>
+          <View style={styles.modalHeader}>
+            <View>
+              <Text style={styles.modalTitle}>Pre-visualizacao do menu</Text>
+              <Text style={styles.modalSubtitle}>
+                {previewData?.eligible_product_count || selectedEligible.length} produtos prontos para upload
+              </Text>
+            </View>
+
+            <TouchableOpacity onPress={onClose} style={styles.modalCloseButton}>
+              <Icon name="x" size={18} color={palette.textSecondary} />
+            </TouchableOpacity>
+          </View>
+
+          <ScrollView showsVerticalScrollIndicator={false} contentContainerStyle={styles.modalContent}>
+            <View style={styles.modalSummaryGrid}>
+              <View style={styles.modalSummaryCard}>
+                <Text style={styles.modalSummaryValue}>{countCollection(previewData?.payload?.menus)}</Text>
+                <Text style={styles.modalSummaryLabel}>Menus</Text>
+              </View>
+              <View style={styles.modalSummaryCard}>
+                <Text style={styles.modalSummaryValue}>{countCollection(previewData?.payload?.categories)}</Text>
+                <Text style={styles.modalSummaryLabel}>Categorias</Text>
+              </View>
+              <View style={styles.modalSummaryCard}>
+                <Text style={styles.modalSummaryValue}>{countCollection(previewData?.payload?.items)}</Text>
+                <Text style={styles.modalSummaryLabel}>Itens</Text>
+              </View>
+            </View>
+
+            <View style={styles.previewSection}>
+              <Text style={styles.previewSectionTitle}>Categorias</Text>
+              {(previewData?.payload?.categories || []).map(category => (
+                <View key={category.app_category_id} style={styles.previewLine}>
+                  <Text style={styles.previewLineTitle}>{category.category_name}</Text>
+                  <Text style={styles.previewLineMeta}>
+                    {countCollection(category.app_item_ids)} item(ns)
+                  </Text>
+                </View>
+              ))}
+            </View>
+
+            <View style={styles.previewSection}>
+              <Text style={styles.previewSectionTitle}>Itens selecionados</Text>
+              {selectedEligible.map(product => (
+                <View key={product.id} style={styles.previewLine}>
+                  <Text style={styles.previewLineTitle}>{product.name}</Text>
+                  <Text style={styles.previewLineMeta}>
+                    {product.category?.name || 'Sem categoria'} • R$ {Number(product.price || 0).toFixed(2)}
+                  </Text>
+                </View>
+              ))}
+            </View>
+          </ScrollView>
+
+          <View style={styles.modalActions}>
+            <TouchableOpacity style={styles.secondaryButton} onPress={onClose}>
+              <Text style={styles.secondaryButtonText}>Fechar</Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={[styles.primaryButton, styles.modalPrimaryButton, { backgroundColor: accentColor }]}
+              onPress={onUpload}
+              disabled={uploading}>
+              {uploading ? (
+                <ActivityIndicator size="small" color={palette.white} />
+              ) : (
+                <>
+                  <Icon name="upload-cloud" size={16} color={palette.white} />
+                  <Text style={styles.primaryButtonText}>Publicar menu</Text>
+                </>
+              )}
+            </TouchableOpacity>
+          </View>
+        </View>
+      </View>
+    </AnimatedModal>
+  );
+}

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

@@ -0,0 +1 @@
+export {default} from '../../MarketplaceIntegrationPage/components/MarketplaceProductCard';