@nylas/web-elements 1.1.0-canary.7 → 1.1.0-canary.8

package/dist/nylas-web-elements/{p-343b8684.entry.js → p-bb89e973.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as t,H as n,a as e}from"./p-68c2fadf.js";import{R as r}from"./p-eaa9151b.js";import{a as s}from"./p-41dc0d93.js";import"./p-cb65c223.js";const a=":host{display:block}sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}";const i=a;var l=undefined&&undefined.__decorate||function(o,t,n,e){var r=arguments.length,s=r<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,n):e,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(o,t,n,e);else for(var i=o.length-1;i>=0;i--)if(a=o[i])s=(r<3?a(s):r>3?a(t,n,s):a(t,n))||s;return r>3&&s&&Object.defineProperty(t,n,s),s};var c=undefined&&undefined.__metadata||function(o,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,t)};const d=class{constructor(t){o(this,t);this.onClick=async()=>{const o=this.method;s(`[nylas-mailbox-toolbar-button] onClick`,{method:o,mailboxConnector:this.mailboxConnector});if(this.mailboxConnector&&o){const t=this.callMethod(this.mailboxConnector,o);if(t){await t()}}};this.method=undefined;this.dataState=undefined;this.iconOnly=false;this.mailboxConnector=undefined}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-if-state] Component will load`)}async componentDidLoad(){s(`[nylas-if-state] Component did load`)}callMethod(o,t){const n=t.split(".");let e=o;for(const o of n.slice(0,-1)){e=e[o];if(!e){return undefined}}const r=n[n.length-1];const s=e[r];if(typeof s==="function"){return s.bind(e)}return undefined}renderByState(o){return o?t("slot",{name:"loading"},"Loading..."):t("slot",null,"Click")}hasSlot(o){return!!this.host.querySelector(`[slot="${o}"]`)}render(){let o=false;const e=this.mailboxConnector?.nylasMailboxStore;if(typeof e!=="undefined"){const t=String(this.dataState);o=this.dataState?e.get(t)==="loading":false}const r=o?`state-loading`:"state-ready";return t(n,{key:"2454ef2e4270d1642cabe57dacf53908fcdb34e6"},t("sp-theme",{key:"97d71094fabc3466b87142dfdd1d0bb22659fd32",scale:"medium",color:"dark"},t("sp-button",{onClick:this.onClick,disabled:o,key:r,"icon-only":this.iconOnly,label:this.renderByState(o)},this.hasSlot("icon")&&t("div",{slot:"icon",class:"slot"},t("slot",{name:"icon"})),!this.iconOnly&&this.renderByState(o))))}get host(){return e(this)}};l([r({name:"nylas-mailbox-toolbar-button",connectorToProp:"mailboxConnector",fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as nylas_mailbox_toolbar_button};
-//# sourceMappingURL=p-343b8684.entry.js.map
+import{r as o,h as t,H as n,a as e}from"./p-68c2fadf.js";import{R as r}from"./p-f0f3f350.js";import{a as s}from"./p-ad7cf473.js";import"./p-cb65c223.js";const a=":host{display:block}sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}";const i=a;var l=undefined&&undefined.__decorate||function(o,t,n,e){var r=arguments.length,s=r<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,n):e,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(o,t,n,e);else for(var i=o.length-1;i>=0;i--)if(a=o[i])s=(r<3?a(s):r>3?a(t,n,s):a(t,n))||s;return r>3&&s&&Object.defineProperty(t,n,s),s};var c=undefined&&undefined.__metadata||function(o,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,t)};const d=class{constructor(t){o(this,t);this.onClick=async()=>{const o=this.method;s(`[nylas-mailbox-toolbar-button] onClick`,{method:o,mailboxConnector:this.mailboxConnector});if(this.mailboxConnector&&o){const t=this.callMethod(this.mailboxConnector,o);if(t){await t()}}};this.method=undefined;this.dataState=undefined;this.iconOnly=false;this.mailboxConnector=undefined}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-if-state] Component will load`)}async componentDidLoad(){s(`[nylas-if-state] Component did load`)}callMethod(o,t){const n=t.split(".");let e=o;for(const o of n.slice(0,-1)){e=e[o];if(!e){return undefined}}const r=n[n.length-1];const s=e[r];if(typeof s==="function"){return s.bind(e)}return undefined}renderByState(o){return o?t("slot",{name:"loading"},"Loading..."):t("slot",null,"Click")}hasSlot(o){return!!this.host.querySelector(`[slot="${o}"]`)}render(){let o=false;const e=this.mailboxConnector?.nylasMailboxStore;if(typeof e!=="undefined"){const t=String(this.dataState);o=this.dataState?e.get(t)==="loading":false}const r=o?`state-loading`:"state-ready";return t(n,{key:"2454ef2e4270d1642cabe57dacf53908fcdb34e6"},t("sp-theme",{key:"97d71094fabc3466b87142dfdd1d0bb22659fd32",scale:"medium",color:"dark"},t("sp-button",{onClick:this.onClick,disabled:o,key:r,"icon-only":this.iconOnly,label:this.renderByState(o)},this.hasSlot("icon")&&t("div",{slot:"icon",class:"slot"},t("slot",{name:"icon"})),!this.iconOnly&&this.renderByState(o))))}get host(){return e(this)}};l([r({name:"nylas-mailbox-toolbar-button",connectorToProp:"mailboxConnector",fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as nylas_mailbox_toolbar_button};
+//# sourceMappingURL=p-bb89e973.entry.js.map

package/dist/nylas-web-elements/{p-1a91cce5.entry.js → p-c529dced.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,c as n,H as a,a as s}from"./p-68c2fadf.js";import{R as i}from"./p-eaa9151b.js";import{a as o,m as r}from"./p-41dc0d93.js";import{D as l}from"./p-49f716ed.js";import"./p-cb65c223.js";const c=".sc-google-logo-icon-h{display:flex}";const d=c;const b=class{constructor(e){t(this,e);this.width="24";this.height="24"}render(){return e("svg",{key:"2445589627197f9af06e10891e1772c17b140c0a",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"b84ea9a0cc741b646d9a63113404d34c5e155fc8","clip-path":"url(#clip0_959_12452)"},e("path",{key:"9c774266fb43cf807ea64846b71eb27c6272b17d",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"}),e("path",{key:"ff0fe8133c31fc75ecf3e9fedecbbaef2e35dd54",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"}),e("path",{key:"5851b3de9ee71263668f65e2e86f0dfab3039c83",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"}),e("path",{key:"2a79a335e1b8d03747b5f879a75deb5544e5cf63",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"})),e("defs",{key:"f3b4d8d363cc9ac066b92de2354b9210d7190b46"},e("clipPath",{key:"270b05e06d87d998c7525254f4f2ae3d5a0ab835",id:"clip0_959_12452"},e("rect",{key:"de0df984a8f12ccdd0c655968c4f8b2049996968",width:24,height:24,fill:"white"}))))}};b.style=d;const f=".sc-microsoft-logo-icon-h{display:flex}";const h=f;const p=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"de39bfb3167fbd60d21025e74c1bc19cdd7d4dc9",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"0f80864e892ff36e6e76ef03f5f36d62007d99ee",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"ab0e85f803a3cf2e32055ebeff1b0705edebe048",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"b6359dcb76ade260f2a9e9bdf1be21ba84b77b79",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"cf38a555c09aaef94a15fd26b0951e2642eaad6d",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};p.style=h;function u({id:t,formState:n,activeTab:a,calendars:s}){switch(a){case"eventInfo":const a=n.title;const i=n.description;const o=parseInt(n.duration);const r=n.location;return e("div",{key:t},e("nylas-event-info",null,e("div",{slot:"inputs"},e("nylas-event-title",{name:"title",eventTitle:a,exportparts:"net, net__title, net__dropdown-content"}),e("nylas-event-duration",{name:"duration",eventDurationMinutes:o,exportparts:"ned, ned__input, ned__dropdown, ned__dropdown-button, ned__dropdown-content"}),e("nylas-location-component",{name:"location",eventLocation:r,exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e("nylas-event-description",{name:"description",eventDescription:i,exportparts:"nedesc, nedesc__textarea"}))));case"availability":const l=n.availability.openHours;const c=n.availability.timezone?n.availability.timezone:Intl.DateTimeFormat().resolvedOptions().timeZone;const d=n.participants?.find((t=>t.is_organizer));const b=d?.email??"primary";const f=n.calendarIds.length>0?n.calendarIds:[b];const h=n.bookingCalendar=="primary"?b:n.bookingCalendar;return e("div",{key:t},e("nylas-booking-calendar-picker",{name:"booking-calendar",calendars:s??[],defaultBookingCalendar:h,exportparts:"nbcp, nbcp__header, nbcp__input-label, nbcp__dropdown, nbcp__dropdown-button, nbcp__dropdown-content"}),e("nylas-calendar-picker",{name:"calendars",calendars:s??[],defaultSelectedCalendars:f,exportparts:"ncp ncp__header, ncp__dropdown, ncp__dropdown-button, ncp__dropdown-content"}),e("nylas-availability-picker",{name:"availability",openHours:l,defaultTimezone:c,exportparts:"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"}));case"bookingOptions":return e("div",{key:t},e("nylas-buffer-time",{name:"buffer-time",buffer:n.buffer,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"}),e("nylas-custom-booking-flow",{name:"booking-type",bookingType:n.bookingType,exportparts:"ncbf, ncbf__header, ncbf__dropdown, ncbf__dropdown-button, ncbf__dropdown-content"}),e("nylas-event-limits",null,e("div",{slot:"inputs"},e("nylas-limit-future-bookings",{name:"limit-future-bookings",availableDaysInFuture:n.availableDaysInFuture,exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),e("nylas-min-cancellation-notice",{name:"min-cancellation-notice",minCancellationNotice:n.minCancellationNotice,exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}))))}}const y='.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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{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}}.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)}.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;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.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 .tab-content.sc-nylas-editor-tabs{max-width:692px}.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}.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:1rem;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}';const g=y;var m=undefined&&undefined.__decorate||function(t,e,n,a){var s=arguments.length,i=s<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])i=(s<3?o(i):s>3?o(e,n,i):o(e,n))||i;return s>3&&i&&Object.defineProperty(e,n,i),i};var v=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const _=class{constructor(e){t(this,e);this.schedulerConfigChanged=n(this,"schedulerConfigChanged",7);this.cancelButtonClick=n(this,"cancelButtonClick",7);this.formSubmitted=n(this,"formSubmitted",7);this.previewButtonClicked=n(this,"previewButtonClicked",7);this.setError=t=>{this.error=t.message};this.formSubmissionHandler=async t=>{t.preventDefault();this.formSubmitted.emit();const e=this.formRef.checkValidity();if(!e){return}this.isLoading=true;this.hasUnsavedChanges=false;const n=this.updateFormState();const{title:a,description:s,duration:i,availability:o,calendarIds:r,bookingCalendar:c,location:d,bookingType:b,buffer:f,availableDaysInFuture:h,minCancellationNotice:p}=n;const u=this.selectedConfiguration?.participants?.find((t=>t.is_organizer));const y={...this.selectedConfiguration,version:this.selectedConfiguration?.version??"1.0.0",availability:{duration_minutes:i?parseInt(i):0,availability_rules:{availability_method:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective",buffer:f||{before:0,after:0},default_open_hours:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??l,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[{name:u?.name??u?.email??this.currentUser?.name??this.currentUser?.email??"",email:u?.email??this.currentUser?.email??"",is_organizer:true,availability:{calendar_ids:r?.length?r:["primary"],open_hours:o?.openHours??[]},booking:{calendar_id:c&&c!==""?c:"primary"}}],event_booking:{title:a?.toString()??"",description:s?.toString()??"",location:d?.toString()??"",booking_type:b?.toString()??"booking",timezone:o?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone},scheduler:{available_days_in_future:h??30,min_cancellation_notice:p??0}};const g=t=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};this.schedulerConfigChanged.emit({config:y,resetLoadingState:g,setError:this.setError,action:this.action})};this.calendars=undefined;this.selectedConfiguration=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.action="create";this.mode="app";this.activeTab="eventInfo";this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(t){o("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(t)};if(t.id){this.action="edit"}else{this.action="create"}}connectedCallback(){o("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){o("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){o("[nylas-editor-tabs]","componentDidLoad")}disconnectedCallback(){o("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){o("[nylas-editor-tabs]","handleValueChanged",t);const{name:e,value:n}=t.detail;this.formState={...this.formState,[e]:n};this.hasUnsavedChanges=true;this.error=""}getFormStateFromConfig(t){const e=t?.participants?.find((t=>t.is_organizer));return{title:t?.event_booking?.title??"",description:t?.event_booking?.description??"",duration:t?.availability?.duration_minutes?.toString()??"10",availability:{timezone:t?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,open_hours:e?.availability?.open_hours??undefined},calendarIds:e?.availability?.calendar_ids??[],participants:t?.participants??[],bookingCalendar:e?.booking?.calendar_id??e?.email??"",location:this.selectedConfiguration?.event_booking?.location??"",bookingType:this.selectedConfiguration?.event_booking?.booking_type??"booking",buffer:this.selectedConfiguration?.availability?.availability_rules?.buffer??{before:0,after:0},availableDaysInFuture:this.selectedConfiguration?.scheduler?.available_days_in_future??30,minCancellationNotice:this.selectedConfiguration?.scheduler?.min_cancellation_notice??0}}updateFormState(){const t=new FormData(this.formRef);t.forEach(((t,e)=>{switch(e){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"calendars":this.formState.calendarIds=t.toString().split(",");break;case"booking-calendar":this.formState.bookingCalendar=t.toString();break;case"location":this.formState.location=t.toString();break;case"booking-type":this.formState.bookingType=t.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(t.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(t.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(t.toString());break}}));this.formState={...this.formState};return this.formState}setActiveTab(t,e){t.preventDefault();this.updateFormState();this.activeTab=e}render(){o("[nylas-editor-tabs]","render",this.formState);return e(a,{key:"c1e6e9d2cfe242e407a909281063767a0985245e"},e("form",{key:"4baaac0129e8a357b78980636bd32b3818ec0820",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:t=>this.formRef=t,noValidate:true},this.mode==="app"?e("div",{class:"form-contents"},e("div",{class:"tabs"},e("button",{class:{tab:true,active:this.activeTab=="eventInfo"},onClick:t=>this.setActiveTab(t,"eventInfo")},e("calendar-info-icon",{width:"16",height:"16"}),"Event Info"),e("button",{class:{tab:true,active:this.activeTab=="availability"},onClick:t=>this.setActiveTab(t,"availability")},e("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e("button",{class:{tab:true,active:this.activeTab=="bookingOptions"},onClick:t=>this.setActiveTab(t,"bookingOptions")},e("flow-icon",{width:"16",height:"16"}),"Booking Options")),e("div",{class:"tab-content"},e(u,{formState:this.formState,activeTab:this.activeTab,calendars:this.calendars,id:this.selectedConfiguration?.id??"new"}))):e("slot",null),e("div",{key:"38bdcdd7283d98ea54c7594a52cc16b85b3b776a",class:"footer"},e("div",{key:"5543e3f7eb2fa9f2f3bbe6053fde7d0ea13c3bc0",class:"preview"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();const e=this.previewButtonClicked.emit(this.host);if(!e.defaultPrevented){window.open(r(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},"Preview")),e("div",{key:"62470cdbc7c4670e6ff03e9979ca803f81482b15",class:"buttons"},e("p",{key:"5ecdfa1082650aab2f8fef8ed7beeb11fedb381c",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?"Unsaved changes":this.error==""&&this.changesSaved?"Changes saved!":""),e("button-component",{key:"1bb3af5cc04c49e311267fb43ac326267acdaa1d",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic"},"Cancel"),e("button-component",{key:"28c9725c69104d1849b2ab3068b61a269370f016",type:"submit",disabled:this.isLoading},this.isLoading?e("span",null,"Saving",e("loading-icon",null)," "):this.action=="create"?"Create":"Save changes")))))}get host(){return s(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"]}}};m([i({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"]]),eventToProps:{schedulerConfigChanged:async(t,e)=>{const{resetLoadingState:n,setError:a,action:s,config:i}=t.detail;const o=e=>{const[s,i]=e;if(!s&&i&&a){a(i)}if(n){n(t)}};if(s==="edit"){const t=await e.schedulerConfig.updateConfiguration(i);o(t)}else{const t=await e.schedulerConfig.createConfiguration(i);o(t)}},cancelButtonClick:async(t,e)=>{e.schedulerConfigStore.state.action=null}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),fireRegisterEvent:true}),v("design:type",Function),v("design:paramtypes",[]),v("design:returntype",void 0)],_.prototype,"render",null);_.style=g;const w=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:1rem;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);overflow-x:auto}.configurations table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit}.configurations table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations table tr:last-of-type{border-bottom:0}.configurations table tr.hide{display:none}.configurations table th{font-weight:600;text-transform:uppercase}.configurations 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 tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations table th,.configurations table td{text-align:left;padding:1rem;font-family:inherit}.configurations table .actions{text-align:right}.configurations table .actions{display:flex;justify-content:flex-end;gap:1rem}.configurations table .title{display:flex;flex-direction:column}.configurations table .title .config-event-title{font-weight:600}.configurations table .title .config-event-description{font-size:0.75rem}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}';const k=w;var x=undefined&&undefined.__decorate||function(t,e,n,a){var s=arguments.length,i=s<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])i=(s<3?o(i):s>3?o(e,n,i):o(e,n))||i;return s>3&&i&&Object.defineProperty(e,n,i),i};var C=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const H=class{constructor(e){t(this,e);this.initListConfigurations=n(this,"initListConfigurations",7);this.createButtonClick=n(this,"createButtonClick",7);this.editButtonClick=n(this,"editButtonClick",7);this.deleteButtonClick=n(this,"deleteButtonClick",7);this.configurations=[];this.schedulerPreviewLink="";this.state="loading";this.error=""}connectedCallback(){o("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){o("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){o("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit(this.host)}disconnectedCallback(){o("[nylas-list-configurations]","disconnectedCallback")}async getState(){return this.state}async setState(t){this.state=t}async setError(t){this.error=t}render(){return e(a,null,e("div",{class:"header"},e("div",{class:"description"},e("h2",null,"All scheduling pages"),e("p",null,"Create, edit and manage all your scheduling pages.")),this.configurations&&this.configurations.length>0&&e("div",{class:"actions"},e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e("div",{class:"configurations"},e("table",null,e("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},e("th",null,"Scheduling page event title"),e("th",null,"Duration"),e("th",{class:"actions"},"Actions")),this.state==="loading"&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("h3",null,"Loading..."),e("p",null,"Please wait while we fetch the scheduling pages")))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("calendar-icon",{width:"48",height:"48"}),e("h3",null,"No scheduling pages found"),e("p",null,"Get started with creating your first scheduling page"),e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new")))),this.state!=="loading"&&this.configurations.map((t=>e("tr",{key:t.id},e("td",null,e("div",{class:"title"},e("span",{class:"config-event-title"},t.event_booking.title),e("span",{class:"config-event-description"},t.event_booking.description))),e("td",null,e("div",null,t.availability.duration_minutes," mins")),e("td",null,e("div",{class:"actions"},e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();window.open(r(this.schedulerPreviewLink,t),"_blank")}},"Preview"),e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();this.editButtonClick.emit({host:this.host,configuration:t})}},"Edit"),e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();this.deleteButtonClick.emit({host:this.host,configuration:t})}},"Delete")))))))),e("div",{class:"error-container"},e("p",{class:"error"},this.state==="error"&&this.error)))}get host(){return s(this)}};x([i({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(t,e)=>{const n=t.detail;await n.setState("loading");const[a,s]=await e.schedulerConfig.getConfigurations();if(!a&&s&&s.message){await n.setState("error");await n.setError(s.message);return}await n.setState("loaded")},createButtonClick:async(t,e)=>{e.schedulerConfigStore.resetSelectedConfiguration();e.schedulerConfigStore.state.action="create"},deleteButtonClick:async(t,e)=>{const{host:n,configuration:a}=t.detail;const[s,i]=await e.schedulerConfig.deleteConfiguration(a.id);if(!s&&i&&i.message){await n.setState("error");await n.setError(i.message)}},editButtonClick:async(t,e)=>{const{configuration:n}=t.detail;e.schedulerConfigStore.state.selectedConfiguration=n;e.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),C("design:type",Function),C("design:paramtypes",[]),C("design:returntype",void 0)],H.prototype,"render",null);H.style=k;export{b as google_logo_icon,p as microsoft_logo_icon,_ as nylas_editor_tabs,H as nylas_list_configurations};
-//# sourceMappingURL=p-1a91cce5.entry.js.map
+import{r as t,h as e,c as n,H as a,a as s}from"./p-68c2fadf.js";import{R as i}from"./p-f0f3f350.js";import{a as o,m as r}from"./p-ad7cf473.js";import{D as l}from"./p-49f716ed.js";import"./p-cb65c223.js";const c=".sc-google-logo-icon-h{display:flex}";const d=c;const b=class{constructor(e){t(this,e);this.width="24";this.height="24"}render(){return e("svg",{key:"2445589627197f9af06e10891e1772c17b140c0a",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"b84ea9a0cc741b646d9a63113404d34c5e155fc8","clip-path":"url(#clip0_959_12452)"},e("path",{key:"9c774266fb43cf807ea64846b71eb27c6272b17d",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"}),e("path",{key:"ff0fe8133c31fc75ecf3e9fedecbbaef2e35dd54",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"}),e("path",{key:"5851b3de9ee71263668f65e2e86f0dfab3039c83",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"}),e("path",{key:"2a79a335e1b8d03747b5f879a75deb5544e5cf63",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"})),e("defs",{key:"f3b4d8d363cc9ac066b92de2354b9210d7190b46"},e("clipPath",{key:"270b05e06d87d998c7525254f4f2ae3d5a0ab835",id:"clip0_959_12452"},e("rect",{key:"de0df984a8f12ccdd0c655968c4f8b2049996968",width:24,height:24,fill:"white"}))))}};b.style=d;const f=".sc-microsoft-logo-icon-h{display:flex}";const h=f;const p=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"de39bfb3167fbd60d21025e74c1bc19cdd7d4dc9",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"0f80864e892ff36e6e76ef03f5f36d62007d99ee",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"ab0e85f803a3cf2e32055ebeff1b0705edebe048",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"b6359dcb76ade260f2a9e9bdf1be21ba84b77b79",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"cf38a555c09aaef94a15fd26b0951e2642eaad6d",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};p.style=h;function u({id:t,formState:n,activeTab:a,calendars:s}){switch(a){case"eventInfo":const a=n.title;const i=n.description;const o=parseInt(n.duration);const r=n.location;return e("div",{key:t},e("nylas-event-info",null,e("div",{slot:"inputs"},e("nylas-event-title",{name:"title",eventTitle:a,exportparts:"net, net__title, net__dropdown-content"}),e("nylas-event-duration",{name:"duration",eventDurationMinutes:o,exportparts:"ned, ned__input, ned__dropdown, ned__dropdown-button, ned__dropdown-content"}),e("nylas-location-component",{name:"location",eventLocation:r,exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e("nylas-event-description",{name:"description",eventDescription:i,exportparts:"nedesc, nedesc__textarea"}))));case"availability":const l=n.availability.openHours;const c=n.availability.timezone?n.availability.timezone:Intl.DateTimeFormat().resolvedOptions().timeZone;const d=n.participants?.find((t=>t.is_organizer));const b=d?.email??"primary";const f=n.calendarIds.length>0?n.calendarIds:[b];const h=n.bookingCalendar=="primary"?b:n.bookingCalendar;return e("div",{key:t},e("nylas-booking-calendar-picker",{name:"booking-calendar",calendars:s??[],defaultBookingCalendar:h,exportparts:"nbcp, nbcp__header, nbcp__input-label, nbcp__dropdown, nbcp__dropdown-button, nbcp__dropdown-content"}),e("nylas-calendar-picker",{name:"calendars",calendars:s??[],defaultSelectedCalendars:f,exportparts:"ncp ncp__header, ncp__dropdown, ncp__dropdown-button, ncp__dropdown-content"}),e("nylas-availability-picker",{name:"availability",openHours:l,defaultTimezone:c,exportparts:"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"}));case"bookingOptions":return e("div",{key:t},e("nylas-buffer-time",{name:"buffer-time",buffer:n.buffer,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"}),e("nylas-custom-booking-flow",{name:"booking-type",bookingType:n.bookingType,exportparts:"ncbf, ncbf__header, ncbf__dropdown, ncbf__dropdown-button, ncbf__dropdown-content"}),e("nylas-event-limits",null,e("div",{slot:"inputs"},e("nylas-limit-future-bookings",{name:"limit-future-bookings",availableDaysInFuture:n.availableDaysInFuture,exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),e("nylas-min-cancellation-notice",{name:"min-cancellation-notice",minCancellationNotice:n.minCancellationNotice,exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}))))}}const y='.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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{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}}.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)}.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;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.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 .tab-content.sc-nylas-editor-tabs{max-width:692px}.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}.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:1rem;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}';const g=y;var m=undefined&&undefined.__decorate||function(t,e,n,a){var s=arguments.length,i=s<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])i=(s<3?o(i):s>3?o(e,n,i):o(e,n))||i;return s>3&&i&&Object.defineProperty(e,n,i),i};var v=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const _=class{constructor(e){t(this,e);this.schedulerConfigChanged=n(this,"schedulerConfigChanged",7);this.cancelButtonClick=n(this,"cancelButtonClick",7);this.formSubmitted=n(this,"formSubmitted",7);this.previewButtonClicked=n(this,"previewButtonClicked",7);this.setError=t=>{this.error=t.message};this.formSubmissionHandler=async t=>{t.preventDefault();this.formSubmitted.emit();const e=this.formRef.checkValidity();if(!e){return}this.isLoading=true;this.hasUnsavedChanges=false;const n=this.updateFormState();const{title:a,description:s,duration:i,availability:o,calendarIds:r,bookingCalendar:c,location:d,bookingType:b,buffer:f,availableDaysInFuture:h,minCancellationNotice:p}=n;const u=this.selectedConfiguration?.participants?.find((t=>t.is_organizer));const y={...this.selectedConfiguration,version:this.selectedConfiguration?.version??"1.0.0",availability:{duration_minutes:i?parseInt(i):0,availability_rules:{availability_method:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective",buffer:f||{before:0,after:0},default_open_hours:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??l,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[{name:u?.name??u?.email??this.currentUser?.name??this.currentUser?.email??"",email:u?.email??this.currentUser?.email??"",is_organizer:true,availability:{calendar_ids:r?.length?r:["primary"],open_hours:o?.openHours??[]},booking:{calendar_id:c&&c!==""?c:"primary"}}],event_booking:{title:a?.toString()??"",description:s?.toString()??"",location:d?.toString()??"",booking_type:b?.toString()??"booking",timezone:o?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone},scheduler:{available_days_in_future:h??30,min_cancellation_notice:p??0}};const g=t=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};this.schedulerConfigChanged.emit({config:y,resetLoadingState:g,setError:this.setError,action:this.action})};this.calendars=undefined;this.selectedConfiguration=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.action="create";this.mode="app";this.activeTab="eventInfo";this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(t){o("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(t)};if(t.id){this.action="edit"}else{this.action="create"}}connectedCallback(){o("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){o("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){o("[nylas-editor-tabs]","componentDidLoad")}disconnectedCallback(){o("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){o("[nylas-editor-tabs]","handleValueChanged",t);const{name:e,value:n}=t.detail;this.formState={...this.formState,[e]:n};this.hasUnsavedChanges=true;this.error=""}getFormStateFromConfig(t){const e=t?.participants?.find((t=>t.is_organizer));return{title:t?.event_booking?.title??"",description:t?.event_booking?.description??"",duration:t?.availability?.duration_minutes?.toString()??"10",availability:{timezone:t?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,open_hours:e?.availability?.open_hours??undefined},calendarIds:e?.availability?.calendar_ids??[],participants:t?.participants??[],bookingCalendar:e?.booking?.calendar_id??e?.email??"",location:this.selectedConfiguration?.event_booking?.location??"",bookingType:this.selectedConfiguration?.event_booking?.booking_type??"booking",buffer:this.selectedConfiguration?.availability?.availability_rules?.buffer??{before:0,after:0},availableDaysInFuture:this.selectedConfiguration?.scheduler?.available_days_in_future??30,minCancellationNotice:this.selectedConfiguration?.scheduler?.min_cancellation_notice??0}}updateFormState(){const t=new FormData(this.formRef);t.forEach(((t,e)=>{switch(e){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"calendars":this.formState.calendarIds=t.toString().split(",");break;case"booking-calendar":this.formState.bookingCalendar=t.toString();break;case"location":this.formState.location=t.toString();break;case"booking-type":this.formState.bookingType=t.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(t.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(t.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(t.toString());break}}));this.formState={...this.formState};return this.formState}setActiveTab(t,e){t.preventDefault();this.updateFormState();this.activeTab=e}render(){o("[nylas-editor-tabs]","render",this.formState);return e(a,{key:"c1e6e9d2cfe242e407a909281063767a0985245e"},e("form",{key:"4baaac0129e8a357b78980636bd32b3818ec0820",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:t=>this.formRef=t,noValidate:true},this.mode==="app"?e("div",{class:"form-contents"},e("div",{class:"tabs"},e("button",{class:{tab:true,active:this.activeTab=="eventInfo"},onClick:t=>this.setActiveTab(t,"eventInfo")},e("calendar-info-icon",{width:"16",height:"16"}),"Event Info"),e("button",{class:{tab:true,active:this.activeTab=="availability"},onClick:t=>this.setActiveTab(t,"availability")},e("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e("button",{class:{tab:true,active:this.activeTab=="bookingOptions"},onClick:t=>this.setActiveTab(t,"bookingOptions")},e("flow-icon",{width:"16",height:"16"}),"Booking Options")),e("div",{class:"tab-content"},e(u,{formState:this.formState,activeTab:this.activeTab,calendars:this.calendars,id:this.selectedConfiguration?.id??"new"}))):e("slot",null),e("div",{key:"38bdcdd7283d98ea54c7594a52cc16b85b3b776a",class:"footer"},e("div",{key:"5543e3f7eb2fa9f2f3bbe6053fde7d0ea13c3bc0",class:"preview"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();const e=this.previewButtonClicked.emit(this.host);if(!e.defaultPrevented){window.open(r(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},"Preview")),e("div",{key:"62470cdbc7c4670e6ff03e9979ca803f81482b15",class:"buttons"},e("p",{key:"5ecdfa1082650aab2f8fef8ed7beeb11fedb381c",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?"Unsaved changes":this.error==""&&this.changesSaved?"Changes saved!":""),e("button-component",{key:"1bb3af5cc04c49e311267fb43ac326267acdaa1d",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic"},"Cancel"),e("button-component",{key:"28c9725c69104d1849b2ab3068b61a269370f016",type:"submit",disabled:this.isLoading},this.isLoading?e("span",null,"Saving",e("loading-icon",null)," "):this.action=="create"?"Create":"Save changes")))))}get host(){return s(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"]}}};m([i({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"]]),eventToProps:{schedulerConfigChanged:async(t,e)=>{const{resetLoadingState:n,setError:a,action:s,config:i}=t.detail;const o=e=>{const[s,i]=e;if(!s&&i&&a){a(i)}if(n){n(t)}};if(s==="edit"){const t=await e.schedulerConfig.updateConfiguration(i);o(t)}else{const t=await e.schedulerConfig.createConfiguration(i);o(t)}},cancelButtonClick:async(t,e)=>{e.schedulerConfigStore.state.action=null}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),fireRegisterEvent:true}),v("design:type",Function),v("design:paramtypes",[]),v("design:returntype",void 0)],_.prototype,"render",null);_.style=g;const w=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:1rem;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);overflow-x:auto}.configurations table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit}.configurations table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations table tr:last-of-type{border-bottom:0}.configurations table tr.hide{display:none}.configurations table th{font-weight:600;text-transform:uppercase}.configurations 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 tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations table th,.configurations table td{text-align:left;padding:1rem;font-family:inherit}.configurations table .actions{text-align:right}.configurations table .actions{display:flex;justify-content:flex-end;gap:1rem}.configurations table .title{display:flex;flex-direction:column}.configurations table .title .config-event-title{font-weight:600}.configurations table .title .config-event-description{font-size:0.75rem}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}';const k=w;var x=undefined&&undefined.__decorate||function(t,e,n,a){var s=arguments.length,i=s<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])i=(s<3?o(i):s>3?o(e,n,i):o(e,n))||i;return s>3&&i&&Object.defineProperty(e,n,i),i};var C=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const H=class{constructor(e){t(this,e);this.initListConfigurations=n(this,"initListConfigurations",7);this.createButtonClick=n(this,"createButtonClick",7);this.editButtonClick=n(this,"editButtonClick",7);this.deleteButtonClick=n(this,"deleteButtonClick",7);this.configurations=[];this.schedulerPreviewLink="";this.state="loading";this.error=""}connectedCallback(){o("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){o("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){o("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit(this.host)}disconnectedCallback(){o("[nylas-list-configurations]","disconnectedCallback")}async getState(){return this.state}async setState(t){this.state=t}async setError(t){this.error=t}render(){return e(a,null,e("div",{class:"header"},e("div",{class:"description"},e("h2",null,"All scheduling pages"),e("p",null,"Create, edit and manage all your scheduling pages.")),this.configurations&&this.configurations.length>0&&e("div",{class:"actions"},e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e("div",{class:"configurations"},e("table",null,e("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},e("th",null,"Scheduling page event title"),e("th",null,"Duration"),e("th",{class:"actions"},"Actions")),this.state==="loading"&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("h3",null,"Loading..."),e("p",null,"Please wait while we fetch the scheduling pages")))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("calendar-icon",{width:"48",height:"48"}),e("h3",null,"No scheduling pages found"),e("p",null,"Get started with creating your first scheduling page"),e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new")))),this.state!=="loading"&&this.configurations.map((t=>e("tr",{key:t.id},e("td",null,e("div",{class:"title"},e("span",{class:"config-event-title"},t.event_booking.title),e("span",{class:"config-event-description"},t.event_booking.description))),e("td",null,e("div",null,t.availability.duration_minutes," mins")),e("td",null,e("div",{class:"actions"},e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();window.open(r(this.schedulerPreviewLink,t),"_blank")}},"Preview"),e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();this.editButtonClick.emit({host:this.host,configuration:t})}},"Edit"),e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();this.deleteButtonClick.emit({host:this.host,configuration:t})}},"Delete")))))))),e("div",{class:"error-container"},e("p",{class:"error"},this.state==="error"&&this.error)))}get host(){return s(this)}};x([i({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(t,e)=>{const n=t.detail;await n.setState("loading");const[a,s]=await e.schedulerConfig.getConfigurations();if(!a&&s&&s.message){await n.setState("error");await n.setError(s.message);return}await n.setState("loaded")},createButtonClick:async(t,e)=>{e.schedulerConfigStore.resetSelectedConfiguration();e.schedulerConfigStore.state.action="create"},deleteButtonClick:async(t,e)=>{const{host:n,configuration:a}=t.detail;const[s,i]=await e.schedulerConfig.deleteConfiguration(a.id);if(!s&&i&&i.message){await n.setState("error");await n.setError(i.message)}},editButtonClick:async(t,e)=>{const{configuration:n}=t.detail;e.schedulerConfigStore.state.selectedConfiguration=n;e.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),C("design:type",Function),C("design:paramtypes",[]),C("design:returntype",void 0)],H.prototype,"render",null);H.style=k;export{b as google_logo_icon,p as microsoft_logo_icon,_ as nylas_editor_tabs,H as nylas_list_configurations};
+//# sourceMappingURL=p-c529dced.entry.js.map

