@nylas/web-elements 2.0.6 → 2.1.0

package/dist/esm/google-logo-icon_6.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, F as Fragment, c as createEvent, H as Host, a as getElement } from './index-091600eb.js';
-import { R as RegisterComponent } from './register-component-0aad9e3d.js';
-import { b as debug, i as instance, m as mergeDeep, n as parsePreviewLink, g as getCalendarRange } from './utils-d3c0b941.js';
-import { n as nr } from './index.es-57d4a08f.js';
+import { R as RegisterComponent } from './register-component-3acd57e7.js';
+import { b as debug, i as instance, m as mergeDeep, n as parsePreviewLink, g as getCalendarRange } from './utils-31933f5d.js';
+import { n as nr } from './index.es-488bc919.js';
 import { D as DEFAULT_OPEN_HOURS, e as editorTabComponentNames, C as CONFIGURATION_EVENT_TYPE, b as editorGroupTabComponentNames } from './constants-f51538ef.js';
-import { E as ErrorCategory, i as isInitialized, a as init, c as captureMessage, b as captureFeedback, f as feedbackSyncIntegration } from './feedbackSync-0ebd0eda.js';
+import { E as ErrorCategory, i as isInitialized, a as init, c as captureMessage, b as captureFeedback, f as feedbackSyncIntegration } from './feedbackSync-92220b42.js';
 
 const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";
 const GoogleLogoIconStyle0 = iconCss$1;
@@ -135,7 +135,7 @@ const NylasEditorTabs = class {
             this.hasUnsavedChanges = false;
             const formState = this.updateFormState();
             debug('[nylas-editor-tabs]', 'formState', formState);
-            const { title, description, duration, availability, bookingCalendar, location, bookingType, buffer, availableDaysInFuture, minCancellationNotice, minBookingNotice, cancellationPolicy, timeslotInterval, additionalGuestsHidden, hideCancellationOptions, hideReschedulingOptions, participants, participantOpenHours, participantSpecificDateOpenHours, additionalFields, participantCalendars, conferencing, participantBookingCalendars, reminders, emailTemplate, redirectUrl, availabilityMethod, slug, appearance, name, disableEmails, organizerLocale, } = formState;
+            const { title, description, duration, availability, bookingCalendar, location, bookingType, buffer, availableDaysInFuture, minCancellationNotice, minBookingNotice, cancellationPolicy, timeslotInterval, additionalGuestsHidden, hideCancellationOptions, hideReschedulingOptions, participants, participantOpenHours, participantSpecificTimeAvailability, additionalFields, participantCalendars, conferencing, participantBookingCalendars, reminders, emailTemplate, redirectUrl, availabilityMethod, slug, appearance, name, disableEmails, organizerLocale, } = formState;
             const organizer = this.selectedConfiguration?.participants?.find(p => p.is_organizer) || participants?.find(p => p.is_organizer);
             const organizerCalendars = participantCalendars && organizer?.email ? participantCalendars[organizer?.email] : [];
             const organizerBookingCalendar = organizer?.booking?.calendar_id || bookingCalendar;
@@ -205,7 +205,7 @@ const NylasEditorTabs = class {
                                         calendar_ids: isPartAvailabilityCalendarsPrimaryOnly ? [orgPartBookingCalendar] : orgpartAvailabilityCalendars,
                                         open_hours: participantOpenHours?.[p.email] ?? p.availability?.open_hours ?? [],
                                     },
-                                    specific_date_open_hours: participantSpecificDateOpenHours?.[p.email] ?? p.specific_date_open_hours ?? [],
+                                    specific_time_availability: participantSpecificTimeAvailability?.[p.email] ?? p.specific_time_availability ?? [],
                                     booking: {
                                         calendar_id: orgPartBookingCalendar,
                                     },
@@ -224,7 +224,7 @@ const NylasEditorTabs = class {
                                     }
                                     : undefined,
                                 booking: partBooking,
-                                specific_date_open_hours: participantSpecificDateOpenHours?.[p.email] ?? p.specific_date_open_hours ?? [],
+                                specific_time_availability: participantSpecificTimeAvailability?.[p.email] ?? p.specific_time_availability ?? [],
                             };
                         })
                         : []),
