@nylas/web-elements 0.0.0-test-20250320205845 → 0.0.0-test-20250327161320
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +10 -11
- package/dist/cjs/calendar-agenda-fill-icon_36.cjs.entry.js +6 -9
- package/dist/cjs/calendar-agenda-fill-icon_36.cjs.entry.js.map +1 -1
- package/dist/cjs/google-logo-icon_6.cjs.entry.js +5 -5
- package/dist/cjs/google-logo-icon_6.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-scheduler-editor.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-scheduling.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-transcript.cjs.entry.js +4 -4
- package/dist/cjs/nylas-transcript.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-video-player.cjs.entry.js +2 -2
- package/dist/cjs/nylas-video-player.cjs.entry.js.map +1 -1
- package/dist/cjs/scheduler-store-461fd2ff.js.map +1 -1
- package/dist/collection/components/nylas-notebook/nylas-transcript/nylas-transcript.css +5 -0
- package/dist/collection/components/nylas-notebook/nylas-transcript/nylas-transcript.js +3 -3
- package/dist/collection/components/nylas-notebook/nylas-transcript/nylas-transcript.js.map +1 -1
- package/dist/collection/components/nylas-notebook/nylas-video-player/nylas-video-player.css +0 -3
- package/dist/collection/components/nylas-notebook/nylas-video-player/nylas-video-player.js +1 -1
- package/dist/collection/components/nylas-notebook/nylas-video-player/nylas-video-player.js.map +1 -1
- package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js +1 -1
- package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-booking-form-config/nylas-booking-form-config.js +3 -5
- package/dist/collection/components/scheduler-editor/nylas-booking-form-config/nylas-booking-form-config.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-editor-tabs-group/nylas-editor-tabs-group.js +5 -5
- package/dist/collection/components/scheduler-editor/nylas-editor-tabs-group/nylas-editor-tabs-group.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-duration/test/nylas-event-duration-with-config-2.spec.js +58 -0
- package/dist/collection/components/scheduler-editor/nylas-event-duration/test/nylas-event-duration-with-config-2.spec.js.map +1 -0
- package/dist/collection/components/scheduler-editor/nylas-event-duration/test/nylas-event-duration-with-config.spec.js +0 -32
- package/dist/collection/components/scheduler-editor/nylas-event-duration/test/nylas-event-duration-with-config.spec.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-participants-custom-availability/nylas-participants-custom-availability.js +3 -4
- package/dist/collection/components/scheduler-editor/nylas-participants-custom-availability/nylas-participants-custom-availability.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-participants-custom-availability/test/nylas-participants-custom-availability.spec.js +12 -0
- package/dist/collection/components/scheduler-editor/nylas-participants-custom-availability/test/nylas-participants-custom-availability.spec.js.map +1 -1
- package/dist/collection/connector/shared/api/scheduler-config.js.map +1 -1
- package/dist/collection/types/index.js.map +1 -1
- package/dist/components/nylas-booking-form-config2.js +3 -5
- package/dist/components/nylas-booking-form-config2.js.map +1 -1
- package/dist/components/nylas-editor-tabs-group2.js +5 -5
- package/dist/components/nylas-editor-tabs-group2.js.map +1 -1
- package/dist/components/nylas-participants-custom-availability2.js +3 -4
- package/dist/components/nylas-participants-custom-availability2.js.map +1 -1
- package/dist/components/nylas-scheduler-editor.js.map +1 -1
- package/dist/components/nylas-scheduling.js.map +1 -1
- package/dist/components/nylas-transcript.js +4 -4
- package/dist/components/nylas-transcript.js.map +1 -1
- package/dist/components/nylas-video-player.js +2 -2
- package/dist/components/nylas-video-player.js.map +1 -1
- package/dist/components/scheduler-store.js.map +1 -1
- package/dist/esm/calendar-agenda-fill-icon_36.entry.js +6 -9
- package/dist/esm/calendar-agenda-fill-icon_36.entry.js.map +1 -1
- package/dist/esm/google-logo-icon_6.entry.js +5 -5
- package/dist/esm/google-logo-icon_6.entry.js.map +1 -1
- package/dist/esm/nylas-scheduler-editor.entry.js.map +1 -1
- package/dist/esm/nylas-scheduling.entry.js.map +1 -1
- package/dist/esm/nylas-transcript.entry.js +4 -4
- package/dist/esm/nylas-transcript.entry.js.map +1 -1
- package/dist/esm/nylas-video-player.entry.js +2 -2
- package/dist/esm/nylas-video-player.entry.js.map +1 -1
- package/dist/esm/scheduler-store-755ced0b.js.map +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
- package/dist/nylas-web-elements/p-4b48f29a.entry.js.map +1 -1
- package/dist/nylas-web-elements/p-68608216.entry.js.map +1 -1
- package/dist/nylas-web-elements/{p-f12cd991.entry.js → p-7fcdad32.entry.js} +2 -2
- package/dist/nylas-web-elements/p-7fcdad32.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-b1c57792.entry.js → p-c3f848d7.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-b1c57792.entry.js.map → p-c3f848d7.entry.js.map} +1 -1
- package/dist/nylas-web-elements/p-d1053aa8.entry.js +2 -0
- package/dist/nylas-web-elements/p-d1053aa8.entry.js.map +1 -0
- package/dist/nylas-web-elements/p-d36ad6ef.js.map +1 -1
- package/dist/nylas-web-elements/{p-11d7062d.entry.js → p-f4881c71.entry.js} +2 -2
- package/dist/nylas-web-elements/p-f4881c71.entry.js.map +1 -0
- package/dist/types/connector/shared/api/scheduler-config.d.ts +2 -2
- package/package.json +4 -4
- package/dist/nylas-web-elements/p-11d7062d.entry.js.map +0 -1
- package/dist/nylas-web-elements/p-3d93df74.entry.js +0 -2
- package/dist/nylas-web-elements/p-3d93df74.entry.js.map +0 -1
- package/dist/nylas-web-elements/p-f12cd991.entry.js.map +0 -1
|
@@ -25195,11 +25195,11 @@ const NylasBookingFormConfig = proxyCustomElement(class extends H$4 {
|
|
|
25195
25195
|
}
|
|
25196
25196
|
render() {
|
|
25197
25197
|
var ue;
|
|
25198
|
-
return h$3(Host, { key: "
|
|
25198
|
+
return h$3(Host, { key: "e0f16996249394ba2712e81a49cf36ea6564ec05" }, h$3("div", { key: "4dd44f9c72c8d0a3aeee984dfd84f17bff90625a", class: "nylas-booking-form-config", part: "nbfc" }, h$3("div", { key: "197adcf139b9039a986ddeb041c515094cebfd6c", class: "header", part: "nbfc__header" }, h$3("div", { key: "b6c7ee7740f34772de476dd305fed249b44d2de6", class: "header_text" }, h$3("h3", { key: "47746821f80cde68397416f80082eb7010e7e6f4" }, instance.t("nylasBookingFormConfig.headerTitle")), h$3("p", { key: "ca58778afafc99cf229c910c38a6267cb06094c5" }, instance.t("nylasBookingFormConfig.headerSubTitle"))), h$3("div", { key: "0d1ed1dc651aae41a02f25d4bef8a498a7efea6a", class: "header_action" }, h$3("select-dropdown", { key: "be4c11be458c04dae1013cb9f90be5ea60969dd7", name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: this.fieldTypes, withSearch: !1, withChevron: !1, dropdownButtonText: instance.t("nylasBookingFormConfig.dropdownButtonText") }, h$3("span", { key: "2551ed804324718f1a2bf588a331c2c0a651d8c3", slot: "select-icon" }, h$3("plus-icon", { key: "98cdb1849e4cfa5dd62eb0d25b09018f23d6c55d", width: "15", height: "15" }))))), h$3("div", { key: "fe7c1bdba3fc45544f7a9346142051e2626c9f0d", class: "content" }, h$3("div", { key: "fd253106a51dd9bdb6745c2775f78d30f8f7a2e1", class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((ge, Oe) => h$3("div", { class: `form-field draggable ${ge.readonly && "fixed"}`, part: "nbfc__form_field", key: Oe }, h$3("div", { class: "form-field_header", part: "nbfc__form_field-header" }, h$3("span", { class: "dragable" }, h$3("dragable-icon", { width: "24", height: "25" })), h$3("div", { class: "form-field_header_text" }, h$3("h4", null, instance.t(`nylasBookingFormConfig.fieldLabel.${ge.fieldLabelKey}`)), h$3("p", null, ge.typeLabel)), h$3("div", { class: "form-field_header_actions" }, h$3("span", { class: "is-required" }, ge.required ? instance.t("required") : instance.t("optional")), h$3("span", { class: `chevron ${ge.isOpen ? "open" : "closed"}`, onClick: () => {
|
|
25199
25199
|
this.fieldToggle(Oe);
|
|
25200
25200
|
} }, h$3("chevron-icon", { width: "24", height: "24" })))), h$3("div", { class: `form-field_content ${!ge.isOpen && "hidden"}`, part: "nbfc__form_field-content" }, h$3("div", { class: "inputs" }, h$3("input-component", { class: "label-input", name: `${Oe}`, key: Oe, label: instance.t("nylasBookingFormConfig.label"), required: !1, readOnly: ge.readonly, defaultValue: ge.label }, h$3("div", { class: "required-input", slot: "additional-input" }, h$3("input", { type: "checkbox", name: `required_${ge.order}`, id: `required_${ge.order}`, onClick: () => {
|
|
25201
25201
|
this.fieldRequired(Oe);
|
|
25202
|
-
}, checked: ge.required, disabled: ge.readonly }), h$3("label", { htmlFor: `required_${ge.order}`, "aria-label": "Required" }, instance.t("required"))))))))), h$3("div", { key: "
|
|
25202
|
+
}, checked: ge.required, disabled: ge.readonly }), h$3("label", { htmlFor: `required_${ge.order}`, "aria-label": "Required" }, instance.t("required"))))))))), h$3("div", { key: "825ca08b506c8016f3d8206489bdeeee4b789c82", id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, (ue = this.formFields) == null ? void 0 : ue.map((ge, Oe) => h$3("div", { class: `form-field draggable ${ge != null && ge.readonly ? "fixed" : ""}`, part: "nbfc__form_field", key: ge.key }, h$3("div", { class: "form-field_header", part: "nbfc__form_field-header" }, h$3("span", { class: "dragable" }, h$3("dragable-icon", { width: "24", height: "25" })), h$3("div", { class: "form-field_header_text" }, h$3("h4", null, instance.t(`nylasBookingFormConfig.fieldLabel.${ge.fieldLabelKey}`)), h$3("p", null, ge.typeLabel)), h$3("div", { class: "form-field_header_actions" }, h$3("span", { class: "is-required" }, ge.required ? instance.t("required") : instance.t("optional")), !ge.readonly && h$3("button", { onClick: () => {
|
|
25203
25203
|
const Ke = this.watchFields.title, vt = this.watchFields.description;
|
|
25204
25204
|
if (Ke && ge.key && Ke.includes(ge.key)) {
|
|
25205
25205
|
ge.error = instance.t("nylasBookingFormConfig.fieldInTitleError"), this.formFields = [...this.formFields], this.formFieldsChangedHandler(this.formFields), setTimeout(() => {
|
|
@@ -29256,10 +29256,9 @@ const NylasParticipantsCustomAvailability = proxyCustomElement(class extends H$4
|
|
|
29256
29256
|
this.selectedParticipants[vt].openHours = ei, this.selectedParticipants = { ...this.selectedParticipants }, this.updateFormValue();
|
|
29257
29257
|
}
|
|
29258
29258
|
updateFormValue() {
|
|
29259
|
-
var Oe;
|
|
29260
29259
|
const ue = {};
|
|
29261
|
-
(
|
|
29262
|
-
ue[
|
|
29260
|
+
Object.keys(this.selectedParticipants).forEach((ge) => {
|
|
29261
|
+
ue[ge] = this.selectedParticipants[ge].openHours;
|
|
29263
29262
|
}), this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(ue), this.name), this.valueChanged.emit({ value: JSON.stringify(ue), name: this.name });
|
|
29264
29263
|
}
|
|
29265
29264
|
setParticipants(ue) {
|
|
@@ -29280,7 +29279,7 @@ const NylasParticipantsCustomAvailability = proxyCustomElement(class extends H$4
|
|
|
29280
29279
|
return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
|
|
29281
29280
|
}
|
|
29282
29281
|
render() {
|
|
29283
|
-
return h$3(Host, { key: "
|
|
29282
|
+
return h$3(Host, { key: "3c4983c971e133b5f1f77b4b435a8001fed0fa53" }, h$3("div", { key: "c80b00ed32e7b0d3ce78cbda214f15a2e07bd5e6", class: "nylas-participants-custom-availability", part: "npca" }, h$3("div", { key: "f1adc8fed54bedb012808e98c15943f6aa0ae3e5", class: "header", part: "npca__header" }, h$3("h3", { key: "e029d902dd4bad8ebc79cba56026e9e493235e8e" }, instance.t("nylasParticipantCustomAvailability.headerTitle")), h$3("p", { key: "943ff798c572865d25a8270f04515405adc03231" }, instance.t("nylasParticipantCustomAvailability.headerSubTitle"))), h$3("div", { key: "bc10d84b37b4499fa1c17d99fb8a0d208dac7422", class: "content", part: "npca__content" }, h$3("form", { key: "189d5ee292f0c895d9d6c4f58970d37fb657f7b0", ref: (ue) => this.participantFormRef = ue }, Object.keys(this.selectedParticipants).map((ue, ge) => {
|
|
29284
29283
|
var vt;
|
|
29285
29284
|
const Oe = this.selectedParticipants[ue], Ke = ((vt = Oe.availability) == null ? void 0 : vt.open_hours) || [];
|
|
29286
29285
|
if (!(!Oe || !Oe.name || !Oe.availability))
|
|
@@ -47325,18 +47324,18 @@ const NylasEditorTabsGroup = proxyCustomElement(class extends H$4 {
|
|
|
47325
47324
|
}
|
|
47326
47325
|
render() {
|
|
47327
47326
|
var ue, ge;
|
|
47328
|
-
return debug("[nylas-editor-tabs-group]", "render", this.formState), h$3(Host, { key: "
|
|
47327
|
+
return debug("[nylas-editor-tabs-group]", "render", this.formState), h$3(Host, { key: "cf025708c655e2aee605430428f78cc98b83a36d" }, h$3("form", { key: "b9043cb7810321296d11bd11934e8cb7bcc79eb1", 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) => {
|
|
47329
47328
|
this.setActiveTab(Oe, TabGroup.CalendarView);
|
|
47330
|
-
} }, 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: "
|
|
47329
|
+
} }, 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: "50f69aab7b22a587606b5406c91759e51addb44f", class: "footer", part: "editor__footer net__footer" }, h$3("div", { key: "26ebcb6c1cc508e1f10fe20eb4c5857023173605", 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: "ee32dd94e37aeb792814141170a5767d731269bb", class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h$3("p", { key: "498062aecdb216bc247b2e114ac2e8bf69183fd8", class: {
|
|
47331
47330
|
"unsaved-changes": this.hasUnsavedChanges && !this.changesSaved,
|
|
47332
47331
|
"saved-changes": this.changesSaved,
|
|
47333
47332
|
error: this.error !== "",
|
|
47334
47333
|
"error-full-width": this.error !== "" && this.action === "create"
|
|
47335
|
-
} }, 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: "
|
|
47334
|
+
} }, 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: "f0dface3c46b80bc47567a4e681bf41cf312a514", class: "footer-buttons__row" }, this.schedulerPreviewLink !== "" && this.action === "edit" && h$3("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
|
|
47336
47335
|
Oe.preventDefault(), this.previewButtonClicked.emit(this.host).defaultPrevented || window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), "_blank");
|
|
47337
|
-
}, variant: "basic" }, h$3("eye-icon", null)), h$3("button-component", { key: "
|
|
47336
|
+
}, variant: "basic" }, h$3("eye-icon", null)), h$3("button-component", { key: "1eeecd13d02200db7e19dcdd82196d03e6bd8347", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
|
|
47338
47337
|
Oe.preventDefault(), this.cancelButtonClick.emit(), this.error = "";
|
|
47339
|
-
}, variant: "basic", part: "editor__footer-cancel net__footer-cancel" }, instance.t("backButton")), h$3("button-component", { key: "
|
|
47338
|
+
}, variant: "basic", part: "editor__footer-cancel net__footer-cancel" }, instance.t("backButton")), h$3("button-component", { key: "28d33ae984c3a42a985342c7dda7d45c296a27bb", 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));
|
|
47340
47339
|
}
|
|
47341
47340
|
get host() {
|
|
47342
47341
|
return this;
|
|
@@ -3791,9 +3791,7 @@ const NylasBookingFormConfig = class {
|
|
|
3791
3791
|
if (name === 'add-field') {
|
|
3792
3792
|
const field = constants.FIELD_TYPES.find(f => f.type === value);
|
|
3793
3793
|
const maxOrder = Math.max(...this.formFields.map(f => f.order));
|
|
3794
|
-
const existingFieldKeys = this.formFields
|
|
3795
|
-
.filter(f => f.type === field.type && f.key !== undefined)
|
|
3796
|
-
.map(f => f.key);
|
|
3794
|
+
const existingFieldKeys = this.formFields.filter(f => f.type === field.type && f.key !== undefined).map(f => f.key);
|
|
3797
3795
|
const next = this.findNextMissingNumber(existingFieldKeys);
|
|
3798
3796
|
const newField = { ...field, label: field.label, key: `${field.type}_${field.label.split(' ').join('-')}_${next}`, order: maxOrder + 1 };
|
|
3799
3797
|
this.formFields = [...this.formFields, newField];
|
|
@@ -3927,13 +3925,13 @@ const NylasBookingFormConfig = class {
|
|
|
3927
3925
|
this.formFieldsChangedHandler(this.formFields);
|
|
3928
3926
|
}
|
|
3929
3927
|
render() {
|
|
3930
|
-
return (index$1.h(index$1.Host, { key: '
|
|
3928
|
+
return (index$1.h(index$1.Host, { key: 'e0f16996249394ba2712e81a49cf36ea6564ec05' }, index$1.h("div", { key: '4dd44f9c72c8d0a3aeee984dfd84f17bff90625a', class: "nylas-booking-form-config", part: "nbfc" }, index$1.h("div", { key: '197adcf139b9039a986ddeb041c515094cebfd6c', class: "header", part: "nbfc__header" }, index$1.h("div", { key: 'b6c7ee7740f34772de476dd305fed249b44d2de6', class: "header_text" }, index$1.h("h3", { key: '47746821f80cde68397416f80082eb7010e7e6f4' }, utils.instance.t('nylasBookingFormConfig.headerTitle')), index$1.h("p", { key: 'ca58778afafc99cf229c910c38a6267cb06094c5' }, utils.instance.t('nylasBookingFormConfig.headerSubTitle'))), index$1.h("div", { key: '0d1ed1dc651aae41a02f25d4bef8a498a7efea6a', class: "header_action" }, index$1.h("select-dropdown", { key: 'be4c11be458c04dae1013cb9f90be5ea60969dd7', name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: this.fieldTypes, withSearch: false, withChevron: false, dropdownButtonText: utils.instance.t('nylasBookingFormConfig.dropdownButtonText') }, index$1.h("span", { key: '2551ed804324718f1a2bf588a331c2c0a651d8c3', slot: "select-icon" }, index$1.h("plus-icon", { key: '98cdb1849e4cfa5dd62eb0d25b09018f23d6c55d', width: "15", height: "15" }))))), index$1.h("div", { key: 'fe7c1bdba3fc45544f7a9346142051e2626c9f0d', class: "content" }, index$1.h("div", { key: 'fd253106a51dd9bdb6745c2775f78d30f8f7a2e1', class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((field, i) => {
|
|
3931
3929
|
return (index$1.h("div", { class: `form-field draggable ${field.readonly && 'fixed'}`, part: "nbfc__form_field", key: i }, index$1.h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, index$1.h("span", { class: "dragable" }, index$1.h("dragable-icon", { width: "24", height: "25" })), index$1.h("div", { class: "form-field_header_text" }, index$1.h("h4", null, utils.instance.t(`nylasBookingFormConfig.fieldLabel.${field.fieldLabelKey}`)), index$1.h("p", null, field.typeLabel)), index$1.h("div", { class: "form-field_header_actions" }, index$1.h("span", { class: `is-required` }, field.required ? utils.instance.t('required') : utils.instance.t('optional')), index$1.h("span", { class: `chevron ${field.isOpen ? 'open' : 'closed'}`, onClick: () => {
|
|
3932
3930
|
this.fieldToggle(i);
|
|
3933
3931
|
} }, index$1.h("chevron-icon", { width: "24", height: "24" })))), index$1.h("div", { class: `form-field_content ${!field.isOpen && 'hidden'}`, part: "nbfc__form_field-content" }, index$1.h("div", { class: "inputs" }, index$1.h("input-component", { class: 'label-input', name: `${i}`, key: i, label: utils.instance.t('nylasBookingFormConfig.label'), required: false, readOnly: field.readonly, defaultValue: field.label }, index$1.h("div", { class: "required-input", slot: "additional-input" }, index$1.h("input", { type: "checkbox", name: `required_${field.order}`, id: `required_${field.order}`, onClick: () => {
|
|
3934
3932
|
this.fieldRequired(i);
|
|
3935
3933
|
}, checked: field.required, disabled: field.readonly }), index$1.h("label", { htmlFor: `required_${field.order}`, "aria-label": "Required" }, utils.instance.t('required'))))))));
|
|
3936
|
-
})), index$1.h("div", { key: '
|
|
3934
|
+
})), index$1.h("div", { key: '825ca08b506c8016f3d8206489bdeeee4b789c82', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields?.map((field, i) => {
|
|
3937
3935
|
return (index$1.h("div", { class: `form-field draggable ${field?.readonly ? 'fixed' : ''}`, part: "nbfc__form_field", key: field.key }, index$1.h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, index$1.h("span", { class: "dragable" }, index$1.h("dragable-icon", { width: "24", height: "25" })), index$1.h("div", { class: "form-field_header_text" }, index$1.h("h4", null, utils.instance.t(`nylasBookingFormConfig.fieldLabel.${field.fieldLabelKey}`)), index$1.h("p", null, field.typeLabel)), index$1.h("div", { class: "form-field_header_actions" }, index$1.h("span", { class: `is-required` }, field.required ? utils.instance.t('required') : utils.instance.t('optional')), !field.readonly && (index$1.h("button", { onClick: () => {
|
|
3938
3936
|
const title = this.watchFields.title;
|
|
3939
3937
|
const description = this.watchFields.description;
|
|
@@ -6790,9 +6788,8 @@ const NylasParticipantsCustomAvailability = class {
|
|
|
6790
6788
|
}
|
|
6791
6789
|
updateFormValue() {
|
|
6792
6790
|
const participantOpenHours = {};
|
|
6793
|
-
|
|
6794
|
-
|
|
6795
|
-
participantOpenHours[participant.email] = this.selectedParticipants[participant.email].openHours;
|
|
6791
|
+
Object.keys(this.selectedParticipants).forEach(key => {
|
|
6792
|
+
participantOpenHours[key] = this.selectedParticipants[key].openHours;
|
|
6796
6793
|
});
|
|
6797
6794
|
this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(participantOpenHours), this.name);
|
|
6798
6795
|
this.valueChanged.emit({ value: JSON.stringify(participantOpenHours), name: this.name });
|
|
@@ -6815,7 +6812,7 @@ const NylasParticipantsCustomAvailability = class {
|
|
|
6815
6812
|
return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
|
|
6816
6813
|
}
|
|
6817
6814
|
render() {
|
|
6818
|
-
return (index$1.h(index$1.Host, { key: '
|
|
6815
|
+
return (index$1.h(index$1.Host, { key: '3c4983c971e133b5f1f77b4b435a8001fed0fa53' }, index$1.h("div", { key: 'c80b00ed32e7b0d3ce78cbda214f15a2e07bd5e6', class: "nylas-participants-custom-availability", part: "npca" }, index$1.h("div", { key: 'f1adc8fed54bedb012808e98c15943f6aa0ae3e5', class: "header", part: "npca__header" }, index$1.h("h3", { key: 'e029d902dd4bad8ebc79cba56026e9e493235e8e' }, utils.instance.t('nylasParticipantCustomAvailability.headerTitle')), index$1.h("p", { key: '943ff798c572865d25a8270f04515405adc03231' }, utils.instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), index$1.h("div", { key: 'bc10d84b37b4499fa1c17d99fb8a0d208dac7422', class: "content", part: "npca__content" }, index$1.h("form", { key: '189d5ee292f0c895d9d6c4f58970d37fb657f7b0', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
|
|
6819
6816
|
const participant = this.selectedParticipants[key];
|
|
6820
6817
|
const participantOpenHours = participant.availability?.open_hours || [];
|
|
6821
6818
|
if (!participant || !participant.name || !participant.availability)
|