@nylas/web-elements 1.4.5 → 2.0.0

package/dist/cjs/globe-icon_2.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e07e3a7e.js');
-const constants = require('./constants-3b9fb535.js');
-const utils = require('./utils-0dfca9ec.js');
-const customParseFormat = require('./customParseFormat-4dbd51f6.js');
+const constants = require('./constants-27331d2d.js');
+const utils = require('./utils-d522ef01.js');
+const customParseFormat = require('./customParseFormat-22da9017.js');
 
 const iconCss = ".sc-globe-icon-h{display:flex}";
 const GlobeIconStyle0 = iconCss;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e07e3a7e.js');
-const registerComponent = require('./register-component-5e87c463.js');
-const utils = require('./utils-0dfca9ec.js');
-const constants = require('./constants-3b9fb535.js');
-const feedbackSync = require('./feedbackSync-670798db.js');
+const registerComponent = require('./register-component-d2f37e40.js');
+const utils = require('./utils-d522ef01.js');
+const constants = require('./constants-27331d2d.js');
+const feedbackSync = require('./feedbackSync-adabe7d6.js');
 
 const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";
 const GoogleLogoIconStyle0 = iconCss$1;
@@ -388,7 +388,7 @@ const NylasEditorTabs = class {
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "1.4.5",
+                release: "2.0.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSync.feedbackSyncIntegration({
@@ -445,7 +445,7 @@ const NylasEditorTabs = class {
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduler-editor',
-                    'nylas-web-element-version': "1.4.5",
+                    'nylas-web-element-version': "2.0.0",
                     'nylas-config-id': this.selectedConfiguration?.id,
                     'nylas-slug': this.selectedConfiguration?.slug,
                     'host-url': window.location.href,
@@ -965,7 +965,6 @@ const NylasEditorTabsGroup = class {
                 name: participant.name,
                 email: participant.email,
                 is_organizer: !!participant.is_organizer,
-                timezone: '',
             })),
             eventTimeslot: this.selectedGroupEvent?.event?.when
                 ? {
@@ -1015,7 +1014,7 @@ const NylasEditorTabsGroup = class {
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "1.4.5",
+                release: "2.0.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSync.feedbackSyncIntegration({
@@ -1068,7 +1067,7 @@ const NylasEditorTabsGroup = class {
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduler-editor',
-                    'nylas-web-element-version': "1.4.5",
+                    'nylas-web-element-version': "2.0.0",
                 },
                 extra: {
                     configId: this.selectedConfiguration?.id,
@@ -1137,7 +1136,7 @@ const NylasEditorTabsGroup = class {
             location: !conferencing ? formState.location : undefined,
             participants: formState.participants,
             organizer: organizer,
-            conferencing: !formState.location ? conferencing : undefined,
+            conferencing: !formState.location ? conferencing : {},
             when: formState.eventTimeslot.when,
             recurrence: formState.eventTimeslot.recurrence,
             calendar_id: organizerDefaultCal?.id || 'primary',
@@ -1300,9 +1299,9 @@ const NylasEditorTabsGroup = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs-group]', 'render', this.formState);
-        return (index.h(index.Host, { key: '9b79ba6f8696d5c7bcc9eb1d8c4b3cebddc6e4a9' }, index.h("form", { key: 'e70dade70b4bf2a9a5974e70a335b6f04ea24ed6', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, index.h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
+        return (index.h(index.Host, { key: '2f1b119172917fda91ffa866f37a14355f2828c0' }, index.h("form", { key: '103788b60f9351f7b20bcb06e1e93f89a29a9332', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, index.h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
                 this.setActiveTab(e, TabGroup.CalendarView);
-            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, utils.instance.t('returnToCalendarView'))))) : null, 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: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.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: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.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: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.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", part: "editor__tab-content net__tab-content" }, index.h(TabContentsGroup, { 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: '3e14a9cecdd8200a4a388595c69450fc1fc2d024', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: 'fa88541076507a351a9189d3937e380b042adb2a', 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))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, utils.instance.t('pageSettingsButton')))), index.h("div", { key: '5c2436da8cc3deb362e42ba4ff8ac228b89263dc', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '132875a26da363e4b402879b8344fce6311c1702', class: {
+            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, utils.instance.t('returnToCalendarView'))))) : null, 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: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.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: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.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: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.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", part: "editor__tab-content net__tab-content" }, index.h(TabContentsGroup, { 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: '5c98656ec4f4b3bb61f675dbfe43121b1cf230cf', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: 'cca7ec210ba25fd6e8d6f090871bd03acd86f3b2', 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))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, utils.instance.t('pageSettingsButton')))), index.h("div", { key: '53bf5ccc9597574dade9a81c08a4b316ebbb8f1e', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'a3acb4bbfb391483d9d8914ff5f07922c05e7dbd', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error !== '',
@@ -1311,17 +1310,17 @@ const NylasEditorTabsGroup = class {
             ? utils.instance.t('unsavedChangesLabel')
             : this.error == '' && this.changesSaved
                 ? `${utils.instance.t('changesSavedLabel')}!`
-                : ''), index.h("div", { key: 'f30fa484009f4d4729551014e86ec4a0d2ae7824', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), index.h("div", { key: '81e083f0560967f3d8b68f1e0cafef645c7ae288', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(utils.parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, index.h("eye-icon", null))), index.h("button-component", { key: 'de0c92614c21e3d7ad2d1e982186df2858e99981', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", null))), index.h("button-component", { key: '59a4f7e7238f88a4a07e0bc1ab79bed788da74c9', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.error = '';
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('backButton')), index.h("button-component", { key: '5edfb977d8feed310347b968cdb7505f9bc7eb1f', 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('backButton')), index.h("button-component", { key: '3ed3bc81b39988173e13f2c3346defed31b96148', 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 {
@@ -1670,11 +1669,13 @@ __decorate$1([
             },
             createButtonClick: async (_, connector) => {
                 connector.schedulerConfigStore.resetSelectedConfiguration();
-                if (connector.schedulerConfigStore.state.experimentalFeatures?.group_events) {
-                    connector.schedulerConfigStore.state.action = 'create-select';
+                const enabledEventTypes = Object.entries(connector.schedulerConfigStore.state.enableEventTypes || {}).filter(([_key, value]) => value);
+                if (enabledEventTypes.length === 1) {
+                    connector.schedulerConfigStore.state.action = 'create';
+                    connector.schedulerConfigStore.state.selectedEventType = constants.CONFIGURATION_EVENT_TYPE[enabledEventTypes[0][0]];
                 }
                 else {
-                    connector.schedulerConfigStore.state.action = 'create';
+                    connector.schedulerConfigStore.state.action = 'create-select';
                 }
             },
             deleteButtonClick: async (event, connector) => {
@@ -1736,6 +1737,13 @@ const NylasSelectEventType = class {
         this.participantOptions = undefined;
         this.name = 'select-event-type';
         this.selectedLanguage = undefined;
+        this.enableEventTypes = {
+            one_on_one: true,
+            collective: true,
+            max_fairness: true,
+            max_availability: true,
+            group: true,
+        };
     }
     connectedCallback() {
         utils.debug('nylas-select-event-type', 'connectedCallback');
@@ -1760,7 +1768,14 @@ const NylasSelectEventType = class {
         utils.instance.changeLanguage(newVal);
     }
     render() {
-        const eventTypes = [
+        const eventTypeKey = {
+            'one-on-one': 'one_on_one',
+            'collective': 'collective',
+            'max-fairness': 'max_fairness',
+            'max-availability': 'max_availability',
+            'group': 'group',
+        };
+        const allEventTypes = [
             {
                 label: utils.instance.t('nylasSelectEventType.eventTypeOptions.oneOnOne.label'),
                 value: constants.CONFIGURATION_EVENT_TYPE.one_on_one,
@@ -1787,19 +1802,27 @@ const NylasSelectEventType = class {
                 description: utils.instance.t('nylasSelectEventType.eventTypeOptions.group.desc'),
             },
         ];
+        const conditionalEventTypes = [constants.CONFIGURATION_EVENT_TYPE.collective, constants.CONFIGURATION_EVENT_TYPE.max_availability, constants.CONFIGURATION_EVENT_TYPE.max_fairness];
         const hasAdditionalParticipants = this.participantOptions &&
             this.participantOptions?.length > 0 &&
             !!this.participantOptions[0].email &&
             !!this.participantOptions[0].name &&
             !!this.participantOptions[0].calendars &&
             this.participantOptions[0].calendars.length > 0;
-        const conditionalEventTypes = [constants.CONFIGURATION_EVENT_TYPE.collective, constants.CONFIGURATION_EVENT_TYPE.max_availability, constants.CONFIGURATION_EVENT_TYPE.max_fairness];
-        const defaultEventTypes = [constants.CONFIGURATION_EVENT_TYPE.one_on_one, constants.CONFIGURATION_EVENT_TYPE.group];
-        return (index.h(index.Host, { key: '4cd1ea6564b67ff7547499e504214684a61350c3' }, index.h("div", { key: '2e591b78dcbd4e832ed63a837d0e03edde75e97c', class: "nylas-select-event-type", part: "nset" }, index.h("div", { key: '9b866ca6a3e3bc025ba13d8f023e825c4c042d14', class: "header", part: "nset__header" }, index.h("h2", { key: '0a8390189a308bb1ef7c51ca3efa0b5b8d2aa165' }, utils.instance.t('nylasSelectEventType.createEventHeaderTitle')), index.h("button-component", { key: '0a7d6503aa2ea9c137aa59f4a211a88f816844cd', variant: "invisible", part: "nset__header__back-button", onClick: _event => {
+        const eventTypes = this.enableEventTypes
+            ? allEventTypes.filter(eventType => {
+                const key = eventType.value;
+                const keyType = eventTypeKey[key];
+                console.log('key', key, this.enableEventTypes ? this.enableEventTypes[keyType] : 'no enableEventTypes');
+                if (conditionalEventTypes.includes(key) && !hasAdditionalParticipants) {
+                    return false;
+                }
+                return this.enableEventTypes && this.enableEventTypes[keyType];
+            })
+            : allEventTypes;
+        return (index.h(index.Host, null, index.h("div", { class: "nylas-select-event-type", part: "nset" }, index.h("div", { class: "header", part: "nset__header" }, index.h("h2", null, utils.instance.t('nylasSelectEventType.createEventHeaderTitle')), index.h("button-component", { variant: "invisible", part: "nset__header__back-button", onClick: _event => {
                 this.returnToAllSchedulingPagesEvent.emit();
-            } }, index.h("chevron-icon", { key: '5a81b33f22799f77657f9a8196ec1d72e255865c', width: "16", height: "16" }), index.h("span", { key: 'df5b805d76b1040bacae5e68eebd2ff7a74b2810' }, utils.instance.t('nylasSelectEventType.returnToAllSchedulingPages')))), index.h("div", { key: 'ff48e355eb9baac896bf6e3de2dafbfbd91f57c0', class: "content", part: "nset__content" }, index.h("h3", { key: 'd387519b40557886ece52327429e6e58aa133689' }, utils.instance.t('nylasSelectEventType.eventTypeHeaderTitle')), index.h("div", { key: 'a3384ed668259f02114efd375cfcaad125f1efe7', class: "event-type", part: "nset__content__event-type" }, eventTypes
-            .filter(e => defaultEventTypes.includes(e.value) || (hasAdditionalParticipants && conditionalEventTypes.includes(e.value)))
-            .map(eventType => (index.h("div", { class: "event-type-option", onClick: _event => {
+            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, utils.instance.t('nylasSelectEventType.returnToAllSchedulingPages')))), index.h("div", { class: "content", part: "nset__content" }, index.h("h3", null, utils.instance.t('nylasSelectEventType.eventTypeHeaderTitle')), index.h("div", { class: "event-type", part: "nset__content__event-type" }, eventTypes.length === 0 && index.h("p", null, utils.instance.t('nylasSelectEventType.noEventTypesEnabled')), eventTypes.map(eventType => (index.h("div", { class: "event-type-option", onClick: _event => {
                 this.createEventTypeSelected.emit({ eventType: eventType.value });
             }, part: `nset__content__event-type-option-${eventType.value}` }, index.h("h4", null, eventType.label), index.h("p", null, eventType.description)))))))));
     }
@@ -1815,6 +1838,7 @@ __decorate([
         stateToProps: new Map([
             ['schedulerConfig.selectedLanguage', 'selectedLanguage'],
             ['schedulerConfig.additionalParticipants', 'participantOptions'],
+            ['schedulerConfig.enableEventTypes', 'enableEventTypes'],
         ]),
         eventToProps: {
             returnToAllSchedulingPagesEvent: async (_event, connector) => {