@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241015194719

package/dist/collection/components/scheduler-editor/nylas-editor-tabs/tab-contents.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-contents.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-editor-tabs/tab-contents.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Fragment, h } from '@stencil/core';\n\nexport enum Tab {\n  EventInfo = 'eventInfo',\n  Availability = 'availability',\n  BookingOptions = 'bookingOptions',\n  Communications = 'communications',\n  Participants = 'participants',\n  BookingForm = 'bookingForm',\n  PageStyles = 'pageStyles',\n}\n\nexport type TabContentsProps = {\n  id: string;\n  formState: any;\n  activeTab: Tab;\n  calendars?: any[];\n  currentUser?: any;\n};\n\nexport default function TabContents({ id, formState, activeTab }: TabContentsProps, children: any) {\n  return (\n    <Fragment>\n      <div key={`event-info-${id}`} class={{ hide: activeTab !== Tab.EventInfo }}>\n        <nylas-event-info>\n          <div slot=\"inputs\">\n            <nylas-event-title name=\"title\" exportparts=\"net, net__title, net__dropdown-content\" />\n            <nylas-event-duration\n              name=\"duration\"\n              exportparts=\"ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content\"\n            />\n            <nylas-event-location name=\"location\" exportparts=\"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content\" />\n            <nylas-event-description name=\"description\" exportparts=\"nedesc, nedesc__textarea\" />\n          </div>\n        </nylas-event-info>\n      </div>\n      <div key={`availability-${id}`} class={{ hide: activeTab !== Tab.Availability }}>\n        <nylas-participant-booking-calendars participants={formState.participants} name=\"participant-booking-calendars\" />\n        <nylas-connected-calendars participants={formState.participants} name=\"connected-calendars\" />\n        <nylas-availability-picker\n          name=\"availability\"\n          exportparts={\n            'nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times'\n          }\n        />\n      </div>\n      <div key={`booking-options-${id}`} class={{ hide: activeTab !== Tab.BookingOptions }}>\n        <nylas-scheduling-method\n          name=\"availability-method\"\n          readOnly={true}\n          exportparts=\"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content\"\n        />\n        <nylas-custom-booking-flow>\n          <div slot=\"inputs\">\n            <nylas-booking-confirmation-type name=\"confirmation-type\" exportparts={'nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content'} />\n            <nylas-booking-confirmation-redirect\n              name=\"confirmation-redirect\"\n              exportparts={'nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield'}\n            />\n          </div>\n        </nylas-custom-booking-flow>\n        <nylas-buffer-time\n          name=\"buffer-time\"\n          exportparts={\n            'nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview'\n          }\n        />\n        <nylas-event-limits>\n          <div slot=\"inputs\">\n            <nylas-min-booking-notice\n              name=\"min-booking-notice\"\n              exportparts=\"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content\"\n            />\n            <nylas-limit-future-bookings\n              name=\"limit-future-bookings\"\n              exportparts=\"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content\"\n            />\n            <nylas-min-cancellation-notice\n              name=\"min-cancellation-notice\"\n              exportparts=\"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content\"\n            />\n            <nylas-cancellation-policy name=\"cancellation-policy\" exportparts=\"ncpolicy, ncpolicy__textarea\" />\n          </div>\n        </nylas-event-limits>\n        <nylas-timeslot-interval name=\"timeslot-interval\" exportparts=\"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content\" />\n        <nylas-customize-booking-settings\n          name=\"customize-booking-settings\"\n          exportparts=\"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options\"\n        />\n      </div>\n      <div key={`communications-${id}`} class={{ hide: activeTab !== Tab.Communications }}>\n        <div class=\"tab-header\">\n          <h3>Event communications</h3>\n          <p>Set up automatic confirmation emails.</p>\n        </div>\n        <nylas-confirmation-email\n          name=\"confirmation-email-template\"\n          exportparts={\n            'nce, nce__tab-heading, nce__header, nce__body, nce__confirmation-email-toggle--container, nce__summary, nce__reminder-input_dropdown, nce__reminder-input_dropdown-input, nce__reminder-input_dropdown-content'\n          }\n        />\n        {/* <nylas-reminder-emails\n          name=\"reminder-emails\"\n          exportparts={\n            'nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nre__reminder-input_dropdown, nre__reminder-input_dropdown-input, nre__reminder-input_dropdown-content'\n          }\n        /> */}\n      </div>\n      <div key={`participants-${id}`} class={{ hide: activeTab !== Tab.Participants }}>\n        <nylas-additional-participants\n          name=\"participants\"\n          exportparts=\"nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant\"\n        />\n        <nylas-participants-custom-availability\n          participants={formState.participants}\n          name=\"participant-custom-availability\"\n          exportparts=\"npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider\"\n        />\n      </div>\n      <div key={`page-styles-${id}`} class={{ hide: activeTab !== Tab.PageStyles }}>\n        <nylas-custom-event-slug name=\"custom-event-slug\" exportparts=\"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield\" />\n        <nylas-page-name name=\"page-name\" exportparts=\"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield\" />\n        <nylas-page-styling\n          name=\"page-styling\"\n          exportparts=\"nps, nps__header, nps__drawer-toggle--container, nps__body, nps__title-input-textfield, nps__company-logo-input-textfield, nps__color-picker, nps__color-picker-button, nps__color-picker-button-label, nps__color-picker-selected-label, nps__submit-button-label-input-textfield, nps__message-textarea\"\n        >\n          {children}\n        </nylas-page-styling>\n      </div>\n      <div key={`booking-form-${id}`} class={{ hide: activeTab !== Tab.BookingForm }}>\n        <nylas-booking-form-config name=\"additional-fields\" />\n      </div>\n    </Fragment>\n  );\n}\n"]}
+{"version":3,"file":"tab-contents.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-editor-tabs/tab-contents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAN,IAAY,GAQX;AARD,WAAY,GAAG;IACb,8BAAuB,CAAA;IACvB,oCAA6B,CAAA;IAC7B,wCAAiC,CAAA;IACjC,wCAAiC,CAAA;IACjC,oCAA6B,CAAA;IAC7B,kCAA2B,CAAA;IAC3B,gCAAyB,CAAA;AAC3B,CAAC,EARW,GAAG,KAAH,GAAG,QAQd;AAUD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAoB,EAAE,QAAa;IAC/F,OAAO,CACL,EAAC,QAAQ;QACP,WAAK,GAAG,EAAE,cAAc,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,SAAS,EAAE;YACxE;gBACE,WAAK,IAAI,EAAC,QAAQ;oBAChB,yBAAmB,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,wCAAwC,GAAG;oBACvF,4BACE,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,8IAA8I,GAC1J;oBACF,4BAAsB,IAAI,EAAC,UAAU,EAAC,WAAW,EAAC,gFAAgF,GAAG;oBACrI,+BAAyB,IAAI,EAAC,aAAa,EAAC,WAAW,EAAC,0BAA0B,GAAG,CACjF,CACW,CACf;QACN,WAAK,GAAG,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,YAAY,EAAE;YAC7E,2CACE,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,IAAI,EAAC,+BAA+B,EACpC,WAAW,EAAE,yFAAyF,GACtG;YACF,iCACE,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,IAAI,EAAC,qBAAqB,EAC1B,WAAW,EAAE,yIAAyI,GACtJ;YACF,iCACE,IAAI,EAAC,cAAc,EACnB,WAAW,EACT,6QAA6Q,GAE/Q,CACE;QACN,WAAK,GAAG,EAAE,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,cAAc,EAAE;YAClF,+BACE,IAAI,EAAC,qBAAqB,EAC1B,QAAQ,EAAE,IAAI,EACd,WAAW,EAAC,gGAAgG,GAC5G;YACF,iCAA2B,WAAW,EAAE,4DAA4D;gBAClG,WAAK,IAAI,EAAC,QAAQ;oBAChB,uCAAiC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,mFAAmF,GAAI;oBAC9J,2CACE,IAAI,EAAC,uBAAuB,EAC5B,WAAW,EAAE,0GAA0G,GACvH,CACE,CACoB;YAC5B,yBACE,IAAI,EAAC,aAAa,EAClB,WAAW,EACT,0MAA0M,GAE5M;YACF;gBACE,WAAK,IAAI,EAAC,QAAQ;oBAChB,gCACE,IAAI,EAAC,oBAAoB,EACzB,WAAW,EAAC,8KAA8K,GAC1L;oBACF,mCACE,IAAI,EAAC,uBAAuB,EAC5B,WAAW,EAAC,8KAA8K,GAC1L;oBACF,qCACE,IAAI,EAAC,yBAAyB,EAC9B,WAAW,EAAC,8KAA8K,GAC1L;oBACF,iCAA2B,IAAI,EAAC,qBAAqB,EAAC,WAAW,EAAC,8BAA8B,GAAG,CAC/F,CACa;YACrB,+BAAyB,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAC,gGAAgG,GAAG;YACjK,wCACE,IAAI,EAAC,4BAA4B,EACjC,WAAW,EAAC,yIAAyI,GACrJ,CACE;QACN,WAAK,GAAG,EAAE,kBAAkB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,cAAc,EAAE;YACjF,WAAK,KAAK,EAAC,YAAY;gBACrB,qCAA6B;gBAC7B,qDAA4C,CACxC;YACN,gCACE,IAAI,EAAC,6BAA6B,EAClC,WAAW,EACT,gNAAgN,GAElN;YACF,6BACE,IAAI,EAAC,iBAAiB,EACtB,WAAW,EACT,gNAAgN,GAElN,CACE;QACN,WAAK,GAAG,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,YAAY,EAAE;YAC7E,qCACE,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,yHAAyH,GACrI;YACF,8CACE,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,IAAI,EAAC,iCAAiC,EACtC,WAAW,EAAC,2LAA2L,GACvM,CACE;QACN,WAAK,GAAG,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,UAAU,EAAE;YAC1E,+BAAyB,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAC,uFAAuF,GAAG;YACxJ,uBAAiB,IAAI,EAAC,WAAW,EAAC,WAAW,EAAC,kFAAkF,GAAG;YACnI,0BACE,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,2SAA2S,IAEtT,QAAQ,CACU,CACjB;QACN,WAAK,GAAG,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,WAAW,EAAE;YAC5E,iCACE,IAAI,EAAC,mBAAmB,EACxB,WAAW,EAAC,oLAAoL,GAChM,CACE,CACG,CACZ,CAAC;AACJ,CAAC","sourcesContent":["import { Fragment, h } from '@stencil/core';\n\nexport enum Tab {\n  EventInfo = 'eventInfo',\n  Availability = 'availability',\n  BookingOptions = 'bookingOptions',\n  Communications = 'communications',\n  Participants = 'participants',\n  BookingForm = 'bookingForm',\n  PageStyles = 'pageStyles',\n}\n\nexport type TabContentsProps = {\n  id: string;\n  formState: any;\n  activeTab: Tab;\n  calendars?: any[];\n  currentUser?: any;\n};\n\nexport default function TabContents({ id, formState, activeTab }: TabContentsProps, children: any) {\n  return (\n    <Fragment>\n      <div key={`event-info-${id}`} class={{ hide: activeTab !== Tab.EventInfo }}>\n        <nylas-event-info>\n          <div slot=\"inputs\">\n            <nylas-event-title name=\"title\" exportparts=\"net, net__title, net__dropdown-content\" />\n            <nylas-event-duration\n              name=\"duration\"\n              exportparts=\"ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content\"\n            />\n            <nylas-event-location name=\"location\" exportparts=\"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content\" />\n            <nylas-event-description name=\"description\" exportparts=\"nedesc, nedesc__textarea\" />\n          </div>\n        </nylas-event-info>\n      </div>\n      <div key={`availability-${id}`} class={{ hide: activeTab !== Tab.Availability }}>\n        <nylas-participant-booking-calendars\n          participants={formState.participants}\n          name=\"participant-booking-calendars\"\n          exportparts={'npbc, npbc__header, npbc__content, npbc__participant-container, npbc__participant-title'}\n        />\n        <nylas-connected-calendars\n          participants={formState.participants}\n          name=\"connected-calendars\"\n          exportparts={'nccals, nccals__header, nccals__content, nccals__container, nccals__title, nccals__toggle-container, npbc__participant-toggle-container'}\n        />\n        <nylas-availability-picker\n          name=\"availability\"\n          exportparts={\n            'nap, nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times'\n          }\n        />\n      </div>\n      <div key={`booking-options-${id}`} class={{ hide: activeTab !== Tab.BookingOptions }}>\n        <nylas-scheduling-method\n          name=\"availability-method\"\n          readOnly={true}\n          exportparts=\"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content\"\n        />\n        <nylas-custom-booking-flow exportparts={'ncbflow, ncbflow__header, ncbflow__title, ncbflow__content'}>\n          <div slot=\"inputs\">\n            <nylas-booking-confirmation-type name=\"confirmation-type\" exportparts={'nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content'} />\n            <nylas-booking-confirmation-redirect\n              name=\"confirmation-redirect\"\n              exportparts={'nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield'}\n            />\n          </div>\n        </nylas-custom-booking-flow>\n        <nylas-buffer-time\n          name=\"buffer-time\"\n          exportparts={\n            'nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview'\n          }\n        />\n        <nylas-event-limits>\n          <div slot=\"inputs\">\n            <nylas-min-booking-notice\n              name=\"min-booking-notice\"\n              exportparts=\"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content\"\n            />\n            <nylas-limit-future-bookings\n              name=\"limit-future-bookings\"\n              exportparts=\"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content\"\n            />\n            <nylas-min-cancellation-notice\n              name=\"min-cancellation-notice\"\n              exportparts=\"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content\"\n            />\n            <nylas-cancellation-policy name=\"cancellation-policy\" exportparts=\"ncpolicy, ncpolicy__textarea\" />\n          </div>\n        </nylas-event-limits>\n        <nylas-timeslot-interval name=\"timeslot-interval\" exportparts=\"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content\" />\n        <nylas-customize-booking-settings\n          name=\"customize-booking-settings\"\n          exportparts=\"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options\"\n        />\n      </div>\n      <div key={`communications-${id}`} class={{ hide: activeTab !== Tab.Communications }}>\n        <div class=\"tab-header\">\n          <h3>Event communications</h3>\n          <p>Set up automatic confirmation emails.</p>\n        </div>\n        <nylas-confirmation-email\n          name=\"confirmation-email-template\"\n          exportparts={\n            'nce, nce__tab-heading, nce__header, nce__body, nce__confirmation-email-toggle--container, nce__summary, nce__reminder-input_dropdown, nce__reminder-input_dropdown-input, nce__reminder-input_dropdown-content'\n          }\n        />\n        <nylas-reminder-emails\n          name=\"reminder-emails\"\n          exportparts={\n            'nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nre__reminder-input_dropdown, nre__reminder-input_dropdown-input, nre__reminder-input_dropdown-content'\n          }\n        />\n      </div>\n      <div key={`participants-${id}`} class={{ hide: activeTab !== Tab.Participants }}>\n        <nylas-additional-participants\n          name=\"participants\"\n          exportparts=\"nap, nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant\"\n        />\n        <nylas-participants-custom-availability\n          participants={formState.participants}\n          name=\"participant-custom-availability\"\n          exportparts=\"npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider\"\n        />\n      </div>\n      <div key={`page-styles-${id}`} class={{ hide: activeTab !== Tab.PageStyles }}>\n        <nylas-custom-event-slug name=\"custom-event-slug\" exportparts=\"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield\" />\n        <nylas-page-name name=\"page-name\" exportparts=\"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield\" />\n        <nylas-page-styling\n          name=\"page-styling\"\n          exportparts=\"nps, nps__header, nps__drawer-toggle--container, nps__body, nps__title-input-textfield, nps__company-logo-input-textfield, nps__color-picker, nps__color-picker-button, nps__color-picker-button-label, nps__color-picker-selected-label, nps__submit-button-label-input-textfield, nps__message-textarea\"\n        >\n          {children}\n        </nylas-page-styling>\n      </div>\n      <div key={`booking-form-${id}`} class={{ hide: activeTab !== Tab.BookingForm }}>\n        <nylas-booking-form-config\n          name=\"additional-fields\"\n          exportparts=\"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content\"\n        />\n      </div>\n    </Fragment>\n  );\n}\n"]}

