const _getProducts = useCallback(async (): Promise<any> => {
    return await getProducts(stripePayments, {
        includePrices: true,
        activeOnly: true,
    });
}, []);

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

const _getProducts = useCallback(async (): Promise<any> => {
    const productCol = collection(db, 'products');
    const productSnapshot = await getDocs(productCol);
    return productSnapshot.docs.map(doc => doc.data());
}, []);

const firebaseApp = initializeApp({
    apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
    appId: process.env.REACT_APP_FIREBASE_APP_ID,
    authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
    messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
    projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
    storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET
});

const stripePayments = getStripePayments(firebaseApp, {
    productsCollection: "products",
    customersCollection: "customers",
});

const _getProducts = useCallback(async (): Promise<any> => {
    return await getProducts(stripePayments, {
        includePrices: true,
        activeOnly: true,
    });
}, []);