cronofy-elements 1.42.0 → 1.42.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "cronofy-elements",
-    "version": "1.42.0",
+    "version": "1.42.1",
     "description": "Fast track scheduling with Cronofy's embeddable UI Elements",
     "main": "build/npm/CronofyElements.js",
     "scripts": {

package/src/js/components/DateTimePicker/contexts/status-reducer.js

@@ -91,7 +91,12 @@ export const statusReducer = (state, action) => {
 
         case "SET_SLOTS": {
             if (!action.slots.length > 0) {
-                return state;
+                const monthsLoading = removeMonthFromLoading(state.monthsLoading, action.month);
+                return {
+                    ...state,
+                    monthsLoading,
+                    slotFetchCount: state.slotFetchCount + 1,
+                };
             }
 
             const slotsObject = addSlotsToObject(state.slots, action.slots);

package/src/js/components/DateTimePicker/utils/slots.js

@@ -77,7 +77,7 @@ export const getMonthObjectsFromQuery = (query, tzid, current = false) => {
     const endMonth = moment(monthStrings[monthStrings.length - 1], "YYYY-MM");
 
     const currentMonth =
-        current && moment(current, "YYYY-MM").isBetween(startMonth, endMonth)
+        current && moment(current, "YYYY-MM").isBetween(startMonth, endMonth, "month", "[]")
             ? current
             : monthStrings[0];
 

package/tests/DateTimePicker/contexts/status-reducer.test.js

@@ -340,6 +340,45 @@ describe("Date Time Picker status reducer", () => {
             expect(newState).toStrictEqual(oldState);
         });
 
+        it("sets slots when there are no slots", () => {
+            const oldState = {
+                ...startingState,
+                slots: {},
+                availableDays: [],
+                slotFetchCount: 0,
+                slotInjectionPoint: undefined,
+            };
+
+            const result = statusReducer(oldState, {
+                type: "SET_SLOTS",
+                slots: [],
+                month: "2021-09",
+                tzid: "Europe/London",
+            });
+
+            delete oldState.slots;
+            delete oldState.availableDays;
+            delete oldState.slotFetchCount;
+            delete oldState.slotInjectionPoint;
+
+            const {
+                slots,
+                availableDays,
+                slotFetchCount,
+                slotInjectionPoint,
+                ...newState
+            } = result;
+
+            // These values have been updated
+            expect(slots).toStrictEqual({});
+            expect(availableDays).toStrictEqual([]);
+            expect(slotFetchCount).toBe(1);
+            expect(slotInjectionPoint).toBe(undefined);
+
+            // All other values are unchanged
+            expect(newState).toStrictEqual(oldState);
+        });
+
         it("sets additional slots", () => {
             const oldState = {
                 ...startingState,

package/tests/DateTimePicker/utils.test.js

@@ -1,5 +1,6 @@
 import * as utils from "../../src/js/components/DateTimePicker/utils/slots";
 import { rawSlots } from "./dummy-data";
+import moment from "moment-timezone";
 
 describe("DateTimePicker utils", () => {
     it("Gets months from single period", () => {
@@ -429,6 +430,51 @@ describe("DateTimePicker utils", () => {
 
                 expect(actual).toEqual(expected);
             });
+
+            it("returns with the correct month set to current when selectedDay is set", () => {
+                const selectedDay = "2021-07";
+
+                const query = {
+                    query_periods,
+                };
+
+                const expected = [
+                    {
+                        month: "2021-06",
+                        current: false,
+                        query: {
+                            query_periods: [
+                                {
+                                    end: "2021-06-12T23:00:00Z",
+                                    start: "2021-06-11T00:00:00Z",
+                                },
+                                {
+                                    end: "2021-06-30T23:59:00Z",
+                                    start: "2021-06-13T00:00:00Z",
+                                },
+                            ],
+                            max_results: 512,
+                        },
+                    },
+                    {
+                        month: "2021-07",
+                        current: true,
+                        query: {
+                            query_periods: [
+                                {
+                                    end: "2021-07-14T23:00:00Z",
+                                    start: "2021-07-01T00:00:00Z",
+                                },
+                            ],
+                            max_results: 512,
+                        },
+                    },
+                ];
+
+                const actual = utils.getMonthObjectsFromQuery(query, tzid, selectedDay);
+
+                expect(actual).toEqual(expected);
+            });
         });
     });
 });