@@ -445,7 +445,7 @@ const NylasEditorTabs = class {
         if (this.enableUserFeedback && !isInitialized()) {
             init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "2.0.6",
+                release: "2.1.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSyncIntegration({
@@ -503,7 +503,7 @@ const NylasEditorTabs = class {
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduler-editor',
-                    'nylas-web-element-version': "2.0.6",
+                    'nylas-web-element-version': "2.1.0",
                     'nylas-config-id': this.selectedConfiguration?.id,
                     'nylas-slug': this.selectedConfiguration?.slug,
                     'host-url': window.location.href,
@@ -651,9 +651,9 @@ const NylasEditorTabs = class {
                 this.formState.participantOpenHours = participantOpenHours;
                 break;
             }
-            case 'participant-custom-availability-specific-date': {
-                const participantSpecificDateOpenHours = JSON.parse(value.toString());
-                this.formState.participantSpecificDateOpenHours = participantSpecificDateOpenHours;
+            case 'participant-custom-availability-specific-time': {
+                const participantSpecificTimeAvailability = JSON.parse(value.toString());
+                this.formState.participantSpecificTimeAvailability = participantSpecificTimeAvailability;
                 break;
             }
             case 'additional-fields':
@@ -717,10 +717,10 @@ const NylasEditorTabs = class {
     }
     render() {
         debug('[nylas-editor-tabs]', 'render', this.formState);
-        return (h(Host, { key: '72e7c6a3ee3b8a45ca08be9b09bb6c4d3fe35448' }, h("nylas-notification", { key: '3001e1876764d1159fd0ce36158961d13729cb53' }), h("form", { key: '3efb8db4b99ec191dd38586162849374000301ef', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, h("calendar-info-icon", { width: "16", height: "16" }), instance.t('eventInfoTab')), h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, h("calendar-patterns-icon", { width: "16", height: "16" }), instance.t('availabilityTab')), h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, h("people-icon", { width: "16", height: "16" }), instance.t('participantsTab')), h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), instance.t('bookingOptionsTab')), h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), instance.t('bookingFormTab')), h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), instance.t('communicationsTab')), h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), instance.t('pageStylesTab'))), h("div", { class: {
+        return (h(Host, { key: 'd6de6e647a438f943144dcf2a18b8ea02346e0bc' }, h("nylas-notification", { key: '795d417d7862ff3158056ac723f391aa0df9ba58' }), h("form", { key: 'b3885ab861807c55e0afe513bbab779c3d1852fb', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, h("calendar-info-icon", { width: "16", height: "16" }), instance.t('eventInfoTab')), h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, h("calendar-patterns-icon", { width: "16", height: "16" }), instance.t('availabilityTab')), h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, h("people-icon", { width: "16", height: "16" }), instance.t('participantsTab')), h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), instance.t('bookingOptionsTab')), h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), instance.t('bookingFormTab')), h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), instance.t('communicationsTab')), h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), instance.t('pageStylesTab'))), h("div", { class: {
                 'tab-content': true,
                 'fadeIn': this.loaded,
-            }, part: "editor__tab-content net__tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: instance })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: 'd173c359a115d8ffedd09f7982b93ac8f56298ea', class: "footer", part: "editor__footer net__footer" }, h("div", { key: 'e7d8eac3b589fdde61697b6f950ac14ca40e958b', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", null)))), h("div", { key: '8ac0780973db9508e06823f6eec209d513adf70d', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: 'b99500cf3e2090bba348164e8ef694a31ba2292d', class: {
+            }, part: "editor__tab-content net__tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: instance })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: 'a7611ff8dc0c82d3c6d9f3d3d3c9f8b34f0d30c3', class: "footer", part: "editor__footer net__footer" }, h("div", { key: '2e448c950a6278a1c9864c8ceb61adf42a0eff81', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", null)))), h("div", { key: '7580eeb4b356093c1bdc69fbc108db7f05abeed9', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: '14f425d8a5b78602c03459959cb138f3ca0d8acd', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -735,11 +735,11 @@ const NylasEditorTabs = class {
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, h("eye-icon", null))), h("button-component", { key: 'f3ce1536ba8ebb62758f8714056d528fd8258bfa', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, h("eye-icon", null))), h("button-component", { key: 'eee37b3b9ff4fcff14891a681f544e7b617cb22d', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, instance.t('cancelButton')), h("button-component", { key: 'ceb6d081a90b0ff2a5d12cc4ec05d79fb726651e', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (h("span", null, instance.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${instance.t('createButtonText')}`) : (`${instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && h("nylas-feedback-form", null)));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, instance.t('cancelButton')), h("button-component", { key: 'e4a8bc0a8d3af872005595f2581a388ce3eac659', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (h("span", null, instance.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${instance.t('createButtonText')}`) : (`${instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && h("nylas-feedback-form", null)));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1155,7 +1155,7 @@ const NylasEditorTabsGroup = class {
         if (this.enableUserFeedback && !isInitialized()) {
             init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "2.0.6",
+                release: "2.1.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSyncIntegration({
@@ -1209,7 +1209,7 @@ const NylasEditorTabsGroup = class {
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduler-editor',
-                    'nylas-web-element-version': "2.0.6",
+                    'nylas-web-element-version': "2.1.0",
                 },
                 extra: {
                     configId: this.selectedConfiguration?.id,