cronofy-elements 1.43.0 → 1.44.0

package/demo/date-time-picker.ejs

@@ -22,25 +22,6 @@
     <div id="cronofy-date-time-picker-two"></div>
     <hr>
     <div class="wrapper">
-        <div class="column">
-            <h2>Consectetur adipisicing elit</h2>
-            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. <a href="/">Voluptate sed ex totam odit</a> quae hic voluptatibus, quisquam dicta animi laborum velit laboriosam, placeat suscipit tenetur voluptates! Illo tempora minus animi.</p>
-            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quidem consequuntur repudiandae nesciunt, totam dicta earum deleniti magnam eveniet eligendi sunt adipisci veniam esse aliquid aperiam corporis optio fuga tempora sit!</p>
-        </div>
-        <div class="column">
-            <h2>Est deserunt non quis do quis nostrud ad exercitation proident incididunt.</h2>
-            <p>Excepturi dicta neque ut, a expedita quaerat, tempore dolor placeat quibusdam cumque ipsam cum officia voluptate, ea fuga optio necessitatibus inventore tempora?</p>
-            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus nisi eveniet voluptas provident esse beatae minus at error dignissimos neque? Temporibus velit numquam aut labore porro neque ipsum, deleniti a?</p>
-            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sunt eligendi, error quos nulla dolorem alias corrupti iste fugiat deleniti nam unde, porro provident a voluptatem at voluptates, dolores sed!</p>
-        </div>
-    </div>
-    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus nisi eveniet voluptas provident esse beatae minus at error dignissimos neque? Temporibus velit numquam aut labore porro neque ipsum, deleniti a?</p>
-    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis saepe maxime corporis nemo hic rerum porro in repudiandae? Libero eligendi impedit reiciendis exercitationem fuga ex eos aliquid itaque facere corrupti.</p>    
-    <hr>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sunt eligendi, error quos nulla dolorem alias corrupti iste fugiat deleniti nam unde, porro provident a voluptatem at voluptates, dolores sed!</p>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum commodi fuga laboriosam? Quas officiis doloremque iure modi, ipsam dolore ad illum saepe et voluptatum quis tempore ullam dolor, sequi nulla!</p>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sunt eligendi, error quos nulla dolorem alias corrupti iste fugiat deleniti nam unde, porro provident a voluptatem at voluptates, dolores sed!</p>
-
     <script>
         const locale = "<%= locale %>";
 
@@ -225,8 +206,7 @@
                     ],
                     required_duration: { minutes: 30 },
                     query_periods: [
-                        { start: slotTimes(1,"23:00"), end: slotTimes(2,"01:00") },
-                        { start: slotTimes(2,"23:00"), end: slotTimes(3,"01:00") }
+                        { start: slotTimes(1,"23:00"), end: slotTimes(100,"01:00") },
                     ]
                 },
                 config: {
@@ -235,8 +215,15 @@
                 styles: {
                     prefix: "SP2",
                     colors: {
-                      buttonTextHover: "red",
-                      buttonHoverText: "orange"
+                      button: "#9977FF",
+                      buttonActive: "#5088FF",
+                      buttonHover: "#AACCFF",
+                      buttonHoverText: "#50AAFF",
+                      buttonTextHover: "#AA50FF",
+                      neutralDark: "#403040",
+                      neutral: "#A03040",
+                      neutralLight: "#F05080",
+
                     }
                 },
                 callback: slot => console.log('callback',slot),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "cronofy-elements",
-    "version": "1.43.0",
+    "version": "1.44.0",
     "description": "Fast track scheduling with Cronofy's embeddable UI Elements",
     "main": "build/npm/CronofyElements.js",
     "scripts": {
@@ -65,7 +65,7 @@
         "css-loader": "^5.2.4",
         "deepmerge": "^2.2.1",
         "ejs": "^2.7.4",
-        "eslint": "^7.32.0",
+        "eslint": "^7.32",
         "eslint-config-prettier": "^8.3.0",
         "eslint-loader": "^4.0.2",
         "eslint-plugin-import": "^2.24.1",
@@ -94,8 +94,8 @@
         "react-emotion": "^9.2.12",
         "react-select": "^2.4.2",
         "react-transition-group": "^4.4.1",
-        "sass-loader": "^11.1.1",
-        "style-loader": "^2.0.0",
+        "sass-loader": "^12.1.1",
+        "style-loader": "^3.0.0",
         "terser-webpack-plugin": "^5.1.2",
         "webpack": "^5.37.0",
         "webpack-bundle-analyzer": "^4.4.1",

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

@@ -68,6 +68,12 @@ export const statusReducer = (state, action) => {
         }
 
         case "NO_SLOTS_FOUND": {
+            const notification = {
+                notification: {
+                    type: "no_slots_found",
+                },
+            };
+            state.callback(notification);
             return { ...state, columnView: "no-slots" };
         }
 

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

@@ -215,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);
     });