@nylas/web-elements 1.1.0-canary.21 → 1.1.0-canary.22

package/dist/collection/components/scheduler/nylas-scheduling/test/nylas-scheduling.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"nylas-scheduling.spec.js","sourceRoot":"","sources":["../../../../../src/components/scheduler/nylas-scheduling/test/nylas-scheduling.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasScheduling } from '../nylas-scheduling';\nimport { h } from '@stencil/core';\n\ndescribe('nylas-scheduling', () => {\n  const REAL_DATE = Date;\n  const testBookingRef = 'Of_H8WLEQ4aZTtx0NKajeAF1l9qpekHbo4by7AaZc8M=';\n  beforeEach(() => {\n    // Clear and reset the mock before each test if needed\n    jest.clearAllMocks();\n  });\n\n  beforeAll(() => {\n    const originalDate = Date;\n    global.Date = class extends originalDate {\n      constructor(date?: string | number) {\n        super(date ? date : '2022-01-01T00:00:00.000Z');\n      }\n    } as DateConstructor;\n  });\n\n  afterAll(() => {\n    global.Date = REAL_DATE;\n  });\n\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling></nylas-scheduling>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('projects custom booking form into slot', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `\n        <nylas-scheduling>\n          <div slot=\"custom-booking-form\">Custom Booking Form</div>\n        </nylas-scheduling>\n      `,\n    });\n\n    const customFormSlot = page?.root?.querySelector('[slot=\"custom-booking-form\"]') as HTMLDivElement;\n    expect(customFormSlot.textContent).toBe('Custom Booking Form');\n  });\n\n  it('listens for NylasSchedulingError event and updates state', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling></nylas-scheduling>`,\n    });\n\n    const mockError = { title: 'Error', description: 'Test Error', type: 'error', category: 'component', ttl: 'none' };\n    const errorEvent = new CustomEvent('NylasSchedulingError', { detail: mockError, bubbles: true });\n    page.win.dispatchEvent(errorEvent);\n    await page.waitForChanges();\n\n    const notification = page?.root?.shadowRoot?.querySelector('nylas-notification');\n    expect(notification).not.toBeNull();\n    const notifRoot = notification?.shadowRoot?.querySelector('.notif');\n    expect(notifRoot).not.toBeNull();\n  });\n\n  it('shows no error when configID is set, and no sessionID is set', async () => {\n    const availability = [\n      {\n        emails: ['xyz@gmail.com'],\n        end_time: new Date(1709303400000),\n        start_time: new Date(1709301600000),\n      },\n    ];\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      template: () => (\n        <nylas-scheduling\n          config-id=\"configid\"\n          defaultSchedulerState={{\n            availability,\n          }}\n        ></nylas-scheduling>\n      ),\n    });\n\n    await page.waitForChanges();\n\n    const notification = page?.root?.shadowRoot?.querySelector('nylas-notification');\n    const notifRoot = notification?.shadowRoot?.querySelector('.notif');\n    expect(notifRoot).toBeUndefined();\n  });\n\n  it('listens for dateSelected event and updates date label', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling></nylas-scheduling>`,\n    });\n\n    const selectedDate = new Date();\n    const dateSelectedEvent = new CustomEvent('dateSelected', { detail: selectedDate, bubbles: true });\n    page.win.dispatchEvent(dateSelectedEvent);\n    await page.waitForChanges();\n\n    const selectedDateLabel = page?.root?.shadowRoot?.querySelector('#selectedDate');\n    expect(selectedDateLabel?.textContent).toBe('No date selected');\n  });\n\n  it('conditionally renders cancel flow based on cancelBookingRef prop', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling cancel-booking-ref=${testBookingRef}></nylas-scheduling>`,\n    });\n\n    await page.waitForChanges();\n    const cancelFlowPage = page?.root?.shadowRoot?.querySelector('.cancel-flow-page');\n    expect(cancelFlowPage).not.toBeNull();\n  });\n\n  it('renders composable UI when mode is set to composable', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling mode=\"composable\">\n      <nylas-if-state state=\"scheduler.eventInfo\" is-state-set=\"false\">\n      <div class=\"flex\">\n        <div class=\"flex flex-col gap-4 px-6 pt-4 h-[514px] w-[433px] border-slate-200 dark:border-slate-700 border-r\">\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"false\">\n            <nylas-date-picker></nylas-date-picker>\n            <div class=\"border-slate-200 dark:border-slate-700 border-t -mx-6 h-px\"></div>\n            <nylas-locale-switch></nylas-locale-switch>\n          </nylas-if-state>\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"true\">\n            <div class=\"flex flex-col justify-center h-[496px]\">\n              <nylas-selected-event-card></nylas-selected-event-card>\n            </div>\n          </nylas-if-state>\n        </div>\n        <div class=\"flex flex-col items-center min-w-[360px] overflow-hidden bg-slate-50 dark:bg-slate-700\">\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"false\" class=\"w-full\">\n            <div class=\"flex flex-col justify-start w-full\">\n              <nylas-if-state state=\"scheduler.selectableDates\" is-state-set=\"true\">\n                <h2 class=\"flex items-center justify-center text-lg font-semibold w-full text-center gap-1 mb-4 mt-6 text-slate-700 dark:text-white\">\n                  <calendar-icon></calendar-icon>\n                  <nylas-if-state state=\"scheduler.selectedDate\" is-state-set=\"false\">\n                    <span>No date selected</span>\n                  </nylas-if-state>\n                  <nylas-if-state state=\"scheduler.selectedDate\" is-state-set=\"true\">\n                    <span id=\"selectedDate\"></span>\n                  </nylas-if-state>\n                </h2>\n              </nylas-if-state>\n              <nylas-timeslot-picker></nylas-timeslot-picker>\n            </div>\n          </nylas-if-state>\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"true\" class=\"w-full\">\n            <div class=\"flex flex-col justify-center h-[496px]\">\n              <nylas-booking-form></nylas-booking-form>\n            </div>\n          </nylas-if-state>\n        </div>\n      </div>\n    </nylas-if-state>\n      </nylas-scheduling>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('exposes getNylasSchedulingStore method and returns store', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling session-id=\"sessionid\"></nylas-scheduling>`,\n    });\n    const scheduler = page.rootInstance as NylasScheduling;\n\n    const store = await scheduler.getNylasSchedulerStore();\n    expect(store).toBeDefined();\n  });\n\n  it('exposes getNylasSchedulingConnector method and returns connector', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling session-id=\"sessionid\"></nylas-scheduling>`,\n    });\n    const scheduler = page.rootInstance as NylasScheduling;\n\n    const connector = await scheduler.getNylasSchedulerConnector();\n    expect(connector).toBeDefined();\n  });\n\n  it('should render the reschedule flow when rescheduleBookingRef is set', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling reschedule-booking-ref=${testBookingRef}></nylas-scheduling>`,\n    });\n\n    await page.waitForChanges();\n\n    const messageBanner = page?.root?.shadowRoot?.querySelector('.message-banner');\n    expect(messageBanner).not.toBeNull();\n  });\n\n  it('hides the nylas logo in the footer if nylasBranding is set', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      template: () => <nylas-scheduling config-id=\"configid\" nylasBranding={false}></nylas-scheduling>,\n    });\n\n    await page.waitForChanges();\n\n    const footer = page?.root?.shadowRoot?.querySelector('.footer');\n    expect(footer?.textContent).not.toContain('Powered by Nylas');\n  });\n});\n"]}
+{"version":3,"file":"nylas-scheduling.spec.js","sourceRoot":"","sources":["../../../../../src/components/scheduler/nylas-scheduling/test/nylas-scheduling.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasScheduling } from '../nylas-scheduling';\nimport { h } from '@stencil/core';\n\ndescribe('nylas-scheduling', () => {\n  const REAL_DATE = Date;\n  const testBookingRef = 'Of_H8WLEQ4aZTtx0NKajeAF1l9qpekHbo4by7AaZc8M=';\n  beforeEach(() => {\n    // Clear and reset the mock before each test if needed\n    jest.clearAllMocks();\n  });\n\n  beforeAll(() => {\n    const originalDate = Date;\n    global.Date = class extends originalDate {\n      constructor(date?: string | number) {\n        super(date ? date : '2022-01-01T00:00:00.000Z');\n      }\n    } as DateConstructor;\n  });\n\n  afterAll(() => {\n    global.Date = REAL_DATE;\n  });\n\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling></nylas-scheduling>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('listens for NylasSchedulingError event and updates state', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling></nylas-scheduling>`,\n    });\n\n    const mockError = { title: 'Error', description: 'Test Error', type: 'error', category: 'component', ttl: 'none' };\n    const errorEvent = new CustomEvent('NylasSchedulingError', { detail: mockError, bubbles: true });\n    page.win.dispatchEvent(errorEvent);\n    await page.waitForChanges();\n\n    const notification = page?.root?.shadowRoot?.querySelector('nylas-notification');\n    expect(notification).not.toBeNull();\n    const notifRoot = notification?.shadowRoot?.querySelector('.notif');\n    expect(notifRoot).not.toBeNull();\n  });\n\n  it('shows no error when configID is set, and no sessionID is set', async () => {\n    const availability = [\n      {\n        emails: ['xyz@gmail.com'],\n        end_time: new Date(1709303400000),\n        start_time: new Date(1709301600000),\n      },\n    ];\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      template: () => (\n        <nylas-scheduling\n          config-id=\"configid\"\n          defaultSchedulerState={{\n            availability,\n          }}\n        ></nylas-scheduling>\n      ),\n    });\n\n    await page.waitForChanges();\n\n    const notification = page?.root?.shadowRoot?.querySelector('nylas-notification');\n    const notifRoot = notification?.shadowRoot?.querySelector('.notif');\n    expect(notifRoot).toBeUndefined();\n  });\n\n  it('listens for dateSelected event and updates date label', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling></nylas-scheduling>`,\n    });\n\n    const selectedDate = new Date();\n    const dateSelectedEvent = new CustomEvent('dateSelected', { detail: selectedDate, bubbles: true });\n    page.win.dispatchEvent(dateSelectedEvent);\n    await page.waitForChanges();\n\n    const selectedDateLabel = page?.root?.shadowRoot?.querySelector('#selectedDate');\n    expect(selectedDateLabel?.textContent).toBe('No date selected');\n  });\n\n  it('conditionally renders cancel flow based on cancelBookingRef prop', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling cancel-booking-ref=${testBookingRef}></nylas-scheduling>`,\n    });\n\n    await page.waitForChanges();\n    const cancelFlowPage = page?.root?.shadowRoot?.querySelector('.cancel-flow-page');\n    expect(cancelFlowPage).not.toBeNull();\n  });\n\n  it('renders composable UI when mode is set to composable', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling mode=\"composable\">\n      <nylas-if-state state=\"scheduler.eventInfo\" is-state-set=\"false\">\n      <div class=\"flex\">\n        <div class=\"flex flex-col gap-4 px-6 pt-4 h-[514px] w-[433px] border-slate-200 dark:border-slate-700 border-r\">\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"false\">\n            <nylas-date-picker></nylas-date-picker>\n            <div class=\"border-slate-200 dark:border-slate-700 border-t -mx-6 h-px\"></div>\n            <nylas-locale-switch></nylas-locale-switch>\n          </nylas-if-state>\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"true\">\n            <div class=\"flex flex-col justify-center h-[496px]\">\n              <nylas-selected-event-card></nylas-selected-event-card>\n            </div>\n          </nylas-if-state>\n        </div>\n        <div class=\"flex flex-col items-center min-w-[360px] overflow-hidden bg-slate-50 dark:bg-slate-700\">\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"false\" class=\"w-full\">\n            <div class=\"flex flex-col justify-start w-full\">\n              <nylas-if-state state=\"scheduler.selectableDates\" is-state-set=\"true\">\n                <h2 class=\"flex items-center justify-center text-lg font-semibold w-full text-center gap-1 mb-4 mt-6 text-slate-700 dark:text-white\">\n                  <calendar-icon></calendar-icon>\n                  <nylas-if-state state=\"scheduler.selectedDate\" is-state-set=\"false\">\n                    <span>No date selected</span>\n                  </nylas-if-state>\n                  <nylas-if-state state=\"scheduler.selectedDate\" is-state-set=\"true\">\n                    <span id=\"selectedDate\"></span>\n                  </nylas-if-state>\n                </h2>\n              </nylas-if-state>\n              <nylas-timeslot-picker></nylas-timeslot-picker>\n            </div>\n          </nylas-if-state>\n          <nylas-if-state state=\"scheduler.showBookingForm\" is-boolean=\"true\" class=\"w-full\">\n            <div class=\"flex flex-col justify-center h-[496px]\">\n              <nylas-booking-form></nylas-booking-form>\n            </div>\n          </nylas-if-state>\n        </div>\n      </div>\n    </nylas-if-state>\n      </nylas-scheduling>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('exposes getNylasSchedulingStore method and returns store', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling session-id=\"sessionid\"></nylas-scheduling>`,\n    });\n    const scheduler = page.rootInstance as NylasScheduling;\n\n    const store = await scheduler.getNylasSchedulerStore();\n    expect(store).toBeDefined();\n  });\n\n  it('exposes getNylasSchedulingConnector method and returns connector', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling session-id=\"sessionid\"></nylas-scheduling>`,\n    });\n    const scheduler = page.rootInstance as NylasScheduling;\n\n    const connector = await scheduler.getNylasSchedulerConnector();\n    expect(connector).toBeDefined();\n  });\n\n  it('should render the reschedule flow when rescheduleBookingRef is set', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      html: `<nylas-scheduling reschedule-booking-ref=${testBookingRef}></nylas-scheduling>`,\n    });\n\n    await page.waitForChanges();\n\n    const messageBanner = page?.root?.shadowRoot?.querySelector('.message-banner');\n    expect(messageBanner).not.toBeNull();\n  });\n\n  it('hides the nylas logo in the footer if nylasBranding is set', async () => {\n    const page = await newSpecPage({\n      components: [NylasScheduling],\n      template: () => <nylas-scheduling config-id=\"configid\" nylasBranding={false}></nylas-scheduling>,\n    });\n\n    await page.waitForChanges();\n\n    const footer = page?.root?.shadowRoot?.querySelector('.footer');\n    expect(footer?.textContent).not.toContain('Powered by Nylas');\n  });\n});\n"]}

