@nylas/web-elements 0.0.0-test-20250320185733 → 0.0.0-test-20250320205845

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

@@ -25100,14 +25100,14 @@ const NylasBookingFormConfig = proxyCustomElement(class extends H$4 {
       key: ln.key,
       default: ln.default,
       fieldLabelKey: ln.fieldLabelKey
-    } })).reduce((ln, ei) => (ln[ei.key] = {
+    } })).reduce((ln, ei) => (ei.key && (ln[ei.key] = {
       type: ei.type,
       required: ei.required,
       order: ei.order,
       options: ei.options,
       label: ei.label,
       default: ei.default
-    }, ln), {});
+    }), ln), {});
     this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(vt), this.name), ge && this.valueChanged.emit({
       value: JSON.stringify(vt),
       name: this.name
@@ -25128,7 +25128,7 @@ const NylasBookingFormConfig = proxyCustomElement(class extends H$4 {
   nylasFormDropdownChangedHandler(ue) {
     const { name: ge, value: Oe } = ue.detail;
     if (ge === "add-field") {
-      const Ke = FIELD_TYPES.find((ni) => ni.type === Oe), vt = Math.max(...this.formFields.map((ni) => ni.order)), ln = this.formFields.filter((ni) => ni.type === Ke.type).map((ni) => ni.key), ei = this.findNextMissingNumber(ln), ti = { ...Ke, label: Ke.label, key: `${Ke.type}_${Ke.label.split(" ").join("-")}_${ei}`, order: vt + 1 };
+      const Ke = FIELD_TYPES.find((ni) => ni.type === Oe), vt = Math.max(...this.formFields.map((ni) => ni.order)), ln = this.formFields.filter((ni) => ni.type === Ke.type && ni.key !== void 0).map((ni) => ni.key), ei = this.findNextMissingNumber(ln), ti = { ...Ke, label: Ke.label, key: `${Ke.type}_${Ke.label.split(" ").join("-")}_${ei}`, order: vt + 1 };
       this.formFields = [...this.formFields, ti], this.formFieldsChangedHandler(this.formFields);
     }
   }
@@ -25195,19 +25195,19 @@ const NylasBookingFormConfig = proxyCustomElement(class extends H$4 {
   }
   render() {
     var ue;
-    return h$3(Host, { key: "183d42d80a6fbe337eee289833402e46c526faca" }, h$3("div", { key: "657a095578fe17eb1e72f770c8a6d88a265c50a5", class: "nylas-booking-form-config", part: "nbfc" }, h$3("div", { key: "ed8a798df2d47e0dee10af9e68145dfa8c2de246", class: "header", part: "nbfc__header" }, h$3("div", { key: "767006f5bd6c2b44ea5493b80ea097522a0cd9f0", class: "header_text" }, h$3("h3", { key: "8c579c115dfc095e23e630a82e7b8e5f0af95f16" }, instance.t("nylasBookingFormConfig.headerTitle")), h$3("p", { key: "e3b55491d8dc723126d004cf312baca4649d7edb" }, instance.t("nylasBookingFormConfig.headerSubTitle"))), h$3("div", { key: "a1d5906845c34adf4a178409a5a8844ca3ab0fa9", class: "header_action" }, h$3("select-dropdown", { key: "7f96eeede35ca254fe6db4ee5cc20431c19216da", 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: "0e626aab9d7f44ccc7ade7e53f25893b1525571f", slot: "select-icon" }, h$3("plus-icon", { key: "0c53ab06519455d111d02751a81a5bb47d395e95", width: "15", height: "15" }))))), h$3("div", { key: "888007e957c4a562941ee4dca8e1f40eb81dc8c5", class: "content" }, h$3("div", { key: "c2ac9d0713a2970f643186371ff425027ca69ad9", 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: () => {
+    return h$3(Host, { key: "979fb00eb59c917ae078bc7485f2e7a771a80253" }, h$3("div", { key: "3116eff470816482ad76da6fc0b1ecf815d6a0c0", class: "nylas-booking-form-config", part: "nbfc" }, h$3("div", { key: "6a9ffc262d6b9c69adb7abb4ca6b6cc3740e0faa", class: "header", part: "nbfc__header" }, h$3("div", { key: "fc7a5a618a5e6b5cfc8f228eb70a246a42db6e6c", class: "header_text" }, h$3("h3", { key: "c115277fa4a00de5bb0290c15618e763391f083c" }, instance.t("nylasBookingFormConfig.headerTitle")), h$3("p", { key: "5e2dde9a7cd55433bd5578e832993b9eeed0aacc" }, instance.t("nylasBookingFormConfig.headerSubTitle"))), h$3("div", { key: "0a4308a32e2c06d5010a8eb9865b1d17e9a78b07", class: "header_action" }, h$3("select-dropdown", { key: "2ed2353ec43bae53973ff9126dcda12315d7c051", 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: "3e1bbe733b46cde957fea99873615eed2f5b9a00", slot: "select-icon" }, h$3("plus-icon", { key: "7d5b7b9d55ead7f14777cf9c1baab7d7b9509ee8", width: "15", height: "15" }))))), h$3("div", { key: "fa3b2480584501e345c2b940d0b3f01d4aeb365a", class: "content" }, h$3("div", { key: "e009e7c11d3362f3d7c3e798235c7fb8d97fd2bc", 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: () => {
       this.fieldToggle(Oe);
     } }, 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: () => {
       this.fieldRequired(Oe);
-    }, checked: ge.required, disabled: ge.readonly }), h$3("label", { htmlFor: `required_${ge.order}`, "aria-label": "Required" }, instance.t("required"))))))))), h$3("div", { key: "5be463e27566efe99dca16af56781b88757b00c2", 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: () => {
+    }, checked: ge.required, disabled: ge.readonly }), h$3("label", { htmlFor: `required_${ge.order}`, "aria-label": "Required" }, instance.t("required"))))))))), h$3("div", { key: "6e3e43cef3f490b42eed34b3ad87c82854dd07c8", 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: () => {
       const Ke = this.watchFields.title, vt = this.watchFields.description;
-      if (Ke && Ke.includes(ge.key)) {
+      if (Ke && ge.key && Ke.includes(ge.key)) {
         ge.error = instance.t("nylasBookingFormConfig.fieldInTitleError"), this.formFields = [...this.formFields], this.formFieldsChangedHandler(this.formFields), setTimeout(() => {
           ge.error = "", this.formFields = [...this.formFields], this.formFieldsChangedHandler(this.formFields);
         }, 3e3);
         return;
       }
-      if (vt && vt.includes(ge.key)) {
+      if (vt && ge.key && vt.includes(ge.key)) {
         ge.error = instance.t("nylasBookingFormConfig.fieldInDescriptionError"), this.formFields = [...this.formFields], this.formFieldsChangedHandler(this.formFields), setTimeout(() => {
           ge.error = "", this.formFields = [...this.formFields], this.formFieldsChangedHandler(this.formFields);
         }, 3e3);