cronofy-elements 1.44.1 → 1.47.0

package/tests/AvailabilityRules/__snapshots__/AvailabilityRules.test.js.snap

@@ -125,7 +125,7 @@ exports[`Snapshot test of Availability Rules Elements renders AvailabilityRules
 }
 
 .emotion-1 {
-  z-index: 2;
+  z-index: 5;
   position: relative;
   width: 100%;
   display: -webkit-box;
@@ -562,6 +562,7 @@ exports[`Snapshot test of Availability Rules Elements renders AvailabilityRules
   display: -ms-flexbox;
   display: flex;
   width: 100%;
+  padding-right: 1em;
 }
 
 @media (max-width:650px) {
@@ -571,6 +572,11 @@ exports[`Snapshot test of Availability Rules Elements renders AvailabilityRules
 }
 
 .emotion-58 {
+  padding: 0.3em 0.6em 0 0;
+  margin: 0;
+}
+
+.emotion-59 {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -598,7 +604,7 @@ exports[`Snapshot test of Availability Rules Elements renders AvailabilityRules
 }
 
 <div
-  class="PREFIX emotion-0"
+  class="PREFIX AR emotion-0"
 >
   <div
     class="PREFIX__calendars emotion-1"
@@ -999,12 +1005,37 @@ exports[`Snapshot test of Availability Rules Elements renders AvailabilityRules
     <div
       class="PREFIX__timezone emotion-57"
     >
-      Time Zone
-      : 
-      London
+      <p
+        class="emotion-58"
+      >
+        Time Zone
+      </p>
+      <div
+        class="PREFIX__timezone-selector AR__timezone-selector"
+      >
+        <button
+          aria-expanded="false"
+          aria-haspopup="listbox"
+          aria-label="Choose a timezone"
+          class="PREFIX__timezone-selector--button AR__timezone-selector--button"
+          id="timezone-button"
+          type="button"
+        >
+          London
+          <svg
+            aria-hidden="true"
+            class="PREFIX__timezone-selector--icon AR__timezone-selector--icon"
+            viewBox="0 0 13 7"
+          >
+            <path
+              d="M.809 1.315L2.124 0l4.383 4.342L10.876.013l1.315 1.302L6.507 7l-.939-.938z"
+            />
+          </svg>
+        </button>
+      </div>
     </div>
     <button
-      class="PREFIX__submit emotion-58"
+      class="PREFIX__submit emotion-59"
       type="button"
     >
       Save new rules

package/tests/DateTimePicker/SequencedSlotButton.test.js

@@ -7,7 +7,7 @@ import SequencedSlotButton from "../../src/js/components/DateTimePicker/Sequence
 import { I18nProvider } from "../../src/js/contexts/i18n-context";
 import { ThemeProvider } from "../../src/js/components/DateTimePicker/contexts/theme-context";
 import { StatusProvider } from "../../src/js/components/DateTimePicker/contexts/status-context";
-import { TzProvider } from "../../src/js/components/DateTimePicker/contexts/tz-context";
+import { TzProvider } from "../../src/js/contexts/tz-context";
 
 const wrapper = ({ children, status }) => (
     <ThemeProvider options={{ name: "DTP" }}>

package/tests/DateTimePicker/SlotButton.test.js

@@ -7,7 +7,7 @@ import SlotButton from "../../src/js/components/DateTimePicker/SlotButton";
 import { I18nProvider } from "../../src/js/contexts/i18n-context";
 import { ThemeProvider } from "../../src/js/components/DateTimePicker/contexts/theme-context";
 import { StatusProvider } from "../../src/js/components/DateTimePicker/contexts/status-context";
-import { TzProvider } from "../../src/js/components/DateTimePicker/contexts/tz-context";
+import { TzProvider } from "../../src/js/contexts/tz-context";
 
 const wrapper = ({ children, status }) => (
     <ThemeProvider options={{ name: "DTP" }}>

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

@@ -9,8 +9,9 @@ import {
     testSequencedSlotsArray,
     testDaySlots,
     testDaySequencedSlots,
-    testSequencedSlotsAObject,
+    testSequencedSlotsObject,
     testQuery,
+    testSequencedQuery,
 } from "../dummy-data";
 
 import {
@@ -154,9 +155,39 @@ describe("Date Time Picker status reducer", () => {
         const callbackSpy = jest.spyOn(startingState, "callback");
         const oldState = {
             ...startingState,
-            monthsLoading: [
-                { month: "2021-09", loading: true },
-                { month: "2021-10", loading: true },
+            months: [
+                {
+                    month: "2021-09",
+                    current: true,
+                    loading: false,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-29T08:00:00Z",
+                                end: "2021-09-30T22:59:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
+                },
+                {
+                    month: "2021-10",
+                    current: false,
+                    loading: true,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-30T23:00:00Z",
+                                end: "2021-10-04T18:00:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
+                },
             ],
         };
         const error = {
@@ -191,23 +222,47 @@ describe("Date Time Picker status reducer", () => {
             },
         };
 
-        const newMonthsLoading = [
+        const expectedResultForMonths = [
             {
                 month: "2021-09",
-                loading: true,
+                current: true,
+                loading: false,
+                query: {
+                    max_results: 512,
+                    participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                    query_periods: [
+                        {
+                            start: "2021-09-29T08:00:00Z",
+                            end: "2021-09-30T22:59:00Z",
+                        },
+                    ],
+                    required_duration: { minutes: 60 },
+                },
             },
             {
                 month: "2021-10",
+                current: false,
                 loading: false,
+                query: {
+                    max_results: 512,
+                    participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                    query_periods: [
+                        {
+                            start: "2021-09-30T23:00:00Z",
+                            end: "2021-10-04T18:00:00Z",
+                        },
+                    ],
+                    required_duration: { minutes: 60 },
+                },
             },
         ];
 
-        delete oldState.monthsLoading;
+        delete oldState.months;
 
-        const { monthsLoading, ...newState } = result;
+        const { months, ...newState } = result;
 
         // These values have been updated
-        expect(monthsLoading).toStrictEqual(newMonthsLoading);
+        expect(months).toStrictEqual(expectedResultForMonths);
         expect(callbackSpy).toHaveBeenCalled();
         expect(callbackSpy).toHaveBeenCalledWith(expectedNotification);
         // All other values are unchanged
@@ -271,14 +326,38 @@ describe("Date Time Picker status reducer", () => {
                 tzid: "Europe/London",
             });
 
-            const newMonthsLoading = [
+            const expectedResultForMonths = [
                 {
                     month: "2021-09",
+                    current: true,
                     loading: false,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-29T08:00:00Z",
+                                end: "2021-09-30T22:59:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
                 },
                 {
                     month: "2021-10",
+                    current: false,
                     loading: true,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-30T23:00:00Z",
+                                end: "2021-10-04T18:00:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
                 },
             ];
 
@@ -286,14 +365,14 @@ describe("Date Time Picker status reducer", () => {
             delete oldState.availableDays;
             delete oldState.slotFetchCount;
             delete oldState.slotInjectionPoint;
-            delete oldState.monthsLoading;
+            delete oldState.months;
 
             const {
                 slots,
                 availableDays,
                 slotFetchCount,
                 slotInjectionPoint,
-                monthsLoading,
+                months,
                 ...newState
             } = result;
 
@@ -307,7 +386,7 @@ describe("Date Time Picker status reducer", () => {
             ]);
             expect(slotFetchCount).toBe(1);
             expect(slotInjectionPoint).toBe("2021-09-29");
-            expect(monthsLoading).toStrictEqual(newMonthsLoading);
+            expect(months).toStrictEqual(expectedResultForMonths);
 
             // All other values are unchanged
             expect(newState).toStrictEqual(oldState);
@@ -396,26 +475,74 @@ describe("Date Time Picker status reducer", () => {
                 ...startingState,
                 slots: testSlotsObjectPartial,
                 availableDays: ["2021-09-29", "2021-09-30"],
-                monthsLoading: [
+                months: [
                     {
                         month: "2021-09",
+                        current: true,
                         loading: false,
+                        query: {
+                            max_results: 512,
+                            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                            query_periods: [
+                                {
+                                    start: "2021-09-29T08:00:00Z",
+                                    end: "2021-09-30T22:59:00Z",
+                                },
+                            ],
+                            required_duration: { minutes: 60 },
+                        },
                     },
                     {
                         month: "2021-10",
+                        current: false,
                         loading: true,
+                        query: {
+                            max_results: 512,
+                            participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                            query_periods: [
+                                {
+                                    start: "2021-09-30T23:00:00Z",
+                                    end: "2021-10-04T18:00:00Z",
+                                },
+                            ],
+                            required_duration: { minutes: 60 },
+                        },
                     },
                 ],
             };
 
-            const newMonthsLoading = [
+            const expectedResultForMonths = [
                 {
                     month: "2021-09",
+                    current: true,
                     loading: false,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-29T08:00:00Z",
+                                end: "2021-09-30T22:59:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
                 },
                 {
                     month: "2021-10",
+                    current: false,
                     loading: false,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-30T23:00:00Z",
+                                end: "2021-10-04T18:00:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
                 },
             ];
 
@@ -430,14 +557,14 @@ describe("Date Time Picker status reducer", () => {
             delete oldState.slotFetchCount;
             delete oldState.slotInjectionPoint;
             delete oldState.availableDays;
-            delete oldState.monthsLoading;
+            delete oldState.months;
 
             const {
                 slots,
                 slotFetchCount,
                 slotInjectionPoint,
                 availableDays,
-                monthsLoading,
+                months,
                 ...newState
             } = result;
 
@@ -450,7 +577,7 @@ describe("Date Time Picker status reducer", () => {
                 "2021-10-01",
                 "2021-10-04",
             ]);
-            expect(monthsLoading).toStrictEqual(newMonthsLoading);
+            expect(months).toStrictEqual(expectedResultForMonths);
 
             expect(newState).toStrictEqual(oldState);
         });
@@ -458,6 +585,7 @@ describe("Date Time Picker status reducer", () => {
         it("sets sequenced slots", () => {
             const oldState = {
                 ...startingState,
+                query: testSequencedQuery,
                 slots: {},
                 availableDays: [],
                 slotFetchCount: 0,
@@ -472,14 +600,38 @@ describe("Date Time Picker status reducer", () => {
                 tzid: "Europe/London",
             });
 
-            const newMonthsLoading = [
+            const expectedResultForMonths = [
                 {
                     month: "2021-09",
+                    current: true,
                     loading: false,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-29T08:00:00Z",
+                                end: "2021-09-30T22:59:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
                 },
                 {
                     month: "2021-10",
+                    current: false,
                     loading: true,
+                    query: {
+                        max_results: 512,
+                        participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
+                        query_periods: [
+                            {
+                                start: "2021-09-30T23:00:00Z",
+                                end: "2021-10-04T18:00:00Z",
+                            },
+                        ],
+                        required_duration: { minutes: 60 },
+                    },
                 },
             ];
 
@@ -487,19 +639,19 @@ describe("Date Time Picker status reducer", () => {
             delete oldState.availableDays;
             delete oldState.slotFetchCount;
             delete oldState.slotInjectionPoint;
-            delete oldState.monthsLoading;
+            delete oldState.months;
 
             const {
                 slots,
                 availableDays,
                 slotFetchCount,
                 slotInjectionPoint,
-                monthsLoading,
+                months,
                 ...newState
             } = result;
 
             // These values have been updated
-            expect(slots).toStrictEqual(testSequencedSlotsAObject);
+            expect(slots).toStrictEqual(testSequencedSlotsObject);
             expect(availableDays).toStrictEqual([
                 "2021-09-29",
                 "2021-09-30",
@@ -508,7 +660,7 @@ describe("Date Time Picker status reducer", () => {
             ]);
             expect(slotFetchCount).toBe(1);
             expect(slotInjectionPoint).toBe("2021-09-29");
-            expect(monthsLoading).toStrictEqual(newMonthsLoading);
+            expect(months).toStrictEqual(expectedResultForMonths);
 
             // All other values are unchanged
             expect(newState).toStrictEqual(oldState);
@@ -598,7 +750,7 @@ describe("Date Time Picker status reducer", () => {
         it("SELECT_DAY for sequenced slots", async () => {
             const oldState = {
                 ...startingState,
-                slots: testSequencedSlotsAObject,
+                slots: testSequencedSlotsObject,
                 sequenced_availability: true,
             };
             const date = "2021-09-29";
@@ -672,6 +824,7 @@ describe("Date Time Picker status reducer", () => {
                     {
                         month: "2021-09",
                         current: false,
+                        loading: false,
                         query: {
                             max_results: 512,
                             participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
@@ -687,6 +840,7 @@ describe("Date Time Picker status reducer", () => {
                     {
                         month: "2021-10",
                         current: true,
+                        loading: true,
                         query: {
                             max_results: 512,
                             participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
@@ -732,6 +886,7 @@ describe("Date Time Picker status reducer", () => {
                     {
                         month: "2021-09",
                         current: false,
+                        loading: false,
                         query: {
                             max_results: 512,
                             participants: [{ sub: "acc_5f35432b3f07d06753082354" }],
@@ -747,6 +902,7 @@ describe("Date Time Picker status reducer", () => {
                     {
                         month: "2021-10",
                         current: true,
+                        loading: true,
                         query: {
                             max_results: 512,
                             participants: [{ sub: "acc_5f35432b3f07d06753082354" }],