package/dist/collection/components/scheduler-editor/nylas-editor-tabs/test/nylas-editor-tabs.spec.js

@@ -49,11 +49,181 @@ describe('nylas-scheduler-editor', () => {
         expect(page.root).toMatchSnapshot();
     });
     it('submit form', async () => {
-        const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForClientSideErrors');
+        const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForOrganizerConfirmationError');
         const event = new Event('submit');
         await nylasEditorTabs.formSubmissionHandler(event);
         expect(checkErrorSpy).toHaveBeenCalled();
         expect(checkErrorSpy).toHaveReturnedWith(false);
     });
 });
+describe('nylas-scheduler-editor edit', () => {
+    const radio_field = {
+        type: 'radio_button',
+        required: false,
+        order: 1,
+        options: ['yes', ''],
+        label: 'Radio Button Label',
+    };
+    const dropdown = {
+        type: 'dropdown',
+        required: false,
+        order: 1,
+        options: ['yes', ''],
+        label: 'Dropdown Label',
+    };
+    const formState = {
+        title: 'no org confirm',
+        description: '',
+        duration: '30',
+        availability: {
+            openHours: [
+                {
+                    days: [1, 2, 3, 4, 5],
+                    start: '09:00',
+                    end: '17:00',
+                    timezone: 'America/Toronto',
+                },
+            ],
+            timezone: 'America/Toronto',
+        },
+        additionalFields: {},
+        conferencing: {},
+        calendarIds: ['primary'],
+        participants: [
+            {
+                email: 'user@nylas.com',
+                is_organizer: true,
+                name: '',
+                availability: {
+                    calendar_ids: ['primary'],
+                },
+                booking: {
+                    calendar_id: 'user@nylas.com',
+                },
+                timezone: 'America/Toronto',
+            },
+        ],
+        bookingCalendar: 'user@nylas.com',
+        location: '',
+        bookingType: 'booking',
+        buffer: {
+            before: 0,
+            after: 0,
+        },
+        cancellationPolicy: '',
+        availableDaysInFuture: 30,
+        minCancellationNotice: 0,
+        minBookingNotice: 60,
+        timeslotInterval: {
+            interval: 30,
+        },
+        additionalGuestsHidden: false,
+        hideCancellationOptions: false,
+        hideReschedulingOptions: false,
+        participantBookingCalendars: {
+            email: 'user@nylas.com',
+            is_organizer: true,
+            name: '',
+            availability: {
+                calendar_ids: ['primary'],
+            },
+            booking: {
+                calendar_id: 'user@nylas.com',
+            },
+            timezone: 'America/Toronto',
+        },
+        participantCalendars: {
+            'user@nylas.com': ['primary'],
+        },
+        emailTemplate: {
+            logo: '',
+            booking_confirmed: {},
+        },
+        redirectUrl: '',
+        slug: 'dyewgafhjahjerfghjaerf',
+        appearance: null,
+        availabilityMethod: 'collective',
+    };
+    let nylasEditorTabs;
+    let page;
+    beforeEach(async () => {
+        page = await newSpecPage({
+            autoApplyChanges: true,
+            components: [NylasEditorTabs],
+            template: () => {
+                return h("nylas-editor-tabs", { mode: "app", selectedConfiguration: JSON.parse(JSON.stringify(selectedConfiguration)) });
+            },
+        });
+        nylasEditorTabs = page.rootInstance;
+        const formMock = {
+            checkValidity: jest.fn().mockReturnValue(true),
+            acceptCharset: '',
+            action: '',
+            autocomplete: '',
+            elements: {},
+            encoding: '',
+            enctype: '',
+            length: 0,
+            method: '',
+            name: '',
+            noValidate: false,
+            target: '',
+            reset: jest.fn(),
+            submit: jest.fn(),
+        };
+        nylasEditorTabs.formRef = formMock;
+        nylasEditorTabs.action = 'edit';
+    });
+    it('should give form error if radio option is not filled', async () => {
+        const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForBookingFormErrors');
+        const setErrorSpy = jest.spyOn(nylasEditorTabs, 'setError');
+        const event = new Event('submit');
+        nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({
+            ...JSON.parse(JSON.stringify(formState)),
+            additionalFields: {
+                radio_field: { ...radio_field, options: ['yes', ''] },
+            },
+        });
+        await nylasEditorTabs.setActiveTab(new Event('click'), 'bookingForm');
+        await nylasEditorTabs.formSubmissionHandler(event);
+        expect(checkErrorSpy).toHaveBeenCalled();
+        expect(checkErrorSpy).toHaveReturnedWith(true);
+        expect(setErrorSpy).toHaveBeenCalled();
+        nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({
+            ...JSON.parse(JSON.stringify(formState)),
+            additionalFields: {
+                dropdown: { ...dropdown, options: ['yes', ''] },
+            },
+        });
+        await nylasEditorTabs.formSubmissionHandler(event);
+        expect(checkErrorSpy).toHaveBeenCalled();
+        expect(checkErrorSpy).toHaveReturnedWith(true);
+        expect(setErrorSpy).toHaveBeenCalled();
+    });
+    it('should not give form error if radio / dropdown options are filled', async () => {
+        const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForBookingFormErrors');
+        const event = new Event('submit');
+        const setErrorSpy = jest.spyOn(nylasEditorTabs, 'setError');
+        nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({
+            ...JSON.parse(JSON.stringify(formState)),
+            additionalFields: {
+                radio_field: { ...radio_field, options: ['yes', 'no'] },
+            },
+        });
+        await nylasEditorTabs.formSubmissionHandler(event);
+        expect(checkErrorSpy).toHaveBeenCalled();
+        expect(checkErrorSpy).toHaveReturnedWith(false);
+        expect(setErrorSpy).not.toHaveBeenCalled();
+        nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({
+            ...JSON.parse(JSON.stringify(formState)),
+            additionalFields: {
+                dropdown: { ...dropdown, options: ['yes', 'no'] },
+            },
+        });
+        await nylasEditorTabs.formSubmissionHandler(event);
+        expect(checkErrorSpy).toHaveBeenCalled();
+        expect(checkErrorSpy).toHaveReturnedWith(false);
+        expect(setErrorSpy).not.toHaveBeenCalled();
+    });
+});
 //# sourceMappingURL=nylas-editor-tabs.spec.js.map

