@nylas/web-elements 2.0.6 → 2.1.0

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e07e3a7e.js');
-const registerComponent = require('./register-component-8a9c40ee.js');
-const utils = require('./utils-c923f1a8.js');
-const index_es = require('./index.es-e4fc6d92.js');
+const registerComponent = require('./register-component-2eefbf66.js');
+const utils = require('./utils-e37da320.js');
+const index_es = require('./index.es-a962dedb.js');
 const constants = require('./constants-27331d2d.js');
-const feedbackSync = require('./feedbackSync-2c4d37fe.js');
+const feedbackSync = require('./feedbackSync-eaa01d21.js');
 
 const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";
 const GoogleLogoIconStyle0 = iconCss$1;
@@ -139,7 +139,7 @@ const NylasEditorTabs = class {
             this.hasUnsavedChanges = false;
             const formState = this.updateFormState();
             utils.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;
@@ -209,7 +209,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,
                                     },
@@ -228,7 +228,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 ?? [],
                             };
                         })
                         : []),
@@ -449,7 +449,7 @@ const NylasEditorTabs = class {
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "2.0.6",
+                release: "2.1.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSync.feedbackSyncIntegration({
@@ -507,7 +507,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,
@@ -655,9 +655,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':
@@ -721,10 +721,10 @@ const NylasEditorTabs = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs]', 'render', this.formState);
-        return (index.h(index.Host, { key: '72e7c6a3ee3b8a45ca08be9b09bb6c4d3fe35448' }, index.h("nylas-notification", { key: '3001e1876764d1159fd0ce36158961d13729cb53' }), index.h("form", { key: '3efb8db4b99ec191dd38586162849374000301ef', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.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) }, index.h("calendar-info-icon", { width: "16", height: "16" }), utils.instance.t('eventInfoTab')), index.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) }, index.h("calendar-patterns-icon", { width: "16", height: "16" }), utils.instance.t('availabilityTab')), index.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) }, index.h("people-icon", { width: "16", height: "16" }), utils.instance.t('participantsTab')), index.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) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.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 ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.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 ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.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 ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: {
+        return (index.h(index.Host, { key: 'd6de6e647a438f943144dcf2a18b8ea02346e0bc' }, index.h("nylas-notification", { key: '795d417d7862ff3158056ac723f391aa0df9ba58' }), index.h("form", { key: 'b3885ab861807c55e0afe513bbab779c3d1852fb', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.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) }, index.h("calendar-info-icon", { width: "16", height: "16" }), utils.instance.t('eventInfoTab')), index.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) }, index.h("calendar-patterns-icon", { width: "16", height: "16" }), utils.instance.t('availabilityTab')), index.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) }, index.h("people-icon", { width: "16", height: "16" }), utils.instance.t('participantsTab')), index.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) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.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 ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.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 ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.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 ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: {
                 'tab-content': true,
                 'fadeIn': this.loaded,
-            }, part: "editor__tab-content net__tab-content" }, index.h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: 'd173c359a115d8ffedd09f7982b93ac8f56298ea', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: 'e7d8eac3b589fdde61697b6f950ac14ca40e958b', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", null)))), index.h("div", { key: '8ac0780973db9508e06823f6eec209d513adf70d', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'b99500cf3e2090bba348164e8ef694a31ba2292d', class: {
+            }, part: "editor__tab-content net__tab-content" }, index.h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: 'a7611ff8dc0c82d3c6d9f3d3d3c9f8b34f0d30c3', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '2e448c950a6278a1c9864c8ceb61adf42a0eff81', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", null)))), index.h("div", { key: '7580eeb4b356093c1bdc69fbc108db7f05abeed9', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '14f425d8a5b78602c03459959cb138f3ca0d8acd', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -739,11 +739,11 @@ const NylasEditorTabs = class {
                 if (!previewEvent.defaultPrevented) {
                     window.open(utils.parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, index.h("eye-icon", null))), index.h("button-component", { key: 'f3ce1536ba8ebb62758f8714056d528fd8258bfa', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", null))), index.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" }, utils.instance.t('cancelButton')), index.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 ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && index.h("nylas-feedback-form", null)));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.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 ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && index.h("nylas-feedback-form", null)));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -1159,7 +1159,7 @@ const NylasEditorTabsGroup = class {
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "2.0.6",
+                release: "2.1.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSync.feedbackSyncIntegration({
@@ -1213,7 +1213,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,