import { useFetch } from '@win2win/shared-ui';
import { mapKeys } from 'lodash';
import { computed } from 'vue';
import { useCaptacionLite } from '../useStoreLite';

export function useCaptacionPedidoProps() {
  const { data: captacion } = useCaptacionLite();
  const key = computed(() => ['captacion', captacion.value.ID_CAPTACION || null, 'pedido-props']);
  const query = computed(() => `w2w-query/pedido(${captacion.value.ID_PEDIDO})->ped_producto)`);
  const { data } = useFetch<any>(key, query, {
    pedido: ['id'],
    ped_producto: ['id', 'props'],
  });
  const props = computed(() => mapKeys(data.value?.ped_producto.props || {}, (_, k) => k.toLowerCase()));
  return props;
}