cronofy-elements 1.42.0 → 1.44.1

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

@@ -6,7 +6,10 @@ import {
     testSlotsObjectPartial,
     testSlotsArray,
     testSlotsArrayAdditional,
+    testSequencedSlotsArray,
     testDaySlots,
+    testDaySequencedSlots,
+    testSequencedSlotsAObject,
     testQuery,
 } from "../dummy-data";
 
@@ -212,17 +215,26 @@ describe("Date Time Picker status reducer", () => {
     });
 
     it("NO_SLOTS_FOUND", async () => {
+        const callbackSpy = jest.spyOn(startingState, "callback");
         const oldState = { ...startingState };
         const result = statusReducer(oldState, {
             type: "NO_SLOTS_FOUND",
         });
 
+        const expectedNotification = {
+            notification: {
+                type: "no_slots_found",
+            },
+        };
+
         delete oldState.columnView;
 
         const { columnView, ...newState } = result;
 
         // These values have been updated
         expect(columnView).toBe("no-slots");
+        expect(callbackSpy).toHaveBeenCalled();
+        expect(callbackSpy).toHaveBeenCalledWith(expectedNotification);
         // All other values are unchanged
         expect(newState).toStrictEqual(oldState);
     });
@@ -340,6 +352,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,
@@ -403,6 +454,65 @@ describe("Date Time Picker status reducer", () => {
 
             expect(newState).toStrictEqual(oldState);
         });
