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

package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js

@@ -28169,7 +28169,7 @@ const timePeriodSelectorCss = ".time-period-selector.sc-time-period-selector{dis
   }
   render() {
     var ue;
-    return h$3("div", { key: "e482a321073bccd2cef6b05f4e6ad95cd3386b3a", class: "time-period-selector" }, typeof this.selectedNumber == "number" && h$3("input-dropdown", { id: "time-number", name: "time-number", class: { error: this.hasError }, inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find((ge) => ge.value == this.selectedNumber.toString()) }), typeof this.selectedPeriod == "string" && h$3("select-dropdown", { id: "time-period", name: "time-period", options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? instance.t(`time.${this.selectedPeriod}s`) : instance.t(`time.${this.selectedPeriod}`), defaultSelectedOption: (ue = this.timePeriodOptions) == null ? void 0 : ue.find((ge) => ge.value == this.selectedPeriod), withSearch: !1 }));
+    return h$3("div", { key: "9e0fdc7e29a1f2736f392fa3ce86add3290d8361", class: "time-period-selector" }, typeof this.selectedNumber == "number" && h$3("input-dropdown", { id: "time-number", name: "time-number", class: { error: this.hasError }, inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find((ge) => ge.value == this.selectedNumber.toString()) }), typeof this.selectedPeriod == "string" && h$3("select-dropdown", { id: "time-period", name: "time-period", options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? instance.t(`time.${this.selectedPeriod}s`) : instance.t(`time.${this.selectedPeriod}`), defaultSelectedOption: (ue = this.timePeriodOptions) == null ? void 0 : ue.find((ge) => ge.value == this.selectedPeriod), withSearch: !1 }));
   }
   get host() {
     return this;
@@ -47325,18 +47325,18 @@ const NylasEditorTabsGroup = proxyCustomElement(class extends H$4 {
   }
   render() {
     var ue, ge;
-    return debug("[nylas-editor-tabs-group]", "render", this.formState), h$3(Host, { key: "afdf097ad3a673c5290d560773673f555319dcfb" }, h$3("form", { key: "7f7e51ad07c4b8f2c95a546fa847f4b14f002b15", onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: (Oe) => this.formRef = Oe, noValidate: !0 }, this.mode === "app" ? h$3("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, h$3("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: (Oe) => {
+    return debug("[nylas-editor-tabs-group]", "render", this.formState), h$3(Host, { key: "80f6d7605323f94c0c42c82a93a54841f7ce6fce" }, h$3("form", { key: "dc53448c3981f476b3dffb8b1415899d8af97ac7", onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: (Oe) => this.formRef = Oe, noValidate: !0 }, this.mode === "app" ? h$3("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, h$3("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: (Oe) => {
       this.setActiveTab(Oe, TabGroup.CalendarView);
-    } }, h$3("chevron-icon", { width: "16", height: "16" }), h$3("span", null, "Return to Calendar view"))) : null, this.mode === "app" ? h$3("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h$3("div", { class: "tabs", part: "editor__tabs net__tabs" }, h$3("button", { name: TabGroup.BookingOptions, class: { tab: !0, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: (Oe) => this.setActiveTab(Oe, TabGroup.BookingOptions) }, h$3("flow-icon", { width: "16", height: "16" }), instance.t("bookingOptionsTab")), h$3("button", { name: TabGroup.BookingForm, class: { tab: !0, active: this.activeTab == "bookingForm", hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: (Oe) => this.setActiveTab(Oe, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? h$3("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h$3("calendar-agenda-icon", { width: "16", height: "16" }), instance.t("bookingFormTab")), h$3("button", { name: TabGroup.Communications, class: { tab: !0, active: this.activeTab == "communications", hide: this.hideTab(TabGroup.Communications) }, onClick: (Oe) => this.setActiveTab(Oe, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? h$3("envelope-fill-icon", { width: "16", height: "16" }) : h$3("envelope-icon", { width: "16", height: "16" }), instance.t("communicationsTab")), h$3("button", { name: TabGroup.PageStyles, class: { tab: !0, active: this.activeTab == "pageStyles", hide: this.hideTab(TabGroup.PageStyles) }, onClick: (Oe) => this.setActiveTab(Oe, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? h$3("paintbrush-fill-icon", { width: "16", height: "16" }) : h$3("paintbrush-icon", { width: "16", height: "16" }), instance.t("pageStylesTab"))), h$3("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, h$3(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: ((ue = this.selectedConfiguration) == null ? void 0 : ue.id) ?? "new", i18next: instance }))) : h$3("div", { class: "composable", key: (ge = this.selectedConfiguration) == null ? void 0 : ge.id }, h$3("slot", null)), h$3("div", { key: "922210f9a184ff3ddb83630db4ae6ee1d9dd2944", class: "footer", part: "editor__footer net__footer" }, h$3("div", { key: "5d8a938c31b831833ebe3030fee8da39acb12edb", class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && h$3("button-component", { title: "Share your feedback", id: "report-issue", variant: "basic", onClick: (Oe) => this.onFeedbackClick(Oe) }, h$3("feedback-icon", null)), this.activeTab === TabGroup.CalendarView && h$3("button-component", { title: "Go to page settings", id: "page-settings", variant: "basic", onClick: (Oe) => this.setActiveTab(Oe, TabGroup.BookingOptions) }, "Page settings")), h$3("div", { key: "07889582bf417de6ccc1ce5a74f2a1c39559f9c0", class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h$3("p", { key: "ad80bbca9db6703743093ca6fee0bb3a949e66c6", class: {
+    } }, h$3("chevron-icon", { width: "16", height: "16" }), h$3("span", null, "Return to Calendar view"))) : null, this.mode === "app" ? h$3("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h$3("div", { class: "tabs", part: "editor__tabs net__tabs" }, h$3("button", { name: TabGroup.BookingOptions, class: { tab: !0, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: (Oe) => this.setActiveTab(Oe, TabGroup.BookingOptions) }, h$3("flow-icon", { width: "16", height: "16" }), instance.t("bookingOptionsTab")), h$3("button", { name: TabGroup.BookingForm, class: { tab: !0, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: (Oe) => this.setActiveTab(Oe, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? h$3("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h$3("calendar-agenda-icon", { width: "16", height: "16" }), instance.t("bookingFormTab")), h$3("button", { name: TabGroup.Communications, class: { tab: !0, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: (Oe) => this.setActiveTab(Oe, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? h$3("envelope-fill-icon", { width: "16", height: "16" }) : h$3("envelope-icon", { width: "16", height: "16" }), instance.t("communicationsTab")), h$3("button", { name: TabGroup.PageStyles, class: { tab: !0, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: (Oe) => this.setActiveTab(Oe, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? h$3("paintbrush-fill-icon", { width: "16", height: "16" }) : h$3("paintbrush-icon", { width: "16", height: "16" }), instance.t("pageStylesTab"))), h$3("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, h$3(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: ((ue = this.selectedConfiguration) == null ? void 0 : ue.id) ?? "new", i18next: instance }))) : h$3("div", { class: "composable", key: (ge = this.selectedConfiguration) == null ? void 0 : ge.id }, h$3("slot", null)), h$3("div", { key: "8f0cd2cc7110a467eaaeba5a8698be56b7242860", class: "footer", part: "editor__footer net__footer" }, h$3("div", { key: "6bc62bd12942861a5e529dabe0102272c48b7daa", class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && h$3("button-component", { title: "Share your feedback", id: "report-issue", variant: "basic", onClick: (Oe) => this.onFeedbackClick(Oe) }, h$3("feedback-icon", null)), this.activeTab === TabGroup.CalendarView && h$3("button-component", { title: "Go to page settings", id: "page-settings", variant: "basic", onClick: (Oe) => this.setActiveTab(Oe, TabGroup.BookingOptions) }, "Page settings")), h$3("div", { key: "f304c79865183375c2ff53285e60de1ef417c9a7", class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h$3("p", { key: "b17c3f605ed0bf2e41b5fd37515ebeb661582f9c", class: {
       "unsaved-changes": this.hasUnsavedChanges && !this.changesSaved,
       "saved-changes": this.changesSaved,
       error: this.error !== "",
       "error-full-width": this.error !== "" && this.action === "create"
-    } }, this.error !== "" ? this.error : "", this.error == "" && this.hasUnsavedChanges && !this.changesSaved && this.activeTab !== TabGroup.CalendarView ? instance.t("unsavedChangesLabel") : this.error == "" && this.changesSaved ? `${instance.t("changesSavedLabel")}!` : ""), h$3("div", { key: "a53e7d929f8e0cdaf36d2e43e98b8703cd6f2379", class: "footer-buttons__row" }, this.schedulerPreviewLink !== "" && this.action === "edit" && h$3("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
+    } }, this.error !== "" ? this.error : "", this.error == "" && this.hasUnsavedChanges && !this.changesSaved && this.activeTab !== TabGroup.CalendarView ? instance.t("unsavedChangesLabel") : this.error == "" && this.changesSaved ? `${instance.t("changesSavedLabel")}!` : ""), h$3("div", { key: "091db183c2fca1d28ae77f80243b76639ea6efa9", class: "footer-buttons__row" }, this.schedulerPreviewLink !== "" && this.action === "edit" && h$3("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
       Oe.preventDefault(), this.previewButtonClicked.emit(this.host).defaultPrevented || window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), "_blank");
-    }, variant: "basic" }, h$3("eye-icon", null)), h$3("button-component", { key: "9c048ca1576e4bd508461a172f3ffdfafcf39698", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
+    }, variant: "basic" }, h$3("eye-icon", null)), h$3("button-component", { key: "87c0a5643895914dfb58877e79a7c8e4de281713", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
       Oe.preventDefault(), this.cancelButtonClick.emit(), this.error = "";
-    }, variant: "basic", part: "editor__footer-cancel net__footer-cancel" }, instance.t("backButton")), h$3("button-component", { key: "778f71bc70660a4e279db51a56fda244966a5694", type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? h$3("span", null, instance.t("savingButtonText"), h$3("loading-icon", null), " ") : this.action === "create" ? `${instance.t("createButtonText")}` : `${instance.t("saveChangesButtonText")}`))))), this.showFeedbackModal && h$3("nylas-feedback-form", null));
+    }, variant: "basic", part: "editor__footer-cancel net__footer-cancel" }, instance.t("backButton")), h$3("button-component", { key: "0e65441dd017ddaec3eb451cc4abbca28820b6a6", type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? h$3("span", null, instance.t("savingButtonText"), h$3("loading-icon", null), " ") : this.action === "create" ? `${instance.t("createButtonText")}` : `${instance.t("saveChangesButtonText")}`))))), this.showFeedbackModal && h$3("nylas-feedback-form", null));
   }
   get host() {
     return this;