package/dist/collection/components/scheduler/nylas-selected-event-card/nylas-selected-event-card.js

@@ -44,9 +44,9 @@ export class NylasSelectedEventCard {
         this.endTime = new Date(selectedTimeslot?.end_time).toLocaleString(undefined, { timeStyle: 'short' });
     }
     render() {
-        return (h(Host, { key: '55ab9cebd5baeac59dba0ec7fe3509cd0ef40ce7', part: "nsec" }, h("sp-theme", { key: 'e15dcd0501f243dcad1541ede4d536081d92c3b1', theme: "spectrum", color: "dark", scale: "medium" }, h("div", { key: '0a4350fd792aeee0b8d3b89c44dd609ef59ac122', class: "event-card", part: "nsec__card" }, h("div", { key: '612c20fe95645bc37a23b10b70709e17809add79', class: "calendar-icon", part: "nsec__icon" }, h("calendar-icon", { key: 'a10a8a934b5a7fd105a92dc28019901f2feca428' })), h("div", { key: '77c8c0bcedc344699301068bc84ae332f260a4ed', class: "nylas-selected-event-card__date", part: "nsec__date" }, this.selectedDate
+        return (h(Host, { key: 'f794f4415321af6623c2c9d97925932dbb2047e4', part: "nsec" }, h("sp-theme", { key: '356fedb5c591554eb87d8cdf5cc711fe3524a7c7', theme: "spectrum", color: "dark", scale: "medium" }, h("div", { key: '336de44bd19e2fd086c2826a6c8206608f6ca646', class: "event-card", part: "nsec__card" }, h("div", { key: '940dd832f8fb09e27efa3ff5b0728a5053ff629e', class: "calendar-icon", part: "nsec__icon" }, h("calendar-icon", { key: '523369c88eb905de96b7c8431b9109b4fb8706ec' })), h("div", { key: '385494cc3d1830f124cdca616413caba9fc1ce64', class: "nylas-selected-event-card__date", part: "nsec__date" }, this.selectedDate
             ? capitalizeFirstLetter(this.selectedDate?.toLocaleDateString(LANGUAGE_CODE_MAP[this.selectedLanguage || navigator.language], { dateStyle: 'full' }))
-            : '-'), h("div", { key: 'a2c12447ce3b6516dd88779a2817b0296b9f2834', class: "nylas-selected-event-card__time", part: "nsec__time" }, this.startTime, " - ", this.endTime)), h("div", { key: 'ac22403e4e8ba6db1e434f49d5970abbcc774cf9', class: "event-timezone", part: "nsec__timezone" }, h("globe-icon", { key: '81651ea2aa387979eca6669e66cf550a2c91a20b' }), TIMEZONE_MAP[this.selectedTimezone]))));
+            : '-'), h("div", { key: '7e92630de5bf9811e3e05ee2ff1fd2f54797f222', class: "nylas-selected-event-card__time", part: "nsec__time" }, this.startTime, " - ", this.endTime)), h("div", { key: 'da2b0cd62a7519040ba9b055991684e4db7ff9b9', class: "event-timezone", part: "nsec__timezone" }, h("globe-icon", { key: '045c62d629116f91d3558a236c66374769c3a903' }), TIMEZONE_MAP[this.selectedTimezone]))));
     }
     static get is() { return "nylas-selected-event-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-additional-participants/nylas-additional-participants.js

@@ -127,7 +127,7 @@ export class NylasAdditionalParticipants {
         });
     }
     render() {
-        return (h(Host, { key: '2b2f17240b40e9d6195b3e12f84f6ac8f7c8fb2c' }, h("nylas-form-card", { key: '15132c328abfaa5d3d58fe7df7113e62129c0bf0' }, h("h3", { key: '5fc5d18469930d97b9a6e014a9a4c894afb00321', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), h("p", { key: '3ea8ebacb9d8bd5ad3bd0cbea0c3cbc527fcb7e0', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), h("div", { key: '1980662b83cd2b3fd17b94bb6c4ec754b4214834', slot: "content", class: "nylas-additional-participants__content" }, h("div", { key: 'ffeb607b0c5be80bf75a82d3fd0608a4ba86f07d' }, this.participants.map((participant, index) => {
+        return (h(Host, { key: '588e103ca8b0cfc1daece54fa1fba9f6d67a46f0' }, h("nylas-form-card", { key: '7ba1c8ba4d771e4b0456175471cf56265742317e' }, h("h3", { key: '47b20f5e9334acf47dab36d56430af8fed7379a2', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), h("p", { key: '630ca546c9980e1af86ca93f05fc74da709bef15', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), h("div", { key: '2895da79fde0fac0605f2cc0d239e5b8830d197d', slot: "content", class: "nylas-additional-participants__content" }, h("div", { key: '3a03f6327f75777c2f2a2a68f260bfe2471e6653' }, this.participants.map((participant, index) => {
             return (h("div", { class: 'nylas-additional-participants__input_group', part: "nap__input_group" }, !participant.is_organizer && h("label", null, `Participant ${index}`), h("div", { part: "nap__input_wrapper", class: {
                     'nylas-additional-participants__input_wrapper': true,
                     'nylas-additional-participants__input_wrapper_organizer': participant.is_organizer,
@@ -137,7 +137,7 @@ export class NylasAdditionalParticipants {
                     this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant;
                     this.updateFormValue();
                 }, checked: this.includeOrganizerAsParticipant }), h("label", { htmlFor: `organizer_participant`, "aria-label": "Include as participant" }, "Participant", h("tooltip-component", { id: "organizer_participant_tooltip" }, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, h("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", h("br", null), h("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))))) : (h("input-dropdown", { name: `${index}`, filterable: true, inputValue: participant.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) })), !participant.is_organizer && (h("button", { onClick: () => this.removeParticipant(index), part: "nap__remove-participant" }, h("close-icon", null))))), !participant.is_valid && (h("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[index]))));
-        }), h("p", { key: 'a524ed922e4725c06349f1cef10a8b3bab8aa057', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), h("button", { key: '30e19e8850b22920ac52ad0918f95c1a8ed96b12', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, h("add-circle-icon", { key: 'b3ff2fa4becb2217f0c4535d55ce0038355cbb2e' }), " ", h("span", { key: '00869f58c554782cd3b1c84aab49b6d212c0a4a3' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
+        }), h("p", { key: 'a8f6e282096ce8abdf3e6f8ebb26c04c4d1d2679', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), h("button", { key: '7c2cf14cc7d9c90c859d8c6125e0036f3c38cb62', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, h("add-circle-icon", { key: '791bcc7a49b76cc219cc9fc30634048b8a4be4e1' }), " ", h("span", { key: '96c191bd317092fa983ae3de8e3a95c3720c6333' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
     }
     static get is() { return "nylas-additional-participants"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-availability-picker/nylas-availability-picker.js

@@ -298,7 +298,7 @@ export class NylasAvailabilityPicker {
             label: TIMEZONE_MAP[key],
             value: key,
         }));
-        return (h(Host, { key: 'd6ebb0ac834c059d38d5c3062315d0a6ff7e7606' }, h("div", { key: '0e8ec0786d293d3a1295021cdcc1a0966084cd74', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (h("div", { class: "header", part: "nap__header" }, h("h3", null, "General availability"), h("p", null, "Set when you're regularly available for event bookings.", h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "This is the default availability for participants who don\u2019t have availability set on the Participants tab."))))), h("div", { key: '20167bda51a9dc039bcef3a491a0433038af94f3', class: "content" }, h("div", { key: 'd33de054ff0b04614e34ad4b8bb0f15110f722f1', class: "select-timezone", part: "nap__select-timezone" }, h("h4", { key: '35bad46d4e78e08c75acf41b95ab2809e59d3c5c', class: "sub-header" }, "Select timezone"), h("select-dropdown", { key: '63193f9d7c3479affe9a5c99b199b32678d4c8c7', name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: timezoneOptions.find(i => i.value === this.defaultTimezone) }, h("span", { key: 'ed8101d5acc86458413f771edbd3cc4c016d3d5f', slot: "select-icon" }, h("globe-icon", { key: '637d5652a53679bfd0052ec8348fb9c2ab9b4c89', width: "20", height: "20" })))), h("div", { key: '0023ea0d976234b85cf88a3c057dd2d3982d2f3d', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
+        return (h(Host, { key: '3fa5e2b5b83b0596ed80ed55e7f88a5e80f2c1f1' }, h("div", { key: 'e9460039098c7e287f75d7326c1f82327c53fc75', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (h("div", { class: "header", part: "nap__header" }, h("h3", null, "General availability"), h("p", null, "Set when you're regularly available for event bookings.", h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "This is the default availability for participants who don\u2019t have availability set on the Participants tab."))))), h("div", { key: '6593a8aa9d90d8eb7b0e1537f5f2a56510fd7b28', class: "content" }, h("div", { key: '1ceafee2ca707f8f20c0008ab6c1b015eca39b0b', class: "select-timezone", part: "nap__select-timezone" }, h("h4", { key: '1e931465f7c37dcb72c96ea75260cd04f8acd7a9', class: "sub-header" }, "Select timezone"), h("select-dropdown", { key: 'b2b586632436314e195d015408f9c374291d5af6', name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: timezoneOptions.find(i => i.value === this.defaultTimezone) }, h("span", { key: '30ad23d9093bfa06215846a37c4abd3f0ac145dd', slot: "select-icon" }, h("globe-icon", { key: '9c73db61b587c2127b9af34dfe5466ba6c0d6e47', width: "20", height: "20" })))), h("div", { key: '7fe6573c53f6bd7cdd94cc69eebd56c8bdc2d93c', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
             const day = key;
             const timeRanges = this.schedule[key];
             return (h("div", { class: "availability-day" }, h("div", { class: "day", part: "nap__day" }, h("input", { type: "checkbox", name: day, id: day, checked: timeRanges.length > 0, onClick: () => {

package/dist/collection/components/scheduler-editor/nylas-booking-form-config/nylas-booking-form-config.js

@@ -223,7 +223,7 @@ export class NylasBookingFormConfig {
         });
     }
     render() {
-        return (h(Host, { key: '06f5993da0d37ecfa8d52b05087f3332e2ff3584' }, h("div", { key: 'a5607b9d0a3e302199fec4826fd520897b9b7ac5', class: "nylas-booking-form-config" }, h("div", { key: '4ae825b6b21476e9ac944abfba3bcc4b3554a1f5', class: "header", part: "nbfc__header" }, h("div", { key: 'b190e92adf6f52413d105552ab60ca1fdfe9107b', class: "header_text" }, h("h3", { key: 'cc7e0ced6387888ce33dd47cdbc3675d0a226deb' }, "Booking form"), h("p", { key: '4631f069176cbe6e66161c75ebedd0d33b3872bb' }, "Customize the questions asked on the booking page.")), h("div", { key: '1e6bb648297adf4fd940fee7a7cf79d79cb0c79e', class: "header_action" }, h("select-dropdown", { key: 'cf8f137c1674ab0ffd3ccb24fb26038775aa4905', 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: DEFAULT_FORM_FIELD_TYPES, withSearch: false, withChevron: false, dropdownButtonText: "Add new type" }, h("span", { key: 'e7fe11729f4333e521eb13251582a9a2f8161014', slot: "select-icon" }, h("plus-icon", { key: '7a6956015c10621dca8badfa4b82554c370cc9f0', width: "15", height: "15" }))))), h("div", { key: '8154ad2f7d58aa55228c77c258e770b237c7a984', class: "content" }, h("div", { key: 'f4ee5c314defa730b0fe0b8901fade765ac3b2c6', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((field, i) => {
+        return (h(Host, { key: '3c51c8be2cc19a1e8e6198b61ff734c89d8cd1a5' }, h("div", { key: '72bbfb0ba08c6ca4dd86a601301867fd112d78cf', class: "nylas-booking-form-config" }, h("div", { key: '7b88b43c799e4d19412e186374837513ee403a8e', class: "header", part: "nbfc__header" }, h("div", { key: '065e0d6848867fb944e1a36026b80c456f0a2abb', class: "header_text" }, h("h3", { key: '2f1dafc07f4f97b6ab1fd971e4c83484493e6477' }, "Booking form"), h("p", { key: 'd40fd8bbe3053cc6c11907e8fcadc2d348c132af' }, "Customize the questions asked on the booking page.")), h("div", { key: '3c3aab9e4820978682528a04c1419bb6b615b389', class: "header_action" }, h("select-dropdown", { key: 'e6c9db7c2166607d8e7e289bf018d0e4f9f71ad5', 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: DEFAULT_FORM_FIELD_TYPES, withSearch: false, withChevron: false, dropdownButtonText: "Add new type" }, h("span", { key: 'd81bebe10ec42f792e8998bf495d552c08210ce3', slot: "select-icon" }, h("plus-icon", { key: '584fd2c095b47e96d17ce52f3415e05136751aee', width: "15", height: "15" }))))), h("div", { key: 'c56f6937a2a0dffb3a1ebdfbb9fac0c958e9adc6', class: "content" }, h("div", { key: '0d95d4b7ac8250a41eb6eff1e4f0bb8e839e5928', 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: 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, field.label), h("p", null, field.typeLabel)), h("div", { class: "form-field_header_actions" }, h("span", { class: `is-required` }, field.required ? 'Required' : 'Optional'), !field.readonly && (h("button", { onClick: () => {
                     this.fieldRemove(i);
                 } }, h("close-icon", null))), h("span", { class: `chevron ${field.isOpen ? 'open' : 'closed'}`, onClick: () => {

package/dist/collection/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.js

@@ -53,7 +53,7 @@ export class NylasCancellationPolicy {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (h(Host, { key: '876b5cdeb90cbf79881c806ac75114ed06e63435' }, h("div", { key: '80feeecf3e9885c2e4b382e74951691d471585b7', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: 'd19f1ce00b6aa75da62de1db90a7cc9adcc1695e', htmlFor: this.name }, "Cancellation policy message", h("span", { key: '2651d7b35bfbf27d3e26bc0c5827fa846cbe5541', class: "label-icon" }, h("tooltip-component", { key: '45cc24192af2ed658aeee9707a89b76bf16a6cfd' }, h("info-icon", { key: '7f579d6beed8041ed6875c8d33d832953edf97ae', slot: "tooltip-icon" }), h("span", { key: 'b853d3fdb97dad7eec2ff58566d146ec9682e279', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), h("textarea", { key: '1e013eef034a9a41e96e5f58d996a4372acdfd34', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (h(Host, { key: 'f513085024c7c717a4520dd399fd58e29cfd3986' }, h("div", { key: 'dc46a4d71eb626136a5855ac3691cd9552d7b91d', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: 'bfce1d96b453b584ffd8b8e2b2849b2a04770650', htmlFor: this.name }, "Cancellation policy message", h("span", { key: 'a1d528d0249c5506c519a42498a4016dbe6d2f07', class: "label-icon" }, h("tooltip-component", { key: '84b41f40a9a3942d961eaa5fd914499b3d070884' }, h("info-icon", { key: 'b7945425e2ba43b6b3a6885bb15ac993b2b464e7', slot: "tooltip-icon" }), h("span", { key: '26f6702489351a7edeaf9379f77821ae460723af', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), h("textarea", { key: '0cee57928fdf37fcd417cb8d38b435296bdc03ff', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
     }
     static get is() { return "nylas-cancellation-policy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-confirmation-email/nylas-confirmation-email.js

@@ -118,7 +118,7 @@ export class NylasConfirmationEmail {
     }
     render() {
         const organizerName = this.participants.find(p => p.is_organizer)?.name;
-        return (h(Host, { key: 'd903a0549fcc0d961f5d000328b03d8f7fe069c3' }, h("div", { key: 'bfada3e8b012ee1f53167ed5c23ff69a44357ecb', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: '338032e7ee7b2135f4f6fe33c8d5695cbec6ac46', class: "header", part: "nce__header" }, h("div", { key: 'dc7ab9474e27fd3ab9b125109054901dd9c4bc13' }, h("h3", { key: 'a780b5b868982743ce3b6553ee3e9afe50a37984' }, this.confirmationEmail.booking_confirmed.title ?? `Booking confirmed with ${organizerName ? ` with ${organizerName}` : ''}`), h("p", { key: '07ec617af3828252083491fe86a912e6a171ab58' }, "Booking confirmation email")), this.isOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" })))) : (h("button-component", { variant: 'basic', clickHandler: event => {
+        return (h(Host, { key: '55569396516fc6cb204d4927e0c8871cbbf267cd' }, h("div", { key: '3dce0ebad9ce6c1b3f15f61425037ec872240fe1', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: 'd63083c0d35e51d3ad6a05b612975976f6653b87', class: "header", part: "nce__header" }, h("div", { key: 'e9627cfe05bf4c331d50a30499c8b1fde7b1fad2' }, h("h3", { key: 'd3215b5a24d0c8e46fef72a572bcf49fb6699be7' }, this.confirmationEmail.booking_confirmed.title ?? `Booking confirmed with ${organizerName ? ` with ${organizerName}` : ''}`), h("p", { key: '15f6a44bb61e6545c5879dba6e53c1d52d3aee99' }, "Booking confirmation email")), this.isOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" })))) : (h("button-component", { variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.toggleConfirmationEmail();
             } }, h("edit-icon", { width: "16", height: "16" }), "Edit"))), this.isOpen ? (h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, h("div", { class: "nylas-confirmation-email__section" }, h("div", { class: "nylas-confirmation-email__row" }, h("label", null, "Send confirmation email when", h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation email immediately upon booking.")))), h("span", { class: "selected-value" }, "Immediately upon booking")), h("div", { class: `nylas-confirmation-email__row ${!this.companyLogoErrorMessage ? 'full-width-col' : ''} ` }, h("div", { class: "subsection" }, h("div", { class: "input-container" }, h("label", null, "Company logo URL", h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Provide a URL to a logo or image that will be included in your confirmation and reminder emails. Max size 200px by 100px.")))), h("div", { class: "company-logo-container" }, h("div", { class: "input-container" }, h("input-component", { name: "company-logo", id: "company-logo", type: "text", required: false, part: "nrt__input-textfield", defaultValue: this.confirmationEmail.logo ?? '' }), this.companyLogoErrorMessage && h("span", { class: "error-message" }, this.companyLogoErrorMessage)), this.confirmationEmail.logo && !this.companyLogoErrorMessage && (h("div", { class: "company-logo" }, h("img", { src: this.confirmationEmail.logo, alt: "Company logo" }))))))), h("sp-divider", null), h("div", { class: "nylas-confirmation-email__row full-width-col" }, h("div", { class: "subsection" }, h("h3", null, "Email message"), h("div", { class: "input-container" }, h("label", { htmlFor: "title" }, "Email subject", h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Enter the subject for your event confirmation.")))), h("input-component", { name: "confirmation-email-title", maxLength: 60, defaultValue: this.confirmationEmail.booking_confirmed.title ?? `Booking confirmed ${organizerName ? `with ${organizerName}` : ''}` })), h("div", { class: "input-container" }, h("label", { htmlFor: "title" }, "Email body"), h("textarea", { id: "description", part: "nrt__textarea", name: "confirmation-email-body", value: this.confirmationEmail.booking_confirmed.body ?? 'Default body', maxlength: "500", rows: 2, onInput: e => this.handleEmailBodyChange(e) }))))))) : (h("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, h("p", null, h("span", { class: "summary-icon" }, h("person-clipboard-icon", null)), "All host & guests"), h("p", null, h("span", { class: "summary-icon" }, h("clock-icon", null)), "Immediately on booking"))))));

package/dist/collection/components/scheduler-editor/nylas-connected-calendars/nylas-connected-calendars.js

@@ -120,7 +120,7 @@ export class NylasConnectedCalendars {
         return selectedParticipants;
     }
     render() {
-        return (h(Host, { key: '030d545fbb0c15f618f3881697828de814c82f1d' }, h("div", { key: 'ddb4080a13e6be83ba61ef464743ce7be566f6f8', class: "nylas-connected-calendars", part: "npca" }, h("div", { key: 'a41f65a371e0f8e07f17605b96784d26c5d956a5', class: "header", part: "npca__header" }, h("h3", { key: '84efcaca6c59d41e93693eb207c9255ce016d264' }, "Connected Calendars"), h("p", { key: 'efab18e1f8cb89d5cf7ef5d28e91392895e8a085' }, "Select the calendars to use for checking your availability.", h("tooltip-component", { key: 'ab719574171d554d71105fe2de9bb299208e7a25' }, h("info-icon", { key: 'df312e01bacb7ed9e65394af22b02fcb23e3e368', slot: "tooltip-icon" }), h("span", { key: '6bae0c1039be8e527fea071a3799155a2a8ce7ea', slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected.")))), h("div", { key: '69e39f96735726d45fd3c09be9a11a6626183141', class: "content", part: "npca__content" }, h("form", { key: 'e268937ab913a4cd139d791a928f08fb63c3fb0f', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
+        return (h(Host, { key: '5e568aeca5518dcbc6e655f944ccdb364cd10509' }, h("div", { key: 'de7fa402e90eba6caba47aaae177ecd4ac2c1e17', class: "nylas-connected-calendars", part: "npca" }, h("div", { key: '3d11fa4cce3f4e58b51789c6403d4905a7773c2e', class: "header", part: "npca__header" }, h("h3", { key: 'ad2eea3aadc555e8df5ad1edf25c3241fe0b1dbb' }, "Connected Calendars"), h("p", { key: 'a4f2eda148e6dbc22da4f37645dc9bca62a7c894' }, "Select the calendars to use for checking your availability.", h("tooltip-component", { key: '798e6d019bdc166415f5e1136553543a800f9c48' }, h("info-icon", { key: '511532b754196c37f1432aa7b002ee19d01234cf', slot: "tooltip-icon" }), h("span", { key: 'cd4ad4a383bef2d7dc69441c7ba2c0476079dec3', slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected.")))), h("div", { key: '8e0f38c04f48171ae2f9c99ffd0a616ce08c80ef', class: "content", part: "npca__content" }, h("form", { key: 'a42a2a8c86324d29aceb10055c28479e6bf1286e', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
             const participant = this.selectedCalendars[key];
             const participantCalendars = this.participantCalendars[key];
             if (!participant || !participant.name)

package/dist/collection/components/scheduler-editor/nylas-custom-booking-flow/nylas-custom-booking-flow.js

@@ -81,7 +81,7 @@ export class NylasCustomBookingFlow {
                 value: 'pre-booking',
             },
         ];
-        return (h(Host, { key: 'a398e4b47f3394c913638d9e68663691cfb69c9b' }, h("div", { key: 'a5117d439b28c9d5edb4a2002617909aa8cca06b', class: "nylas-custom-booking-flow", part: "ncbf" }, h("div", { key: '9dd897125173f41a57841558f2bb5126e3d85741', class: "header", part: "ncbf__header" }, h("h3", { key: '28c14f4f7320dc563df176e7d48c65d54be77547' }, "Customize booking flow"), h("p", { key: 'df1994d3cd8fdb0f0267d90bcd7d34a568c24b57' }, "Customize how new bookings are handled when a booking is completed.")), bookingOptions.length > 0 && (h("div", { class: "nylas-custom-booking-flow__dropdown" }, h("span", { class: "label" }, "After a booking is confirmed", h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Choose how you\u2019d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.bookingType) ?? bookingOptions[0] }))))));
+        return (h(Host, { key: '79853eb2437caf39c59f82c936165234331b1348' }, h("div", { key: '81abe8d086f8889f8d5450562a6a2bbb07308857', class: "nylas-custom-booking-flow", part: "ncbf" }, h("div", { key: '9cbe5505ba1ab47170f2016e8949bc0a626332bc', class: "header", part: "ncbf__header" }, h("h3", { key: 'bc7c5a49d01b5edd4a162cbc980234ffa67146ea' }, "Customize booking flow"), h("p", { key: '42e7fe230baca52029fc3f240fd5d54368000a2f' }, "Customize how new bookings are handled when a booking is completed.")), bookingOptions.length > 0 && (h("div", { class: "nylas-custom-booking-flow__dropdown" }, h("span", { class: "label" }, "After a booking is confirmed", h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Choose how you\u2019d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.bookingType) ?? bookingOptions[0] }))))));
     }
     static get is() { return "nylas-custom-booking-flow"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-customize-booking-settings/nylas-customize-booking-settings.js

@@ -89,7 +89,7 @@ export class NylasCustomizeBookingSettings {
         }), this.name);
     }
     render() {
-        return (h(Host, { key: 'b86f8367da723a6bb404ccaee3bfdeb5b0a70d7e' }, h("div", { key: '460b0732f7a732e4299f170a078c880b53832ae0', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: '67522557b35f996cd73017a83ee3b872bb71da4d', class: "header", part: "ncbs__header" }, h("h3", { key: '7e54bd0343592a2a7d47c280da88178f8e14a9be' }, "Additional settings"), h("p", { key: '9c542130cac7f74124f6cda97f9a404de855674e' }, "Booking settings for the event.")), h("div", { key: '13ed47dce41b865713928019b24d9c0a3ecf84d7', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, h("div", { key: '2977cac09c4bf0c26b53b3258fc17a2b9dcafd7b', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '91cbb7d5059bef9e2ca448fe86fd91bd58ba47f4', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, h("span", { key: 'bf2f13b04417c31afe6eb2d89e459be0002ddd36', slot: "label", class: "label" }, h("p", { key: '5dc7820f9779ea4a16b29c6a6a8c294f59e04473', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), h("tooltip-component", { key: 'b5bbb6bd723f5464c0d8db069c072521ae182972', id: "guests" }, h("info-icon", { key: 'ec2c7e2b4fe456ec53dc381d5a4900db1b64c47d', slot: "tooltip-icon" }), h("span", { key: '43f9d2feac4e91f9378fa44a9d816993c0ba69c8', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), h("div", { key: '8ab4fd673289c8bb84ad9047d614da83c5a77d3e', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '36e39fed89119d320b5b480aadfaf19bbf0f5fb5', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, h("span", { key: '688e8f1422d446a9a01e05da946595537e394602', slot: "label", class: "label" }, h("p", { key: '500df676d0aab2e6af7774b3c442105bb0baf3b6', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '383e2b3b6546d114968ddd4dedce2d2a2eb694a1' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: 'c9d41d14a36bcdb88eb0c2454f13cea22e8e9f84', id: "reschedule" }, h("info-icon", { key: '064e0e8abca84d1af897c2d0ac163a882de1366b', slot: "tooltip-icon" }), h("span", { key: 'd13e1b449f396d7e26c79b0595f3de48ea5efac0', slot: "tooltip-content" }, "If enabled, the guest will not be able to reschedule the booking."))))), h("div", { key: '1ac9618b10e0f213ca9fbdafd460c3a8aaa58078', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: '52c6989299ebefcb1a10adbd3b493db3008469aa', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, h("span", { key: '1d3b3351f98d1dfbc5ea08b82e537cbac19db263', slot: "label", class: "label" }, h("p", { key: 'c6bd5032ddc0953e52ae5af93eb95cd5f2618879', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '78808c4b7421513f3dd17518229151d37bc1a97f' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '7cc734130df33c2a840a71d70533cfbdf043902a', id: "cancel" }, h("info-icon", { key: '160a8bf8ed89df4190385d0a482266cc08abd20d', slot: "tooltip-icon" }), h("span", { key: '82e0e814be08483e4d346848dae8f4f0c3e9c3b5', slot: "tooltip-content" }, "If enabled, the guest will not be able to cancel the booking.")))))))));
+        return (h(Host, { key: '28f102413083f8cd7cbae103876946948c706d2e' }, h("div", { key: 'bd72dcd8bb12b27ee90020e287914b26aaf7bd2f', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: 'c7dc1db938ba43de62d48d6a7955341e9fd793ef', class: "header", part: "ncbs__header" }, h("h3", { key: '8bbe27028b0e0ef8b5dbc84d96f92ea2121202f4' }, "Additional settings"), h("p", { key: '9e0ebb439ad1811e42781460632f694979916c6d' }, "Booking settings for the event.")), h("div", { key: 'e690228b62569f02f2912b8f365d861ee69239c8', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, h("div", { key: '07d7ba16019ffe9727f7cea4f9f170ee4cd259e3', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '91425393dc329028c284b4b709fd2507946ca768', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, h("span", { key: '01782b7547679f8eb4012065f85f1e829afdeb73', slot: "label", class: "label" }, h("p", { key: '5bb75ed73b07a65b376deb6a4fef1027de88abcb', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), h("tooltip-component", { key: '7e0fd3777d426a29c2d6f2befe380a4fabe9e3dd', id: "guests" }, h("info-icon", { key: '6b1b575e4f67df1e83461e0ecb6c94881950857d', slot: "tooltip-icon" }), h("span", { key: '906d6215e33d0cd9f2d26354a93faa16df60e4d3', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), h("div", { key: '160c44a03c7b98c543f7c4b933191c374e55068d', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '01f0fdfa0e009939e0a51ba8246cce8a2f1c73f3', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, h("span", { key: 'f8debf9d479c137891708114bc46bf00831dff6f', slot: "label", class: "label" }, h("p", { key: 'f5be491689b842ef6b6cbfc0677de20e80a508d4', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '7bb797bc4f0518f34df8d183eae095b4ee91ece8' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '5495cf275db37d683a650f13b3270df6477ee1f0', id: "reschedule" }, h("info-icon", { key: 'e0179ca7edadc3b6f1d095feb38df144a7cf7a04', slot: "tooltip-icon" }), h("span", { key: 'b4208b402627383eed502c858494679ce7cab1d9', slot: "tooltip-content" }, "If enabled, the guest will not be able to reschedule the booking."))))), h("div", { key: '250a995c6878ecc94e42aa257488e699110a3b4e', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: '54990237e3f66e46cad68eecbba72e1ed222ae49', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, h("span", { key: '248736127091e400008511065815620285b27917', slot: "label", class: "label" }, h("p", { key: 'd4bcd27bee0020d507bbc2785ab45670fab8dbcc', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '3900b6f8c1a638ed055be2c35bf6ee82221b3f90' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '78de175500d7fb5fb67edaf54c2b3d57650c5eab', id: "cancel" }, h("info-icon", { key: '60c46d5609d7e9aaa44b9bfaad5755d9a30e18d0', slot: "tooltip-icon" }), h("span", { key: '5fea9965144130751ec5a5ee487b0e71b181f0df', slot: "tooltip-content" }, "If enabled, the guest will not be able to cancel the booking.")))))))));
     }
     static get is() { return "nylas-customize-booking-settings"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.js

@@ -380,22 +380,22 @@ export class NylasEditorTabs {
     render() {
         debug('[nylas-editor-tabs]', 'render', this.formState);
         const showInDevelopmentTabs = localStorage.getItem('nylas') === 'Nylas Developer';
-        return (h(Host, { key: '5e190ea179c30e38c254ad7ec34e3ffa53da6d2f' }, h("form", { key: '2048843017f86406f676d158f97c42283f44ea9a', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { name: "eventInfo", class: { tab: true, active: this.activeTab == 'eventInfo', hide: this.hideTab('eventInfo') }, part: "editortab__event-info", onClick: e => this.setActiveTab(e, 'eventInfo') }, h("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h("button", { name: "availability", class: { tab: true, active: this.activeTab == 'availability', hide: this.hideTab('availability') }, part: "editortab__availability", onClick: e => this.setActiveTab(e, 'availability') }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { name: "participants", class: { tab: true, active: this.activeTab == 'participants', hide: this.hideTab('participants') }, part: "editortab__participants", onClick: e => this.setActiveTab(e, 'participants') }, h("people-icon", { width: "16", height: "16" }), "Participants"), h("button", { name: "bookingOptions", class: { tab: true, active: this.activeTab == 'bookingOptions', hide: this.hideTab('bookingOptions') }, part: "editortab__booking-options", onClick: e => this.setActiveTab(e, 'bookingOptions') }, h("flow-icon", { width: "16", height: "16" }), "Booking options"), h("button", { name: "bookingForm", class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab('bookingForm') }, part: "editortab__booking-form", onClick: e => this.setActiveTab(e, 'bookingForm') }, this.activeTab == 'bookingForm' ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), showInDevelopmentTabs && (h("button", { name: "communications", class: { tab: true, active: this.activeTab == 'communications' }, onClick: e => this.setActiveTab(e, 'communications') }, this.activeTab == 'communications' ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), "Communications"))), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("slot", null)), h("div", { key: '88a16f2bccf874acaec34b0ad37d42313758cbb9', class: "footer", part: "editor__footer" }, h("div", { key: '17387917bc660e6e691e5d75501d4a13da2632fc', class: "preview", part: "editor__footer-preview" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { type: "button", disabled: this.isLoading, clickHandler: event => {
+        return (h(Host, { key: 'a61795f52835d2378d1501d93ec76fa54867fb6c' }, h("form", { key: 'd8d4d48029b6b9bb68f030e5a1ed5ffa2696f312', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { name: "eventInfo", class: { tab: true, active: this.activeTab == 'eventInfo', hide: this.hideTab('eventInfo') }, part: "editortab__event-info", onClick: e => this.setActiveTab(e, 'eventInfo') }, h("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h("button", { name: "availability", class: { tab: true, active: this.activeTab == 'availability', hide: this.hideTab('availability') }, part: "editortab__availability", onClick: e => this.setActiveTab(e, 'availability') }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { name: "participants", class: { tab: true, active: this.activeTab == 'participants', hide: this.hideTab('participants') }, part: "editortab__participants", onClick: e => this.setActiveTab(e, 'participants') }, h("people-icon", { width: "16", height: "16" }), "Participants"), h("button", { name: "bookingOptions", class: { tab: true, active: this.activeTab == 'bookingOptions', hide: this.hideTab('bookingOptions') }, part: "editortab__booking-options", onClick: e => this.setActiveTab(e, 'bookingOptions') }, h("flow-icon", { width: "16", height: "16" }), "Booking options"), h("button", { name: "bookingForm", class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab('bookingForm') }, part: "editortab__booking-form", onClick: e => this.setActiveTab(e, 'bookingForm') }, this.activeTab == 'bookingForm' ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), showInDevelopmentTabs && (h("button", { name: "communications", class: { tab: true, active: this.activeTab == 'communications' }, onClick: e => this.setActiveTab(e, 'communications') }, this.activeTab == 'communications' ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), "Communications"))), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("slot", null)), h("div", { key: 'c8980cc653c66af2153eebe8a33ba20fe2ca2f89', class: "footer", part: "editor__footer" }, h("div", { key: '9f6079283a9fd761230abc04e9e072788641a4c8', class: "preview", part: "editor__footer-preview" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, "Preview"))), h("div", { key: 'a4e8d02452c2ab524dc0fb010ad88f05cd46d244', class: "buttons", part: "editor__footer-buttons" }, h("p", { key: '2a04af9dc978964725eeb787b1a3f31d76e26720', class: {
+            }, variant: 'basic' }, "Preview"))), h("div", { key: '2082b9fd59d3c6bcc9c68ac1a855b4d672aff358', class: "buttons", part: "editor__footer-buttons" }, h("p", { key: '112c90626f942fd2596b3b995696c859915d9de0', 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 ? 'Unsaved changes' : this.error == '' && this.changesSaved ? 'Changes saved!' : ''), h("button-component", { key: '5997accc74ff1f73b2577923a02f50af0f613429', type: "button", disabled: this.isLoading, clickHandler: event => {
+            } }, this.error !== '' ? this.error : '', this.error == '' && this.hasUnsavedChanges && !this.changesSaved ? 'Unsaved changes' : this.error == '' && this.changesSaved ? 'Changes saved!' : ''), h("button-component", { key: 'be06955d3755e98f60241da4813c4c81f70b9d05', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.error = '';
-            }, variant: 'basic', part: "editor__footer-cancel" }, "Back"), h("button-component", { key: '9aee416653e7648a62a4d95af171b49b9fd35cba', type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action == 'create' ? ('Create') : ('Save changes')))))));
+            }, variant: 'basic', part: "editor__footer-cancel" }, "Back"), h("button-component", { key: '84abeec599621730df236f737f0ab174ea68eb7d', type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action == 'create' ? ('Create') : ('Save changes')))))));
     }
     static get is() { return "nylas-editor-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js

@@ -53,7 +53,7 @@ export class NylasEventDescription {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (h(Host, { key: 'ac483c56982373fb625c6d1af54eed749ce820e2' }, h("div", { key: '3924853ea2c94d72bf2a04a319bee5fc61eb7642', class: "nylas-event-description", part: "nedesc" }, h("label", { key: 'e8f9990a4f0766de9691080ef02b823c4cd6beb4', htmlFor: "description" }, "Event description", h("span", { key: 'dc7fa731cc60ed6e59032cdb35d0b410de300750', class: "label-icon" }, h("tooltip-component", { key: '1c0b1a5a547227bf7d4f499cc7c319349ec26e2d' }, h("info-icon", { key: 'e74034f5a5d8ab86c0d497b15c9cb8016d22f38e', slot: "tooltip-icon" }), h("span", { key: 'c5efa1fc3adc9290e39d40f1f7998e0c6bdd3bf4', slot: "tooltip-content" }, "Provide any additional details for your event.")))), h("textarea", { key: '45d8cc241ab90a24ec437499234b02cc401fa720', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
+        return (h(Host, { key: '5c00a1d8d0babc4ae0dcadb89eba5ff579f12b63' }, h("div", { key: 'b497d190f728c6eea4c7487b261b380ed7ee974a', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '8fa2e4e0cf208b8e815c3a738a2c68c7e8c458e8', htmlFor: "description" }, "Event description", h("span", { key: '1325b2d1e3c1b7ab08c820ed5813a12dba5f9925', class: "label-icon" }, h("tooltip-component", { key: '31bf265a7235be7e7abb08cf79b2613be52320f2' }, h("info-icon", { key: '03846d6477ce728cf76be4e11ded756fd13cd5d3', slot: "tooltip-icon" }), h("span", { key: '0b279428d053e60e77403292926d6b35c8c08074', slot: "tooltip-content" }, "Provide any additional details for your event.")))), h("textarea", { key: '5fa3a6eba85e65281d1970c947f109048a780654', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
     }
     static get is() { return "nylas-event-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-duration/nylas-event-duration.js

@@ -109,7 +109,7 @@ export class NylasEventDuration {
             { value: 1, label: 'minute' },
             { value: 60, label: 'hour' },
         ];
-        return (h(Host, { key: 'c8ab90c7a45ce6a5379552af0a9059b9d829e82c' }, h("div", { key: 'd957e610bd31a55430235b0ca903905c8bf3706b', class: "nylas-event-duration", part: "ned" }, h("label", { key: '39324d77ad9da4bc0c1f36d15c28384f423c1976', htmlFor: "duration" }, "Event duration", h("span", { key: '8f222a8a5d03899ff06790133434028dd1a62cd4', class: "required" }, "*"), h("span", { key: '6b83c675faa33db229ded711eac8c1f565bc9a61', class: "label-icon" }, h("tooltip-component", { key: '01b7ba340e2883e5a22d4559f67feda4bc745109' }, h("info-icon", { key: 'acbfa3dcbc994dec0e502ea9ded00612bf24b315', slot: "tooltip-icon" }), h("span", { key: 'e691c2a8ce4953e448cb6850ab2648645ae688c0', slot: "tooltip-content" }, "Set the duration of your event.")))), h("div", { key: '294766a022ba73042705050bc2fbc294cd1433b4', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: '9a61a9527ae4c9991dc1f1596fbed85a5dd57966', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) ?? durationOptions[0] }), h("select-dropdown", { key: 'edcda0700a80961b9a8b9f325288d70a1aa4e6f0', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement) ?? durationOptions[0], withSearch: false })))));
+        return (h(Host, { key: '8fbb229d360115f6991fac20743e6b14c884980c' }, h("div", { key: '12fe435669d83fba32e6d6fc96acf2763376412f', class: "nylas-event-duration", part: "ned" }, h("label", { key: '9ee46419c5973dcc444a4b7d165e51750abb4815', htmlFor: "duration" }, "Event duration", h("span", { key: 'fbd3676ce94cf24b2974528e12859eadc1a1069d', class: "required" }, "*"), h("span", { key: 'a161bf4031466b468ccf60a4c8a317a702770b5d', class: "label-icon" }, h("tooltip-component", { key: 'f23c88738276ef097fcf8b85a6b5f70f99b969ed' }, h("info-icon", { key: '850114c107362a42b2759ca2d193c942ab548a2b', slot: "tooltip-icon" }), h("span", { key: '404981545b644366b964e2f12637cb3902aa78f1', slot: "tooltip-content" }, "Set the duration of your event.")))), h("div", { key: 'd3a931e275a66ab78dd39261fb01aa79e08b78b6', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: '47d42bc80559a115abf2dca195740babcea0f4fe', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) ?? durationOptions[0] }), h("select-dropdown", { key: '16f268fdb83101f2bb3e11f2ac98cf54c5c1b1f0', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement) ?? durationOptions[0], withSearch: false })))));
     }
     static get is() { return "nylas-event-duration"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-info/nylas-event-info.js

@@ -30,7 +30,7 @@ export class NylasEventInfo {
         debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '372985af2cad0d48f0b6426efdf57dc426e635ce' }, h("nylas-form-card", { key: '03101178a10d153a877e31034552fd29b2c78897', exportparts: "nfc__header: nei__header" }, h("h1", { key: '3ebf8b9831ed7a6ca28fcce719d0673e3ed2f6d7', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), h("h3", { key: '1dc5761e9998d5685b5beb0765d777ac25cbf8ed', slot: "header-subtitle", class: "nylas-event-info__subtitle", part: "nei__subtitle" }, "Enter all event information."), h("div", { key: 'd03c233d645368adda34afeab1aebafabd2adb9d', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: '715992e0621e0656135705e4abc3cc75219eb4c9', name: "inputs" })))));
+        return (h(Host, { key: '33d91118714d86c6e4309412cc46df5f90a381b2' }, h("nylas-form-card", { key: '03f38377a271ed5e48eb77132a15dc921609e711', exportparts: "nfc__header: nei__header" }, h("h1", { key: 'b555b48b8fa4a0387e2eaa078dfd797730549c1a', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), h("h3", { key: 'ab2972780506061a7b0c6598bb00622461617551', slot: "header-subtitle", class: "nylas-event-info__subtitle", part: "nei__subtitle" }, "Enter all event information."), h("div", { key: '5b2ec5d3407512249e35e0b4dceb346f379eadc0', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: '67b2da6a395527404a25532257d3de03186a4ab6', name: "inputs" })))));
     }
     static get is() { return "nylas-event-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-limits/nylas-event-limits.js

@@ -30,7 +30,7 @@ export class NylasEventLimits {
         debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '8a06058ea2224b629bc103d0c649f9d092b4ecb1' }, h("nylas-form-card", { key: '4055001375b7d0356f1025dbc19f6d50bc7d5034', exportparts: "nfc__header: nel__header" }, h("h1", { key: '13e674b2bf62d1e2daec83b8cbe128e3ee8971ce', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), h("h3", { key: 'c26824ac9ff4f41e25f305105ff76424be851f44', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Manage event limits."), h("div", { key: '80aadbc633d0b6f49f768b4cede35c9f295b62f5', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: '0bc8720c54a4235f9108d7c78164671e3db64d1a', name: "inputs" })))));
+        return (h(Host, { key: 'c80a6842c80d13a944edac4bacd93f1311b87977' }, h("nylas-form-card", { key: '7093ab758d0476bb9c04c2deb2b3f55231d81cd9', exportparts: "nfc__header: nel__header" }, h("h1", { key: '71a02c0f2e0e12568ccb7eae3a00f65c58fdd16b', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), h("h3", { key: '7e75c6c11119d8a2f58a5bf6099a449ffa4c62ee', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Manage event limits."), h("div", { key: '68642c6ce6819fdf4d57ce779e62d6ca72d7d62b', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: 'c179df176f32624a61d7ac8ccd04bca082dc8407', name: "inputs" })))));
     }
     static get is() { return "nylas-event-limits"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-location/nylas-event-location.js

@@ -166,13 +166,13 @@ export class NylasEventLocation {
                 break;
         }
         const icons = {
-            none: h("location-off-icon", { key: '704e3432c3b98f3a2a8da51fb68dffcf90c3698d' }),
-            custom: h("location-icon", { key: 'ff185ff6c48fd9187900ed282c5e22621c6fe59a' }),
-            google: h("google-meet-icon", { key: '248524df1929cafea72a90be4af826b750bfe163' }),
-            microsoft: h("microsoft-teams-icon", { key: '29171eb5e309f4febafc3c756f8129626c4bea91' }),
-            zoom: h("zoom-icon", { key: '3d7edb2034e1fa7eb5c331f4fb65ec48c0496bfb' }),
+            none: h("location-off-icon", { key: 'eb13ab36999ab20b30e5d9283c7cd0b622cf96a5' }),
+            custom: h("location-icon", { key: 'd3ecbd17277a59025a4d56dab224a804dd2a8d41' }),
+            google: h("google-meet-icon", { key: 'fe9936ce42ee8d87319bf0bbc9d9ed48e072bc8f' }),
+            microsoft: h("microsoft-teams-icon", { key: 'b0c8a3dbb9390138812a59f7c5705fac9766e3ea' }),
+            zoom: h("zoom-icon", { key: '8d72f86e7c3566a0d0f7278efc1fb78be0e236ba' }),
         };
-        return (h(Host, { key: '14187990ecb61f66f028cf8c505734bb1ac53918' }, h("div", { key: 'bc0a77eba223fb0bd7a856b63699018087b369af', class: "nylas-event-location", part: "nel" }, h("label", { key: '4e4a1713cec90bc565cf9236e1c441382b3fa93f', htmlFor: "location" }, "Location type", h("span", { key: 'ebd373624e792510b375f34a1de01abc1c9a264a', class: "label-icon" }, h("tooltip-component", { key: '117a041a1f1bc3e81f5073bbf51801d3ce83aa6a' }, h("info-icon", { key: '34e01edf44b933bb3c0499f435b749b4d1df0277', slot: "tooltip-icon" }), h("span", { key: 'f945db849454c25e6ae73f99f7e3f15fc2637efb', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), h("div", { key: '00fe0bac3684e266a9f4269d2f7765c43e8a9752', class: "location-input" }, h("select-dropdown", { key: 'a0a5200c2e9201f35ac099165cf628a4eadd17bd', withSearch: false, name: "location", options: locationOptions.reverse(), defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: '4f5907df275a6e4e077167a90d11c5f97c840432', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
+        return (h(Host, { key: '88e20db0f30b55013f0a63a1a9a054188c37b13b' }, h("div", { key: '8e86c71b3a32c33b4d2558c177ff1dbeda78d7ae', class: "nylas-event-location", part: "nel" }, h("label", { key: 'a3ba2e88a37691c7691df6107e68862eaf40c79d', htmlFor: "location" }, "Location type", h("span", { key: '426742f2b56b10522bc178383fd950724d585a14', class: "label-icon" }, h("tooltip-component", { key: 'e35380ec73605fce5f8626a4f4132a89f13f9c50' }, h("info-icon", { key: 'c9f9e94cc0a0e38e7156e7a505f8289e50200338', slot: "tooltip-icon" }), h("span", { key: '8b52d9df9fd01c93e6fd2065c112d1f2cde3d5f2', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), h("div", { key: 'f9f9738a534b33e557442fca7a09a6a97c0205a2', class: "location-input" }, h("select-dropdown", { key: '3c6d1c878f824a448aff7f414478bcad3507cc5e', withSearch: false, name: "location", options: locationOptions.reverse(), defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: 'f7a3a921c7ce929c81e9065a8d8468ae2df57b7c', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
     }
     static get is() { return "nylas-event-location"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-title/nylas-event-title.js

@@ -307,10 +307,10 @@ export class NylasEventTitle {
         return (h("div", { class: "token-label" }, h("span", { class: "token" }, token.token), h("span", { class: "description" }, token.description)));
     }
     render() {
-        return (h(Host, { key: '0d32eb86a4d773fd568b1948c12d0a2d33d3f0e7' }, h("div", { key: 'bdd513cb14da7c59bd8be9f3f9a1f9b29f868024', class: "nylas-event-title", part: "net" }, h("label", { key: 'f27076dfed25dd2cdc0b84b591a2920681a4730c', htmlFor: "title" }, "Event title", h("span", { key: '932ccbe6b9966725e9d5be799473f7bb74db8b4a', class: "required" }, "*"), h("span", { key: '8733b7c850db9dc5a59d8fb339f7e9c8b58ec60c', class: "label-icon" }, h("tooltip-component", { key: '6ff9f5349c2c9d6392a4948fb176f9117508ac30' }, h("info-icon", { key: '9d7938109fdb9699cf2d2b53957a5345626d98a3', slot: "tooltip-icon" }), h("span", { key: 'a47b13a6f9a399a9bad53e6dc988606245769ac0', slot: "tooltip-content" }, "Enter a title for your event.")))), h("div", { key: 'd7c94160c40be05054e1e802fdbd7ddb270101c3', class: {
+        return (h(Host, { key: 'caa2a0ddec7a8f5780779c8e1326d854e9c203ff' }, h("div", { key: '2118d80a1ae25538c1fa20c250df4e8673ae75e3', class: "nylas-event-title", part: "net" }, h("label", { key: '063a3f1753d90ef023f23d6c1cfec4c8c71a2d7a', htmlFor: "title" }, "Event title", h("span", { key: 'fbdeaf6eb191ea51bb4048928f05e9d603c28630', class: "required" }, "*"), h("span", { key: '16601b64ccd4360fc9783001e06f5b728ee3a2b2', class: "label-icon" }, h("tooltip-component", { key: 'bbb5171ba8a6f9378181dc1433679b6658aec343' }, h("info-icon", { key: 'bb2bf22f400b5bc2436cc4d26919713e207a9cd7', slot: "tooltip-icon" }), h("span", { key: '02df6a6ec9342fe10ce9ee72100e881594f0f40f', slot: "tooltip-content" }, "Enter a title for your event.")))), h("div", { key: 'f1aa12dbc7d59dda437837564db870c7a87f21b7', class: {
                 title: true,
                 error: this.validationError !== '',
-            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (h("div", { class: "token-options", part: "net__dropdown-content" }, h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), h("span", { key: '27d92e3439cdd74ea7175907c96ec413d7d67af6', class: "help-text" }, "Create a dynamic templated event title by typing $."), this.validationError != '' && h("span", { class: "error-message" }, this.validationError))));
+            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (h("div", { class: "token-options", part: "net__dropdown-content" }, h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), h("span", { key: 'a7656d637158a644acb28bf7368a0f0d9f781166', class: "help-text" }, "Create a dynamic templated event title by typing $."), this.validationError != '' && h("span", { class: "error-message" }, this.validationError))));
     }
     static get is() { return "nylas-event-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-form-card/nylas-form-card.js

@@ -31,7 +31,7 @@ export class NylasFormCard {
         checkForMissingSlots(slots, this.host);
     }
     render() {
-        return (h(Host, { key: '4359b69ac789234cd714bcb72d75443e7deecd4c' }, h("div", { key: '3d2f2834d16d7b9719cb5f1eee9a4553afe03f7b', class: "nylas-form-card", part: "nfc" }, h("div", { key: '497e8a56062f6558b7e0e0c21bdbd5819664fb41', class: "nylas-form-card__header", part: "nfc__header" }, h("slot", { key: '9cb690437d20b7170b8b06c10074fc94f66c4d88', name: "header-title" }), h("slot", { key: '4a565ef9f7ae11d4d4d08c3090357b18c66a0724', name: "header-subtitle" })), h("div", { key: '78509c20cf2fa4f61df79944a51d1ecf9b361422', class: "nylas-form-card__content" }, h("slot", { key: '02a5f833ea8e7b8220a4cb6b3b2d5d2d65a65b24', name: "content" })))));
+        return (h(Host, { key: '37edecef8a8a43abfcc4f41dda40dac9a942a32d' }, h("div", { key: 'c469aec0b40c7d352b296ac9245410628abd450c', class: "nylas-form-card", part: "nfc" }, h("div", { key: '7324f977747c0dc3ba96eab6fba6215c5fcca6a0', class: "nylas-form-card__header", part: "nfc__header" }, h("slot", { key: 'c6b68fbe49b471a94549c96c6b99237cc6d2c109', name: "header-title" }), h("slot", { key: 'd65432c2579ecc19e983455597e8679e605e5031', name: "header-subtitle" })), h("div", { key: 'e6f04ad2052e6902d21c4083fd9f90f99a044092', class: "nylas-form-card__content" }, h("slot", { key: '8edc98dec2c083a3449548cc2dc2e09e5efe9514', name: "content" })))));
     }
     static get is() { return "nylas-form-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-limit-future-bookings/nylas-limit-future-bookings.js

@@ -90,7 +90,7 @@ export class NylasLimitFutureBookings {
         this.selectedPeriod = period;
     }
     render() {
-        return (h(Host, { key: '5f9e1b76c6d9bef357d3e1a60616c9cf316f00c9' }, h("div", { key: '1dff7a12f7a972cff77b8feebcec2af8989ccc36', class: "nylas-limit-future-bookings", part: "nlfb" }, h("label", { key: 'cb9d669c721974684d1840fa5c0f044525e53d0e' }, "Limit future bookings", h("span", { key: 'ff0ed108352c5ef35645792160375b6e73586407', class: "label-icon" }, h("tooltip-component", { key: 'd9e7fd840433856089b7c2c7881aa0152e5dc8d9' }, h("info-icon", { key: 'fe67f1f6f44e958bab00e9266bebe92c6c43816c', slot: "tooltip-icon" }), h("span", { key: '25df0e3072ca37bc689f8d7a8916d866ee591494', slot: "tooltip-content" }, "The limit on how far in the future bookings can be made.")))), h("time-period-selector", { key: 'b69d1984eb0ad209f2540b42cdd813749069e07b', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (h(Host, { key: '53a29d5f67af0f4e6d00e230952a1e03332166e9' }, h("div", { key: '72a308e88ecbab2b389b8fc40f4dd70f5e22c6c9', class: "nylas-limit-future-bookings", part: "nlfb" }, h("label", { key: 'cb244b539a1d0bcc0e562375356fe2f14521118c' }, "Limit future bookings", h("span", { key: '415b9bbd1b04f216ab7f6290f7fe5d998450829c', class: "label-icon" }, h("tooltip-component", { key: 'c1ce9f9283c5ff03ccd32d7ae386b85fcc248b04' }, h("info-icon", { key: '6018dce6a8fdba0c3892f6ec910846bbf4131ea0', slot: "tooltip-icon" }), h("span", { key: 'bcb5f13d5b185970e9f83dd9fb7a9cb2c8f83826', slot: "tooltip-content" }, "The limit on how far in the future bookings can be made.")))), h("time-period-selector", { key: 'c7e5dba9cff6a840c63e5d7697fff34d784f6554', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get is() { return "nylas-limit-future-bookings"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-min-booking-notice/nylas-min-booking-notice.js

@@ -115,7 +115,7 @@ export class NylasMinBookingNotice {
         this.selectedPeriod = period;
     }
     render() {
-        return (h(Host, { key: '47d97cf15413ac6d2a1983c31bf5285da9d22416' }, h("div", { key: 'a2c14ed28cdf180a791f779c8df40b55ee72799c', class: "nylas-min-booking-notice", part: "nmbn" }, h("label", { key: '0e3e640e89b16308d94402a28c650533d157cc37' }, "Minimum booking notice", h("span", { key: '70a1590c751002c54e03ee524bd9e1ffce424897', class: "label-icon" }, h("tooltip-component", { key: 'ebf5aa08d5750cb435d92712af6419f418289686' }, h("info-icon", { key: '96182bbb2aa2e4e75e85aef9032903fbdc7319ed', slot: "tooltip-icon" }), h("span", { key: '652f4ff744011f6974376c44c6a61f4e6488b2fd', slot: "tooltip-content" }, "The minimum amount of time in the future that a new booking can be made.")))), h("time-period-selector", { key: '28b99b166c06d72cb57a70fe11acb970d4f295ac', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (h(Host, { key: 'b66e6d967866180d458597d6ff5c00f4aca0ec3b' }, h("div", { key: '98ad2ebaa4a3495f9ba65577d8b1af6016d377f9', class: "nylas-min-booking-notice", part: "nmbn" }, h("label", { key: '5c2e80d9691796b7cf55c1efa304d5c6b5b22a5a' }, "Minimum booking notice", h("span", { key: '1ff320e10d2b918da0b80885d2bda34f797e8e90', class: "label-icon" }, h("tooltip-component", { key: 'c7d22efc7c5d23a3a3fd3e6fe746ade7e2a9a00b' }, h("info-icon", { key: '8cea6168b3a274642250e1a217feed9660a4b87a', slot: "tooltip-icon" }), h("span", { key: '85502d33a2ef5842e247dab8a14fdc138cc25128', slot: "tooltip-content" }, "The minimum amount of time in the future that a new booking can be made.")))), h("time-period-selector", { key: '96064706fbe48c498569f005549d1030725c5c70', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get is() { return "nylas-min-booking-notice"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-min-cancellation-notice/nylas-min-cancellation-notice.js

@@ -115,7 +115,7 @@ export class NylasMinCancellationNotice {
         this.selectedPeriod = period;
     }
     render() {
-        return (h(Host, { key: '1371e8247f4cfb764ba3d63982047c2964b9dca2' }, h("div", { key: 'a7487dc7385a1d39e176f208fb23238579223af9', class: "nylas-min-cancellation-notice", part: "nmcn" }, h("label", { key: '3bcd720132d8cdfe80c94a64b901da3470ad57e9' }, "Minimum cancellation notice", h("span", { key: '8764ad54ab4ca8bd0b014d88e5fad58a75a6a1ad', class: "label-icon" }, h("tooltip-component", { key: '34e80e1f906b16c4239bc21ea8e975f8b71c9e6a' }, h("info-icon", { key: '2beaf33348a329d461c32de462319d7be2c87381', slot: "tooltip-icon" }), h("span", { key: '8ccef7385c54c61a062d59650665f11b7314270b', slot: "tooltip-content" }, "The minimum amount of time required to cancel a booking.")))), h("time-period-selector", { key: 'be775a679e24b786a6c453db478b59cef0dd30f4', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (h(Host, { key: 'ce2473b73de62b85e83d58aa3fc66c9ee5ae48e1' }, h("div", { key: '28e87715ad2356259660fb281e2e461ff50050d8', class: "nylas-min-cancellation-notice", part: "nmcn" }, h("label", { key: '6582f3ad397d65b0ace88f3168ec472f4b2dda87' }, "Minimum cancellation notice", h("span", { key: '99b09490eb2ac74fdcbc7d5bb30923b7b69534b3', class: "label-icon" }, h("tooltip-component", { key: '13b1130f0cfad5c6d88fa82b70431ee9470519bd' }, h("info-icon", { key: 'dc19df74544163eadb9223c35507240fe3bd684b', slot: "tooltip-icon" }), h("span", { key: 'ab03e84970093e4c62e26280ee305b03e45748ee', slot: "tooltip-content" }, "The minimum amount of time required to cancel a booking.")))), h("time-period-selector", { key: '0befed220376dd6d85990600ef9b5b9a897fe49f', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get is() { return "nylas-min-cancellation-notice"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-participant-booking-calendars/nylas-participant-booking-calendars.js

@@ -121,7 +121,7 @@ export class NylasParticipantBookingCalendars {
         return selectedParticipants;
     }
     render() {
-        return (h(Host, { key: '4d4bd8b9463489ff3a66f17fe16b250f514c66ab' }, h("div", { key: '91516dc19d10a8932d0f759b3968dbbdf5bc1fa9', class: "nylas-participant-booking-calendars", part: "npbc" }, h("div", { key: '4a3000822113018fe3bc905fc7a34051b0c21f4c', class: "header", part: "npbc__header" }, h("h3", { key: '74d4741419d6352f8c8401e9b9dbea18765d6fc3' }, "Calendar booking"), h("p", { key: '9ed21750d16566885c1626db4f03098a5acc32f0' }, "Select the calendar where you want to add event bookings.", h("tooltip-component", { key: '161b9699355b456539ccaaa902bfdf77e7cd2380' }, h("info-icon", { key: '1429445a348fa2744f65617de14147707c3fc877', slot: "tooltip-icon" }), h("span", { key: 'f080b36b751ac19b70703a27ecfbbb6c0635f2b2', slot: "tooltip-content" }, "The calendar will be used to create events.")))), h("div", { key: '032831a62f5066aef357bcd0d7315b67bb5488f2', class: "content", part: "npbc__content" }, h("form", { key: '1cd2a64097d143c76152ce80107ae7df40c458c7', ref: el => (this.bookingCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
+        return (h(Host, { key: '6fa910c87f437c0d9f031a76a854b4977fe9696c' }, h("div", { key: 'fd8dac2baf15d1656bfd1856c683cb217cf68aad', class: "nylas-participant-booking-calendars", part: "npbc" }, h("div", { key: 'f8a817cfa4f1f1b12780ea7ab7354bd12eaff64d', class: "header", part: "npbc__header" }, h("h3", { key: '1978227a6007ee58270c70ab2578a2364229992d' }, "Calendar booking"), h("p", { key: '968674c7567f6a898052e9f1c6fa4a4d7106b4f2' }, "Select the calendar where you want to add event bookings.", h("tooltip-component", { key: '6daa4107d5d6145b72909b9fd3aa76b3393d46fc' }, h("info-icon", { key: '001e828549f0bf59d330d9099bb35edb97a37318', slot: "tooltip-icon" }), h("span", { key: '1172c70eed8ac2b84e6a7ec56b38f8096d5ca514', slot: "tooltip-content" }, "The calendar will be used to create events.")))), h("div", { key: 'ed4838cd97937c6a85a74b8e9541bde8cc6dda85', class: "content", part: "npbc__content" }, h("form", { key: '7b95644a8ae34c54db35bf7a1a24558c972d1318', ref: el => (this.bookingCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
             const participant = this.selectedCalendars[key];
             const participantCalendars = this.participantCalendars[key];
             if (!participant || !participant.name)

package/dist/collection/components/scheduler-editor/nylas-participants-custom-availability/nylas-participants-custom-availability.js

@@ -97,7 +97,7 @@ export class NylasParticipantsCustomAvailability {
         return selectedParticipants;
     }
     render() {
-        return (h(Host, { key: '3e7cdcf9612c646be0b96633d387361a562f5894' }, h("div", { key: '42d1fa4e046a101f1ca5b80b640d3f3b619d9035', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'ec6d1290c374f5ced61f8dabcbcacb102e0427bc', class: "header", part: "npca__header" }, h("h3", { key: '26577e0fd9572ed513907f0307fe207de951c2bd' }, "Availability for participants"), h("p", { key: '7a287a227c278b6f9ccc6c6ec8beeca34d521cd0' }, "If not set, the general availability on the Availability tab is used.")), h("div", { key: '42794be072915fd5f42ce4905fba3d9ba9551b84', class: "content", part: "npca__content" }, h("form", { key: '5368bcc8efc3393666271c2a2082d5caf0c739b6', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (h(Host, { key: 'c3139830070c38c56ef267890b11386a05064eab' }, h("div", { key: '034692665ece4285444af35f4f371202db863284', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'b111ad5ceece2fb367b021254b3d317a13769ccb', class: "header", part: "npca__header" }, h("h3", { key: '793a8a3d305619e4b1dae28e07e80e82d7a769e2' }, "Availability for participants"), h("p", { key: '0b3959e113ff428445acee4dc9fb9fd745dd9f02' }, "If not set, the general availability on the Availability tab is used.")), h("div", { key: '17e7f1d1c49c10c78f5cc4ae37b7f4aeadff0de5', class: "content", part: "npca__content" }, h("form", { key: '1410f5b95eb5cdea2c1de1fcec9cbd6650ff756b', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             if (!participant || !participant.name || !participant.availability)
                 return;

package/dist/collection/components/scheduler-editor/nylas-reminder-emails/nylas-reminder-emails.js

@@ -101,7 +101,7 @@ export class NylasReminderEmails {
     }
     render() {
         const organizerName = this.participants.find(p => p.is_organizer)?.name;
-        return (h(Host, { key: '3cfc38ae430db98fc5dee57f870e897b1410d8be' }, h("div", { key: '596e3dfd44c26789b707f4cffec8d764c7de3270', class: "cards-container" }, this.reminders.map((reminder, index) => {
+        return (h(Host, { key: '637a94afb7442f23133efa8c3875bf3f9c2454a4' }, h("div", { key: '67cd255242bcd889d5f5b86d63420f13047fba5f', class: "cards-container" }, this.reminders.map((reminder, index) => {
             return (h("div", { class: "nylas-reminder-email", part: "nre" }, h("div", { class: "header", part: "nre__header" }, h("div", null, h("h3", null, "Upcoming meeting", organizerName ? ` with ${organizerName} ` : ''), h("p", null, "Reminder before event")), this.editingReminderIndex !== index ? (h("button-component", { variant: 'basic', key: `edit-${index} `, clickHandler: event => {
                     event.preventDefault();
                     this.editingReminderIndex = index;
@@ -109,10 +109,10 @@ export class NylasReminderEmails {
                     event.preventDefault();
                     this.deleteReminder(index);
                 } }, h("trash-icon", { width: "16", height: "16" })))), this.editingReminderIndex === index ? (h("div", { class: "nylas-reminder-email__body", part: "nre__body" }, h("div", { class: "nylas-reminder-email__section" }, h("div", { class: "nylas-reminder-email__row" }, h("label", null, "Send confirmation email when", h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation immediately after your booking is set up.")))), h("nylas-reminder-time", { name: `reminder-time-${index}`, eventReminderTimeMinutes: reminder.reminder_minutes, exportparts: "nrt, nrt__input_dropdown: nre__reminder-input_dropdown,\n                          nrt__input_dropdown-input: nre__reminder-input_dropdown-input,\n                          nrt__input_dropdown-content: nre__reminder-input_dropdown-content,\n                          " }))))) : (h("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, h("p", null, h("span", { class: "summary-icon" }, h("person-clipboard-icon", null)), "All host & guests"), h("p", null, h("span", { class: "summary-icon" }, h("clock-icon", null)), this.formatReminderTime(reminder.reminder_minutes), " before the event")))));
-        })), h("button-component", { key: '3dcd4239f36ad43b16edb0e380876d20c5287d74', class: "create-reminder", variant: 'basic', clickHandler: event => {
+        })), h("button-component", { key: '22ff7c3ff9abfe8128f5bb6c4f518221b7a23819', class: "create-reminder", variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.addReminder();
-            } }, h("plus-icon", { key: '1931918cc635f1360fb30cbeb77ef8edac3d6dce', width: "16", height: "16" }), "New reminder")));
+            } }, h("plus-icon", { key: 'cda8e18966c5be78391f3d0381e4086dcda17101', width: "16", height: "16" }), "New reminder")));
     }
     static get is() { return "nylas-reminder-emails"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-reminder-time/nylas-reminder-time.js

@@ -107,7 +107,7 @@ export class NylasReminderTime {
             { value: 60, label: 'hour' },
             { value: 60 * 24, label: 'day' },
         ];
-        return (h(Host, { key: '2ec181327a9701da34f0665da9cbb712e94e96fd' }, h("div", { key: '37df33a4e4954e8351c9057f820e7e0cd6e4209f', class: "nylas-reminder-time", part: "nrt" }, h("div", { key: '99ff7c8b35c89a5c026eb35677ecd8445db03e11', class: "nylas-reminder-time__wrapper" }, h("input-dropdown", { key: '1a8ce26723d9227cd46100127e3cbc7cb5ce11e0', name: 'reminder-time', options: this.reminderTimeMinutesOptions, inputValue: this.reminderTime.toString(), exportparts: "id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content", defaultInputOption: this.reminderTimeMinutesOptions.find(i => i.value == this.reminderTime) ?? reminderTimeOptions[0] }), h("select-dropdown", { key: 'd6b9b9093cff0939c6f12f3fa2d2b4b5c925a26e', name: 'reminder-time-unit', options: reminderTimeOptions, pluralizedLabel: this.reminderTime > 1 ? 's' : '', exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: reminderTimeOptions.find(i => i.value == this.reminderTimeincrement) ?? reminderTimeOptions[0], withSearch: false })))));
+        return (h(Host, { key: 'e0cbb4a650912106a457250692f5c52bd66fdf6c' }, h("div", { key: '68a874e43a5da27f22aa0ab0103c672eae247cc4', class: "nylas-reminder-time", part: "nrt" }, h("div", { key: '086b549b0dd7eea64a773591032e59072273dcd7', class: "nylas-reminder-time__wrapper" }, h("input-dropdown", { key: '8f3a6cc2c3e5ccb90f9c233f9bc60351588e2f9f', name: 'reminder-time', options: this.reminderTimeMinutesOptions, inputValue: this.reminderTime.toString(), exportparts: "id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content", defaultInputOption: this.reminderTimeMinutesOptions.find(i => i.value == this.reminderTime) ?? reminderTimeOptions[0] }), h("select-dropdown", { key: 'f32e2680baa962af904560d67984d14efc805878', name: 'reminder-time-unit', options: reminderTimeOptions, pluralizedLabel: this.reminderTime > 1 ? 's' : '', exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: reminderTimeOptions.find(i => i.value == this.reminderTimeincrement) ?? reminderTimeOptions[0], withSearch: false })))));
     }
     static get is() { return "nylas-reminder-time"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.js

@@ -148,7 +148,7 @@ export class NylasSchedulerEditor {
         }
     }
     render() {
-        return (h(Host, { key: '843aa39842caf2c85154b6b70120bf7f66d6e13b' }, h("div", { key: 'bb75d22d48ac322be916635dbbb6229b1077db36', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: 'ae180ddc9c742c58e91cfeae59c76129f2b8d4b1', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '6f96e2158cccdddbad611fb64fa5d37795a60ee7', width: "18", height: "18" }), "Scheduler editor"), h("button", { key: 'f24abc88ac228e1b0c05689cbe9b33560d87a7a5', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: '916d5d1c0506995603598e6a56d16586690a509b', width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (h("div", { class: "list-configurations" }, h("nylas-list-configurations", null))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && (h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, { currentUser: this.stores?.schedulerConfig?.state.currentUser, calendars: this.stores?.schedulerConfig?.state?.calendars, selectedConfiguration: this.stores?.schedulerConfig?.state?.selectedConfiguration }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && (h("nylas-editor-tabs", { mode: this.mode }, this.mode === 'composable' && h("slot", null))), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })))));
+        return (h(Host, { key: '692969f53919c6e1ab55a9957431bc49484f0d12' }, h("div", { key: '44a305049e2d179f490e216492f2081b8abc04e6', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: '5ade71c3584f02d488a9c9ea3af9ae0c94229bd9', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '43bc046f201541d828399ada01333510ff979059', width: "18", height: "18" }), "Scheduler editor"), h("button", { key: '372383bd359b161434b3e34cdff7dbec0893225a', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: '935bd1c849164bf6ba4646970942dffe0b6e3262', width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (h("div", { class: "list-configurations" }, h("nylas-list-configurations", null))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && (h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, { currentUser: this.stores?.schedulerConfig?.state.currentUser, calendars: this.stores?.schedulerConfig?.state?.calendars, selectedConfiguration: this.stores?.schedulerConfig?.state?.selectedConfiguration }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && (h("nylas-editor-tabs", { mode: this.mode }, this.mode === 'composable' && h("slot", null))), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })))));
     }
     static get is() { return "nylas-scheduler-editor"; }
     static get encapsulation() { return "shadow"; }