react-calendly - npm Package Compare versions

Comparing version 4.3.0 to 4.3.1

dist/index.es.js

@@ -106,2 +106,3 @@ import * as React from 'react';
     CalendlyEvent["EVENT_SCHEDULED"] = "calendly.event_scheduled";
+    CalendlyEvent["PAGE_HEIGHT"] = "calendly.page_height";
 })(CalendlyEvent || (CalendlyEvent = {}));
@@ -244,3 +245,3 @@ var formatCalendlyUrl = function (_a) {
             utm: this.props.utm,
-            embedType: "PopupWidget",
+            embedType: "Inline",
         });
@@ -341,3 +342,3 @@ var LoadingSpinner$1 = this.props.LoadingSpinner || LoadingSpinner;
 function useCalendlyEventListener(eventHandlers) {
-    var _a = eventHandlers || {}, onDateAndTimeSelected = _a.onDateAndTimeSelected, onEventScheduled = _a.onEventScheduled, onEventTypeViewed = _a.onEventTypeViewed, onProfilePageViewed = _a.onProfilePageViewed;
+    var _a = eventHandlers || {}, onDateAndTimeSelected = _a.onDateAndTimeSelected, onEventScheduled = _a.onEventScheduled, onEventTypeViewed = _a.onEventTypeViewed, onProfilePageViewed = _a.onProfilePageViewed, onPageHeightResize = _a.onPageHeightResize;
     React.useEffect(function () {
@@ -358,2 +359,5 @@ var onMessage = function (e) {
             }
+            else if (eventName === CalendlyEvent.PAGE_HEIGHT) {
+                onPageHeightResize && onPageHeightResize(e);
+            }
         };
@@ -360,0 +364,0 @@ window.addEventListener(EVENT_NAME, onMessage);

dist/index.js

@@ -128,2 +128,3 @@ 'use strict';
     CalendlyEvent["EVENT_SCHEDULED"] = "calendly.event_scheduled";
+    CalendlyEvent["PAGE_HEIGHT"] = "calendly.page_height";
 })(CalendlyEvent || (CalendlyEvent = {}));
@@ -266,3 +267,3 @@ var formatCalendlyUrl = function (_a) {
             utm: this.props.utm,
-            embedType: "PopupWidget",
+            embedType: "Inline",
         });
@@ -363,3 +364,3 @@ var LoadingSpinner$1 = this.props.LoadingSpinner || LoadingSpinner;
 function useCalendlyEventListener(eventHandlers) {
-    var _a = eventHandlers || {}, onDateAndTimeSelected = _a.onDateAndTimeSelected, onEventScheduled = _a.onEventScheduled, onEventTypeViewed = _a.onEventTypeViewed, onProfilePageViewed = _a.onProfilePageViewed;
+    var _a = eventHandlers || {}, onDateAndTimeSelected = _a.onDateAndTimeSelected, onEventScheduled = _a.onEventScheduled, onEventTypeViewed = _a.onEventTypeViewed, onProfilePageViewed = _a.onProfilePageViewed, onPageHeightResize = _a.onPageHeightResize;
     React__namespace.useEffect(function () {
@@ -380,2 +381,5 @@ var onMessage = function (e) {
             }
+            else if (eventName === CalendlyEvent.PAGE_HEIGHT) {
+                onPageHeightResize && onPageHeightResize(e);
+            }
         };
@@ -382,0 +386,0 @@ window.addEventListener(EVENT_NAME, onMessage);

dist/typings/calendly.d.ts

@@ -31,3 +31,4 @@ /// <reference types="react" />
     DATE_AND_TIME_SELECTED = "calendly.date_and_time_selected",
-    EVENT_SCHEDULED = "calendly.event_scheduled"
+    EVENT_SCHEDULED = "calendly.event_scheduled",
+    PAGE_HEIGHT = "calendly.page_height"
 }
@@ -34,0 +35,0 @@ export type Utm = Optional<{

dist/typings/components/hooks/useCalendlyEventListener.d.ts

@@ -35,2 +35,12 @@ import { CalendlyEvent } from "../../calendly";
 }>;
+export type PageHeightResizeEvent = MessageEvent<{
+    event: CalendlyEvent.PAGE_HEIGHT;
+    payload: {
+        /**
+           * @description The height of the Calendly scheduling page in pixels.
+           * @example 1200px
+           */
+        height: string;
+    };
+}>;
 export type CalendlyEventHandlers = {
@@ -41,3 +51,4 @@ onDateAndTimeSelected?: (e: DateAndTimeSelectedEvent) => any;
     onProfilePageViewed?: (e: ProfilePageViewedEvent) => any;
+    onPageHeightResize?: (e: PageHeightResizeEvent) => any;
 };
 export default function useCalendlyEventListener(eventHandlers: CalendlyEventHandlers): void;

package.json

 {
   "name": "react-calendly",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "Calendly integration for React apps",
@@ -5,0 +5,0 @@ "author": "tcampb",

README.md

@@ -119,2 +119,3 @@ # react-calendly
     onEventScheduled: (e) => console.log(e.data.payload),
+    onPageHeightResize: (e) => console.log(e.data.payload.height),
   });
@@ -121,0 +122,0 @@

typings/calendly.d.ts

@@ -31,3 +31,4 @@ /// <reference types="react" />
     DATE_AND_TIME_SELECTED = "calendly.date_and_time_selected",
-    EVENT_SCHEDULED = "calendly.event_scheduled"
+    EVENT_SCHEDULED = "calendly.event_scheduled",
+    PAGE_HEIGHT = "calendly.page_height"
 }
@@ -34,0 +35,0 @@ export type Utm = Optional<{

typings/components/hooks/useCalendlyEventListener.d.ts

@@ -35,2 +35,12 @@ import { CalendlyEvent } from "../../calendly";
 }>;
+export type PageHeightResizeEvent = MessageEvent<{
+    event: CalendlyEvent.PAGE_HEIGHT;
+    payload: {
+        /**
+           * @description The height of the Calendly scheduling page in pixels.
+           * @example 1200px
+           */
+        height: string;
+    };
+}>;
 export type CalendlyEventHandlers = {
@@ -41,3 +51,4 @@ onDateAndTimeSelected?: (e: DateAndTimeSelectedEvent) => any;
     onProfilePageViewed?: (e: ProfilePageViewedEvent) => any;
+    onPageHeightResize?: (e: PageHeightResizeEvent) => any;
 };
 export default function useCalendlyEventListener(eventHandlers: CalendlyEventHandlers): void;

No alert changes

Improved metrics

Total package byte prevSize

79447

increased by1.65%

Lines of code

1409

increased by2.32%

Number of lines in readme file

283

increased by0.35%

No dependency changes