@nylas/web-elements 1.1.5 → 1.1.6

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

@@ -337,7 +337,7 @@ const NylasEditorTabs = class {
         if (this.enableUserFeedback && !isInitialized()) {
             init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "1.1.5",
+                release: "1.1.6",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSyncIntegration({
@@ -386,7 +386,7 @@ const NylasEditorTabs = class {
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduler-editor',
-                    'nylas-web-element-version': "1.1.5",
+                    'nylas-web-element-version': "1.1.6",
                 },
                 extra: {
                     configId: this.selectedConfiguration?.id,
@@ -561,12 +561,13 @@ const NylasEditorTabs = class {
     hideTab(tab) {
         return this.hideEditorTabs?.includes(tab) || false;
     }
-    onFeedbackClick() {
+    onFeedbackClick(e) {
+        e.preventDefault();
         this.showFeedbackModal = true;
     }
     render() {
         debug('[nylas-editor-tabs]', 'render', this.formState);
-        return (h(Host, { key: '979cb82af1a494ea69a8122420da0c794e7c1c14' }, h("form", { key: 'a8aec5d884b9985898a0e2015a973c3f18c9993d', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, h("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, h("people-icon", { width: "16", height: "16" }), "Participants"), h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), "Booking options"), h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications) }, this.activeTab == Tab.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), "Communications"), h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles) }, this.activeTab == Tab.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), "Page styles")), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: 'c013e06487a2675130df47566e7322bb8254fea0', class: "footer", part: "editor__footer" }, h("div", { key: '7ec0e476e014b7dcc5cb0177b86161743b09233f', class: "preview", part: "editor__footer-preview" }, this.enableUserFeedback && (h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: () => this.onFeedbackClick() }, h("feedback-icon", null)))), h("div", { key: '791187b91f7ce807d980fe79a551bb7f16725a8b', class: "buttons", part: "editor__footer-buttons" }, h("p", { key: '33e1dcbac0ccf06a7c9b15fe615e222e86d7d947', class: {
+        return (h(Host, { key: 'd38db7df3b55dcd9df5d23c06a2257e483e4f881' }, h("form", { key: 'f75efd88f7a329288e77933ca218fa88e9dd8a87', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, h("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, h("people-icon", { width: "16", height: "16" }), "Participants"), h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), "Booking options"), h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications) }, this.activeTab == Tab.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), "Communications"), h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles) }, this.activeTab == Tab.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), "Page styles")), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: '33fa467828de45477cb14547e83cd91d3316d1de', class: "footer", part: "editor__footer" }, h("div", { key: 'e94586ffcb339ed0134db7dba554add942b9658b', class: "preview", part: "editor__footer-preview" }, this.enableUserFeedback && (h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", null)))), h("div", { key: 'ba9415c331d169876f6f64e048d295c494066fb0', class: "buttons", part: "editor__footer-buttons" }, h("p", { key: 'b985139923dac06f300329c63100bb322a72e215', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error !== '',
@@ -577,11 +578,11 @@ const NylasEditorTabs = class {
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, h("eye-icon", null))), h("button-component", { key: '35722d8b7c489c687ef63d7747a33204261b2870', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, h("eye-icon", null))), h("button-component", { key: 'e8b658f3fe6dea039818fe7e5803c7876dcf516a', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.error = '';
-            }, variant: 'basic', part: "editor__footer-cancel" }, "Back"), h("button-component", { key: 'fabfca306aecb7a62212397bfe12e3fffce5fa8e', type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action === 'create' ? ('Create') : ('Save changes'))))), this.showFeedbackModal && h("nylas-feedback-form", null)));
+            }, variant: 'basic', part: "editor__footer-cancel" }, "Back"), h("button-component", { key: 'def3baeb44f02d4a168d4946fe46c158d9872d8a', type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action === 'create' ? ('Create') : ('Save changes'))))), this.showFeedbackModal && h("nylas-feedback-form", null)));
     }
     get host() { return getElement(this); }
     static get watchers() { return {