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

package/dist/cjs/calendar-agenda-fill-icon_36.cjs.entry.js

@@ -3745,14 +3745,16 @@ const NylasBookingFormConfig = class {
             return { ...field };
         });
         const addFieldsMap = sortedFields.reduce((acc, field) => {
-            acc[field.key] = {
-                type: field.type,
-                required: field.required,
-                order: field.order,
-                options: field.options,
-                label: field.label,
-                default: field.default,
-            };
+            if (field.key) {
+                acc[field.key] = {
+                    type: field.type,
+                    required: field.required,
+                    order: field.order,
+                    options: field.options,
+                    label: field.label,
+                    default: field.default,
+                };
+            }
             return acc;
         }, {});
         this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(addFieldsMap), this.name);
@@ -3789,7 +3791,9 @@ const NylasBookingFormConfig = class {
         if (name === 'add-field') {
             const field = constants.FIELD_TYPES.find(f => f.type === value);
             const maxOrder = Math.max(...this.formFields.map(f => f.order));
-            const existingFieldKeys = this.formFields.filter(f => f.type === field.type).map(f => f.key);
+            const existingFieldKeys = this.formFields
+                .filter(f => f.type === field.type && f.key !== undefined)
+                .map(f => f.key);
             const next = this.findNextMissingNumber(existingFieldKeys);
             const newField = { ...field, label: field.label, key: `${field.type}_${field.label.split(' ').join('-')}_${next}`, order: maxOrder + 1 };
             this.formFields = [...this.formFields, newField];
@@ -3923,17 +3927,17 @@ const NylasBookingFormConfig = class {
         this.formFieldsChangedHandler(this.formFields);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '183d42d80a6fbe337eee289833402e46c526faca' }, index$1.h("div", { key: '657a095578fe17eb1e72f770c8a6d88a265c50a5', class: "nylas-booking-form-config", part: "nbfc" }, index$1.h("div", { key: 'ed8a798df2d47e0dee10af9e68145dfa8c2de246', class: "header", part: "nbfc__header" }, index$1.h("div", { key: '767006f5bd6c2b44ea5493b80ea097522a0cd9f0', class: "header_text" }, index$1.h("h3", { key: '8c579c115dfc095e23e630a82e7b8e5f0af95f16' }, utils.instance.t('nylasBookingFormConfig.headerTitle')), index$1.h("p", { key: 'e3b55491d8dc723126d004cf312baca4649d7edb' }, utils.instance.t('nylasBookingFormConfig.headerSubTitle'))), index$1.h("div", { key: 'a1d5906845c34adf4a178409a5a8844ca3ab0fa9', class: "header_action" }, index$1.h("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: false, withChevron: false, dropdownButtonText: utils.instance.t('nylasBookingFormConfig.dropdownButtonText') }, index$1.h("span", { key: '0e626aab9d7f44ccc7ade7e53f25893b1525571f', slot: "select-icon" }, index$1.h("plus-icon", { key: '0c53ab06519455d111d02751a81a5bb47d395e95', width: "15", height: "15" }))))), index$1.h("div", { key: '888007e957c4a562941ee4dca8e1f40eb81dc8c5', class: "content" }, index$1.h("div", { key: 'c2ac9d0713a2970f643186371ff425027ca69ad9', class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((field, i) => {
+        return (index$1.h(index$1.Host, { key: '979fb00eb59c917ae078bc7485f2e7a771a80253' }, index$1.h("div", { key: '3116eff470816482ad76da6fc0b1ecf815d6a0c0', class: "nylas-booking-form-config", part: "nbfc" }, index$1.h("div", { key: '6a9ffc262d6b9c69adb7abb4ca6b6cc3740e0faa', class: "header", part: "nbfc__header" }, index$1.h("div", { key: 'fc7a5a618a5e6b5cfc8f228eb70a246a42db6e6c', class: "header_text" }, index$1.h("h3", { key: 'c115277fa4a00de5bb0290c15618e763391f083c' }, utils.instance.t('nylasBookingFormConfig.headerTitle')), index$1.h("p", { key: '5e2dde9a7cd55433bd5578e832993b9eeed0aacc' }, utils.instance.t('nylasBookingFormConfig.headerSubTitle'))), index$1.h("div", { key: '0a4308a32e2c06d5010a8eb9865b1d17e9a78b07', class: "header_action" }, index$1.h("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: false, withChevron: false, dropdownButtonText: utils.instance.t('nylasBookingFormConfig.dropdownButtonText') }, index$1.h("span", { key: '3e1bbe733b46cde957fea99873615eed2f5b9a00', slot: "select-icon" }, index$1.h("plus-icon", { key: '7d5b7b9d55ead7f14777cf9c1baab7d7b9509ee8', width: "15", height: "15" }))))), index$1.h("div", { key: 'fa3b2480584501e345c2b940d0b3f01d4aeb365a', class: "content" }, index$1.h("div", { key: 'e009e7c11d3362f3d7c3e798235c7fb8d97fd2bc', class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((field, i) => {
             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: () => {
                     this.fieldToggle(i);
                 } }, 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: () => {
                     this.fieldRequired(i);
                 }, checked: field.required, disabled: field.readonly }), index$1.h("label", { htmlFor: `required_${field.order}`, "aria-label": "Required" }, utils.instance.t('required'))))))));
-        })), index$1.h("div", { key: '5be463e27566efe99dca16af56781b88757b00c2', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields?.map((field, i) => {
+        })), index$1.h("div", { key: '6e3e43cef3f490b42eed34b3ad87c82854dd07c8', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields?.map((field, i) => {
             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: () => {
                     const title = this.watchFields.title;
                     const description = this.watchFields.description;
-                    if (title && title.includes(field.key)) {
+                    if (title && field.key && title.includes(field.key)) {
                         field.error = utils.instance.t('nylasBookingFormConfig.fieldInTitleError');
                         this.formFields = [...this.formFields];
                         this.formFieldsChangedHandler(this.formFields);
@@ -3944,7 +3948,7 @@ const NylasBookingFormConfig = class {
                         }, 3000);
                         return;
                     }
-                    if (description && description.includes(field.key)) {
+                    if (description && field.key && description.includes(field.key)) {
                         field.error = utils.instance.t('nylasBookingFormConfig.fieldInDescriptionError');
                         this.formFields = [...this.formFields];
                         this.formFieldsChangedHandler(this.formFields);