package/dist/collection/components/scheduler-editor/nylas-editor-tabs/test/nylas-editor-tabs.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"nylas-editor-tabs.spec.js","sourceRoot":"","sources":["../../../../../src/components/scheduler-editor/nylas-editor-tabs/test/nylas-editor-tabs.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,WAAW,MAAM,0CAA0C,CAAC;AAEnE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,IAAI,eAAgC,CAAC;IACrC,IAAI,IAAS,CAAC;IACd,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,IAAI,GAAG,MAAM,WAAW,CAAC;YACvB,gBAAgB,EAAE,IAAI;YACtB,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,QAAQ,EAAE,GAAG,EAAE;gBACb,OAAO,CACL,yBAAmB,IAAI,EAAC,YAAY;oBAClC,EAAC,WAAW,IACV,WAAW,EAAE;4BACX,EAAE,EAAE,KAAK;4BACT,KAAK,EAAE,qBAAqB;4BAC5B,IAAI,EAAE,UAAU;yBACjB,EACD,SAAS,EAAE;4BACT;gCACE,EAAE,EAAE,KAAK;gCACT,IAAI,EAAE,UAAU;gCAChB,KAAK,EAAE,qBAAqB;6BAC7B;yBACF,EACD,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,GACxE,CACgB,CACrB,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;QACH,eAAe,GAAG,IAAI,CAAC,YAA+B,CAAC;QAEvD,MAAM,QAAQ,GAAG;YACf,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;YAC9C,aAAa,EAAE,EAAE;YACjB,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,EAAE;YAChB,QAAQ,EAAE,EAAgC;YAC1C,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAChB,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;SACY,CAAC;QAG/B,eAAuB,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC5C,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/G,eAAe,CAAC,MAAM,GAAG,QAAQ,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,aAAa,EAAE,KAAK,IAAI,EAAE;QAC3B,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,0BAA0B,CAAC,CAAC;QAC9E,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;QAClC,MAAM,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;QACnD,MAAM,CAAC,aAAa,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACzC,MAAM,CAAC,aAAa,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasEditorTabs } from '../nylas-editor-tabs';\nimport { h } from '@stencil/core';\nimport { selectedConfiguration } from '@/utils/test-utils';\nimport ExpressFlow from '../../nylas-scheduler-editor/ExpressFlow';\n\ndescribe('nylas-scheduler-editor', () => {\n  let nylasEditorTabs: NylasEditorTabs;\n  let page: any;\n  beforeEach(async () => {\n    page = await newSpecPage({\n      autoApplyChanges: true,\n      components: [NylasEditorTabs],\n      template: () => {\n        return (\n          <nylas-editor-tabs mode=\"composable\">\n            <ExpressFlow\n              currentUser={{\n                id: '123',\n                email: 'johndoe@example.com',\n                name: 'John Doe',\n              }}\n              calendars={[\n                {\n                  id: '123',\n                  name: 'John Doe',\n                  email: 'johndoe@example.com',\n                },\n              ]}\n              selectedConfiguration={JSON.parse(JSON.stringify(selectedConfiguration))}\n            />\n          </nylas-editor-tabs>\n        );\n      },\n    });\n    nylasEditorTabs = page.rootInstance as NylasEditorTabs;\n    // Mocking `formRef` and its `checkValidity()` method\n    const formMock = {\n      checkValidity: jest.fn().mockReturnValue(true),\n      acceptCharset: '',\n      action: '',\n      autocomplete: '',\n      elements: {} as HTMLFormControlsCollection,\n      encoding: '',\n      enctype: '',\n      length: 0,\n      method: '',\n      name: '',\n      noValidate: false,\n      target: '',\n      reset: jest.fn(),\n      submit: jest.fn(),\n    } as unknown as HTMLFormElement;\n\n    // Set the formRef on editor tabs component instance\n    (nylasEditorTabs as any).formRef = formMock;\n    nylasEditorTabs.updateFormState = jest.fn().mockReturnValue(JSON.parse(JSON.stringify(selectedConfiguration)));\n    nylasEditorTabs.action = 'create';\n  });\n\n  it('renders', async () => {\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('submit form', async () => {\n    const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForClientSideErrors');\n    const event = new Event('submit');\n    await nylasEditorTabs.formSubmissionHandler(event);\n    expect(checkErrorSpy).toHaveBeenCalled();\n    expect(checkErrorSpy).toHaveReturnedWith(false);\n  });\n});\n"]}
+{"version":3,"file":"nylas-editor-tabs.spec.js","sourceRoot":"","sources":["../../../../../src/components/scheduler-editor/nylas-editor-tabs/test/nylas-editor-tabs.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasEditorTabs } from '../nylas-editor-tabs';\nimport { h } from '@stencil/core';\nimport { selectedConfiguration } from '@/utils/test-utils';\nimport ExpressFlow from '../../nylas-scheduler-editor/ExpressFlow';\n\ndescribe('nylas-scheduler-editor', () => {\n  let nylasEditorTabs: NylasEditorTabs;\n  let page: any;\n  beforeEach(async () => {\n    page = await newSpecPage({\n      autoApplyChanges: true,\n      components: [NylasEditorTabs],\n      template: () => {\n        return (\n          <nylas-editor-tabs mode=\"composable\">\n            <ExpressFlow\n              currentUser={{\n                id: '123',\n                email: 'johndoe@example.com',\n                name: 'John Doe',\n              }}\n              calendars={[\n                {\n                  id: '123',\n                  name: 'John Doe',\n                  email: 'johndoe@example.com',\n                },\n              ]}\n              selectedConfiguration={JSON.parse(JSON.stringify(selectedConfiguration))}\n            />\n          </nylas-editor-tabs>\n        );\n      },\n    });\n    nylasEditorTabs = page.rootInstance as NylasEditorTabs;\n    // Mocking `formRef` and its `checkValidity()` method\n    const formMock = {\n      checkValidity: jest.fn().mockReturnValue(true),\n      acceptCharset: '',\n      action: '',\n      autocomplete: '',\n      elements: {} as HTMLFormControlsCollection,\n      encoding: '',\n      enctype: '',\n      length: 0,\n      method: '',\n      name: '',\n      noValidate: false,\n      target: '',\n      reset: jest.fn(),\n      submit: jest.fn(),\n    } as unknown as HTMLFormElement;\n\n    // Set the formRef on editor tabs component instance\n    (nylasEditorTabs as any).formRef = formMock;\n    nylasEditorTabs.updateFormState = jest.fn().mockReturnValue(JSON.parse(JSON.stringify(selectedConfiguration)));\n    nylasEditorTabs.action = 'create';\n  });\n\n  it('renders', async () => {\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('submit form', async () => {\n    const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForOrganizerConfirmationError');\n    const event = new Event('submit');\n    await nylasEditorTabs.formSubmissionHandler(event);\n    expect(checkErrorSpy).toHaveBeenCalled();\n    expect(checkErrorSpy).toHaveReturnedWith(false);\n  });\n});\n\ndescribe('nylas-scheduler-editor edit', () => {\n  const radio_field = {\n    type: 'radio_button',\n    required: false,\n    order: 1,\n    options: ['yes', ''],\n    label: 'Radio Button Label',\n  };\n  const dropdown = {\n    type: 'dropdown',\n    required: false,\n    order: 1,\n    options: ['yes', ''],\n    label: 'Dropdown Label',\n  };\n  const formState = {\n    title: 'no org confirm',\n    description: '',\n    duration: '30',\n    availability: {\n      openHours: [\n        {\n          days: [1, 2, 3, 4, 5],\n          start: '09:00',\n          end: '17:00',\n          timezone: 'America/Toronto',\n        },\n      ],\n      timezone: 'America/Toronto',\n    },\n    additionalFields: {},\n    conferencing: {},\n    calendarIds: ['primary'],\n    participants: [\n      {\n        email: 'user@nylas.com',\n        is_organizer: true,\n        name: '',\n        availability: {\n          calendar_ids: ['primary'],\n        },\n        booking: {\n          calendar_id: 'user@nylas.com',\n        },\n        timezone: 'America/Toronto',\n      },\n    ],\n    bookingCalendar: 'user@nylas.com',\n    location: '',\n    bookingType: 'booking',\n    buffer: {\n      before: 0,\n      after: 0,\n    },\n    cancellationPolicy: '',\n    availableDaysInFuture: 30,\n    minCancellationNotice: 0,\n    minBookingNotice: 60,\n    timeslotInterval: {\n      interval: 30,\n    },\n    additionalGuestsHidden: false,\n    hideCancellationOptions: false,\n    hideReschedulingOptions: false,\n    participantBookingCalendars: {\n      email: 'user@nylas.com',\n      is_organizer: true,\n      name: '',\n      availability: {\n        calendar_ids: ['primary'],\n      },\n      booking: {\n        calendar_id: 'user@nylas.com',\n      },\n      timezone: 'America/Toronto',\n    },\n    participantCalendars: {\n      'user@nylas.com': ['primary'],\n    },\n    emailTemplate: {\n      logo: '',\n      booking_confirmed: {},\n    },\n    redirectUrl: '',\n    slug: 'dyewgafhjahjerfghjaerf',\n    appearance: null,\n    availabilityMethod: 'collective',\n  };\n\n  let nylasEditorTabs: NylasEditorTabs;\n  let page: any;\n  beforeEach(async () => {\n    page = await newSpecPage({\n      autoApplyChanges: true,\n      components: [NylasEditorTabs],\n      template: () => {\n        return <nylas-editor-tabs mode=\"app\" selectedConfiguration={JSON.parse(JSON.stringify(selectedConfiguration))}></nylas-editor-tabs>;\n      },\n    });\n    nylasEditorTabs = page.rootInstance as NylasEditorTabs;\n    // Mocking `formRef` and its `checkValidity()` method\n    const formMock = {\n      checkValidity: jest.fn().mockReturnValue(true),\n      acceptCharset: '',\n      action: '',\n      autocomplete: '',\n      elements: {} as HTMLFormControlsCollection,\n      encoding: '',\n      enctype: '',\n      length: 0,\n      method: '',\n      name: '',\n      noValidate: false,\n      target: '',\n      reset: jest.fn(),\n      submit: jest.fn(),\n    } as unknown as HTMLFormElement;\n\n    // Set the formRef on editor tabs component instance\n    (nylasEditorTabs as any).formRef = formMock;\n    nylasEditorTabs.action = 'edit';\n  });\n\n  it('should give form error if radio option is not filled', async () => {\n    const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForBookingFormErrors');\n    const setErrorSpy = jest.spyOn(nylasEditorTabs, 'setError');\n    const event = new Event('submit');\n\n    // Radio field\n    nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({\n      ...JSON.parse(JSON.stringify(formState)),\n      additionalFields: {\n        radio_field: { ...radio_field, options: ['yes', ''] },\n      },\n    });\n    await nylasEditorTabs.setActiveTab(new Event('click'), 'bookingForm' as any);\n    await nylasEditorTabs.formSubmissionHandler(event);\n    expect(checkErrorSpy).toHaveBeenCalled();\n    expect(checkErrorSpy).toHaveReturnedWith(true);\n    expect(setErrorSpy).toHaveBeenCalled();\n\n    // Dropdown field\n    nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({\n      ...JSON.parse(JSON.stringify(formState)),\n      additionalFields: {\n        dropdown: { ...dropdown, options: ['yes', ''] },\n      },\n    });\n    await nylasEditorTabs.formSubmissionHandler(event);\n    expect(checkErrorSpy).toHaveBeenCalled();\n    expect(checkErrorSpy).toHaveReturnedWith(true);\n    expect(setErrorSpy).toHaveBeenCalled();\n  });\n\n  it('should not give form error if radio / dropdown options are filled', async () => {\n    const checkErrorSpy = jest.spyOn(nylasEditorTabs, 'checkForBookingFormErrors');\n    const event = new Event('submit');\n    const setErrorSpy = jest.spyOn(nylasEditorTabs, 'setError');\n\n    // Radio field\n    nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({\n      ...JSON.parse(JSON.stringify(formState)),\n      additionalFields: {\n        radio_field: { ...radio_field, options: ['yes', 'no'] },\n      },\n    });\n    await nylasEditorTabs.formSubmissionHandler(event);\n    expect(checkErrorSpy).toHaveBeenCalled();\n    expect(checkErrorSpy).toHaveReturnedWith(false);\n    expect(setErrorSpy).not.toHaveBeenCalled();\n\n    // Dropdown field\n    nylasEditorTabs.updateFormState = jest.fn().mockReturnValue({\n      ...JSON.parse(JSON.stringify(formState)),\n      additionalFields: {\n        dropdown: { ...dropdown, options: ['yes', 'no'] },\n      },\n    });\n    await nylasEditorTabs.formSubmissionHandler(event);\n    expect(checkErrorSpy).toHaveBeenCalled();\n    expect(checkErrorSpy).toHaveReturnedWith(false);\n    expect(setErrorSpy).not.toHaveBeenCalled();\n  });\n});\n"]}

