@nylas/web-elements 0.0.0-test-20250318204811 → 0.0.0-test-20250320180623

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

@@ -383,7 +383,7 @@ const NylasEditorTabs = class {
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "1.3.6",
+                release: "1.4.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSync.feedbackSyncIntegration({
@@ -440,7 +440,7 @@ const NylasEditorTabs = class {
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduler-editor',
-                    'nylas-web-element-version': "1.3.6",
+                    'nylas-web-element-version': "1.4.0",
                     'nylas-config-id': this.selectedConfiguration?.id,
                     'nylas-slug': this.selectedConfiguration?.slug,
                     'host-url': window.location.href,
@@ -995,7 +995,7 @@ const NylasEditorTabsGroup = class {
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "1.3.6",
+                release: "1.4.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSync.feedbackSyncIntegration({
@@ -1048,7 +1048,7 @@ const NylasEditorTabsGroup = class {
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduler-editor',
-                    'nylas-web-element-version': "1.3.6",
+                    'nylas-web-element-version': "1.4.0",
                 },
                 extra: {
                     configId: this.selectedConfiguration?.id,
@@ -1267,9 +1267,9 @@ const NylasEditorTabsGroup = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs-group]', 'render', this.formState);
-        return (index.h(index.Host, { key: 'afdf097ad3a673c5290d560773673f555319dcfb' }, index.h("form", { key: '7f7e51ad07c4b8f2c95a546fa847f4b14f002b15', 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: '80f6d7605323f94c0c42c82a93a54841f7ce6fce' }, index.h("form", { key: 'dc53448c3981f476b3dffb8b1415899d8af97ac7', 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, "Return to Calendar view")))) : 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 == '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 == '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 == '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: '922210f9a184ff3ddb83630db4ae6ee1d9dd2944', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '5d8a938c31b831833ebe3030fee8da39acb12edb', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", null))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, "Page settings"))), index.h("div", { key: '07889582bf417de6ccc1ce5a74f2a1c39559f9c0', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'ad80bbca9db6703743093ca6fee0bb3a949e66c6', class: {
+            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, "Return to Calendar view")))) : 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: '8f0cd2cc7110a467eaaeba5a8698be56b7242860', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '6bc62bd12942861a5e529dabe0102272c48b7daa', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", null))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, "Page settings"))), index.h("div", { key: 'f304c79865183375c2ff53285e60de1ef417c9a7', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'b17c3f605ed0bf2e41b5fd37515ebeb661582f9c', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error !== '',
@@ -1278,17 +1278,17 @@ const NylasEditorTabsGroup = class {
             ? utils.instance.t('unsavedChangesLabel')
             : this.error == '' && this.changesSaved
                 ? `${utils.instance.t('changesSavedLabel')}!`
-                : ''), index.h("div", { key: 'a53e7d929f8e0cdaf36d2e43e98b8703cd6f2379', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), index.h("div", { key: '091db183c2fca1d28ae77f80243b76639ea6efa9', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { 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", null))), index.h("button-component", { key: '9c048ca1576e4bd508461a172f3ffdfafcf39698', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", null))), index.h("button-component", { key: '87c0a5643895914dfb58877e79a7c8e4de281713', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.error = '';
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('backButton')), index.h("button-component", { key: '778f71bc70660a4e279db51a56fda244966a5694', 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", null)));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('backButton')), index.h("button-component", { key: '0e65441dd017ddaec3eb451cc4abbca28820b6a6', 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", null)));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {