@nylas/web-elements 2.6.0 → 2.6.2

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

@@ -3,7 +3,7 @@
 var index = require('./index-9TuL48qE.js');
 var registerComponent = require('./register-component-DjG8kzjz.js');
 var utils = require('./utils-BDriE9YY.js');
-var version = require('./version-CHszslqN.js');
+var version = require('./version-pNhv-OnX.js');
 var feedbackSync = require('./feedbackSync-Bcx7mZ9-.js');
 
 const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";
@@ -1363,6 +1363,7 @@ const NylasEditorTabsGroup = class {
             email: this.currentUser?.email ?? '',
         };
         const organizerDefaultCal = this.calendars?.find(c => c.is_primary) ?? this.calendars?.[0];
+        const bookingCalendar = this.selectedConfiguration?.group_booking?.calendar_id || this.formState?.bookingCalendar;
         const conferencing = this.formState?.conferencing || formState.conferencing;
         const groupEvent = {
             title: formState.title,
@@ -1373,7 +1374,7 @@ const NylasEditorTabsGroup = class {
             conferencing: !formState.location ? conferencing : undefined,
             when: formState.eventTimeslot.when,
             recurrence: formState.eventTimeslot.recurrence,
-            calendar_id: organizerDefaultCal?.id || 'primary',
+            calendar_id: bookingCalendar || organizerDefaultCal?.id || 'primary',
             capacity: formState.eventCapacity,
         };
         this.groupEventCreateTriggered.emit({ groupEvent, configId: this.selectedConfiguration?.id ?? '', host: this.host });
@@ -1547,9 +1548,9 @@ const NylasEditorTabsGroup = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs-group]', 'render', this.formState);
-        return (index.h(index.Host, { key: '869e92e2e872d529e939ee02ab29b0f217dd5411' }, index.h("nylas-notification", { key: 'ef3ce9b6f973d2d8f43a47f97501aef8fa6df1a1' }), index.h("form", { key: 'c3c73ec6ccad275aa28a2febffb36f3ae8d07da1', 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: 'ea38ccddf3f79bc71c78d2066a6f883b874b9588' }, index.h("nylas-notification", { key: '167c3d1c5d213c237d24b8b4c7a0fedf52967fe0' }), index.h("form", { key: 'f694ba52e7cdb350620944ac8a8fa57285ef5eb6', 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: 'cb2a83d7dd8772baa6120fb70495cbe14b5e878d', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '073938c889c7ab4e0737171f6b3926ddc7b3e309', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: '5d0d3460afb2d2500218328015bfa26be1c6501e', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: '5de4e56012036525ea4b1ddf674d04fb5d657339' }))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { key: '1b645c72d8bf6e6a804f82de4a6f8c079b532199', 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: 'e6a8c454f9ddd05b574c28a5c6801d2e4dc7d314', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '2ad5f399b1b7b4c985d827842fdb577d5e79e713', 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: '2710a1a5b8171f45353b4c11be8bc1dda5fc59f6', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: 'ed4e6aeaffaae30b58c0e3e036f5f2fe9be688a1', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: '75768fba66c6b859640c980dac941f335ce5da3d', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: 'ae527a14b68f25d618dedfd62817a77dba8ccafb' }))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { key: '55e84932280f05d34ffe21e318f5d20303954829', 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: '8310493a3f546f63c5f83158ada3c770445c417b', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'e68a97fc9c63d770188a051f17d5f7995019d23f', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -1558,17 +1559,17 @@ const NylasEditorTabsGroup = class {
             ? utils.instance.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${utils.instance.t('changesSavedLabel')}!`
-                : ''), index.h("div", { key: '2b1a00bfcc1d82907531ca4f01c10f6fa0753af0', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: 'd81f286280016c4a8ffc69837deafcfd62207ae1', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), index.h("div", { key: 'e6dfa99d7a54cff10fa614047da8eaf4a08c5cd1', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: '5bcaceafb0093aee6e1b0e44e7d5fc50a55a3c3f', 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: 'cf209b590796ef5d6443fd737ebdb44a34497f23' }))), index.h("button-component", { key: 'bf52189b404bb4fe178ae92d17960da288b01478', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", { key: '68616edbf7801220845a626b783721277ae7f679' }))), index.h("button-component", { key: 'd170b787eb6be708b6fa398606ebaccdbcdd5044', 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: '773685323c7b8c7c6472b7bdabada38699366f56', 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: '2cb934ae8a1d7483fec46d82ea5fa7d5050de4c0' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: '4c224fa771c00a6d9a9ff568d9b807f4b8d8ea63', 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: 'e6d64c51da3e1ecf3219c9407c42e92c42e34d09' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {