@nylas/web-elements 0.0.0-test-20250318204811 → 0.0.0-test-20250319204140
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +7 -7
- package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +3 -3
- package/dist/cjs/calendar-agenda-fill-icon_36.cjs.entry.js +1 -1
- package/dist/cjs/calendar-agenda-fill-icon_36.cjs.entry.js.map +1 -1
- package/dist/cjs/checkmark-icon_15.cjs.entry.js +1 -1
- package/dist/cjs/checkmark-icon_15.cjs.entry.js.map +1 -1
- package/dist/cjs/google-logo-icon_6.cjs.entry.js +4 -4
- package/dist/cjs/input-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/input-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-event-calendar_3.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-provider.cjs.entry.js +1 -1
- package/dist/cjs/nylas-scheduling.cjs.entry.js +3 -3
- package/dist/cjs/{scheduler-store-599282e9.js → scheduler-store-c1fc5cf3.js} +2 -2
- package/dist/cjs/{scheduler-store-599282e9.js.map → scheduler-store-c1fc5cf3.js.map} +1 -1
- package/dist/collection/components/design-system/input-dropdown/input-dropdown.css +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-calendar/nylas-event-calendar.js +2 -2
- package/dist/collection/components/scheduler-editor/nylas-event-calendar/nylas-event-calendar.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-duration/nylas-event-duration.css +1 -3
- package/dist/collection/components/scheduler-editor/nylas-reminder-time/nylas-reminder-time.css +1 -3
- package/dist/components/input-dropdown2.js +1 -1
- package/dist/components/input-dropdown2.js.map +1 -1
- package/dist/components/nylas-editor-tabs-group2.js +2 -2
- package/dist/components/nylas-editor-tabs2.js +2 -2
- package/dist/components/nylas-event-calendar2.js.map +1 -1
- package/dist/components/nylas-event-duration2.js +1 -1
- package/dist/components/nylas-event-duration2.js.map +1 -1
- package/dist/components/nylas-reminder-time2.js +1 -1
- package/dist/components/nylas-reminder-time2.js.map +1 -1
- package/dist/components/nylas-scheduling.js +2 -2
- package/dist/components/scheduler-store.js +1 -1
- package/dist/esm/calendar-agenda-fill-icon_36.entry.js +1 -1
- package/dist/esm/calendar-agenda-fill-icon_36.entry.js.map +1 -1
- package/dist/esm/checkmark-icon_15.entry.js +1 -1
- package/dist/esm/checkmark-icon_15.entry.js.map +1 -1
- package/dist/esm/google-logo-icon_6.entry.js +4 -4
- package/dist/esm/input-dropdown_2.entry.js +1 -1
- package/dist/esm/input-dropdown_2.entry.js.map +1 -1
- package/dist/esm/nylas-event-calendar_3.entry.js.map +1 -1
- package/dist/esm/nylas-provider.entry.js +1 -1
- package/dist/esm/nylas-scheduling.entry.js +3 -3
- package/dist/esm/{scheduler-store-59b3f29b.js → scheduler-store-bbb4cf8d.js} +2 -2
- package/dist/esm/{scheduler-store-59b3f29b.js.map → scheduler-store-bbb4cf8d.js.map} +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
- package/dist/nylas-web-elements/{p-a6fbfec1.entry.js → p-14569ed8.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-40e57350.entry.js → p-463d9c42.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-40e57350.entry.js.map → p-463d9c42.entry.js.map} +1 -1
- package/dist/nylas-web-elements/p-4e20f21a.entry.js.map +1 -1
- package/dist/nylas-web-elements/{p-4130014c.entry.js → p-74dfe60e.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-4130014c.entry.js.map → p-74dfe60e.entry.js.map} +1 -1
- package/dist/nylas-web-elements/{p-ef506ab3.entry.js → p-91bc630c.entry.js} +2 -2
- package/dist/nylas-web-elements/p-c3cfe486.entry.js +2 -0
- package/dist/nylas-web-elements/p-c3cfe486.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-790c6070.js → p-f0c25e38.js} +2 -2
- package/dist/nylas-web-elements/{p-8841358d.entry.js → p-f7ea608d.entry.js} +2 -2
- package/dist/types/components/scheduler-editor/nylas-event-calendar/nylas-event-calendar.d.ts +1 -2
- package/package.json +3 -3
- package/dist/nylas-web-elements/p-f99b677f.entry.js +0 -2
- package/dist/nylas-web-elements/p-f99b677f.entry.js.map +0 -1
- /package/dist/nylas-web-elements/{p-a6fbfec1.entry.js.map → p-14569ed8.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-ef506ab3.entry.js.map → p-91bc630c.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-790c6070.js.map → p-f0c25e38.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-8841358d.entry.js.map → p-f7ea608d.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,F as n,c as a,H as s,a as o}from"./p-6f5a3998.js";import{R as i}from"./p-ed38b38a.js";import{a as r,i as l,m as c,k as d,c as b}from"./p-77e4b56c.js";import{D as p,e as u,C as f,c as h}from"./p-6c2ba972.js";import{i as y,a as g,c as m,b as _,f as v}from"./p-64bc2c6f.js";import"./p-c79dcb59.js";const w=".sc-google-logo-icon-h{display:flex}";const x=w;const k=class{constructor(t){e(this,t);this.width="24";this.height="24"}render(){return t("svg",{key:"6a2c621ba5bde80fe3adc8427ad0d94df265a2fc",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"87acb19eeb19382c6063360f92c7554039ad2c87","clip-path":"url(#clip0_959_12452)"},t("path",{key:"3d6abcc6b7755164cd3037df0529793becefce72",d:"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z",fill:"#4285F4"}),t("path",{key:"b7961a5e8c0e93b3d8996cf40b845d7741335229",d:"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z",fill:"#34A853"}),t("path",{key:"32a135d689dc72b3a0fc597dea20f88290c1f6ae",d:"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z",fill:"#FBBC05"}),t("path",{key:"74518d77b48b593df3085f600d38b99abfe368bb",d:"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z",fill:"#EA4335"})),t("defs",{key:"0c69b9fad17f8891565bdb5162822cd3c44f6ca0"},t("clipPath",{key:"3c645b8c42436ad0664b38ce08b42404f4fa541b",id:"clip0_959_12452"},t("rect",{key:"f6f7b93e206bce48be1739a1b8ae8bc2e8242357",width:24,height:24,fill:"white"}))))}};k.style=x;const C=".sc-microsoft-logo-icon-h{display:flex}";const T=C;const S=class{constructor(t){e(this,t);this.width="22";this.height="22"}render(){return t("svg",{key:"43e12d49816520a670de91afdb1cfd1136ba6a8e",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"08c5a9b3a6d34bf5900e6149bf0f732e8fb1f51f",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),t("path",{key:"ae3d52d82f9727d53a675d17c76eaf82c3d545ac",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),t("path",{key:"b42837c53c4c0bfc7bbf5676bc82c83e1f3af391",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),t("path",{key:"eec316af4193848e15630e680e357e4c313c6b6c",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};S.style=T;var E;(function(e){e["EventInfo"]="eventInfo";e["Availability"]="availability";e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["Participants"]="participants";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles"})(E||(E={}));function H({id:e,formState:a,activeTab:s},o){return t(n,null,t("div",{key:`event-info-${e}`,class:{hide:s!==E.EventInfo}},t("nylas-event-info",null,t("div",{slot:"inputs"},t("nylas-event-title",{name:"title",exportparts:"net, net__title, net__dropdown-content"}),t("nylas-event-duration",{name:"duration",exportparts:"ned, ned__error, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content"}),t("nylas-event-location",{name:"location",exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),t("nylas-event-description",{name:"description",exportparts:"nedesc, nedesc__textarea"})))),t("div",{key:`availability-${e}`,class:{hide:s!==E.Availability}},t("nylas-participant-booking-calendars",{participants:a.participants,name:"participant-booking-calendars",exportparts:"npbc, npbc__header, npbc__content, npbc__participant-container, npbc__participant-title"}),t("nylas-connected-calendars",{participants:a.participants,name:"connected-calendars",exportparts:"nccals, nccals__header, nccals__content, nccals__container, nccals__title, nccals__toggle-container, npbc__participant-toggle-container"}),t("nylas-availability-picker",{name:"availability",exportparts:"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"})),t("div",{key:`booking-options-${e}`,class:{hide:s!==E.BookingOptions}},t("nylas-scheduling-method",{name:"availability-method",readOnly:true,exportparts:"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content"}),t("nylas-custom-booking-flow",{exportparts:"ncbflow, ncbflow__header, ncbflow__title, ncbflow__content"},t("div",{slot:"inputs"},t("nylas-booking-confirmation-type",{name:"confirmation-type",exportparts:"nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content"}),t("nylas-booking-confirmation-redirect",{name:"confirmation-redirect",exportparts:"nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield"}))),t("nylas-buffer-time",{name:"buffer-time",exportparts:"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"}),t("nylas-event-limits",null,t("div",{slot:"inputs"},t("nylas-min-booking-notice",{name:"min-booking-notice",exportparts:"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content"}),t("nylas-limit-future-bookings",{name:"limit-future-bookings",exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),t("nylas-min-cancellation-notice",{name:"min-cancellation-notice",exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}),t("nylas-cancellation-policy",{name:"cancellation-policy",exportparts:"ncpolicy, ncpolicy__textarea"}))),t("nylas-timeslot-interval",{name:"timeslot-interval",exportparts:"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content"}),t("nylas-customize-booking-settings",{name:"customize-booking-settings",exportparts:"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options"})),t("div",{key:`communications-${e}`,class:{hide:s!==E.Communications}},t("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!a?.disableEmails&&t(n,null,t("nylas-confirmation-email",{name:"confirmation-email-template",exportparts:"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"}),t("nylas-reminder-emails",{name:"reminder-overrides",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"}))),t("div",{key:`participants-${e}`,class:{hide:s!==E.Participants}},t("nylas-additional-participants",{name:"participants",exportparts:"nadtnlpart, nadtnlpart__title, nadtnlpart__subtitle, nadtnlpart__content, nadtnlpart__input_group, nadtnlpart__input_wrapper, nadtnlpart__input, nadtnlpart__remove-participant"}),t("nylas-participants-custom-availability",{participants:a.participants,name:"participant-custom-availability",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"})),t("div",{key:`page-styles-${e}`,class:{hide:s!==E.PageStyles}},t("nylas-custom-event-slug",{name:"custom-event-slug",exportparts:"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield"}),t("nylas-page-name",{name:"page-name",exportparts:"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield"}),t("nylas-page-styling",{name:"page-styling",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"},o)),t("div",{key:`booking-form-${e}`,class:{hide:s!==E.BookingForm}},t("nylas-booking-form-config",{name:"additional-fields",exportparts:"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__static_fields, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const L='.sc-nylas-editor-tabs-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column;height:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:calc(100% - 80px);display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{display:table-column-group;height:auto}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs{display:flex;align-items:center;text-align:left;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.active.sc-nylas-editor-tabs{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs{width:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs h3.sc-nylas-editor-tabs{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{margin:0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.footer.sc-nylas-editor-tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .preview.sc-nylas-editor-tabs{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{max-width:524px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.unsaved-changes.sc-nylas-editor-tabs{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.saved-changes.sc-nylas-editor-tabs{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error.sc-nylas-editor-tabs{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error-full-width.sc-nylas-editor-tabs{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.sc-nylas-editor-tabs{width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs span.sc-nylas-editor-tabs{display:flex;align-items:center;justify-content:center;gap:0.5rem}button-component#report-issue.sc-nylas-editor-tabs{width:auto}nylas-feedback-form.sc-nylas-editor-tabs{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}';const z=L;var F=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var O=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const P=class{constructor(t){e(this,t);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=a(this,"schedulerConfigCreated",7);this.cancelButtonClick=a(this,"cancelButtonClick",7);this.formSubmitted=a(this,"formSubmitted",7);this.previewButtonClicked=a(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=a(this,"schedulerEditorFormUpdated",7);this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();r("[nylas-editor-tabs]","formSubmissionHandler",t);const n=this.formRef.checkValidity();if(!n||t.defaultPrevented){this.error=this.formRef.validationMessage||l.t("fixFormErrors");return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();r("[nylas-editor-tabs]","formState",a);const{title:s,description:o,duration:i,availability:d,bookingCalendar:b,location:u,bookingType:h,buffer:y,availableDaysInFuture:g,minCancellationNotice:m,minBookingNotice:_,cancellationPolicy:v,timeslotInterval:w,additionalGuestsHidden:x,hideCancellationOptions:k,hideReschedulingOptions:C,participants:T,participantOpenHours:S,additionalFields:E,participantCalendars:H,conferencing:L,participantBookingCalendars:z,reminders:F,emailTemplate:O,redirectUrl:P,availabilityMethod:j,slug:B,appearance:N,name:R,disableEmails:I}=a;const $=this.selectedConfiguration?.participants?.find((e=>e.is_organizer))||T?.find((e=>e.is_organizer));const M=H&&$?.email?H[$?.email]:[];const D=$?.booking?.calendar_id||b;const U=i?parseInt(i):30;const J=T&&T?.length>0?T:[{name:$?.name??this.currentUser?.name??"",email:$?.email??this.currentUser?.email??"",is_organizer:true,timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:b&&b!==""?[b]:["primary"],open_hours:[]},booking:{calendar_id:b&&b!==""?b:"primary"}}];let G=j?j:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective";if(this.selectedEventType&&this.selectedEventType!==f.group){G=this.selectedEventType===f.one_on_one?f.collective:this.selectedEventType}console.log("availabilityMethodSelected",G);const V={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:B,name:R,availability:{duration_minutes:U,interval_minutes:w?.interval??U,round_to:w?.roundTo,availability_rules:{availability_method:G,buffer:y||{before:0,after:0},default_open_hours:d?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??p,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...J?J.map((e=>{let t=d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone;if(S?.[e.email]?.length){t=S?.[e.email]?.[0]?.timezone}if(e.is_organizer){const n=z?.[e.email]?z?.[e.email]:D?D:"primary";const a=H?.[e.email]?H?.[e.email]:M?.length?M:["primary"];const s=a.length===1&&a[0]==="primary";return{name:e.name??"",email:e.email,is_organizer:true,timezone:t,availability:{calendar_ids:s?[n]:a,open_hours:S?.[e.email]??e.availability?.open_hours??[]},booking:{calendar_id:n}}}const n=z?.[e.email]?{calendar_id:z?.[e.email]}:e?.booking??undefined;const a=H?.[e.email]??e.availability?.calendar_ids??["primary"];const s=a.length===1&&a[0]==="primary";return{...e,timezone:t,availability:e.availability?{calendar_ids:s&&typeof n!=="undefined"?[n?.calendar_id]:a,open_hours:S?.[e.email]??e.availability?.open_hours??[]}:undefined,booking:n}})):[]],event_booking:{title:s?.toString()??"",description:o?.toString()??"",location:u?.toString()??"",booking_type:h?.toString()??"booking",timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:L,reminders:F,disable_emails:typeof I==="boolean"?I:false},scheduler:{cancellation_policy:v??"",available_days_in_future:g??30,min_cancellation_notice:m??0,min_booking_notice:_??60,hide_additional_guests:x??false,hide_cancellation_options:k??false,hide_rescheduling_options:C??false,additional_fields:E,email_template:O,confirmation_redirect_url:P},appearance:N};const A=c(this.selectedConfiguration,V||{});const W=this.action==="create"?A:V;if(this.isConfigRoundRobin(W)){W.participants=W.participants.map((e=>({...e,is_organizer:undefined})))}const Z=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const q=this.checkForBookingFormErrors(W);const K=this.configurations?.find((e=>e.id===this.selectedConfiguration?.id))||{};const Q=this.checkForOrganizerConfirmationError(c(W,K));if(q||Q){return}this.schedulerConfigChanged.emit({config:W,resetLoadingState:Z,action:this.action,host:this.host})};this.isConfigRoundRobin=e=>e?.availability?.availability_rules?.availability_method==="max-availability"||e.availability?.availability_rules?.availability_method==="max-fairness";this.checkForOrganizerConfirmationError=e=>{let t=false;let n="";const a=e.event_booking?.booking_type==="organizer-confirmation";const s=e.scheduler?.organizer_confirmation_url;if(a&&!s){n+="Organizer confirmation URL is required when using organizer confirmation booking type.";t=true}if(t){this.isLoading=false;this.host.setError(new Error(n))}return t};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n=l.t("nylasEditorTabs.bookingFormError");Object.entries(a).forEach((e=>{const a=e[1];if(a.label===""){n+=l.t("nylasEditorTabs.bookingFormError_label",{type:a.type});t=true;return}if(a.options){for(const e of a.options){if(e.trim()===""){n+=l.t("nylasEditorTabs.bookingFormError_option",{label:a.label,type:a.type});t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError(new Error(n))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=E.EventInfo;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(e){r("[nylas-editor-tabs]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}userChangedHandler(e){r("[nylas-editor-tabs]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e);if(this.error){this.error=l.t("fixFormErrors")}}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}connectedCallback(){r("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){r("[nylas-editor-tabs]","componentDidLoad");if(this.enableUserFeedback&&!y()){g({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.3.6",integrations:e=>[...e.filter((e=>false)),v({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const e=this.host.querySelector("button.tab:not(.hide)")?.name;if(e){this.activeTab=e}}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.log("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};this.error="";if(u.includes(t)){this.hasUnsavedChanges=true}this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=m("Scheduler Editor User Feedback",{extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}});const n={eventId:t,message:e.detail.feedback};_(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.3.6","nylas-config-id":this.selectedConfiguration?.id,"nylas-slug":this.selectedConfiguration?.slug,"host-url":window.location.href},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}getFormStateFromConfig(e){let t=e?.participants?.find((e=>e.is_organizer));if(!t&&e?.availability?.availability_rules?.availability_method!=="collective"){t=e?.participants?.find((e=>e.email===this.currentUser?.email));if(t){t.is_organizer=true}}if(e?.appearance){console.info("Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired.")}return{title:e?.event_booking?.title??"",description:e?.event_booking?.description??"",duration:e?.availability?.duration_minutes?.toString()??"30",availability:{timezone:e?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:e?.availability?.availability_rules?.default_open_hours??p},additionalFields:e?.scheduler?.additional_fields??{},conferencing:e?.event_booking?.conferencing??{},calendarIds:t?.availability?.calendar_ids??[],participants:e?.participants??[],bookingCalendar:t?.booking?.calendar_id??t?.email??"",location:e?.event_booking?.location??"",bookingType:e?.event_booking?.booking_type??"booking",buffer:e?.availability?.availability_rules?.buffer??{before:0,after:0},cancellationPolicy:e?.scheduler?.cancellation_policy??"",availableDaysInFuture:e?.scheduler?.available_days_in_future??30,minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,minBookingNotice:e?.scheduler?.min_booking_notice??60,timeslotInterval:{interval:e?.availability?.interval_minutes??e?.availability?.duration_minutes,roundTo:e?.availability?.round_to},additionalGuestsHidden:e?.scheduler?.hide_additional_guests??false,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,participantBookingCalendars:e?.participants?.reduce(((e,t)=>{if(t.booking?.calendar_id){e[t.email]=t.booking?.calendar_id}return e}))??{},participantCalendars:e?.participants?.reduce(((e,t)=>{e[t.email]=t.availability?.calendar_ids;return e}),{})??{},reminders:e?.event_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,disableEmails:e?.event_booking?.disable_emails}}setFormState(e,t){switch(t){case"title":this.formState.title=e.toString();break;case"description":this.formState.description=e.toString();break;case"duration":this.formState.duration=e.toString();break;case"availability":this.formState.availability=JSON.parse(e.toString());break;case"participants":this.formState.participants=JSON.parse(e.toString());break;case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"participant-booking-calendars":this.formState.participantBookingCalendars=JSON.parse(e.toString());break;case"location":this.formState.location=e.toString();break;case"conference":this.formState.conferencing=JSON.parse(e.toString());break;case"confirmation-type":this.formState.bookingType=e.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(e.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(e.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(e.toString());break;case"min-booking-notice":this.formState.minBookingNotice=parseInt(e.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=e.toString();break;case"timeslot-interval":this.formState.timeslotInterval=JSON.parse(e.toString());break;case"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.additionalGuestsHidden=t.additionalGuestsHidden;this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"participant-custom-availability":{const t=JSON.parse(e.toString());this.formState.participantOpenHours=t;break}case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"connected-calendars":this.formState.participantCalendars=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"disable-emails":this.formState.disableEmails=JSON.parse(e.toString());break;case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"availability-method":this.formState.availabilityMethod=e.toString();break;case"custom-event-slug":console.debug("custom-event-slug",e);this.formState.slug=JSON.parse(e.toString());break;case"page-styling":this.formState.appearance=JSON.parse(e.toString());break;case"page-name":this.formState.name=JSON.parse(e.toString());break}this.schedulerEditorFormUpdated.emit({value:e,name:t})}updateFormState(){const e=new FormData(this.formRef);e.forEach(((e,t)=>{this.setFormState(e,t)}));this.formState={...this.formState};return this.formState}setActiveTab(e,t){e.preventDefault();this.updateFormState();this.activeTab=t}hideTab(e){return this.hideEditorTabs?.includes(e)||false}onFeedbackClick(e){e.preventDefault();this.showFeedbackModal=true}render(){r("[nylas-editor-tabs]","render",this.formState);return t(s,{key:"e95f2bd5f97b5d577952da0b5702d7a1a54a568c"},t("form",{key:"73a6e5fc488f80fd36eef19dc9708d62d701fc3d",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?t("div",{class:"form-contents",part:"editor__form-contents net__form-contents"},t("div",{class:"tabs",part:"editor__tabs net__tabs"},t("button",{name:E.EventInfo,class:{tab:true,active:this.activeTab==E.EventInfo,hide:this.hideTab(E.EventInfo)},part:"editortab__event-info net__tab-event-info",onClick:e=>this.setActiveTab(e,E.EventInfo)},t("calendar-info-icon",{width:"16",height:"16"}),l.t("eventInfoTab")),t("button",{name:E.Availability,class:{tab:true,active:this.activeTab==E.Availability,hide:this.hideTab(E.Availability)},part:"editortab__availability net__tab-availability",onClick:e=>this.setActiveTab(e,E.Availability)},t("calendar-patterns-icon",{width:"16",height:"16"}),l.t("availabilityTab")),t("button",{name:E.Participants,class:{tab:true,active:this.activeTab==E.Participants,hide:this.hideTab(E.Participants)},part:"editortab__participants net__tab-participants",onClick:e=>this.setActiveTab(e,E.Participants)},t("people-icon",{width:"16",height:"16"}),l.t("participantsTab")),t("button",{name:E.BookingOptions,class:{tab:true,active:this.activeTab==E.BookingOptions,hide:this.hideTab(E.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,E.BookingOptions)},t("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),t("button",{name:E.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(E.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,E.BookingForm)},this.activeTab==E.BookingForm?t("calendar-agenda-fill-icon",{width:"16",height:"16"}):t("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),t("button",{name:E.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(E.Communications)},onClick:e=>this.setActiveTab(e,E.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==E.Communications?t("envelope-fill-icon",{width:"16",height:"16"}):t("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),t("button",{name:E.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(E.PageStyles)},onClick:e=>this.setActiveTab(e,E.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==E.PageStyles?t("paintbrush-fill-icon",{width:"16",height:"16"}):t("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),t("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},t(H,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new",i18next:l}))):t("div",{class:"composable",key:this.selectedConfiguration?.id},t("slot",null)),t("div",{key:"751c322048b878002cbbe7f39dd899d1e505efc9",class:"footer",part:"editor__footer net__footer"},t("div",{key:"71f44ae411409a94ded7a9d5414bf7855b07d528",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&t("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},t("feedback-icon",null))),t("div",{key:"efdb7492b0bbc309550e79af2a9ac616c3cbb2d3",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},t("p",{key:"458f75a80780339f7e6cc51fd43fd44936866714",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),this.schedulerPreviewLink!==""&&this.action==="edit"&&t("button-component",{title:"Preview",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();const t=this.previewButtonClicked.emit(this.host);if(!t.defaultPrevented){window.open(d(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},t("eye-icon",null)),t("button-component",{key:"ccd64c6bc03139fe2f0b1a2f4409f34fd6ae1115",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),t("button-component",{key:"1611922427370603133e91748d625f9367f7c069",type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},this.isLoading?t("span",null,l.t("savingButtonText"),t("loading-icon",null)," "):this.action==="create"?`${l.t("createButtonText")}`:`${l.t("saveChangesButtonText")}`)))),this.showFeedbackModal&&t("nylas-feedback-form",null))}get host(){return o(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};F([i({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:o}=e.detail;const i=o=>{const[i,r]=o;if(!i&&r){a.setError(r)}else if(i&&!r&&s==="create"){a.schedulerConfigCreatedEventHandler({config:i,action:s,host:a});t.schedulerConfigStore.set("selectedEventType",undefined)}if(n){n(e)}};if(s==="edit"){const e=await t.schedulerConfig.updateConfiguration(o);i(e)}else{const e=await t.schedulerConfig.createConfiguration(o);i(e)}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined)},previewButtonClicked:async(e,t)=>{r("[nylas-editor-tabs]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{r("[nylas-editor-tabs]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerConfigCreated",e)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),O("design:type",Function),O("design:paramtypes",[]),O("design:returntype",void 0)],P.prototype,"render",null);P.style=z;var j;(function(e){e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles";e["CalendarView"]="calendarView"})(j||(j={}));function B({id:e,activeTab:a,i18next:s},o){return t(n,null,a===j.CalendarView&&t("div",{key:`calendar-view-${e}`,class:{hide:a!==j.CalendarView,"calendar-view":true}},t("nylas-event-calendar",null)),t("div",{key:`booking-options-${e}`,class:{hide:a!==j.BookingOptions}},t("nylas-scheduling-method",{name:"availability-method",readOnly:true,exportparts:"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content"}),t("nylas-event-limits",null,t("div",{slot:"inputs"},t("nylas-min-cancellation-notice",{name:"min-cancellation-notice",exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}),t("nylas-cancellation-policy",{name:"cancellation-policy",exportparts:"ncpolicy, ncpolicy__textarea"}))),t("nylas-customize-booking-settings",{name:"customize-booking-settings",exportparts:"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options"})),t("div",{key:`communications-${e}`,class:{hide:a!==j.Communications}},t("div",{class:"tab-header"},t("h3",null,s.t("eventCommunicationsTitle")),t("p",null,s.t("eventCommunicationsDescription"))),t("nylas-confirmation-email",{name:"confirmation-email-template",exportparts:"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"}),t("nylas-reminder-emails",{name:"reminder-overrides",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"})),t("div",{key:`page-styles-${e}`,class:{hide:a!==j.PageStyles}},t("nylas-custom-event-slug",{name:"custom-event-slug",exportparts:"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield"}),t("nylas-page-name",{name:"page-name",exportparts:"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield"}),t("nylas-page-styling",{name:"page-styling",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"},o)),t("div",{key:`booking-form-${e}`,class:{hide:a!==j.BookingForm}},t("nylas-booking-form-config",{name:"additional-fields",exportparts:"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__static_fields, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const N='.sc-nylas-editor-tabs-group-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.scheduler-editor.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;height:inherit;position:relative}.scheduler-editor.sc-nylas-editor-tabs-group div.return-to-calendar-view.sc-nylas-editor-tabs-group{display:flex;border-bottom:1px solid var(--nylas-base-200)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:grid;grid-template-columns:minmax(224px, 25%) 1fr;height:auto;overflow-y:auto;min-height:calc(100% - 80px - 48px)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:table-column-group;height:auto;min-height:calc(100% - 80px - 196px - 48px)}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group{display:flex;align-items:center;text-align:left;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.active.sc-nylas-editor-tabs-group{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.hide.sc-nylas-editor-tabs-group{display:none}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .hide.sc-nylas-editor-tabs-group{display:none}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .calendar-view.sc-nylas-editor-tabs-group{position:absolute;top:0;left:0;height:calc(100% - 80px);width:-webkit-fill-available;background:var(--nylas-base-0)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group{width:inherit}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group h3.sc-nylas-editor-tabs-group{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{margin:0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.footer.sc-nylas-editor-tabs-group{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group{flex-direction:column;height:auto;z-index:2}}.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{width:100%}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group button-component[title=Preview].sc-nylas-editor-tabs-group{width:48px}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{max-width:524px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.unsaved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.saved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error.sc-nylas-editor-tabs-group{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error-full-width.sc-nylas-editor-tabs-group{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button-component.sc-nylas-editor-tabs-group{width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group span.sc-nylas-editor-tabs-group{display:flex;align-items:center;justify-content:center;gap:0.5rem}button-component#report-issue.sc-nylas-editor-tabs-group{width:auto}nylas-feedback-form.sc-nylas-editor-tabs-group{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}';const R=N;var I=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var $=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const M=class{constructor(t){e(this,t);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=a(this,"schedulerConfigCreated",7);this.cancelButtonClick=a(this,"cancelButtonClick",7);this.formSubmitted=a(this,"formSubmitted",7);this.previewButtonClicked=a(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=a(this,"schedulerEditorFormUpdated",7);this.groupEventCreateTriggered=a(this,"groupEventCreateTriggered",7);this.groupEventUpdateTriggered=a(this,"groupEventUpdateTriggered",7);this.groupEventDeleteTriggered=a(this,"groupEventDeleteTriggered",7);this.groupEventImportTriggered=a(this,"groupEventImportTriggered",7);this.saveGroupEventChangesError=a(this,"saveGroupEventChangesError",7);this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();r("[nylas-editor-tabs-group]","formSubmissionHandler",t);const n=this.formRef.checkValidity();if(!n||t.defaultPrevented){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();r("[nylas-editor-tabs-group]","formState",a);const{title:s,description:o,bookingCalendar:i,location:l,bookingType:d,minCancellationNotice:b,cancellationPolicy:p,hideCancellationOptions:u,hideReschedulingOptions:h,additionalFields:y,conferencing:g,reminders:m,emailTemplate:_,redirectUrl:v,slug:w,appearance:x,name:k,eventCapacity:C,eventTimeslot:T,participants:S}=a;const E={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},slug:w,name:k,type:this.selectedEventType===f.group?f.group:undefined,scheduler:{cancellation_policy:p??"",min_cancellation_notice:b??0,hide_cancellation_options:u??false,hide_rescheduling_options:h??false,additional_fields:y,email_template:_,confirmation_redirect_url:v},appearance:x,group_booking:{booking_type:d?d:"booking",disable_emails:false,reminders:m,conferencing:g,calendar_id:i||"primary",default_capacity:C||10}};const H=c(this.selectedConfiguration,E||{});const L=this.action==="create"?H:E;delete L.availability;delete L.participants;delete L.event_booking;const z=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),3e3)};const F=this.checkForBookingFormErrors(L);if(F){return}const O={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const P=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const j=[{...O,is_organizer:true}];const B=!this.selectedConfiguration?.id?{title:s,description:o,location:!g?l:undefined,conferencing:!l?g:undefined,when:{start_time:T?.when?.start_time??0,end_time:T?.when?.end_time??0,start_timezone:T?.when?.start_timezone??"",end_timezone:T?.when?.end_timezone??""},rrule:T?.recurrence??[],calendar_id:i||P?.id||"primary",participants:S?.length?S:j,organizer:O,capacity:C||10}:undefined;this.schedulerConfigChanged.emit({groupEvent:B||undefined,config:L,resetLoadingState:z,action:this.action,host:this.host})};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n="Booking form error: ";Object.entries(a).forEach((e=>{const a=e[1];if(a.label===""){n+=`Label is required for field of type ${a.type}.`;t=true;return}if(a.options){for(const e of a.options){if(e.trim()===""){n+=`Empty option detected inside ${a.label} of type ${a.type}.`;t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError(new Error(n))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.selectedGroupEvent=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=j.CalendarView;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(e){r("[nylas-editor-tabs-group]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}selectedGroupEventChangedHandler(e){r("[nylas-editor-tabs-group]","selectedGroupEventChangedHandler",e,this.selectedConfiguration);this.formState={...this.formState,title:this.selectedGroupEvent?.event?.title,description:this.selectedGroupEvent?.event?.description,location:this.selectedGroupEvent?.event?.location,conferencing:this.selectedGroupEvent?.event?.conferencing,eventCapacity:this.selectedGroupEvent?.group_event_info?.capacity,participants:this.selectedGroupEvent?.group_event_info?.participants?.map((e=>({name:e.name,email:e.email,is_organizer:!!e.is_organizer,timezone:""}))),eventTimeslot:this.selectedGroupEvent?.event?.when?{when:{start_time:this.selectedGroupEvent?.event?.when?.start_time,end_time:this.selectedGroupEvent?.event?.when?.end_time,start_timezone:this.selectedGroupEvent?.event?.when?.start_timezone,end_timezone:this.selectedGroupEvent?.event?.when?.end_timezone},recurrence:this.selectedGroupEvent?.group_event_info?.rrule?this.selectedGroupEvent?.group_event_info?.rrule:[]}:undefined}}userChangedHandler(e){r("[nylas-editor-tabs-group]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}async resetError(){this.error=""}connectedCallback(){r("[nylas-editor-tabs-group]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs-group]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){r("[nylas-editor-tabs-group]","componentDidLoad");if(this.enableUserFeedback&&!y()){g({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.3.6",integrations:e=>[...e.filter((e=>false)),v({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const e=this.host.querySelector("button.tab:not(.hide)")?.name;if(e&&this.hideEditorTabs?.includes(this.activeTab)){this.activeTab=e}this.updateFormState()}disconnectedCallback(){r("[nylas-editor-tabs-group]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs-group]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.log("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};if(h.includes(t)){this.hasUnsavedChanges=true}this.error="";this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=m("Scheduler Editor User Feedback");const n={eventId:t,message:e.detail.feedback};_(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.3.6"},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}importGroupEventHandler(e){this.groupEventImportTriggered.emit({groupEvent:e.detail,configId:this.selectedConfiguration?.id??"",host:this.host})}saveGroupEventChangesHandler(e){r("saveGroupEventChangesHandler",e.detail,this.selectedGroupEvent);const t=this.formRef.checkValidity();const n=this.getGroupEventDetailsFromFormState();this.resetError();if(!n.title){this.setError(new Error("Event title is required."))}if(!n.when?.start_time||!n.when?.end_time){this.setError(new Error("Event time is required."))}if(!n.participants?.length){this.setError(new Error("Participants are required."))}if(n.participants?.length&&n.participants?.some((e=>!e.email))){this.setError(new Error("Participant email is required."))}if(this.error!==""||!t){this.saveGroupEventChangesError.emit({error:this.error??"An error occurred while saving changes.",configId:this.selectedConfiguration?.id??"",host:this.host});return}this.groupEventUpdateTriggered.emit({groupEvent:n,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}deleteGroupEventHandler(e){r("deleteGroupEventHandler",e.detail);const t=this.getGroupEventDetailsFromFormState();this.groupEventDeleteTriggered.emit({groupEvent:t,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}createGroupEventHandler(e){const t=e.detail;const n={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const a=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const s={title:t.title,description:t.description,location:!t.conferencing?t.location:undefined,participants:t.participants,organizer:n,conferencing:!t.location?t.conferencing:undefined,when:t.eventTimeslot.when,rrule:t.eventTimeslot.recurrence,calendar_id:a?.id||"primary",capacity:t.eventCapacity};this.groupEventCreateTriggered.emit({groupEvent:s,configId:this.selectedConfiguration?.id??"",host:this.host})}getGroupEventDetailsFromFormState(){const e=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const t={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const n=[{...t,is_organizer:true}];const{title:a,description:s,bookingCalendar:o,location:i,conferencing:r,eventCapacity:l,eventTimeslot:c,participants:d}=this.formState;return{title:a,description:s,location:!r?i:undefined,conferencing:!i?r:undefined,when:{start_time:c?.when?.start_time??0,end_time:c?.when?.end_time??0,start_timezone:c?.when?.start_timezone??"",end_timezone:c?.when?.end_timezone??""},rrule:c?.recurrence??[],calendar_id:o||e?.id||"primary",participants:d?.length?d:n,organizer:t,capacity:l||10}}getFormStateFromConfig(e){if(e?.appearance){console.info("Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired.")}return{additionalFields:e?.scheduler?.additional_fields??{},bookingType:e?.group_booking?.booking_type??"booking",cancellationPolicy:e?.scheduler?.cancellation_policy??"",minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,reminders:e?.group_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,bookingCalendar:e?.group_booking?.calendar_id}}setFormState(e,t){switch(t){case"title":this.formState.title=e.toString();break;case"description":this.formState.description=e.toString();break;case"location":this.formState.location=e.toString();break;case"conference":this.formState.conferencing=JSON.parse(e.toString());break;case"confirmation-type":this.formState.bookingType=e.toString();break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(e.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=e.toString();break;case"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"event-capacity":this.formState.eventCapacity=parseInt(String(e));break;case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"custom-event-slug":console.debug("custom-event-slug",e);this.formState.slug=JSON.parse(e.toString());break;case"page-styling":this.formState.appearance=JSON.parse(e.toString());break;case"page-name":this.formState.name=JSON.parse(e.toString());break;case"participants":{const t=JSON.parse(e.toString());this.formState.participants=t.map((e=>({name:e.name,email:e.email,is_organizer:e.is_organizer})));break}case"event-timeslot":this.formState.eventTimeslot=JSON.parse(e.toString());break}this.schedulerEditorFormUpdated.emit({value:e,name:t})}updateFormState(){const e=new FormData(this.formRef);e.forEach(((e,t)=>{this.setFormState(e,t)}));this.formState={...this.formState};return this.formState}setActiveTab(e,t){e.preventDefault();this.updateFormState();this.activeTab=t}hideTab(e){return this.hideEditorTabs?.includes(e)||false}onFeedbackClick(e){e.preventDefault();this.showFeedbackModal=true}render(){r("[nylas-editor-tabs-group]","render",this.formState);return t(s,{key:"afdf097ad3a673c5290d560773673f555319dcfb"},t("form",{key:"7f7e51ad07c4b8f2c95a546fa847f4b14f002b15",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?t("div",{class:"return-to-calendar-view",part:"editor__return-to-calendar-view net__return-to-calendar-view"},t("button-component",{id:"return-to-calendar-view-button",variant:"invisible",part:"nset__header__back-button",type:"button",onClick:e=>{this.setActiveTab(e,j.CalendarView)}},t("chevron-icon",{width:"16",height:"16"}),t("span",null,"Return to Calendar view"))):null,this.mode==="app"?t("div",{class:"form-contents",part:"editor__form-contents net__form-contents"},t("div",{class:"tabs",part:"editor__tabs net__tabs"},t("button",{name:j.BookingOptions,class:{tab:true,active:this.activeTab==j.BookingOptions,hide:this.hideTab(j.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,j.BookingOptions)},t("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),t("button",{name:j.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(j.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,j.BookingForm)},this.activeTab==j.BookingForm?t("calendar-agenda-fill-icon",{width:"16",height:"16"}):t("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),t("button",{name:j.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(j.Communications)},onClick:e=>this.setActiveTab(e,j.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==j.Communications?t("envelope-fill-icon",{width:"16",height:"16"}):t("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),t("button",{name:j.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(j.PageStyles)},onClick:e=>this.setActiveTab(e,j.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==j.PageStyles?t("paintbrush-fill-icon",{width:"16",height:"16"}):t("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),t("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},t(B,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new",i18next:l}))):t("div",{class:"composable",key:this.selectedConfiguration?.id},t("slot",null)),t("div",{key:"922210f9a184ff3ddb83630db4ae6ee1d9dd2944",class:"footer",part:"editor__footer net__footer"},t("div",{key:"5d8a938c31b831833ebe3030fee8da39acb12edb",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&t("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},t("feedback-icon",null)),this.activeTab===j.CalendarView&&t("button-component",{title:"Go to page settings",id:"page-settings",variant:"basic",onClick:e=>this.setActiveTab(e,j.BookingOptions)},"Page settings")),t("div",{key:"07889582bf417de6ccc1ce5a74f2a1c39559f9c0",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},t("p",{key:"ad80bbca9db6703743093ca6fee0bb3a949e66c6",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved&&this.activeTab!==j.CalendarView?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),t("div",{key:"a53e7d929f8e0cdaf36d2e43e98b8703cd6f2379",class:"footer-buttons__row"},this.schedulerPreviewLink!==""&&this.action==="edit"&&t("button-component",{title:"Preview",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();const t=this.previewButtonClicked.emit(this.host);if(!t.defaultPrevented){window.open(d(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},t("eye-icon",null)),t("button-component",{key:"9c048ca1576e4bd508461a172f3ffdfafcf39698",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),t("button-component",{key:"778f71bc70660a4e279db51a56fda244966a5694",type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},this.isLoading?t("span",null,l.t("savingButtonText"),t("loading-icon",null)," "):this.action==="create"?`${l.t("createButtonText")}`:`${l.t("saveChangesButtonText")}`))))),this.showFeedbackModal&&t("nylas-feedback-form",null))}get host(){return o(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],selectedGroupEvent:["selectedGroupEventChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};I([i({name:"nylas-editor-tabs-group",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"],["schedulerConfig.selectedGroupEvent","selectedGroupEvent"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:o,groupEvent:i}=e.detail;const r=e=>{const[t,n]=e;if(!t&&n){a.setError(n)}else if(t&&!n&&s==="create"){a.schedulerConfigCreatedEventHandler({config:t,action:s,host:a})}};if(s==="edit"){const a=await t.schedulerConfig.updateConfiguration(o);r(a);if(n){n(e)}}else{const a=await t.schedulerConfig.createConfiguration(o);r(a);const[s,l]=a;const c=s?.id;if(c&&i){const e=await t.schedulerConfig.createGroupEvent(i,c);r(e)}if(n){n(e)}}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined);t.schedulerConfigStore.set("selectedGroupEvent",undefined);t.schedulerConfigStore.set("groupEvents",[])},previewButtonClicked:async(e,t)=>{r("[nylas-editor-tabs-group]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{r("[nylas-editor-tabs-group]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{r("[nylas-editor-tabs-group]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{r("[nylas-editor-tabs-group]","schedulerConfigCreated",e)},groupEventUpdateTriggered:async(e,t)=>{const{groupEvent:n,host:a,chosenOption:s,configId:o}=e.detail;const i=await t.schedulerConfig.updateGroupEvent(n,s,o);const[r,l]=i;if(!r&&l){a.setError(l)}},groupEventDeleteTriggered:async(e,t)=>{const{groupEvent:n,chosenOption:a,configId:s,host:o}=e.detail;const i=await t.schedulerConfig.deleteGroupEvent(n,a,s);const[r,l]=i;if(!r&&l){o.setError(l)}},groupEventCreateTriggered:async(e,t)=>{const{groupEvent:n,configId:a,host:s}=e.detail;const o=await t.schedulerConfig.createGroupEvent(n,a);const[i,r]=o;if(!i&&r){s.setError(r)}},groupEventImportTriggered:async(e,t)=>{const{groupEvent:n,configId:a,host:s}=e.detail;const o=await t.schedulerConfig.importGroupEvent([n],a);const[i,r]=o;if(!i&&r){s.setError(r)}if(i&&i.import_failed&&i.import_failed.length>0){const e=i.import_failed.map((e=>e.reason)).join("\n");s.setError(new Error(e));setTimeout((()=>{s.resetError()}),5e3)}},saveGroupEventChangesError:async(e,t)=>{const{error:n,host:a}=e.detail;r("[nylas-editor-tabs-group]","saveGroupEventChangesError",n,a)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),$("design:type",Function),$("design:paramtypes",[]),$("design:returntype",void 0)],M.prototype,"render",null);M.style=R;const D=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:16px;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:hidden}.configurations .table-container{overflow-y:auto;flex:1}@media screen and (max-width: 768px){.configurations .table-container{min-height:624px}}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations .table-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem;text-align:right}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .actions select-dropdown.last::part(sd_dropdown-content){bottom:54px}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:white;width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .pagination button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}.card-wrapper{position:absolute;top:0;left:0;height:calc(100% + 4rem);width:-webkit-fill-available;width:-moz-available;width:fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.card-wrapper{justify-content:start;height:100%}}.card-modal{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-modal{width:auto;border-radius:0px}}.description.title-desc{margin-bottom:2rem}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}';const U=D;var J=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var G=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const V=class{constructor(t){e(this,t);this.initListConfigurations=a(this,"initListConfigurations",7);this.createButtonClick=a(this,"createButtonClick",7);this.editButtonClick=a(this,"editButtonClick",7);this.deleteButtonClick=a(this,"deleteButtonClick",7);this.configurations=[];this.selectedLanguage=undefined;this.schedulerPreviewLink="";this.listConfigurationsNextCursor=undefined;this.state="loading";this.error="";this.currentCursor=null;this.previousCursors=[];this.disableNextPageButton=false;this.deleteConfigurationId="";this.showDeleteButtonLoading=false}listConfigurationsNextCursorChangedHandler(e,t){if(!e||e===t){if(e===null){this.disableNextPageButton=true}return}this.disableNextPageButton=false;this.currentCursor=e}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}connectedCallback(){r("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){r("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){r("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){r("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(e){r("[nylas-list-configurations]","handleNylasFormDropdownChanged",e.detail);const{value:t}=e.detail;const[n,a]=t.split("-");e.preventDefault();switch(n){case"delete":this.deleteConfigurationId=this.configurations[a]?.id;break;case"preview":window.open(d(this.schedulerPreviewLink,this.configurations[a]),"_blank");break;case"copy":await navigator.clipboard.writeText(d(this.schedulerPreviewLink,this.configurations[a]));break}}async registerCallback(){this.initListConfigurations.emit({host:this.host})}async getState(){return this.state}async setState(e){this.state=e}async setError(e){this.error=e}async hideDeleteConfirmation(){this.deleteConfigurationId="";this.showDeleteButtonLoading=false}closeModal(e){e.preventDefault();this.deleteConfigurationId=""}handleConfirmDeleteButtonClicked(e){e.preventDefault();this.showDeleteButtonLoading=true;const t=this.configurations.find((e=>e.id===this.deleteConfigurationId));if(t&&t?.id){this.deleteButtonClick.emit({host:this.host,configuration:t})}}getDurationString(e){if(!e)return"—";const t=Math.floor(e/60);const n=e%60;return`${t?t:""} ${t?`${t>1?"hours":"hour"}`:""} ${n?n:""} ${n?`${n>1?"mins":"min"}`:""}`}getActionLabelHTML(e){const n={display:"inline-flex",alignItems:"center",gap:"0.5rem"};const a={color:"var(--nylas-error)"};switch(e){case"preview":return t("span",{style:n},t("eye-icon",{width:"16",height:"16"}),l.t("nylasListConfigurations.previewButtonText"));case"copy":return t("span",{style:n},t("copy-icon",{width:"16",height:"16"}),l.t("nylasListConfigurations.copyLinkButtonText"));case"delete":return t("span",{style:{...n,...a}},t("delete-icon",{width:"15",height:"17"}),l.t("nylasListConfigurations.deleteButtonText"));default:return""}}previousPageClickedHandler(){if(this.previousCursors.length===0)return;this.currentCursor=this.previousCursors.pop()||null;const e=this.previousCursors[this.previousCursors.length-1]||undefined;this.initListConfigurations.emit({host:this.host,cursor:e})}nextPageClickedHandler(){if(!this.currentCursor)return;this.previousCursors=[...this.previousCursors,this.currentCursor];this.initListConfigurations.emit({host:this.host,cursor:this.currentCursor})}render(){return t(s,null,t("div",{class:"header"},t("div",{class:"description"},t("h2",null,l.t("allSchedulingPages")),t("p",null,l.t("createAndManageSchedulingPages"))),this.configurations&&this.configurations.length>0&&t("div",{class:"actions"},t("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},l.t("createNewSchedulingPageButtonText")))),t("div",{class:"configurations"},t("div",{class:"table-container"},t("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},t("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},t("th",null,l.t("pageTitle")),t("th",null,l.t("durationTitle")),t("th",null)),this.state==="loading"&&t("tr",{class:"no-configurations"},t("td",{colSpan:3},t("div",null,t("h3",null,l.t("loading"),"..."),t("p",null,l.t("loadingPagesDescription"))))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&t("tr",{class:"no-configurations"},t("td",{colSpan:3},t("div",null,t("calendar-icon",{width:"48",height:"48"}),t("h3",null,l.t("noSchedulingPages")),t("p",null,l.t("createFirstSchedulingPage")),t("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},l.t("createNewSchedulingPageButtonText"))))),this.state!=="loading"&&this.configurations?.map(((e,n)=>{const a=(n===this.configurations.length-1||n===this.configurations.length-2)&&this.configurations.length>3;const s=e;const o=e;return t("tr",{key:e?.id},t("td",null,t("div",{class:"title"},t("div",{class:"config-event-title",title:o?.event_booking?.title},o?.event_booking?.title||s?.name),t("div",{class:"config-event-description"},o?.event_booking?.description))),t("td",null,t("div",{class:"duration"},this.getDurationString(o?.availability?.duration_minutes))),t("td",null,t("div",{class:"actions"},t("button-component",{variant:"basic",key:`edit-${n}`,clickHandler:t=>{t.preventDefault();this.editButtonClick.emit({host:this.host,configuration:e})}},t("edit-icon",{width:"16",height:"16"}),l.t("editSchedulingPageButtonText")),t("select-dropdown",{class:{last:a},name:"actions",options:[{value:`preview-${n}`,label:"Preview",labelHTML:this.getActionLabelHTML("preview")},{value:`copy-${n}`,label:"Copy link",labelHTML:this.getActionLabelHTML("copy")},{value:`delete-${n}`,label:"Delete",labelHTML:this.getActionLabelHTML("delete")}],defaultSelectedOption:{value:"",label:""},dropdownButtonText:"...",withSearch:false,withChevron:false,exportparts:"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete"}))))})))),t("div",{class:"pagination"},t("button",{class:"arrow left",onClick:()=>this.previousPageClickedHandler(),disabled:this.previousCursors.length<=0},t("chevron-icon",null)),t("button",{class:"arrow right",onClick:()=>this.nextPageClickedHandler(),disabled:this.disableNextPageButton},t("chevron-icon",null)))),this.state==="error"&&t("div",{class:"error-container"},t("p",{class:"error"},this.error)),!!this.deleteConfigurationId&&t("div",{class:"card-wrapper"},t("div",{class:"card-modal"},t("div",{class:"close-button"},t("button-component",{tooltip:"Close",id:"close",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__close-button"},t("close-icon",null))),t("div",{class:"header"},t("h2",{slot:"card-title",part:"nfbf__title"},l.t("deleteSchedulingPageTitle"))),t("div",{class:"description title-desc"},t("p",null,l.t("deleteSchedulingPageDescription"))),t("div",{class:{footer:true}},t("button-component",{variant:"basic",onClick:e=>this.closeModal(e),part:"nfbf__button-outline nfbf__cancel-cta"},`${l.t("deleteSchedulingPageCancelButton")}`),t("button-component",{variant:"destructive",onClick:e=>this.handleConfirmDeleteButtonClicked(e),disabled:this.showDeleteButtonLoading,isLoading:this.showDeleteButtonLoading,part:"nfbf__button-outline nfbf__reschedule-cta"},`${l.t("deleteSchedulingPageConfirmButton")}`)))))}get host(){return o(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};J([i({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"],["schedulerConfig.listConfigurationsNextCursor","listConfigurationsNextCursor"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(e,t)=>{const{host:n,cursor:a}=e.detail;await n.setState("loading");const[s,o]=await t.schedulerConfig.getConfigurations(a);if(!s&&o&&o.message){await n.setState("error");await n.setError(o.message);return}await n.setState("loaded")},createButtonClick:async(e,t)=>{t.schedulerConfigStore.resetSelectedConfiguration();if(t.schedulerConfigStore.state.experimentalFeatures?.group_events){t.schedulerConfigStore.state.action="create-select"}else{t.schedulerConfigStore.state.action="create"}},deleteButtonClick:async(e,t)=>{const{host:n,configuration:a}=e.detail;const[s,o]=await t.schedulerConfig.deleteConfiguration(a.id);if(!s&&o&&o.message){await n.setState("error");await n.setError(o.message)}await n.hideDeleteConfirmation()},editButtonClick:async(e,t)=>{const{configuration:n}=e.detail;t.schedulerConfigStore.state.selectedConfiguration=n;if(n.type==="group"){const{startTime:e,endTime:a}=b((new Date).toISOString(),"week");t.schedulerConfigStore.state.calendarViewDateRange={start_time:e.toString(),end_time:a.toString()};const[s,o]=await t.schedulerConfig.getGroupEvents(n.id);if(!s&&o&&o.message){return}}t.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],V.prototype,"render",null);V.style=U;const A=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-select-event-type{height:inherit;overflow-y:auto}.nylas-select-event-type div.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200)}.nylas-select-event-type div.header h2{font-size:18px;padding:0 24px;line-height:24px;margin:0;font-weight:600;color:var(--nylas-base-800)}.nylas-select-event-type div.header button-component button{background:transparent;border:none;cursor:pointer}.nylas-select-event-type div.header button-component button:hover,.nylas-select-event-type div.header button-component button:active{color:var(--nylas-primary);background-color:transparent}.nylas-select-event-type div.header button-component button:disabled{cursor:not-allowed}.nylas-select-event-type div.content{padding:40px}.nylas-select-event-type div.content h3{margin:0 0 32px 0;font-size:18px;line-height:24px;font-weight:600}.nylas-select-event-type div.content div.event-type{display:flex;flex-direction:column;gap:8px}.nylas-select-event-type div.content div.event-type div.event-type-option{padding:16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-3x);width:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px}.nylas-select-event-type div.content div.event-type div.event-type-option h4{margin:0;font-size:16px;line-height:24px;font-weight:600;color:var(--nylas-base-900)}.nylas-select-event-type div.content div.event-type div.event-type-option p{margin:0;font-size:14px;line-height:21px;font-weight:400;color:var(--nylas-base-800)}';const W=A;var Z=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var q=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const K=class{constructor(t){e(this,t);this.returnToAllSchedulingPagesEvent=a(this,"returnToAllSchedulingPagesEvent",7);this.createEventTypeSelected=a(this,"createEventTypeSelected",7);this.participantOptions=undefined;this.name="select-event-type";this.selectedLanguage=undefined}connectedCallback(){r("nylas-select-event-type","connectedCallback")}disconnectedCallback(){r("nylas-select-event-type","disconnectedCallback")}componentWillLoad(){r("nylas-select-event-type","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){r("nylas-select-event-type","componentDidLoad")}elementNameChangedHandler(e){r("nylas-select-event-type","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}render(){const e=[{label:"1:1",value:f.one_on_one,description:"Allows 1:1 bookings"},{label:"Collective",value:f.collective,description:"Allows n:1 bookings with additional participants"},{label:"Round-Robin Maximize Fairness",value:f.max_fairness,description:"Rotates through the list of participants you select, displaying the participant with the fewest recent bookings."},{label:"Round-Robin Maximize Availability",value:f.max_availability,description:"Rotates through the list of participants you select, prioritizing participants with the fewest recent bookings, but making as many time-slots available as possible."},{label:"Group / Class",value:f.group,description:"These are events which generally have one organizer and multiple participants"}];const n=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 a=[f.collective,f.max_availability,f.max_fairness];const o=[f.one_on_one,f.group];return t(s,{key:"f8de37755eeddad5bdd36cb5229213eb3ae5f0cd"},t("div",{key:"b6c0dccb737ee275cae88aa030521ddcde46d758",class:"nylas-select-event-type",part:"nset"},t("div",{key:"ab264f22893e7fbe43c40bca12a9897383fe9d64",class:"header",part:"nset__header"},t("h2",{key:"e8a251f5654f716467316a812ae0aabbd173c0d1"},"Create an event"),t("button-component",{key:"c57df15963b506ab167a9778930386a55904830f",variant:"invisible",part:"nset__header__back-button",onClick:e=>{this.returnToAllSchedulingPagesEvent.emit()}},t("chevron-icon",{key:"fbd0d135903087f8d48a197bfc06f2435167c290",width:"16",height:"16"}),t("span",{key:"d49121b7b0261fcba804f31e770781f296d28e05"},"Return to all scheduling pages"))),t("div",{key:"f5d4421e8840a639d9dd812d599bc2048d7e1774",class:"content",part:"nset__content"},t("h3",{key:"b381ae1a30075b6a63edce11591915733ce649d1"},"Event type"),t("div",{key:"2b835b7b62096c4e8146c90716c0eae9264162db",class:"event-type",part:"nset__content__event-type"},e.filter((e=>o.includes(e.value)||n&&a.includes(e.value))).map((e=>t("div",{class:"event-type-option",onClick:t=>{this.createEventTypeSelected.emit({eventType:e.value})},part:`nset__content__event-type-option-${e.value}`},t("h4",null,e.label),t("p",null,e.description))))))))}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Z([i({name:"nylas-select-event-type",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.additionalParticipants","participantOptions"]]),eventToProps:{returnToAllSchedulingPagesEvent:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined)},createEventTypeSelected:async(e,t)=>{const{eventType:n}=e.detail;t.schedulerConfigStore.state.action="create";t.schedulerConfigStore.state.selectedEventType=n}},fireRegisterEvent:true}),q("design:type",Function),q("design:paramtypes",[]),q("design:returntype",void 0)],K.prototype,"render",null);K.style=W;export{k as google_logo_icon,S as microsoft_logo_icon,P as nylas_editor_tabs,M as nylas_editor_tabs_group,V as nylas_list_configurations,K as nylas_select_event_type};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,F as n,c as a,H as s,a as o}from"./p-6f5a3998.js";import{R as i}from"./p-ed38b38a.js";import{a as r,i as l,m as c,k as d,c as b}from"./p-77e4b56c.js";import{D as p,e as u,C as f,c as h}from"./p-6c2ba972.js";import{i as y,a as g,c as m,b as _,f as v}from"./p-64bc2c6f.js";import"./p-c79dcb59.js";const w=".sc-google-logo-icon-h{display:flex}";const x=w;const k=class{constructor(t){e(this,t);this.width="24";this.height="24"}render(){return t("svg",{key:"6a2c621ba5bde80fe3adc8427ad0d94df265a2fc",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"87acb19eeb19382c6063360f92c7554039ad2c87","clip-path":"url(#clip0_959_12452)"},t("path",{key:"3d6abcc6b7755164cd3037df0529793becefce72",d:"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z",fill:"#4285F4"}),t("path",{key:"b7961a5e8c0e93b3d8996cf40b845d7741335229",d:"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z",fill:"#34A853"}),t("path",{key:"32a135d689dc72b3a0fc597dea20f88290c1f6ae",d:"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z",fill:"#FBBC05"}),t("path",{key:"74518d77b48b593df3085f600d38b99abfe368bb",d:"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z",fill:"#EA4335"})),t("defs",{key:"0c69b9fad17f8891565bdb5162822cd3c44f6ca0"},t("clipPath",{key:"3c645b8c42436ad0664b38ce08b42404f4fa541b",id:"clip0_959_12452"},t("rect",{key:"f6f7b93e206bce48be1739a1b8ae8bc2e8242357",width:24,height:24,fill:"white"}))))}};k.style=x;const C=".sc-microsoft-logo-icon-h{display:flex}";const T=C;const S=class{constructor(t){e(this,t);this.width="22";this.height="22"}render(){return t("svg",{key:"43e12d49816520a670de91afdb1cfd1136ba6a8e",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"08c5a9b3a6d34bf5900e6149bf0f732e8fb1f51f",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),t("path",{key:"ae3d52d82f9727d53a675d17c76eaf82c3d545ac",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),t("path",{key:"b42837c53c4c0bfc7bbf5676bc82c83e1f3af391",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),t("path",{key:"eec316af4193848e15630e680e357e4c313c6b6c",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};S.style=T;var E;(function(e){e["EventInfo"]="eventInfo";e["Availability"]="availability";e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["Participants"]="participants";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles"})(E||(E={}));function H({id:e,formState:a,activeTab:s},o){return t(n,null,t("div",{key:`event-info-${e}`,class:{hide:s!==E.EventInfo}},t("nylas-event-info",null,t("div",{slot:"inputs"},t("nylas-event-title",{name:"title",exportparts:"net, net__title, net__dropdown-content"}),t("nylas-event-duration",{name:"duration",exportparts:"ned, ned__error, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content"}),t("nylas-event-location",{name:"location",exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),t("nylas-event-description",{name:"description",exportparts:"nedesc, nedesc__textarea"})))),t("div",{key:`availability-${e}`,class:{hide:s!==E.Availability}},t("nylas-participant-booking-calendars",{participants:a.participants,name:"participant-booking-calendars",exportparts:"npbc, npbc__header, npbc__content, npbc__participant-container, npbc__participant-title"}),t("nylas-connected-calendars",{participants:a.participants,name:"connected-calendars",exportparts:"nccals, nccals__header, nccals__content, nccals__container, nccals__title, nccals__toggle-container, npbc__participant-toggle-container"}),t("nylas-availability-picker",{name:"availability",exportparts:"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"})),t("div",{key:`booking-options-${e}`,class:{hide:s!==E.BookingOptions}},t("nylas-scheduling-method",{name:"availability-method",readOnly:true,exportparts:"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content"}),t("nylas-custom-booking-flow",{exportparts:"ncbflow, ncbflow__header, ncbflow__title, ncbflow__content"},t("div",{slot:"inputs"},t("nylas-booking-confirmation-type",{name:"confirmation-type",exportparts:"nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content"}),t("nylas-booking-confirmation-redirect",{name:"confirmation-redirect",exportparts:"nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield"}))),t("nylas-buffer-time",{name:"buffer-time",exportparts:"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"}),t("nylas-event-limits",null,t("div",{slot:"inputs"},t("nylas-min-booking-notice",{name:"min-booking-notice",exportparts:"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content"}),t("nylas-limit-future-bookings",{name:"limit-future-bookings",exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),t("nylas-min-cancellation-notice",{name:"min-cancellation-notice",exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}),t("nylas-cancellation-policy",{name:"cancellation-policy",exportparts:"ncpolicy, ncpolicy__textarea"}))),t("nylas-timeslot-interval",{name:"timeslot-interval",exportparts:"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content"}),t("nylas-customize-booking-settings",{name:"customize-booking-settings",exportparts:"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options"})),t("div",{key:`communications-${e}`,class:{hide:s!==E.Communications}},t("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!a?.disableEmails&&t(n,null,t("nylas-confirmation-email",{name:"confirmation-email-template",exportparts:"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"}),t("nylas-reminder-emails",{name:"reminder-overrides",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"}))),t("div",{key:`participants-${e}`,class:{hide:s!==E.Participants}},t("nylas-additional-participants",{name:"participants",exportparts:"nadtnlpart, nadtnlpart__title, nadtnlpart__subtitle, nadtnlpart__content, nadtnlpart__input_group, nadtnlpart__input_wrapper, nadtnlpart__input, nadtnlpart__remove-participant"}),t("nylas-participants-custom-availability",{participants:a.participants,name:"participant-custom-availability",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"})),t("div",{key:`page-styles-${e}`,class:{hide:s!==E.PageStyles}},t("nylas-custom-event-slug",{name:"custom-event-slug",exportparts:"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield"}),t("nylas-page-name",{name:"page-name",exportparts:"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield"}),t("nylas-page-styling",{name:"page-styling",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"},o)),t("div",{key:`booking-form-${e}`,class:{hide:s!==E.BookingForm}},t("nylas-booking-form-config",{name:"additional-fields",exportparts:"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__static_fields, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const L='.sc-nylas-editor-tabs-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column;height:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:calc(100% - 80px);display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{display:table-column-group;height:auto}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs{display:flex;align-items:center;text-align:left;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.active.sc-nylas-editor-tabs{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs{width:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs h3.sc-nylas-editor-tabs{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{margin:0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.footer.sc-nylas-editor-tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .preview.sc-nylas-editor-tabs{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{max-width:524px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.unsaved-changes.sc-nylas-editor-tabs{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.saved-changes.sc-nylas-editor-tabs{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error.sc-nylas-editor-tabs{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error-full-width.sc-nylas-editor-tabs{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.sc-nylas-editor-tabs{width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs span.sc-nylas-editor-tabs{display:flex;align-items:center;justify-content:center;gap:0.5rem}button-component#report-issue.sc-nylas-editor-tabs{width:auto}nylas-feedback-form.sc-nylas-editor-tabs{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}';const z=L;var F=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var O=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const P=class{constructor(t){e(this,t);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=a(this,"schedulerConfigCreated",7);this.cancelButtonClick=a(this,"cancelButtonClick",7);this.formSubmitted=a(this,"formSubmitted",7);this.previewButtonClicked=a(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=a(this,"schedulerEditorFormUpdated",7);this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();r("[nylas-editor-tabs]","formSubmissionHandler",t);const n=this.formRef.checkValidity();if(!n||t.defaultPrevented){this.error=this.formRef.validationMessage||l.t("fixFormErrors");return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();r("[nylas-editor-tabs]","formState",a);const{title:s,description:o,duration:i,availability:d,bookingCalendar:b,location:u,bookingType:h,buffer:y,availableDaysInFuture:g,minCancellationNotice:m,minBookingNotice:_,cancellationPolicy:v,timeslotInterval:w,additionalGuestsHidden:x,hideCancellationOptions:k,hideReschedulingOptions:C,participants:T,participantOpenHours:S,additionalFields:E,participantCalendars:H,conferencing:L,participantBookingCalendars:z,reminders:F,emailTemplate:O,redirectUrl:P,availabilityMethod:j,slug:B,appearance:N,name:R,disableEmails:I}=a;const $=this.selectedConfiguration?.participants?.find((e=>e.is_organizer))||T?.find((e=>e.is_organizer));const M=H&&$?.email?H[$?.email]:[];const D=$?.booking?.calendar_id||b;const U=i?parseInt(i):30;const J=T&&T?.length>0?T:[{name:$?.name??this.currentUser?.name??"",email:$?.email??this.currentUser?.email??"",is_organizer:true,timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:b&&b!==""?[b]:["primary"],open_hours:[]},booking:{calendar_id:b&&b!==""?b:"primary"}}];let G=j?j:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective";if(this.selectedEventType&&this.selectedEventType!==f.group){G=this.selectedEventType===f.one_on_one?f.collective:this.selectedEventType}console.log("availabilityMethodSelected",G);const V={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:B,name:R,availability:{duration_minutes:U,interval_minutes:w?.interval??U,round_to:w?.roundTo,availability_rules:{availability_method:G,buffer:y||{before:0,after:0},default_open_hours:d?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??p,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...J?J.map((e=>{let t=d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone;if(S?.[e.email]?.length){t=S?.[e.email]?.[0]?.timezone}if(e.is_organizer){const n=z?.[e.email]?z?.[e.email]:D?D:"primary";const a=H?.[e.email]?H?.[e.email]:M?.length?M:["primary"];const s=a.length===1&&a[0]==="primary";return{name:e.name??"",email:e.email,is_organizer:true,timezone:t,availability:{calendar_ids:s?[n]:a,open_hours:S?.[e.email]??e.availability?.open_hours??[]},booking:{calendar_id:n}}}const n=z?.[e.email]?{calendar_id:z?.[e.email]}:e?.booking??undefined;const a=H?.[e.email]??e.availability?.calendar_ids??["primary"];const s=a.length===1&&a[0]==="primary";return{...e,timezone:t,availability:e.availability?{calendar_ids:s&&typeof n!=="undefined"?[n?.calendar_id]:a,open_hours:S?.[e.email]??e.availability?.open_hours??[]}:undefined,booking:n}})):[]],event_booking:{title:s?.toString()??"",description:o?.toString()??"",location:u?.toString()??"",booking_type:h?.toString()??"booking",timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:L,reminders:F,disable_emails:typeof I==="boolean"?I:false},scheduler:{cancellation_policy:v??"",available_days_in_future:g??30,min_cancellation_notice:m??0,min_booking_notice:_??60,hide_additional_guests:x??false,hide_cancellation_options:k??false,hide_rescheduling_options:C??false,additional_fields:E,email_template:O,confirmation_redirect_url:P},appearance:N};const A=c(this.selectedConfiguration,V||{});const W=this.action==="create"?A:V;if(this.isConfigRoundRobin(W)){W.participants=W.participants.map((e=>({...e,is_organizer:undefined})))}const Z=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const q=this.checkForBookingFormErrors(W);const K=this.configurations?.find((e=>e.id===this.selectedConfiguration?.id))||{};const Q=this.checkForOrganizerConfirmationError(c(W,K));if(q||Q){return}this.schedulerConfigChanged.emit({config:W,resetLoadingState:Z,action:this.action,host:this.host})};this.isConfigRoundRobin=e=>e?.availability?.availability_rules?.availability_method==="max-availability"||e.availability?.availability_rules?.availability_method==="max-fairness";this.checkForOrganizerConfirmationError=e=>{let t=false;let n="";const a=e.event_booking?.booking_type==="organizer-confirmation";const s=e.scheduler?.organizer_confirmation_url;if(a&&!s){n+="Organizer confirmation URL is required when using organizer confirmation booking type.";t=true}if(t){this.isLoading=false;this.host.setError(new Error(n))}return t};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n=l.t("nylasEditorTabs.bookingFormError");Object.entries(a).forEach((e=>{const a=e[1];if(a.label===""){n+=l.t("nylasEditorTabs.bookingFormError_label",{type:a.type});t=true;return}if(a.options){for(const e of a.options){if(e.trim()===""){n+=l.t("nylasEditorTabs.bookingFormError_option",{label:a.label,type:a.type});t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError(new Error(n))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=E.EventInfo;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(e){r("[nylas-editor-tabs]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}userChangedHandler(e){r("[nylas-editor-tabs]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e);if(this.error){this.error=l.t("fixFormErrors")}}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}connectedCallback(){r("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){r("[nylas-editor-tabs]","componentDidLoad");if(this.enableUserFeedback&&!y()){g({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.4.0",integrations:e=>[...e.filter((e=>false)),v({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const e=this.host.querySelector("button.tab:not(.hide)")?.name;if(e){this.activeTab=e}}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.log("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};this.error="";if(u.includes(t)){this.hasUnsavedChanges=true}this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=m("Scheduler Editor User Feedback",{extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}});const n={eventId:t,message:e.detail.feedback};_(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.4.0","nylas-config-id":this.selectedConfiguration?.id,"nylas-slug":this.selectedConfiguration?.slug,"host-url":window.location.href},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}getFormStateFromConfig(e){let t=e?.participants?.find((e=>e.is_organizer));if(!t&&e?.availability?.availability_rules?.availability_method!=="collective"){t=e?.participants?.find((e=>e.email===this.currentUser?.email));if(t){t.is_organizer=true}}if(e?.appearance){console.info("Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired.")}return{title:e?.event_booking?.title??"",description:e?.event_booking?.description??"",duration:e?.availability?.duration_minutes?.toString()??"30",availability:{timezone:e?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:e?.availability?.availability_rules?.default_open_hours??p},additionalFields:e?.scheduler?.additional_fields??{},conferencing:e?.event_booking?.conferencing??{},calendarIds:t?.availability?.calendar_ids??[],participants:e?.participants??[],bookingCalendar:t?.booking?.calendar_id??t?.email??"",location:e?.event_booking?.location??"",bookingType:e?.event_booking?.booking_type??"booking",buffer:e?.availability?.availability_rules?.buffer??{before:0,after:0},cancellationPolicy:e?.scheduler?.cancellation_policy??"",availableDaysInFuture:e?.scheduler?.available_days_in_future??30,minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,minBookingNotice:e?.scheduler?.min_booking_notice??60,timeslotInterval:{interval:e?.availability?.interval_minutes??e?.availability?.duration_minutes,roundTo:e?.availability?.round_to},additionalGuestsHidden:e?.scheduler?.hide_additional_guests??false,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,participantBookingCalendars:e?.participants?.reduce(((e,t)=>{if(t.booking?.calendar_id){e[t.email]=t.booking?.calendar_id}return e}))??{},participantCalendars:e?.participants?.reduce(((e,t)=>{e[t.email]=t.availability?.calendar_ids;return e}),{})??{},reminders:e?.event_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,disableEmails:e?.event_booking?.disable_emails}}setFormState(e,t){switch(t){case"title":this.formState.title=e.toString();break;case"description":this.formState.description=e.toString();break;case"duration":this.formState.duration=e.toString();break;case"availability":this.formState.availability=JSON.parse(e.toString());break;case"participants":this.formState.participants=JSON.parse(e.toString());break;case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"participant-booking-calendars":this.formState.participantBookingCalendars=JSON.parse(e.toString());break;case"location":this.formState.location=e.toString();break;case"conference":this.formState.conferencing=JSON.parse(e.toString());break;case"confirmation-type":this.formState.bookingType=e.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(e.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(e.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(e.toString());break;case"min-booking-notice":this.formState.minBookingNotice=parseInt(e.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=e.toString();break;case"timeslot-interval":this.formState.timeslotInterval=JSON.parse(e.toString());break;case"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.additionalGuestsHidden=t.additionalGuestsHidden;this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"participant-custom-availability":{const t=JSON.parse(e.toString());this.formState.participantOpenHours=t;break}case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"connected-calendars":this.formState.participantCalendars=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"disable-emails":this.formState.disableEmails=JSON.parse(e.toString());break;case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"availability-method":this.formState.availabilityMethod=e.toString();break;case"custom-event-slug":console.debug("custom-event-slug",e);this.formState.slug=JSON.parse(e.toString());break;case"page-styling":this.formState.appearance=JSON.parse(e.toString());break;case"page-name":this.formState.name=JSON.parse(e.toString());break}this.schedulerEditorFormUpdated.emit({value:e,name:t})}updateFormState(){const e=new FormData(this.formRef);e.forEach(((e,t)=>{this.setFormState(e,t)}));this.formState={...this.formState};return this.formState}setActiveTab(e,t){e.preventDefault();this.updateFormState();this.activeTab=t}hideTab(e){return this.hideEditorTabs?.includes(e)||false}onFeedbackClick(e){e.preventDefault();this.showFeedbackModal=true}render(){r("[nylas-editor-tabs]","render",this.formState);return t(s,{key:"e95f2bd5f97b5d577952da0b5702d7a1a54a568c"},t("form",{key:"73a6e5fc488f80fd36eef19dc9708d62d701fc3d",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?t("div",{class:"form-contents",part:"editor__form-contents net__form-contents"},t("div",{class:"tabs",part:"editor__tabs net__tabs"},t("button",{name:E.EventInfo,class:{tab:true,active:this.activeTab==E.EventInfo,hide:this.hideTab(E.EventInfo)},part:"editortab__event-info net__tab-event-info",onClick:e=>this.setActiveTab(e,E.EventInfo)},t("calendar-info-icon",{width:"16",height:"16"}),l.t("eventInfoTab")),t("button",{name:E.Availability,class:{tab:true,active:this.activeTab==E.Availability,hide:this.hideTab(E.Availability)},part:"editortab__availability net__tab-availability",onClick:e=>this.setActiveTab(e,E.Availability)},t("calendar-patterns-icon",{width:"16",height:"16"}),l.t("availabilityTab")),t("button",{name:E.Participants,class:{tab:true,active:this.activeTab==E.Participants,hide:this.hideTab(E.Participants)},part:"editortab__participants net__tab-participants",onClick:e=>this.setActiveTab(e,E.Participants)},t("people-icon",{width:"16",height:"16"}),l.t("participantsTab")),t("button",{name:E.BookingOptions,class:{tab:true,active:this.activeTab==E.BookingOptions,hide:this.hideTab(E.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,E.BookingOptions)},t("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),t("button",{name:E.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(E.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,E.BookingForm)},this.activeTab==E.BookingForm?t("calendar-agenda-fill-icon",{width:"16",height:"16"}):t("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),t("button",{name:E.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(E.Communications)},onClick:e=>this.setActiveTab(e,E.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==E.Communications?t("envelope-fill-icon",{width:"16",height:"16"}):t("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),t("button",{name:E.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(E.PageStyles)},onClick:e=>this.setActiveTab(e,E.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==E.PageStyles?t("paintbrush-fill-icon",{width:"16",height:"16"}):t("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),t("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},t(H,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new",i18next:l}))):t("div",{class:"composable",key:this.selectedConfiguration?.id},t("slot",null)),t("div",{key:"751c322048b878002cbbe7f39dd899d1e505efc9",class:"footer",part:"editor__footer net__footer"},t("div",{key:"71f44ae411409a94ded7a9d5414bf7855b07d528",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&t("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},t("feedback-icon",null))),t("div",{key:"efdb7492b0bbc309550e79af2a9ac616c3cbb2d3",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},t("p",{key:"458f75a80780339f7e6cc51fd43fd44936866714",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),this.schedulerPreviewLink!==""&&this.action==="edit"&&t("button-component",{title:"Preview",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();const t=this.previewButtonClicked.emit(this.host);if(!t.defaultPrevented){window.open(d(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},t("eye-icon",null)),t("button-component",{key:"ccd64c6bc03139fe2f0b1a2f4409f34fd6ae1115",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),t("button-component",{key:"1611922427370603133e91748d625f9367f7c069",type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},this.isLoading?t("span",null,l.t("savingButtonText"),t("loading-icon",null)," "):this.action==="create"?`${l.t("createButtonText")}`:`${l.t("saveChangesButtonText")}`)))),this.showFeedbackModal&&t("nylas-feedback-form",null))}get host(){return o(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};F([i({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:o}=e.detail;const i=o=>{const[i,r]=o;if(!i&&r){a.setError(r)}else if(i&&!r&&s==="create"){a.schedulerConfigCreatedEventHandler({config:i,action:s,host:a});t.schedulerConfigStore.set("selectedEventType",undefined)}if(n){n(e)}};if(s==="edit"){const e=await t.schedulerConfig.updateConfiguration(o);i(e)}else{const e=await t.schedulerConfig.createConfiguration(o);i(e)}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined)},previewButtonClicked:async(e,t)=>{r("[nylas-editor-tabs]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{r("[nylas-editor-tabs]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerConfigCreated",e)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),O("design:type",Function),O("design:paramtypes",[]),O("design:returntype",void 0)],P.prototype,"render",null);P.style=z;var j;(function(e){e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles";e["CalendarView"]="calendarView"})(j||(j={}));function B({id:e,activeTab:a,i18next:s},o){return t(n,null,a===j.CalendarView&&t("div",{key:`calendar-view-${e}`,class:{hide:a!==j.CalendarView,"calendar-view":true}},t("nylas-event-calendar",null)),t("div",{key:`booking-options-${e}`,class:{hide:a!==j.BookingOptions}},t("nylas-scheduling-method",{name:"availability-method",readOnly:true,exportparts:"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content"}),t("nylas-event-limits",null,t("div",{slot:"inputs"},t("nylas-min-cancellation-notice",{name:"min-cancellation-notice",exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}),t("nylas-cancellation-policy",{name:"cancellation-policy",exportparts:"ncpolicy, ncpolicy__textarea"}))),t("nylas-customize-booking-settings",{name:"customize-booking-settings",exportparts:"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options"})),t("div",{key:`communications-${e}`,class:{hide:a!==j.Communications}},t("div",{class:"tab-header"},t("h3",null,s.t("eventCommunicationsTitle")),t("p",null,s.t("eventCommunicationsDescription"))),t("nylas-confirmation-email",{name:"confirmation-email-template",exportparts:"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"}),t("nylas-reminder-emails",{name:"reminder-overrides",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"})),t("div",{key:`page-styles-${e}`,class:{hide:a!==j.PageStyles}},t("nylas-custom-event-slug",{name:"custom-event-slug",exportparts:"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield"}),t("nylas-page-name",{name:"page-name",exportparts:"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield"}),t("nylas-page-styling",{name:"page-styling",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"},o)),t("div",{key:`booking-form-${e}`,class:{hide:a!==j.BookingForm}},t("nylas-booking-form-config",{name:"additional-fields",exportparts:"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__static_fields, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const N='.sc-nylas-editor-tabs-group-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.scheduler-editor.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;height:inherit;position:relative}.scheduler-editor.sc-nylas-editor-tabs-group div.return-to-calendar-view.sc-nylas-editor-tabs-group{display:flex;border-bottom:1px solid var(--nylas-base-200)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:grid;grid-template-columns:minmax(224px, 25%) 1fr;height:auto;overflow-y:auto;min-height:calc(100% - 80px - 48px)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:table-column-group;height:auto;min-height:calc(100% - 80px - 196px - 48px)}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group{display:flex;align-items:center;text-align:left;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.active.sc-nylas-editor-tabs-group{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.hide.sc-nylas-editor-tabs-group{display:none}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .hide.sc-nylas-editor-tabs-group{display:none}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .calendar-view.sc-nylas-editor-tabs-group{position:absolute;top:0;left:0;height:calc(100% - 80px);width:-webkit-fill-available;background:var(--nylas-base-0)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group{width:inherit}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group h3.sc-nylas-editor-tabs-group{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{margin:0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.footer.sc-nylas-editor-tabs-group{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group{flex-direction:column;height:auto;z-index:2}}.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{width:100%}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group button-component[title=Preview].sc-nylas-editor-tabs-group{width:48px}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{max-width:524px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.unsaved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.saved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error.sc-nylas-editor-tabs-group{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error-full-width.sc-nylas-editor-tabs-group{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button-component.sc-nylas-editor-tabs-group{width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group span.sc-nylas-editor-tabs-group{display:flex;align-items:center;justify-content:center;gap:0.5rem}button-component#report-issue.sc-nylas-editor-tabs-group{width:auto}nylas-feedback-form.sc-nylas-editor-tabs-group{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}';const R=N;var I=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var $=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const M=class{constructor(t){e(this,t);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=a(this,"schedulerConfigCreated",7);this.cancelButtonClick=a(this,"cancelButtonClick",7);this.formSubmitted=a(this,"formSubmitted",7);this.previewButtonClicked=a(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=a(this,"schedulerEditorFormUpdated",7);this.groupEventCreateTriggered=a(this,"groupEventCreateTriggered",7);this.groupEventUpdateTriggered=a(this,"groupEventUpdateTriggered",7);this.groupEventDeleteTriggered=a(this,"groupEventDeleteTriggered",7);this.groupEventImportTriggered=a(this,"groupEventImportTriggered",7);this.saveGroupEventChangesError=a(this,"saveGroupEventChangesError",7);this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();r("[nylas-editor-tabs-group]","formSubmissionHandler",t);const n=this.formRef.checkValidity();if(!n||t.defaultPrevented){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();r("[nylas-editor-tabs-group]","formState",a);const{title:s,description:o,bookingCalendar:i,location:l,bookingType:d,minCancellationNotice:b,cancellationPolicy:p,hideCancellationOptions:u,hideReschedulingOptions:h,additionalFields:y,conferencing:g,reminders:m,emailTemplate:_,redirectUrl:v,slug:w,appearance:x,name:k,eventCapacity:C,eventTimeslot:T,participants:S}=a;const E={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},slug:w,name:k,type:this.selectedEventType===f.group?f.group:undefined,scheduler:{cancellation_policy:p??"",min_cancellation_notice:b??0,hide_cancellation_options:u??false,hide_rescheduling_options:h??false,additional_fields:y,email_template:_,confirmation_redirect_url:v},appearance:x,group_booking:{booking_type:d?d:"booking",disable_emails:false,reminders:m,conferencing:g,calendar_id:i||"primary",default_capacity:C||10}};const H=c(this.selectedConfiguration,E||{});const L=this.action==="create"?H:E;delete L.availability;delete L.participants;delete L.event_booking;const z=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),3e3)};const F=this.checkForBookingFormErrors(L);if(F){return}const O={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const P=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const j=[{...O,is_organizer:true}];const B=!this.selectedConfiguration?.id?{title:s,description:o,location:!g?l:undefined,conferencing:!l?g:undefined,when:{start_time:T?.when?.start_time??0,end_time:T?.when?.end_time??0,start_timezone:T?.when?.start_timezone??"",end_timezone:T?.when?.end_timezone??""},rrule:T?.recurrence??[],calendar_id:i||P?.id||"primary",participants:S?.length?S:j,organizer:O,capacity:C||10}:undefined;this.schedulerConfigChanged.emit({groupEvent:B||undefined,config:L,resetLoadingState:z,action:this.action,host:this.host})};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n="Booking form error: ";Object.entries(a).forEach((e=>{const a=e[1];if(a.label===""){n+=`Label is required for field of type ${a.type}.`;t=true;return}if(a.options){for(const e of a.options){if(e.trim()===""){n+=`Empty option detected inside ${a.label} of type ${a.type}.`;t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError(new Error(n))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.selectedGroupEvent=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=j.CalendarView;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(e){r("[nylas-editor-tabs-group]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}selectedGroupEventChangedHandler(e){r("[nylas-editor-tabs-group]","selectedGroupEventChangedHandler",e,this.selectedConfiguration);this.formState={...this.formState,title:this.selectedGroupEvent?.event?.title,description:this.selectedGroupEvent?.event?.description,location:this.selectedGroupEvent?.event?.location,conferencing:this.selectedGroupEvent?.event?.conferencing,eventCapacity:this.selectedGroupEvent?.group_event_info?.capacity,participants:this.selectedGroupEvent?.group_event_info?.participants?.map((e=>({name:e.name,email:e.email,is_organizer:!!e.is_organizer,timezone:""}))),eventTimeslot:this.selectedGroupEvent?.event?.when?{when:{start_time:this.selectedGroupEvent?.event?.when?.start_time,end_time:this.selectedGroupEvent?.event?.when?.end_time,start_timezone:this.selectedGroupEvent?.event?.when?.start_timezone,end_timezone:this.selectedGroupEvent?.event?.when?.end_timezone},recurrence:this.selectedGroupEvent?.group_event_info?.rrule?this.selectedGroupEvent?.group_event_info?.rrule:[]}:undefined}}userChangedHandler(e){r("[nylas-editor-tabs-group]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}async resetError(){this.error=""}connectedCallback(){r("[nylas-editor-tabs-group]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs-group]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){r("[nylas-editor-tabs-group]","componentDidLoad");if(this.enableUserFeedback&&!y()){g({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.4.0",integrations:e=>[...e.filter((e=>false)),v({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const e=this.host.querySelector("button.tab:not(.hide)")?.name;if(e&&this.hideEditorTabs?.includes(this.activeTab)){this.activeTab=e}this.updateFormState()}disconnectedCallback(){r("[nylas-editor-tabs-group]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs-group]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.log("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};if(h.includes(t)){this.hasUnsavedChanges=true}this.error="";this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=m("Scheduler Editor User Feedback");const n={eventId:t,message:e.detail.feedback};_(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.4.0"},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}importGroupEventHandler(e){this.groupEventImportTriggered.emit({groupEvent:e.detail,configId:this.selectedConfiguration?.id??"",host:this.host})}saveGroupEventChangesHandler(e){r("saveGroupEventChangesHandler",e.detail,this.selectedGroupEvent);const t=this.formRef.checkValidity();const n=this.getGroupEventDetailsFromFormState();this.resetError();if(!n.title){this.setError(new Error("Event title is required."))}if(!n.when?.start_time||!n.when?.end_time){this.setError(new Error("Event time is required."))}if(!n.participants?.length){this.setError(new Error("Participants are required."))}if(n.participants?.length&&n.participants?.some((e=>!e.email))){this.setError(new Error("Participant email is required."))}if(this.error!==""||!t){this.saveGroupEventChangesError.emit({error:this.error??"An error occurred while saving changes.",configId:this.selectedConfiguration?.id??"",host:this.host});return}this.groupEventUpdateTriggered.emit({groupEvent:n,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}deleteGroupEventHandler(e){r("deleteGroupEventHandler",e.detail);const t=this.getGroupEventDetailsFromFormState();this.groupEventDeleteTriggered.emit({groupEvent:t,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}createGroupEventHandler(e){const t=e.detail;const n={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const a=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const s={title:t.title,description:t.description,location:!t.conferencing?t.location:undefined,participants:t.participants,organizer:n,conferencing:!t.location?t.conferencing:undefined,when:t.eventTimeslot.when,rrule:t.eventTimeslot.recurrence,calendar_id:a?.id||"primary",capacity:t.eventCapacity};this.groupEventCreateTriggered.emit({groupEvent:s,configId:this.selectedConfiguration?.id??"",host:this.host})}getGroupEventDetailsFromFormState(){const e=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const t={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const n=[{...t,is_organizer:true}];const{title:a,description:s,bookingCalendar:o,location:i,conferencing:r,eventCapacity:l,eventTimeslot:c,participants:d}=this.formState;return{title:a,description:s,location:!r?i:undefined,conferencing:!i?r:undefined,when:{start_time:c?.when?.start_time??0,end_time:c?.when?.end_time??0,start_timezone:c?.when?.start_timezone??"",end_timezone:c?.when?.end_timezone??""},rrule:c?.recurrence??[],calendar_id:o||e?.id||"primary",participants:d?.length?d:n,organizer:t,capacity:l||10}}getFormStateFromConfig(e){if(e?.appearance){console.info("Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired.")}return{additionalFields:e?.scheduler?.additional_fields??{},bookingType:e?.group_booking?.booking_type??"booking",cancellationPolicy:e?.scheduler?.cancellation_policy??"",minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,reminders:e?.group_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,bookingCalendar:e?.group_booking?.calendar_id}}setFormState(e,t){switch(t){case"title":this.formState.title=e.toString();break;case"description":this.formState.description=e.toString();break;case"location":this.formState.location=e.toString();break;case"conference":this.formState.conferencing=JSON.parse(e.toString());break;case"confirmation-type":this.formState.bookingType=e.toString();break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(e.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=e.toString();break;case"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"event-capacity":this.formState.eventCapacity=parseInt(String(e));break;case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"custom-event-slug":console.debug("custom-event-slug",e);this.formState.slug=JSON.parse(e.toString());break;case"page-styling":this.formState.appearance=JSON.parse(e.toString());break;case"page-name":this.formState.name=JSON.parse(e.toString());break;case"participants":{const t=JSON.parse(e.toString());this.formState.participants=t.map((e=>({name:e.name,email:e.email,is_organizer:e.is_organizer})));break}case"event-timeslot":this.formState.eventTimeslot=JSON.parse(e.toString());break}this.schedulerEditorFormUpdated.emit({value:e,name:t})}updateFormState(){const e=new FormData(this.formRef);e.forEach(((e,t)=>{this.setFormState(e,t)}));this.formState={...this.formState};return this.formState}setActiveTab(e,t){e.preventDefault();this.updateFormState();this.activeTab=t}hideTab(e){return this.hideEditorTabs?.includes(e)||false}onFeedbackClick(e){e.preventDefault();this.showFeedbackModal=true}render(){r("[nylas-editor-tabs-group]","render",this.formState);return t(s,{key:"afdf097ad3a673c5290d560773673f555319dcfb"},t("form",{key:"7f7e51ad07c4b8f2c95a546fa847f4b14f002b15",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?t("div",{class:"return-to-calendar-view",part:"editor__return-to-calendar-view net__return-to-calendar-view"},t("button-component",{id:"return-to-calendar-view-button",variant:"invisible",part:"nset__header__back-button",type:"button",onClick:e=>{this.setActiveTab(e,j.CalendarView)}},t("chevron-icon",{width:"16",height:"16"}),t("span",null,"Return to Calendar view"))):null,this.mode==="app"?t("div",{class:"form-contents",part:"editor__form-contents net__form-contents"},t("div",{class:"tabs",part:"editor__tabs net__tabs"},t("button",{name:j.BookingOptions,class:{tab:true,active:this.activeTab==j.BookingOptions,hide:this.hideTab(j.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,j.BookingOptions)},t("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),t("button",{name:j.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(j.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,j.BookingForm)},this.activeTab==j.BookingForm?t("calendar-agenda-fill-icon",{width:"16",height:"16"}):t("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),t("button",{name:j.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(j.Communications)},onClick:e=>this.setActiveTab(e,j.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==j.Communications?t("envelope-fill-icon",{width:"16",height:"16"}):t("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),t("button",{name:j.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(j.PageStyles)},onClick:e=>this.setActiveTab(e,j.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==j.PageStyles?t("paintbrush-fill-icon",{width:"16",height:"16"}):t("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),t("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},t(B,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new",i18next:l}))):t("div",{class:"composable",key:this.selectedConfiguration?.id},t("slot",null)),t("div",{key:"922210f9a184ff3ddb83630db4ae6ee1d9dd2944",class:"footer",part:"editor__footer net__footer"},t("div",{key:"5d8a938c31b831833ebe3030fee8da39acb12edb",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&t("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},t("feedback-icon",null)),this.activeTab===j.CalendarView&&t("button-component",{title:"Go to page settings",id:"page-settings",variant:"basic",onClick:e=>this.setActiveTab(e,j.BookingOptions)},"Page settings")),t("div",{key:"07889582bf417de6ccc1ce5a74f2a1c39559f9c0",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},t("p",{key:"ad80bbca9db6703743093ca6fee0bb3a949e66c6",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved&&this.activeTab!==j.CalendarView?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),t("div",{key:"a53e7d929f8e0cdaf36d2e43e98b8703cd6f2379",class:"footer-buttons__row"},this.schedulerPreviewLink!==""&&this.action==="edit"&&t("button-component",{title:"Preview",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();const t=this.previewButtonClicked.emit(this.host);if(!t.defaultPrevented){window.open(d(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},t("eye-icon",null)),t("button-component",{key:"9c048ca1576e4bd508461a172f3ffdfafcf39698",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),t("button-component",{key:"778f71bc70660a4e279db51a56fda244966a5694",type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},this.isLoading?t("span",null,l.t("savingButtonText"),t("loading-icon",null)," "):this.action==="create"?`${l.t("createButtonText")}`:`${l.t("saveChangesButtonText")}`))))),this.showFeedbackModal&&t("nylas-feedback-form",null))}get host(){return o(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],selectedGroupEvent:["selectedGroupEventChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};I([i({name:"nylas-editor-tabs-group",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"],["schedulerConfig.selectedGroupEvent","selectedGroupEvent"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:o,groupEvent:i}=e.detail;const r=e=>{const[t,n]=e;if(!t&&n){a.setError(n)}else if(t&&!n&&s==="create"){a.schedulerConfigCreatedEventHandler({config:t,action:s,host:a})}};if(s==="edit"){const a=await t.schedulerConfig.updateConfiguration(o);r(a);if(n){n(e)}}else{const a=await t.schedulerConfig.createConfiguration(o);r(a);const[s,l]=a;const c=s?.id;if(c&&i){const e=await t.schedulerConfig.createGroupEvent(i,c);r(e)}if(n){n(e)}}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined);t.schedulerConfigStore.set("selectedGroupEvent",undefined);t.schedulerConfigStore.set("groupEvents",[])},previewButtonClicked:async(e,t)=>{r("[nylas-editor-tabs-group]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{r("[nylas-editor-tabs-group]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{r("[nylas-editor-tabs-group]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{r("[nylas-editor-tabs-group]","schedulerConfigCreated",e)},groupEventUpdateTriggered:async(e,t)=>{const{groupEvent:n,host:a,chosenOption:s,configId:o}=e.detail;const i=await t.schedulerConfig.updateGroupEvent(n,s,o);const[r,l]=i;if(!r&&l){a.setError(l)}},groupEventDeleteTriggered:async(e,t)=>{const{groupEvent:n,chosenOption:a,configId:s,host:o}=e.detail;const i=await t.schedulerConfig.deleteGroupEvent(n,a,s);const[r,l]=i;if(!r&&l){o.setError(l)}},groupEventCreateTriggered:async(e,t)=>{const{groupEvent:n,configId:a,host:s}=e.detail;const o=await t.schedulerConfig.createGroupEvent(n,a);const[i,r]=o;if(!i&&r){s.setError(r)}},groupEventImportTriggered:async(e,t)=>{const{groupEvent:n,configId:a,host:s}=e.detail;const o=await t.schedulerConfig.importGroupEvent([n],a);const[i,r]=o;if(!i&&r){s.setError(r)}if(i&&i.import_failed&&i.import_failed.length>0){const e=i.import_failed.map((e=>e.reason)).join("\n");s.setError(new Error(e));setTimeout((()=>{s.resetError()}),5e3)}},saveGroupEventChangesError:async(e,t)=>{const{error:n,host:a}=e.detail;r("[nylas-editor-tabs-group]","saveGroupEventChangesError",n,a)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),$("design:type",Function),$("design:paramtypes",[]),$("design:returntype",void 0)],M.prototype,"render",null);M.style=R;const D=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:16px;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:hidden}.configurations .table-container{overflow-y:auto;flex:1}@media screen and (max-width: 768px){.configurations .table-container{min-height:624px}}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations .table-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem;text-align:right}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .actions select-dropdown.last::part(sd_dropdown-content){bottom:54px}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:white;width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .pagination button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}.card-wrapper{position:absolute;top:0;left:0;height:calc(100% + 4rem);width:-webkit-fill-available;width:-moz-available;width:fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.card-wrapper{justify-content:start;height:100%}}.card-modal{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-modal{width:auto;border-radius:0px}}.description.title-desc{margin-bottom:2rem}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}';const U=D;var J=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var G=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const V=class{constructor(t){e(this,t);this.initListConfigurations=a(this,"initListConfigurations",7);this.createButtonClick=a(this,"createButtonClick",7);this.editButtonClick=a(this,"editButtonClick",7);this.deleteButtonClick=a(this,"deleteButtonClick",7);this.configurations=[];this.selectedLanguage=undefined;this.schedulerPreviewLink="";this.listConfigurationsNextCursor=undefined;this.state="loading";this.error="";this.currentCursor=null;this.previousCursors=[];this.disableNextPageButton=false;this.deleteConfigurationId="";this.showDeleteButtonLoading=false}listConfigurationsNextCursorChangedHandler(e,t){if(!e||e===t){if(e===null){this.disableNextPageButton=true}return}this.disableNextPageButton=false;this.currentCursor=e}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}connectedCallback(){r("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){r("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){r("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){r("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(e){r("[nylas-list-configurations]","handleNylasFormDropdownChanged",e.detail);const{value:t}=e.detail;const[n,a]=t.split("-");e.preventDefault();switch(n){case"delete":this.deleteConfigurationId=this.configurations[a]?.id;break;case"preview":window.open(d(this.schedulerPreviewLink,this.configurations[a]),"_blank");break;case"copy":await navigator.clipboard.writeText(d(this.schedulerPreviewLink,this.configurations[a]));break}}async registerCallback(){this.initListConfigurations.emit({host:this.host})}async getState(){return this.state}async setState(e){this.state=e}async setError(e){this.error=e}async hideDeleteConfirmation(){this.deleteConfigurationId="";this.showDeleteButtonLoading=false}closeModal(e){e.preventDefault();this.deleteConfigurationId=""}handleConfirmDeleteButtonClicked(e){e.preventDefault();this.showDeleteButtonLoading=true;const t=this.configurations.find((e=>e.id===this.deleteConfigurationId));if(t&&t?.id){this.deleteButtonClick.emit({host:this.host,configuration:t})}}getDurationString(e){if(!e)return"—";const t=Math.floor(e/60);const n=e%60;return`${t?t:""} ${t?`${t>1?"hours":"hour"}`:""} ${n?n:""} ${n?`${n>1?"mins":"min"}`:""}`}getActionLabelHTML(e){const n={display:"inline-flex",alignItems:"center",gap:"0.5rem"};const a={color:"var(--nylas-error)"};switch(e){case"preview":return t("span",{style:n},t("eye-icon",{width:"16",height:"16"}),l.t("nylasListConfigurations.previewButtonText"));case"copy":return t("span",{style:n},t("copy-icon",{width:"16",height:"16"}),l.t("nylasListConfigurations.copyLinkButtonText"));case"delete":return t("span",{style:{...n,...a}},t("delete-icon",{width:"15",height:"17"}),l.t("nylasListConfigurations.deleteButtonText"));default:return""}}previousPageClickedHandler(){if(this.previousCursors.length===0)return;this.currentCursor=this.previousCursors.pop()||null;const e=this.previousCursors[this.previousCursors.length-1]||undefined;this.initListConfigurations.emit({host:this.host,cursor:e})}nextPageClickedHandler(){if(!this.currentCursor)return;this.previousCursors=[...this.previousCursors,this.currentCursor];this.initListConfigurations.emit({host:this.host,cursor:this.currentCursor})}render(){return t(s,null,t("div",{class:"header"},t("div",{class:"description"},t("h2",null,l.t("allSchedulingPages")),t("p",null,l.t("createAndManageSchedulingPages"))),this.configurations&&this.configurations.length>0&&t("div",{class:"actions"},t("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},l.t("createNewSchedulingPageButtonText")))),t("div",{class:"configurations"},t("div",{class:"table-container"},t("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},t("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},t("th",null,l.t("pageTitle")),t("th",null,l.t("durationTitle")),t("th",null)),this.state==="loading"&&t("tr",{class:"no-configurations"},t("td",{colSpan:3},t("div",null,t("h3",null,l.t("loading"),"..."),t("p",null,l.t("loadingPagesDescription"))))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&t("tr",{class:"no-configurations"},t("td",{colSpan:3},t("div",null,t("calendar-icon",{width:"48",height:"48"}),t("h3",null,l.t("noSchedulingPages")),t("p",null,l.t("createFirstSchedulingPage")),t("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},l.t("createNewSchedulingPageButtonText"))))),this.state!=="loading"&&this.configurations?.map(((e,n)=>{const a=(n===this.configurations.length-1||n===this.configurations.length-2)&&this.configurations.length>3;const s=e;const o=e;return t("tr",{key:e?.id},t("td",null,t("div",{class:"title"},t("div",{class:"config-event-title",title:o?.event_booking?.title},o?.event_booking?.title||s?.name),t("div",{class:"config-event-description"},o?.event_booking?.description))),t("td",null,t("div",{class:"duration"},this.getDurationString(o?.availability?.duration_minutes))),t("td",null,t("div",{class:"actions"},t("button-component",{variant:"basic",key:`edit-${n}`,clickHandler:t=>{t.preventDefault();this.editButtonClick.emit({host:this.host,configuration:e})}},t("edit-icon",{width:"16",height:"16"}),l.t("editSchedulingPageButtonText")),t("select-dropdown",{class:{last:a},name:"actions",options:[{value:`preview-${n}`,label:"Preview",labelHTML:this.getActionLabelHTML("preview")},{value:`copy-${n}`,label:"Copy link",labelHTML:this.getActionLabelHTML("copy")},{value:`delete-${n}`,label:"Delete",labelHTML:this.getActionLabelHTML("delete")}],defaultSelectedOption:{value:"",label:""},dropdownButtonText:"...",withSearch:false,withChevron:false,exportparts:"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete"}))))})))),t("div",{class:"pagination"},t("button",{class:"arrow left",onClick:()=>this.previousPageClickedHandler(),disabled:this.previousCursors.length<=0},t("chevron-icon",null)),t("button",{class:"arrow right",onClick:()=>this.nextPageClickedHandler(),disabled:this.disableNextPageButton},t("chevron-icon",null)))),this.state==="error"&&t("div",{class:"error-container"},t("p",{class:"error"},this.error)),!!this.deleteConfigurationId&&t("div",{class:"card-wrapper"},t("div",{class:"card-modal"},t("div",{class:"close-button"},t("button-component",{tooltip:"Close",id:"close",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__close-button"},t("close-icon",null))),t("div",{class:"header"},t("h2",{slot:"card-title",part:"nfbf__title"},l.t("deleteSchedulingPageTitle"))),t("div",{class:"description title-desc"},t("p",null,l.t("deleteSchedulingPageDescription"))),t("div",{class:{footer:true}},t("button-component",{variant:"basic",onClick:e=>this.closeModal(e),part:"nfbf__button-outline nfbf__cancel-cta"},`${l.t("deleteSchedulingPageCancelButton")}`),t("button-component",{variant:"destructive",onClick:e=>this.handleConfirmDeleteButtonClicked(e),disabled:this.showDeleteButtonLoading,isLoading:this.showDeleteButtonLoading,part:"nfbf__button-outline nfbf__reschedule-cta"},`${l.t("deleteSchedulingPageConfirmButton")}`)))))}get host(){return o(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};J([i({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"],["schedulerConfig.listConfigurationsNextCursor","listConfigurationsNextCursor"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(e,t)=>{const{host:n,cursor:a}=e.detail;await n.setState("loading");const[s,o]=await t.schedulerConfig.getConfigurations(a);if(!s&&o&&o.message){await n.setState("error");await n.setError(o.message);return}await n.setState("loaded")},createButtonClick:async(e,t)=>{t.schedulerConfigStore.resetSelectedConfiguration();if(t.schedulerConfigStore.state.experimentalFeatures?.group_events){t.schedulerConfigStore.state.action="create-select"}else{t.schedulerConfigStore.state.action="create"}},deleteButtonClick:async(e,t)=>{const{host:n,configuration:a}=e.detail;const[s,o]=await t.schedulerConfig.deleteConfiguration(a.id);if(!s&&o&&o.message){await n.setState("error");await n.setError(o.message)}await n.hideDeleteConfirmation()},editButtonClick:async(e,t)=>{const{configuration:n}=e.detail;t.schedulerConfigStore.state.selectedConfiguration=n;if(n.type==="group"){const{startTime:e,endTime:a}=b((new Date).toISOString(),"week");t.schedulerConfigStore.state.calendarViewDateRange={start_time:e.toString(),end_time:a.toString()};const[s,o]=await t.schedulerConfig.getGroupEvents(n.id);if(!s&&o&&o.message){return}}t.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],V.prototype,"render",null);V.style=U;const A=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-select-event-type{height:inherit;overflow-y:auto}.nylas-select-event-type div.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200)}.nylas-select-event-type div.header h2{font-size:18px;padding:0 24px;line-height:24px;margin:0;font-weight:600;color:var(--nylas-base-800)}.nylas-select-event-type div.header button-component button{background:transparent;border:none;cursor:pointer}.nylas-select-event-type div.header button-component button:hover,.nylas-select-event-type div.header button-component button:active{color:var(--nylas-primary);background-color:transparent}.nylas-select-event-type div.header button-component button:disabled{cursor:not-allowed}.nylas-select-event-type div.content{padding:40px}.nylas-select-event-type div.content h3{margin:0 0 32px 0;font-size:18px;line-height:24px;font-weight:600}.nylas-select-event-type div.content div.event-type{display:flex;flex-direction:column;gap:8px}.nylas-select-event-type div.content div.event-type div.event-type-option{padding:16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-3x);width:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px}.nylas-select-event-type div.content div.event-type div.event-type-option h4{margin:0;font-size:16px;line-height:24px;font-weight:600;color:var(--nylas-base-900)}.nylas-select-event-type div.content div.event-type div.event-type-option p{margin:0;font-size:14px;line-height:21px;font-weight:400;color:var(--nylas-base-800)}';const W=A;var Z=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,o=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(i=e[r])o=(s<3?i(o):s>3?i(t,n,o):i(t,n))||o;return s>3&&o&&Object.defineProperty(t,n,o),o};var q=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const K=class{constructor(t){e(this,t);this.returnToAllSchedulingPagesEvent=a(this,"returnToAllSchedulingPagesEvent",7);this.createEventTypeSelected=a(this,"createEventTypeSelected",7);this.participantOptions=undefined;this.name="select-event-type";this.selectedLanguage=undefined}connectedCallback(){r("nylas-select-event-type","connectedCallback")}disconnectedCallback(){r("nylas-select-event-type","disconnectedCallback")}componentWillLoad(){r("nylas-select-event-type","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){r("nylas-select-event-type","componentDidLoad")}elementNameChangedHandler(e){r("nylas-select-event-type","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}render(){const e=[{label:"1:1",value:f.one_on_one,description:"Allows 1:1 bookings"},{label:"Collective",value:f.collective,description:"Allows n:1 bookings with additional participants"},{label:"Round-Robin Maximize Fairness",value:f.max_fairness,description:"Rotates through the list of participants you select, displaying the participant with the fewest recent bookings."},{label:"Round-Robin Maximize Availability",value:f.max_availability,description:"Rotates through the list of participants you select, prioritizing participants with the fewest recent bookings, but making as many time-slots available as possible."},{label:"Group / Class",value:f.group,description:"These are events which generally have one organizer and multiple participants"}];const n=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 a=[f.collective,f.max_availability,f.max_fairness];const o=[f.one_on_one,f.group];return t(s,{key:"f8de37755eeddad5bdd36cb5229213eb3ae5f0cd"},t("div",{key:"b6c0dccb737ee275cae88aa030521ddcde46d758",class:"nylas-select-event-type",part:"nset"},t("div",{key:"ab264f22893e7fbe43c40bca12a9897383fe9d64",class:"header",part:"nset__header"},t("h2",{key:"e8a251f5654f716467316a812ae0aabbd173c0d1"},"Create an event"),t("button-component",{key:"c57df15963b506ab167a9778930386a55904830f",variant:"invisible",part:"nset__header__back-button",onClick:e=>{this.returnToAllSchedulingPagesEvent.emit()}},t("chevron-icon",{key:"fbd0d135903087f8d48a197bfc06f2435167c290",width:"16",height:"16"}),t("span",{key:"d49121b7b0261fcba804f31e770781f296d28e05"},"Return to all scheduling pages"))),t("div",{key:"f5d4421e8840a639d9dd812d599bc2048d7e1774",class:"content",part:"nset__content"},t("h3",{key:"b381ae1a30075b6a63edce11591915733ce649d1"},"Event type"),t("div",{key:"2b835b7b62096c4e8146c90716c0eae9264162db",class:"event-type",part:"nset__content__event-type"},e.filter((e=>o.includes(e.value)||n&&a.includes(e.value))).map((e=>t("div",{class:"event-type-option",onClick:t=>{this.createEventTypeSelected.emit({eventType:e.value})},part:`nset__content__event-type-option-${e.value}`},t("h4",null,e.label),t("p",null,e.description))))))))}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Z([i({name:"nylas-select-event-type",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.additionalParticipants","participantOptions"]]),eventToProps:{returnToAllSchedulingPagesEvent:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined)},createEventTypeSelected:async(e,t)=>{const{eventType:n}=e.detail;t.schedulerConfigStore.state.action="create";t.schedulerConfigStore.state.selectedEventType=n}},fireRegisterEvent:true}),q("design:type",Function),q("design:paramtypes",[]),q("design:returntype",void 0)],K.prototype,"render",null);K.style=W;export{k as google_logo_icon,S as microsoft_logo_icon,P as nylas_editor_tabs,M as nylas_editor_tabs_group,V as nylas_list_configurations,K as nylas_select_event_type};
|
|
2
|
+
//# sourceMappingURL=p-91bc630c.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,h as o,a as s}from"./p-6f5a3998.js";import{i as r}from"./p-6c2ba972.js";import{a as i,i as n}from"./p-77e4b56c.js";import"./p-c79dcb59.js";const d=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const a=d;const l=class{constructor(o){e(this,o);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.typedValue="";this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e?.label===t?.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.typedValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;this.typedValue=t;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){this.scrollToViewWithinParent(o)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const o=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!o||!s)return;const r=o.getBoundingClientRect();const i=s.getBoundingClientRect();if(r.top<i.top){s.scrollTop-=i.top-r.top}else if(r.bottom>i.bottom){s.scrollTop+=r.bottom-i.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){setTimeout((()=>{this.scrollToViewWithinParent(o)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const o=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(o===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o+1<t.length?o+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(o===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o-1>=0?o-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[o])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const o=t.value;const s=this.el.shadowRoot?.getElementById(o);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const o=t.includes(this.el);if(!o&&this.isOpen){this.isOpen=false}}render(){return o("div",{key:"806fa6a509d7a7c78bf6ee1de1dd4cd7a755bab4",class:"dropdown",part:"id_dropdown"},o("input",{key:"b594d3517fba52cb85e95220c6d415d672c26a71",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?o("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},o("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>o("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};l.style=a;const p=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown#time-number.error.sc-time-period-selector::part(id_dropdown-input){border:1px solid var(--nylas-error)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector:hover{outline:1px solid var(--nylas-primary);border:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:16px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input):hover{border:none;outline:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown_label){height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between;border:none;align-items:center;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const c=p;const h={hours:"hour",days:"day",weeks:"week",months:"month",years:"year"};const u=class{constructor(o){e(this,o);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=r;this.defaultSelectedPeriod=undefined;this.defaultSelectedNumber=undefined;this.hasError=false;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e.label,value:e.value})))}defaultSelectedPeriodChanged(e){this.selectedPeriod=e;this.updateNumberOptionsAndSelectedNumber(e)}defaultSelectedNumberChanged(e){this.selectedNumber=e}timePeriodsChanged(e){this.timePeriodOptions=[...e]}componentDidLoad(){this.selectedNumber=this.defaultSelectedNumber;this.selectedPeriod=this.defaultSelectedPeriod;const e=h[this.selectedPeriod]??this.selectedPeriod;const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));case"year":return Array.from({length:10},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){i("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-number"){this.selectedNumber=t?parseInt(t):this.defaultSelectedNumber}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){i("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(o==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}render(){return o("div",{key:"e482a321073bccd2cef6b05f4e6ad95cd3386b3a",class:"time-period-selector"},typeof this.selectedNumber=="number"&&o("input-dropdown",{id:"time-number",name:"time-number",class:{error:this.hasError},inputValue:this.selectedNumber.toString(),exportparts:"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))}),typeof this.selectedPeriod=="string"&&o("select-dropdown",{id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?n.t(`time.${this.selectedPeriod}s`):n.t(`time.${this.selectedPeriod}`),defaultSelectedOption:this.timePeriodOptions?.find((e=>e.value==this.selectedPeriod)),withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChanged"],defaultSelectedNumber:["defaultSelectedNumberChanged"],timePeriods:["timePeriodsChanged"]}}};u.style=c;export{l as input_dropdown,u as time_period_selector};
|
|
2
|
+
//# sourceMappingURL=p-c3cfe486.entry.js.map
|