@nylas/web-elements 1.1.0-canary.16 → 1.1.0-canary.18

package/dist/cjs/nylas-booking-form.cjs.entry.js

@@ -236,7 +236,7 @@ const NylasBookingForm = class {
         this.updateAdditionalFields(event.detail.label, event.detail.checked ? 'true' : 'false', 'checkbox');
     }
     render() {
-        return (index.h(index.Host, { key: '5a4ca2feb2f89ada6abada8dd3f6dc4909cb3500' }, index.h("form", { key: '1df9fb2f5a519f4e3ed189f9a11623caa86f3dee', onSubmit: e => this.bookButtonClickedHandler(e), noValidate: true }, index.h("div", { key: '86a4548532291a4aec3f004eeeb6edde6064248b', class: "nylas-booking-form" }, index.h("div", { key: '7749795a2086658ef53cbe1e6dfa073b29b8b880', class: "input-wrapper" }, index.h("input-component", { key: 'b2fd6473fa91b144cb2a23d1db9059f7aafce20b', label: "Name", name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.name, placeholder: "Enter your name", type: "text", required: true, part: "nbf__input-textfield" })), index.h("div", { key: 'cf6fca8e8ced455047b555905e5b21ad7307505d', class: "input-wrapper" }, index.h("input-component", { key: '0a5639811623911f7ed59fa12bd45ceb76ae0373', label: "Email", name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.email, placeholder: "Enter your email", type: "email", required: true, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (index.h("div", { class: "input-wrapper" }, this.guestEmails.map((email, index$1) => (index.h("div", { class: "input-wrapper button-wrapper" }, index.h("label", { class: {
+        return (index.h(index.Host, { key: '1b81fd4591cd90c85a578a8d957ed561e457cba5' }, index.h("form", { key: '4a4fef983332d1752ccf44823620ec2b906bf71e', onSubmit: e => this.bookButtonClickedHandler(e), noValidate: true }, index.h("div", { key: 'e55ebf5bb6fbb5175e6175d06ce0e0a5266962cf', class: "nylas-booking-form" }, index.h("div", { key: 'd50d5fdbc7b68b3c54098a6dde600ed52c607eed', class: "input-wrapper" }, index.h("input-component", { key: 'a299cb5d2043e5fedd6f5f66889d7640e74b8b55', label: "Name", name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.name, placeholder: "Enter your name", type: "text", required: true, part: "nbf__input-textfield" })), index.h("div", { key: '0d095468473009d67120d668f5e961ca4d90c16d', class: "input-wrapper" }, index.h("input-component", { key: 'e81345e3aca7fa9cd0a90be50f81cfa544a23336', label: "Email", name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.email, placeholder: "Enter your email", type: "email", required: true, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (index.h("div", { class: "input-wrapper" }, this.guestEmails.map((email, index$1) => (index.h("div", { class: "input-wrapper button-wrapper" }, index.h("label", { class: {
                 error: !!this.guestEmailErrors[index$1],
             } }, "Guest email"), index.h("div", { class: "guest-email-input" }, index.h("input", { type: "email", id: `guest-email-${index$1}`, maxLength: 100, class: {
                 'guest-email': true,
@@ -244,7 +244,7 @@ const NylasBookingForm = class {
             }, placeholder: "Enter guest email", value: email, "data-index": index$1, part: "nbf__input-textfield", onBlur: (e) => this.handleGuestBlur(index$1, e.target?.value), onInput: (e) => this.handleGuestChange(index$1, e.target?.value) }), index.h("button-component", { variant: "basic", onClick: (e) => this.removeGuestButtonClickHandler(e, index$1), class: {
                 'remove-guest': true,
                 'error': !!this.guestEmailErrors[index$1],
-            } }, index.h("close-icon", null))), index.h("p", { class: "help-text" }, this.guestEmailErrors[index$1])))), index.h("button-component", { class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: e => this.addGuestButtonClickedHandler(e) }, index.h("div", { class: "button-content" }, index.h("add-circle-icon", { slot: "icon" }), "Add ", this.guestEmails.length > 0 ? 'another ' : '', "guest")))), index.h("slot", { key: 'd853e1e084cb8c769fa0eb0b1e94b09473f6e670', name: "custom-booking-form" })), index.h("div", { key: '5239eabf55e8be79d1c17b71c6d7f392f563d54d', class: "cta" }, index.h("sp-button", { key: '7b11d64985c876327144ef026934357b37b09cb2', treatment: "outline", variant: "secondary", class: 'back', part: "nbf__button-outline", onClick: this.handleBackButtonClicked }, index.h("slot", { key: '160c368859256544a236a6a010f06eab039dc2ce', name: "booking-form-back-label" }, "Back")), index.h("sp-button", { key: '6f6c79cf9d8bef6178af788e427f62262d873738', variant: "primary", class: 'book', part: "nbf__button-primary", type: "submit" }, this.isLoading && index.h("loading-icon", { slot: "icon" }), index.h("slot", { key: '6fedba0ecc756ceb8941158b6620cdf1df6fe3c0', name: "booking-form-book-label" }, "Book now"))))));
+            } }, index.h("close-icon", null))), index.h("p", { class: "help-text" }, this.guestEmailErrors[index$1])))), index.h("button-component", { class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: e => this.addGuestButtonClickedHandler(e) }, index.h("div", { class: "button-content" }, index.h("add-circle-icon", { slot: "icon" }), "Add ", this.guestEmails.length > 0 ? 'another ' : '', "guest")))), index.h("slot", { key: 'f47bffdf6a15943c78d4bb75051d0f6704afd623', name: "custom-booking-form" })), index.h("div", { key: '12631d6648d7ebdc9e6714a54690486d53c8c623', class: "cta" }, index.h("sp-button", { key: 'a72caa2eb6b5d95ee83600aa37e89730bfd68fdb', treatment: "outline", variant: "secondary", class: 'back', part: "nbf__button-outline", onClick: this.handleBackButtonClicked }, index.h("slot", { key: 'be107ab400cb5802c6153217cde54b75ccede466', name: "booking-form-back-label" }, "Back")), index.h("sp-button", { key: 'd6f322389050d4cbbb1aada135b27b6bc4d34d6d', variant: "primary", class: 'book', part: "nbf__button-primary", type: "submit" }, this.isLoading && index.h("loading-icon", { slot: "icon" }), index.h("slot", { key: '17ee459bee19ba620505e9931ccd4a485f530ecc', name: "booking-form-book-label" }, "Book now"))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nylas-cancel-booking-form.cjs.entry.js

@@ -76,7 +76,7 @@ const NylasCancelBookingForm = class {
         utils.debug(`[nylas-cancel-booking-form] Component disconnected`);
     }
     render() {
-        return (index.h(index.Host, { key: '073a93d34ef7f08acaa827d0e5f391481572c447', part: "ncec" }, index.h("sp-theme", { key: 'b2183d3473931a5d1dd18dfdbe32fed0128d5dc1', theme: "spectrum", scale: "medium" }, index.h("div", { key: 'f9147a9d4041b5848bd11f06da7c96e98af3d9bd', class: "nylas-cancel-booking-form", part: "ncec__card" }, index.h("div", { key: '15da6ffbfe870b80bd057415469a4c94c1b3a243', class: "nylas-cancel-booking-form__calendar-icon", part: "ncec__icon" }, index.h("calendar-cancel-icon", { key: 'f3f36d408dbbe9717ff2ca13981714c36a4ba160' })), index.h("h3", { key: '56cd0d658ba9a1c63cd0017514a190c42796dbf4', class: "nylas-cancel-booking-form__title", part: "ncec__title" }, "Cancel booking?"), index.h("div", { key: 'db6672c70cc566544ec748f9c7a7426000e0c619', class: "nylas-cancel-booking-form__description", part: "ncec__description" }, this.cancellationPolicy), index.h("form", { key: 'd227b962561915e823a151a289b135c1d9065510', onSubmit: this.handleSubmitCancelBooking }, index.h("sp-field-label", { key: '42eea73d2ffb041b90fbdffdc0c7e16603eee949', for: "cancel-reason", class: this.cancellationError ? 'error' : '' }, "Reason for cancellation ", index.h("span", { key: '57978569e7bd5828b9dfaee053de9a8fae0892d5', class: "required" }, "*")), index.h("sp-textfield", { key: '08eb8ef56d7536053939086f5da1d5137e43b201', id: "cancel-reason", class: this.cancellationError ? 'error' : '', part: "ncec__reason-textarea", multiline: true, value: this.cancellationReason, onInput: this.handleOnChangeCancellationReason, onFocus: this.handleOnChangeCancellationReason, invalid: !!this.cancellationError }, index.h("sp-help-text", { key: 'dd985c41efd6427e1cec09874caee5c5d345c1cb', slot: "negative-help-text" }, this.cancellationError)), index.h("sp-button", { key: '97705e808b56f0d373dc1fa705fd61b912ed643e', variant: "primary", class: "cancel", type: "submit", part: "ncec__button-cta" }, "Cancel booking"), index.h("sp-button", { key: '21ae78e3492ad79cbee485709bb863c29f4b041f', variant: "secondary", class: "back", treatment: "outline", part: "ncec__button-outline", onClick: this.handleGoBackClicked }, "Go back"))))));
+        return (index.h(index.Host, { key: '83015809da357a47d70c5bae845c8608924b6a31', part: "ncec" }, index.h("sp-theme", { key: '11d3b28a88081d5ecccfbb78ee6347a7856899e3', theme: "spectrum", scale: "medium" }, index.h("div", { key: '5d2750f253c1aff61c1d973529ce2f7fa65c4206', class: "nylas-cancel-booking-form", part: "ncec__card" }, index.h("div", { key: '36a8dd00a5eda62f2f8f9740bf447f0b50e81b9e', class: "nylas-cancel-booking-form__calendar-icon", part: "ncec__icon" }, index.h("calendar-cancel-icon", { key: '7bfaf1ffaa9a3bb288bc0e3f11c8c9ed7a4d2c9a' })), index.h("h3", { key: '74fff12d4aa0311d817348a4694042d2242f30cd', class: "nylas-cancel-booking-form__title", part: "ncec__title" }, "Cancel booking?"), index.h("div", { key: '647a02657fe9570c87b14ef7de0cc0fc713efb21', class: "nylas-cancel-booking-form__description", part: "ncec__description" }, this.cancellationPolicy), index.h("form", { key: 'bb680b4a5a7203d44d08529b0d8b3224b51c2986', onSubmit: this.handleSubmitCancelBooking }, index.h("sp-field-label", { key: '401994e31c7f7bf65b8403a42b14a56e928d92f3', for: "cancel-reason", class: this.cancellationError ? 'error' : '' }, "Reason for cancellation ", index.h("span", { key: '361907af2362f4fd09af7638c82de7320efe0072', class: "required" }, "*")), index.h("sp-textfield", { key: 'd7e672672f0a7250104080f69f4e96de9321c537', id: "cancel-reason", class: this.cancellationError ? 'error' : '', part: "ncec__reason-textarea", multiline: true, value: this.cancellationReason, onInput: this.handleOnChangeCancellationReason, onFocus: this.handleOnChangeCancellationReason, invalid: !!this.cancellationError }, index.h("sp-help-text", { key: 'd3bcfae8ae55ec910005c128f24d74ed34f1bf48', slot: "negative-help-text" }, this.cancellationError)), index.h("sp-button", { key: '23efceafbfcb073b0808f65ae110f31bcbfb7722', variant: "primary", class: "cancel", type: "submit", part: "ncec__button-cta" }, "Cancel booking"), index.h("sp-button", { key: '7030276dae50deab5549a64a3def7b4cb783e8d5', variant: "secondary", class: "back", treatment: "outline", part: "ncec__button-outline", onClick: this.handleGoBackClicked }, "Go back"))))));
     }
     static get watchers() { return {
         "configSettings": ["configSettingsChangedHandler"]

package/dist/cjs/nylas-cancellation-policy.cjs.entry.js

@@ -72,7 +72,7 @@ const NylasCancellationPolicy = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (index.h(index.Host, { key: '34cd25b32015d276305a1655cec0e7d943189a4d' }, index.h("div", { key: '811fd581db9ce4c0aa80dceca9e66d00d1cafb7d', class: "nylas-cancellation-policy", part: "ncpolicy" }, index.h("label", { key: 'c6693d8f18794177754e708ef725c237f92455d7', htmlFor: this.name }, "Cancellation policy message", index.h("span", { key: '5c0d9238690e368b63c099625277b85734be5b5c', class: "label-icon" }, index.h("tooltip-component", { key: '031d9a347cdd9a349747e87ffe68ea0ba611f96f' }, index.h("info-icon", { key: 'f4e086eb34bfb3eb4fb1997b1047ba22e865f1bc', slot: "tooltip-icon" }), index.h("span", { key: 'b8dfa32c6c5505561049b0ad2b177c0a912142bf', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index.h("textarea", { key: '2d92b92f7a30f58d0307915293000e4de337808d', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (index.h(index.Host, { key: '7a57476ea21860b39103ab43f8b86a5804ddc055' }, index.h("div", { key: '67d7d2c00b2b658778dabe316a4512472bddf435', class: "nylas-cancellation-policy", part: "ncpolicy" }, index.h("label", { key: '2f0abff08c2485c93efaf6202a5c9720107f11d1', htmlFor: this.name }, "Cancellation policy message", index.h("span", { key: '2c16d52ce3b6fea15f23e57d50afe55872f920d6', class: "label-icon" }, index.h("tooltip-component", { key: '8bde2b6a884e8d180ef7296bbf29322df14128ef' }, index.h("info-icon", { key: 'cffadcf00bc6c3b07dffeb633bf87b423d6f4c59', slot: "tooltip-icon" }), index.h("span", { key: '5c37fbce026bb6f5a37f7867236fc27284323c42', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index.h("textarea", { key: '0f492885372a90650104bbb4679cde1374296504', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/nylas-cancelled-event-card.cjs.entry.js

@@ -57,7 +57,7 @@ const NylasCancelledEventCard = class {
         utils.debug(`[nylas-cancelled-event-card] Component disconnected`);
     }
     render() {
-        return (index.h(index.Host, { key: '11c4720a791169b5d562f484fecc2e5586bbdeaf', part: "ncec" }, index.h("sp-theme", { key: 'ccd04e6a1a895ad4be18bdb14d27a1c7403a0568', theme: "spectrum", color: "dark", scale: "medium" }, index.h("div", { key: 'a0360afadc55f58d20e651cb33036aa364a3740e', class: "nylas-cancelled-event-card", part: "ncec__card" }, index.h("div", { key: '727eba1d97de774c9a51909bec714688d9e60c1c', class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, index.h("calendar-cancel-icon", { key: 'bd96caf7b68ee65a470e5949d6622de0893c112d' })), index.h("h3", { key: '9bcb27d08117825255c2a5625e7b8f630e35b1e5', class: "nylas-cancelled-event-card__title", part: "ncec__title" }, "Your booking has been cancelled successfully!"), index.h("div", { key: 'f356c2776a296b89efe9ff9b02dd0f928ea1c0c8', class: "nylas-cancelled-event-card__description", part: "ncec__description" }, "A cancellation email has been sent to ", this.configSettings?.organizer?.name || 'the participants', "."), index.h("div", { key: '50130b11b9806a5c6adfd67f436d273fbec91774', class: "nylas-cancelled-event-card__cta" }, index.h("sp-button", { key: '77e8e62722ac4ace0a667b45feed6684b3bb6056', variant: "secondary", treatment: "outline", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? 'Closing...' : 'Close'))))));
+        return (index.h(index.Host, { key: '89bfb6419aea7fffc32726e4db26642ca810b3a4', part: "ncec" }, index.h("sp-theme", { key: '265e08ab9c6d4c7c7071353a35e2a8e69bd3875e', theme: "spectrum", color: "dark", scale: "medium" }, index.h("div", { key: 'bd23802e8cd5bf923ed43f223eac30041ead9a2e', class: "nylas-cancelled-event-card", part: "ncec__card" }, index.h("div", { key: '270d9e2a65ee1a3a7d34aaa99bf1059b891929ae', class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, index.h("calendar-cancel-icon", { key: 'e04e9bf8f7278265160c3a58c0a37c880faed0cc' })), index.h("h3", { key: '046647bd93284e280d5fb62f9488b6ed5ed9dea2', class: "nylas-cancelled-event-card__title", part: "ncec__title" }, "Your booking has been cancelled successfully!"), index.h("div", { key: 'f85c31f7718fe5266b2d175afff46c7b63495c11', class: "nylas-cancelled-event-card__description", part: "ncec__description" }, "A cancellation email has been sent to ", this.configSettings?.organizer?.name || 'the participants', "."), index.h("div", { key: 'aa36cf4bbcb432334903a0b9ba2782ecf6abbe4c', class: "nylas-cancelled-event-card__cta" }, index.h("sp-button", { key: '65009ac918324e109b0b5a52331bea5a9b8c1a14', variant: "secondary", treatment: "outline", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? 'Closing...' : 'Close'))))));
     }
 };
 __decorate([

package/dist/cjs/nylas-composer.cjs.entry.js

@@ -139,7 +139,7 @@ const NylasComposer = class {
         this.editorEl.focus();
     }
     render() {
-        return (index.h(index.Host, { key: 'c8ab18162320c10834660c655141a985c36958ac' }, index.h("sp-theme", { key: '01a86b0ddef68c16b139cdb95bf3f9df102ead60', scale: "medium", color: "dark" }, index.h("div", { key: '280d8dfbee592023d7461e6691805a6e44e8837b', class: "editor", contentEditable: true, ref: r => (this.editorEl = r) }, index.h("div", { key: '35437f24077f1e5a9b629bfca6437ec6740c8780', class: "toolbar", ref: r => (this.toolbarEl = r), contentEditable: false }, index.h("sp-button", { key: '378551180f48beb175216d045acd4d65355f3234', quiet: true, onClick: () => document.execCommand('bold') }, index.h("div", { key: 'a7a6872cfc4d34939aaeba4e45e67d8ca1ac52ab', slot: "icon" }, index.h("bold-icon", { key: '198210356c76239162c2d44251845529b5765e04' })), index.h("div", { key: '6ecdf762f2a29a39bce8c49da6cc366594218c52', slot: "label" }, "Bold")), index.h("sp-button", { key: '6ee0821abd7462a9105f13228a4441ed302d0df9', quiet: true, onClick: () => document.execCommand('underline') }, index.h("div", { key: '37745f4ee7e5bac2d4bba65d3682338590b49c88', slot: "icon" }, index.h("underline-icon", { key: '9b7a46dbf44378c001c16afca0e8c30e0b1ea12f' })), index.h("div", { key: '54e6ce111dcc82421b475040a0a85d26c648c1d4', slot: "label" }, "Underline")), index.h("sp-button", { key: 'ae292c9f8f55a7ae82ddfaaa75ba9a045c80c02d', quiet: true, onClick: () => document.execCommand('italic') }, index.h("div", { key: 'fdfdf0265a51eeca44c72ec7de634f9c23a5a846', slot: "icon" }, index.h("italic-icon", { key: '6308247060d42eb21284e6687a0abc18cf63e32c' })), index.h("div", { key: '49487a1f0677fc394dd617abfdb645c56e441f55', slot: "label" }, "Italic")))), index.h("div", { key: '08b56206aef08fbc262ec615c1c593949ef05c82', class: 'buttons' }, index.h("sp-button", { key: 'f099e2091f8070adaf80cd9fd4299e53e25ef39b', onClick: this.sendComposer, class: "send" }, "Send"), index.h("sp-button", { key: '78c73f9aec9dd29a7b1360192ef190d20f0bb092', onClick: this.closeComposer, class: "close" }, "Close")))));
+        return (index.h(index.Host, { key: '7537b7c56a1e609f88189c2c4deed986827eb193' }, index.h("sp-theme", { key: 'efa28f8ed5585ec21b44ae5ec174aa10a9c92aba', scale: "medium", color: "dark" }, index.h("div", { key: 'c7932bcedcb2b3cfa4e0900578cf2b749000125d', class: "editor", contentEditable: true, ref: r => (this.editorEl = r) }, index.h("div", { key: '89c06c0e76d29ea6713dd44b2452e261d0d7d43b', class: "toolbar", ref: r => (this.toolbarEl = r), contentEditable: false }, index.h("sp-button", { key: 'beeb60448f03c8818925aeb13ab5231aa72f7526', quiet: true, onClick: () => document.execCommand('bold') }, index.h("div", { key: '4e37be81a28ac4355f9d0d6d6c71b7b78cf41456', slot: "icon" }, index.h("bold-icon", { key: '56cf047799a6a5713310d5b095ca91e6004d6107' })), index.h("div", { key: '2fe47f8f364f7fb1016990f2aecec655e2e6eb30', slot: "label" }, "Bold")), index.h("sp-button", { key: '0416d13b88ccefd5005f4b97f7dded2118d37f43', quiet: true, onClick: () => document.execCommand('underline') }, index.h("div", { key: '6d20e215eafbb91a17ce452a6b64295ab4ef2bb9', slot: "icon" }, index.h("underline-icon", { key: 'b8d988fa168047ed213fbcceb53b24bf3f766d7a' })), index.h("div", { key: 'bd05639007b3ea849501b995137ceda70aed20da', slot: "label" }, "Underline")), index.h("sp-button", { key: '9775c4787363cd4d21778f4c848c7f5a7564b507', quiet: true, onClick: () => document.execCommand('italic') }, index.h("div", { key: 'ca9d557028981c0fe209045e5d1748b19bbb5069', slot: "icon" }, index.h("italic-icon", { key: '1be5debba3572e83ab132a3e44d8fc1e799f6619' })), index.h("div", { key: 'cccb70309840e20f558158e6ef9edf8fe0e52eed', slot: "label" }, "Italic")))), index.h("div", { key: '502854e008886de49ec435c1ebd73b48f2cc4c70', class: 'buttons' }, index.h("sp-button", { key: '9663a709ca8794dc76dec379a39c52a6a754cb6e', onClick: this.sendComposer, class: "send" }, "Send"), index.h("sp-button", { key: 'b0c7637932f2659c9115e74f1244db04992a69aa', onClick: this.closeComposer, class: "close" }, "Close")))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/nylas-custom-booking-flow.cjs.entry.js

@@ -99,7 +99,7 @@ const NylasCustomBookingFlow = class {
                 value: 'pre-booking',
             },
         ];
-        return (index.h(index.Host, { key: '21319a4631f1c0990936623d6458ad80c424e508' }, index.h("div", { key: '314ed4bd9b3057d209825cd93b3bcdde32c00a0d', class: "nylas-custom-booking-flow", part: "ncbf" }, index.h("div", { key: 'ce531904154c284cd4692ab3e31564be5fe826b1', class: "header", part: "ncbf__header" }, index.h("h3", { key: '403ef6532fcf5b0ecd79944a02aa287537c677e1' }, "Customize booking flow"), index.h("p", { key: 'c8a5fb5fb02b7b4687778654b91b983ca210a0da' }, "Customize how new bookings are handled when a booking is completed.")), bookingOptions.length > 0 ? (index.h("div", { class: "nylas-custom-booking-flow__dropdown" }, index.h("span", { class: "label" }, "After a booking is confirmed", index.h("tooltip-component", null, index.h("info-icon", { slot: "tooltip-icon" }), index.h("span", { slot: "tooltip-content" }, "Choose how you\u2019d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), index.h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.bookingType) ?? bookingOptions[0] }))) : (index.h("div", { class: "nylas-custom-booking-flow__loading" }, index.h("span", { class: "label" }, "Select a calendar to book meetings on ", index.h("info-icon", null)), index.h("div", { class: "loading-button" }, index.h("span", null, "Loading...")))))));
+        return (index.h(index.Host, { key: '2e2a26ab26a63e7855a8d3280be056ee0d9f58bf' }, index.h("div", { key: 'ae1a111bf526645d268e7fb5a01d755140b99e70', class: "nylas-custom-booking-flow", part: "ncbf" }, index.h("div", { key: '1b8de2d86c1e6df2ac34b6cb27e01692829dca5e', class: "header", part: "ncbf__header" }, index.h("h3", { key: '166f032b49b2f6bc2f05271633ac9a64d246146f' }, "Customize booking flow"), index.h("p", { key: '23011ab13b85225b9042f8f84672cd688c93f16f' }, "Customize how new bookings are handled when a booking is completed.")), bookingOptions.length > 0 ? (index.h("div", { class: "nylas-custom-booking-flow__dropdown" }, index.h("span", { class: "label" }, "After a booking is confirmed", index.h("tooltip-component", null, index.h("info-icon", { slot: "tooltip-icon" }), index.h("span", { slot: "tooltip-content" }, "Choose how you\u2019d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), index.h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.bookingType) ?? bookingOptions[0] }))) : (index.h("div", { class: "nylas-custom-booking-flow__loading" }, index.h("span", { class: "label" }, "Select a calendar to book meetings on ", index.h("info-icon", null)), index.h("div", { class: "loading-button" }, index.h("span", null, "Loading...")))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/nylas-customize-booking-settings.cjs.entry.js

@@ -107,7 +107,7 @@ const NylasCustomizeBookingSettings = class {
         }), this.name);
     }
     render() {
-        return (index.h(index.Host, { key: '289e0e8ff03e0f033bdedc44a66002d971a01a4a' }, index.h("div", { key: '198e4e31a02a362c393b0b9395c7ab884dd04928', class: "nylas-customize-booking-settings", part: "ncbs" }, index.h("div", { key: '4ac0939989b64eec0f4cbe6eebe4132be85112d0', class: "header", part: "ncbs__header" }, index.h("h3", { key: 'a64955a52821d22f1afab025bf18b0505d0aebcd' }, "Additional settings"), index.h("p", { key: '413d26d3102c624acd77f1b2d6aaa01e9abf8240' }, "Booking settings for the event.")), index.h("div", { key: 'e6ddf5653c6188773f59dbd6ca683cf2e5bd2c1d', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index.h("div", { key: '47ec40306877e710bc53494e0cb23bd17ec1c803', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index.h("checkbox-component", { key: '9e5a9452ff0ffe8b590702b91d8dba82512db6cf', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index.h("span", { key: 'f32cc44ad67e2f135a7581fc72772c156a4f2df6', slot: "label", class: "label" }, index.h("p", { key: '314d47c72d9a76cca9e94e11bf785b61c6786a48', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), index.h("tooltip-component", { key: 'd286d724e35b7a8c82c65f42923646c09462fadf', id: "guests" }, index.h("info-icon", { key: '1feafcf384686c0613c0fe764c09db5b7c1ddae8', slot: "tooltip-icon" }), index.h("span", { key: '0f17b5425ed3663184150933a86e406a197b18fa', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), index.h("div", { key: '340b0fcd9d6f263550c347f2a87229a86c674cae', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index.h("checkbox-component", { key: '2453ac1996fd178d363a712b4d378591be3ee32a', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index.h("span", { key: '2420f028dc654f9a8ce01ec9a924f7e0694da05b', slot: "label", class: "label" }, index.h("p", { key: '31bdc2ff59f7cef6ebd1c21329e34e001bfb6235', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '76ecdab15e2fdb90dd1c34f826f0392b145291dc' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '489a219e2854cd6aae0df6ec8064d262e74a4dfd', id: "reschedule" }, index.h("info-icon", { key: '6e727527c025b00ae8907a9381fa45f2b30c325b', slot: "tooltip-icon" }), index.h("span", { key: '732c2be03c7a37d1ba80d99315c462ec65f24406', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), index.h("div", { key: '4b92782d796cd57802c333e72cce4cb56c2424b5', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index.h("checkbox-component", { key: 'c27bb8a583f782659c7a8c3fb6320f9bc653f005', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index.h("span", { key: '9feb0f1f1c9cfc9438317ac1e860265b0365d73c', slot: "label", class: "label" }, index.h("p", { key: 'e5a072e8381efdd81d96cda680bce8408699988e', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '7451a2ffc3815301afe3c8c6ae80ecaf7f16075f' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '12ba9c92d34cb63dc3ce23b2ab9b00c54e83afd4', id: "cancel" }, index.h("info-icon", { key: '159518806d8f14c1b9a6b4b36877d3174883bd7d', slot: "tooltip-icon" }), index.h("span", { key: '075096f27117b4318f883efe2b523c394394e230', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
+        return (index.h(index.Host, { key: '543f4fc64d9dab03c528c5738cd4c1b1bb9cfd2a' }, index.h("div", { key: 'e3f153847ad5256327952d4be0aace03543b1d40', class: "nylas-customize-booking-settings", part: "ncbs" }, index.h("div", { key: '5b35f27785f6f6bc8e8848d94857869b73108df0', class: "header", part: "ncbs__header" }, index.h("h3", { key: 'd50a9614e3b0b5227a196356a43f12aab4acb158' }, "Additional settings"), index.h("p", { key: 'f29bbb165479e276cf87087582e9c60eb21c37d1' }, "Booking settings for the event.")), index.h("div", { key: 'd091485f983d0cc3ff86e7ca89df8d75526d3cef', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index.h("div", { key: '7f7888a718a70a681795e599075c92cfbc16853a', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index.h("checkbox-component", { key: 'e37474d77812d96fe264d26c329078502c074dbe', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index.h("span", { key: '00b45833c0223e373edf0b42669e4a154938b1eb', slot: "label", class: "label" }, index.h("p", { key: 'e66de8b9f53230347417a8ec0a7ae7a19af9db31', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), index.h("tooltip-component", { key: '1ba5558e1991235c21f57ca1968220ea7bf43fcb', id: "guests" }, index.h("info-icon", { key: '3e62cc64cc55eb3dd4d0a73cef80a64c8dc9c38f', slot: "tooltip-icon" }), index.h("span", { key: '3853d0d575be29420ea012c90b0a2c07913a86a7', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), index.h("div", { key: '92e209a924673d8b1dee03475ffabfea5d9bf09b', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index.h("checkbox-component", { key: 'f7b522c07700938d25b17e14d236edb2aae12b21', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index.h("span", { key: '590cb5d983ff6eef95ebb370b845e1cc8e3080e4', slot: "label", class: "label" }, index.h("p", { key: '8f2d2742976e21a81268c793ae1c6c9dafdcecc3', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '4b01f75e4067d7c8d26ca785d5c6ad841633130c' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '8a157115569a4413143779c9e09c8389394973f9', id: "reschedule" }, index.h("info-icon", { key: 'b3a2c734d2d7a303d1d4d2622b51113aa7d3dfaf', slot: "tooltip-icon" }), index.h("span", { key: '2d08ceb49e744787da6863d72cf2c6df50f1a7cc', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), index.h("div", { key: '6bc7f1a30a750ba85453d852f6f7e05c0513673d', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index.h("checkbox-component", { key: '089ca174d8aabb26d87f5bb8cb871b9e82b7c04f', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index.h("span", { key: '9ec50185d728baddbe0805eaeff057686b153bea', slot: "label", class: "label" }, index.h("p", { key: '118c1c3cc06dba90f451711aba0dde3efeeec9f0', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: 'c1a26aa5c832fba488d60fc3af5a3c000ada144d' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: 'b70473d1e93c11d9b05a9dcec67d77795638bbeb', id: "cancel" }, index.h("info-icon", { key: '2f0d812ac9fb7a52260b601c590b7a629036ea7c', slot: "tooltip-icon" }), index.h("span", { key: '4c5b3b51b57761a377ccfa7f66d6d69486d8cb11', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/nylas-date-picker.cjs.entry.js

@@ -1821,7 +1821,7 @@ const NylasDatePicker = class {
         return date && selectableDates?.find(d => utils.isSameDay(d, date)) === undefined;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'bc2d37f59dc4cc59c9659a15ce640d3f3c738239', part: "ndp" }, index$1.h("div", { key: '7b39c6ff3b5c820d6ee4cc3419a80f9803011deb', class: "nylas-date-picker" }, index$1.h("div", { key: 'e7e08bbe189da82d187241b1025633f9ea690bbe', class: "title", part: "'ndp__title" }, index$1.h("h1", { key: '6619e950e5b31181663916bb95eb72efcda2031b' }, index$1.h("person-icon", { key: '3db3207dea880167c6f7f4058887b51620da58f9' }), this.configSettings?.organizer?.name || this.configSettings?.organizer.email), index$1.h("p", { key: '8a1ec0fe12579b46279b1c95af1928740b9fffb4' }, index$1.h("clock-icon", { key: '677dc941e4bba5387a16af1f47eb52ed0daf37ab' }), this.eventDuration ? utils.convertMinutesToHoursAndMinutes(this.eventDuration) : `- minutes`)), index$1.h("div", { key: '55ceabd5fe27d3261d8a1c320cc9d612829c50b5', class: 'header flex-row' }, index$1.h("h2", { key: '0fb27b957ac9315139b1cc6ead9504d3b35549cd', part: 'ndp__month-header' }, index$1.h("strong", { key: 'c916747bc9714fa1e0743674aa8845f0bb3bc8c6' }, this.month.toLocaleDateString(undefined, { month: 'long' })), "\u00A0", this.month.toLocaleDateString(undefined, { year: 'numeric' })), index$1.h("div", { key: 'f730a61b661c581d623eca6d56f809d40c0a775b', class: 'pagination' }, index$1.h("button", { key: '69555f5b4de9306dedd29bdeeb90effbda01c521', onClick: () => this.changeMonth(-1), class: { 'chevron-left': true, 'button': true }, disabled: !this.selectableDates?.length || this.month <= new Date(), part: "ndp__month-button" }, index$1.h("chevron-icon", { key: 'ea5c5492aa75cbb1c94af57d01c091a353b7ee2a' })), index$1.h("button", { key: '9313976fea433d8babf3ce5a63891492e93c22bc', onClick: () => this.changeMonth(1), class: { 'chevron-right': true, 'button': true }, disabled: this.disableNextMonthButton, part: "ndp__month-button" }, index$1.h("chevron-icon", { key: '81f86816719358949d8eef1e346702da314de68f' })))), index$1.h("div", { key: '32e3e0cf78205054739acc6ae3a3363b7d10c926', class: 'dates' }, ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'].map(day => {
+        return (index$1.h(index$1.Host, { key: 'bc2d37f59dc4cc59c9659a15ce640d3f3c738239', part: "ndp" }, index$1.h("div", { key: '7b39c6ff3b5c820d6ee4cc3419a80f9803011deb', class: "nylas-date-picker" }, index$1.h("div", { key: 'e7e08bbe189da82d187241b1025633f9ea690bbe', class: "title", part: "'ndp__title" }, this.configSettings?.organizer?.name && (index$1.h("h1", null, index$1.h("person-icon", null), this.configSettings?.organizer?.name || 'Organizer')), index$1.h("p", { key: '7a952faa33c2421f9b6d25a4d56ec7a510d42ab5' }, index$1.h("clock-icon", { key: '35561bc9866d9c75e676b3ef589b1506a6d273c6' }), this.eventDuration ? utils.convertMinutesToHoursAndMinutes(this.eventDuration) : `- minutes`)), index$1.h("div", { key: 'b3799870aa76c6e54b3ec5a32dda0b684a817e1d', class: 'header flex-row' }, index$1.h("h2", { key: 'bb00822464f175aa9b9c5f66f8fa79e95363b33d', part: 'ndp__month-header' }, index$1.h("strong", { key: '3cdeb9340334fabb6ee1ef09ffb28a6e75177275' }, this.month.toLocaleDateString(undefined, { month: 'long' })), "\u00A0", this.month.toLocaleDateString(undefined, { year: 'numeric' })), index$1.h("div", { key: 'ad6b090bdff3470d1f7381cce6d5734a698c7af9', class: 'pagination' }, index$1.h("button", { key: '90621e82962b012b50dedb9ec4c49bc7cdff0936', onClick: () => this.changeMonth(-1), class: { 'chevron-left': true, 'button': true }, disabled: !this.selectableDates?.length || this.month <= new Date(), part: "ndp__month-button" }, index$1.h("chevron-icon", { key: '7596ada39a388b9570a3a783ff5cdf7bb3f252c1' })), index$1.h("button", { key: 'e7bbf331f680b0c6f2538639235a008e213b52ee', onClick: () => this.changeMonth(1), class: { 'chevron-right': true, 'button': true }, disabled: this.disableNextMonthButton, part: "ndp__month-button" }, index$1.h("chevron-icon", { key: '898e3a4609bf204bdf4d375cd53c23d5ac52bc50' })))), index$1.h("div", { key: 'e41bd3d09ef9c8bc48dd8aa5db6554af8b31faa8', class: 'dates' }, ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'].map(day => {
             return (index$1.h("div", { class: 'day', part: "ndp__day" }, day));
         }), this.dates.map((date, i) => {
             const isDisabled = this.isDisabled(date, this.selectableDates);