@nylas/react 2.0.3 → 2.0.6

package/dist/nylas-booked-event-card_11.entry-eb4b3c5c.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-d8a42c15.cjs"),_=require("./register-component-0aad9e3d-d2f2e543.cjs"),m=require("./constants-f51538ef-cd2a67c4.cjs");require("react");require("react/jsx-runtime");require("react-dom");const Ce=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}',_e=Ce;var we=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},S=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const Z=class{constructor(e){n.registerInstance(this,e),this.cancelBookingButtonClicked=n.createEvent(this,"cancelBookingButtonClicked",7),this.rescheduleButtonClicked=n.createEvent(this,"rescheduleButtonClicked",7),this.rescheduleBookedEventError=n.createEvent(this,"rescheduleBookedEventError",7),this.cancelBookedEventValidationError=n.createEvent(this,"cancelBookedEventValidationError",7),this.handleCancelBookingButtonClicked=()=>{var l,o;const a=new Date(this.selectedTimeslot.start_time),t=(o=(l=this.configSettings)==null?void 0:l.scheduler)==null?void 0:o.min_cancellation_notice;if(!t){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}a.getTime()-t*60*1e3<new Date().getTime()?this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${t} minutes of the event.`}}):this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})},this.handleRescheduleButtonClicked=()=>{const a=t=>{this.rescheduleBookedEventError.emit(t)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:a})},this.getPaticipantType=a=>{switch(a){case"host":return"Host";case"you":return"You";default:return""}},this.eventInfo=void 0,this.rescheduleBookingId=void 0,this.bookingInfo=void 0,this.configSettings=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedTimeslot=void 0,this.selectedLanguage=navigator.language,this.hour12=void 0,this.startTime="",this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,a){e!==a&&n.instance.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-booked-event-card] Component will load")}async componentDidLoad(){var t,r;n.debug("[nylas-booked-event-card] Component did load"),this.eventInfo||console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.'),this.bookingInfo||console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.'),this.applyThemeConfig(this.themeConfig);const e=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],a=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=a.format((t=this.selectedTimeslot)==null?void 0:t.start_time),this.endTime=a.format((r=this.selectedTimeslot)==null?void 0:r.end_time)}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t)}render(){var t,r,l,o,s,i,h,y,p,v,w,x,g,b,C,L;const e=(t=this.configSettings)==null?void 0:t.booking_type,a=e&&e!=="booking";return n.h(n.Host,{key:"0762e32091a5674187788413717366b6213a28fd",part:"nbec"},n.h("div",{key:"9cb934481989459e30f9fc718e20855f0f186027",class:"nylas-booked-event-card"},n.h("div",{key:"e7b810785f800f82f0c73eaa665cd56bb9406c85",class:"booked-event-timezone"},n.h("globe-icon",{key:"3c29fd04b4fc90e0a6583285cbf872ec840ec0d6"}),m.TIMEZONE_MAP[this.selectedTimezone]),n.h("div",{key:"e7f4406d8c3b110d84cb1d99e5ab8db89954e2f4",class:"event-card-wrapper",part:"nbec__card"},n.h("div",{key:"c656687daf9b51190341d35db6c338a9a61df3a2",class:"calendar-icon"},n.h("calendar-check-icon",{key:"e1f5cdfa288db54a537f4250d65e2ab0279fb84e"})),n.h("div",{key:"50e125630023b8dd19d537d20374f9a5464a1547",class:"booked-event-header"},n.h("h2",{key:"24e6e52952321065ee1e63c34d55cd1891edeafc",slot:"card-title",part:"nbec__title"},this.rescheduleBookingId&&!this.isLoading?`${n.instance.t("bookingRescheduled")}`:a&&!this.isLoading?`${n.instance.t("bookingSent")}`:`${n.instance.t("bookingConfirmed")}`,"!"),n.h("div",{key:"cb07bf7f3685624f2b50bcba569399ba084ab00d",class:"card-description",part:"nbec__description"},a?n.instance.t("bookingSentDescription"):n.h("span",null,n.instance.t("bookingConfirmedDescription")))),n.h("div",{key:"bceb86109e1a9ae6f2c1d98e0267e7f73d763aae",class:"booking-date-time"},n.h("checkmark-circle-icon",{key:"0e6fdd3cb183e4d00c6c31fe368eefb01d0465d8"}),n.h("h3",{key:"c7561d2be55109d69650aa41bb6d356018e1973b"},n.instance.t("bookingDateAndTimeHeader")),n.h("p",{key:"31818a7c4a89014438b7af5e722f49728918cc27"},(r=this.selectedTimeslot)!=null&&r.start_time?n.capitalizeFirstLetter(n.formatBookedEventDate((l=this.selectedTimeslot)==null?void 0:l.start_time,this.selectedTimezone,m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage])):"-"," ",n.h("br",{key:"7fcd531af1cea5464ab08f9043aabb4cde0a91db"}),this.startTime," - ",this.endTime)),n.h("div",{key:"8d2d827677bf300ad2b0f4dc2c28ac3777971af1",class:"booking-participants"}),!a&&n.h("div",{class:"button-container"},n.h("div",{class:{footer:!0,"no-footer":((s=(o=this.configSettings)==null?void 0:o.scheduler)==null?void 0:s.hide_cancellation_options)&&((h=(i=this.configSettings)==null?void 0:i.scheduler)==null?void 0:h.hide_rescheduling_options)||((y=this.configSettings)==null?void 0:y.booking_type)==="organizer-confirmation","no-template-cols":!!((v=(p=this.configSettings)==null?void 0:p.scheduler)!=null&&v.hide_cancellation_options)||!!((x=(w=this.configSettings)==null?void 0:w.scheduler)!=null&&x.hide_rescheduling_options)}},!((b=(g=this.configSettings)==null?void 0:g.scheduler)!=null&&b.hide_cancellation_options)&&n.h("button-component",{variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${n.instance.t("cancelBookingButton")}`),!((L=(C=this.configSettings)==null?void 0:C.scheduler)!=null&&L.hide_rescheduling_options)&&n.h("button-component",{variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${n.instance.t("rescheduleBookingButton")}`))))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};we([_.RegisterComponent({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{cancelBookingButtonClicked:async(e,a)=>{a.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,a)=>{const t=await a.scheduler.setReschedule(e.detail.bookingId),{errorHandler:r}=e.detail;r&&(!t||"error"in t)&&r(t)},rescheduleBookedEventError:async(e,a)=>{n.debug("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,a)=>{n.debug("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:!0}),S("design:type",Function),S("design:paramtypes",[]),S("design:returntype",void 0)],Z.prototype,"render",null);Z.style=_e;const xe=':host{display:block;height:100%;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-booking-form{width:100%;padding:1.5rem;box-sizing:border-box;height:450px;overflow-y:auto;height:100%}form{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;align-items:flex-start;justify-content:space-between;gap:0.5rem;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.cta{grid-template-columns:1fr}}.input-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:1rem}.input-wrapper input::placeholder{color:var(--nylas-base-300)}.input-wrapper label,.input-wrapper input{font-family:var(--nylas-font-family);font-size:16px}.input-wrapper .help-text{margin:0;color:var(--nylas-error)}.button-wrapper{width:100%;align-items:flex-start;height:max-content;position:relative}.button-content{display:flex;gap:4px;align-items:center}input[type=text],input[type=email]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%}input[type=text]:focus,input[type=email]:focus{outline-color:var(--nylas-primary)}input[type=text].error,input[type=email].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=email].error::placeholder{font-weight:400}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--nylas-base-300)}input[type=text].guest-email,input[type=email].guest-email{color:var(--nylas-base-900);padding-right:52px}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}button-component.remove-guest{position:absolute;height:51px;right:0}button-component.remove-guest.error button{border-color:var(--nylas-error)}button-component.remove-guest button{height:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;border:none !important;border-left:1px solid var(--nylas-base-300) !important}button-component.remove-guest button:hover,button-component.remove-guest button:focus{outline:1px solid var(--nylas-primary) !important;color:var(--nylas-primary)}button-component.back button{--dot-color:var(--nylas-base-800)}.guest-email-input{position:relative;display:flex;width:100%}multi-select-dropdown::part(msd_dropdown-label){margin-bottom:4px}multi-select-dropdown::part(msd_dropdown_error){font-size:16px}multi-select-dropdown::part(msd_dropdown-button){height:52px;border-color:var(--nylas-base-300)}multi-select-dropdown::part(msd_dropdown-button--error){border-width:2px;border-color:var(--nylas-error)}',Ee=xe;var Te=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},R=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const B=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,U=class{constructor(e){n.registerInstance(this,e),this.nameChanged=n.createEvent(this,"nameChanged",7),this.emailChanged=n.createEvent(this,"emailChanged",7),this.backButtonClicked=n.createEvent(this,"backButtonClicked",7),this.detailsConfirmed=n.createEvent(this,"detailsConfirmed",7),this.bookingFormError=n.createEvent(this,"bookingFormError",7),this.bookingFormSubmitted=n.createEvent(this,"bookingFormSubmitted",7),this.handleGuestChange=(a,t)=>{this.resetGuestEmailError(a);const r=[...this.guestEmails];r[a]=n.sanitizeHtml$1(t),this.guestEmails=[...r]},this.handleGuestBlur=(a,t)=>{if(this.resetGuestEmailError(a),t===""){this.guestEmailErrors[a]=n.instance.t("fieldRequired",{field:n.instance.t("email")});return}if(!B.test(t)){this.guestEmailErrors[a]=n.instance.t("invalidInputFormat",{field:n.instance.t("email")});return}this.handleGuestChange(a,t)},this.addGuestButtonClickedHandler=a=>{a.preventDefault(),this.guestEmails=[...this.guestEmails,""]},this.removeGuestButtonClickHandler=(a,t)=>{a.preventDefault(),this.resetGuestEmailError(t);const r=[...this.guestEmails];r.splice(t,1),this.guestEmails=[...r]},this.handleBackButtonClicked=a=>{a.preventDefault(),this.backButtonLoading=!0,this.backButtonClicked.emit()},this.bookButtonClickedHandler=async a=>{var y,p,v,w,x;if(a.preventDefault(),this.bookingFormSubmitted.emit().defaultPrevented)return;n.debug("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const r=this.name,l=this.email;if(!r||r===""){this.isNameValid=!1,this.validationError.name=n.instance.t("fieldRequired",{field:n.instance.t("name")})||"Name is required",this.bookingFormError.emit({title:"Booking form error",description:"Name is required"});return}if(!l||l===""){this.isEmailValid=!1,this.validationError.email=n.instance.t("fieldRequired",{field:n.instance.t("email")})||"Email is required",this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!B.test(l)){this.isEmailValid=!1,this.validationError.email=n.instance.t("invalidInputFormat",{field:n.instance.t("email")}),this.bookingFormError.emit({title:"Booking form error",description:n.instance.t("invalidInputFormat",{field:n.instance.t("email")})||"Invalid email"});return}let o=[];if(this.guestEmails.length>0){let g=!1;if(this.guestEmails.forEach((b,C)=>{b===""?(g=!0,this.guestEmailErrors={...this.guestEmailErrors,[C]:n.instance.t("fieldRequired",{field:n.instance.t("email")})}):B.test(b)||(g=!0,this.guestEmailErrors={...this.guestEmailErrors,[C]:n.instance.t("invalidInputFormat",{field:n.instance.t("email")})})}),g){this.bookingFormError.emit({title:"Booking form error",description:n.instance.t("invalidInputFormat",{field:n.instance.t("guestEmail")})||"Invalid guest email"});return}o=this.guestEmails.map(b=>({name:b.trim(),email:b.trim()}))}const s={},i=((p=(y=this.configSettings)==null?void 0:y.scheduler)==null?void 0:p.additional_fields)||{},h=((w=(v=this.configSettings)==null?void 0:v.booking)==null?void 0:w.additional_fields)||{};(x=this.bookingInfo)!=null&&x.additionalFields&&Object.entries(this.bookingInfo.additionalFields).forEach(([g,b])=>{g in i&&typeof b.value<"u"&&(s[g]=b.value)}),Object.entries(i).forEach(([g,b])=>{if(!(g in s)){const C=h[g]||b.default||"";s[g]=C}}),this.detailsConfirmed.emit({primaryParticipant:{name:r,email:l},guests:o,additionalFields:{...s,...this.additionalFields}})},this.updateAdditionalFields=(a,t)=>{this.additionalFields&&(this.additionalFields[a]=t)},this.isLoading=void 0,this.bookingInfo=void 0,this.eventInfo=void 0,this.configSettings=void 0,this.themeConfig=void 0,this.selectedTimeslot=void 0,this.selectedLanguage=void 0,this.name="",this.email="",this.guestEmails=[],this.guestEmailErrors={},this.isNameValid=!0,this.isEmailValid=!0,this.additionalFields={},this.namePatternError="",this.nameRequiredError="",this.emailPatternError="",this.emailRequiredError="",this.validationError={name:"",email:""},this.backButtonLoading=!1,this.firstRender=!0}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){n.debug("nylas-booking-form","componentWillLoad",this.bookingInfo)}componentDidLoad(){var e;n.debug("nylas-booking-form","componentDidLoad",this.bookingInfo),(e=this.configSettings)!=null&&e.booking?this.configSettingsChangedHandler(this.configSettings):this.bookingInfo&&this.bookingInfoChangedHandler(this.bookingInfo),this.applyThemeConfig(this.themeConfig)}componentDidRender(){this.firstRender&&this.applyThemeConfig(this.themeConfig)}bookingInfoChangedHandler(e){e&&e.primaryParticipant&&(this.name=e.primaryParticipant.name||this.name,this.email=e.primaryParticipant.email||this.email),e!=null&&e.guests&&Array.isArray(e.guests)&&(this.guestEmails=e.guests.map(a=>a.email))}configSettingsChangedHandler(e){var a,t,r,l,o,s,i,h,y,p;!((t=(a=this.bookingInfo)==null?void 0:a.primaryParticipant)!=null&&t.name)&&e&&((l=(r=e.booking)==null?void 0:r.guest)!=null&&l.name)&&(this.name=e.booking.guest.name||this.name),!((s=(o=this.bookingInfo)==null?void 0:o.primaryParticipant)!=null&&s.email)&&e&&((h=(i=e.booking)==null?void 0:i.guest)!=null&&h.email)&&(this.email=e.booking.guest.email||this.email),!((y=this.bookingInfo)!=null&&y.guests)&&((p=e==null?void 0:e.booking)!=null&&p.additional_guests)&&Array.isArray(e.booking.additional_guests)&&(this.guestEmails=e.booking.additional_guests.map(v=>v.email))}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,a){e!==a&&(n.instance.changeLanguage(e),this.namePatternError=n.instance.t("invalidInputFormat",{field:n.instance.t("name")}),this.nameRequiredError=n.instance.t("fieldRequired",{field:n.instance.t("name")}),this.emailPatternError=n.instance.t("invalidInputFormat",{field:n.instance.t("email")}),this.emailRequiredError=n.instance.t("fieldRequired",{field:n.instance.t("email")}))}iterateFormComponents(){const e=this.formRef,a=["input-component","button-component","select-dropdown","checkbox-component","radio-button-group","textarea-component","nylas-date-component","multi-select-dropdown"],t=[];if(e){const r=l=>{Array.from(l.children).forEach(o=>{const s=o.tagName.toLowerCase();a.includes(s)&&t.push(o),r(o)})};r(e)}return t}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t),this.iterateFormComponents().forEach(l=>{var o;l.style.setProperty(`${a}`,t),(o=l.shadowRoot)==null||o.host.style.setProperty(`${a}`,t)})}changeName(e){this.isNameValid=!0,this.validationError.name="",this.name=n.sanitize(e),this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=!0,this.validationError.email="",this.email=n.sanitizeHtml$1(e),this.emailChanged.emit(e)}resetGuestEmailError(e){const a={...this.guestEmailErrors};delete a[e],this.guestEmailErrors={...a}}nylasFormInputChangedHandler(e){switch(e.detail.name){case"name":this.changeName(e.detail.value);break;case"email":this.changeEmail(e.detail.value);break;default:if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value);break}}selectOptionChangedHandler(e){if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value)}selecedOptionsChangedHandler(e){if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}const a=e.detail.value.toString();this.updateAdditionalFields(e.detail.name,a)}switchToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}checkboxToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}radioChangedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}dropdownDefaultSelectedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}render(){var a,t,r,l,o,s,i,h,y,p,v,w,x,g,b,C,L,ne,ae,te,oe;const e=!!((a=this.selectedTimeslot)!=null&&a.event_id)&&!!((t=this.selectedTimeslot)!=null&&t.capacity);return n.h(n.Host,{key:"6659bdd250a39e69ecd8a4468b4f5bf5f3ced414"},n.h("form",{key:"ee7e0b97a449cdb18fa474bb5950ebc34922265d",onSubmit:k=>this.bookButtonClickedHandler(k),ref:k=>this.formRef=k,noValidate:!0},n.h("div",{key:"b59b81ef1c13449b1e49608ef6faeebbce3fef4d",class:"nylas-booking-form",part:"nbf"},n.h("div",{key:"cf75db4476ff5f8b013cbd349038a5945b9aecb0",class:"input-wrapper",part:"nbf__input-wrapper"},n.h("input-component",{key:"63959a4c6c06cef6dc5d8990ddfbe89965433f28",label:n.instance.t("name"),name:"name",id:"name",defaultValue:((l=(r=this.bookingInfo)==null?void 0:r.primaryParticipant)==null?void 0:l.name)||((i=(s=(o=this.configSettings)==null?void 0:o.booking)==null?void 0:s.guest)==null?void 0:i.name)||this.name,placeholder:n.instance.t("namePlaceholder"),type:"text",readOnly:((y=(h=this.bookingInfo)==null?void 0:h.primaryParticipant)==null?void 0:y.nameReadOnly)||!1,required:!0,requiredError:this.nameRequiredError,patternError:this.namePatternError,themeConfig:this.themeConfig,part:"nbf__input-textfield"})),n.h("div",{key:"191fc64123d86e5e9e54b53749cdc35e334f21e2",class:"input-wrapper",part:"nbf__input-wrapper"},n.h("input-component",{key:"8ef51518ac8ddee866148a6654463143a00a466e",label:n.instance.t("email"),name:"email",id:"email",pattern:B,defaultValue:((v=(p=this.bookingInfo)==null?void 0:p.primaryParticipant)==null?void 0:v.email)||((g=(x=(w=this.configSettings)==null?void 0:w.booking)==null?void 0:x.guest)==null?void 0:g.email)||this.email,placeholder:n.instance.t("emailPlaceholder"),type:"email",readOnly:((C=(b=this.bookingInfo)==null?void 0:b.primaryParticipant)==null?void 0:C.emailReadOnly)||!1,required:!0,requiredError:this.emailRequiredError,patternError:this.emailPatternError,themeConfig:this.themeConfig,part:"nbf__input-textfield"})),((ne=(L=this.configSettings)==null?void 0:L.scheduler)==null?void 0:ne.hide_additional_guests)!==!0&&n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},this.guestEmails.map((k,c)=>n.h("div",{class:"input-wrapper button-wrapper"},n.h("label",{class:{error:!!this.guestEmailErrors[c]}},n.instance.t("guestEmail")),n.h("div",{class:"guest-email-input"},n.h("input",{type:"email",id:`guest-email-${c}`,maxLength:100,class:{"guest-email":!0,error:!!this.guestEmailErrors[c]},placeholder:n.instance.t("guestEmailPlaceholder"),value:k,"data-index":c,part:"nbf__input-textfield",onBlur:f=>{var d;return this.handleGuestBlur(c,(d=f.target)==null?void 0:d.value)},onInput:f=>{var d;return this.handleGuestChange(c,(d=f.target)==null?void 0:d.value)}}),n.h("button-component",{variant:"basic",tooltip:"Remove guest",onClick:f=>this.removeGuestButtonClickHandler(f,c),class:{"remove-guest":!0,error:!!this.guestEmailErrors[c]}},n.h("close-icon",null))),n.h("p",{class:"help-text"},this.guestEmailErrors[c]))),!e&&n.h("button-component",{class:"add-guest",variant:"invisible",part:"nbf__button-ghost",onClick:k=>this.addGuestButtonClickedHandler(k)},n.h("div",{class:"button-content"},n.h("add-circle-icon",{slot:"icon"}),this.guestEmails.length>0?`${n.instance.t("addAnotherGuest")}`:`${n.instance.t("addGuest")}`))),(oe=Object.entries(((te=(ae=this.configSettings)==null?void 0:ae.scheduler)==null?void 0:te.additional_fields)||{}))==null?void 0:oe.sort((k,c)=>k[1].order-c[1].order).map(k=>{var re,le,se,ie,ce,de,fe,ye,he,ge,be,ue,me,pe;const c=k[1],f=c.label,d=k[0],u=((se=(le=(re=this.bookingInfo)==null?void 0:re.additionalFields)==null?void 0:le[d])==null?void 0:se.value)||((de=(ce=(ie=this.configSettings)==null?void 0:ie.booking)==null?void 0:ce.additional_fields)==null?void 0:de[d])||c.default||"",E=((he=(ye=(fe=this.bookingInfo)==null?void 0:fe.additionalFields)==null?void 0:ye[d])==null?void 0:he.readOnly)||!1;switch(c.type){case"dropdown":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("select-dropdown",{label:f,name:d,id:d,readOnly:E,withSearch:!1,emptyValue:n.instance.t("nylasBookingCalendarPicker.selectOptionLabel"),defaultSelectedOption:u?{value:u,label:u}:void 0,options:[{value:"",label:n.instance.t("nylasBookingCalendarPicker.selectOptionLabel")},...((ge=c.options)==null?void 0:ge.map(T=>({value:T,label:T})))||[]],required:c.required,themeConfig:this.themeConfig,errorMessage:n.instance.t("fieldRequired",{field:f}),exportparts:"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content"}));case"checkbox":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("checkbox-component",{readOnly:E,label:f,name:d,id:d,checked:u==="true",required:c.required,themeConfig:this.themeConfig,errorMessage:n.instance.t("fieldRequired",{field:f}),part:"nbf__checkbox-component"}));case"radio_button":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("radio-button-group",{label:f,name:d,id:d,readOnly:E,defaultSelectedValue:u&&((be=c.options)!=null&&be.includes(u))?u:((ue=c.options)==null?void 0:ue[0])||"",options:(me=c.options)==null?void 0:me.map(T=>({value:T,label:T})),required:c.required,themeConfig:this.themeConfig,errorMessage:n.instance.t("fieldRequired",{field:f}),part:"nbf__radio-button-group"}));case"multi_line_text":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("textarea-component",{readOnly:E,label:f,defaultValue:u,name:d,id:d,required:c.required,themeConfig:this.themeConfig,errorMessage:n.instance.t("fieldRequired",{field:f}),part:"nbf__textarea-component"}));case"date":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("nylas-date-component",{readOnly:E,label:f,defaultValue:u,name:d,id:d,required:c.required,themeConfig:this.themeConfig,errorMessage:n.instance.t("invalidDate"),patternError:n.instance.t("invalidInputFormat",{field:f}),requiredError:n.instance.t("fieldRequired",{field:f}),part:"nbf__date-component"}));case"multi_select":{const T=(u==null?void 0:u.split(",").map(D=>D.trim()))||[];return n.h("div",null,n.h("multi-select-dropdown",{label:f,name:d,id:d,readOnly:E,selectAtLeastOneOptionLabel:n.instance.t("selectOneOrMoreOptions"),multipleOptionsSelectedLabel:n.instance.t("multipleOptionsSelected"),options:(pe=c.options)==null?void 0:pe.map(D=>({value:D,label:D,selected:T.includes(D)})),required:c.required,themeConfig:this.themeConfig,errorMessage:n.instance.t("selectAtLeastOneOption"),exportparts:"msd_dropdown: nbf__ms_dropdown, msd_dropdown-label: nbf__ms_dropdown-label, msd_dropdown-button: nbf__ms_dropdown-button, msd_dropdown-content: nbf__ms_dropdown-content, msd_dropdown_error: nbf__ms_dropdown_error, msd_dropdown-button--error: nbf__ms_dropdown-button--error"}))}case"metadata":return null;default:return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("input-component",{label:f,name:d,id:d,type:c.type,readOnly:E,defaultValue:u||"",requiredError:n.instance.t("fieldRequired",{field:f}),patternError:n.instance.t("invalidInputFormat",{field:f}),required:c.required,part:"nbf__input-textfield",themeConfig:this.themeConfig}))}})),n.h("div",{key:"85adf1a2d5868610b7d4f0d597553b5ec98772ef",class:"cta"},n.h("button-component",{key:"a622fcc6240b1119dbc56ddf55fdc8b00e462787",variant:"basic",class:"back",part:"nbf__button-outline",isLoading:this.backButtonLoading&&this.isLoading,onClick:this.handleBackButtonClicked},n.h("slot",{key:"9c2cc61227918ebc7ac6d8aff80f40c51db00b11",name:"booking-form-back-label"},`${n.instance.t("backButton")}`)),n.h("button-component",{key:"abebcf397d96c21398f9f61ac5aeb45d75c8ad87",variant:"primary",isLoading:!this.backButtonLoading&&this.isLoading,disabled:this.isLoading,part:"nbf__button-primary",type:"submit"},n.h("slot",{key:"cecc83e97ea18b0766b37d9fd729d9ed4d4f06d6",name:"booking-form-book-label"},`${n.instance.t("bookNowButton")}`)))))}get host(){return n.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"],configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Te([_.RegisterComponent({name:"nylas-booking-form",stateToProps:new Map([["scheduler.isLoading","isLoading"],["scheduler.bookingInfo","bookingInfo"],["scheduler.eventInfo","eventInfo"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{backButtonClicked:async(e,a)=>{a.scheduler.toggleAdditionalData(!1)},nameChanged:async(e,a)=>{a.scheduler.setParticipantName(e.detail)},emailChanged:async(e,a)=>{a.scheduler.setParticipantEmail(e.detail)},detailsConfirmed:async(e,a)=>{n.debug("nylas-booking-form","detailsConfirmed",e.detail)},bookingFormSubmitted:async(e,a)=>{n.debug("nylas-booking-form","bookingFormSubmitted",e.detail)},bookingFormError:async(e,a)=>{n.debug("nylas-booking-form","bookingFormError",e.detail)}},fireRegisterEvent:!0}),R("design:type",Function),R("design:paramtypes",[]),R("design:returntype",void 0)],U.prototype,"render",null);U.style=Ee;const Le=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}',De=Le;var Be=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},O=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const W=class{constructor(e){var a,t;n.registerInstance(this,e),this.goBackButtonClicked=n.createEvent(this,"goBackButtonClicked",7),this.cancelBookingFormSubmitted=n.createEvent(this,"cancelBookingFormSubmitted",7),this.triggerValidation=n.createEvent(this,"triggerValidation",7),this.cancelBookedEventError=n.createEvent(this,"cancelBookedEventError",7),this.cancelBookingFormError=n.createEvent(this,"cancelBookingFormError",7),this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()},this.handleSubmitCancelBooking=r=>{var s,i,h;if(this.triggerValidation.emit({}),r.preventDefault(),!this.cancellationReason){this.cancellationError=n.instance.t("cancellationErrorMessage"),this.cancelBookingFormError.emit({title:n.instance.t("cancelBokingFormError"),description:n.instance.t("cancellationErrorMessage")});return}const l=(i=(s=this.configSettings)==null?void 0:s.scheduler)==null?void 0:i.min_cancellation_notice;if(this.selectedTimeslot&&l&&new Date((h=this.selectedTimeslot)==null?void 0:h.start_time).getTime()-l*60*1e3<new Date().getTime()){this.cancelBookedEventError.emit({error:{title:n.instance.t("cancellationErrorTitle"),message:n.instance.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:l})}});return}n.debug(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const o=y=>{this.cancelBookedEventError.emit(y)};this.cancelBookingId?this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:o}):this.rejectBookingId&&this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:o})},this.cancelBookingId=void 0,this.rejectBookingId=void 0,this.selectedTimeslot=void 0,this.configSettings=void 0,this.eventInfo=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.selectedLanguage=void 0,this.cancellationReason="",this.cancellationError="",this.cancellationPolicy=((t=(a=this.configSettings)==null?void 0:a.scheduler)==null?void 0:t.cancellation_policy)||"Your current timeslot will become available to others."}configSettingsChangedHandler(e){var a;this.cancellationPolicy=((a=e==null?void 0:e.scheduler)==null?void 0:a.cancellation_policy)||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,a){e!==a&&n.instance.changeLanguage(e)}connectedCallback(){n.debug("[nylas-cancel-booking-form] Component connected")}async componentWillLoad(){n.debug("[nylas-cancel-booking-form] Component will load")}async componentDidLoad(){n.debug("[nylas-cancel-booking-form] Component did load"),this.cancelBookingId||console.warn('[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.'),this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){n.debug("[nylas-cancel-booking-form] Component disconnected")}applyThemeConfig(e){var a;if(e)for(const[t,r]of Object.entries(e))this.host.style.setProperty(`${t}`,r),(a=this.textareaRef)==null||a.style.setProperty(`${t}`,r)}handleNylasFormInputChanged(e){this.triggerValidation.emit({}),e.detail.name==="cancel-reason"&&(this.cancellationReason=e.detail.value,this.cancellationError=e.detail.error)}render(){var e,a;return n.h(n.Host,{key:"3b22e6567ab54d6f2cb568d75fee896a643da4c8",part:"ncbf"},n.h("div",{key:"f046c04a7e3960a64e7da64c9a65a76566224f7d",class:"nylas-cancel-booking-form",part:"ncbf__card"},n.h("div",{key:"a979e7bea8d4ec498f52d06843d81f48720a0c8c",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},n.h("calendar-cancel-icon",{key:"85015b6f8078d9159f348ddf323f31dec8f705d4"})),n.h("h3",{key:"78ecd8321eb0a3c12abef90033d8244ffbfee674",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},n.instance.t("cancelBookingTitle")),n.h("div",{key:"524ca54afd1054d39d732fc17af3d75ce7586eae",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},(a=(e=this.configSettings)==null?void 0:e.scheduler)!=null&&a.cancellation_policy?this.cancellationPolicy:`${n.instance.t("cancelBookingMessage")}`),n.h("form",{key:"997e3b3723ac23316214682b8f03714d22c73271",onSubmit:this.handleSubmitCancelBooking},n.h("textarea-component",{key:"dd909a7998a66404c9ca4a0a880c65b8f38274d6",id:"cancel-reason",name:"cancel-reason",ref:t=>this.textareaRef=t,required:!0,label:n.instance.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),n.h("div",{key:"8a2331c8d00f1c6df904c3758fd5adcbb0a7095f",class:"footer"},n.h("button-component",{key:"dd16407657ac2e6e181a213d172364d66466d2ad",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},n.instance.t("cancelBookingButton")),!!this.eventInfo&&n.h("button-component",{variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},n.instance.t("goBackButton"))))))}get host(){return n.getElement(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Be([_.RegisterComponent({name:"nylas-cancel-booking-form",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.eventInfo","eventInfo"],["scheduler.isLoading","isLoading"],["scheduler.cancelBookingId","cancelBookingId"],["scheduler.rejectBookingId","rejectBookingId"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{cancelBookingFormSubmitted:async(e,a)=>{const{action:t,errorHandler:r}=e.detail;if(t==="cancel"){const l=await a.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);r&&(!l||"error"in l)&&r(l)}else if(t==="reject"){const l=await a.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});r&&(!l||"error"in l)&&r(l)}},goBackButtonClicked:async(e,a)=>{n.debug("nylas-cancel-booking-form","goBackButtonClicked",e.detail),a.scheduler.goBack()},cancelBookedEventError:async(e,a)=>{n.debug("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,a)=>{n.debug("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:!0}),O("design:type",Function),O("design:paramtypes",[]),O("design:returntype",void 0)],W.prototype,"render",null);W.style=De;const ze=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}',Ie=ze;var Se=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},P=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const Y=class{constructor(e){n.registerInstance(this,e),this.closeCancelEventCardClicked=n.createEvent(this,"closeCancelEventCardClicked",7),this.cancelledEventCardError=n.createEvent(this,"cancelledEventCardError",7),this.handleCloseClicked=()=>{this.isClosing=!0;const a=t=>{this.cancelledEventCardError.emit(t),this.isClosing=!1};this.closeCancelEventCardClicked.emit({errorHandler:a})},this.configSettings=void 0,this.themeConfig=void 0,this.selectedLanguage=void 0,this.cancelledEventInfo=void 0,this.isClosing=!1}selectedLanguageChangedHandler(e,a){e!==a&&n.instance.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){n.debug("[nylas-cancelled-event-card] Component connected")}async componentWillLoad(){n.debug("[nylas-cancelled-event-card] Component will load")}async componentDidLoad(){n.debug("[nylas-cancelled-event-card] Component did load"),this.cancelledEventInfo||console.warn('[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.'),this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){n.debug("[nylas-cancelled-event-card] Component disconnected")}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t)}render(){var e,a;return n.h(n.Host,{key:"bde7d46555a6f6033089f6d49f853df1a7cd0dab",part:"ncec"},n.h("div",{key:"a1be2ed4bead0b89572565d00ace39f9a3c0a50d",class:"nylas-cancelled-event-card",part:"ncec__card"},n.h("div",{key:"e963d4ab8e599fac8809b3d264602cfc2954064a",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},n.h("calendar-cancel-icon",{key:"5cccb2a26d77253b99ed377366e312f114406d03"})),n.h("h3",{key:"9fed1c485eafff15e04d5a36c58488cc337de9e9",class:"nylas-cancelled-event-card__title",part:"ncec__title"},n.instance.t("bookingCancelledTitle"),"!"),n.h("div",{key:"081f5d0b0615663c0e79aea7b70ea602375f9547",class:"nylas-cancelled-event-card__description",part:"ncec__description"},n.instance.t("bookingCancelledMessage")," ",((a=(e=this.configSettings)==null?void 0:e.organizer)==null?void 0:a.name)||n.instance.t("bookingCancelledMessage_theParticipants"),"."),n.h("div",{key:"697fbb9cccb9c665d35769f44ae16ff7a2a8ad36",class:"nylas-cancelled-event-card__cta"},n.h("button-component",{key:"e4f77128ff98787aca19549e51406d5d88b6fe1a",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${n.instance.t("closingButton")}...`:`${n.instance.t("closeButton")}`))))}get host(){return n.getElement(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChanged"]}}};Se([_.RegisterComponent({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeCancelEventCardClicked:async(e,a)=>{const t=await a.scheduler.resetCancel(),{errorHandler:r}=e.detail;r&&(!t||"error"in t)&&r(t)},cancelledEventCardError:async(e,a)=>{n.debug("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:!0}),P("design:type",Function),P("design:paramtypes",[]),P("design:returntype",void 0)],Y.prototype,"render",null);Y.style=Ie;const Re=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}',Oe=Re;var Pe=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},j=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const X=class{constructor(e){n.registerInstance(this,e),this.closeConfirmEventCardClicked=n.createEvent(this,"closeConfirmEventCardClicked",7),this.confirmedEventCardError=n.createEvent(this,"confirmedEventCardError",7),this.handleCloseClicked=()=>{this.isClosing=!0;const a=t=>{this.confirmedEventCardError.emit(t),this.isClosing=!1};this.closeConfirmEventCardClicked.emit({errorHandler:a})},this.configSettings=void 0,this.themeConfig=void 0,this.selectedLanguage=void 0,this.confirmedEventInfo=void 0,this.isClosing=!1}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,a){e!==a&&n.instance.changeLanguage(e)}connectedCallback(){n.debug("[nylas-confirmed-event-card] Component connected")}async componentWillLoad(){n.debug("[nylas-confirmed-event-card] Component will load")}async componentDidLoad(){n.debug("[nylas-confirmed-event-card] Component did load"),this.confirmedEventInfo||console.warn('[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.'),this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){n.debug("[nylas-confirmed-event-card] Component disconnected")}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t)}render(){var e,a;return n.h(n.Host,{key:"196444e0b93a298fd4107589a7ffbba19895fe05",part:"ncec"},n.h("div",{key:"a421437ec16e3354d51a0eed4e31c7c0de557278",class:"nylas-confirmed-event-card",part:"ncec__card"},n.h("div",{key:"0da3ba5fcff4b46951adf128d4d4e6493860d56c",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},n.h("calendar-check-icon",{key:"a02d08a2367f962607651557eaa5fb7b9d8b75cf"})),n.h("h3",{key:"0494ca0a842a597bbc40cd3c720d2faf10d6b103",class:"nylas-confirmed-event-card__title",part:"ncec__title"},n.instance.t("confirmedEventCardTitle"),"!"),n.h("div",{key:"4473fce54b8ad6176286f84cbd5554c8323312f0",class:"nylas-confirmed-event-card__description",part:"ncec__description"},n.instance.t("confirmedEventCardDescription")," ",((a=(e=this.configSettings)==null?void 0:e.organizer)==null?void 0:a.name)||"the participants","."),n.h("div",{key:"c0c17c8bccb4bc4b017a4a6aba62cdd48ebeea5a",class:"nylas-confirmed-event-card__cta"},n.h("button-component",{key:"1dcb13cff4958b4549125c5457c9ab1e05078316",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${n.instance.t("closingButton")}...`:`${n.instance.t("closeButton")}`))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Pe([_.RegisterComponent({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeConfirmEventCardClicked:async(e,a)=>{const t=await a.scheduler.resetConfirm(),{errorHandler:r}=e.detail;r&&(!t||"error"in t)&&r(t)}},fireRegisterEvent:!0}),j("design:type",Function),j("design:paramtypes",[]),j("design:returntype",void 0)],X.prototype,"render",null);X.style=Oe;const F=new Date,M=new Date;function I(e,a,t,r){function l(o){return e(o=arguments.length===0?new Date:new Date(+o)),o}return l.floor=o=>(e(o=new Date(+o)),o),l.ceil=o=>(e(o=new Date(o-1)),a(o,1),e(o),o),l.round=o=>{const s=l(o),i=l.ceil(o);return o-s<i-o?s:i},l.offset=(o,s)=>(a(o=new Date(+o),s==null?1:Math.floor(s)),o),l.range=(o,s,i)=>{const h=[];if(o=l.ceil(o),i=i==null?1:Math.floor(i),!(o<s)||!(i>0))return h;let y;do h.push(y=new Date(+o)),a(o,i),e(o);while(y<o&&o<s);return h},l.filter=o=>I(s=>{if(s>=s)for(;e(s),!o(s);)s.setTime(s-1)},(s,i)=>{if(s>=s)if(i<0)for(;++i<=0;)for(;a(s,-1),!o(s););else for(;--i>=0;)for(;a(s,1),!o(s););}),t&&(l.count=(o,s)=>(F.setTime(+o),M.setTime(+s),e(F),e(M),Math.floor(t(F,M))),l.every=o=>(o=Math.floor(o),!isFinite(o)||!(o>0)?null:o>1?l.filter(r?s=>r(s)%o===0:s=>l.count(0,s)%o===0):l)),l}const je=1e3,ke=je*60,Fe=ke*60,z=Fe*24,H=I(e=>e.setHours(0,0,0,0),(e,a)=>e.setDate(e.getDate()+a),(e,a)=>(a-e-(a.getTimezoneOffset()-e.getTimezoneOffset())*ke)/z,e=>e.getDate()-1);I(e=>{e.setUTCHours(0,0,0,0)},(e,a)=>{e.setUTCDate(e.getUTCDate()+a)},(e,a)=>(a-e)/z,e=>e.getUTCDate()-1);I(e=>{e.setUTCHours(0,0,0,0)},(e,a)=>{e.setUTCDate(e.getUTCDate()+a)},(e,a)=>(a-e)/z,e=>Math.floor(e/z));const Me=':host{display:block;min-height:444px;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}.title{margin:0 -1.25rem;display:flex;flex-direction:column;padding:0 1.5rem;gap:0.5rem;border-bottom:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);color:var(--nylas-base-800)}.title h1{max-width:376px;margin-bottom:0;font-size:18px;line-height:20px;font-weight:600;display:flex;gap:0.5rem;align-items:center}.title p{margin-top:0;font-size:16px;display:flex;gap:0.5rem;align-items:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.dates{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:24px}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 768px){.dates .date{width:-webkit-fill-available;width:-moz-available;width:fill-available}}@media screen and (max-width: 412px){.dates .date{height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}',He=Me;var Ae=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},A=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};n.dayjs.extend(n.utc);n.dayjs.extend(n.timezone);const J=class{constructor(e){n.registerInstance(this,e),this.dateSelected=n.createEvent(this,"dateSelected",7),this.monthChanged=n.createEvent(this,"monthChanged",7),this.selectableDates=void 0,this.configSettings=void 0,this.themeConfig=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedDate=void 0,this.selectedLanguage=void 0,this.isLoading=void 0,this.eventDuration=void 0,this.month=this.selectedDate||new Date,this.dates=this.getDates(),this.disableNextMonthButton=!1,this.selectableDatesTimezone=[]}configSettingsChanged(e){var l;const a=new Date(this.month.getFullYear(),this.month.getMonth()+1,1),t=(l=e==null?void 0:e.scheduler)==null?void 0:l.available_days_in_future;if(t===void 0)return;n.addDaysToCurrentDate(new Date,t).getTime()<a.getTime()?this.disableNextMonthButton=!0:this.disableNextMonthButton=!1}selectedLanguageChanged(e){n.instance.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}selectedDateChanged(e){(!e||!n.isSameMonth(e,this.month))&&(this.month=e||new Date),this.dates=this.getDates()}convertDatesToTimezone(e,a){return!e||e.length===0?[]:e.map(t=>{const r=n.dayjs(t).tz(a);return new Date(r.year(),r.month(),r.date())})}selectedTimezoneChanged(e){this.selectableDatesTimezone=this.convertDatesToTimezone(this.selectableDates,e)}selectableDatesChanged(e){this.selectableDatesTimezone=this.convertDatesToTimezone(e,this.selectedTimezone)}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){n.debug("[nylas-date-picker] Component did load"),this.applyThemeConfig(this.themeConfig),this.month=this.selectedDate||new Date,this.dates=this.getDates(),this.selectableDatesTimezone=this.convertDatesToTimezone(this.selectableDates,this.selectedTimezone)}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t)}getDates(){const e=n.getLastDayOfMonth(this.month),a=n.getFirstDayOfMonth(this.month);return H.range(H.offset(a,-a.getDay()),H.offset(e,7-e.getDay()))}selectDate(e){this.dateSelected.emit(e)}changeMonth(e){var l,o;this.month=new Date(this.month.getFullYear(),this.month.getMonth()+e,1);const a=new Date(this.month.getFullYear(),this.month.getMonth()+1,1),t=(o=(l=this.configSettings)==null?void 0:l.scheduler)==null?void 0:o.available_days_in_future;n.addDaysToCurrentDate(new Date,t).getTime()<a.getTime()?this.disableNextMonthButton=!0:this.disableNextMonthButton=!1,this.dates=this.getDates(),this.monthChanged.emit(this.month)}isSelected(e,a,t){return e&&a&&n.isSameDay(e,a)&&t&&(t==null?void 0:t.length)>0}isDisabled(e){return!e||!this.selectableDatesTimezone||this.selectableDatesTimezone.length===0?!0:!this.selectableDatesTimezone.some(a=>e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()&&e.getDate()===a.getDate())}render(){var e,a,t,r,l,o;return n.h(n.Host,{key:"ecd613f2fec98a00bbb10ac6363097ebede0185d",part:"ndp"},n.h("div",{key:"33bb461fca297b69b85ab9f8d17cddb51593dde8",class:"nylas-date-picker"},n.h("div",{key:"4da1d51d7bb36838923263563c2f6b1331542fda",class:"title",part:"ndp__title"},(e=this.configSettings)!=null&&e.name?n.h("h1",null,(a=this.configSettings)==null?void 0:a.name):((r=(t=this.configSettings)==null?void 0:t.organizer)==null?void 0:r.name)&&n.h("h1",null,n.h("person-icon",null),((o=(l=this.configSettings)==null?void 0:l.organizer)==null?void 0:o.name)||"Organizer"),n.h("p",{key:"8ad906a6b34220b4d35f8dcd1c642d14c3f7293a"},n.h("clock-icon",{key:"11d2b21b9ba5fb9a31f9694fc2eaa417b6743957"}),this.eventDuration?n.convertMinutesToHoursAndMinutes(this.eventDuration):`- ${n.instance.t("time.minutes")}`)),n.h("div",{key:"676de20b5616fdbb439567ca27f972040a086b70",class:"header flex-row"},n.h("h2",{key:"aa60c555eb8bd7b3ef1ee033b8fc1b74f5a78cdb",part:"ndp__month-header"},n.h("strong",{key:"7661ad8cf3c91063617a953aba02c74202910803"},n.translateMonth(this.month.toLocaleDateString("en-US",{month:"long"}).toLowerCase()))," ",this.month.toLocaleDateString(void 0,{year:"numeric"})),n.h("div",{key:"dc4087fff602efe458a75b542cf845e6c1599532",class:"pagination"},n.h("button",{key:"34754cf95f2645641597a82b66805e1d92e8122d",title:"Previous month",onClick:()=>this.changeMonth(-1),class:{"chevron-left":!0,button:!0},disabled:this.month<=new Date,part:"ndp__month-button"},n.h("chevron-icon",{key:"376aba646a4910ab430ec239f6ccab083df41334"})),n.h("button",{key:"01e5e39d56246416bc9270f6a0c2d32202db339a",title:"Next month",onClick:()=>this.changeMonth(1),class:{"chevron-right":!0,button:!0},disabled:this.disableNextMonthButton,part:"ndp__month-button"},n.h("chevron-icon",{key:"492223b45186485d55e403a16d75e08c25a070f5"})))),n.h("div",{key:"c506414f7ae93d4b995054afa18a313ce02c2ca6",class:"dates"},[n.instance.t("days.sunday"),n.instance.t("days.monday"),n.instance.t("days.tuesday"),n.instance.t("days.wednesday"),n.instance.t("days.thursday"),n.instance.t("days.friday"),n.instance.t("days.saturday")].map(s=>n.h("div",{class:"day",part:"ndp__day"},s)),this.dates.map((s,i)=>{var y;const h=this.isDisabled(s);return this.isLoading?n.h("button",{disabled:!0,class:{"date day-skeleton":!0,"current-month":n.isSameMonth(s,this.month)},style:{animationDelay:`${i*20}ms`},part:"ndp__date ndp__date--disabled"},s.getDate()):n.h("button",{class:{date:!0,selected:!!(this.selectedDate&&n.isSameDay(s,this.selectedDate)&&this.selectableDates&&((y=this.selectableDates)==null?void 0:y.length)>0),"current-day":n.isSameDay(s,new Date),"current-month":n.isSameMonth(s,this.month)},"aria-label":s.toLocaleDateString(void 0,{dateStyle:"full"}),disabled:h,onClick:()=>this.selectDate(s),part:`ndp__date ${this.isSelected(s,this.selectedDate,this.selectableDates)?"ndp__date--selected":""} ${n.isSameDay(s,new Date)?"ndp__date--current-day":""} ${n.isSameMonth(s,this.month)?"ndp__date--current-month":""}`},s.getDate())}))))}get host(){return n.getElement(this)}static get watchers(){return{configSettings:["configSettingsChanged"],selectedLanguage:["selectedLanguageChanged"],themeConfig:["themeConfigChanged"],selectedDate:["selectedDateChanged"],selectedTimezone:["selectedTimezoneChanged"],selectableDates:["selectableDatesChanged"]}}};Ae([_.RegisterComponent({name:"nylas-date-picker",stateToProps:new Map([["scheduler.selectableDates","selectableDates"],["scheduler.selectedDate","selectedDate"],["scheduler.isLoading","isLoading"],["scheduler.configSettings","configSettings"],["scheduler.eventDuration","eventDuration"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedTimezone","selectedTimezone"]]),eventToProps:{dateSelected:async(e,a)=>{n.debug("nylas-date-picker","dateSelected",e.detail),a.scheduler.selectDate(e.detail)},monthChanged:async(e,a)=>{n.debug("nylas-date-picker","monthChanged",e.detail)}},fireRegisterEvent:!0}),A("design:type",Function),A("design:paramtypes",[]),A("design:returntype",void 0)],J.prototype,"render",null);J.style=He;const Ne=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-left:none;border-right:none;color:var(--nylas-base-50);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit}@media screen and (max-width: 768px){.nylas-locale-switch{font-size:16px}}.select-wrapper{display:flex;align-items:center;gap:0.5rem}select{border:none;background:transparent;cursor:pointer;outline:none;background-color:transparent;margin:0 0 1px;padding:4px;vertical-align:middle}select#timezone{width:140px}select#language{width:80px}span.timezone-label{display:flex;width:-webkit-fill-available;justify-content:space-between}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){border:none;padding:10px}select-dropdown::part(sd_dropdown-content){max-width:306px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button-selected-label){max-width:80px}select-dropdown::part(sd_dropdown-content){width:100%;max-width:none}}',$e=Ne;var qe=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},N=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const K=class{constructor(e){var a,t;n.registerInstance(this,e),this.timezoneChanged=n.createEvent(this,"timezoneChanged",7),this.languageChanged=n.createEvent(this,"languageChanged",7),this.themeConfig=void 0,this.bookingInfo=void 0,this.selectedTimezone=((a=this.bookingInfo)==null?void 0:a.timezone)||Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedLanguage=((t=this.bookingInfo)==null?void 0:t.language)||navigator.language,this.searchPlaceholder=n.instance.t("search")}themeConfigChanged(e){this.applyThemeConfig(e)}bookingInfoChangedHandler(e){e&&(e!=null&&e.timezone)&&this.changeTimezone(e.timezone),e&&(e!=null&&e.language)&&this.changeLanguage(e.language)}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){var e,a;n.debug("[nylas-locale-switch] Component did load"),this.applyThemeConfig(this.themeConfig),this.bookingInfo&&((e=this.bookingInfo)!=null&&e.timezone)&&this.changeTimezone(this.bookingInfo.timezone),this.bookingInfo&&((a=this.bookingInfo)!=null&&a.language)&&this.changeLanguage(this.bookingInfo.language)}applyThemeConfig(e){var a,t;if(e)for(const[r,l]of Object.entries(e))this.host.style.setProperty(`${r}`,l),(a=this.timezoneRef)==null||a.style.setProperty(`${r}`,l),(t=this.languageRef)==null||t.style.setProperty(`${r}`,l)}changeTimezone(e){this.selectedTimezone=e,this.timezoneChanged.emit(e)}changeLanguage(e){this.selectedLanguage=e,n.instance.changeLanguage(e),this.searchPlaceholder=n.instance.t("search"),this.languageChanged.emit(e)}nylasFormDropdownChangedHandler(e){const{name:a,value:t}=e.detail;a==="timezone"?this.changeTimezone(t):a==="language"&&this.changeLanguage(t)}getTimezoneLabelHTML(e){const a=n.getTimezoneOffset(e);return n.h("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},m.TIMEZONE_MAP[e]," ",n.h("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},a))}render(){const e=Object.keys(m.TIMEZONE_MAP).map(t=>({labelHTML:this.getTimezoneLabelHTML(t),label:m.TIMEZONE_MAP[t],value:t})),a=Object.keys(m.LANGUAGE_MAP).map(t=>({label:m.LANGUAGE_MAP[t],value:t}));return n.h(n.Host,{key:"db7685f65c4d6311437f51b90c8ff2d6f2bfdefb"},n.h("div",{key:"41fe4d870125fec3f1b92de2f3b37a0c53e79541",class:"nylas-locale-switch",part:"nls"},n.h("div",{key:"f3613e5625ce5755ed4c9a52ff74430c5065277a",class:{"select-wrapper":!0,timezone:!0},part:"nls__timezone"},n.h("select-dropdown",{key:"65a17c585133197a0832f2f67165439aefaf0b78",name:"timezone",searchPlaceholder:this.searchPlaceholder,options:e,ref:t=>this.timezoneRef=t,defaultSelectedOption:e.find(t=>t.value==this.selectedTimezone),exportparts:"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label"},n.h("span",{key:"4dcc3bb5f4e2f67d3ded45fc0501dc4cf14b32b4",slot:"select-icon"},n.h("globe-icon",{key:"3e1d39db5640d61cb60259228dad1790fc4dc06a",width:"20",height:"20"})))),n.h("div",{key:"56808c49426922453fbae3393fdf2a1866c6e517",class:{"select-wrapper":!0,language:!0},part:"nls__language"},n.h("select-dropdown",{key:"fde4a71e21e8f252c764dc3b7feee0092ba0d47e",name:"language",searchPlaceholder:this.searchPlaceholder,options:a,ref:t=>this.languageRef=t,defaultSelectedOption:a.find(t=>t.value==this.selectedLanguage),exportparts:"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label"},n.h("span",{key:"b3b824079c7a7c9d82b8e6f12b7f8c765a502e85",slot:"select-icon"},n.h("translate-icon",{key:"eda7d67fb6e01b93d000f2c4fe44ec86c5afb113",width:"20",height:"20"}))))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],bookingInfo:["bookingInfoChangedHandler"]}}};qe([_.RegisterComponent({name:"nylas-locale-switch",stateToProps:new Map([["scheduler.selectedLanguage","selectedLanguage"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.bookingInfo","bookingInfo"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{timezoneChanged:async(e,a)=>{n.debug("nylas-locale-switch","timezoneChanged",e.detail),a.scheduler.selectTimezone(e.detail)},languageChanged:async(e,a)=>{n.debug("nylas-locale-switch","languageChanged",e.detail),a.scheduler.selectLanguage(e.detail)}},fireRegisterEvent:!0}),N("design:type",Function),N("design:paramtypes",[]),N("design:returntype",void 0)],K.prototype,"render",null);K.style=$e;const Ge=".sc-nylas-logo-h{display:flex}",Ze=Ge,ve=class{constructor(e){n.registerInstance(this,e),this.width="69",this.height="24"}render(){return n.h("svg",{key:"f7f75a001b5803b86e20a4182f698c8e2cc78626",width:this.width,height:this.height,viewBox:"0 0 69 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("g",{key:"598ddfe99d47a94219dc69eba23eb27ba52d804f","clip-path":"url(#clip0_455_3543)"},n.h("path",{key:"e0147cab60318decf95d8c1972745cc937308ca2",d:"M15.8092 3.03248C14.6497 1.86996 13.1076 1.23047 11.4646 1.23047C9.82156 1.23047 8.27753 1.86996 7.11999 3.03248L0.835347 9.33381C0.686846 9.4827 0.60498 9.68123 0.60498 9.89312C0.60498 10.105 0.686846 10.3035 0.835347 10.4524C0.983848 10.6013 1.18185 10.6834 1.39318 10.6834C1.60451 10.6834 1.80251 10.6013 1.95101 10.4524L8.23374 4.15111C10.0139 2.36627 12.9134 2.36627 14.6935 4.15111C16.4736 5.93785 16.4756 8.84322 14.6935 10.6281L8.4108 16.9275C8.10428 17.2348 8.10428 17.7368 8.4108 18.0461C8.5593 18.195 8.75731 18.2771 8.96863 18.2771C9.17996 18.2771 9.37796 18.195 9.52646 18.0461L15.8092 11.7467C16.9687 10.5841 17.6064 9.03793 17.6064 7.39053C17.6064 5.74314 16.9687 4.19501 15.8092 3.03439V3.03248Z",fill:"currentColor"}),n.h("path",{key:"4091ae464be62a143707e179d6dfdff33707b08b",d:"M14.9296 7.39038C14.9296 6.46074 14.5698 5.58837 13.9148 4.93361C12.5631 3.57828 10.3641 3.57828 9.01239 4.93361L0.663961 13.3023C0.51546 13.4512 0.433594 13.6497 0.433594 13.8616C0.433594 14.0735 0.51546 14.272 0.663961 14.4209C0.812462 14.5698 1.01046 14.6519 1.22179 14.6519C1.43312 14.6519 1.63112 14.5698 1.77962 14.4209L10.0367 6.1515L10.05 6.13623C10.0747 6.10759 10.1014 6.07705 10.128 6.05033C10.1585 6.01978 10.1928 5.99115 10.2251 5.96252L10.2442 5.94534C10.9886 5.31349 12.1119 5.3593 12.8011 6.05033C13.4903 6.74135 13.536 7.78171 12.9705 8.53192L12.9648 8.53955C12.9058 8.61591 12.8544 8.67699 12.8011 8.73044C12.7497 8.78198 12.6906 8.83352 12.6069 8.90033L4.45264 17.0991C4.30414 17.248 4.22227 17.4465 4.22227 17.6584C4.22227 17.8703 4.30414 18.0689 4.45264 18.2177C4.60114 18.3666 4.79914 18.4487 5.01047 18.4487C5.2218 18.4487 5.4198 18.3666 5.5683 18.2177L13.9167 9.84716C14.5698 9.1924 14.9315 8.31812 14.9315 7.39038H14.9296Z",fill:"currentColor"}),n.h("path",{key:"baa5b2f692ddca4ca6aa2f5ad0fabee82202236d",d:"M10.6821 9.11238C10.4727 9.01694 10.2861 8.88904 10.1281 8.7306C9.97008 8.57216 9.84252 8.38508 9.74733 8.1751L9.69021 8.05103L0.467916 17.2978C0.287049 17.4792 0.174721 17.7082 0.149971 17.9411C0.125221 18.1778 0.19376 18.3897 0.344165 18.5405C0.471724 18.6684 0.65259 18.739 0.850592 18.739C1.11142 18.739 1.37796 18.6207 1.58358 18.4145L10.8059 9.16774L10.6821 9.11047V9.11238Z",fill:"currentColor"}),n.h("path",{key:"cb6bedcc0d1d177a041261cd9ce12c1164e15ee1",d:"M68.401 10.6185C68.2126 10.2692 67.9593 9.97334 67.6433 9.73854C67.3235 9.49993 66.956 9.31094 66.5486 9.17541C66.1316 9.03606 65.7033 8.91771 65.2749 8.81844C64.7951 8.70582 64.3039 8.57983 63.8165 8.44811C63.3196 8.31258 62.9065 8.14269 62.5905 7.94225C62.4743 7.88689 62.3391 7.76663 62.3391 7.50129C62.3391 7.39821 62.3639 7.29704 62.4153 7.19587L62.4248 7.18059C62.5352 7.02216 62.7142 6.8828 62.975 6.75109C63.234 6.62128 63.609 6.55829 64.1231 6.55829C64.5286 6.55829 64.877 6.61365 65.1569 6.72436C65.4348 6.83508 65.6652 6.96871 65.8442 7.12524C66.0212 7.27986 66.1659 7.45357 66.2782 7.63873C66.3563 7.76854 66.4267 7.89262 66.4858 8.00525L68.2754 6.84081C68.1669 6.59456 68.0146 6.33495 67.8204 6.0677C67.6033 5.768 67.3254 5.4893 66.9922 5.23732C66.659 4.98534 66.2516 4.77345 65.7813 4.60929C65.3111 4.44512 64.7532 4.36304 64.1231 4.36304C63.3844 4.36304 62.7599 4.46421 62.2706 4.66083C61.7813 4.85935 61.3815 5.09988 61.0845 5.37667C60.7875 5.65346 60.5628 5.95125 60.4143 6.2605C60.2639 6.57547 60.1611 6.85799 60.1078 7.10233C60.0945 7.18059 60.0812 7.27031 60.0678 7.36767C60.0545 7.4593 60.0469 7.5452 60.0469 7.62537C60.0469 8.13314 60.1745 8.56074 60.4239 8.89671C60.679 9.24222 61.0045 9.53429 61.391 9.76336C61.7813 9.99624 62.2116 10.1852 62.6704 10.3227C63.1388 10.462 63.5862 10.5823 64.0012 10.6796C64.4067 10.777 64.7932 10.8782 65.1531 10.9774C65.5224 11.0786 65.8289 11.2122 66.0631 11.3745C66.2801 11.5425 66.3887 11.7448 66.3887 11.9777C66.3887 12.2278 66.2916 12.4263 66.0993 12.5695C65.9279 12.6954 65.7261 12.7985 65.4958 12.8711C65.273 12.9436 65.0407 12.9913 64.8066 13.0142C64.58 13.0352 64.3915 13.0467 64.2468 13.0467C63.8032 13.0467 63.4224 13.0028 63.1197 12.915C62.8151 12.8272 62.5638 12.7241 62.3734 12.6057C62.1811 12.4874 62.0288 12.3614 61.9222 12.2316C61.8213 12.1094 61.747 12.0082 61.7014 11.9319L61.4957 11.6303L59.708 12.7928C59.8508 13.0161 60.0298 13.2643 60.2392 13.5296C60.4772 13.8293 60.7837 14.1138 61.153 14.3734C61.5224 14.633 61.966 14.8525 62.4724 15.0243C62.9788 15.1961 63.5748 15.282 64.2468 15.282C64.797 15.282 65.2901 15.2324 65.7166 15.137C66.1412 15.0396 66.5162 14.9117 66.8285 14.7552C67.1388 14.6005 67.4015 14.4192 67.6109 14.2149C67.8223 14.0107 67.9974 13.8026 68.1326 13.6003C68.4563 13.1135 68.6409 12.5504 68.6828 11.9262C68.6828 11.4069 68.5876 10.9641 68.401 10.6166V10.6185Z",fill:"currentColor"}),n.h("path",{key:"a4144622dceefb0721da599e0b6f76c832d0d28f",d:"M26.3585 4.27905C23.7901 4.27905 21.6997 6.37504 21.6997 8.95017V15.0701H23.9291V8.95017C23.9291 7.6082 25.0181 6.5163 26.3565 6.5163C27.695 6.5163 28.784 7.6082 28.784 8.95017V15.0701H31.0134V8.95017C31.0134 6.37504 28.9229 4.27905 26.3546 4.27905H26.3585Z",fill:"currentColor"}),n.h("path",{key:"da90a0efd8801f8a856da4f96d49b3eebef08e23",d:"M53.4522 4.27905C50.4251 4.27905 47.9634 6.74728 47.9634 9.78245C47.9634 12.8176 50.427 15.2859 53.4522 15.2859C54.5545 15.2859 55.6188 14.9594 56.5288 14.3409L56.7116 14.2169V15.0682H58.941V9.78245C58.941 6.74728 56.4793 4.27905 53.4522 4.27905ZM53.4522 13.0505C51.655 13.0505 50.1928 11.5845 50.1928 9.78245C50.1928 7.98044 51.655 6.51439 53.4522 6.51439C55.2494 6.51439 56.7116 7.98044 56.7116 9.78245C56.7116 11.5845 55.2494 13.0505 53.4522 13.0505Z",fill:"currentColor"}),n.h("path",{key:"470f66bd945477a677417aa3ace2811c5b73439f",d:"M45.5795 10.6166V0.356201H43.3501V10.6166C43.3501 13.1517 45.3758 15.2228 47.8908 15.2858V13.0486C46.6057 12.9875 45.5795 11.9204 45.5795 10.6166Z",fill:"currentColor"}),n.h("path",{key:"3c88e8c71a3cf3c0f77e9373a1734e14cf9d98ba",d:"M39.5428 4.4967V10.63C39.5428 11.6761 38.8669 12.621 37.9016 12.9284C37.1249 13.1746 36.3157 13.0486 35.6817 12.5829C35.0592 12.1247 34.6879 11.3917 34.6879 10.6186V4.4967H32.4585V10.5995C32.4585 12.7165 33.8388 14.57 35.8131 15.1084C37.0354 15.4424 38.2995 15.2973 39.3695 14.7037L39.5428 14.6063V14.9747C39.5428 16.2766 38.5166 17.3437 37.2315 17.4067V19.6439C39.7465 19.5809 41.7722 17.5117 41.7722 14.9747V4.4967H39.5428Z",fill:"currentColor"})),n.h("defs",{key:"de5f6196af8d363ed1b681443bd7364bc9325de9"},n.h("clipPath",{key:"0ee3553f8c66417f8cd13dac5af6d61057a0ef0a",id:"clip0_455_3543"},n.h("rect",{key:"ca1b98034d9b17db1e1cf47e980c72a0a0b8ae29",width:"68.7123",height:"19.2877",fill:"white",transform:"translate(0.144043 0.356201)"}))))}};ve.style=Ze;const Ue=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}',We=Ue;var Ye=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},$=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const Q=class{constructor(e){n.registerInstance(this,e),this.rejectBookingButtonClicked=n.createEvent(this,"rejectBookingButtonClicked",7),this.confirmBookingButtonClicked=n.createEvent(this,"confirmBookingButtonClicked",7),this.confirmBookingError=n.createEvent(this,"confirmBookingError",7),this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const a=t=>{this.confirmBookingError.emit(t)};this.organizerConfirmationBookingId&&!this.isLoading&&this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:a})},this.handleRejectBookingButtonClicked=()=>{this.action="reject",this.organizerConfirmationBookingId&&!this.isLoading&&this.rejectBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host})},this.configSettings=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.organizerConfirmationBookingId=void 0,this.selectedLanguage=navigator.language,this.action=null}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,a){e!==a&&n.instance.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-organizer-confirmation-card] Component will load")}async componentDidLoad(){n.debug("[nylas-organizer-confirmation-card] Component did load"),this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t)}async resetAction(){this.action=null}render(){return n.h(n.Host,{key:"685c64fd73ed2cd97647ddabb84201e0f79ea8cf",part:"nmcc"},n.h("div",{key:"70e4b4ae0a3b4df1ced7f0629baf088786e10da7",class:"event-card-wrapper",part:"nmccc__card"},n.h("div",{key:"4bab8a23c09d2c73fd57c3fd320ddc60bcd4ad3f",class:"calendar-icon"},n.h("calendar-check-icon",{key:"20a288c36cdf0532b4fb8520e25057e05bbb9c67"})),n.h("div",{key:"23fd0069fe2805be74da6b1fb9c0b2a90a41f004",class:"booked-event-header"},n.h("h2",{key:"ebf3b7a83f62844fc7afcb34d80b7a19162424bf",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${n.instance.t("bookingPendingTitle")}!`)),n.h("div",{key:"5b1736ec457c881496302a1e62cd8ebe6695c1dc",class:"manage-booking-description"},n.h("p",{key:"97199b19d7bc741afe565733fa112fbc66308c75"},n.instance.t("bookingPendingnDescription"))),n.h("div",{key:"e305f35b16ec685bb9af4cb9f66d5e43db4edf9b",class:{footer:!0}},n.h("button-component",{key:"a25bdb447e29fc415f0381a8ba73a36937fd9435",variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${n.instance.t("rejectBookingButton")}`),n.h("button-component",{key:"ac814b5239c359decd43506b7981ac8d975d5416",variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${n.instance.t("confirmBookingButton")}`))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Ye([_.RegisterComponent({name:"nylas-organizer-confirmation-card",stateToProps:new Map([["scheduler.organizerConfirmationBookingId","organizerConfirmationBookingId"],["scheduler.configSettings","configSettings"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{rejectBookingButtonClicked:async(e,a)=>{a.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,a)=>{const{host:t}=e.detail,r=await a.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"}),{errorHandler:l}=e.detail;l&&(!r||"error"in r)&&l(r),await t.resetAction()}},fireRegisterEvent:!0}),$("design:type",Function),$("design:paramtypes",[]),$("design:returntype",void 0)],Q.prototype,"render",null);Q.style=We;const Xe=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;gap:4px;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:16px;font-weight:500}.calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-icon{display:flex;align-items:center;justify-content:center;height:100%}.event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:8px;gap:4px;align-items:center}@media screen and (max-width: 768px){.event-timezone{margin-bottom:16px}}',Je=Xe;var Ke=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},q=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const V=class{constructor(e){n.registerInstance(this,e),this.themeConfig=void 0,this.selectedDate=void 0,this.selectedTimeslot=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedLanguage=void 0,this.hour12=void 0,this.startTime="",this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,a){e!==a&&n.instance.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-selected-event-card] Component will load")}async componentDidLoad(){var t,r;n.debug("[nylas-selected-event-card] Component did load"),this.selectedDate||console.warn('[nylas-selected-event-card] "selectedDate" prop is not provided.'),this.selectedTimeslot||console.warn('[nylas-selected-event-card] "selectedTimeslot" prop is not provided.'),this.applyThemeConfig(this.themeConfig);const e=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],a=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=a.format(new Date((t=this.selectedTimeslot)==null?void 0:t.start_time)),this.endTime=a.format(new Date((r=this.selectedTimeslot)==null?void 0:r.end_time))}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t)}render(){var e;return n.h(n.Host,{key:"94fd07366e885e81fb62049c5a44fe6679897aba",part:"nsec"},n.h("div",{key:"8ca223250ff59a898eae64b4eaf1ad24e690d3a7",class:"event-card",part:"nsec__card"},n.h("div",{key:"77c0fbd4495f0811e5bb05ea95f59d4b2bad90af",class:"calendar-icon",part:"nsec__icon"},n.h("calendar-icon",{key:"3c1a395ec15145153c3d0d4b4986aea9a7943ddf"})),n.h("div",{key:"1c5ed82612ce165f89bd240b21482c916dbf166b",class:"nylas-selected-event-card__date",part:"nsec__date"},this.selectedDate?n.capitalizeFirstLetter(n.formatBookedEventDate((e=this.selectedTimeslot)==null?void 0:e.start_time,this.selectedTimezone,m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"])):"-"),n.h("div",{key:"e62af1aba1c260d178f1cc95f3405e94448cdf29",class:"nylas-selected-event-card__time",part:"nsec__time"},this.startTime," - ",this.endTime)),n.h("div",{key:"6eea1eca90bde0bb49a747ad8ed3a5ca57971db4",class:"event-timezone",part:"nsec__timezone"},n.h("globe-icon",{key:"feac1b95d2177a39f84648ec0e8356026ebc9ef7"}),m.TIMEZONE_MAP[this.selectedTimezone]))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Ke([_.RegisterComponent({name:"nylas-selected-event-card",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{},fireRegisterEvent:!0}),q("design:type",Function),q("design:paramtypes",[]),q("design:returntype",void 0)],V.prototype,"render",null);V.style=Je;const Qe=':host{display:block;height:calc(100% - 48px);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.time .time-label{display:flex;flex-direction:column;align-items:center;gap:4px}.time .time-label span.spots{font-size:14px;font-family:var(--nylas-font-family);font-weight:400;color:var(--nylas-base-600)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}',Ve=Qe;var en=function(e,a,t,r){var l=arguments.length,o=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,t,r);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(o=(l<3?s(o):l>3?s(a,t,o):s(a,t))||o);return l>3&&o&&Object.defineProperty(a,t,o),o},G=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const ee=class{constructor(e){n.registerInstance(this,e),this.timeslotSelected=n.createEvent(this,"timeslotSelected",7),this.timeslotConfirmed=n.createEvent(this,"timeslotConfirmed",7),this.validateTimeslotError=n.createEvent(this,"validateTimeslotError",7),this.handleConfirmedTimeslot=async(a,t)=>{a.preventDefault(),n.debug("[nylas-timeslot-picker] Confirm timeslot",t),t&&this.timeslotConfirmed.emit({timeslot:t,host:this.host})},this.handleMouseEnter=a=>{this.hoveredTimeslotIndex=a},this.handleMouseLeave=()=>{this.hoveredTimeslotIndex=-1},this.availability=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.selectedTimeslot=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedDate=new Date,this.selectedLanguage=void 0,this.hour12=void 0,this.times=[],this.hoveredTimeslotIndex=void 0,this.selectedTimeslotIndex=void 0}selectedLanguageChanged(e){n.instance.changeLanguage(e)}selectedDateChanged(e){var a;if(n.debug("[nylas-timeslot-picker] Selected date changed",{newVal:e}),e&&(this.selectedTimeslotIndex="",typeof e<"u")){const t=(a=this.availability)==null?void 0:a.filter(r=>n.isSameDayTimezone(r.start_time,e,this.selectedTimezone)).map(r=>r);this.times=t||[]}}availabilityChanged(e){if(n.debug("[nylas-timeslot-picker] Available times changed",{newVal:e,selectedDate:this.selectedDate}),typeof e<"u"){const a=e==null?void 0:e.filter(t=>this.selectedDate&&n.isSameDayTimezone(t.start_time,this.selectedDate,this.selectedTimezone)).map(t=>t);this.times=a||[]}}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-timeslot-picker] Component will load",{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){var a;n.debug("[nylas-timeslot-picker] Component did load");const e=(a=this.availability)==null?void 0:a.filter(t=>this.selectedDate&&n.isSameDayTimezone(t.start_time,this.selectedDate,this.selectedTimezone)).map(t=>t);this.times=e||[],this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e)for(const[a,t]of Object.entries(e))this.host.style.setProperty(`${a}`,t)}getTimeslotId(e,a){const t=new Date(e.start_time),r=e.event_id;return`${t.toLocaleDateString()}-${a}${r?`-${r}`:""}`}onClickSelectTime(e,a){n.debug("[nylas-timeslot-picker] Time selected",e,a),this.selectedTimeslotIndex=this.getTimeslotId(e,a),this.timeslotSelected.emit({start_time:e.start_time,end_time:e.end_time,emails:e.emails,capacity:e==null?void 0:e.capacity,event_id:e==null?void 0:e.event_id,master_id:e==null?void 0:e.master_id,calendar_id:e==null?void 0:e.calendar_id})}async emitValidateTimeslotError(e,a){this.validateTimeslotError.emit({error:e,type:a})}getTimeSlotLabel(e){const a=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],t=new Intl.DateTimeFormat(a,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});return`${t.format(e.start_time)} - ${t.format(e.end_time)}`}render(){const e=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"];if(this.isLoading)return n.h(n.Host,null,n.h("div",{class:"loading"},new Array(6).fill(0).map((t,r)=>n.h("div",{class:"timeslot-skeleton",style:{animationDelay:`${r*20}ms`}}))));if(this.availability&&this.availability.length===0)return n.h(n.Host,null,n.h("div",{class:"empty"},n.h("span",null,"No dates available")));const a=this.times.filter(t=>{const r=(t==null?void 0:t.event_id)||(t==null?void 0:t.master_id),l=typeof(t==null?void 0:t.capacity)=="number"&&(t==null?void 0:t.capacity)>0;return!(r&&!l)});return(!this.times||this.times.length===0||a.length===0)&&this.selectedDate?n.h(n.Host,null,n.h("div",{class:"empty"},n.h("span",null,"No time slots available for selected date"))):this.selectedDate?n.h(n.Host,{part:"ntp"},n.h("div",{class:"time-picker-wrapper",part:"ntp__time-picker-wrapper"},n.h("div",{class:"timeslots",part:"ntp__timeslots"},a.map((t,r)=>{var s,i;const l=typeof(t==null?void 0:t.capacity)=="number"&&(t==null?void 0:t.capacity)>0,o=this.selectedTimeslotIndex==this.getTimeslotId(t,r);return n.h("button",{part:`ntp__timeslot ${((i=(s=this.selectedTimeslot)==null?void 0:s.start_time)==null?void 0:i.getTime())===t.start_time.getTime()?"ntp__timeslot--selected":""}`,class:{time:!0,selected:typeof this.selectedTimeslot<"u"&&o},onClick:()=>this.onClickSelectTime(t,r),onMouseEnter:()=>this.handleMouseEnter(r),onMouseLeave:()=>this.handleMouseLeave()},n.h("div",{class:"time-label",part:"ntp__time-label"},this.hoveredTimeslotIndex==r||o?this.getTimeSlotLabel(t):t.start_time.toLocaleTimeString(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12}),n.h("span",{class:"spots"},l?n.instance.t("spotsLeft",{count:t==null?void 0:t.capacity}):null)))})),this.selectedTimeslot&&n.h("div",{class:"footer"},n.h("button-component",{variant:"primary",onClick:t=>this.handleConfirmedTimeslot(t,this.selectedTimeslot),part:"ntp__button-primary"},n.h("slot",{name:"timeslot-picker-cta-label"},n.instance.t("nextButton")))))):n.h(n.Host,null)}get host(){return n.getElement(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChanged"],selectedDate:["selectedDateChanged"],availability:["availabilityChanged"],themeConfig:["themeConfigChanged"]}}};en([_.RegisterComponent({name:"nylas-timeslot-picker",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.availability","availability"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.isLoading","isLoading"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{timeslotSelected:async(e,a)=>{n.debug("nylas-timeslot-picker","timeslotSelected",e.detail),a.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,a)=>{var l;n.debug("nylas-timeslot-picker","timeslotConfirmed",e.detail);const{timeslot:t,host:r}=e.detail;if(t&&(t!=null&&t.event_id)&&(t!=null&&t.capacity)){const o=await a.scheduler.validateGroupEventTimeslot(t);if(o&&"error"in o){const s=((l=o.error)==null?void 0:l.message)||"An error occurred while validating the timeslot";s==="Event is full"?r.emitValidateTimeslotError(s,"info"):r.emitValidateTimeslotError(s,"error")}}else a.scheduler.toggleAdditionalData(!0)},validateTimeslotError:async(e,a)=>{n.debug("nylas-timeslot-picker","validateTimeslotError",e.detail)}},fireRegisterEvent:!0}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],ee.prototype,"render",null);ee.style=Ve;exports.nylas_booked_event_card=Z;exports.nylas_booking_form=U;exports.nylas_cancel_booking_form=W;exports.nylas_cancelled_event_card=Y;exports.nylas_confirmed_event_card=X;exports.nylas_date_picker=J;exports.nylas_locale_switch=K;exports.nylas_logo=ve;exports.nylas_organizer_confirmation_card=Q;exports.nylas_selected_event_card=V;exports.nylas_timeslot_picker=ee;

package/dist/nylas-date-component_2.entry-93f2f352.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-d8a42c15.cjs"),l=require("./constants-f51538ef-cd2a67c4.cjs"),h=require("./customParseFormat-eeec04f5-d5957784.cjs");require("react");require("react/jsx-runtime");require("react-dom");const m=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error);border-color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=date]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:100%;width:-moz-available;width:-webkit-fill-available;font-family:var(--nylas-font-family);padding:0 8px;cursor:pointer}input[type=date]:focus{outline-color:var(--nylas-primary)}input[type=date].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=date].error::placeholder{font-weight:400}input[type=date]::placeholder{color:var(--nylas-base-300)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(37%) sepia(51%) saturate(6324%) hue-rotate(215deg) brightness(94%) contrast(95%);cursor:pointer}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}',f=m,y={date:"YYYY-MM-DD"},c=class{constructor(t){i.registerInstance(this,t),this.nylasFormInputChanged=i.createEvent(this,"nylasFormInputChanged",7),this.nylasFormInputFocused=i.createEvent(this,"nylasFormInputFocused",7),this.nylasFormInputBlurred=i.createEvent(this,"nylasFormInputBlurred",7),this.name="input",this.defaultValue=void 0,this.label="",this.placeholder=y.date,this.required=!1,this.readOnly=!1,this.autoFocus=!1,this.pattern=void 0,this.maxLength=255,this.patternError="",this.requiredError="",this.errorMessage="",this.minDate=void 0,this.hasError=!1,this.themeConfig=void 0,this.value=void 0,this.error="",this.isDateValid=!0}handleDefaultValueChange(t){this.value=i.sanitize(t),this.value&&this.validatePattern(this.value,!0)}themeConfigChangedHandler(t,e){t!==e&&this.applyThemeConfig(t)}applyThemeConfig(t){if(t)for(const[e,a]of Object.entries(t))this.el.style.setProperty(`${e}`,a)}componentDidLoad(){this.value=i.sanitize(this.defaultValue||""),this.value&&this.validatePattern(this.value,!0),this.applyThemeConfig(this.themeConfig)}handleBookingFormSubmitted(t){this.validatePattern(this.value),this.error&&t.preventDefault()}async handleFormSubmitted(t){this.validatePattern(this.value),this.error&&t.preventDefault()}handleInput(t){this.error="";const e=t.target;this.value=i.sanitize(e.value),this.isDateValid=e.validity.valid,this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:"date"})}handleBlur(){this.nylasFormInputBlurred.emit({value:this.value,name:this.name})}handleFocus(){this.nylasFormInputFocused.emit({value:this.value,name:this.name})}validatePattern(t,e=!1){if(this.error="",!e&&(this.required&&!this.isDateValid||this.minDate&&new Date(this.minDate)>new Date(t))){this.error=this.errorMessage||"Please enter a valid date",this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:"date"});return}if(this.required&&!t){this.error=this.requiredError||"This field is required.";return}!this.pattern||!t&&!this.required||(this.pattern.test(t)?this.error="":this.error=this.patternError||"Invalid format.")}render(){return i.h("label",{key:"19e91d1f34df671a8c3fb97ca4cb9361baccaeb3",part:"ic__label",class:{error:!!this.error||this.hasError}},this.label&&i.h("p",null,i.h("span",{class:"label"},this.label),this.required&&i.h("span",{class:"required"},"*")),i.h("div",{key:"fd3f370a7469135b82c876938a5c1df1faedfd31",part:"ic__input_wrapper",class:"input_wrapper"},i.h("input",{key:"a27ac166f7512464ed9e2caf10539ae60e0df92a",type:"date",name:this.name,part:"ic__date",title:this.readOnly?"read-only field":void 0,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,min:this.minDate,maxLength:this.maxLength,placeholder:this.placeholder,class:{error:!!this.error||this.hasError},onInput:t=>this.handleInput(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),i.h("slot",{key:"2d3806006d35fecaa9b48a878eb4216249cdc80f",name:"additional-input"})),this.error&&i.h("span",{class:"error help-text"},this.error))}get el(){return i.getElement(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"],themeConfig:["themeConfigChangedHandler"]}}};c.style=f;const u=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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;color:var(--nylas-base-900);cursor:pointer;background:var(--nylas-base-0);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:var(--nylas-base-0)}.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:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align: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}',p=u;i.dayjs.extend(h.customParseFormat);const d=class{constructor(t){i.registerInstance(this,t),this.timeChange=i.createEvent(this,"timeChange",7),this.timeWindowFormError=i.createEvent(this,"timeWindowFormError",7),this.time=void 0,this.minimumStartTime=null,this.placeholder="hh:mmam/pm",this.name=void 0,this.hasError=!1,this.language=l.LANGUAGE_CODE.en,this.themeConfig=void 0,this.err="",this.showTimes=!1,this.ariaActivedescendant="",this.times=this.generateTimes(),this.shouldAutoScroll=!1}handleOutsideClick(t){!t.composedPath().includes(this.el)&&this.showTimes&&(this.showTimes=!1)}timeChangedHandler(){this.validateTimeAgainstMinimum()}minimumStartTimeChangedHandler(){this.validateTimeAgainstMinimum()}themeConfigChangedHandler(t,e){this.applyThemeConfig(t)}applyThemeConfig(t){if(t)for(const[e,a]of Object.entries(t))this.el.style.setProperty(`${e}`,a)}validateTimeAgainstMinimum(){if(this.minimumStartTime){const t=i.dayjs(this.minimumStartTime,"hh:mma"),e=i.dayjs(this.time,"hh:mma");this.times=this.generateTimes();const a=i.instance.t("nylasTimeWindowPicker.errors.invalid");e.isBefore(t)?(this.err=a,this.timeWindowFormError.emit({key:this.el.id,message:a})):(this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""}))}else this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""})}componentDidLoad(){this.validateTimeAgainstMinimum(),this.applyThemeConfig(this.themeConfig)}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const t=i.autocompleteTimeFormat(this.time),e=this.times.findIndex(a=>a.value===t);e>-1&&(this.shouldAutoScroll=!1,this.scrollToViewWithinParent(e));return}}handleTimeChange(t,e){const a=e.split(":");if(a[0]==="00"&&a[1].slice(-2)=="pm"){const s=i.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=s,this.timeWindowFormError.emit({key:this.el.id,message:s})}if(i.validateTimeFormatInput(e))this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""});else{const s=i.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=s,this.timeWindowFormError.emit({key:this.el.id,message:s})}this.err||this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(t){var r;const e=(r=t.target)==null?void 0:r.value,a=this.language!==l.LANGUAGE_CODE.en?i.convertTo12HourFormat(e):e,s=i.instance.t("nylasTimeWindowPicker.errors.invalid");if(!i.validateTimeFormatInput(a)){this.err=s,this.timeWindowFormError.emit({key:this.el.id,message:s});return}if(a===""){const n=i.roundToNearest15Minutes().format("hh:mma");this.timeChange.emit({key:this.el.id,value:n});return}if(!i.validateExactTimeFormat(a)){const n=i.autocompleteTimeFormat(a);this.timeChange.emit({key:this.el.id,value:n});return}this.timeChange.emit({key:this.el.id,value:a})}handleOnInput(t){var a;const e=(a=t.target)==null?void 0:a.value;if(i.validateTimeFormatInput(e)){if(e===""){const s=i.roundToNearest15Minutes().format("hh:mma"),r=this.times.findIndex(n=>n.value===s);r>-1&&this.scrollToViewWithinParent(r);return}if(!i.validateExactTimeFormat(e)){const s=i.autocompleteTimeFormat(e),r=this.times.findIndex(n=>n.value===s);r>-1&&this.scrollToViewWithinParent(r);return}}}generateTimes(){const t=[];let e=i.dayjs().set("hour",0).set("minute",0).set("second",0);this.minimumStartTime&&(e=i.dayjs(this.minimumStartTime,"hh:mma"));const a=e.endOf("day").diff(e,"minutes"),s=Math.round(a/15);for(let r=0;r<s+1;r++){const n=e.add(r*15,"minute");if(r==s&&n.format("hh:mma").includes("am"))break;t.push({id:r,value:n.format("hh:mma")})}return t}handleComboboxKeyDown(t){if(t.key==="ArrowDown"){if(t.preventDefault(),!this.showTimes){this.showTimes=!0,this.shouldAutoScroll=!0;return}if(this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[0].id.toString(),this.focusOption(0);else{const e=this.times.findIndex(s=>s.id.toString()===this.ariaActivedescendant),a=e+1<this.times.length?e+1:0;this.ariaActivedescendant=this.times[a].id.toString(),this.focusOption(a)}}else if(t.key==="ArrowUp")if(t.preventDefault(),this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[this.times.length-1].id.toString(),this.focusOption(this.times.length-1);else{const e=this.times.findIndex(s=>s.id.toString()===this.ariaActivedescendant),a=e-1>=0?e-1:this.times.length-1;this.ariaActivedescendant=this.times[a].id.toString(),this.focusOption(a)}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}handleListboxKeydown(t){const e=this.times,a=e.findIndex(s=>s.id.toString()===this.ariaActivedescendant);if(t.key==="ArrowDown"||t.key==="Tab"&&!t.shiftKey){t.preventDefault();const s=a+1<e.length?a+1:0;this.ariaActivedescendant=e[s].id.toString(),this.focusOption(s)}else if(t.key==="ArrowUp"||t.key==="Tab"&&t.shiftKey){t.preventDefault();const s=a-1>=0?a-1:e.length-1;this.ariaActivedescendant=e[s].id.toString(),this.focusOption(s)}else if(t.key==="Enter"){if(t.preventDefault(),this.ariaActivedescendant){const s=e[a];this.handleTimeChange(t,s.value),this.showTimes=!1,this.ariaActivedescendant="",this.timeInput.focus()}}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}scrollToViewWithinParent(t){var o;const e=this.times[t],a=(o=this.el.shadowRoot)==null?void 0:o.getElementById(e.id.toString()),s=this.timeMenu;this.ariaActivedescendant=e.id.toString();const r=a.getBoundingClientRect(),n=s.getBoundingClientRect();r.top<n.top?s.scrollTop-=n.top-r.top:r.bottom>n.bottom&&(s.scrollTop+=r.bottom-n.bottom),r.left<n.left?s.scrollLeft-=n.left-r.left:r.right>n.right&&(s.scrollLeft+=r.right-n.right)}focusOption(t){var r;const e=this.times[t];if(!e)return;const a=e.id.toString(),s=(r=this.el.shadowRoot)==null?void 0:r.getElementById(a);s&&(s.focus(),s.scrollIntoView({behavior:"smooth",block:"nearest"}))}render(){const t=this.language!==l.LANGUAGE_CODE.en;return i.h(i.Host,{key:"748ab1dcf12c2e1284ca11883dcaade689d3150f"},i.h("div",{key:"77369574660ea9e48f8ed77c4b4cc51cf328690a",class:"time-picker",part:"time-picker"},i.h("input",{key:"09fd3119ae7763a492068860d9a20ed06e1bf0ac",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":!0,error:!!this.err||this.hasError},ref:e=>this.timeInput=e,value:t?i.convertTo24HourFormat(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes,this.shouldAutoScroll=!0},"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&&i.h("div",{class:"invalid-time-icon"}),this.showTimes&&i.h("div",{class:"times",part:"times",ref:e=>this.timeMenu=e},i.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.times.map(e=>i.h("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:a=>{this.handleTimeChange(a,e.value),this.showTimes=!1,this.timeInput.focus()},role:"option"},`${t?i.convertTo24HourFormat(e.value):e.value}`)))),!this.showTimes&&this.err&&i.h("p",{class:"error",id:"email-error"},this.err)))}get el(){return i.getElement(this)}static get watchers(){return{time:["timeChangedHandler"],minimumStartTime:["minimumStartTimeChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d.style=p;exports.nylas_date_component=c;exports.nylas_time_window_picker=d;