+
+        it("sets sequenced slots", () => {
+            const oldState = {
+                ...startingState,
+                slots: {},
+                availableDays: [],
+                slotFetchCount: 0,
+                slotInjectionPoint: undefined,
+                sequenced_availability: true,
+            };
+
+            const result = statusReducer(oldState, {
+                type: "SET_SLOTS",
+                slots: testSequencedSlotsArray,
+                month: "2021-09",
+                tzid: "Europe/London",
+            });
+
+            const newMonthsLoading = [
+                {
+                    month: "2021-09",
+                    loading: false,
+                },
+                {
+                    month: "2021-10",
+                    loading: true,
+                },
+            ];
+
+            delete oldState.slots;
+            delete oldState.availableDays;
+            delete oldState.slotFetchCount;
+            delete oldState.slotInjectionPoint;
+            delete oldState.monthsLoading;
+
+            const {
+                slots,
+                availableDays,
+                slotFetchCount,
+                slotInjectionPoint,
+                monthsLoading,
+                ...newState
+            } = result;
+
+            // These values have been updated
+            expect(slots).toStrictEqual(testSequencedSlotsAObject);
+            expect(availableDays).toStrictEqual([
+                "2021-09-29",
+                "2021-09-30",
+                "2021-10-01",
+                "2021-10-04",
+            ]);
+            expect(slotFetchCount).toBe(1);
+            expect(slotInjectionPoint).toBe("2021-09-29");
+            expect(monthsLoading).toStrictEqual(newMonthsLoading);
+
+            // All other values are unchanged
+            expect(newState).toStrictEqual(oldState);
+        });
     });
 
     it("SET_FOCUS", async () => {
@@ -423,58 +533,104 @@ describe("Date Time Picker status reducer", () => {
         expect(newState).toStrictEqual(oldState);
     });
 
-    it("SELECT_DAY", async () => {
-        const oldState = { ...startingState };
-        const date = "2021-10-04";
-        const result = statusReducer(oldState, {
-            type: "SELECT_DAY",
-            day: date,
+    describe("SELECT_DAY", () => {
+        it("SELECT_DAY", async () => {
+            const oldState = { ...startingState };
+            const date = "2021-10-04";
+            const result = statusReducer(oldState, {
+                type: "SELECT_DAY",
+                day: date,
+            });
+
+            const expectedDaySlots = [
+                {
+                    start: "2021-10-04T09:00:00Z",
+                    end: "2021-10-04T10:00:00Z",
+                    participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                },
+                {
+                    start: "2021-10-04T10:00:00Z",
+                    end: "2021-10-01T11:00:00Z",
+                    participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                },
+                {
+                    start: "2021-10-04T11:00:00Z",
+                    end: "2021-10-04T12:00:00Z",
+                    participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                },
+                {
+                    start: "2021-10-04T15:00:00Z",
+                    end: "2021-10-04T16:00:00Z",
+                    participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                },
+                {
+                    start: "2021-10-04T17:00:00Z",
+                    end: "2021-10-04T18:00:00Z",
+                    participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                },
+            ];
+
+            delete oldState.selectedDay;
+            delete oldState.focusedDay;
+            delete oldState.focusedSlot;
+            delete oldState.columnView;
+            delete oldState.daySlots;
+
+            const {
+                selectedDay,
+                focusedDay,
+                focusedSlot,
+                columnView,
+                daySlots,
+                ...newState
+            } = result;
+
+            // These values have been updated
+            expect(selectedDay).toBe(date);
+            expect(focusedDay).toBe(date);
+            expect(focusedSlot).toBe("2021-10-04T09:00:00Z");
+            expect(daySlots).toStrictEqual(expectedDaySlots);
+            expect(columnView).toBe("slots");
+            // All other values are unchanged
+            expect(newState).toStrictEqual(oldState);
         });
 
-        const expectedDaySlots = [
-            {
-                start: "2021-10-04T09:00:00Z",
-                end: "2021-10-04T10:00:00Z",
-                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
-            },
-            {
-                start: "2021-10-04T10:00:00Z",
-                end: "2021-10-01T11:00:00Z",
-                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
-            },
-            {
-                start: "2021-10-04T11:00:00Z",
-                end: "2021-10-04T12:00:00Z",
-                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
-            },
-            {
-                start: "2021-10-04T15:00:00Z",
-                end: "2021-10-04T16:00:00Z",
-                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
-            },
-            {
-                start: "2021-10-04T17:00:00Z",
-                end: "2021-10-04T18:00:00Z",
-                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
-            },
-        ];
+        it("SELECT_DAY for sequenced slots", async () => {
+            const oldState = {
+                ...startingState,
+                slots: testSequencedSlotsAObject,
+                sequenced_availability: true,
+            };
+            const date = "2021-09-29";
+            const result = statusReducer(oldState, {
+                type: "SELECT_DAY",
+                day: date,
+            });
 
-        delete oldState.selectedDay;
-        delete oldState.focusedDay;
-        delete oldState.focusedSlot;
-        delete oldState.columnView;
-        delete oldState.daySlots;
+            delete oldState.selectedDay;
+            delete oldState.focusedDay;
+            delete oldState.focusedSlot;
+            delete oldState.columnView;
+            delete oldState.daySlots;
 
-        const { selectedDay, focusedDay, focusedSlot, columnView, daySlots, ...newState } = result;
+            const {
+                selectedDay,
+                focusedDay,
+                focusedSlot,
+                columnView,
+                daySlots,
+                ...newState
+            } = result;
 
-        // These values have been updated
-        expect(selectedDay).toBe(date);
-        expect(focusedDay).toBe(date);
-        expect(focusedSlot).toBe("2021-10-04T09:00:00Z");
-        expect(daySlots).toStrictEqual(expectedDaySlots);
-        expect(columnView).toBe("slots");
-        // All other values are unchanged
-        expect(newState).toStrictEqual(oldState);
+            // These values have been updated
+            expect(selectedDay).toBe(date);
+            expect(focusedDay).toBe(date);
+            expect(focusedSlot).toBe("2021-09-29T08:00:00Z");
+            expect(daySlots).toStrictEqual(testDaySequencedSlots);
+            expect(columnView).toBe("slots");
+            // All other values are unchanged
+            expect(newState).toStrictEqual(oldState);
+        });
     });
 
     describe("SELECT_MONTH", () => {
@@ -621,30 +777,72 @@ describe("Date Time Picker status reducer", () => {
             });
         });
     });
-    it("SELECT_SLOT", async () => {
-        const oldState = { ...startingState };
-        const slot = {
-            start: "2021-09-30T14:00:00Z",
-            end: "2021-09-30T15:00:00Z",
-            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
-        };
-        const result = statusReducer(oldState, {
-            type: "SELECT_SLOT",
-            slot: slot,
+
+    describe("SELECT_SLOT", () => {
+        it("SELECT_SLOT", async () => {
+            const oldState = { ...startingState };
+            const slot = {
+                start: "2021-09-30T14:00:00Z",
+                end: "2021-09-30T15:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            };
+            const result = statusReducer(oldState, {
+                type: "SELECT_SLOT",
+                slot: slot,
+            });
+
+            delete oldState.selected;
+            delete oldState.focusedSlot;
+            delete oldState.columnView;
+
+            const { selected, focusedSlot, columnView, ...newState } = result;
+
+            // These values have been updated
+            expect(selected).toStrictEqual(slot);
+            expect(focusedSlot).toBe("2021-09-30T14:00:00Z");
+            expect(columnView).toBe("confirm");
+            // All other values are unchanged
+            expect(newState).toStrictEqual(oldState);
         });
 
-        delete oldState.selected;
-        delete oldState.focusedSlot;
-        delete oldState.columnView;
+        it("SELECT_SLOT for sequenced availability", async () => {
+            const oldState = { ...startingState };
+            const slot = {
+                start: "2021-09-29T10:00:00Z",
+                end: "2021-09-29T11:30:00Z",
+                sequence: [
+                    {
+                        sequence_id: "test-one",
+                        start: "2021-09-29T10:00:00Z",
+                        end: "2021-09-29T11:00:00Z",
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                    },
+                    {
+                        sequence_id: "test-two",
+                        start: "2021-09-29T11:00:00Z",
+                        end: "2021-09-29T11:30:00Z",
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                    },
+                ],
+            };
+            const result = statusReducer(oldState, {
+                type: "SELECT_SLOT",
+                slot: slot,
+            });
 
-        const { selected, focusedSlot, columnView, ...newState } = result;
+            delete oldState.selected;
+            delete oldState.focusedSlot;
+            delete oldState.columnView;
 
-        // These values have been updated
-        expect(selected).toStrictEqual(slot);
-        expect(focusedSlot).toBe("2021-09-30T14:00:00Z");
-        expect(columnView).toBe("confirm");
-        // All other values are unchanged
-        expect(newState).toStrictEqual(oldState);
+            const { selected, focusedSlot, columnView, ...newState } = result;
+
+            // These values have been updated
+            expect(selected).toStrictEqual(slot);
+            expect(focusedSlot).toBe("2021-09-29T10:00:00Z");
+            expect(columnView).toBe("confirm");
+            // All other values are unchanged
+            expect(newState).toStrictEqual(oldState);
+        });
     });
 
     it("SELECT_TZID", async () => {

package/tests/DateTimePicker/dummy-data.js

@@ -266,6 +266,137 @@ export const testSlotsArrayAdditional = [
     },
 ];
 
+export const testSequencedSlotsArray = [
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-09-29T08:00:00Z",
+                end: "2021-09-29T09:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-09-29T09:00:00Z",
+                end: "2021-09-29T09:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-09-29T10:00:00Z",
+                end: "2021-09-29T11:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-09-29T11:00:00Z",
+                end: "2021-09-29T11:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-09-30T08:00:00Z",
+                end: "2021-09-30T09:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-09-30T09:00:00Z",
+                end: "2021-09-30T09:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-09-30T10:00:00Z",
+                end: "2021-09-30T11:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-09-30T11:00:00Z",
+                end: "2021-09-30T11:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-09-30T11:30:00Z",
+                end: "2021-09-30T12:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-09-30T12:30:00Z",
+                end: "2021-09-30T13:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-10-01T08:00:00Z",
+                end: "2021-10-01T09:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-10-01T09:00:00Z",
+                end: "2021-10-01T09:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-10-04T08:00:00Z",
+                end: "2021-10-04T09:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-10-04T09:00:00Z",
+                end: "2021-10-04T09:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+    {
+        sequence: [
+            {
+                sequence_id: "test-one",
+                start: "2021-10-04T10:00:00Z",
+                end: "2021-10-04T11:00:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+            {
+                sequence_id: "test-two",
+                start: "2021-10-04T11:00:00Z",
+                end: "2021-10-04T11:30:00Z",
+                participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+            },
+        ],
+    },
+];
+
 export const testSlotsObject = {
     "2021-09-29T08:00:00Z": {
         start: "2021-09-29T08:00:00Z",
@@ -402,6 +533,121 @@ export const testSlotsObjectPartial = {
     },
 };
 
+export const testSequencedSlotsAObject = {
+    "2021-09-29T08:00:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-09-29T08:00:00Z",
+            end: "2021-09-29T09:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-09-29T09:00:00Z",
+            end: "2021-09-29T09:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    "2021-09-29T10:00:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-09-29T10:00:00Z",
+            end: "2021-09-29T11:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-09-29T11:00:00Z",
+            end: "2021-09-29T11:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    "2021-09-30T08:00:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-09-30T08:00:00Z",
+            end: "2021-09-30T09:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-09-30T09:00:00Z",
+            end: "2021-09-30T09:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    "2021-09-30T10:00:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-09-30T10:00:00Z",
+            end: "2021-09-30T11:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-09-30T11:00:00Z",
+            end: "2021-09-30T11:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    "2021-09-30T11:30:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-09-30T11:30:00Z",
+            end: "2021-09-30T12:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-09-30T12:30:00Z",
+            end: "2021-09-30T13:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    "2021-10-01T08:00:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-10-01T08:00:00Z",
+            end: "2021-10-01T09:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-10-01T09:00:00Z",
+            end: "2021-10-01T09:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    "2021-10-04T08:00:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-10-04T08:00:00Z",
+            end: "2021-10-04T09:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-10-04T09:00:00Z",
+            end: "2021-10-04T09:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    "2021-10-04T10:00:00Z": [
+        {
+            sequence_id: "test-one",
+            start: "2021-10-04T10:00:00Z",
+            end: "2021-10-04T11:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-10-04T11:00:00Z",
+            end: "2021-10-04T11:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+};
+
 export const testDaySlots = [
     {
         start: "2021-09-29T08:00:00Z",
@@ -419,3 +665,34 @@ export const testDaySlots = [
         participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
     },
 ];
+
+export const testDaySequencedSlots = [
+    [
+        {
+            sequence_id: "test-one",
+            start: "2021-09-29T08:00:00Z",
+            end: "2021-09-29T09:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-09-29T09:00:00Z",
+            end: "2021-09-29T09:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+    [
+        {
+            sequence_id: "test-one",
+            start: "2021-09-29T10:00:00Z",
+            end: "2021-09-29T11:00:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+        {
+            sequence_id: "test-two",
+            start: "2021-09-29T11:00:00Z",
+            end: "2021-09-29T11:30:00Z",
+            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+        },
+    ],
+];