package/dist/nylas-web-elements/{p-33b940fb.entry.js → p-d5375409.entry.js}

@@ -1,2 +1,2 @@
-import{h as e,F as s,r as a,c as t,H as r,a as o}from"./p-68c2fadf.js";import{R as i}from"./p-eaa9151b.js";import{h as n,b as l,i as d,a as c,t as h}from"./p-41dc0d93.js";import"./p-cb65c223.js";function m(e,s,a,t,r){if(!t){return}if(!a){return}if(a.children.length>0){return}c(`[nylas-view-thread] Rendering email`,{message:e,attachments:s,viewEmailElement:t});const o=t.cloneNode(true);o.message=e.data;o.parent=r;a.appendChild(o)}const p=({viewEmailElement:a,message:t,attachments:r,onMessageClick:o,onShowContactDataClick:i,parent:c})=>e(s,null,e("div",{key:t.id,class:"message"},e("div",{class:"sub-header","data-id":t.data.id,onClick:o},e("div",{class:"avatar"},t.data.from&&t.data.from[0]?.name&&t.data.from[0]?.name[0]?.toUpperCase()),e("div",{class:"from"},e("span",{class:"name"},t.data.from&&t.data.from[0]?.name)," ",e("span",{class:"email"},t.data.from&&t.data.from[0]?.email)),e("div",{class:"date"},new Date(t.data.date*1e3).toLocaleTimeString(undefined,{timeStyle:"short"})," ","(",n(new Date(t.data.date*1e3)),")"),e("sp-button-group",{class:"buttons"},e("nylas-summarize-message-button",{message:t.data})),t.collapse&&e("div",{class:"snippet"},t.data.snippet),!t.collapse&&t.data.to&&e("div",{class:"to"},e("span",null,"to")," ",l(t.data.to)," ",e("button",{type:"button",value:t.data.id,onClick:i,class:{expand:true,"expand--showContactData":t.showContactData}},e("chevron-icon",null)))),t.showContactData&&e("div",{class:"address-info"},e("div",{class:"label"},"From"),e("div",{class:"value"},d(t.data?.from?t?.data?.from[0]:{name:"",email:""})),t.data.to&&e(s,null,e("div",{class:"label"},"To"),e("div",{class:"value"},t.data.to.map((s=>e("div",null,d(s)))))),typeof t.data.cc!=="undefined"&&t.data.cc.length>0&&e(s,null,e("div",{class:"label"},"CC"),e("div",{class:"value"},t.data.cc.map((s=>e("div",null,d(s))))))),!t.collapse&&a&&e("div",{key:t.id,ref:e=>m(t,r,e,a,c)}),!t.collapse&&!a&&e("nylas-view-email",{key:t.id,message:t.data,parent:c})),e("hr",null));const u=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}';const g=u;var v=undefined&&undefined.__decorate||function(e,s,a,t){var r=arguments.length,o=r<3?s:t===null?t=Object.getOwnPropertyDescriptor(s,a):t,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,s,a,t);else for(var n=e.length-1;n>=0;n--)if(i=e[n])o=(r<3?i(o):r>3?i(s,a,o):i(s,a))||o;return r>3&&o&&Object.defineProperty(s,a,o),o};var y=undefined&&undefined.__metadata||function(e,s){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,s)};const f=class{constructor(e){a(this,e);this.threadSelected=t(this,"threadSelected",7);this.showContactDataClicked=t(this,"showContactDataClicked",7);this.messageClicked=t(this,"messageClicked",7);this.nylasViewEmailElement=null;this.nylasComposerElement=null;this.onShowContactDataClick=e=>{e.stopPropagation();const s=e.target;const a=s.value;const t=this.internalMessages.find((e=>e.data.id===a));if(!t){c(`[nylas-view-thread] Could not find message ${a}`);return}const r=this.showContactDataClicked.emit(t.data);if(!r.defaultPrevented){t.showContactData=!t.showContactData;this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] show contact data clicked ${a} ${t.showContactData?"collapsed":"expanded"}`)};this.onMessageClick=e=>{const s=e.target;const a=s.dataset.id;const t=this.internalMessages.find((e=>e.data.id===a));if(!t){c(`[nylas-view-thread] Could not find message ${a}`);return}const r=this.messageClicked.emit(t.data);if(!r.defaultPrevented){if(t.id!==this.internalMessages[this.internalMessages.length-1]?.id){t.collapse=!t.collapse;if(t.collapse){t.showContactData=false}}this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] message clicked ${a} ${t.collapse?"collapsed":"expanded"}`)};this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails};this.showComposerClick=()=>{this.showComposer=!this.showComposer};this.draft=undefined;this.thread=undefined;this.messages=[];this.attachments=[];this.state="loading";this.internalMessages=[];this.showAllEmails=false;this.showComposer=false}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){c(`[nylas-view-thread] Component will load`);this.updateInternalMessages(this.messages);const e=this.host.querySelector("template.nylas-view-email");if(!e){c(`[nylas-view-thread] Could not find template`);return}const s=document.importNode(e.content,true);this.nylasViewEmailElement=s.querySelector("nylas-view-email");const a=this.host.querySelector("template.nylas-composer");if(!a){c(`[nylas-view-thread] Could not find composer template`);return}const t=document.importNode(a.content,true);this.nylasComposerElement=t.querySelector("nylas-composer")}async componentDidLoad(){c(`[nylas-view-thread] Component did load`)}async threadChanged(e){c(`[nylas-view-thread] Thread changed`,{thread:e});this.internalMessages=[];const s=this.threadSelected.emit(e);if(!s.defaultPrevented){c(`[nylas-view-thread] Default event not prevented, initializing`)}}updateInternalMessages(e){c(`[nylas-view-thread] Updating internal messages`,{messages:e});const s=e.sort(((e,s)=>e.date>s.date?1:-1)).map(((s,a)=>({id:s.id,data:s,collapse:a===e.length-1?false:true,showContactData:false})));this.internalMessages=s}render(){const a=this.internalMessages.length>2?this.internalMessages[0]:null;const t=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length);const o=this.internalMessages.slice(1,this.internalMessages.length-2);const i=this.internalMessages[this.internalMessages.length-1];return e(r,{key:"08d6981bb00f24f18212060a784da5ec7129197e"},e("sp-theme",{key:"0f7f54486f61beb490fc96a0f84753868ef384aa",scale:"medium",color:"dark"},e("div",{key:"9aad086eae2344a6d0d28b1fb4fb39921dcf53f0",class:"view-thread"},e("div",{key:"fcef6cd0bfed78b7d6f9df5a2a8719a32b1e294f",class:"header"},e("div",{key:"0673aebc8626e082deb3f0a9b9eb9c18a1841349",class:"subject"},this.thread?.subject),e("div",{key:"10ee64da01595dcb658f99b9a8d90c1fe9237816",class:"folders"},this.thread?.folders?.map((s=>e("sp-tag",{size:"s"},h(s.replace("CATEGORY_","").replace("_"," "))))))),e("div",{key:"469007a98202e151206e4ac329956882f069b618",class:"messages"},a&&e(p,{message:a,attachments:this.attachments.filter((e=>e.messageId===a.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),o.length>0&&this.messages.length>1&&!this.showAllEmails&&t.length>0&&e(s,null,e("div",{class:"show-more"},e("button",{type:"button",onClick:this.onShowAllEmailsClick},e("span",{class:"avatar"},o.length)," ",e("span",{class:"sr-only"},"Show ",o.length," more emails"))),e("hr",null)),o.length>0&&this.showAllEmails&&this.messages.length>2&&o.map((s=>e(p,{message:s,attachments:this.attachments.filter((e=>e.messageId===a?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),t.length>0&&t.map((s=>e(p,{message:s,attachments:this.attachments.filter((e=>e.messageId===a?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})))),!(this.showComposer&&i)&&e("div",{class:"reply-buttons"},e("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e("span",{slot:"icon"},e("reply-icon",null)),e("span",null,"Reply")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("reply-all-icon",null)),e("span",null,"Reply All")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("forward-icon",null)),e("span",null,"Forward"))),this.showComposer&&i&&e("div",{class:"composer"},e("nylas-composer",{message:i.data,onClose:this.showComposerClick,onSend:e=>{c(`[nylas-view-thread] Send event`,{message:e.detail.message,replyBody:e.detail.replyBody})}})))))}get host(){return o(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};v([i({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,s)=>{c(`[nylas-view-thread] Nylas init event. Fetching thread messages.`,{event:e});const a=e.detail;if(a&&a.id){await s.messages.getThreadMessages(a.id)}}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],f.prototype,"render",null);f.style=g;export{f as nylas_view_thread};
-//# sourceMappingURL=p-33b940fb.entry.js.map
+import{h as e,F as s,r as a,c as t,H as r,a as o}from"./p-68c2fadf.js";import{R as i}from"./p-f0f3f350.js";import{h as n,b as l,i as d,a as c,t as h}from"./p-ad7cf473.js";import"./p-cb65c223.js";function m(e,s,a,t,r){if(!t){return}if(!a){return}if(a.children.length>0){return}c(`[nylas-view-thread] Rendering email`,{message:e,attachments:s,viewEmailElement:t});const o=t.cloneNode(true);o.message=e.data;o.parent=r;a.appendChild(o)}const p=({viewEmailElement:a,message:t,attachments:r,onMessageClick:o,onShowContactDataClick:i,parent:c})=>e(s,null,e("div",{key:t.id,class:"message"},e("div",{class:"sub-header","data-id":t.data.id,onClick:o},e("div",{class:"avatar"},t.data.from&&t.data.from[0]?.name&&t.data.from[0]?.name[0]?.toUpperCase()),e("div",{class:"from"},e("span",{class:"name"},t.data.from&&t.data.from[0]?.name)," ",e("span",{class:"email"},t.data.from&&t.data.from[0]?.email)),e("div",{class:"date"},new Date(t.data.date*1e3).toLocaleTimeString(undefined,{timeStyle:"short"})," ","(",n(new Date(t.data.date*1e3)),")"),e("sp-button-group",{class:"buttons"},e("nylas-summarize-message-button",{message:t.data})),t.collapse&&e("div",{class:"snippet"},t.data.snippet),!t.collapse&&t.data.to&&e("div",{class:"to"},e("span",null,"to")," ",l(t.data.to)," ",e("button",{type:"button",value:t.data.id,onClick:i,class:{expand:true,"expand--showContactData":t.showContactData}},e("chevron-icon",null)))),t.showContactData&&e("div",{class:"address-info"},e("div",{class:"label"},"From"),e("div",{class:"value"},d(t.data?.from?t?.data?.from[0]:{name:"",email:""})),t.data.to&&e(s,null,e("div",{class:"label"},"To"),e("div",{class:"value"},t.data.to.map((s=>e("div",null,d(s)))))),typeof t.data.cc!=="undefined"&&t.data.cc.length>0&&e(s,null,e("div",{class:"label"},"CC"),e("div",{class:"value"},t.data.cc.map((s=>e("div",null,d(s))))))),!t.collapse&&a&&e("div",{key:t.id,ref:e=>m(t,r,e,a,c)}),!t.collapse&&!a&&e("nylas-view-email",{key:t.id,message:t.data,parent:c})),e("hr",null));const u=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}';const g=u;var v=undefined&&undefined.__decorate||function(e,s,a,t){var r=arguments.length,o=r<3?s:t===null?t=Object.getOwnPropertyDescriptor(s,a):t,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,s,a,t);else for(var n=e.length-1;n>=0;n--)if(i=e[n])o=(r<3?i(o):r>3?i(s,a,o):i(s,a))||o;return r>3&&o&&Object.defineProperty(s,a,o),o};var y=undefined&&undefined.__metadata||function(e,s){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,s)};const f=class{constructor(e){a(this,e);this.threadSelected=t(this,"threadSelected",7);this.showContactDataClicked=t(this,"showContactDataClicked",7);this.messageClicked=t(this,"messageClicked",7);this.nylasViewEmailElement=null;this.nylasComposerElement=null;this.onShowContactDataClick=e=>{e.stopPropagation();const s=e.target;const a=s.value;const t=this.internalMessages.find((e=>e.data.id===a));if(!t){c(`[nylas-view-thread] Could not find message ${a}`);return}const r=this.showContactDataClicked.emit(t.data);if(!r.defaultPrevented){t.showContactData=!t.showContactData;this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] show contact data clicked ${a} ${t.showContactData?"collapsed":"expanded"}`)};this.onMessageClick=e=>{const s=e.target;const a=s.dataset.id;const t=this.internalMessages.find((e=>e.data.id===a));if(!t){c(`[nylas-view-thread] Could not find message ${a}`);return}const r=this.messageClicked.emit(t.data);if(!r.defaultPrevented){if(t.id!==this.internalMessages[this.internalMessages.length-1]?.id){t.collapse=!t.collapse;if(t.collapse){t.showContactData=false}}this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] message clicked ${a} ${t.collapse?"collapsed":"expanded"}`)};this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails};this.showComposerClick=()=>{this.showComposer=!this.showComposer};this.draft=undefined;this.thread=undefined;this.messages=[];this.attachments=[];this.state="loading";this.internalMessages=[];this.showAllEmails=false;this.showComposer=false}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){c(`[nylas-view-thread] Component will load`);this.updateInternalMessages(this.messages);const e=this.host.querySelector("template.nylas-view-email");if(!e){c(`[nylas-view-thread] Could not find template`);return}const s=document.importNode(e.content,true);this.nylasViewEmailElement=s.querySelector("nylas-view-email");const a=this.host.querySelector("template.nylas-composer");if(!a){c(`[nylas-view-thread] Could not find composer template`);return}const t=document.importNode(a.content,true);this.nylasComposerElement=t.querySelector("nylas-composer")}async componentDidLoad(){c(`[nylas-view-thread] Component did load`)}async threadChanged(e){c(`[nylas-view-thread] Thread changed`,{thread:e});this.internalMessages=[];const s=this.threadSelected.emit(e);if(!s.defaultPrevented){c(`[nylas-view-thread] Default event not prevented, initializing`)}}updateInternalMessages(e){c(`[nylas-view-thread] Updating internal messages`,{messages:e});const s=e.sort(((e,s)=>e.date>s.date?1:-1)).map(((s,a)=>({id:s.id,data:s,collapse:a===e.length-1?false:true,showContactData:false})));this.internalMessages=s}render(){const a=this.internalMessages.length>2?this.internalMessages[0]:null;const t=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length);const o=this.internalMessages.slice(1,this.internalMessages.length-2);const i=this.internalMessages[this.internalMessages.length-1];return e(r,{key:"08d6981bb00f24f18212060a784da5ec7129197e"},e("sp-theme",{key:"0f7f54486f61beb490fc96a0f84753868ef384aa",scale:"medium",color:"dark"},e("div",{key:"9aad086eae2344a6d0d28b1fb4fb39921dcf53f0",class:"view-thread"},e("div",{key:"fcef6cd0bfed78b7d6f9df5a2a8719a32b1e294f",class:"header"},e("div",{key:"0673aebc8626e082deb3f0a9b9eb9c18a1841349",class:"subject"},this.thread?.subject),e("div",{key:"10ee64da01595dcb658f99b9a8d90c1fe9237816",class:"folders"},this.thread?.folders?.map((s=>e("sp-tag",{size:"s"},h(s.replace("CATEGORY_","").replace("_"," "))))))),e("div",{key:"469007a98202e151206e4ac329956882f069b618",class:"messages"},a&&e(p,{message:a,attachments:this.attachments.filter((e=>e.messageId===a.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),o.length>0&&this.messages.length>1&&!this.showAllEmails&&t.length>0&&e(s,null,e("div",{class:"show-more"},e("button",{type:"button",onClick:this.onShowAllEmailsClick},e("span",{class:"avatar"},o.length)," ",e("span",{class:"sr-only"},"Show ",o.length," more emails"))),e("hr",null)),o.length>0&&this.showAllEmails&&this.messages.length>2&&o.map((s=>e(p,{message:s,attachments:this.attachments.filter((e=>e.messageId===a?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),t.length>0&&t.map((s=>e(p,{message:s,attachments:this.attachments.filter((e=>e.messageId===a?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})))),!(this.showComposer&&i)&&e("div",{class:"reply-buttons"},e("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e("span",{slot:"icon"},e("reply-icon",null)),e("span",null,"Reply")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("reply-all-icon",null)),e("span",null,"Reply All")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("forward-icon",null)),e("span",null,"Forward"))),this.showComposer&&i&&e("div",{class:"composer"},e("nylas-composer",{message:i.data,onClose:this.showComposerClick,onSend:e=>{c(`[nylas-view-thread] Send event`,{message:e.detail.message,replyBody:e.detail.replyBody})}})))))}get host(){return o(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};v([i({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,s)=>{c(`[nylas-view-thread] Nylas init event. Fetching thread messages.`,{event:e});const a=e.detail;if(a&&a.id){await s.messages.getThreadMessages(a.id)}}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],f.prototype,"render",null);f.style=g;export{f as nylas_view_thread};
+//# sourceMappingURL=p-d5375409.entry.js.map

