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

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

@@ -3787,9 +3787,7 @@ const NylasBookingFormConfig = class {
         if (name === 'add-field') {
             const field = 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 && f.key !== undefined)
-                .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,13 +3921,13 @@ const NylasBookingFormConfig = class {
         this.formFieldsChangedHandler(this.formFields);
     }
     render() {
-        return (h(Host, { key: '979fb00eb59c917ae078bc7485f2e7a771a80253' }, h("div", { key: '3116eff470816482ad76da6fc0b1ecf815d6a0c0', class: "nylas-booking-form-config", part: "nbfc" }, h("div", { key: '6a9ffc262d6b9c69adb7abb4ca6b6cc3740e0faa', class: "header", part: "nbfc__header" }, h("div", { key: 'fc7a5a618a5e6b5cfc8f228eb70a246a42db6e6c', class: "header_text" }, h("h3", { key: 'c115277fa4a00de5bb0290c15618e763391f083c' }, instance.t('nylasBookingFormConfig.headerTitle')), h("p", { key: '5e2dde9a7cd55433bd5578e832993b9eeed0aacc' }, instance.t('nylasBookingFormConfig.headerSubTitle'))), h("div", { key: '0a4308a32e2c06d5010a8eb9865b1d17e9a78b07', class: "header_action" }, 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: instance.t('nylasBookingFormConfig.dropdownButtonText') }, h("span", { key: '3e1bbe733b46cde957fea99873615eed2f5b9a00', slot: "select-icon" }, h("plus-icon", { key: '7d5b7b9d55ead7f14777cf9c1baab7d7b9509ee8', width: "15", height: "15" }))))), h("div", { key: 'fa3b2480584501e345c2b940d0b3f01d4aeb365a', class: "content" }, h("div", { key: 'e009e7c11d3362f3d7c3e798235c7fb8d97fd2bc', class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((field, i) => {
+        return (h(Host, { key: 'e0f16996249394ba2712e81a49cf36ea6564ec05' }, h("div", { key: '4dd44f9c72c8d0a3aeee984dfd84f17bff90625a', class: "nylas-booking-form-config", part: "nbfc" }, h("div", { key: '197adcf139b9039a986ddeb041c515094cebfd6c', class: "header", part: "nbfc__header" }, h("div", { key: 'b6c7ee7740f34772de476dd305fed249b44d2de6', class: "header_text" }, h("h3", { key: '47746821f80cde68397416f80082eb7010e7e6f4' }, instance.t('nylasBookingFormConfig.headerTitle')), h("p", { key: 'ca58778afafc99cf229c910c38a6267cb06094c5' }, instance.t('nylasBookingFormConfig.headerSubTitle'))), h("div", { key: '0d1ed1dc651aae41a02f25d4bef8a498a7efea6a', class: "header_action" }, 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: instance.t('nylasBookingFormConfig.dropdownButtonText') }, h("span", { key: '2551ed804324718f1a2bf588a331c2c0a651d8c3', slot: "select-icon" }, h("plus-icon", { key: '98cdb1849e4cfa5dd62eb0d25b09018f23d6c55d', width: "15", height: "15" }))))), h("div", { key: 'fe7c1bdba3fc45544f7a9346142051e2626c9f0d', class: "content" }, h("div", { key: 'fd253106a51dd9bdb6745c2775f78d30f8f7a2e1', class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((field, i) => {
             return (h("div", { class: `form-field draggable ${field.readonly && 'fixed'}`, part: "nbfc__form_field", key: i }, h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, h("span", { class: "dragable" }, h("dragable-icon", { width: "24", height: "25" })), h("div", { class: "form-field_header_text" }, h("h4", null, instance.t(`nylasBookingFormConfig.fieldLabel.${field.fieldLabelKey}`)), h("p", null, field.typeLabel)), h("div", { class: "form-field_header_actions" }, h("span", { class: `is-required` }, field.required ? instance.t('required') : instance.t('optional')), h("span", { class: `chevron ${field.isOpen ? 'open' : 'closed'}`, onClick: () => {
                     this.fieldToggle(i);
                 } }, h("chevron-icon", { width: "24", height: "24" })))), h("div", { class: `form-field_content ${!field.isOpen && 'hidden'}`, part: "nbfc__form_field-content" }, h("div", { class: "inputs" }, h("input-component", { class: 'label-input', name: `${i}`, key: i, label: instance.t('nylasBookingFormConfig.label'), required: false, readOnly: field.readonly, defaultValue: field.label }, h("div", { class: "required-input", slot: "additional-input" }, h("input", { type: "checkbox", name: `required_${field.order}`, id: `required_${field.order}`, onClick: () => {
                     this.fieldRequired(i);
                 }, checked: field.required, disabled: field.readonly }), h("label", { htmlFor: `required_${field.order}`, "aria-label": "Required" }, instance.t('required'))))))));
-        })), h("div", { key: '6e3e43cef3f490b42eed34b3ad87c82854dd07c8', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields?.map((field, i) => {
+        })), h("div", { key: '825ca08b506c8016f3d8206489bdeeee4b789c82', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields?.map((field, i) => {
             return (h("div", { class: `form-field draggable ${field?.readonly ? 'fixed' : ''}`, part: "nbfc__form_field", key: field.key }, h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, h("span", { class: "dragable" }, h("dragable-icon", { width: "24", height: "25" })), h("div", { class: "form-field_header_text" }, h("h4", null, instance.t(`nylasBookingFormConfig.fieldLabel.${field.fieldLabelKey}`)), h("p", null, field.typeLabel)), h("div", { class: "form-field_header_actions" }, h("span", { class: `is-required` }, field.required ? instance.t('required') : instance.t('optional')), !field.readonly && (h("button", { onClick: () => {
                     const title = this.watchFields.title;
                     const description = this.watchFields.description;
@@ -6786,9 +6784,8 @@ const NylasParticipantsCustomAvailability = class {
     }
     updateFormValue() {
         const participantOpenHours = {};
-        const participants = this.selectedConfiguration?.participants || this.participants;
-        participants.forEach(participant => {
-            participantOpenHours[participant.email] = this.selectedParticipants[participant.email].openHours;
+        Object.keys(this.selectedParticipants).forEach(key => {
+            participantOpenHours[key] = this.selectedParticipants[key].openHours;
         });
         this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(participantOpenHours), this.name);
         this.valueChanged.emit({ value: JSON.stringify(participantOpenHours), name: this.name });
@@ -6811,7 +6808,7 @@ const NylasParticipantsCustomAvailability = class {
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     render() {
-        return (h(Host, { key: '3b2ec52f54435823e377673d6b2ebd274d75a9b0' }, h("div", { key: 'a5d310fbdd12acc60b2c32b2821998048bf44bb0', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'c31faecd68fcfd628966cfbe2b504196e08a070a', class: "header", part: "npca__header" }, h("h3", { key: '567baca7903258ff0c315e7e8a285e8efbeb5cd4' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'bc4385b9f73faacfb0108146909a1aee09e58b3e' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), h("div", { key: 'd41961b1b37647f8fdadfb74f61170faf2fdb874', class: "content", part: "npca__content" }, h("form", { key: '6270e1a03cdbc615ba72484548b9263489c7b006', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (h(Host, { key: '3c4983c971e133b5f1f77b4b435a8001fed0fa53' }, h("div", { key: 'c80b00ed32e7b0d3ce78cbda214f15a2e07bd5e6', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'f1adc8fed54bedb012808e98c15943f6aa0ae3e5', class: "header", part: "npca__header" }, h("h3", { key: 'e029d902dd4bad8ebc79cba56026e9e493235e8e' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: '943ff798c572865d25a8270f04515405adc03231' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), h("div", { key: 'bc10d84b37b4499fa1c17d99fb8a0d208dac7422', class: "content", part: "npca__content" }, h("form", { key: '189d5ee292f0c895d9d6c4f58970d37fb657f7b0', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             const participantOpenHours = participant.availability?.open_hours || [];
             if (!participant || !participant.name || !participant.availability)