chaining API requests

Author: anton-tiptyuk

src/components/App.jsx

@@ -19,8 +19,8 @@ class App extends Component {
       loading: false,
       serviceName: defaults.defaultServiceName
     };
-    BusyAdapter.getServiceNamePromise().then((response) => {
-      this.setState({ serviceName: response.services[0].name });
+    BusyAdapter.getServiceInfoAsync().then((info) => {
+      this.setState({ serviceName: info.name });
     });
   }
 

src/components/Bookie.jsx

@@ -89,7 +89,7 @@ class Bookie extends Component {
 
         this.setParentLoading(true);
         this.setState({ loading: true }, () => {
-          BusyAdapter.getServiceAvailableSlotsByIdPromise(dayToFetch)
+          BusyAdapter.getSlotsAsync(dayToFetch)
             .then((slotData) => {
               const dayData = this.state.dayData;
               const parsedData = Scheduler.getDayDataFromSlots(slotData);

src/lib/BusyAdapter.js

@@ -8,31 +8,54 @@ const ServicesController = Promise.promisifyAll(gonebusy.ServicesController);
 const BookingsController = Promise.promisifyAll(gonebusy.BookingsController);
 
 const {
-  service_id,
   clientToken: authorization,
   clientApiEndpoint
 } = gonebusyEnv;
 
 gonebusy.configuration.BASEURI = clientApiEndpoint;
 
-class BusyWrapper {
-  static getServiceNamePromise() {
-    return ServicesController.getServicesAsync({ authorization });
+let serviceInfo;
+
+class BusyAdapter {
+  static getServiceInfoAsync() {
+    return new Promise((resolve) => {
+      if (serviceInfo)
+        resolve(serviceInfo);
+      else {
+        ServicesController
+          .getServicesAsync({ authorization })
+          .then((response) => {
+            if (response.services && response.services.length) {
+              const serviceEntry = response.services[0];
+              serviceInfo = {
+                name: serviceEntry.name,
+                id: serviceEntry.id,
+                max_duration: serviceEntry.max_duration,
+              };
+              resolve(serviceInfo);
+            } else
+              throw new Error('Failed to fetch service info');
+          });
+      }
+    });
   }
 
-  static getServiceAvailableSlotsByIdPromise(date) {
-    return ServicesController.getServiceAvailableSlotsByIdAsync({
-      authorization,
-      id: service_id,
-      startDate: date,
-      endDate: Scheduler.getNextDayString(date)
-    }).then((data) => {
-      const slotData = [];
-      data.service.resources[0].availableSlots.forEach((x) => {
-        slotData.push(...x.slots.split(', '));
+  static getSlotsAsync(date) {
+    return BusyAdapter
+      .getServiceInfoAsync()
+      .then(info => ServicesController.getServiceAvailableSlotsByIdAsync({
+        authorization,
+        id: info.id,
+        startDate: date,
+        endDate: Scheduler.getNextDayString(date)
+      }))
+      .then((data) => {
+        const slotData = [];
+        data.service.resources[0].availableSlots.forEach((x) => {
+          slotData.push(...x.slots.split(', '));
+        });
+        return slotData;
       });
-      return slotData;
-    });
   }
 
   static getBookingsPromise(args) {
@@ -43,23 +66,25 @@ class BusyWrapper {
   }
 
   static createBookingPromise({ date, time, duration }) {
-    const params = {
-      service_id,
-      date,
-      time
-    };
-    if (undefined !== duration)
-      params.duration = duration;
-
-    console.log(params);
-
-    const createBookingBody = new CreateBookingBody(params);
-    return BookingsController.createBookingAsync({ authorization, createBookingBody });
+    return BusyAdapter
+      .getServiceInfoAsync()
+      .then((info) => {
+        const params = {
+          service_id: info.id,
+          date,
+          time
+        };
+        if (undefined !== duration)
+          params.duration = duration;
+        console.log(params);
+        const createBookingBody = new CreateBookingBody(params);
+        return BookingsController.createBookingAsync({ authorization, createBookingBody });
+      });
   }
 
   static cancelBookingPromise(id) {
     return BookingsController.cancelBookingByIdAsync({ authorization, id });
   }
 }
 
-export default BusyWrapper;
+export default BusyAdapter;