package/dist/nylas-web-elements/p-da74ec1c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as n,c as t,H as a,a as s}from"./p-68c2fadf.js";import{a as i,s as o,v as l,w as r,x as d,y as c,z as f,A as b,B as p,C as y,D as h,E as u}from"./p-ad7cf473.js";import{R as m}from"./p-f0f3f350.js";import{T as g,E as v}from"./p-49f716ed.js";import{c as k}from"./p-cb65c223.js";const w=".sc-add-circle-icon-h{display:flex}";const x=w;const _=class{constructor(n){e(this,n);this.width="24";this.height="25"}render(){return n("svg",{key:"58ce81214aeed7ddc1ce5f76d674aba576422d48",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"2a47ed74601a5370f0300da06295a2b5969d7e5f",d:"M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z",fill:"currentColor"}))}};_.style=x;const C="button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}";const L=C;const H=class{constructor(n){e(this,n);this.variant="primary";this.disabled=false;this.type="button";this.clickHandler=undefined;this.mouseOverHandler=undefined;this.mouseOutHandler=undefined;this.focusHandler=undefined;this.blurHandler=undefined}render(){const e=`button-${this.variant}`+(this.disabled?" disabled":"");return n("button",{key:"3ac840e8b65854c2e4bdabe93b21b5bcda99e4db",class:e,disabled:this.disabled,type:"type",onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},n("slot",{key:"110df0711566be0df89f2e04aed008dcaf91e9f3"}))}};H.style=L;const R=".sc-calendar-info-icon-h{display:flex}";const D=R;const M=class{constructor(n){e(this,n);this.width="20";this.height="20"}render(){return n("svg",{key:"4c290eae1d55ec9df96cbe6d9ba85d5d8b7ee102",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"a2a76a5d0183952d59f1d2f448dc7c460694e410",d:"M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z",fill:"currentColor"}))}};M.style=D;const j=".sc-calendar-patterns-icon-h{display:flex}";const O=j;const z=class{constructor(n){e(this,n);this.width="20";this.height="20"}render(){return n("svg",{key:"cf8071f578ad04793f5bd5b446dccaa1f6d4c1a3",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"8e8a3c7d87bc41c6d6973a34863d05d996155c1d",d:"M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z",fill:"currentColor"}))}};z.style=O;const S=".sc-flow-icon-h{display:flex}";const T=S;const E=class{constructor(n){e(this,n);this.width="16";this.height="12"}render(){return n("svg",{key:"e0f4da46b751754406e8b0551890a1bffb1100e4",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"21997cb261d91c8589c3e87a01036dc8f91a8d9b",d:"M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z",fill:"currentColor"}))}};E.style=T;const I=".sc-location-icon-h{display:flex}";const F=I;const N=class{constructor(n){e(this,n);this.width="16";this.height="18"}render(){return n("svg",{key:"4888ed340800392ac9bb38eb4b868fca595db537",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"20cfaacf5cb828569e0b4ec6d2e83fe3b5264b32",d:"M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z",fill:"currentColor"}))}};N.style=F;const W=".sc-location-off-icon-h{display:flex}";const A=W;const P=class{constructor(n){e(this,n);this.width="16";this.height="18"}render(){return n("svg",{key:"b61c56b0a012359592a4c2575f130ece6fd412c6",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"6be791c9a59fa3634f65881dfbca7adc5e3355d3",d:"M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z",fill:"currentColor"}))}};P.style=A;const U=':host{display:block;width:inherit;--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.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:black;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 ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}';const Z=U;const Y=class{constructor(n){e(this,n);this.selectedOptionsChanged=t(this,"selectedOptionsChanged",7);this.name=undefined;this.label=undefined;this.options=[];this.availableOptions=this.options;this.isOpen=false;this.ariaActivedescendant="";this.shouldFocusFirstOption=false}componentDidRender(){i("multi-select-dropdown","componentDidRender");if(this.isOpen&&this.shouldFocusFirstOption){this.ariaActivedescendant=this.availableOptions[0].value;this.focusOption(0);this.shouldFocusFirstOption=false}}handleOutsideClick(e){const n=e.composedPath();const t=n.includes(this.el);if(!t&&this.isOpen){this.isOpen=false}}selectOption(e){this.availableOptions=this.availableOptions.map((n=>{if(n.value===e.value){n.selected=e.selected?false:true}return n}));const n=this.availableOptions.filter((e=>e.selected)).map((e=>e.value));this.selectedOptionsChanged.emit({value:n,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen;if(this.isOpen){this.shouldFocusFirstOption=true}else{this.ariaActivedescendant=""}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}break;case"Escape":this.isOpen=false;break}}handleListboxKeydown(e){const n=this.availableOptions;const t=n.findIndex((e=>e.value===this.ariaActivedescendant));switch(e.key){case"ArrowDown":case"Tab":if(!e.shiftKey){e.preventDefault();const a=t+1<n.length?t+1:0;this.ariaActivedescendant=n[a].value;this.focusOption(a)}else{e.preventDefault();const a=t-1>=0?t-1:n.length-1;this.ariaActivedescendant=n[a].value;this.focusOption(a)}break;case"ArrowUp":e.preventDefault();const a=t-1>=0?t-1:n.length-1;this.ariaActivedescendant=n[a].value;this.focusOption(a);break;case"Enter":e.preventDefault();if(this.ariaActivedescendant){this.selectOption(n[t])}break;case"Escape":this.isOpen=false;break}}focusOption(e){const n=this.availableOptions[e];if(!n)return;const t=n.value;const a=this.el.shadowRoot?.getElementById(t);if(a){a.focus();a.scrollIntoView({behavior:"smooth",block:"nearest"})}}getSelectedOptions(){return this.availableOptions.filter((e=>e.selected))}renderOption(e){return n("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:n=>{n.stopImmediatePropagation();this.selectOption(e)},class:{selected:!!e.selected}},n("label",{htmlFor:e.value},n("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected}),n("span",null,e.label)))}render(){return n(a,{key:"4ef13670e3dfbf55e023ac7532d93c48d21f3004"},n("div",{key:"8626f138f5be677421697067460ef76d0a7cc697",class:"dropdown",part:"msd_dropdown"},n("label",{key:"b723c488dac91c39f285aae1a3f7928844753bf1",class:"dropdown-label"},this.label,n("slot",{key:"5bdec320647a41de57671c75523a453ccb07af2a",name:"label-icon","aria-hidden":"true"})),n("button",{key:"f7d7cf144ac2fec93171b5ac6cd42be4be6b5c93",part:"msd_dropdown-button",class:{dropbtn:true,open:this.isOpen},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},n("slot",{key:"021e59628b8da260b308819614297c177a666334",name:"select-icon","aria-hidden":"true"}),n("span",{key:"4a8c921538a23abe4c7efbeb176fb806587092c9",class:"selected-option",part:"msd_dropdown-button-selected-label"},this.getSelectedOptions().length>1?`Multiple ${this.name}s selected`:this.availableOptions.filter((e=>e.selected))[0]?.label??this.availableOptions[0]?.label),n("span",{key:"fc771549d102fb27e33d128504d09fa6151154e9",class:this.isOpen?"open":"closed","aria-hidden":"true"},n("chevron-icon",{key:"bd8282695d11bcfb617da05a75d0a2335650f705",width:"16",height:"16"}))),this.isOpen?null:n("div",{class:"selected-options"},this.getSelectedOptions().map((e=>n("span",{class:"selected-option"},e.label,n("button",{key:e.label,onClick:()=>this.selectOption(e)},n("close-icon",null)))))),this.isOpen?n("div",{class:"dropdown-content",part:"msd_dropdown-content"},n("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":true,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.availableOptions.map((e=>this.renderOption(e))))):null))}get el(){return s(this)}};Y.style=Z;const $=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .select-timezone select-dropdown{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}';const V=$;var B=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var K=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const q=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.openHours=undefined;this.name="availability";this.defaultTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.schedule={SUN:[],MON:[{start:"09:00am",end:"05:00pm"}],TUE:[{start:"09:00am",end:"05:00pm"}],WED:[{start:"09:00am",end:"05:00pm"}],THU:[{start:"09:00am",end:"05:00pm"}],FRI:[{start:"09:00am",end:"05:00pm"}],SAT:[]};this.timezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.overlapDays={}}elementNameChangedHandler(e){i("nylas-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}configChangedHandler(e){const n=e?.participants?.find((e=>e.is_organizer));if(n&&n?.availability?.open_hours){this.openHoursToSchedule(n?.availability?.open_hours)}}scheduleChanged(e,n){if(e!==n){this.valueChanged.emit({value:{openHours:this.scheduleToOpenHours(e),timezone:this.timezone},name:this.name});let n={};Object.keys(e).forEach((t=>{const a=e[t];if(a.length>0){const e=this.getOverlaps(a);if(e.length>0){n[t]=e}}}));this.overlapDays=n;if(typeof this.internals.setFormValue!=="function"){return}if(Object.keys(n).length>0){const e=this.host.shadowRoot?.getElementById(Object.keys(n)[0]);if(e){this.internals.setValidity({customError:true},"Overlapping time ranges found",e)}}else{this.internals.setValidity({customError:false});this.internals.setFormValue(JSON.stringify({openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone}))}}}selectedOptionChangedHandler(e){const{name:n,value:t}=e.detail;if(n==="timezone"){this.timezone=t;if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(JSON.stringify({openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone}))}}connectedCallback(){i("nylas-availability-picker","connectedCallback")}disconnectedCallback(){i("nylas-availability-picker","disconnectedCallback")}componentWillLoad(){i("nylas-availability-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-availability-picker","componentDidLoad");if(this.openHours&&this.openHours.length>0){this.openHoursToSchedule(this.openHours)}if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(JSON.stringify({openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone}))}getOverlaps(e){let n=e.map(((e,n)=>({start:o(e.start),end:o(e.end),originalIndex:n})));n.sort(((e,n)=>e.start-n.start));let t=[];for(let e=1;e<n.length;e++){if(n[e].start<n[e-1].end){if(!t.includes(n[e].originalIndex)){t.push(n[e].originalIndex)}if(!t.includes(n[e-1].originalIndex)){t.push(n[e-1].originalIndex)}}}return t.sort(((e,n)=>e-n))}addTimeRange(e){const n=this.schedule[e];const t=0;const a=1425;if(n.length===0){this.schedule[e]=[{start:"09:00am",end:"05:00pm"}]}else{const s=n.map((e=>({start:o(e.start),end:o(e.end)}))).sort(((e,n)=>e.start-n.start));const i=s[s.length-1].end;if(i+60<=a){this.schedule[e].push({start:l(d(i)),end:l(d(i+60))})}else{let n=false;if(s[0].start>t+60){this.schedule[e].push({start:l(d(t)),end:l(d(t+60))});n=true}if(!n){for(let n=0;n<s.length-1;n++){const t=s[n].end;const a=s[n+1].start;if(a-t>=60){this.schedule[e].push({start:l(d(t)),end:l(d(t+60))});break}}}}}this.schedule[e].sort(((e,n)=>o(e.start)-o(n.start)));this.schedule={...this.schedule}}removeTimeRange(e,n){this.schedule[e].splice(n,1);this.schedule={...this.schedule}}setTime(e,n,t){const[a,s]=e.split("_");const[i,o]=a.split(":");if(s==="start"){this.schedule[i][o].start=t}else if(s==="end"){this.schedule[i][o].end=t}this.internals.setValidity({customError:false});this.schedule={...this.schedule}}setFormError(e,n,t){const[a,s]=e.split("_");const i=this.host.shadowRoot?.getElementById(e);if(i){this.internals.setValidity({customError:true},`Invalid ${s} time`,i)}}openHoursToSchedule(e){const n={SUN:[],MON:[],TUE:[],WED:[],THU:[],FRI:[],SAT:[]};e.forEach((e=>{e.days.forEach((t=>{const a=this.getDayKey(t);const s=l(e.start);const i=l(e.end);const o={start:s,end:i};let r=false;if(n[a]){r=n[a].some((e=>e.start===o.start&&e.end===o.end))}if(!r){if(n[a]){n[a].push(o)}else{n[a]=[o]}}}))}));this.timezone=this.defaultTimezone;this.schedule=n}getDayKey(e){const n=["SUN","MON","TUE","WED","THU","FRI","SAT"];return n[e]}scheduleToOpenHours(e){const n=["SUN","MON","TUE","WED","THU","FRI","SAT"];let t=new Map;n.forEach(((n,a)=>{if(e[n]){e[n].forEach((e=>{const n=r(e.start);const s=r(e.end);const i=`${n}-${s}`;if(!t.has(i)){t.set(i,{days:[a],start:n,end:s})}else{let e=t.get(i);if(e){e.days.push(a);t.set(i,e)}}}))}}));let a=[];t.forEach(((e,n)=>{a.push({days:e.days,start:e.start,end:e.end})}));return a}render(){const e=Object.keys(g).map((e=>({label:g[e],value:e})));return n(a,{key:"396ba889df619966df24cb5eb33de1a77be3a2ba"},n("div",{key:"bb2a28befc3aa0481fe265a6af99049b528fca42",class:"nylas-availability-picker"},n("div",{key:"729c24276d5e773dfbc67791fede7aa0c0bcc747",class:"header",part:"nap__header"},n("h3",{key:"ba7c73778a8b3dd197ca850cead346d2f00836b7"},"General availability"),n("p",{key:"6f946e8e00921f0620b16a3412f290f176dd5b9b"},"Set your availability for scheduling meetings.")),n("div",{key:"7753c38b6160be28c495cc9803015e0dc0003b2a",class:"content"},n("div",{key:"8d79379263f772f29443b24f5996d017db12e764",class:"select-timezone",part:"nap__select-timezone"},n("h4",{key:"e6a3658ecf3d92c0dda352532a3a0c71fb59f96e",class:"sub-header"},"Select timezone",n("span",{key:"fdb95f85f111a1557897309ff0bd682a77499684",class:"icon"},n("tooltip-component",{key:"37b47d8e5b24bd4620e6be932ea23c8553b4822f"},n("info-icon",{key:"f1192d767cc0e1c67f989b47af093e3539d7c55c",slot:"tooltip-icon"}),n("span",{key:"2b3b949fc18e0118199a3ed9668ec0ca19283c79",slot:"tooltip-content"},"Select your timezone for displaying availability.")))),n("select-dropdown",{key:"4729bd6e7b7c05a3fb47cf94010a00db51394c7e",name:"timezone",exportparts:"sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content",options:e,defaultSelectedOption:e.find((e=>e.value===this.defaultTimezone))},n("span",{key:"2157b7fb691541f42713a77dc1338dbb9f0e26c2",slot:"select-icon"},n("globe-icon",{key:"17138c37b7df667e46873af1caa5278120fa4ce1",width:"20",height:"20"})))),n("div",{key:"9a49a84812b5fb544ebfd07d5dd1aba35679224e",class:"availability",part:"nap__availability"},Object.keys(this.schedule).map((e=>{const t=e;const a=this.schedule[e];return n("div",{class:"availability-day"},n("div",{class:"day",part:"nap__day"},n("input",{type:"checkbox",name:t,id:t,checked:a.length>0,onClick:()=>{if(a.length>0){this.schedule[t]=[]}else{this.schedule[t]=[{start:"09:00am",end:"05:00pm"}]}this.schedule={...this.schedule}}}),n("label",{htmlFor:t,"aria-label":"Select day"},t)),n("div",{class:"time-ranges",part:"nap__time-ranges"},a.length?null:n("span",{class:"unavailable"},"Unavailable"),a.length>0&&a.map(((a,s)=>{const i=`${e}:${s}_start`;const o=`${e}:${s}_end`;return n("div",{class:"time-range",part:"nap__time-range"},n("div",{class:"pickers"},n("nylas-time-window-picker",{id:i,hasError:this.overlapDays[t]?.includes(s),time:a.start,name:i,key:i,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times",setTime:(e,n)=>this.setTime(i,e,n),setFormError:(e,n)=>this.setFormError(i,e,n)}),n("span",null," - "),n("nylas-time-window-picker",{id:o,hasError:this.overlapDays[t]?.includes(s),time:a.end,name:o,key:o,minimumStartTime:a.start,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times",setTime:(e,n)=>this.setTime(o,e,n),setFormError:(e,n)=>this.setFormError(o,e,n)})),n("button",{onClick:()=>this.removeTimeRange(t,s)},n("close-icon",null)))})),n("p",{class:"error"},this.overlapDays[t]?"Overlapping time ranges":"")),n("div",null,a.length>0?n("button",{onClick:()=>this.addTimeRange(t),part:"nap__add-time-range"},n("add-circle-icon",null)):null))}))))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["configChangedHandler"],schedule:["scheduleChanged"]}}};B([m({name:"nylas-availability-picker",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),fireRegisterEvent:true}),K("design:type",Function),K("design:paramtypes",[]),K("design:returntype",void 0)],q.prototype,"render",null);q.style=V;const J=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const X=J;var G=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var Q=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const ee=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.calendars=undefined;this.currentUser=undefined;this.name="booking-calendar";this.defaultBookingCalendar="";this.selectedCalendar=""}connectedCallback(){i("nylas-booking-calendar-picker","connectedCallback")}disconnectedCallback(){i("nylas-booking-calendar-picker","disconnectedCallback")}componentWillLoad(){i("nylas-booking-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-booking-calendar-picker","componentDidLoad");this.defaultBookingCalendar=this.defaultBookingCalendar||this.currentUser?.email||"";if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.defaultBookingCalendar.toString(),"booking-calendar")}this.selectedCalendar=this.defaultBookingCalendar||this.currentUser?.email||""}componentWillUpdate(){i("nylas-booking-calendar-picker","componentWillUpdate")}componentDidUpdate(){i("nylas-booking-calendar-picker","componentDidUpdate")}componentWillRender(){i("nylas-booking-calendar-picker","componentWillRender")}componentDidRender(){i("nylas-booking-calendar-picker","componentDidRender")}elementNameChangedHandler(e){i("nylas-booking-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedOptionChangedHandler(e){i("nylas-booking-calendar-picker","selectedOptionChangedHandler",e.detail);const n=e=>{const{value:n}=e.detail;this.selectedCalendar=n;this.internals.setFormValue(n.toString(),this.name)};this.valueChanged.emit({value:e.detail.value,name:this.name,valueChanged:n})}render(){const e=this.calendars?.map((e=>({value:e.id,label:e.name})))??[];return n(a,null,n("div",{class:"nylas-booking-calendar-picker",part:"nbcp"},n("div",{class:"header",part:"nbcp__header"},n("h3",null,"Calendar booking"),n("p",null,"Choose calendar where you’d like the event bookings to show up.")),e.length>0?n("div",{class:"nylas-booking-calendar-picker__dropdown"},n("span",{class:"label",part:"nbcp__input-label"},"Select a calendar to book meetings on",n("tooltip-component",null,n("info-icon",{slot:"tooltip-icon"}),n("span",{slot:"tooltip-content"},"Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available."))),n("select-dropdown",{name:"booking-calendar",options:e,withSearch:false,exportparts:"sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content",defaultSelectedOption:e.find((e=>e.value==this.defaultBookingCalendar))??e[0]})):n("div",{class:"nylas-booking-calendar-picker__loading"},n("span",{class:"label"},"Select a calendar to book meetings on ",n("info-icon",null)),n("div",{class:"loading-button"},n("span",null,"Loading...")))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};G([m({name:"nylas-booking-calendar-picker",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.currentUser","currentUser"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:t}=e.detail;if(t){t(e)}}},fireRegisterEvent:true}),Q("design:type",Function),Q("design:paramtypes",[]),Q("design:returntype",void 0)],ee.prototype,"render",null);ee.style=X;const ne=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:200px;padding:1rem;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:12px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300);border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const te=ne;var ae=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var se=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const ie=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="buffer-time";this.buffer={before:0,after:0};this.selectedBeforeBufferTime=this.buffer.before;this.selectedAfterBufferTime=this.buffer.after}connectedCallback(){i("nylas-buffer-time","connectedCallback")}disconnectedCallback(){i("nylas-buffer-time","disconnectedCallback")}componentWillLoad(){i("nylas-buffer-time","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-buffer-time","componentDidLoad");if(typeof this.internals.setFormValue==="function"){const e={before:this.selectedBeforeBufferTime,after:this.selectedAfterBufferTime};this.internals.setFormValue(JSON.stringify(e),this.name)}this.selectedAfterBufferTime=this.buffer.after;this.selectedBeforeBufferTime=this.buffer.before}componentWillUpdate(){i("nylas-buffer-time","componentWillUpdate")}componentDidUpdate(){i("nylas-buffer-time","componentDidUpdate")}componentWillRender(){i("nylas-buffer-time","componentWillRender")}componentDidRender(){i("nylas-buffer-time","componentDidRender")}elementNameChangedHandler(e){i("nylas-buffer-time","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedOptionChangedHandler(e){i("nylas-buffer-time","selectedOptionChangedHandler",e.detail);const n=e=>{const{value:n,name:t}=e.detail;if(t==="before-buffer-time"){this.selectedBeforeBufferTime=parseInt(n)}else if(t==="after-buffer-time"){this.selectedAfterBufferTime=parseInt(n)}const a={before:this.selectedBeforeBufferTime,after:this.selectedAfterBufferTime};this.internals.setFormValue(JSON.stringify(a),"booking-calendar")};this.valueChanged.emit({...e.detail,valueChanged:n})}renderPreview(){const e=4;const t=20;const a=t*2;const s=e=>{const n=Math.floor(e/30);const a=e%30/30*t;return{fullSlots:n,partialFillHeight:a}};const i=()=>{const{fullSlots:a,partialFillHeight:i}=s(this.selectedBeforeBufferTime);return Array.from({length:e},((s,o)=>{const l=this.selectedBeforeBufferTime>0&&o>e-a-1;const r=this.selectedBeforeBufferTime>0&&o===e-a-1&&i>0;let d={};if(l&&!r){d.backgroundColor="var(--nylas-base-100)"}else if(r){d.background=`linear-gradient(to top, var(--nylas-base-100) ${i}px, transparent 0)`}return n("div",{key:o,class:`slot ${l?"active":""}`,style:{height:`${t}px`,...d}})}))};const o=()=>{const{fullSlots:a,partialFillHeight:i}=s(this.selectedAfterBufferTime);return Array.from({length:e},((e,s)=>{const o=this.selectedAfterBufferTime>0&&s<a;const l=s===a&&i>0;let r={};if(o&&!l){r.backgroundColor="var(--nylas-base-100)"}else if(l){r.background=`linear-gradient(to bottom, var(--nylas-base-100) ${i}px, transparent 0)`}return n("div",{key:s,class:`slot ${o?"active":""}`,style:{height:`${t}px`,...r}})}))};return n("div",{class:"preview-container"},i(),n("div",{class:"event-slot",style:{height:`${a}px`}}),o())}render(){const e=Array.from({length:121},((e,n)=>({label:n.toString(),value:n})));return n(a,null,n("div",{class:"nylas-buffer-time",part:"nbt"},n("div",{class:"header",part:"nbt__header"},n("h3",null,"Buffer time"),n("p",null,"Add buffer time before and after the event.")),n("div",{class:"nylas-buffer-time__body",part:"nbt__body"},n("div",{class:"nylas-buffer-time__dropdown"},n("div",{class:"nylas-buffer-time__row"},n("label",null,"Before the event"),n("div",{class:"dropdown-container"},n("select-dropdown",{id:"before-buffer-time",name:"before-buffer-time",exportparts:"sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before",options:e,defaultSelectedOption:e.find((e=>e.value==this.selectedBeforeBufferTime))??e[0]}),n("span",null,"mins"))),n("div",{class:"nylas-buffer-time__row"},n("label",null,"After the event"),n("div",{class:"dropdown-container"},n("select-dropdown",{id:"after-buffer-time",name:"after-buffer-time",exportparts:"sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after",options:e,defaultSelectedOption:e.find((e=>e.value==this.selectedAfterBufferTime))??e[0]}),n("span",null,"mins")))),n("div",{class:"nylas-buffer-time__preview",part:"nbt__preview"},n("h4",null,"PREVIEW"),this.renderPreview()))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};ae([m({name:"nylas-buffer-time",eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:t}=e.detail;if(t){t(e)}}},fireRegisterEvent:true}),se("design:type",Function),se("design:paramtypes",[]),se("design:returntype",void 0)],ie.prototype,"render",null);ie.style=te;const oe=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const le=oe;var re=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var de=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const ce=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.calendars=undefined;this.currentUser=undefined;this.name="calendar";this.defaultSelectedCalendars=[];this.selectedCalendars=[]}elementNameChangedHandler(e){i("nylas-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}connectedCallback(){i("nylas-calendar-picker","connectedCallback")}disconnectedCallback(){i("nylas-calendar-picker","disconnectedCallback")}componentWillLoad(){i("nylas-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-calendar-picker","componentDidLoad");if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.defaultSelectedCalendars.toString(),"calendar")}}componentWillUpdate(){i("nylas-calendar-picker","componentWillUpdate")}componentDidUpdate(){i("nylas-calendar-picker","componentDidUpdate")}componentWillRender(){i("nylas-calendar-picker","componentWillRender")}componentDidRender(){i("nylas-calendar-picker","componentDidRender")}selectedOptionsChangedHandler(e){i("nylas-calendar-picker","selectedOptionChangedHandler",e.detail);const n=e=>{const{value:n}=e.detail;this.selectedCalendars=[...n];this.internals.setFormValue(n.toString(),"calendar")};this.valueChanged.emit({...e.detail,name:this.name,valueChangedHandler:n})}render(){const e=this.calendars?.map((e=>({value:e.id,label:e.name,selected:this.defaultSelectedCalendars?.includes(e.id)||(this.defaultSelectedCalendars?.includes("primary")||this.defaultSelectedCalendars?.length===0?e.id===this.currentUser?.email:false)})))??[];return n(a,null,n("div",{class:"nylas-calendar-picker",part:"ncp"},n("div",{class:"header",part:"ncp__header"},n("h3",null,"Calendar availability"),n("p",null,"Select calendars that you’d like to use for checking your availability.")),e.length>0?n("div",{class:"nylas-calendar-picker__dropdown"},n("multi-select-dropdown",{name:"calendar",label:"Select calendars that will be checked for availability",options:e,exportparts:"msd__dropdown: ncp__dropdown, msd__dropdown-button: ncp__dropdown-button, msd__dropdown-content: ncp__dropdown-content"},n("span",{slot:"label-icon"},n("tooltip-component",null,n("info-icon",{slot:"tooltip-icon"}),n("span",{slot:"tooltip-content"},"Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected."))))):n("div",{class:"nylas-calendar-picker__loading"},n("span",{class:"label"},"Select calendars that will be checked for availability ",n("info-icon",null)),n("div",{class:"loading-button"},n("span",null,"Loading...")))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};re([m({name:"nylas-calendar-picker",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.currentUser","currentUser"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChangedHandler:t}=e.detail;if(t){t(e)}}},fireRegisterEvent:true}),de("design:type",Function),de("design:paramtypes",[]),de("design:returntype",void 0)],ce.prototype,"render",null);ce.style=le;const fe=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-custom-booking-flow{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-booking-flow .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading{padding-bottom:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button span{padding:0 1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown{padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label tooltip-component{display:flex}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const be=fe;var pe=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var ye=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const he=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="booking-type";this.bookingType="";this.selectedBookingType=""}elementNameChangedHandler(e){i("nylas-custom-booking-flow","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e,n){i("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e,n);if(e?.event_booking?.booking_type){this.bookingType=e?.event_booking?.booking_type}if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.bookingType.toString(),"booking-calendar")}this.selectedBookingType=this.bookingType}connectedCallback(){i("nylas-custom-booking-flow","connectedCallback")}disconnectedCallback(){i("nylas-custom-booking-flow","disconnectedCallback")}componentWillLoad(){i("nylas-custom-booking-flow","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-custom-booking-flow","componentDidLoad")}componentWillUpdate(){i("nylas-custom-booking-flow","componentWillUpdate")}componentDidUpdate(){i("nylas-custom-booking-flow","componentDidUpdate")}componentWillRender(){i("nylas-custom-booking-flow","componentWillRender")}componentDidRender(){i("nylas-custom-booking-flow","componentDidRender")}selectedOptionChangedHandler(e){i("nylas-custom-booking-flow","selectedOptionChangedHandler",e.detail);const n=e=>{const{value:n}=e.detail;this.selectedBookingType=n;this.internals.setFormValue(n.toString(),"booking-calendar")};this.valueChanged.emit({...e.detail,valueChanged:n})}render(){const e=[{label:"Automatically accept bookings",value:"booking"},{label:"Manually confirm/decline bookings",value:"pre-booking"}];return n(a,{key:"7f019073e242dce64522e27262298e480b0fb346"},n("div",{key:"47bd77bcd4c4a1a9a845581bb6ad77b6dd7d65e7",class:"nylas-custom-booking-flow",part:"ncbf"},n("div",{key:"17386ac59d7680789dda85e832c84061225b6b04",class:"header",part:"ncbf__header"},n("h3",{key:"5368e8f321140f2bfaf60f6ca3f732f584824301"},"Customize booking flow"),n("p",{key:"65a0d4d41804f41f7c01a682e4b8b97ebc2c4ef2"},"Customize how new bookings are handled when a booking is completed.")),e.length>0?n("div",{class:"nylas-custom-booking-flow__dropdown"},n("span",{class:"label"},"After a booking is confirmed",n("tooltip-component",null,n("info-icon",{slot:"tooltip-icon"}),n("span",{slot:"tooltip-content"},"Choose how you’d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))),n("select-dropdown",{name:"booking-type",options:e,withSearch:false,exportparts:"sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content",defaultSelectedOption:e.find((e=>e.value==this.bookingType))??e[0]})):n("div",{class:"nylas-custom-booking-flow__loading"},n("span",{class:"label"},"Select a calendar to book meetings on ",n("info-icon",null)),n("div",{class:"loading-button"},n("span",null,"Loading...")))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};pe([m({name:"nylas-custom-booking-flow",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:t}=e.detail;if(t){t(e)}}},fireRegisterEvent:true}),ye("design:type",Function),ye("design:paramtypes",[]),ye("design:returntype",void 0)],he.prototype,"render",null);he.style=be;const ue=':host{--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-description{display:flex;flex-direction:column;gap:4px}.nylas-event-description label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}';const me=ue;var ge=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var ve=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const ke=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.eventDescription=undefined;this.description=this.eventDescription||this.selectedConfiguration?.event_booking?.description||"";this.name="description"}elementNameChangedHandler(e){i("nylas-event-description","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e,n){i("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e,n);if(e?.event_booking?.description){this.description=e?.event_booking?.description}}connectedCallback(){i("nylas-event-description","connectedCallback")}componentWillLoad(){i("nylas-event-description","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-event-description","componentDidLoad")}disconnectedCallback(){i("nylas-event-description","disconnectedCallback")}handleChange(e){this.description=e.target.value;this.internals.setFormValue(e.target.value,"description");this.valueChanged.emit({value:e.target.value,name:this.name})}render(){return n(a,{key:"08b8a3b8865cc09c467b5b8abc36d2d0f7039fcd"},n("div",{key:"b906947588ca23a2edec4f31f04935cdc82bad96",class:"nylas-event-description",part:"nedesc"},n("label",{key:"144ddfc7a8eb64434981122cc3df24dc89a00c63",htmlFor:"description"},"Event description",n("span",{key:"6effc462e60a48b4eb55e325baf24f51f7c25854",class:"label-icon"},n("tooltip-component",{key:"ee1d7faad42bdae393e4a20b9ec499c217aa21fc"},n("info-icon",{key:"aecfd40dca5604d491e085be8fedb92e75276547",slot:"tooltip-icon"}),n("span",{key:"ce7cfceffe163a4c231813ed85ff7ebc80c8515d",slot:"tooltip-content"},"Provide any additional details for your event.")))),n("textarea",{key:"0445a874c8d219548447a56780e435b986e159bc",id:"description",part:"nedesc__textarea",name:"description",value:this.description,maxlength:"8192",onInput:e=>this.handleChange(e)})))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};ge([m({name:"nylas-event-description",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:true}),ve("design:type",Function),ve("design:paramtypes",[]),ve("design:returntype",void 0)],ke.prototype,"render",null);ke.style=me;const we=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button-selected-label){font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const xe=we;var _e=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var Ce=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Le=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="duration";this.eventDurationMinutes=undefined;this.duration=this.eventDurationMinutes?this.eventDurationMinutes>=60?this.eventDurationMinutes/60:this.eventDurationMinutes:5;this.durationMinutes=this.eventDurationMinutes??5;this.durationIncrement=this.eventDurationMinutes?this.eventDurationMinutes>=60?60:1:1}elementNameChangedHandler(e){i("nylas-event-duration","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=e?.availability?.duration_minutes;if(n){this.duration=n>=60?n/60:n;this.durationMinutes=n??5;this.durationIncrement=n>=60?60:1}}durationMinutesChangedHandler(e,n){i("nylas-event-duration","durationMinutesChangedHandler",e);if(e===n){return}this.valueChanged.emit({value:e.toString(),name:this.name})}connectedCallback(){i("nylas-event-duration","connectedCallback")}componentWillLoad(){i("nylas-event-duration","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-event-duration","componentDidLoad");this.internals.setFormValue(this.durationMinutes.toString(),"duration")}disconnectedCallback(){i("nylas-event-duration","disconnectedCallback")}handleChange(e){this.duration=e.target.value;this.durationMinutes=this.duration*this.durationIncrement;this.internals.setFormValue(this.durationMinutes.toString(),this.name)}handleBlur(){if((this.duration===null||this.duration===undefined)&&this.durationIncrement===1){this.duration=5}if((this.duration<=0||this.duration===null||this.duration===undefined)&&this.durationIncrement===60){this.duration=1}if(this.duration<5&&this.durationIncrement===1){this.duration=5}this.durationMinutes=this.duration*this.durationIncrement;this.internals.setFormValue(this.durationMinutes.toString(),"duration")}selectedOptionChangedHandler(e){i("nylas-calendar-picker","selectedOptionChangedHandler",e.detail);const{value:n}=e.detail;this.durationIncrement=parseInt(n);if(this.durationIncrement===1){this.duration=5}else{this.duration=1}this.durationMinutes=this.duration*this.durationIncrement;this.internals.setFormValue(this.durationMinutes.toString(),"duration")}render(){const e=[{value:1,label:"minutes"},{value:60,label:"hours"}];return n(a,{key:"ff6384009f8323807da45260c85f9a833ca78605"},n("div",{key:"9a495df4f19b186fb856b96b2165cf16f633c1d3",class:"nylas-event-duration",part:"ned"},n("label",{key:"ddd0d777d526ebe86fb0353c74fb59d0acc9bb0c",htmlFor:"duration"},"Event duration",n("span",{key:"4d4a72dcd4d5eb94065b92f680143837bacdf064",class:"required"},"*"),n("span",{key:"0b4bf5ea22e494b579deeb5eb94b33e19f7805d7",class:"label-icon"},n("tooltip-component",{key:"7ba13f0936a66b5d5ce8abdddaa2719ee944a53c"},n("info-icon",{key:"c27304efca28e235f150d421b88ebb09b68705fd",slot:"tooltip-icon"}),n("span",{key:"f86eaf51c1360414af98ce557128fafb3c02b6d4",slot:"tooltip-content"},"Set the duration of your event.")))),n("div",{key:"be06a61abc967a09375fb1cb4e634409f4b51909",class:"nylas-event-duration__wrapper"},n("input",{key:"f89c51721313e11ead928cfa70b7a2953b8daaa5",type:"number",part:"ned_input",id:"duration",name:"duration",value:this.duration,onBlur:()=>this.handleBlur(),onInput:e=>this.handleChange(e),min:5}),n("select-dropdown",{key:"aed386f87a5b232f8b65a110d167e342f009a420",name:"event-duration",options:e,exportparts:"sd__dropdown: ned__dropdown, sd__dropdown-button: ned__dropdown-button, sd__dropdown-content: ned__dropdown-content",defaultSelectedOption:e.find((e=>e.value==this.durationIncrement))??e[0],withSearch:false}))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],durationMinutes:["durationMinutesChangedHandler"]}}};_e([m({name:"nylas-event-duration",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:true}),Ce("design:type",Function),Ce("design:paramtypes",[]),Ce("design:returntype",void 0)],Le.prototype,"render",null);Le.style=xe;const He=':host{display:block;margin:1rem;--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}';const Re=He;var De=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var Me=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const je=class{constructor(n){e(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}}connectedCallback(){i("nylas-event-info","connectedCallback")}componentWillLoad(){i("nylas-event-info","componentWillLoad")}componentDidLoad(){i("nylas-event-info","componentDidLoad")}disconnectedCallback(){i("nylas-event-info","disconnectedCallback")}render(){return n(a,{key:"73cf50f7f006fed6b41256b3f83c6a549f6919f8"},n("nylas-form-card",{key:"f34f24881a48a3af65e665693548388a9cbebb5f"},n("h1",{key:"5e6ff9922a926b74bbaafe8502bae2724bd6ee3a",slot:"header-title",class:"nylas-event-info__title"},"Event information"),n("h3",{key:"2a127a2206f7dec1b1cc93804588a8b96a893f83",slot:"header-subtitle",class:"nylas-event-info__subtitle"},"Enter all event information."),n("div",{key:"b3dcd7ddb2bbb278327ca059e1d8fce793645a47",slot:"content",class:"nylas-event-info__content"},n("slot",{key:"7868be55755715b91a591f92225f13aeb5dbf00d",name:"inputs"}))))}static get formAssociated(){return true}};De([m({name:"nylas-event-info",eventToProps:{},fireRegisterEvent:true}),Me("design:type",Function),Me("design:paramtypes",[]),Me("design:returntype",void 0)],je.prototype,"render",null);je.style=Re;const Oe=':host{display:block;margin:1rem;--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-limits__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-limits__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}';const ze=Oe;var Se=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var Te=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Ee=class{constructor(n){e(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}}connectedCallback(){i("nylas-event-limits","connectedCallback")}componentWillLoad(){i("nylas-event-limits","componentWillLoad")}componentDidLoad(){i("nylas-event-limits","componentDidLoad")}disconnectedCallback(){i("nylas-event-limits","disconnectedCallback")}render(){return n(a,{key:"2cc9ace0192971cd75683313d64f3ef06d400136"},n("nylas-form-card",{key:"cbca7bb803781e3c93a85c73e56e762f9daa2f9d"},n("h1",{key:"5a55b7edf422b59b251c2df6d9cf174d83c012eb",slot:"header-title",class:"nylas-event-limits__title"},"Set event limits"),n("h3",{key:"70415910cf84c503291373387bdab5c6da95e091",slot:"header-subtitle",class:"nylas-event-limits__subtitle"},"Customize event limits for the event."),n("div",{key:"0735659855b9ad599c70dc8045e2477b853571e6",slot:"content",class:"nylas-event-limits__content"},n("slot",{key:"a35e9bcc861998b14d5bbf630d6c1fcbd038fbdf",name:"inputs"}))))}static get formAssociated(){return true}};Se([m({name:"nylas-event-limits",eventToProps:{},fireRegisterEvent:true}),Te("design:type",Function),Te("design:paramtypes",[]),Te("design:returntype",void 0)],Ee.prototype,"render",null);Ee.style=ze;const Ie=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);outline:none}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color:black;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}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}';const Fe=Ie;var Ne=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var We=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Ae=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.eventTitle=this.selectedConfiguration?.event_booking?.title;this.name="title";this.showTokens=false;this.availableTokens=v.map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=this.availableTokens;this.ariaActivedescendant="";this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1};this.validationError=""}elementNameChangedHandler(e){i("nylas-event-title","elementNameChangedHandler",e);this.host.setAttribute("name",e)}ariaActivedescendantChangedHandler(e){i("nylas-event-title","ariaActivedescendantChangedHandler",e);if(e!==""){const n=this.host.shadowRoot?.getElementById(e);n?.classList.add("active")}else{const e=this.host.shadowRoot?.querySelectorAll(".token-options li.active");e?.forEach((e=>e.classList.remove("active")))}}configChangedHandler(e){const n=e?.event_booking?.title;if(n){this.updateEventTitleFromProp(n)}}connectedCallback(){i("nylas-event-title","connectedCallback")}componentWillLoad(){i("nylas-event-title","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-event-title","componentDidLoad");this.updateEventTitleFromProp(this.eventTitle||"")}disconnectedCallback(){i("nylas-event-title","disconnectedCallback")}formSubmittedHandler(e){i("nylas-event-title","formSubmittedHandler",e);if(!this.internals?.validity?.valid){this.validationError="Event title is required"}else{this.validationError=""}}updateEventTitleFromProp(e){i("nylas-event-title","eventTitleChangedHandler",e);if(this.titleRef){this.titleRef.innerHTML=this.highlightTokens(e);this.titleRef.focus();if(typeof this.internals.setValidity==="function"){if(e===""){this.internals?.setValidity({customError:true},`Event title is required`,this.titleRef)}else{this.internals?.setValidity({customError:false})}}}}highlightTokens(e){let n=e;v.forEach((e=>{const t=e.value;const a=new RegExp(`(\\${t})(?!\\w)`,"g");n=n.replace(a,'<span class="highlighted-tag">$1</span>')}));return n}getCurrentSelectionForBrowser(){const e=(e,n,t,a)=>{const s=e.replace(/[\u200B-\u200D\uFEFF]/g,"");const i=s.lastIndexOf("$");const o=s.substring(i).split(" ")[0];return{focusOffset:n,dollarIndex:i,lastWord:o,currentText:s,node:t,allSelected:a}};const n=e=>e.anchorOffset===0&&e.focusOffset===e.focusNode?.nodeValue?.length;const t=c();switch(t){case"Chrome":const t=this.host.shadowRoot?.getSelection();const a=t?.focusNode;const s=a?.nodeValue||"";const i=t&&n(t);return e(s,t?.focusOffset||-1,a,i);case"Firefox":const o=document.getSelection();const l=o?.anchorNode?.nodeValue||"";const r=o&&n(o);return e(l,o?.focusOffset||-1,o?.anchorNode,r);case"Safari":const d=window.getSelection();const c=d?.getComposedRanges(this.host.shadowRoot)[0];const f=c?.startContainer?.nodeValue||"";const b=d&&n(d);return e(f,c?.endOffset||-1,c?.startContainer,b);default:console.warn("Browser not supported");return null}}handleChange(e){const n=e.target.textContent||"";const t=this.getCurrentSelectionForBrowser();if(!t){this.updateEventTitle(n);this.resetDropdown();return}const{focusOffset:a,dollarIndex:s,lastWord:i,currentText:o}=t;if(s===-1||a<s){this.updateEventTitle(n);this.resetDropdown();return}if(i.startsWith("$")){this.showTokens=true;this.currentWord={$value:i,fullText:o,index:s,focusOffset:a};this.populateSuggestionsDropdown(i)}else{this.resetDropdown()}this.updateEventTitle(n)}handleInputKeyDown(e){const n=this.getCurrentSelectionForBrowser();if(n?.allSelected&&!f(e)){this.titleRef.innerHTML=""}if(e.key==="Enter"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){n.click();this.ariaActivedescendant=""}}else if(e.key==="ArrowDown"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.nextElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else if(e.key==="ArrowUp"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.previousElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else if(e.key==="Escape"){e.preventDefault();this.resetDropdown()}else if(e.key==="Backspace"||e.key==="Delete"){if(n?.currentText.startsWith("${")){n?.node?.parentNode&&n.node.parentNode.removeChild(n.node)}if(this.titleRef.textContent===""||n?.currentText===""||n?.allSelected){this.titleRef.innerHTML=""}}}selectOption(e,n){e.preventDefault();const t=this.currentWord.fullText;const a=this.currentWord.$value;let s=this.titleRef.firstChild;let i=null;while(s){if(s.nodeType===3){const e=s.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")||"";const n=t.replace(/[\u200B-\u200D\uFEFF]/g,"");if(e.includes(n)){i=s;break}}s=s.nextSibling}if(!i){return}const o=i.textContent||"";const l=o.indexOf(a);const r=o.substring(0,l);const d=o.substring(l+a.length);const c=document.createTextNode(r);const f=document.createRange();const b=document.createElement("span");b.classList.add("highlighted-tag");b.textContent=`${n.value}`;const p=document.createTextNode(d);if(d!==""){i.replaceWith(c,b,p);f.setStart(p,1)}else{const e=document.createTextNode("​");i.replaceWith(c,b,e);f.setStart(e,1)}this.resetDropdown();this.titleRef.focus();const y=window.getSelection();f.collapse(true);y?.removeAllRanges();y?.addRange(f);this.updateEventTitle(this.titleRef.textContent||"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter((n=>n.label.startsWith(e.toString())||n.value.startsWith(e.toString())));if(this.filteredTokens.length>0){this.ariaActivedescendant=this.filteredTokens[0].label}}updateEventTitle(e){const n=e.replace(/ +/g," ");if(n===""){this.internals?.setValidity({customError:true},`Event title is required`,this.titleRef);this.validationError="Event title is required"}else{this.internals?.setValidity({customError:false});this.validationError=""}this.internals?.setFormValue(n,this.name);this.valueChanged.emit({value:n,name:this.name})}resetDropdown(){this.showTokens=false;this.ariaActivedescendant=""}getLabelHTML(e){return n("div",{class:"token-label"},n("span",{class:"token"},e.token),n("span",{class:"description"},e.description))}render(){return n(a,{key:"e0ddf6c13a5a0c0d2e0db9188365418fb7484dcf"},n("div",{key:"a3b8e594c8d9632709e777891f04df0aaaf7c5c3",class:"nylas-event-title",part:"net"},n("label",{key:"e5794d2cd8be0b1666bfa67c3ea657da5dc8d45d",htmlFor:"title"},"Event title",n("span",{key:"1210caceb7bf824f01559460e1c5e572cb2dad92",class:"required"},"*"),n("span",{key:"4280ec285221e6db76ca08723fe3888a1d2643e3",class:"label-icon"},n("tooltip-component",{key:"d6c05fb79cf39656af7589a2e9de9ef832d7a2f8"},n("info-icon",{key:"a4659d97d60d00dfcc2c993e70da5cfd05904f78",slot:"tooltip-icon"}),n("span",{key:"738bfa669eec42b417be02fbad0584af34044c83",slot:"tooltip-content"},"Enter a title for your event.")))),n("div",{key:"df102dc899f8de91154689d9cdaae28465380622",class:{title:true,error:this.validationError!==""},part:"net__title",ref:e=>this.titleRef=e,contentEditable:"true",onInput:e=>this.handleChange(e),onKeyDown:e=>this.handleInputKeyDown(e)}),this.showTokens&&this.filteredTokens?.length>0&&n("div",{class:"token-options",part:"net__dropdown-content"},n("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant},this.filteredTokens.map((e=>n("li",{tabindex:"0",key:e.label,id:e.label,class:{active:this.ariaActivedescendant===e.label},onClick:n=>this.selectOption(n,e),role:"option"},this.getLabelHTML(e.labelHTML)))))),n("span",{key:"ec769eea7e2e3ff6d64bef0f5099540c93ba80ab",class:"help-text"},"Create a dynamic templated event title by typing $. Learn more"),this.validationError!=""&&n("span",{class:"error-message"},this.validationError)))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],ariaActivedescendant:["ariaActivedescendantChangedHandler"],selectedConfiguration:["configChangedHandler"]}}};Ne([m({name:"nylas-event-title",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:true}),We("design:type",Function),We("design:paramtypes",[]),We("design:returntype",void 0)],Ae.prototype,"render",null);Ae.style=Fe;const Pe=':host{--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-limit-future-bookings{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-limit-future-bookings label span.label-icon{margin-left:4px}.nylas-limit-future-bookings label span.label-icon tooltip-component{display:flex}';const Ue=Pe;var Ze=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var Ye=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const $e=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.availableDaysInFuture=undefined;this.name="limit-future-bookings";this.selectedNumber=1;this.selectedPeriod="day"}elementNameChangedHandler(e){i("nylas-limit-future-bookings","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=e?.scheduler?.available_days_in_future;if(n){this.updateNumberAndPeriodFromDays(n)}}availableDaysInFutureChanged(e){this.updateNumberAndPeriodFromDays(e)}connectedCallback(){i("nylas-limit-future-bookings","connectedCallback")}componentWillLoad(){i("nylas-limit-future-bookings","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-limit-future-bookings","componentDidLoad");this.availableDaysInFutureChanged(this.availableDaysInFuture??1);if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(this.availableDaysInFuture?.toString()??"1",this.name)}disconnectedCallback(){i("nylas-limit-future-bookings","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:t}=e.detail;let a;if(t==="day"){a=n}else if(t==="week"){a=n*7}else{a=n*30}this.valueChanged.emit({value:a,name:"availableDaysInFuture"});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(a.toString(),this.name)}updateNumberAndPeriodFromDays(e){let n,t;if(e>=30&&e%30===0){n=e/30;t="month"}else if(e>=7&&e%7===0){n=e/7;t="week"}else{n=e;t="day"}this.selectedNumber=n;this.selectedPeriod=t}render(){return n(a,{key:"1bb30d8045366579b327f32f954d64c3360efa11"},n("div",{key:"2594946bd35a01a0ab64288c54fe886f4577d8b5",class:"nylas-limit-future-bookings",part:"nlfb"},n("label",{key:"cf955eb319e09617dd95037d66a387122238d17c"},"Limit future bookings",n("span",{key:"4f5658353873122f083faec5504856902bdba106",class:"label-icon"},n("tooltip-component",{key:"ee20b3543178702592b83e70a5a85988d0c3cd29"},n("info-icon",{key:"dfe75e502418b3f00a29d3d0fb76338056089266",slot:"tooltip-icon"}),n("span",{key:"c7226da2491e6c3beda2f9739afda6220c37c0e1",slot:"tooltip-content"},"Set a limit on how far in the future bookings can be made.")))),n("time-period-selector",{key:"5ad178b3d7158738a2882cb5a6554727de34a23d",id:"limit-future-bookings",timePeriods:["day","week","month"],exportparts:"tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content",defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod})))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],availableDaysInFuture:["availableDaysInFutureChanged"]}}};Ze([m({name:"nylas-limit-future-bookings",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:true}),Ye("design:type",Function),Ye("design:paramtypes",[]),Ye("design:returntype",void 0)],$e.prototype,"render",null);$e.style=Ue;const Ve=':host{--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const Be=Ve;var Ke=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var qe=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Je=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.eventLocation=undefined;this.location=this.eventLocation??"";this.selectedLocationOption=this.eventLocation?"custom":"none";this.name="location"}elementNameChangedHandler(e){i("nylas-location-component","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e,n){i("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e,n);const t=e?.event_booking?.location;if(t){this.selectedLocationOption=t?"custom":"none";this.location=t}}eventLocationChangedHandler(e,n){i("nylas-location-component","eventLocationChangedHandler",e);if(e===n){return}this.selectedLocationOption=e?"custom":"none"}connectedCallback(){i("nylas-location-component","connectedCallback")}componentWillLoad(){i("nylas-location-component","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-location-component","componentDidLoad")}disconnectedCallback(){i("nylas-location-component","disconnectedCallback")}selectedOptionChangedHandler(e){this.selectedLocationOption=e.detail.value;if(this.selectedLocationOption==="none"){this.location="";this.setFormValue("","location");this.valueChanged.emit({value:"",name:this.name})}}setFormValue(e,n){if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(e,n)}}handleChange(e){this.location=e.target.value;this.setFormValue(e.target.value,"location");this.valueChanged.emit({value:e.target.value,name:this.name})}render(){const e=[{value:"none",label:"None"},{value:"custom",label:"Custom location"}];const t={none:n("location-off-icon",{key:"5344819790f0d245e78de8808b05005eaa610991"}),custom:n("location-icon",{key:"6d931006f7ea79e3290bde60cbdd3c1ca8e827f8"})};return n(a,{key:"2117e5636492cd1b3bc3b975fdc1398c030df9a4"},n("div",{key:"093c3fdfaf0ad88955f8f785a5c589708d941e57",class:"nylas-event-location",part:"nel"},n("label",{key:"e2754216f675fc82cdc7813bacfe0e928e9ed50e",htmlFor:"location"},"Location type",n("span",{key:"e402fccc0065a4f6fd0cbd05af345b73b06c4464",class:"label-icon"},n("tooltip-component",{key:"c818dbca3cbbf29e34c56bbc9caea7fc3816d808"},n("info-icon",{key:"5ea673e0d49efe7e0a4ac04c3ec64427a63b8843",slot:"tooltip-icon"}),n("span",{key:"dac6ddf369aa6caf62a870ca349745f546ed3959",slot:"tooltip-content"},"Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))),n("div",{key:"bf334b9e8e03b660f661d264c9ca52444ee859b6",class:"location-input"},n("select-dropdown",{key:"f216e1589bb3b72a9ed6b9cfbec5683795e1b08e",withSearch:false,name:"location",options:e,defaultSelectedOption:e.find((e=>e.value==this.selectedLocationOption)),exportparts:"sd__dropdown: nel__dropdown, sd__dropdown-button: nel__dropdown-button, sd__dropdown-content: nel__dropdown-content"},n("span",{key:"6ca96d9f95ac189195c1490e6872b2478cd0d270",slot:"select-icon"},t[this.selectedLocationOption])),this.selectedLocationOption==="custom"&&n("input",{type:"text",part:"nel__location",id:"location",name:"location",maxlength:"1024",value:this.location,onInput:e=>this.handleChange(e)}))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],eventLocation:["eventLocationChangedHandler"]}}};Ke([m({name:"nylas-location-component",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:true}),qe("design:type",Function),qe("design:paramtypes",[]),qe("design:returntype",void 0)],Je.prototype,"render",null);Je.style=Be;const Xe=':host{--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}';const Ge=Xe;var Qe=undefined&&undefined.__decorate||function(e,n,t,a){var s=arguments.length,i=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,t):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,n,t,a);else for(var l=e.length-1;l>=0;l--)if(o=e[l])i=(s<3?o(i):s>3?o(n,t,i):o(n,t))||i;return s>3&&i&&Object.defineProperty(n,t,i),i};var en=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const nn=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.minCancellationNotice=undefined;this.name="min-cancellation-notice";this.selectedNumber=1;this.selectedPeriod="day"}elementNameChangedHandler(e){i("nylas-min-cancellation-notice","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=e?.scheduler?.min_cancellation_notice;if(n){this.updateNumberAndPeriodFromMinutes(n)}}availableDaysInFutureChanged(e){this.updateNumberAndPeriodFromMinutes(e)}connectedCallback(){i("nylas-min-cancellation-notice","connectedCallback")}componentWillLoad(){i("nylas-min-cancellation-notice","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-min-cancellation-notice","componentDidLoad");this.availableDaysInFutureChanged(this.minCancellationNotice??1);if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(this.minCancellationNotice?.toString()??"1",this.name)}disconnectedCallback(){i("nylas-min-cancellation-notice","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:t}=e.detail;let a;const s=60;const i=s*24;const o=i*7;const l=i*30;if(t==="minute"){a=n}else if(t==="hour"){a=n*s}else if(t==="day"){a=n*i}else if(t==="week"){a=n*o}else if(t==="month"){a=n*l}else{a=0}this.valueChanged.emit({value:a,name:"minCancellationNotice"});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(a.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const t=n*24;const a=t*7;const s=t*30;let i,o;if(e>=s){i=Math.floor(e/s);o="month"}else if(e>=a){i=Math.floor(e/a);o="week"}else if(e>=t){i=Math.floor(e/t);o="day"}else if(e>=n){i=Math.floor(e/n);o="hour"}else{i=e;o="minute"}this.selectedNumber=i;this.selectedPeriod=o}render(){return n(a,{key:"d2eb0d080d1ce4645a642a4f5d55270ed170e882"},n("div",{key:"2743c3c781ad47c9d0d53fdad2773f45d172e1f4",class:"nylas-min-cancellation-notice",part:"nmcn"},n("label",{key:"457729b50558651645ecb10398586af1078cfd34"},"Minimum cancellation notice",n("span",{key:"00b310035def5b8bbc183fa03d2bcb37d7c04b42",class:"label-icon"},n("tooltip-component",{key:"27c7695f6302e2d043899656f15a70846c2858e2"},n("info-icon",{key:"10f878cb410cc284e86890a0d6047c27bdc7f455",slot:"tooltip-icon"}),n("span",{key:"e853afaa116b43371d01fcb3b801e622902e22cd",slot:"tooltip-content"},"Set the minimum amount of time required to cancel an event.")))),n("time-period-selector",{key:"8bb3955f8cce7661e213fbf2c107f8326937b467",id:"min-cancellation-notice",exportparts:"tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content",timePeriods:["minute","hour","day","week"],defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod})))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],availableDaysInFuture:["availableDaysInFutureChanged"]}}};Qe([m({name:"nylas-min-cancellation-notice",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:true}),en("design:type",Function),en("design:paramtypes",[]),en("design:returntype",void 0)],nn.prototype,"render",null);nn.style=Ge;var tn={exports:{}};(function(e,n){!function(n,t){e.exports=t()}(k,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},n=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,t=/\d\d/,a=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,i={},o=function(e){return(e=+e)+(e>68?1900:2e3)};var l=function(e){return function(n){this[e]=+n}},r=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var n=e.match(/([+-]|\d\d)/g),t=60*n[1]+(+n[2]||0);return 0===t?0:"+"===n[0]?-t:t}(e)}],d=function(e){var n=i[e];return n&&(n.indexOf?n:n.s.concat(n.f))},c=function(e,n){var t,a=i.meridiem;if(a){for(var s=1;s<=24;s+=1)if(e.indexOf(a(s,0,n))>-1){t=s>12;break}}else t=e===(n?"pm":"PM");return t},f={A:[s,function(e){this.afternoon=c(e,!1)}],a:[s,function(e){this.afternoon=c(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[t,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[a,l("seconds")],ss:[a,l("seconds")],m:[a,l("minutes")],mm:[a,l("minutes")],H:[a,l("hours")],h:[a,l("hours")],HH:[a,l("hours")],hh:[a,l("hours")],D:[a,l("day")],DD:[t,l("day")],Do:[s,function(e){var n=i.ordinal,t=e.match(/\d+/);if(this.day=t[0],n)for(var a=1;a<=31;a+=1)n(a).replace(/\[|\]/g,"")===e&&(this.day=a)}],M:[a,l("month")],MM:[t,l("month")],MMM:[s,function(e){var n=d("months"),t=(d("monthsShort")||n.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],MMMM:[s,function(e){var n=d("months").indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],Y:[/[+-]?\d+/,l("year")],YY:[t,function(e){this.year=o(e)}],YYYY:[/\d{4}/,l("year")],Z:r,ZZ:r};function b(t){var a,s;a=t,s=i&&i.formats;for(var o=(t=a.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(n,t,a){var i=a&&a.toUpperCase();return t||s[a]||e[a]||s[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,n,t){return n||t.slice(1)}))}))).match(n),l=o.length,r=0;r<l;r+=1){var d=o[r],c=f[d],b=c&&c[0],p=c&&c[1];o[r]=p?{regex:b,parser:p}:d.replace(/^\[|\]$/g,"")}return function(e){for(var n={},t=0,a=0;t<l;t+=1){var s=o[t];if("string"==typeof s)a+=s.length;else{var i=s.regex,r=s.parser,d=e.slice(a),c=i.exec(d)[0];r.call(n,c),e=e.replace(c,"")}}return function(e){var n=e.afternoon;if(void 0!==n){var t=e.hours;n?t<12&&(e.hours+=12):12===t&&(e.hours=0),delete e.afternoon}}(n),n}}return function(e,n,t){t.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(o=e.parseTwoDigitYear);var a=n.prototype,s=a.parse;a.parse=function(e){var n=e.date,a=e.utc,o=e.args;this.$u=a;var l=o[1];if("string"==typeof l){var r=!0===o[2],d=!0===o[3],c=r||d,f=o[2];d&&(f=o[2]),i=this.$locale(),!r&&f&&(i=t.Ls[f]),this.$d=function(e,n,t){try{if(["x","X"].indexOf(n)>-1)return new Date(("X"===n?1e3:1)*e);var a=b(n)(e),s=a.year,i=a.month,o=a.day,l=a.hours,r=a.minutes,d=a.seconds,c=a.milliseconds,f=a.zone,p=new Date,y=o||(s||i?1:p.getDate()),h=s||p.getFullYear(),u=0;s&&!i||(u=i>0?i-1:p.getMonth());var m=l||0,g=r||0,v=d||0,k=c||0;return f?new Date(Date.UTC(h,u,y,m,g,v,k+60*f.offset*1e3)):t?new Date(Date.UTC(h,u,y,m,g,v,k)):new Date(h,u,y,m,g,v,k)}catch(e){return new Date("")}}(n,l,a),this.init(),f&&!0!==f&&(this.$L=this.locale(f).$L),c&&n!=this.format(l)&&(this.$d=new Date("")),i={}}else if(l instanceof Array)for(var p=l.length,y=1;y<=p;y+=1){o[1]=l[y-1];var h=t.apply(this,o);if(h.isValid()){this.$d=h.$d,this.$L=h.$L,this.init();break}y===p&&(this.$d=new Date(""))}else s.call(this,e)}}}))})(tn);const an=tn.exports;const sn=':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:black;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:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}';const on=sn;b.extend(an);const ln=class{constructor(n){e(this,n);this.timeChange=t(this,"timeChange",7);this.time=undefined;this.minimumStartTime=null;this.placeholder="hh:mmam/pm";this.setTime=undefined;this.name=undefined;this.hasError=false;this.setFormError=undefined;this.err="";this.showTimes=false;this.ariaActivedescendant="";this.times=this.generateTimes();this.shouldAutoScroll=false}handleOutsideClick(e){const n=e.composedPath();const t=n.includes(this.el);if(!t&&this.showTimes){this.showTimes=false}}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let e=b().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));if(this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12){e=e.add(12,"hour")}else if(this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12){e=e.subtract(12,"hour")}this.times=this.generateTimes();const n=b(this.times[0].value,"hh:mma");let t=b(this.time,"hh:mma");if(t.isBefore(n)){this.err="Invalid";this.setFormError(null,"Invalid")}}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const e=p(this.time);const n=this.times.findIndex((n=>n.value===e));if(n>-1){this.shouldAutoScroll=false;this.scrollToViewWithinParent(n)}return}}handleTimeChange(e,n){const t=n.split(":");if(t[0]==="00"&&t[1].slice(-2)=="pm"){this.err="Invalid";this.setFormError(e,"Invalid")}if(!y(n)){this.err="Invalid";this.setFormError(e,"Invalid")}else{this.err="";this.setFormError(null)}this.setTime(e,n);this.timeChange.emit(n)}handleTimeAutocomplete(e){const n=e.target?.value;if(!y(n)){this.err="Invalid";this.setFormError(e,"Invalid");return}if(n===""){const n=h().format("hh:mma");this.setTime(e,n);return}if(!u(n)){const e=p(n);this.setTime(e);return}this.setTime(e,n)}handleOnInput(e){const n=e.target?.value;if(!y(n)){return}if(n===""){const e=h().format("hh:mma");const n=this.times.findIndex((n=>n.value===e));if(n>-1){this.scrollToViewWithinParent(n)}return}if(!u(n)){const e=p(n);const t=this.times.findIndex((n=>n.value===e));if(t>-1){this.scrollToViewWithinParent(t)}return}}generateTimes(){const e=[];let n=b().set("hour",0).set("minute",0).set("second",0);if(this.minimumStartTime){n=b(this.minimumStartTime,"hh:mma")}const t=n.endOf("day").diff(n,"minutes");const a=Math.round(t/15);for(let t=0;t<a+1;t++){const s=n.add(t*15,"minute");if(t==a&&s.format("hh:mma").includes("am")){break}e.push({id:t,value:s.format("hh:mma")})}return e}handleComboboxKeyDown(e){if(e.key==="ArrowDown"){e.preventDefault();if(!this.showTimes){this.showTimes=true;this.shouldAutoScroll=true;return}if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[0].id.toString();this.focusOption(0)}else{const e=this.times.findIndex((e=>e.id.toString()===this.ariaActivedescendant));const n=e+1<this.times.length?e+1:0;this.ariaActivedescendant=this.times[n].id.toString();this.focusOption(n)}}else if(e.key==="ArrowUp"){e.preventDefault();if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[this.times.length-1].id.toString();this.focusOption(this.times.length-1)}else{const e=this.times.findIndex((e=>e.id.toString()===this.ariaActivedescendant));const n=e-1>=0?e-1:this.times.length-1;this.ariaActivedescendant=this.times[n].id.toString();this.focusOption(n)}}else if(e.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}handleListboxKeydown(e){const n=this.times;const t=n.findIndex((e=>e.id.toString()===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();const a=t+1<n.length?t+1:0;this.ariaActivedescendant=n[a].id.toString();this.focusOption(a)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();const a=t-1>=0?t-1:n.length-1;this.ariaActivedescendant=n[a].id.toString();this.focusOption(a)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){const a=n[t];this.handleTimeChange(e,a.value);this.showTimes=false;this.ariaActivedescendant="";this.timeInput.focus()}}else if(e.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}scrollToViewWithinParent(e){const n=this.times[e];const t=this.el.shadowRoot?.getElementById(n.id.toString());const a=this.timeMenu;this.ariaActivedescendant=n.id.toString();const s=t.getBoundingClientRect();const i=a.getBoundingClientRect();if(s.top<i.top){a.scrollTop-=i.top-s.top}else if(s.bottom>i.bottom){a.scrollTop+=s.bottom-i.bottom}if(s.left<i.left){a.scrollLeft-=i.left-s.left}else if(s.right>i.right){a.scrollLeft+=s.right-i.right}}focusOption(e){const n=this.times[e];if(!n)return;const t=n.id.toString();const a=this.el.shadowRoot?.getElementById(t);if(a){a.focus();a.scrollIntoView({behavior:"smooth",block:"nearest"})}}render(){return n(a,{key:"fe86daaa8256c8fb59ffe2dfcbf50220f3a7b746"},n("div",{key:"8cffe49df87c5bf2b73cef66236c806b47d623d4",class:"time-picker",part:"time-picker"},n("input",{key:"6f735244c63287b0ec0668b688bbb18bb405346b",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":true,error:!!this.err||this.hasError},ref:e=>this.timeInput=e,value:this.time,onClick:()=>{this.showTimes=true;this.shouldAutoScroll=true},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e),onBlur:e=>this.handleTimeAutocomplete(e)}),this.err&&n("div",{class:"invalid-time-icon"}),this.showTimes&&n("div",{class:"times",part:"times",ref:e=>this.timeMenu=e},n("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.times.map((e=>n("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:n=>{this.handleTimeChange(n,e.value);this.showTimes=false;this.timeInput.focus()},role:"option"},`${e.value}`))))),!this.showTimes&&this.err&&n("p",{class:"error",id:"email-error"},this.err)))}get el(){return s(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};ln.style=on;export{_ as add_circle_icon,H as button_component,M as calendar_info_icon,z as calendar_patterns_icon,E as flow_icon,N as location_icon,P as location_off_icon,Y as multi_select_dropdown,q as nylas_availability_picker,ee as nylas_booking_calendar_picker,ie as nylas_buffer_time,ce as nylas_calendar_picker,he as nylas_custom_booking_flow,ke as nylas_event_description,Le as nylas_event_duration,je as nylas_event_info,Ee as nylas_event_limits,Ae as nylas_event_title,$e as nylas_limit_future_bookings,Je as nylas_location_component,nn as nylas_min_cancellation_notice,ln as nylas_time_window_picker};
+//# sourceMappingURL=p-da74ec1c.entry.js.map