Inverting the dependencies

bar.js

// Is depdendent on 'baz', and a dependency of foo!
// Note how it no longer passes down an api client!
export const bar = (myLogger, baz) => () => {
  myLogger.debug('lets make a request!');
  return baz("http://somehardcodedurl.com");
}

baz.js

// "Lowest common denominator, is a dependency of bar!
export const baz = (myLogger, myApiClient) => url =>
  apiClient.get(url)
    .then((response) => {
      myLogger.info('You got a response!', response);
      return response;
    });

foo.js

// Is dependant on two instances of 'bar' (but it doesn't care what bar1 and bar 2 do!)
export const foo = (bar1, bar2) => () => {
  bar1();
  bar2();
};

main.js

import foo from './foo';
import baz from './baz';
import bar from './bar';

import VendorSuppliedApiClient from 'vendor-supplied-api-client';
import VendorSuppliedLogger from 'vendor-supplied-logger';

const main = () => {
    const mySingleApiClientInstance = new VendorSuppliedApiClient('myrandomapikey');
    const myOtherApiClientInstance = new VendorSuppliedApiClient('mydeveloperapikey');
  
    const mySingleLoggerInstance = new VendorSuppliedLogger('myrandomapikey', 'filestream'); 

    return foo(
        bar(mySingleLoggerInstance, baz(mySingleLoggerInstance, mySingleApiClientInstance))
        bar(mySingleLoggerInstance, baz(mySingleLoggerInstance, myOtherApiClientInstance))
      );
}