cronofy-elements 1.46.0 → 1.46.1

package/package.json

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

package/src/js/components/AvailabilityRules/Wrapper.js

@@ -115,17 +115,7 @@ const Wrapper = ({ options }) => {
         const allSlots = { ...slots, ...newSlots };
         setSlots(allSlots);
         const newRules = buildNewRules(allSlots);
-        const callbackContent = {
-            notification: {
-                type: "availability_rule_edited",
-            },
-            availability_rule: {
-                ...account,
-                calendar_ids: calendars.active,
-                weekly_periods: newRules,
-            },
-        };
-        status.callback(callbackContent);
+        setRules(newRules);
     };
 
     useEffect(() => {
@@ -148,7 +138,6 @@ const Wrapper = ({ options }) => {
 
     useEffect(() => {
         if (!status.loading && !status.error) {
-            const newRules = buildNewRules(slots);
             const callbackContent = {
                 notification: {
                     type: "availability_rule_edited",
@@ -156,12 +145,12 @@ const Wrapper = ({ options }) => {
                 availability_rule: {
                     ...account,
                     calendar_ids: calendars.active,
-                    weekly_periods: newRules,
+                    weekly_periods: rules,
                 },
             };
             status.callback(callbackContent);
         }
-    }, [calendars]);
+    }, [calendars, account, rules]);
 
     useEffect(() => {
         // Query the API for rules and calendars, but don't do anything until
@@ -295,10 +284,7 @@ const Wrapper = ({ options }) => {
     }, [tz.selectedTzid.tzid]);
 
     const generateRules = () => {
-        const newRules = buildNewRules(slots);
-
-        setRules(newRules);
-        const rulesRequest = { ...account, weekly_periods: newRules };
+        const rulesRequest = { ...account, weekly_periods: rules };
 
         let tempStatus = status;
 

package/src/js/components/generic/TimeZoneSelector.js

@@ -117,6 +117,7 @@ const TimeZoneSelector = ({ locale, theme, tz, setTz }) => {
             <button
                 className={theme.classBuilder("timezone-selector--button")}
                 id="timezone-button"
+                type="button"
                 aria-haspopup="listbox"
                 aria-label="Choose a timezone"
                 aria-expanded={showList}

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

@@ -1019,6 +1019,7 @@ exports[`Snapshot test of Availability Rules Elements renders AvailabilityRules
           aria-label="Choose a timezone"
           class="PREFIX__timezone-selector--button AR__timezone-selector--button"
           id="timezone-button"
+          type="button"
         >
           London
           <svg