package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js

@@ -58,7 +58,7 @@ export class NylasEventDescription {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (h(Host, { key: 'dd827d096c15e009592bc75ea7655eb78e7bd989' }, h("div", { key: '7ec95b793f18c9088f11d59f25164c46fce00244', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '239f510e59de8a3b9195629d10a145e27591e016', htmlFor: "description" }, "Event description", h("span", { key: '977f00f43126e12a329d5846bf2839686b428736', class: "label-icon" }, h("tooltip-component", { key: 'c81ed9bc47f6726e700c3aef9869c2cc4b7ac5dc' }, h("info-icon", { key: 'dbe479dc07441089215d3c09ea3feae3c0151a4c', slot: "tooltip-icon" }), h("span", { key: '4bfd20bdfe73ab3ea7d58f70c32aa345f45f9a01', slot: "tooltip-content" }, "The event description appears in the Scheduler Editor\u2019s manager view.")))), h("textarea", { key: '37bc370bc7f9f40ee1ac32ac09fc712597356fa1', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
+        return (h(Host, { key: '6a7fc19449be05b4b6207692d5ceec94347f913e' }, h("div", { key: '8e0d79a310e1cccf1d9b7772703714907b01688f', class: "nylas-event-description", part: "nedesc" }, h("label", { key: 'aac3fa43d77623ce9f51cd4aa81075c779a9da3e', htmlFor: "description" }, "Event description", h("span", { key: 'a62743418230bdc20188052795c6ecb9e7ad2903', class: "label-icon" }, h("tooltip-component", { key: '7842c029c8f46d97f65cd321668cc6c7243b9787' }, h("info-icon", { key: 'df7e6389587e8a76f9dcb8b57c7373f747569a0b', slot: "tooltip-icon" }), h("span", { key: 'a8c37a68325c6d674c2f8ee6bdb8999d5f5d4b04', slot: "tooltip-content" }, "The event description appears in the Scheduler Editor\u2019s manager view.")))), h("textarea", { key: '92938097ecfa8812dea7f663f9f93439398e856f', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
     }
     static get is() { return "nylas-event-description"; }
     static get encapsulation() { return "shadow"; }
@@ -92,8 +92,11 @@ export class NylasEventDescription {
                 "required": false,
                 "optional": true,
                 "docs": {
-                    "tags": [],
-                    "text": "The selected config"
+                    "tags": [{
+                            "name": "standalone",
+                            "text": "The selected config"
+                        }],
+                    "text": ""
                 }
             },
             "eventDescription": {
@@ -107,8 +110,11 @@ export class NylasEventDescription {
                 "required": false,
                 "optional": true,
                 "docs": {
-                    "tags": [],
-                    "text": "The event description stored in the configuration"
+                    "tags": [{
+                            "name": "standalone",
+                            "text": "The event description stored in the configuration"
+                        }],
+                    "text": ""
                 },
                 "attribute": "event-description",
                 "reflect": false
@@ -124,8 +130,11 @@ export class NylasEventDescription {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "The name of the event description input."
+                    "tags": [{
+                            "name": "standalone",
+                            "text": "The name of the event description input."
+                        }],
+                    "text": ""
                 },
                 "attribute": "name",
                 "reflect": false,

package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"nylas-event-description.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-event-description/nylas-event-description.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, sanitize } from '@/utils/utils';\nimport { AttachInternals, Component, Host, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration } from '@nylas/core';\n\n/**\n * The `nylas-event-description` component is a form input for the description of an event.\n * @part nedesc - The event description container\n * @part nedesc__textarea - The event description textarea\n */\n@Component({\n  tag: 'nylas-event-description',\n  styleUrl: 'nylas-event-description.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventDescription {\n  /**\n   * The host element <nylas-event-description>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * The event description stored in the configuration\n   */\n  @Prop() eventDescription?: string;\n\n  /**\n   * The name of the event description input.\n   */\n  @Prop() name: string = 'description';\n  /**\n   * The selected event description state. This defaults to the event description from the configuration or an empty string.\n   */\n  @State() description: string = this.eventDescription || this.selectedConfiguration?.event_booking?.description || '';\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\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-event-description', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n    if (newValue?.event_booking?.description) {\n      this.description = newValue?.event_booking?.description;\n    }\n  }\n\n  /**\n   * Event emitted when the event description changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-event-description', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-description', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-description', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      this.description = this.eventDescription || '';\n    }\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-description', 'disconnectedCallback');\n  }\n\n  handleChange(event) {\n    const value = sanitize(event.target.value);\n    this.description = value;\n    this.internals.setFormValue(value, 'description');\n    this.valueChanged.emit({ value: value, name: this.name });\n  }\n\n  @RegisterComponent<NylasEventDescription, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-description',\n    stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-event-description\" part=\"nedesc\">\n          <label htmlFor=\"description\">\n            Event description\n            <span class=\"label-icon\">\n              <tooltip-component>\n                <info-icon slot=\"tooltip-icon\" />\n                <span slot=\"tooltip-content\">The event description appears in the Scheduler Editor’s manager view.</span>\n              </tooltip-component>\n            </span>\n          </label>\n          <textarea id=\"description\" part=\"nedesc__textarea\" name=\"description\" value={this.description} maxlength=\"8192\" onInput={e => this.handleChange(e)}></textarea>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"nylas-event-description.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-event-description/nylas-event-description.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAetH,MAAM,OAAO,qBAAqB;;;;oBAqBT,aAAa;2BAIL,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,qBAAqB,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE;;IAYpH,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;IAC3C,CAAC;IAGD,mCAAmC,CAAC,QAAuB;QACzD,KAAK,CAAC,2BAA2B,EAAE,qCAAqC,EAAE,QAAQ,CAAC,CAAC;QACpF,IAAI,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;YACzC,IAAI,CAAC,WAAW,GAAG,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC;QAC1D,CAAC;IACH,CAAC;IAUD,iBAAiB;QACf,KAAK,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;IACxD,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;QACtD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,gBAAgB;QACd,KAAK,CAAC,yBAAyB,EAAE,kBAAkB,CAAC,CAAC;QACrD,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,mCAAmC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACvE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC;QACjD,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,yBAAyB,EAAE,sBAAsB,CAAC,CAAC;IAC3D,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAQD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAC,QAAQ;gBAChD,8DAAO,OAAO,EAAC,aAAa;;oBAE1B,6DAAM,KAAK,EAAC,YAAY;wBACtB;4BACE,kEAAW,IAAI,EAAC,cAAc,GAAG;4BACjC,6DAAM,IAAI,EAAC,iBAAiB,iFAA6E,CACvF,CACf,CACD;gBACR,iEAAU,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAa,CAC3J,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAlBC;IANC,iBAAiB,CAA2G;QAC3H,IAAI,EAAE,yBAAyB;QAC/B,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,uCAAuC,EAAE,uBAAuB,CAAC,CAAC,CAAC;QAC3F,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;mDAkBD","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, sanitize } from '@/utils/utils';\nimport { AttachInternals, Component, Host, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration } from '@nylas/core';\n\n/**\n * The `nylas-event-description` component is a form input for the description of an event.\n * @part nedesc - The event description container\n * @part nedesc__textarea - The event description textarea\n */\n@Component({\n  tag: 'nylas-event-description',\n  styleUrl: 'nylas-event-description.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventDescription {\n  /**\n   * The host element <nylas-event-description>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The event description stored in the configuration\n   */\n  @Prop() eventDescription?: string;\n\n  /**\n   * @standalone\n   * The name of the event description input.\n   */\n  @Prop() name: string = 'description';\n  /**\n   * The selected event description state. This defaults to the event description from the configuration or an empty string.\n   */\n  @State() description: string = this.eventDescription || this.selectedConfiguration?.event_booking?.description || '';\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\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-event-description', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n    if (newValue?.event_booking?.description) {\n      this.description = newValue?.event_booking?.description;\n    }\n  }\n\n  /**\n   * Event emitted when the event description changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-event-description', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-description', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-description', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      this.description = this.eventDescription || '';\n    }\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-description', 'disconnectedCallback');\n  }\n\n  handleChange(event) {\n    const value = sanitize(event.target.value);\n    this.description = value;\n    this.internals.setFormValue(value, 'description');\n    this.valueChanged.emit({ value: value, name: this.name });\n  }\n\n  @RegisterComponent<NylasEventDescription, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-description',\n    stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-event-description\" part=\"nedesc\">\n          <label htmlFor=\"description\">\n            Event description\n            <span class=\"label-icon\">\n              <tooltip-component>\n                <info-icon slot=\"tooltip-icon\" />\n                <span slot=\"tooltip-content\">The event description appears in the Scheduler Editor’s manager view.</span>\n              </tooltip-component>\n            </span>\n          </label>\n          <textarea id=\"description\" part=\"nedesc__textarea\" name=\"description\" value={this.description} maxlength=\"8192\" onInput={e => this.handleChange(e)}></textarea>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/scheduler-editor/nylas-event-duration/nylas-event-duration.js

@@ -115,7 +115,7 @@ export class NylasEventDuration {
             { value: 1, label: 'minute' },
             { value: 60, label: 'hour' },
         ];
-        return (h(Host, { key: '3aeec3a1b528f5e1d6c0470122a31fd5e7470fa9' }, h("div", { key: '1c1efed9fdecbde574461154cc3b60f29bafe657', class: "nylas-event-duration", part: "ned" }, h("label", { key: 'cd8cb2b52038a897b03021e90b4ec335b2390db5', htmlFor: "duration" }, "Event duration", h("span", { key: '8a09d363737a793078e2c7a7f7764b28851569c9', class: "required" }, "*")), h("div", { key: '970ef2ffc2a7d718346e6654c99cc24b34e44ec9', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: 'bb614ca89f742a55e86d1cdf6a8a779f0631bb7f', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) }), this.durationIncrement && (h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement), withSearch: false }))))));
+        return (h(Host, { key: 'e63530398b7b2231436947da8c9e63c3c7bd696a' }, h("div", { key: '9ccca25a4322edaedafa53a2bd8ae2baf48b4f1e', class: "nylas-event-duration", part: "ned" }, h("label", { key: 'cd5562d2516c1f37eeb0b3e074493c671628ef4b', htmlFor: "duration" }, "Event duration", h("span", { key: 'ef36340fb220f380a9913ad5025e6600ce6e8f17', class: "required" }, "*")), h("div", { key: 'eddeda40d89ac770f20226605f3fedce00afe060', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: 'b087fff0f15cfcaf5c89c0566941aa45c8e89d54', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) }), this.durationIncrement && (h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement), withSearch: false }))))));
     }
     static get is() { return "nylas-event-duration"; }
     static get encapsulation() { return "shadow"; }
@@ -149,8 +149,11 @@ export class NylasEventDuration {
                 "required": false,
                 "optional": true,
                 "docs": {
-                    "tags": [],
-                    "text": "The selected config"
+                    "tags": [{
+                            "name": "standalone",
+                            "text": "The selected config"
+                        }],
+                    "text": ""
                 }
             },
             "name": {
@@ -164,8 +167,11 @@ export class NylasEventDuration {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "The name of the event duration. Default is 'duration'."
+                    "tags": [{
+                            "name": "standalone",
+                            "text": "The name of the event duration. Default is 'duration'."
+                        }],
+                    "text": ""
                 },
                 "attribute": "name",
                 "reflect": false,
@@ -182,8 +188,11 @@ export class NylasEventDuration {
                 "required": false,
                 "optional": true,
                 "docs": {
-                    "tags": [],
-                    "text": "The event duration in minutes as set in the configuration."
+                    "tags": [{
+                            "name": "standalone",
+                            "text": "The event duration in minutes as set in the configuration."
+                        }],
+                    "text": ""
                 },
                 "attribute": "event-duration-minutes",
                 "reflect": false

package/dist/collection/components/scheduler-editor/nylas-event-duration/nylas-event-duration.js.map

@@ -1 +1 @@
-{"version":3,"file":"nylas-event-duration.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-event-duration/nylas-event-duration.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Host, Listen, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration } from '@nylas/core';\n\n/**\n * The `nylas-event-duration` component is a form input for the duration of an event.\n *\n * @part ned - The event duration container\n * @part ned__dropdown - The dropdown container for the duration increment\n * @part ned__dropdown-button - The dropdown button for the duration increment\n * @part ned__dropdown-content - The dropdown content for the duration increment\n * @part ned__input_dropdown - The input dropdown container for the duration minutes\n * @part ned__input_dropdown-input - The input for the duration minutes\n * @part ned__input_dropdown-content - The dropdown content for the input duration minutes\n */\n@Component({\n  tag: 'nylas-event-duration',\n  styleUrl: 'nylas-event-duration.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventDuration {\n  /**\n   * The host element <nylas-event-duration>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * The name of the event duration. Default is 'duration'.\n   */\n  @Prop() name: string = 'duration';\n  /**\n   * The event duration in minutes as set in the configuration.\n   */\n  @Prop() eventDurationMinutes?: number;\n\n  /**\n   * The selected event duration state. This defaults to the event duration from the configuration or 30 minutes.\n   */\n  @State() duration: number = this.eventDurationMinutes ? (this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes) : 30;\n  /**\n   * The duration in minutes. This defaults to the event duration from the configuration or 30 minutes.\n   */\n  @State() durationMinutes!: number;\n  /**\n   * The duration increment. This defaults to minute(s).\n   */\n  @State() durationIncrement!: number;\n  /**\n   * The durationMinutesOptions for the dropdown.\n   */\n  @State() durationMinutesOptions = [\n    { value: 15, label: '15' },\n    { value: 30, label: '30' },\n    { value: 45, label: '45' },\n    { value: 60, label: '60' },\n  ];\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\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-event-duration', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newVal: Configuration) {\n    const configDuration = newVal?.availability?.duration_minutes;\n    if (configDuration) {\n      this.duration = configDuration >= 60 ? configDuration / 60 : configDuration;\n      this.durationMinutes = configDuration ? configDuration : 30;\n      this.durationIncrement = configDuration >= 60 ? 60 : 1;\n    }\n  }\n\n  @Watch('durationMinutes')\n  durationMinutesChangedHandler(newValue: number, oldValue: number) {\n    debug('nylas-event-duration', 'durationMinutesChangedHandler', newValue);\n    if (newValue === oldValue) {\n      return;\n    }\n    this.valueChanged.emit({ value: newValue.toString(), name: this.name });\n  }\n\n  /**\n   * Event emitted when the event duration changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-event-duration', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-duration', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n    this.setDurationMintueOptions();\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-duration', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    }\n    this.duration = this.duration ? this.duration : this.eventDurationMinutes ? (this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes) : 30;\n    this.durationMinutes = this.durationMinutes ? this.durationMinutes : this.duration ? this.duration : 30;\n    this.durationIncrement = this.durationIncrement ? this.durationIncrement : this.duration >= 60 ? 60 : 1;\n    this.internals.setFormValue(this.durationMinutes.toString(), 'duration');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-duration', 'disconnectedCallback');\n  }\n\n  setDurationMintueOptions() {\n    if (this.durationIncrement === 1) {\n      this.durationMinutesOptions = [\n        { value: 15, label: '15' },\n        { value: 30, label: '30' },\n        { value: 45, label: '45' },\n        { value: 60, label: '60' },\n      ];\n    } else {\n      this.durationMinutesOptions = Array.from({ length: 23 }, (_, i) => ({ value: i + 1, label: (i + 1).toString() }));\n    }\n    return this.durationMinutesOptions;\n  }\n\n  handleChange(event) {\n    this.duration = event.target.value;\n    this.durationMinutes = this.duration * this.durationIncrement;\n    this.internals.setFormValue(this.durationMinutes.toString(), this.name);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('nylas-calendar-picker', 'nylasFormDropdownChangedHandler', event.detail);\n    const { value } = event.detail;\n    this.durationIncrement = parseInt(value);\n    if (this.durationIncrement === 1) {\n      this.duration = 60;\n    } else {\n      this.duration = 1;\n    }\n    this.setDurationMintueOptions();\n    this.durationMinutes = this.duration * this.durationIncrement;\n    this.internals.setFormValue(this.durationMinutes.toString(), 'duration');\n  }\n\n  @Listen('inputOptionChanged')\n  inputOptionChangedHandler(event: CustomEvent<{ value: number; name: string }>) {\n    debug('nylas-calendar-picker', 'inputOptionChangedHandler', event.detail);\n    const { value } = event.detail;\n    this.duration = value;\n    this.durationMinutes = this.duration * this.durationIncrement;\n    this.internals.setFormValue(this.durationMinutes.toString(), this.name);\n  }\n\n  @RegisterComponent<NylasEventDuration, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-duration',\n    stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    const durationOptions = [\n      { value: 1, label: 'minute' },\n      { value: 60, label: 'hour' },\n    ];\n\n    return (\n      <Host>\n        <div class=\"nylas-event-duration\" part=\"ned\">\n          <label htmlFor=\"duration\">\n            Event duration<span class=\"required\">*</span>\n          </label>\n          <div class=\"nylas-event-duration__wrapper\">\n            <input-dropdown\n              name={'event-duration'}\n              options={this.durationMinutesOptions}\n              inputValue={this.duration.toString()}\n              exportparts=\"id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content\"\n              defaultInputOption={this.durationMinutesOptions.find(i => i.value == this.duration)}\n            />\n            {this.durationIncrement && (\n              <select-dropdown\n                name={'event-duration'}\n                options={durationOptions}\n                pluralizedLabel={this.duration > 1 ? 's' : ''}\n                exportparts=\"sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content\"\n                defaultSelectedOption={durationOptions.find(i => i.value == this.durationIncrement)}\n                withSearch={false}\n              />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"nylas-event-duration.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-event-duration/nylas-event-duration.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Host, Listen, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration } from '@nylas/core';\n\n/**\n * The `nylas-event-duration` component is a form input for the duration of an event.\n *\n * @part ned - The event duration container\n * @part ned__dropdown - The dropdown container for the duration increment\n * @part ned__dropdown-button - The dropdown button for the duration increment\n * @part ned__dropdown-content - The dropdown content for the duration increment\n * @part ned__input_dropdown - The input dropdown container for the duration minutes\n * @part ned__input_dropdown-input - The input for the duration minutes\n * @part ned__input_dropdown-content - The dropdown content for the input duration minutes\n */\n@Component({\n  tag: 'nylas-event-duration',\n  styleUrl: 'nylas-event-duration.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventDuration {\n  /**\n   * The host element <nylas-event-duration>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The name of the event duration. Default is 'duration'.\n   */\n  @Prop() name: string = 'duration';\n  /**\n   * @standalone\n   * The event duration in minutes as set in the configuration.\n   */\n  @Prop() eventDurationMinutes?: number;\n\n  /**\n   * The selected event duration state. This defaults to the event duration from the configuration or 30 minutes.\n   */\n  @State() duration: number = this.eventDurationMinutes ? (this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes) : 30;\n  /**\n   * The duration in minutes. This defaults to the event duration from the configuration or 30 minutes.\n   */\n  @State() durationMinutes!: number;\n  /**\n   * The duration increment. This defaults to minute(s).\n   */\n  @State() durationIncrement!: number;\n  /**\n   * The durationMinutesOptions for the dropdown.\n   */\n  @State() durationMinutesOptions = [\n    { value: 15, label: '15' },\n    { value: 30, label: '30' },\n    { value: 45, label: '45' },\n    { value: 60, label: '60' },\n  ];\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\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-event-duration', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newVal: Configuration) {\n    const configDuration = newVal?.availability?.duration_minutes;\n    if (configDuration) {\n      this.duration = configDuration >= 60 ? configDuration / 60 : configDuration;\n      this.durationMinutes = configDuration ? configDuration : 30;\n      this.durationIncrement = configDuration >= 60 ? 60 : 1;\n    }\n  }\n\n  @Watch('durationMinutes')\n  durationMinutesChangedHandler(newValue: number, oldValue: number) {\n    debug('nylas-event-duration', 'durationMinutesChangedHandler', newValue);\n    if (newValue === oldValue) {\n      return;\n    }\n    this.valueChanged.emit({ value: newValue.toString(), name: this.name });\n  }\n\n  /**\n   * Event emitted when the event duration changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-event-duration', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-duration', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n    this.setDurationMintueOptions();\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-duration', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    }\n    this.duration = this.duration ? this.duration : this.eventDurationMinutes ? (this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes) : 30;\n    this.durationMinutes = this.durationMinutes ? this.durationMinutes : this.duration ? this.duration : 30;\n    this.durationIncrement = this.durationIncrement ? this.durationIncrement : this.duration >= 60 ? 60 : 1;\n    this.internals.setFormValue(this.durationMinutes.toString(), 'duration');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-duration', 'disconnectedCallback');\n  }\n\n  setDurationMintueOptions() {\n    if (this.durationIncrement === 1) {\n      this.durationMinutesOptions = [\n        { value: 15, label: '15' },\n        { value: 30, label: '30' },\n        { value: 45, label: '45' },\n        { value: 60, label: '60' },\n      ];\n    } else {\n      this.durationMinutesOptions = Array.from({ length: 23 }, (_, i) => ({ value: i + 1, label: (i + 1).toString() }));\n    }\n    return this.durationMinutesOptions;\n  }\n\n  handleChange(event) {\n    this.duration = event.target.value;\n    this.durationMinutes = this.duration * this.durationIncrement;\n    this.internals.setFormValue(this.durationMinutes.toString(), this.name);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('nylas-calendar-picker', 'nylasFormDropdownChangedHandler', event.detail);\n    const { value } = event.detail;\n    this.durationIncrement = parseInt(value);\n    if (this.durationIncrement === 1) {\n      this.duration = 60;\n    } else {\n      this.duration = 1;\n    }\n    this.setDurationMintueOptions();\n    this.durationMinutes = this.duration * this.durationIncrement;\n    this.internals.setFormValue(this.durationMinutes.toString(), 'duration');\n  }\n\n  @Listen('inputOptionChanged')\n  inputOptionChangedHandler(event: CustomEvent<{ value: number; name: string }>) {\n    debug('nylas-calendar-picker', 'inputOptionChangedHandler', event.detail);\n    const { value } = event.detail;\n    this.duration = value;\n    this.durationMinutes = this.duration * this.durationIncrement;\n    this.internals.setFormValue(this.durationMinutes.toString(), this.name);\n  }\n\n  @RegisterComponent<NylasEventDuration, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-duration',\n    stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    const durationOptions = [\n      { value: 1, label: 'minute' },\n      { value: 60, label: 'hour' },\n    ];\n\n    return (\n      <Host>\n        <div class=\"nylas-event-duration\" part=\"ned\">\n          <label htmlFor=\"duration\">\n            Event duration<span class=\"required\">*</span>\n          </label>\n          <div class=\"nylas-event-duration__wrapper\">\n            <input-dropdown\n              name={'event-duration'}\n              options={this.durationMinutesOptions}\n              inputValue={this.duration.toString()}\n              exportparts=\"id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content\"\n              defaultInputOption={this.durationMinutesOptions.find(i => i.value == this.duration)}\n            />\n            {this.durationIncrement && (\n              <select-dropdown\n                name={'event-duration'}\n                options={durationOptions}\n                pluralizedLabel={this.duration > 1 ? 's' : ''}\n                exportparts=\"sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content\"\n                defaultSelectedOption={durationOptions.find(i => i.value == this.durationIncrement)}\n                withSearch={false}\n              />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/scheduler-editor/nylas-event-info/nylas-event-info.js

@@ -30,7 +30,7 @@ export class NylasEventInfo {
         debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: 'dc82e6a261c9515aa2dedd61467e0623f9f419fb' }, h("nylas-form-card", { key: 'b3f4473a4a4dfb29df9b31a1d606805c277cd283', exportparts: "nfc__header: nei__header" }, h("h1", { key: '4bc5e24bf0ee20b7e080cc7fd819bcc0acf05003', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), h("div", { key: 'be7927569d4e5d0abf462f5a7461ac5270956b99', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: 'f02a64031f7a344928d81743628c07448fe7561f', name: "inputs" })))));
+        return (h(Host, { key: 'fb4a8dd875696bc6a4e951f2649a2ab650558489' }, h("nylas-form-card", { key: '193b25acb1374842946ff938755fe8fed7a6d4b9', exportparts: "nfc__header: nei__header" }, h("h1", { key: 'c405c5de0b2eafa15136d10f10de13a158595298', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), h("div", { key: 'a49993db49876dfdebd6dbe412d759ce1d38028e', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: 'dc4595988a0b6824f328896c1ea507b96e61e4a8', name: "inputs" })))));
     }
     static get is() { return "nylas-event-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-limits/nylas-event-limits.js

@@ -30,7 +30,7 @@ export class NylasEventLimits {
         debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '519286fc0ed67cc0de7e780957e285c34849d89a' }, h("nylas-form-card", { key: '71b2bf98ab68f54e45de482c6f6e01bed7b8d5a6', exportparts: "nfc__header: nel__header" }, h("h1", { key: '5e44cbcf5f9ea2a3e7d6c66321717e8d00e5f83b', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), h("div", { key: '246e33890f149cd6530ac6b944a0ca70a731b696', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: 'c614cec4d14660c1167336bdd686b2f31bd74119', name: "inputs" })))));
+        return (h(Host, { key: '8715c9aeba26e6f4c151b0ab58333cc13d3500d3' }, h("nylas-form-card", { key: '2e2bf90762d35ac9fc4a995808b9aa3e4481d6c0', exportparts: "nfc__header: nel__header" }, h("h1", { key: 'b3689912282e3215d862ca06c75fae95b67e501f', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), h("div", { key: 'bd5513f8c0cc573f14afeadfafe591b64b904920', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: '86ebfd856f0c93d3ad98d800d4ce9e1a8daf2516', name: "inputs" })))));
     }
     static get is() { return "nylas-event-limits"; }
     static get encapsulation() { return "shadow"; }