@nylas/web-elements 2.5.17 → 2.5.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +1 -1
- package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +312 -268
- package/dist/cjs/google-logo-icon_6.cjs.entry.js +1 -1
- package/dist/cjs/nylas-booked-event-card_11.cjs.entry.js +15 -3
- package/dist/cjs/nylas-booked-event-card_11.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-scheduler-editor.cjs.entry.js +1 -1
- package/dist/cjs/nylas-scheduling.cjs.entry.js +41 -1
- package/dist/cjs/nylas-scheduling.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-scheduling.entry.cjs.js.map +1 -1
- package/dist/cjs/{version-Dvnf44vW.js → version-Xu0ORQw8.js} +3 -3
- package/dist/cjs/{version-Dvnf44vW.js.map → version-Xu0ORQw8.js.map} +1 -1
- package/dist/collection/components/scheduler/nylas-booking-form/nylas-booking-form.js +48 -3
- package/dist/collection/components/scheduler/nylas-booking-form/nylas-booking-form.js.map +1 -1
- package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js +20 -1
- package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js.map +1 -1
- package/dist/collection/connector/shared/api/scheduler.js +21 -0
- package/dist/collection/connector/shared/api/scheduler.js.map +1 -1
- package/dist/collection/version.js +1 -1
- package/dist/collection/version.js.map +1 -1
- package/dist/components/nylas-booking-form.js +1 -1
- package/dist/components/nylas-editor-tabs-group.js +1 -1
- package/dist/components/nylas-editor-tabs.js +1 -1
- package/dist/components/nylas-scheduler-editor.js +3 -3
- package/dist/components/nylas-scheduling.js +42 -2
- package/dist/components/nylas-scheduling.js.map +1 -1
- package/dist/components/{p-2UDpTS-K.js → p-BGCZ4yg1.js} +3 -3
- package/dist/components/{p-2UDpTS-K.js.map → p-BGCZ4yg1.js.map} +1 -1
- package/dist/components/{p-CdAJ8ry_.js → p-DQNm7dzQ.js} +3 -3
- package/dist/components/{p-CdAJ8ry_.js.map → p-DQNm7dzQ.js.map} +1 -1
- package/dist/components/{p-Ctot3asB.js → p-DRXHxMKj.js} +3 -3
- package/dist/components/{p-Ctot3asB.js.map → p-DRXHxMKj.js.map} +1 -1
- package/dist/components/{p-B3cnALr8.js → p-WABPA0YV.js} +17 -5
- package/dist/components/p-WABPA0YV.js.map +1 -0
- package/dist/esm/google-logo-icon_6.entry.js +1 -1
- package/dist/esm/nylas-booked-event-card_11.entry.js +15 -3
- package/dist/esm/nylas-booked-event-card_11.entry.js.map +1 -1
- package/dist/esm/nylas-scheduler-editor.entry.js +1 -1
- package/dist/esm/nylas-scheduling.entry.js +41 -1
- package/dist/esm/nylas-scheduling.entry.js.map +1 -1
- package/dist/esm/{version-B5EM2UED.js → version-iQhY7wWk.js} +3 -3
- package/dist/esm/{version-B5EM2UED.js.map → version-iQhY7wWk.js.map} +1 -1
- package/dist/nylas-web-elements/nylas-scheduling.entry.esm.js.map +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
- package/dist/nylas-web-elements/{p-0ae1a52e.entry.js → p-1401a68f.entry.js} +3 -3
- package/dist/nylas-web-elements/p-4d04cfe9.entry.js +2 -0
- package/dist/nylas-web-elements/p-4d04cfe9.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-3a8194c2.entry.js → p-7b8b7718.entry.js} +2 -2
- package/dist/nylas-web-elements/p-cb33346f.entry.js +2 -0
- package/dist/nylas-web-elements/p-cb33346f.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-B5EM2UED.js → p-iQhY7wWk.js} +2 -2
- package/dist/nylas-web-elements/{p-B5EM2UED.js.map → p-iQhY7wWk.js.map} +1 -1
- package/dist/types/components/scheduler/nylas-booking-form/nylas-booking-form.d.ts +2 -0
- package/dist/types/components/scheduler/nylas-scheduling/nylas-scheduling.d.ts +1 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/types/connector/shared/api/scheduler.d.ts +2 -0
- package/dist/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/p-B3cnALr8.js.map +0 -1
- package/dist/nylas-web-elements/p-9c8a524c.entry.js +0 -2
- package/dist/nylas-web-elements/p-9c8a524c.entry.js.map +0 -1
- package/dist/nylas-web-elements/p-c7f4c268.entry.js +0 -2
- package/dist/nylas-web-elements/p-c7f4c268.entry.js.map +0 -1
- /package/dist/nylas-web-elements/{p-0ae1a52e.entry.js.map → p-1401a68f.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-3a8194c2.entry.js.map → p-7b8b7718.entry.js.map} +0 -0
|
@@ -42,6 +42,8 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
42
42
|
this.__attachShadow();
|
|
43
43
|
this.nameChanged = createEvent(this, "nameChanged", 7);
|
|
44
44
|
this.emailChanged = createEvent(this, "emailChanged", 7);
|
|
45
|
+
this.guestEmailsChanged = createEvent(this, "guestEmailsChanged", 7);
|
|
46
|
+
this.additionalFieldsChanged = createEvent(this, "additionalFieldsChanged", 7);
|
|
45
47
|
this.backButtonClicked = createEvent(this, "backButtonClicked", 7);
|
|
46
48
|
this.detailsConfirmed = createEvent(this, "detailsConfirmed", 7);
|
|
47
49
|
this.bookingFormError = createEvent(this, "bookingFormError", 7);
|
|
@@ -65,6 +67,7 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
65
67
|
const guests = [...this.guestEmails];
|
|
66
68
|
guests[guestIndex] = sanitizeHtml(email);
|
|
67
69
|
this.guestEmails = [...guests];
|
|
70
|
+
this.guestEmailsChanged.emit(this.guestEmails);
|
|
68
71
|
};
|
|
69
72
|
this.handleGuestBlur = (guestIndex, email) => {
|
|
70
73
|
this.resetGuestEmailError(guestIndex);
|
|
@@ -81,6 +84,7 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
81
84
|
this.addGuestButtonClickedHandler = e => {
|
|
82
85
|
e.preventDefault();
|
|
83
86
|
this.guestEmails = [...this.guestEmails, ''];
|
|
87
|
+
this.guestEmailsChanged.emit(this.guestEmails);
|
|
84
88
|
};
|
|
85
89
|
this.removeGuestButtonClickHandler = (e, guestIndex) => {
|
|
86
90
|
e.preventDefault();
|
|
@@ -88,6 +92,7 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
88
92
|
const guests = [...this.guestEmails];
|
|
89
93
|
guests.splice(guestIndex, 1);
|
|
90
94
|
this.guestEmails = [...guests];
|
|
95
|
+
this.guestEmailsChanged.emit(this.guestEmails);
|
|
91
96
|
};
|
|
92
97
|
this.handleBackButtonClicked = e => {
|
|
93
98
|
e.preventDefault();
|
|
@@ -180,6 +185,7 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
180
185
|
this.updateAdditionalFields = (name, value) => {
|
|
181
186
|
if (this.additionalFields) {
|
|
182
187
|
this.additionalFields[name] = value;
|
|
188
|
+
this.additionalFieldsChanged.emit({ ...this.additionalFields });
|
|
183
189
|
}
|
|
184
190
|
};
|
|
185
191
|
}
|
|
@@ -350,7 +356,7 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
350
356
|
render() {
|
|
351
357
|
const isGroupEvent = !!this.selectedTimeslot?.event_id && !!this.selectedTimeslot?.capacity;
|
|
352
358
|
const showConsentMessage = this.configSettings?.scheduler?.notetaker_settings?.show_ui_consent_message === true;
|
|
353
|
-
return (h(Host, { key: '
|
|
359
|
+
return (h(Host, { key: '37cd9b82bc20430f4fc22ec1fc9395d40476d402' }, h("form", { key: 'f9755c802b42d73ea9aaf48d4fb11c69faeb75de', onSubmit: e => this.bookButtonClickedHandler(e), ref: el => (this.formRef = el), noValidate: true }, h("div", { key: 'a0e74316cd25d942e033ec831fa4ed770be0df5a', class: "nylas-booking-form", part: "nbf" }, h("div", { key: '8a9cd8f75bfa974a47e5e2a3832828226f6ef2e6', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: '3433a1edb0c011b8ae998af579210604329af86a', label: instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: instance.t('namePlaceholder'), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || false, required: true, requiredError: this.nameRequiredError, patternError: this.namePatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), h("div", { key: '17f91b7c2207442cb9206a3480674ba78c89052a', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: 'a9418226c0756deefabace1218a1bd1ec3c6157b', label: instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: instance.t('emailPlaceholder'), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || false, required: true, requiredError: this.emailRequiredError, patternError: this.emailPatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (h("div", { key: '512f56515ec34e71ac685b1cd54a744922adcf52', class: "input-wrapper", part: "nbf__input-wrapper" }, this.guestEmails.map((email, index) => (h("div", { class: "input-wrapper button-wrapper" }, h("label", { class: {
|
|
354
360
|
error: !!this.guestEmailErrors[index],
|
|
355
361
|
} }, instance.t('guestEmail')), h("div", { class: "guest-email-input" }, h("input", { type: "email", id: `guest-email-${index}`, maxLength: 100, class: {
|
|
356
362
|
'guest-email': true,
|
|
@@ -358,7 +364,7 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
358
364
|
}, placeholder: instance.t('guestEmailPlaceholder'), value: email, "data-index": index, part: "nbf__input-textfield", onBlur: (e) => this.handleGuestBlur(index, e.target?.value), onInput: (e) => this.handleGuestChange(index, e.target?.value) }), h("button-component", { variant: "basic", tooltip: "Remove guest", onClick: (e) => this.removeGuestButtonClickHandler(e, index), class: {
|
|
359
365
|
'remove-guest': true,
|
|
360
366
|
'error': !!this.guestEmailErrors[index],
|
|
361
|
-
} }, h("close-icon", null))), h("p", { class: "help-text" }, this.guestEmailErrors[index])))), !isGroupEvent && (h("button-component", { key: '
|
|
367
|
+
} }, h("close-icon", null))), h("p", { class: "help-text" }, this.guestEmailErrors[index])))), !isGroupEvent && (h("button-component", { key: '189869ec5a18043e9bef8c282058cbb26bfcad93', class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: e => this.addGuestButtonClickedHandler(e) }, h("div", { key: '68f7e68b8ff5081068bd64e2aa8366508ad3a7b4', class: "button-content" }, h("add-circle-icon", { key: 'fb5b3dba51aed878bf60b6e6f40771938a6de433', slot: "icon" }), this.guestEmails.length > 0 ? `${instance.t('addAnotherGuest')}` : `${instance.t('addGuest')}`))))), Object.entries((this.configSettings?.scheduler?.additional_fields || {}))
|
|
362
368
|
?.sort((a, b) => a[1].order - b[1].order)
|
|
363
369
|
.map(x => {
|
|
364
370
|
const field = x[1];
|
|
@@ -389,7 +395,7 @@ const NylasBookingForm = proxyCustomElement(class NylasBookingForm extends H {
|
|
|
389
395
|
default:
|
|
390
396
|
return (h("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { label: label, name: key, id: key, type: field.type, readOnly: fieldReadOnly, defaultValue: defaultValue || '', requiredError: instance.t('fieldRequired', { field: label }), patternError: instance.t('invalidInputFormat', { field: label }), required: field.required, part: "nbf__input-textfield", themeConfig: this.themeConfig })));
|
|
391
397
|
}
|
|
392
|
-
})), h("div", { key: '
|
|
398
|
+
})), h("div", { key: '7ebcde54517afad0f17e89e0170f230dbc7ff3ce', class: "cta" }, showConsentMessage && h("div", { key: '39aa8a18b033e3e82f6dc0750229360947ef1f0e', class: "consent-disclaimer" }, instance.t('notetakerConsentMessage')), h("button-component", { key: '62ca6bd8f36a3a81ad43027bdb2b87421654f139', variant: 'basic', class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, h("slot", { key: 'ff4131f111581812c9caa5c71f57ba0d24222fe2', name: "booking-form-back-label" }, `${instance.t('backButton')}`)), h("button-component", { key: '2ac93336ea230bad436de88688b87ce7c0741996', variant: 'primary', isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, h("slot", { key: '91dd3cda59aa2387d5ac239263189cde4a310267', name: "booking-form-book-label" }, `${instance.t('bookNowButton')}`))))));
|
|
393
399
|
}
|
|
394
400
|
get host() { return this; }
|
|
395
401
|
static get watchers() { return {
|
|
@@ -449,6 +455,12 @@ __decorate([
|
|
|
449
455
|
emailChanged: async (event, nylasSchedulerConnector) => {
|
|
450
456
|
nylasSchedulerConnector.scheduler.setParticipantEmail(event.detail);
|
|
451
457
|
},
|
|
458
|
+
guestEmailsChanged: async (event, nylasSchedulerConnector) => {
|
|
459
|
+
nylasSchedulerConnector.scheduler.setGuests(event.detail);
|
|
460
|
+
},
|
|
461
|
+
additionalFieldsChanged: async (event, nylasSchedulerConnector) => {
|
|
462
|
+
nylasSchedulerConnector.scheduler.setAdditionalFields(event.detail);
|
|
463
|
+
},
|
|
452
464
|
detailsConfirmed: async (event, _nylasSchedulerConnector) => {
|
|
453
465
|
debug('nylas-booking-form', 'detailsConfirmed', event.detail);
|
|
454
466
|
},
|
|
@@ -555,6 +567,6 @@ function defineCustomElement() {
|
|
|
555
567
|
}
|
|
556
568
|
|
|
557
569
|
export { NylasBookingForm as N, defineCustomElement as d };
|
|
558
|
-
//# sourceMappingURL=p-
|
|
570
|
+
//# sourceMappingURL=p-WABPA0YV.js.map
|
|
559
571
|
|
|
560
|
-
//# sourceMappingURL=p-
|
|
572
|
+
//# sourceMappingURL=p-WABPA0YV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-WABPA0YV.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-booking-form/nylas-booking-form.scss?tag=nylas-booking-form&encapsulation=shadow","src/components/scheduler/nylas-booking-form/nylas-booking-form.tsx"],"sourcesContent":["@use '../../../common/mixins/inputs' as *;\n@use '../../../common/styles/variables' as *;\n\n:host {\n display: block;\n height: 100%;\n @include default-css-variables;\n}\n\n.nylas-booking-form {\n width: 100%;\n padding: 1.5rem;\n box-sizing: border-box;\n height: 450px;\n overflow-y: auto;\n height: 100%;\n}\n\nform {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n}\n\n.cta {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n\n align-items: flex-start;\n justify-content: space-between;\n gap: 0.5rem;\n padding: 14px;\n box-sizing: border-box;\n border-top: 1px solid var(--nylas-base-200);\n\n @media #{$mobile} {\n grid-template-columns: 1fr;\n }\n\n .consent-disclaimer {\n grid-column: 1 / -1;\n width: 100%;\n font-size: 12px;\n line-height: 1.4;\n color: var(--nylas-base-600);\n text-align: center;\n margin-bottom: 0.75rem;\n padding: 0 0.5rem;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n}\n\n.input-wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n margin-bottom: 1rem;\n\n input::placeholder {\n color: var(--nylas-base-300);\n }\n\n label,\n input {\n font-family: var(--nylas-font-family);\n font-size: 16px;\n }\n\n .help-text {\n margin: 0;\n color: var(--nylas-error);\n }\n}\n\n.button-wrapper {\n width: 100%;\n align-items: flex-start;\n height: max-content;\n position: relative;\n}\n\n.button-content {\n display: flex;\n gap: 4px;\n align-items: center;\n}\n\ninput[type='text'],\ninput[type='email'] {\n @include textfield;\n\n &.guest-email {\n color: var(--nylas-base-900);\n padding-right: 52px; // Infield button width\n }\n}\n\nlabel {\n @include input-label;\n}\n\nbutton-component.remove-guest {\n position: absolute;\n height: 51px;\n right: 0;\n\n &.error {\n button {\n border-color: var(--nylas-error);\n }\n }\n\n button {\n height: inherit;\n border-top-left-radius: initial;\n border-bottom-left-radius: initial;\n border: none !important;\n border-left: 1px solid var(--nylas-base-300) !important;\n\n &:hover,\n &:focus {\n outline: 1px solid var(--nylas-primary) !important;\n color: var(--nylas-primary);\n }\n }\n}\n\nbutton-component.back {\n button {\n --dot-color: var(--nylas-base-800);\n }\n}\n\n.guest-email-input {\n position: relative;\n display: flex;\n width: 100%;\n}\n\nmulti-select-dropdown {\n &::part(msd_dropdown-label) {\n margin-bottom: 4px;\n }\n\n &::part(msd_dropdown_error) {\n font-size: 16px;\n }\n\n &::part(msd_dropdown-button) {\n height: 52px;\n border-color: var(--nylas-base-300);\n }\n\n &::part(msd_dropdown-button--error) {\n border-width: 2px;\n border-color: var(--nylas-error);\n }\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConnector } from '@/connector/nylas-scheduler-connector';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport type { NylasSchedulerBookingDataWithFlatFields, NylasSchedulerBookingData, NylasEvent } from '@/common/types';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug, sanitize } from '@/utils/utils';\nimport { Notification, NylasSchedulerBookingParticipant, ThemeConfig, Timeslot } from '@nylas/core';\nimport sanitizeHtml from 'sanitize-html';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\nconst emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;\n\n/**\n * The `nylas-booking-form` component is a UI component that allows users to book an event.\n *\n * The booking form component.\n * @part nbf - The booking form host.\n * @part nbf__input-textfield - The input textfield.\n * @part nbf__button-ghost - The ghost button.\n * @part nbf__button-outline - The outline button.\n * @part nbf__button-primary - The primary button.\n * @part nbf__input-wrapper - The input wrapper.\n * @part nbf__checkbox-component - The checkbox component.\n * @part nbf__radio-button-group - The radio button group.\n * @part nbf__textarea-component - The textarea component.\n * @part nbf__dropdown - The dropdown component.\n * @part nbf__dropdown-button - The dropdown button.\n * @part nbf__dropdown-content - The dropdown content.\n *\n */\n@Component({\n tag: 'nylas-booking-form',\n styleUrl: 'nylas-booking-form.scss',\n shadow: true,\n})\nexport class NylasBookingForm {\n private formRef?: HTMLFormElement;\n /**\n * The host element\n */\n @Element() readonly host!: HTMLNylasBookingFormElement;\n\n /**\n * @standalone\n * The loading state.\n */\n @Prop() readonly isLoading?: boolean;\n\n /**\n * @standalone\n * The booking info.\n */\n @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n /**\n * @standalone\n * The booked event (Used to track if a booking is created in an eventOverride).\n */\n @Prop() readonly eventInfo?: NylasEvent;\n\n /**\n * @standalone\n * The config settings for the scheduler.\n */\n @Prop() readonly configSettings?: ConfigSettings;\n\n /**\n * @standalone\n * The theme configuration.\n */\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n /**\n * The selected time.\n */\n @Prop({ attribute: 'selected-timeslot' }) readonly selectedTimeslot?: Timeslot;\n\n /**\n * The selected language.\n */\n @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: LANGUAGE_CODE;\n\n /**\n * This event is fired when the name is changed.\n */\n @Event() nameChanged!: EventEmitter<string>;\n\n /**\n * This event is fired when the email is changed.\n */\n @Event() emailChanged!: EventEmitter<string>;\n\n /**\n * This event is fired when the additional guest emails are changed.\n */\n @Event() guestEmailsChanged!: EventEmitter<string[]>;\n\n /**\n * This event is fired when the additional/custom fields are changed.\n */\n @Event() additionalFieldsChanged!: EventEmitter<Record<string, string>>;\n\n /**\n * This event is fired when the cancel button is clicked.\n */\n @Event() backButtonClicked!: EventEmitter<boolean>;\n\n /**\n * This event is fired when the book button is clicked and the form validation is complete and successful.\n * This event is fired before the booking request is sent.\n */\n @Event() detailsConfirmed!: EventEmitter<NylasSchedulerBookingDataWithFlatFields>;\n\n /**\n * This event is fired when an error occurs in the booking form validation.\n */\n @Event() bookingFormError!: EventEmitter<Partial<Notification>>;\n\n /**\n * This event is fired immediately after the book button is clicked.\n * The booking form validation is not complete at this point.\n */\n @Event() bookingFormSubmitted!: EventEmitter<void>;\n\n /**\n * The name of the user.\n */\n @State() name: string = '';\n\n /**\n * The email address of the user.\n */\n @State() email: string = '';\n\n /**\n * The guests of the user.\n */\n @State() guestEmails: string[] = [];\n\n /**\n * Guest email input errors.\n */\n @State() guestEmailErrors: { [key: number]: string } = {};\n\n /**\n * State to check if name is valid.\n */\n @State() isNameValid: boolean = true;\n\n /**\n * State to check if email is valid.\n */\n @State() isEmailValid: boolean = true;\n\n @State() additionalFields?: Record<string, string> = {};\n\n @State() namePatternError: string = '';\n\n @State() nameRequiredError: string = '';\n\n @State() emailPatternError: string = '';\n\n @State() emailRequiredError: string = '';\n\n /**\n * Error message state.\n */\n @State() validationError: { name: string; email: string } = { name: '', email: '' };\n\n @State() backButtonLoading: boolean = false;\n\n @State() firstRender: boolean = true;\n\n connectedCallback() {\n // Use queueMicrotask to defer theme application until after React has set props.\n // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n queueMicrotask(() => {\n if (this.themeConfig) {\n this.applyThemeConfig(this.themeConfig);\n this.host.setAttribute('data-themed', '');\n }\n });\n }\n\n disconnectedCallback() {}\n\n componentWillLoad() {\n debug('nylas-booking-form', 'componentWillLoad', this.bookingInfo);\n }\n\n componentDidLoad() {\n debug('nylas-booking-form', 'componentDidLoad', this.bookingInfo);\n // Set the name and email from the bookingInfo if it exists,\n // otherwise set it from the config settings.\n if (this.configSettings?.booking) {\n this.configSettingsChangedHandler(this.configSettings);\n } else if (this.bookingInfo) {\n this.bookingInfoChangedHandler(this.bookingInfo);\n }\n }\n\n componentDidRender() {\n // Theme already applied in connectedCallback via queueMicrotask\n }\n\n @Watch('bookingInfo')\n bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined) {\n if (newValue && newValue.primaryParticipant) {\n this.name = newValue.primaryParticipant.name || this.name;\n this.email = newValue.primaryParticipant.email || this.email;\n }\n if (newValue?.guests && Array.isArray(newValue.guests)) {\n this.guestEmails = newValue.guests.map(guest => guest.email);\n }\n }\n\n @Watch('configSettings')\n configSettingsChangedHandler(newValue: ConfigSettings | undefined) {\n if (!this.bookingInfo?.primaryParticipant?.name && newValue && newValue.booking?.guest?.name) {\n this.name = newValue.booking.guest.name || this.name;\n }\n if (!this.bookingInfo?.primaryParticipant?.email && newValue && newValue.booking?.guest?.email) {\n this.email = newValue.booking.guest.email || this.email;\n }\n\n if (!this.bookingInfo?.guests && newValue?.booking?.additional_guests && Array.isArray(newValue.booking.additional_guests)) {\n this.guestEmails = newValue.booking.additional_guests.map(guest => guest.email);\n }\n }\n\n @Watch('themeConfig')\n themeConfigChanged(newThemeConfig: ThemeConfig) {\n this.applyThemeConfig(newThemeConfig);\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n this.namePatternError = i18next.t('invalidInputFormat', { field: i18next.t('name') });\n this.nameRequiredError = i18next.t('fieldRequired', { field: i18next.t('name') });\n this.emailPatternError = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n this.emailRequiredError = i18next.t('fieldRequired', { field: i18next.t('email') });\n }\n\n iterateFormComponents() {\n // Select the form element\n const form = this.formRef;\n const customComponentsList = [\n 'input-component',\n 'button-component',\n 'select-dropdown',\n 'checkbox-component',\n 'radio-button-group',\n 'textarea-component',\n 'nylas-date-component',\n 'multi-select-dropdown',\n ];\n\n const customComponents: unknown[] = [];\n if (form) {\n // Recursive function to traverse all children\n const traverseElements = (element: HTMLElement) => {\n Array.from(element.children).forEach(child => {\n const tagName = child.tagName.toLowerCase();\n if (customComponentsList.includes(tagName)) {\n customComponents.push(child as HTMLElement);\n }\n // Recursively traverse child elements\n traverseElements(child as HTMLElement);\n });\n };\n\n // Start traversal from the form\n traverseElements(form);\n }\n return customComponents;\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n const customComponents = this.iterateFormComponents();\n customComponents.forEach(component => {\n (component as any).style.setProperty(`${key}`, value);\n (component as any).shadowRoot?.host.style.setProperty(`${key}`, value);\n });\n }\n }\n }\n\n /**\n * Change the name.\n * @param name The name to select.\n */\n changeName(name: string) {\n // Reset the validation error\n this.isNameValid = true;\n this.validationError.name = '';\n\n this.name = sanitize(name);\n this.nameChanged.emit(name);\n }\n\n /**\n * Change the email.\n * @param email The email to select.\n */\n changeEmail(email: string) {\n // Reset the validation error\n this.isEmailValid = true;\n this.validationError.email = '';\n\n this.email = sanitizeHtml(email);\n this.emailChanged.emit(email);\n }\n\n resetGuestEmailError(guestIndex: number) {\n const errors = { ...this.guestEmailErrors };\n delete errors[guestIndex];\n this.guestEmailErrors = { ...errors };\n }\n\n /**\n * Handle guest emails changed.\n */\n handleGuestChange = (guestIndex: number, email: string) => {\n // Reset the validation error\n this.resetGuestEmailError(guestIndex);\n const guests = [...this.guestEmails];\n guests[guestIndex] = sanitizeHtml(email);\n this.guestEmails = [...guests];\n this.guestEmailsChanged.emit(this.guestEmails);\n };\n\n /**\n * Handle guest input blur.\n */\n handleGuestBlur = (guestIndex: number, email: string) => {\n this.resetGuestEmailError(guestIndex);\n\n if (email === '') {\n this.guestEmailErrors[guestIndex] = i18next.t('fieldRequired', { field: i18next.t('email') });\n return;\n }\n if (!emailRegex.test(email)) {\n this.guestEmailErrors[guestIndex] = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n return;\n }\n this.handleGuestChange(guestIndex, email);\n };\n\n /**\n * Handle add guest button clicked.\n */\n addGuestButtonClickedHandler = e => {\n e.preventDefault();\n this.guestEmails = [...this.guestEmails, ''];\n this.guestEmailsChanged.emit(this.guestEmails);\n };\n\n /**\n * Handle remove guest button clicked.\n */\n removeGuestButtonClickHandler = (e: Event, guestIndex: number) => {\n e.preventDefault();\n this.resetGuestEmailError(guestIndex);\n\n const guests = [...this.guestEmails];\n guests.splice(guestIndex, 1);\n this.guestEmails = [...guests];\n this.guestEmailsChanged.emit(this.guestEmails);\n };\n\n /**\n * Handle back button clicked.\n */\n handleBackButtonClicked = e => {\n e.preventDefault();\n this.backButtonLoading = true;\n this.backButtonClicked.emit();\n };\n\n /**\n * Handle book button clicked.\n */\n bookButtonClickedHandler = async (e: Event) => {\n e.preventDefault();\n const formSubmittedEvent = this.bookingFormSubmitted.emit();\n if (formSubmittedEvent.defaultPrevented) {\n return;\n }\n\n debug('nylas-booking-form', 'bookButtonClickedHandler', this.bookingInfo);\n const name = this.name;\n const email = this.email;\n\n if (!name || name === '') {\n this.isNameValid = false;\n this.validationError.name = i18next.t('fieldRequired', { field: i18next.t('name') }) || 'Name is required';\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: 'Name is required',\n });\n return;\n }\n if (!email || email === '') {\n this.isEmailValid = false;\n this.validationError.email = i18next.t('fieldRequired', { field: i18next.t('email') }) || 'Email is required';\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: 'Email is required',\n });\n return;\n }\n if (!emailRegex.test(email)) {\n this.isEmailValid = false;\n this.validationError.email = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: i18next.t('invalidInputFormat', { field: i18next.t('email') }) || 'Invalid email',\n });\n return;\n }\n\n let guests: NylasSchedulerBookingParticipant[] = [];\n if (this.guestEmails.length > 0) {\n let hasError = false;\n this.guestEmails.forEach((email: string, i: number) => {\n if (email === '') {\n hasError = true;\n this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('fieldRequired', { field: i18next.t('email') }) };\n } else if (!emailRegex.test(email)) {\n hasError = true;\n this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('invalidInputFormat', { field: i18next.t('email') }) };\n }\n });\n if (hasError) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: i18next.t('invalidInputFormat', { field: i18next.t('guestEmail') }) || 'Invalid guest email',\n });\n return;\n }\n guests = this.guestEmails.map((email: string) => ({ name: email.trim(), email: email.trim() }));\n }\n\n const bookingInfoAdditionalFields = {};\n const configAdditionalFields = this.configSettings?.scheduler?.additional_fields || {};\n const configSettingsBookingAdditionalFields = this.configSettings?.booking?.additional_fields || {};\n if (this.bookingInfo?.additionalFields) {\n Object.entries(this.bookingInfo.additionalFields).forEach(([key, obj]) => {\n if (key in configAdditionalFields && typeof obj.value !== 'undefined') {\n bookingInfoAdditionalFields[key] = obj.value;\n }\n });\n }\n // If the additional field is not passed in the bookingInfo, set it to the default value if it exists\n Object.entries(configAdditionalFields).forEach(([key, obj]) => {\n if (!(key in bookingInfoAdditionalFields)) {\n const value = configSettingsBookingAdditionalFields[key] || obj.default || '';\n bookingInfoAdditionalFields[key] = value;\n }\n });\n\n this.detailsConfirmed.emit({\n primaryParticipant: {\n name: name,\n email: email,\n },\n guests: guests,\n additionalFields: { ...bookingInfoAdditionalFields, ...this.additionalFields },\n });\n };\n\n updateAdditionalFields = (name: string, value: string) => {\n if (this.additionalFields) {\n this.additionalFields[name] = value;\n this.additionalFieldsChanged.emit({ ...this.additionalFields });\n }\n };\n\n @Listen('nylasFormInputChanged')\n nylasFormInputChangedHandler(event: CustomEvent<{ value: string; name: string; error: string; label: string; type?: string }>) {\n switch (event.detail.name) {\n case 'name':\n this.changeName(event.detail.value);\n break;\n case 'email':\n this.changeEmail(event.detail.value);\n break;\n default:\n if (event.detail.error) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: event.detail.error,\n });\n return;\n }\n this.updateAdditionalFields(event.detail.name, event.detail.value);\n break;\n }\n }\n\n @Listen('nylasFormDropdownChanged')\n selectOptionChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; error?: string }>) {\n if (event.detail.error) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: event.detail.error,\n });\n return;\n }\n this.updateAdditionalFields(event.detail.name, event.detail.value);\n }\n\n @Listen('selectedOptionsChanged')\n selecedOptionsChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; error?: string }>) {\n if (event.detail.error) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: event.detail.error,\n });\n return;\n }\n const values = event.detail.value.toString();\n this.updateAdditionalFields(event.detail.name, values);\n }\n\n @Listen('nylasFormSwitchToggled')\n switchToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');\n }\n\n @Listen('nylasFormCheckboxToggled')\n checkboxToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');\n }\n\n @Listen('nylasFormRadioChanged')\n radioChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; type: string }>) {\n this.updateAdditionalFields(event.detail.name, event.detail.value);\n }\n\n @Listen('nylasFormDropdownDefaultSelected')\n dropdownDefaultSelectedHandler(event: CustomEvent<{ value: string; name: string; label: string; error?: string }>) {\n this.updateAdditionalFields(event.detail.name, event.detail.value);\n }\n\n @RegisterComponent<NylasBookingForm, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-booking-form',\n stateToProps: new Map([\n ['scheduler.isLoading', 'isLoading'],\n ['scheduler.bookingInfo', 'bookingInfo'],\n ['scheduler.eventInfo', 'eventInfo'],\n ['scheduler.configSettings', 'configSettings'],\n ['scheduler.themeConfig', 'themeConfig'],\n ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n ['scheduler.selectedLanguage', 'selectedLanguage'],\n ]),\n eventToProps: {\n backButtonClicked: async (_event: CustomEvent<boolean>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.toggleAdditionalData(false);\n },\n nameChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setParticipantName(event.detail);\n },\n emailChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setParticipantEmail(event.detail);\n },\n guestEmailsChanged: async (event: CustomEvent<string[]>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setGuests(event.detail);\n },\n additionalFieldsChanged: async (event: CustomEvent<Record<string, string>>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setAdditionalFields(event.detail);\n },\n detailsConfirmed: async (event: CustomEvent<NylasSchedulerBookingDataWithFlatFields>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-booking-form', 'detailsConfirmed', event.detail);\n },\n bookingFormSubmitted: async (event: CustomEvent<void>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-booking-form', 'bookingFormSubmitted', event.detail);\n },\n bookingFormError: async (event: CustomEvent<Partial<Notification>>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-booking-form', 'bookingFormError', event.detail);\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const isGroupEvent = !!this.selectedTimeslot?.event_id && !!this.selectedTimeslot?.capacity;\n const showConsentMessage = this.configSettings?.scheduler?.notetaker_settings?.show_ui_consent_message === true;\n return (\n <Host>\n <form onSubmit={e => this.bookButtonClickedHandler(e)} ref={el => (this.formRef = el)} noValidate>\n <div class=\"nylas-booking-form\" part=\"nbf\">\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <input-component\n label={i18next.t('name')}\n name=\"name\"\n id=\"name\"\n defaultValue={this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name}\n placeholder={i18next.t('namePlaceholder')}\n type=\"text\"\n readOnly={this.bookingInfo?.primaryParticipant?.nameReadOnly || false}\n required={true}\n requiredError={this.nameRequiredError}\n patternError={this.namePatternError}\n themeConfig={this.themeConfig}\n part=\"nbf__input-textfield\"\n />\n </div>\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <input-component\n label={i18next.t('email')}\n name=\"email\"\n id=\"email\"\n pattern={emailRegex}\n defaultValue={this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email}\n placeholder={i18next.t('emailPlaceholder')}\n type=\"email\"\n readOnly={this.bookingInfo?.primaryParticipant?.emailReadOnly || false}\n required={true}\n requiredError={this.emailRequiredError}\n patternError={this.emailPatternError}\n themeConfig={this.themeConfig}\n part=\"nbf__input-textfield\"\n />\n </div>\n {this.configSettings?.scheduler?.hide_additional_guests !== true && (\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n {this.guestEmails.map((email, index) => (\n <div class=\"input-wrapper button-wrapper\">\n <label\n class={{\n error: !!this.guestEmailErrors[index],\n }}\n >\n {i18next.t('guestEmail')}\n </label>\n <div class=\"guest-email-input\">\n <input\n type=\"email\"\n id={`guest-email-${index}`}\n maxLength={100}\n class={{\n 'guest-email': true,\n 'error': !!this.guestEmailErrors[index],\n }}\n placeholder={i18next.t('guestEmailPlaceholder')}\n value={email}\n data-index={index}\n part=\"nbf__input-textfield\"\n onBlur={(e: Event) => this.handleGuestBlur(index, (e.target as HTMLInputElement)?.value)}\n onInput={(e: Event) => this.handleGuestChange(index, (e.target as HTMLInputElement)?.value)}\n ></input>\n <button-component\n variant=\"basic\"\n tooltip=\"Remove guest\"\n onClick={(e: Event) => this.removeGuestButtonClickHandler(e, index)}\n class={{\n 'remove-guest': true,\n 'error': !!this.guestEmailErrors[index],\n }}\n >\n <close-icon />\n </button-component>\n </div>\n <p class=\"help-text\">{this.guestEmailErrors[index]}</p>\n </div>\n ))}\n {!isGroupEvent && (\n <button-component class=\"add-guest\" variant=\"invisible\" part=\"nbf__button-ghost\" onClick={e => this.addGuestButtonClickedHandler(e)}>\n <div class=\"button-content\">\n <add-circle-icon slot=\"icon\"></add-circle-icon>\n {this.guestEmails.length > 0 ? `${i18next.t('addAnotherGuest')}` : `${i18next.t('addGuest')}`}\n </div>\n </button-component>\n )}\n </div>\n )}\n {Object.entries(\n (this.configSettings?.scheduler?.additional_fields || {}) as Record<\n string,\n {\n required: boolean;\n type: 'email' | 'text' | 'phone_number' | 'dropdown' | 'checkbox' | 'radio_button' | 'multi_line_text' | 'metadata' | 'date' | 'multi_select';\n order: number;\n options?: string[];\n label: string;\n default?: string;\n }\n >,\n )\n ?.sort((a, b) => a[1].order - b[1].order)\n .map(x => {\n const field = x[1];\n const label = field.label;\n const key = x[0];\n const defaultValue = this.bookingInfo?.additionalFields?.[key]?.value || this.configSettings?.booking?.additional_fields?.[key] || field.default || '';\n const fieldReadOnly = this.bookingInfo?.additionalFields?.[key]?.readOnly || false;\n\n switch (field.type) {\n case 'dropdown':\n return (\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <select-dropdown\n label={label}\n name={key}\n id={key}\n readOnly={fieldReadOnly}\n withSearch={false}\n emptyValue={i18next.t('nylasBookingCalendarPicker.selectOptionLabel')}\n defaultSelectedOption={defaultValue ? { value: defaultValue, label: defaultValue } : undefined}\n options={[\n { value: '', label: i18next.t('nylasBookingCalendarPicker.selectOptionLabel') },\n ...(field.options?.map(option => ({ value: option, label: option })) || []),\n ]}\n required={field.required}\n themeConfig={this.themeConfig}\n errorMessage={i18next.t('fieldRequired', { field: label })}\n exportparts=\"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content\"\n />\n </div>\n );\n case 'checkbox':\n return (\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <checkbox-component\n readOnly={fieldReadOnly}\n label={label}\n name={key}\n id={key}\n checked={defaultValue === 'true'}\n required={field.required}\n themeConfig={this.themeConfig}\n errorMessage={i18next.t('fieldRequired', { field: label })}\n part=\"nbf__checkbox-component\"\n />\n </div>\n );\n case 'radio_button':\n return (\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <radio-button-group\n label={label}\n name={key}\n id={key}\n readOnly={fieldReadOnly}\n defaultSelectedValue={defaultValue && field.options?.includes(defaultValue) ? defaultValue : field.options?.[0] || ''}\n options={field.options?.map(option => ({ value: option, label: option }))}\n required={field.required}\n themeConfig={this.themeConfig}\n errorMessage={i18next.t('fieldRequired', { field: label })}\n part=\"nbf__radio-button-group\"\n />\n </div>\n );\n case 'multi_line_text':\n return (\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <textarea-component\n readOnly={fieldReadOnly}\n label={label}\n defaultValue={defaultValue}\n name={key}\n id={key}\n required={field.required}\n themeConfig={this.themeConfig}\n errorMessage={i18next.t('fieldRequired', { field: label })}\n part=\"nbf__textarea-component\"\n />\n </div>\n );\n case 'date':\n return (\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <nylas-date-component\n readOnly={fieldReadOnly}\n label={label}\n defaultValue={defaultValue}\n name={key}\n id={key}\n required={field.required}\n themeConfig={this.themeConfig}\n errorMessage={i18next.t('invalidDate')}\n patternError={i18next.t('invalidInputFormat', { field: label })}\n requiredError={i18next.t('fieldRequired', { field: label })}\n part=\"nbf__date-component\"\n />\n </div>\n );\n case 'multi_select': {\n const defaultValues = defaultValue?.split(',').map(item => item.trim()) || [];\n return (\n <div>\n <multi-select-dropdown\n label={label}\n name={key}\n id={key}\n readOnly={fieldReadOnly}\n selectAtLeastOneOptionLabel={i18next.t('selectOneOrMoreOptions')}\n multipleOptionsSelectedLabel={i18next.t('multipleOptionsSelected')}\n options={field.options?.map(option => ({ value: option, label: option, selected: defaultValues.includes(option) }))}\n required={field.required}\n themeConfig={this.themeConfig}\n errorMessage={i18next.t('selectAtLeastOneOption')}\n exportparts=\"msd_dropdown: nbf__ms_dropdown, msd_dropdown-label: nbf__ms_dropdown-label, msd_dropdown-button: nbf__ms_dropdown-button, msd_dropdown-content: nbf__ms_dropdown-content, msd_dropdown_error: nbf__ms_dropdown_error, msd_dropdown-button--error: nbf__ms_dropdown-button--error\"\n ></multi-select-dropdown>\n </div>\n );\n }\n case 'metadata':\n return null;\n default:\n return (\n <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n <input-component\n label={label}\n name={key}\n id={key}\n type={field.type}\n readOnly={fieldReadOnly}\n defaultValue={defaultValue || ''}\n requiredError={i18next.t('fieldRequired', { field: label })}\n patternError={i18next.t('invalidInputFormat', { field: label })}\n required={field.required}\n part=\"nbf__input-textfield\"\n themeConfig={this.themeConfig}\n />\n </div>\n );\n }\n })}\n {/* <slot name=\"custom-booking-form\"></slot> */}\n </div>\n <div class=\"cta\">\n {showConsentMessage && <div class=\"consent-disclaimer\">{i18next.t('notetakerConsentMessage')}</div>}\n <button-component variant={'basic'} class=\"back\" part=\"nbf__button-outline\" isLoading={this.backButtonLoading && this.isLoading} onClick={this.handleBackButtonClicked}>\n <slot name=\"booking-form-back-label\">{`${i18next.t('backButton')}`}</slot>\n </button-component>\n <button-component variant={'primary'} isLoading={!this.backButtonLoading && this.isLoading} disabled={this.isLoading} part=\"nbf__button-primary\" type=\"submit\">\n <slot name=\"booking-form-book-label\">{`${i18next.t('bookNowButton')}`}</slot>\n </button-component>\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, F as Fragment, c as createEvent, H as Host, a as getElement } from './index-0EQQA0nE.js';
|
|
2
2
|
import { R as RegisterComponent } from './register-component-4Wk1RjFK.js';
|
|
3
3
|
import { a as debug, i as instance, r as removeUndefinedProperties, s as mergeDeep, v as editorTabComponentNames, D as DEFAULT_OPEN_HOURS, w as parsePreviewLink, C as CONFIGURATION_EVENT_TYPE, x as editorGroupTabComponentNames, g as getCalendarRange } from './utils-DfIu4gMZ.js';
|
|
4
|
-
import { E as ErrorCategory, u, v as version } from './version-
|
|
4
|
+
import { E as ErrorCategory, u, v as version } from './version-iQhY7wWk.js';
|
|
5
5
|
import { i as isInitialized, a as init, c as captureMessage, b as captureFeedback, f as feedbackSyncIntegration } from './feedbackSync-B8tfyAQm.js';
|
|
6
6
|
|
|
7
7
|
const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";
|
|
@@ -195,6 +195,8 @@ const NylasBookingForm = class {
|
|
|
195
195
|
registerInstance(this, hostRef);
|
|
196
196
|
this.nameChanged = createEvent(this, "nameChanged", 7);
|
|
197
197
|
this.emailChanged = createEvent(this, "emailChanged", 7);
|
|
198
|
+
this.guestEmailsChanged = createEvent(this, "guestEmailsChanged", 7);
|
|
199
|
+
this.additionalFieldsChanged = createEvent(this, "additionalFieldsChanged", 7);
|
|
198
200
|
this.backButtonClicked = createEvent(this, "backButtonClicked", 7);
|
|
199
201
|
this.detailsConfirmed = createEvent(this, "detailsConfirmed", 7);
|
|
200
202
|
this.bookingFormError = createEvent(this, "bookingFormError", 7);
|
|
@@ -218,6 +220,7 @@ const NylasBookingForm = class {
|
|
|
218
220
|
const guests = [...this.guestEmails];
|
|
219
221
|
guests[guestIndex] = sanitizeHtml(email);
|
|
220
222
|
this.guestEmails = [...guests];
|
|
223
|
+
this.guestEmailsChanged.emit(this.guestEmails);
|
|
221
224
|
};
|
|
222
225
|
this.handleGuestBlur = (guestIndex, email) => {
|
|
223
226
|
this.resetGuestEmailError(guestIndex);
|
|
@@ -234,6 +237,7 @@ const NylasBookingForm = class {
|
|
|
234
237
|
this.addGuestButtonClickedHandler = e => {
|
|
235
238
|
e.preventDefault();
|
|
236
239
|
this.guestEmails = [...this.guestEmails, ''];
|
|
240
|
+
this.guestEmailsChanged.emit(this.guestEmails);
|
|
237
241
|
};
|
|
238
242
|
this.removeGuestButtonClickHandler = (e, guestIndex) => {
|
|
239
243
|
e.preventDefault();
|
|
@@ -241,6 +245,7 @@ const NylasBookingForm = class {
|
|
|
241
245
|
const guests = [...this.guestEmails];
|
|
242
246
|
guests.splice(guestIndex, 1);
|
|
243
247
|
this.guestEmails = [...guests];
|
|
248
|
+
this.guestEmailsChanged.emit(this.guestEmails);
|
|
244
249
|
};
|
|
245
250
|
this.handleBackButtonClicked = e => {
|
|
246
251
|
e.preventDefault();
|
|
@@ -333,6 +338,7 @@ const NylasBookingForm = class {
|
|
|
333
338
|
this.updateAdditionalFields = (name, value) => {
|
|
334
339
|
if (this.additionalFields) {
|
|
335
340
|
this.additionalFields[name] = value;
|
|
341
|
+
this.additionalFieldsChanged.emit({ ...this.additionalFields });
|
|
336
342
|
}
|
|
337
343
|
};
|
|
338
344
|
}
|
|
@@ -503,7 +509,7 @@ const NylasBookingForm = class {
|
|
|
503
509
|
render() {
|
|
504
510
|
const isGroupEvent = !!this.selectedTimeslot?.event_id && !!this.selectedTimeslot?.capacity;
|
|
505
511
|
const showConsentMessage = this.configSettings?.scheduler?.notetaker_settings?.show_ui_consent_message === true;
|
|
506
|
-
return (h(Host, { key: '
|
|
512
|
+
return (h(Host, { key: '37cd9b82bc20430f4fc22ec1fc9395d40476d402' }, h("form", { key: 'f9755c802b42d73ea9aaf48d4fb11c69faeb75de', onSubmit: e => this.bookButtonClickedHandler(e), ref: el => (this.formRef = el), noValidate: true }, h("div", { key: 'a0e74316cd25d942e033ec831fa4ed770be0df5a', class: "nylas-booking-form", part: "nbf" }, h("div", { key: '8a9cd8f75bfa974a47e5e2a3832828226f6ef2e6', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: '3433a1edb0c011b8ae998af579210604329af86a', label: instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: instance.t('namePlaceholder'), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || false, required: true, requiredError: this.nameRequiredError, patternError: this.namePatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), h("div", { key: '17f91b7c2207442cb9206a3480674ba78c89052a', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: 'a9418226c0756deefabace1218a1bd1ec3c6157b', label: instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: instance.t('emailPlaceholder'), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || false, required: true, requiredError: this.emailRequiredError, patternError: this.emailPatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (h("div", { key: '512f56515ec34e71ac685b1cd54a744922adcf52', class: "input-wrapper", part: "nbf__input-wrapper" }, this.guestEmails.map((email, index) => (h("div", { class: "input-wrapper button-wrapper" }, h("label", { class: {
|
|
507
513
|
error: !!this.guestEmailErrors[index],
|
|
508
514
|
} }, instance.t('guestEmail')), h("div", { class: "guest-email-input" }, h("input", { type: "email", id: `guest-email-${index}`, maxLength: 100, class: {
|
|
509
515
|
'guest-email': true,
|
|
@@ -511,7 +517,7 @@ const NylasBookingForm = class {
|
|
|
511
517
|
}, placeholder: instance.t('guestEmailPlaceholder'), value: email, "data-index": index, part: "nbf__input-textfield", onBlur: (e) => this.handleGuestBlur(index, e.target?.value), onInput: (e) => this.handleGuestChange(index, e.target?.value) }), h("button-component", { variant: "basic", tooltip: "Remove guest", onClick: (e) => this.removeGuestButtonClickHandler(e, index), class: {
|
|
512
518
|
'remove-guest': true,
|
|
513
519
|
'error': !!this.guestEmailErrors[index],
|
|
514
|
-
} }, h("close-icon", null))), h("p", { class: "help-text" }, this.guestEmailErrors[index])))), !isGroupEvent && (h("button-component", { key: '
|
|
520
|
+
} }, h("close-icon", null))), h("p", { class: "help-text" }, this.guestEmailErrors[index])))), !isGroupEvent && (h("button-component", { key: '189869ec5a18043e9bef8c282058cbb26bfcad93', class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: e => this.addGuestButtonClickedHandler(e) }, h("div", { key: '68f7e68b8ff5081068bd64e2aa8366508ad3a7b4', class: "button-content" }, h("add-circle-icon", { key: 'fb5b3dba51aed878bf60b6e6f40771938a6de433', slot: "icon" }), this.guestEmails.length > 0 ? `${instance.t('addAnotherGuest')}` : `${instance.t('addGuest')}`))))), Object.entries((this.configSettings?.scheduler?.additional_fields || {}))
|
|
515
521
|
?.sort((a, b) => a[1].order - b[1].order)
|
|
516
522
|
.map(x => {
|
|
517
523
|
const field = x[1];
|
|
@@ -542,7 +548,7 @@ const NylasBookingForm = class {
|
|
|
542
548
|
default:
|
|
543
549
|
return (h("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { label: label, name: key, id: key, type: field.type, readOnly: fieldReadOnly, defaultValue: defaultValue || '', requiredError: instance.t('fieldRequired', { field: label }), patternError: instance.t('invalidInputFormat', { field: label }), required: field.required, part: "nbf__input-textfield", themeConfig: this.themeConfig })));
|
|
544
550
|
}
|
|
545
|
-
})), h("div", { key: '
|
|
551
|
+
})), h("div", { key: '7ebcde54517afad0f17e89e0170f230dbc7ff3ce', class: "cta" }, showConsentMessage && h("div", { key: '39aa8a18b033e3e82f6dc0750229360947ef1f0e', class: "consent-disclaimer" }, instance.t('notetakerConsentMessage')), h("button-component", { key: '62ca6bd8f36a3a81ad43027bdb2b87421654f139', variant: 'basic', class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, h("slot", { key: 'ff4131f111581812c9caa5c71f57ba0d24222fe2', name: "booking-form-back-label" }, `${instance.t('backButton')}`)), h("button-component", { key: '2ac93336ea230bad436de88688b87ce7c0741996', variant: 'primary', isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, h("slot", { key: '91dd3cda59aa2387d5ac239263189cde4a310267', name: "booking-form-book-label" }, `${instance.t('bookNowButton')}`))))));
|
|
546
552
|
}
|
|
547
553
|
get host() { return getElement(this); }
|
|
548
554
|
static get watchers() { return {
|
|
@@ -574,6 +580,12 @@ __decorate$8([
|
|
|
574
580
|
emailChanged: async (event, nylasSchedulerConnector) => {
|
|
575
581
|
nylasSchedulerConnector.scheduler.setParticipantEmail(event.detail);
|
|
576
582
|
},
|
|
583
|
+
guestEmailsChanged: async (event, nylasSchedulerConnector) => {
|
|
584
|
+
nylasSchedulerConnector.scheduler.setGuests(event.detail);
|
|
585
|
+
},
|
|
586
|
+
additionalFieldsChanged: async (event, nylasSchedulerConnector) => {
|
|
587
|
+
nylasSchedulerConnector.scheduler.setAdditionalFields(event.detail);
|
|
588
|
+
},
|
|
577
589
|
detailsConfirmed: async (event, _nylasSchedulerConnector) => {
|
|
578
590
|
debug('nylas-booking-form', 'detailsConfirmed', event.detail);
|
|
579
591
|
},
|