@nylas/web-elements 1.4.5 → 2.0.0

package/dist/components/nylas-scheduling.js

@@ -226,7 +226,7 @@ class NylaSchedulerAPIConnector {
     async makeAPIRequest(path, method, body, headers = {}) {
         try {
             const schedulerURL = new URL(this.schedulerAPIURL);
-            const version = "1.4.5" ;
+            const version = "2.0.0" ;
             schedulerURL.pathname = path;
             const response = await fetch(decodeURIComponent(schedulerURL.toString()), {
                 method,
@@ -934,7 +934,7 @@ const NylasScheduling$1 = proxyCustomElement(class NylasScheduling extends HTMLE
         if (this.enableUserFeedback && !isInitialized()) {
             init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
-                release: "1.4.5",
+                release: "2.0.0",
                 integrations: integrations => [
                     ...integrations.filter(_integration => false),
                     feedbackSyncIntegration({
@@ -1263,7 +1263,7 @@ const NylasScheduling$1 = proxyCustomElement(class NylasScheduling extends HTMLE
             captureContext: {
                 tags: {
                     'nylas-web-element': 'nylas-scheduling',
-                    'nylas-web-element-version': "1.4.5",
+                    'nylas-web-element-version': "2.0.0",
                     'nylas-config-id': this.configurationId,
                     'nylas-slug': this.slug,
                     'host-url': window.location.href,

package/dist/components/nylas-select-event-type2.js

@@ -33,6 +33,13 @@ const NylasSelectEventType = proxyCustomElement(class NylasSelectEventType exten
         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() {
         debug('nylas-select-event-type', 'connectedCallback');
@@ -57,7 +64,14 @@ const NylasSelectEventType = proxyCustomElement(class NylasSelectEventType exten
         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: instance.t('nylasSelectEventType.eventTypeOptions.oneOnOne.label'),
                 value: CONFIGURATION_EVENT_TYPE.one_on_one,
@@ -84,19 +98,27 @@ const NylasSelectEventType = proxyCustomElement(class NylasSelectEventType exten
                 description: instance.t('nylasSelectEventType.eventTypeOptions.group.desc'),
             },
         ];
+        const conditionalEventTypes = [CONFIGURATION_EVENT_TYPE.collective, CONFIGURATION_EVENT_TYPE.max_availability, 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 = [CONFIGURATION_EVENT_TYPE.collective, CONFIGURATION_EVENT_TYPE.max_availability, CONFIGURATION_EVENT_TYPE.max_fairness];
-        const defaultEventTypes = [CONFIGURATION_EVENT_TYPE.one_on_one, CONFIGURATION_EVENT_TYPE.group];
-        return (h(Host, { key: '4cd1ea6564b67ff7547499e504214684a61350c3' }, h("div", { key: '2e591b78dcbd4e832ed63a837d0e03edde75e97c', class: "nylas-select-event-type", part: "nset" }, h("div", { key: '9b866ca6a3e3bc025ba13d8f023e825c4c042d14', class: "header", part: "nset__header" }, h("h2", { key: '0a8390189a308bb1ef7c51ca3efa0b5b8d2aa165' }, instance.t('nylasSelectEventType.createEventHeaderTitle')), 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 (h(Host, null, h("div", { class: "nylas-select-event-type", part: "nset" }, h("div", { class: "header", part: "nset__header" }, h("h2", null, instance.t('nylasSelectEventType.createEventHeaderTitle')), h("button-component", { variant: "invisible", part: "nset__header__back-button", onClick: _event => {
                 this.returnToAllSchedulingPagesEvent.emit();
-            } }, h("chevron-icon", { key: '5a81b33f22799f77657f9a8196ec1d72e255865c', width: "16", height: "16" }), h("span", { key: 'df5b805d76b1040bacae5e68eebd2ff7a74b2810' }, instance.t('nylasSelectEventType.returnToAllSchedulingPages')))), h("div", { key: 'ff48e355eb9baac896bf6e3de2dafbfbd91f57c0', class: "content", part: "nset__content" }, h("h3", { key: 'd387519b40557886ece52327429e6e58aa133689' }, instance.t('nylasSelectEventType.eventTypeHeaderTitle')), 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 => (h("div", { class: "event-type-option", onClick: _event => {
+            } }, h("chevron-icon", { width: "16", height: "16" }), h("span", null, instance.t('nylasSelectEventType.returnToAllSchedulingPages')))), h("div", { class: "content", part: "nset__content" }, h("h3", null, instance.t('nylasSelectEventType.eventTypeHeaderTitle')), h("div", { class: "event-type", part: "nset__content__event-type" }, eventTypes.length === 0 && h("p", null, instance.t('nylasSelectEventType.noEventTypesEnabled')), eventTypes.map(eventType => (h("div", { class: "event-type-option", onClick: _event => {
                 this.createEventTypeSelected.emit({ eventType: eventType.value });
             }, part: `nset__content__event-type-option-${eventType.value}` }, h("h4", null, eventType.label), h("p", null, eventType.description)))))))));
     }
@@ -109,7 +131,8 @@ const NylasSelectEventType = proxyCustomElement(class NylasSelectEventType exten
 }, [1, "nylas-select-event-type", {
         "participantOptions": [16],
         "name": [1],
-        "selectedLanguage": [1, "selected-language"]
+        "selectedLanguage": [1, "selected-language"],
+        "enableEventTypes": [16]
     }, undefined, {
         "name": ["elementNameChangedHandler"],
         "selectedLanguage": ["selectedLanguageChangedHandler"]
@@ -120,6 +143,7 @@ __decorate([
         stateToProps: new Map([
             ['schedulerConfig.selectedLanguage', 'selectedLanguage'],
             ['schedulerConfig.additionalParticipants', 'participantOptions'],
+            ['schedulerConfig.enableEventTypes', 'enableEventTypes'],
         ]),
         eventToProps: {
             returnToAllSchedulingPagesEvent: async (_event, connector) => {

package/dist/components/nylas-select-event-type2.js.map

@@ -1 +1 @@
-{"file":"nylas-select-event-type2.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,ynHAAynH,CAAC;AAC1pH,mCAAe,uBAAuB;;;;;;;;;;;;;;;;MCgBzB,oBAAoB;;;;;;;;oBAcR,mBAAmB;;;IAkB1C,iBAAiB;QACf,KAAK,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;KACvD;IAED,oBAAoB;QAClB,KAAK,CAAC,yBAAyB,EAAE,sBAAsB,CAAC,CAAC;KAC1D;IAED,iBAAiB;QACf,KAAK,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;QAEtD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3C;IAED,gBAAgB;QACd,KAAK,CAAC,yBAAyB,EAAE,kBAAkB,CAAC,CAAC;KACtD;IAQD,yBAAyB,CAAC,QAAgB;QACxC,KAAK,CAAC,yBAAyB,EAAE,2BAA2B,EAAE,QAAQ,CAAC,CAAC;QACxE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;KAC1C;IAGD,8BAA8B,CAAC,MAAqB,EAAE,MAAqB;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE,OAAO;QAC9BA,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;KAChC;IAqBD,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB;gBACE,KAAK,EAAEA,QAAO,CAAC,CAAC,CAAC,sDAAsD,CAAC;gBACxE,KAAK,EAAE,wBAAwB,CAAC,UAAU;gBAC1C,WAAW,EAAEA,QAAO,CAAC,CAAC,CAAC,qDAAqD,CAAC;aAC9E;YACD;gBACE,KAAK,EAAEA,QAAO,CAAC,CAAC,CAAC,wDAAwD,CAAC;gBAC1E,KAAK,EAAE,wBAAwB,CAAC,UAAU;gBAC1C,WAAW,EAAEA,QAAO,CAAC,CAAC,CAAC,uDAAuD,CAAC;aAChF;YACD;gBACE,KAAK,EAAEA,QAAO,CAAC,CAAC,CAAC,yDAAyD,CAAC;gBAC3E,KAAK,EAAE,wBAAwB,CAAC,YAAY;gBAC5C,WAAW,EAAEA,QAAO,CAAC,CAAC,CAAC,wDAAwD,CAAC;aACjF;YACD;gBACE,KAAK,EAAEA,QAAO,CAAC,CAAC,CAAC,6DAA6D,CAAC;gBAC/E,KAAK,EAAE,wBAAwB,CAAC,gBAAgB;gBAChD,WAAW,EAAEA,QAAO,CAAC,CAAC,CAAC,4DAA4D,CAAC;aACrF;YACD;gBACE,KAAK,EAAEA,QAAO,CAAC,CAAC,CAAC,mDAAmD,CAAC;gBACrE,KAAK,EAAE,wBAAwB,CAAC,KAAK;gBACrC,WAAW,EAAEA,QAAO,CAAC,CAAC,CAAC,kDAAkD,CAAC;aAC3E;SACF,CAAC;QACF,MAAM,yBAAyB,GAC7B,IAAI,CAAC,kBAAkB;YACvB,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,CAAC;YACnC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,KAAK;YAClC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,IAAI;YACjC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,SAAS;YACtC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAClD,MAAM,qBAAqB,GAAG,CAAC,wBAAwB,CAAC,UAAU,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,YAAY,CAAC,CAAC;QACtJ,MAAM,iBAAiB,GAAG,CAAC,wBAAwB,CAAC,UAAU,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChG,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAC,MAAM,IAC9C,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,IACrC,6DAAKA,QAAO,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAM,EACnE,yEACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,2BAA2B,EAChC,OAAO,EAAE,MAAM;gBACb,IAAI,CAAC,+BAA+B,CAAC,IAAI,EAAE,CAAC;aAC7C,IAED,qEAAc,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EACvC,+DAAOA,QAAO,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAQ,CAC1D,CACf,EACN,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,eAAe,IACvC,6DAAKA,QAAO,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAM,EACjE,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,2BAA2B,IACrD,UAAU;aACR,MAAM,CAAC,CAAC,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,yBAAyB,IAAI,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;aAC1H,GAAG,CAAC,SAAS,KACZ,WACE,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,MAAM;gBACb,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;aACnE,EACD,IAAI,EAAE,oCAAoC,SAAS,CAAC,KAAK,EAAE,IAE3D,cAAK,SAAS,CAAC,KAAK,CAAM,EAC1B,aAAI,SAAS,CAAC,WAAW,CAAK,CAC1B,CACP,CAAC,CACA,CACF,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;AA3ED;IAnBC,iBAAiB,CAA0G;QAC1H,IAAI,EAAE,yBAAyB;QAC/B,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;YACxD,CAAC,wCAAwC,EAAE,oBAAoB,CAAC;SACjE,CAAC;QACF,YAAY,EAAE;YACZ,+BAA+B,EAAE,OAAO,MAAyB,EAAE,SAAwC;gBACzG,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;gBACnD,SAAS,CAAC,oBAAoB,CAAC,GAAG,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;aACpE;YACD,uBAAuB,EAAE,OAAO,KAA2D,EAAE,SAAwC;gBACnI,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;gBACnC,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACvD,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,iBAAiB,GAAG,SAAS,CAAC;aACpE;SACF;QACD,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;kDA4ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["i18next"],"sources":["src/components/scheduler-editor/nylas-select-event-type/nylas-select-event-type.scss?tag=nylas-select-event-type&encapsulation=shadow","src/components/scheduler-editor/nylas-select-event-type/nylas-select-event-type.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/buttons.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.nylas-select-event-type {\n  height: inherit;\n  overflow-y: auto;\n\n  div.header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid var(--nylas-base-200);\n\n    h2 {\n      font-size: 18px;\n      padding: 0 24px;\n      line-height: 24px;\n      margin: 0;\n      font-weight: 600;\n      color: var(--nylas-base-800);\n    }\n\n    button-component {\n      button {\n        @include invisible-button;\n      }\n    }\n  }\n\n  div.content {\n    padding: 40px;\n\n    h3 {\n      margin: 0 0 32px 0;\n      font-size: 18px;\n      line-height: 24px;\n      font-weight: 600;\n    }\n\n    div.event-type {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n\n      div.event-type-option {\n        padding: 16px;\n        border: 1px solid var(--nylas-base-200);\n        border-radius: var(--nylas-border-radius-3x);\n        width: inherit;\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n\n        h4 {\n          margin: 0;\n          font-size: 16px;\n          line-height: 24px;\n          font-weight: 600;\n          color: var(--nylas-base-900);\n        }\n\n        p {\n          margin: 0;\n          font-size: 14px;\n          line-height: 21px;\n          font-weight: 400;\n          color: var(--nylas-base-800);\n        }\n      }\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { CONFIGURATION_EVENT_TYPE, LANGUAGE_CODE } from '@/common/constants';\nimport { AdditionalParticipant } from '@nylas/core';\n\n/**\n * The `nylas-select-event-type` component is a UI component that allows users to select the event type for the scheduler configuration.\n */\n@Component({\n  tag: 'nylas-select-event-type',\n  styleUrl: 'nylas-select-event-type.scss',\n  shadow: true,\n})\nexport class NylasSelectEventType {\n  @Element() host!: HTMLNylasSelectEventTypeElement;\n\n  /**\n   * @standalone\n   * The participant options passed in the additionalParticipants prop\n   * from the nylas-scheduler-editor component.\n   */\n  @Prop() participantOptions?: AdditionalParticipant[];\n\n  /**\n   * @standalone\n   * The name of the component\n   */\n  @Prop() name: string = 'select-event-type';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * This event is fired when the return to all scheduling pages button is clicked.\n   */\n  @Event() returnToAllSchedulingPagesEvent!: EventEmitter<void>;\n\n  /**\n   * This event is fired when the event type is selected.\n   */\n  @Event() createEventTypeSelected!: EventEmitter<{ eventType: CONFIGURATION_EVENT_TYPE }>;\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-select-event-type', 'connectedCallback');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-select-event-type', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-select-event-type', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-select-event-type', 'componentDidLoad');\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-select-event-type', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @RegisterComponent<NylasSelectEventType, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-select-event-type',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.additionalParticipants', 'participantOptions'],\n    ]),\n    eventToProps: {\n      returnToAllSchedulingPagesEvent: async (_event: CustomEvent<void>, connector: NylasSchedulerConfigConnector) => {\n        connector.schedulerConfigStore.state.action = null;\n        connector.schedulerConfigStore.set('selectedEventType', undefined);\n      },\n      createEventTypeSelected: async (event: CustomEvent<{ eventType: CONFIGURATION_EVENT_TYPE }>, connector: NylasSchedulerConfigConnector) => {\n        const { eventType } = event.detail;\n        connector.schedulerConfigStore.state.action = 'create';\n        connector.schedulerConfigStore.state.selectedEventType = eventType;\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const eventTypes = [\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.oneOnOne.label'),\n        value: CONFIGURATION_EVENT_TYPE.one_on_one,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.oneOnOne.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.collective.label'),\n        value: CONFIGURATION_EVENT_TYPE.collective,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.collective.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.maxFairness.label'),\n        value: CONFIGURATION_EVENT_TYPE.max_fairness,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.maxFairness.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.maxAvailability.label'),\n        value: CONFIGURATION_EVENT_TYPE.max_availability,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.maxAvailability.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.group.label'),\n        value: CONFIGURATION_EVENT_TYPE.group,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.group.desc'),\n      },\n    ];\n    const hasAdditionalParticipants =\n      this.participantOptions &&\n      this.participantOptions?.length > 0 &&\n      !!this.participantOptions[0].email &&\n      !!this.participantOptions[0].name &&\n      !!this.participantOptions[0].calendars &&\n      this.participantOptions[0].calendars.length > 0;\n    const conditionalEventTypes = [CONFIGURATION_EVENT_TYPE.collective, CONFIGURATION_EVENT_TYPE.max_availability, CONFIGURATION_EVENT_TYPE.max_fairness];\n    const defaultEventTypes = [CONFIGURATION_EVENT_TYPE.one_on_one, CONFIGURATION_EVENT_TYPE.group];\n    return (\n      <Host>\n        <div class=\"nylas-select-event-type\" part=\"nset\">\n          <div class=\"header\" part=\"nset__header\">\n            <h2>{i18next.t('nylasSelectEventType.createEventHeaderTitle')}</h2>\n            <button-component\n              variant=\"invisible\"\n              part=\"nset__header__back-button\"\n              onClick={_event => {\n                this.returnToAllSchedulingPagesEvent.emit();\n              }}\n            >\n              <chevron-icon width=\"16\" height=\"16\" />\n              <span>{i18next.t('nylasSelectEventType.returnToAllSchedulingPages')}</span>\n            </button-component>\n          </div>\n          <div class=\"content\" part=\"nset__content\">\n            <h3>{i18next.t('nylasSelectEventType.eventTypeHeaderTitle')}</h3>\n            <div class=\"event-type\" part=\"nset__content__event-type\">\n              {eventTypes\n                .filter(e => defaultEventTypes.includes(e.value) || (hasAdditionalParticipants && conditionalEventTypes.includes(e.value)))\n                .map(eventType => (\n                  <div\n                    class=\"event-type-option\"\n                    onClick={_event => {\n                      this.createEventTypeSelected.emit({ eventType: eventType.value });\n                    }}\n                    part={`nset__content__event-type-option-${eventType.value}`}\n                  >\n                    <h4>{eventType.label}</h4>\n                    <p>{eventType.description}</p>\n                  </div>\n                ))}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"nylas-select-event-type2.js","mappings":"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","names":["i18next"],"sources":["src/components/scheduler-editor/nylas-select-event-type/nylas-select-event-type.scss?tag=nylas-select-event-type&encapsulation=shadow","src/components/scheduler-editor/nylas-select-event-type/nylas-select-event-type.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/buttons.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.nylas-select-event-type {\n  height: inherit;\n  overflow-y: auto;\n\n  div.header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid var(--nylas-base-200);\n\n    h2 {\n      font-size: 18px;\n      padding: 0 24px;\n      line-height: 24px;\n      margin: 0;\n      font-weight: 600;\n      color: var(--nylas-base-800);\n    }\n\n    button-component {\n      button {\n        @include invisible-button;\n      }\n    }\n  }\n\n  div.content {\n    padding: 40px;\n\n    h3 {\n      margin: 0 0 32px 0;\n      font-size: 18px;\n      line-height: 24px;\n      font-weight: 600;\n    }\n\n    div.event-type {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n\n      div.event-type-option {\n        padding: 16px;\n        border: 1px solid var(--nylas-base-200);\n        border-radius: var(--nylas-border-radius-3x);\n        width: inherit;\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n\n        h4 {\n          margin: 0;\n          font-size: 16px;\n          line-height: 24px;\n          font-weight: 600;\n          color: var(--nylas-base-900);\n        }\n\n        p {\n          margin: 0;\n          font-size: 14px;\n          line-height: 21px;\n          font-weight: 400;\n          color: var(--nylas-base-800);\n        }\n      }\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { CONFIGURATION_EVENT_TYPE, LANGUAGE_CODE } from '@/common/constants';\nimport { AdditionalParticipant, EnableEventTypes } from '@nylas/core';\n\n/**\n * The `nylas-select-event-type` component is a UI component that allows users to select the event type for the scheduler configuration.\n */\n@Component({\n  tag: 'nylas-select-event-type',\n  styleUrl: 'nylas-select-event-type.scss',\n  shadow: true,\n})\nexport class NylasSelectEventType {\n  @Element() host!: HTMLNylasSelectEventTypeElement;\n\n  /**\n   * @standalone\n   * The participant options passed in the additionalParticipants prop\n   * from the nylas-scheduler-editor component.\n   */\n  @Prop() participantOptions?: AdditionalParticipant[];\n\n  /**\n   * @standalone\n   * The name of the component\n   */\n  @Prop() name: string = 'select-event-type';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The enable event types.\n   */\n  @Prop() enableEventTypes?: EnableEventTypes = {\n    one_on_one: true,\n    collective: true,\n    max_fairness: true,\n    max_availability: true,\n    group: true,\n  };\n\n  /**\n   * This event is fired when the return to all scheduling pages button is clicked.\n   */\n  @Event() returnToAllSchedulingPagesEvent!: EventEmitter<void>;\n\n  /**\n   * This event is fired when the event type is selected.\n   */\n  @Event() createEventTypeSelected!: EventEmitter<{ eventType: CONFIGURATION_EVENT_TYPE }>;\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-select-event-type', 'connectedCallback');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-select-event-type', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-select-event-type', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-select-event-type', 'componentDidLoad');\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-select-event-type', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @RegisterComponent<NylasSelectEventType, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-select-event-type',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.additionalParticipants', 'participantOptions'],\n      ['schedulerConfig.enableEventTypes', 'enableEventTypes'],\n    ]),\n    eventToProps: {\n      returnToAllSchedulingPagesEvent: async (_event: CustomEvent<void>, connector: NylasSchedulerConfigConnector) => {\n        connector.schedulerConfigStore.state.action = null;\n        connector.schedulerConfigStore.set('selectedEventType', undefined);\n      },\n      createEventTypeSelected: async (event: CustomEvent<{ eventType: CONFIGURATION_EVENT_TYPE }>, connector: NylasSchedulerConfigConnector) => {\n        const { eventType } = event.detail;\n        connector.schedulerConfigStore.state.action = 'create';\n        connector.schedulerConfigStore.state.selectedEventType = eventType;\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    interface EventTypeOption {\n      label: string;\n      value: CONFIGURATION_EVENT_TYPE;\n      description: string;\n    }\n\n    const eventTypeKey = {\n      'one-on-one': 'one_on_one',\n      'collective': 'collective',\n      'max-fairness': 'max_fairness',\n      'max-availability': 'max_availability',\n      'group': 'group',\n    };\n\n    const allEventTypes: EventTypeOption[] = [\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.oneOnOne.label'),\n        value: CONFIGURATION_EVENT_TYPE.one_on_one,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.oneOnOne.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.collective.label'),\n        value: CONFIGURATION_EVENT_TYPE.collective,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.collective.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.maxFairness.label'),\n        value: CONFIGURATION_EVENT_TYPE.max_fairness,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.maxFairness.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.maxAvailability.label'),\n        value: CONFIGURATION_EVENT_TYPE.max_availability,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.maxAvailability.desc'),\n      },\n      {\n        label: i18next.t('nylasSelectEventType.eventTypeOptions.group.label'),\n        value: CONFIGURATION_EVENT_TYPE.group,\n        description: i18next.t('nylasSelectEventType.eventTypeOptions.group.desc'),\n      },\n    ];\n    const conditionalEventTypes = [CONFIGURATION_EVENT_TYPE.collective, CONFIGURATION_EVENT_TYPE.max_availability, CONFIGURATION_EVENT_TYPE.max_fairness];\n    const hasAdditionalParticipants =\n      this.participantOptions &&\n      this.participantOptions?.length > 0 &&\n      !!this.participantOptions[0].email &&\n      !!this.participantOptions[0].name &&\n      !!this.participantOptions[0].calendars &&\n      this.participantOptions[0].calendars.length > 0;\n\n    const eventTypes = this.enableEventTypes\n      ? allEventTypes.filter(eventType => {\n          const key = eventType.value;\n          const keyType = eventTypeKey[key];\n          console.log('key', key, this.enableEventTypes ? this.enableEventTypes[keyType] : 'no enableEventTypes');\n          if (conditionalEventTypes.includes(key) && !hasAdditionalParticipants) {\n            return false;\n          }\n          return this.enableEventTypes && this.enableEventTypes[keyType];\n        })\n      : allEventTypes;\n    return (\n      <Host>\n        <div class=\"nylas-select-event-type\" part=\"nset\">\n          <div class=\"header\" part=\"nset__header\">\n            <h2>{i18next.t('nylasSelectEventType.createEventHeaderTitle')}</h2>\n            <button-component\n              variant=\"invisible\"\n              part=\"nset__header__back-button\"\n              onClick={_event => {\n                this.returnToAllSchedulingPagesEvent.emit();\n              }}\n            >\n              <chevron-icon width=\"16\" height=\"16\" />\n              <span>{i18next.t('nylasSelectEventType.returnToAllSchedulingPages')}</span>\n            </button-component>\n          </div>\n          <div class=\"content\" part=\"nset__content\">\n            <h3>{i18next.t('nylasSelectEventType.eventTypeHeaderTitle')}</h3>\n            <div class=\"event-type\" part=\"nset__content__event-type\">\n              {eventTypes.length === 0 && <p>{i18next.t('nylasSelectEventType.noEventTypesEnabled')}</p>}\n              {eventTypes.map(eventType => (\n                <div\n                  class=\"event-type-option\"\n                  onClick={_event => {\n                    this.createEventTypeSelected.emit({ eventType: eventType.value });\n                  }}\n                  part={`nset__content__event-type-option-${eventType.value}`}\n                >\n                  <h4>{eventType.label}</h4>\n                  <p>{eventType.description}</p>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nylas-timeslot-interval2.js

@@ -150,7 +150,7 @@ const NylasTimeslotInterval = proxyCustomElement(class NylasTimeslotInterval ext
                 ? intervalPreferenceOptions[0]
                 : intervalPreferenceOptions.find(op => op.value == this.selectedInterval.toString()) ?? intervalPreferenceOptions[0]
             : undefined;
-        return (h(Host, { key: 'ebcd942ae5ea4d5554d75f6a6b852fa9fceec2d5' }, h("div", { key: '2deef2c1f43d10e2933922822c443db9ce66524c', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: 'c23c2c9d36b284777d2dd626ed3d8f6d3ff852ae', class: "header", part: "nti__header" }, h("h3", { key: 'fd91593ab8990f1102f0a30cc6ca7534d2f22263' }, instance.t('nylasTimeslotInterval.headerTitle'))), h("div", { key: 'a7d3228854d00f97c804084d01a5db799c7ae4c0', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: 'fb1249f674a32250c89fb626521ecaf5cd6bee2c', class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (h("select-dropdown", { name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval })), h("span", { key: 'ba8e1488a672f7ca42b7858c70450e540bc6ed80', slot: "label", class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotRounding.label'), h("tooltip-component", { key: '838f35198b817a1a68472bd4fdc4f1d3fbcf1507' }, h("info-icon", { key: 'beecaae34fd7b52fe5c59e272b4201ad1cbd025e', slot: "tooltip-icon" }), h("span", { key: '9ac586565a85c7be0d81ee1f68331ffc45081452', slot: "tooltip-content" }, instance.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
+        return (h(Host, { key: 'a2922db89671698745b040e04ed4ade53cb97856' }, h("div", { key: '6123febcf83c4f4a6735f704852a0b49ef86b8ae', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: '28ae252bbb1c197cb2af8c2404868de4eefc3755', class: "header", part: "nti__header" }, h("h3", { key: 'a0fa4565865befb21c24b19b0d6a3d35a2438e6a' }, instance.t('nylasTimeslotInterval.headerTitle'))), h("div", { key: '9afa7b8311718c155c5a67484f75be07ea1a499c', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: '27de62640dc1d5eb143f0b3c2638974e863e7052', class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (h("select-dropdown", { name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval })), h("span", { key: '8221c77ef67c8186ce9f32ebf548c49938e2e2e1', slot: "label", class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotRounding.label'), h("tooltip-component", { key: '75dc83d75698277295628af454b6129a135c8545' }, h("info-icon", { key: '7a8bd15f2d3579e854af3dadfcf93d2bc2142afb', slot: "tooltip-icon" }), h("span", { key: '0518fc031ef327b8d590e6b29cabdfcfbc473d50', slot: "tooltip-content" }, instance.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
                 {
                     value: 'no-rounding',
                     label: instance.t('nylasTimeslotInterval.timeslotRoundingOptions.noRounding.label'),

package/dist/components/utils.js

@@ -8303,6 +8303,7 @@ const nylasSelectEventType$8 = {
 	returnToAllSchedulingPages: "Return to all scheduling pages",
 	createEventHeaderTitle: "Create an event",
 	eventTypeHeaderTitle: "Event type",
+	noEventTypesEnabled: "No event types enabled",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -9248,6 +9249,7 @@ const nylasSelectEventType$7 = {
 	returnToAllSchedulingPages: "Retour à toutes les pages de planification",
 	createEventHeaderTitle: "Créer un événement",
 	eventTypeHeaderTitle: "Type d'événement",
+	noEventTypesEnabled: "Aucun type d'événement activé",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -10193,6 +10195,7 @@ const nylasSelectEventType$6 = {
 	returnToAllSchedulingPages: "Volver a todas las páginas de programación",
 	createEventHeaderTitle: "Crear un evento",
 	eventTypeHeaderTitle: "Tipo de evento",
+	noEventTypesEnabled: "No hay tipos de evento habilitados",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -11138,6 +11141,7 @@ const nylasSelectEventType$5 = {
 	returnToAllSchedulingPages: "すべてのスケジュールページに戻る",
 	createEventHeaderTitle: "イベントを作成する",
 	eventTypeHeaderTitle: "イベントの種類",
+	noEventTypesEnabled: "イベントの種類が有効化されていません",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -12083,6 +12087,7 @@ const nylasSelectEventType$4 = {
 	returnToAllSchedulingPages: "Zurück zur Planungsseite",
 	createEventHeaderTitle: "Ereignis erstellen",
 	eventTypeHeaderTitle: "Ereignisart",
+	noEventTypesEnabled: "Keine Ereignisarten aktiviert",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -13026,6 +13031,7 @@ const nylasSelectEventType$3 = {
 	returnToAllSchedulingPages: "Tillbaka till alla schemaläggningssidor",
 	createEventHeaderTitle: "Skapa ett evenemang",
 	eventTypeHeaderTitle: "Evenemangstyp",
+	noEventTypesEnabled: "Inga evenemangstyper aktiverade",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -13967,6 +13973,7 @@ const nylasSelectEventType$2 = {
 	returnToAllSchedulingPages: "返回所有日程安排页面",
 	createEventHeaderTitle: "创建活动",
 	eventTypeHeaderTitle: "活动类型",
+	noEventTypesEnabled: "没有活动类型启用",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -14908,6 +14915,7 @@ const nylasSelectEventType$1 = {
 	returnToAllSchedulingPages: "Terug naar alle planningspagina's",
 	createEventHeaderTitle: "Evenement maken",
 	eventTypeHeaderTitle: "Evenementtype",
+	noEventTypesEnabled: "Geen evenementtypen ingeschakeld",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",
@@ -15849,6 +15857,7 @@ const nylasSelectEventType = {
 	returnToAllSchedulingPages: "모든 스케줄링 페이지로 돌아가기",
 	createEventHeaderTitle: "이벤트 만들기",
 	eventTypeHeaderTitle: "이벤트 유형",
+	noEventTypesEnabled: "이벤트 유형이 활성화되지 않았습니다.",
 	eventTypeOptions: {
 		oneOnOne: {
 			label: "1:1",