@nylas/web-elements 2.5.6 → 2.5.7

package/dist/cjs/google-logo-icon_6.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-9TuL48qE.js');
-var registerComponent = require('./register-component-3z1jbXx-.js');
-var utils = require('./utils-C5qGWVDr.js');
-var version = require('./version-CJ5046pS.js');
+var registerComponent = require('./register-component-DjG8kzjz.js');
+var utils = require('./utils-BDriE9YY.js');
+var version = require('./version-C5rRjTHU.js');
 var feedbackSync = require('./feedbackSync-Bcx7mZ9-.js');
 
 const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";
@@ -65,7 +65,7 @@ function TabContents({ id, formState, activeTab, enableNotetaker, themeConfig },
             index.h("nylas-custom-booking-flow", { exportparts: 'ncbflow, ncbflow__header, ncbflow__title, ncbflow__content' },
                 index.h("div", { slot: "inputs" },
                     index.h("nylas-booking-confirmation-type", { name: "confirmation-type", themeConfig: themeConfig, exportparts: 'nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content' }),
-                    index.h("nylas-booking-confirmation-redirect", { name: "confirmation-redirect", themeConfig: themeConfig, exportparts: 'nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield' }))),
+                    index.h("nylas-booking-confirmation-redirect", { name: "confirmation-redirect", redirectUrl: formState.redirectUrl, themeConfig: themeConfig, exportparts: 'nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield' }))),
             index.h("nylas-buffer-time", { name: "buffer-time", themeConfig: themeConfig, exportparts: 'nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview' }),
             index.h("nylas-event-limits", null,
                 index.h("div", { slot: "inputs" },
@@ -302,8 +302,8 @@ const NylasEditorTabs = class {
                 },
                 appearance: appearance,
             };
-            const configObjectWithDeveloperSettings = utils.mergeDeep(this.selectedConfiguration, configObject || {});
-            const finalConfig = this.action === 'create' ? configObjectWithDeveloperSettings : configObject;
+            const configObjectWithDeveloperSettings = utils.mergeDeep(this.selectedConfiguration, utils.removeUndefinedProperties(configObject || {}));
+            const finalConfig = configObjectWithDeveloperSettings;
             if (this.isConfigRoundRobin(finalConfig)) {
                 finalConfig.participants = finalConfig.participants.map(p => ({ ...p, is_organizer: undefined }));
             }
@@ -783,10 +783,10 @@ const NylasEditorTabs = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs]', 'render', this.formState);
-        return (index.h(index.Host, { key: '46306ea000b14a1790ed4d072e936683af6eafa4' }, index.h("nylas-notification", { key: '7ecc7c50ef6144a8e2cc9e0b36ba86f253c754d8' }), index.h("form", { key: '35fb3ac7301c4a284404b9a47f17d7efd28637b1', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, index.h("calendar-info-icon", { width: "16", height: "16" }), utils.instance.t('eventInfoTab')), index.h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, index.h("calendar-patterns-icon", { width: "16", height: "16" }), utils.instance.t('availabilityTab')), index.h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, index.h("people-icon", { width: "16", height: "16" }), utils.instance.t('participantsTab')), index.h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: {
+        return (index.h(index.Host, { key: '53e8f207370316a20260e8c9d5a62546efa70c22' }, index.h("nylas-notification", { key: '3dba6d5e4d6549d7c7afc84543a7de36b5e9565a' }), index.h("form", { key: 'b159d7794cdd2b4747df5b1eb971cc949599d56f', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, index.h("calendar-info-icon", { width: "16", height: "16" }), utils.instance.t('eventInfoTab')), index.h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, index.h("calendar-patterns-icon", { width: "16", height: "16" }), utils.instance.t('availabilityTab')), index.h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, index.h("people-icon", { width: "16", height: "16" }), utils.instance.t('participantsTab')), index.h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: {
                 'tab-content': true,
                 'fadeIn': this.loaded,
-            }, part: "editor__tab-content net__tab-content" }, index.h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: 'b61928e8e4fa0d78e121226f6a3e99f8340ebdf1', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '30803ab0e07ac02d0e004ebc39ac1bc6131de951', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: 'e42cf772df7a638f49c0e1ac60e8eec3240047c6', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: '764cf3d070fe637dc9cab215aec1a6c44a23cf43' })))), index.h("div", { key: 'd269f4b7298212e2ccf7970df6df28473ee45441', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '884f123523f28ee72f107559d72a898e443890ae', class: {
+            }, part: "editor__tab-content net__tab-content" }, index.h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: '89c5898f878016e7f948d163abe29ca754009ecd', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: 'f03899ff4f65cc1d3ca1eccc741721e64b14f5b7', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: 'f16d904cb742a131095fa70c2348bec8c81e1f29', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: '06e12b85432d63d275687a69dbd8c507d66408b6' })))), index.h("div", { key: 'd0f09f33a68578be3541cbd71f92f9f710701858', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '628ccfdddad773509ac6e73613c8e4879d627553', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -795,17 +795,17 @@ const NylasEditorTabs = class {
             ? utils.instance.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${utils.instance.t('changesSavedLabel')}!`
-                : ''), this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: 'c4376c424d66bacf9be8ca1ae93982a2c4da029f', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: 'cf3a48e6fd19209a8a87e30a7ab5639d439dbbc9', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(utils.parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, index.h("eye-icon", { key: '9ace0c0e799278af36a06c5f741aa0804c2bc24f' }))), index.h("button-component", { key: '7142cb4bfc7e6b724f752b35e35e0f32a58b91f2', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", { key: '88a8aeafbefc9d21c5e2f10ebe43fd7308b7f2f0' }))), index.h("button-component", { key: '8377521f43f7050fd5b06fbee24e0c434d80bccc', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: '6ee330cc1981b2163ff6df25294bf6b26b99ef2c', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: 'fc6f589e35859d2424e7af5660cf8a130cc84c9c' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: '5f3393800e9a0499cc538fffdee07005aa15bdba', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: '4abad08be25f4ff177f564d54d701d53cce8bba3' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -905,7 +905,7 @@ function TabContentsGroup({ id, formState, activeTab }, children) {
             index.h("nylas-custom-booking-flow", { exportparts: 'ncbflow, ncbflow__header, ncbflow__title, ncbflow__content' },
                 index.h("div", { slot: "inputs" },
                     index.h("nylas-booking-confirmation-type", { name: "confirmation-type", showComponent: false, exportparts: 'nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content' }),
-                    index.h("nylas-booking-confirmation-redirect", { name: "confirmation-redirect", exportparts: 'nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield' }))),
+                    index.h("nylas-booking-confirmation-redirect", { name: "confirmation-redirect", redirectUrl: formState.redirectUrl, exportparts: 'nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield' }))),
             index.h("nylas-event-limits", null,
                 index.h("div", { slot: "inputs" },
                     index.h("nylas-min-booking-notice", { name: "min-booking-notice", exportparts: "nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content" }),
@@ -1025,8 +1025,8 @@ const NylasEditorTabsGroup = class {
                     default_capacity: eventCapacity || 10,
                 },
             };
-            const configObjectWithDeveloperSettings = utils.mergeDeep(this.selectedConfiguration, configObject || {});
-            const finalConfig = this.action === 'create' ? configObjectWithDeveloperSettings : configObject;
+            const configObjectWithDeveloperSettings = utils.mergeDeep(this.selectedConfiguration, utils.removeUndefinedProperties(configObject || {}));
+            const finalConfig = configObjectWithDeveloperSettings;
             delete finalConfig.availability;
             delete finalConfig.participants;
             delete finalConfig.event_booking;
@@ -1538,9 +1538,9 @@ const NylasEditorTabsGroup = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs-group]', 'render', this.formState);
-        return (index.h(index.Host, { key: 'c33c7281aec7cda625b0131d44d953a267983861' }, index.h("nylas-notification", { key: 'babfa220cfada64009fa6fb74aab06347a9b0eb1' }), index.h("form", { key: '8eca6288dcae36cf505f026ffa78a5664e1e6a2d', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, index.h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
+        return (index.h(index.Host, { key: '5c43ab9753d143dc7106e2610d859018f16d7c8a' }, index.h("nylas-notification", { key: 'aad4b319b5a15d071c50104f5e5143e20a46a242' }), index.h("form", { key: '6be0f7f3f455c7fd3c238dabca0b28d2c8720470', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, index.h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
                 this.setActiveTab(e, TabGroup.CalendarView);
-            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, utils.instance.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, index.h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: '5285178c9d06272b333e5d6e4f37185be347e33c', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '8acddb5bb6a7475edc25213432dfe892553174b2', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: '26abb44f887dee09b6f99c53dfb6fe72abe92647', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: 'a80a7f66fbef41302987bee7683ce49ea5d2a26b' }))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { key: '468602f78e74d392c3772f72977667ece1973c42', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, utils.instance.t('pageSettingsButton')))), index.h("div", { key: 'f84388b15e781d1fcbb69a615a04e2262cfb59cf', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '5d0b53edeca91a742fd7a90f55d63f6cc26b27dc', class: {
+            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, utils.instance.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, index.h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: 'a33beeedc56376b9a421af7e996e478aca42de84', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '4fa919de1796a541b34dcfd8a835249b7613b5e4', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: 'a89bef04b5f00a893d0ce536889d27e691348a87', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: '3bd71fd8df54e8a322831fa920f8da73c4649a64' }))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { key: 'a2c9fa658b4ab9bec066702df7be4a98682bf148', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, utils.instance.t('pageSettingsButton')))), index.h("div", { key: '685c81809fbe5a28e86f93a8a3b357148a72fd76', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'a59e3c5f92c2b2a404c659cb5b2b5ce01362bb30', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -1549,17 +1549,17 @@ const NylasEditorTabsGroup = class {
             ? utils.instance.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${utils.instance.t('changesSavedLabel')}!`
-                : ''), index.h("div", { key: '6bfe89b213179df741d08995abbbd225661f7b1d', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: '4e17c841f13c58e7aba5e9d221f70021681ce291', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), index.h("div", { key: '932230c2a5f60e19abd0db90a55b3b251252b1bd', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: 'c875383a9d26d1695cc20b1d4c9676a070c3608f', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(utils.parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, index.h("eye-icon", { key: '556d86c6b3c41c3422db0bf81d2df82f79f75d5b' }))), index.h("button-component", { key: '41910f71c84e16c58edbefc4f5a948fea1d89a54', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", { key: '1485e9f9ade7fd205cfab8195197b0d597e9c4bf' }))), index.h("button-component", { key: '62167206c6a8bde1cbfae44c7d54cfb6ed0692ac', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: 'b65b8052637fcff59637bf802e48baf524838c24', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (index.h("span", null, index.h("loading-icon", null), ' ')) : this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: 'f0c36c2be95547f95f14e7e609220c558d2afdaf' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: 'e6ecfe240142f787ec5ac4ca5a1ff680b2ff3d3f', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (index.h("span", null, index.h("loading-icon", null), ' ')) : this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: '449cab0589ff40203a33ed2bbee0e4a55458d557' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -2020,13 +2020,25 @@ __decorate$1([
             },
             editButtonClick: async (event, connector) => {
                 const { host, configuration } = event.detail;
-                if (configuration.type === 'group') {
+                const [configurationToEdit, configurationError] = await connector.schedulerConfig.getConfigurationById(configuration.id, true);
+                if (!configurationToEdit && configurationError?.message) {
+                    await host.setError({
+                        message: configurationError.message,
+                        type: version.u.Error,
+                        category: version.ErrorCategory.Component,
+                        title: utils.instance.t('nylasEditorTabs.getConfigsError'),
+                    });
+                    host.hideEditButtonLoading();
+                    return;
+                }
+                const selectedConfiguration = configurationToEdit || configuration;
+                if (selectedConfiguration.type === 'group') {
                     const { startTime, endTime } = utils.getCalendarRange(new Date().toISOString(), 'week');
                     connector.schedulerConfigStore.state.calendarViewDateRange = {
                         start_time: startTime.toString(),
                         end_time: endTime.toString(),
                     };
-                    const [data, error] = await connector.schedulerConfig.getGroupEvents(configuration.id, configuration);
+                    const [data, error] = await connector.schedulerConfig.getGroupEvents(selectedConfiguration.id, selectedConfiguration);
                     if (!data && error && error.message) {
                         await host.setError({
                             message: error.message,
@@ -2039,7 +2051,7 @@ __decorate$1([
                     }
                 }
                 connector.schedulerConfigStore.state.action = 'edit';
-                connector.schedulerConfigStore.state.selectedConfiguration = configuration;
+                connector.schedulerConfigStore.state.selectedConfiguration = selectedConfiguration;
                 host.hideEditButtonLoading();
             },
         },