@nylas/web-elements 2.3.1-canary-20260108155609 → 2.3.1

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, c as createEvent, H as Host, a as getElement } from './index-0EQQA0nE.js';
 import { R as RegisterComponent } from './register-component-D4DulFJU.js';
 import { a as debug, i as instance, m as mergeDeep, p as parsePreviewLink, g as getCalendarRange } from './utils-D7AODx4L.js';
-import { u, v as version } from './version-CJAr1BgW.js';
+import { u, v as version } from './version-CIhCCVPS.js';
 import { D as DEFAULT_OPEN_HOURS, e as editorTabComponentNames, C as CONFIGURATION_EVENT_TYPE, b as editorGroupTabComponentNames } from './constants-COJy29df.js';
 import { E as ErrorCategory, i as isInitialized, a as init, c as captureMessage, b as captureFeedback, f as feedbackSyncIntegration } from './feedbackSync-CquJ7U5v.js';
 
@@ -1351,7 +1351,7 @@ const NylasEditorTabsGroup = class {
             location: !conferencing ? formState.location : undefined,
             participants: formState.participants,
             organizer: organizer,
-            conferencing: !formState.location ? conferencing : {},
+            conferencing: !formState.location ? conferencing : undefined,
             when: formState.eventTimeslot.when,
             recurrence: formState.eventTimeslot.recurrence,
             calendar_id: organizerDefaultCal?.id || 'primary',
@@ -1527,9 +1527,9 @@ const NylasEditorTabsGroup = class {
     }
     render() {
         debug('[nylas-editor-tabs-group]', 'render', this.formState);
-        return (h(Host, { key: 'b8c38d76ff405a655598b4764d520ca9785cefff' }, h("nylas-notification", { key: '91fef9992261f0ca1c8dbed9b6d16c4d8c2861f9' }), h("form", { key: '8c8a607298a7062a211f6d31a20f70a035a9d47a', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
+        return (h(Host, { key: '8f61e0ba84b0b86a27440220560eabcaeea4e1e5' }, h("nylas-notification", { key: '94cae29c1400ff371141100848c1037a8a7d322c' }), h("form", { key: 'a88d6973a4711a4489115b184db1b0535e123be7', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, 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);
-            } }, h("chevron-icon", { width: "16", height: "16" }), h("span", null, instance.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, 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) }, h("flow-icon", { width: "16", height: "16" }), instance.t('bookingOptionsTab')), 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 ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), instance.t('bookingFormTab')), 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 ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), instance.t('communicationsTab')), 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 ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), instance.t('pageStylesTab'))), h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: instance })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: 'a88a443bbf3e6c1234c14b99336afc72ef92a9fe', class: "footer", part: "editor__footer net__footer" }, h("div", { key: 'd6a1dbef004da659367dd79f358cacab9ab2f7eb', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { key: '8cbaae803541f451ee7aaec973bf57bdadba71bf', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", { key: '3b9e37e45f013a909884875f982df70432138fd2' }))), this.activeTab === TabGroup.CalendarView && (h("button-component", { key: '6a41b39d9bf8d581e8fe48bc2e582a14b2afa980', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, instance.t('pageSettingsButton')))), h("div", { key: '9e8d2891485d672a334cfd3197de420d0c38a341', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: '68d9d778fe26529e01823f519757fb0780564c71', class: {
+            } }, h("chevron-icon", { width: "16", height: "16" }), h("span", null, instance.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, 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) }, h("flow-icon", { width: "16", height: "16" }), instance.t('bookingOptionsTab')), 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 ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), instance.t('bookingFormTab')), 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 ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), instance.t('communicationsTab')), 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 ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), instance.t('pageStylesTab'))), h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: instance })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: '3cc55875cbb83e00b3007c06b5804399ae24c164', class: "footer", part: "editor__footer net__footer" }, h("div", { key: '661552aaedc6dfde5eb0725c4b37f975e11b8f2e', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { key: 'e2daf60e19bc54d7c3e9a520e0f4ce1d5ffb66ad', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", { key: 'fe1744b7062f50672ff51f8d850145935c1c94fe' }))), this.activeTab === TabGroup.CalendarView && (h("button-component", { key: '0c5a82186e7ba4b919342613b55740a5c15d7ee5', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, instance.t('pageSettingsButton')))), h("div", { key: 'df369d271cd6fc78c9b4ad5667a88382d9f29a65', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: '47b63ac1f8a5a90d4ba154acb2e6c4c5d6ef7545', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -1538,17 +1538,17 @@ const NylasEditorTabsGroup = class {
             ? instance.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${instance.t('changesSavedLabel')}!`
-                : ''), h("div", { key: '7560e3e6fd76576705940c2066fb702afac96956', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { key: 'd2b580bfce0f89d43786c8ef28300eb8d32a4dff', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), h("div", { key: '1b1436cdc1da5ba05094e269cf1d4477bd8c25dd', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { key: '62cf4336c52211179fb5900d756f3ed62936c498', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, h("eye-icon", { key: 'decb2684e95af7c2899c747c34e8be58241536cb' }))), h("button-component", { key: '03774d790d50c6300d500407e9bdb88ccae50d44', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, h("eye-icon", { key: '9b32f09007c8eb0db6b093e5dde173790fc5537e' }))), h("button-component", { key: '692558a733120ce097966909ecdafb22de98e67e', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, instance.t('cancelButton')), h("button-component", { key: 'a953672204dacf110ba95a15559ecc4a3b344d27', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (h("span", null, h("loading-icon", null), ' ')) : this.isLoading ? (h("span", null, instance.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${instance.t('createButtonText')}`) : (`${instance.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && h("nylas-feedback-form", { key: '0459509ce084e495ef66c39068d465db821368df' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, instance.t('cancelButton')), h("button-component", { key: '4eda146ceacc6749da0f95152060a925e6f9cf06', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (h("span", null, h("loading-icon", null), ' ')) : this.isLoading ? (h("span", null, instance.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${instance.t('createButtonText')}`) : (`${instance.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && h("nylas-feedback-form", { key: '62ab497f55fc337f2ac530df8def914157198e06' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {