@nylas/react 2.0.4 → 2.1.0

package/dist/nylas-booked-event-card_11.entry-4aba5146.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-f42fe591.cjs"),w=require("./register-component-3acd57e7-5a79a90a.cjs"),o=require("./utils-31933f5d-1d4c81ab.cjs"),p=require("./constants-f51538ef-cd2a67c4.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const _e=':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%}',we=_e;var xe=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},R=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const U=class{constructor(e){t.registerInstance(this,e),this.cancelBookingButtonClicked=t.createEvent(this,"cancelBookingButtonClicked",7),this.rescheduleButtonClicked=t.createEvent(this,"rescheduleButtonClicked",7),this.rescheduleBookedEventError=t.createEvent(this,"rescheduleBookedEventError",7),this.cancelBookedEventValidationError=t.createEvent(this,"cancelBookedEventValidationError",7),this.handleCancelBookingButtonClicked=()=>{var s,r;const n=new Date(this.selectedTimeslot.start_time),a=(r=(s=this.configSettings)==null?void 0:s.scheduler)==null?void 0:r.min_cancellation_notice;if(!a){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}n.getTime()-a*60*1e3<new Date().getTime()?this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${a} minutes of the event.`}}):this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})},this.handleRescheduleButtonClicked=()=>{const n=a=>{this.rescheduleBookedEventError.emit(a)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:n})},this.getPaticipantType=n=>{switch(n){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,n){e!==n&&o.instance.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){o.debug("[nylas-booked-event-card] Component will load")}async componentDidLoad(){var a,l;o.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=p.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],n=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=n.format((a=this.selectedTimeslot)==null?void 0:a.start_time),this.endTime=n.format((l=this.selectedTimeslot)==null?void 0:l.end_time)}applyThemeConfig(e){if(e)for(const[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a)}render(){var a,l,s,r,i,c,g,h,k,C,x,E,b,u,_,D;const e=(a=this.configSettings)==null?void 0:a.booking_type,n=e&&e!=="booking";return t.h(t.Host,{key:"0762e32091a5674187788413717366b6213a28fd",part:"nbec"},t.h("div",{key:"9cb934481989459e30f9fc718e20855f0f186027",class:"nylas-booked-event-card"},t.h("div",{key:"e7b810785f800f82f0c73eaa665cd56bb9406c85",class:"booked-event-timezone"},t.h("globe-icon",{key:"3c29fd04b4fc90e0a6583285cbf872ec840ec0d6"}),p.TIMEZONE_MAP[this.selectedTimezone]),t.h("div",{key:"e7f4406d8c3b110d84cb1d99e5ab8db89954e2f4",class:"event-card-wrapper",part:"nbec__card"},t.h("div",{key:"c656687daf9b51190341d35db6c338a9a61df3a2",class:"calendar-icon"},t.h("calendar-check-icon",{key:"e1f5cdfa288db54a537f4250d65e2ab0279fb84e"})),t.h("div",{key:"50e125630023b8dd19d537d20374f9a5464a1547",class:"booked-event-header"},t.h("h2",{key:"24e6e52952321065ee1e63c34d55cd1891edeafc",slot:"card-title",part:"nbec__title"},this.rescheduleBookingId&&!this.isLoading?`${o.instance.t("bookingRescheduled")}`:n&&!this.isLoading?`${o.instance.t("bookingSent")}`:`${o.instance.t("bookingConfirmed")}`,"!"),t.h("div",{key:"cb07bf7f3685624f2b50bcba569399ba084ab00d",class:"card-description",part:"nbec__description"},n?o.instance.t("bookingSentDescription"):t.h("span",null,o.instance.t("bookingConfirmedDescription")))),t.h("div",{key:"bceb86109e1a9ae6f2c1d98e0267e7f73d763aae",class:"booking-date-time"},t.h("checkmark-circle-icon",{key:"0e6fdd3cb183e4d00c6c31fe368eefb01d0465d8"}),t.h("h3",{key:"c7561d2be55109d69650aa41bb6d356018e1973b"},o.instance.t("bookingDateAndTimeHeader")),t.h("p",{key:"31818a7c4a89014438b7af5e722f49728918cc27"},(l=this.selectedTimeslot)!=null&&l.start_time?o.capitalizeFirstLetter(o.formatBookedEventDate((s=this.selectedTimeslot)==null?void 0:s.start_time,this.selectedTimezone,p.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage])):"-"," ",t.h("br",{key:"7fcd531af1cea5464ab08f9043aabb4cde0a91db"}),this.startTime," - ",this.endTime)),t.h("div",{key:"8d2d827677bf300ad2b0f4dc2c28ac3777971af1",class:"booking-participants"}),!n&&t.h("div",{class:"button-container"},t.h("div",{class:{footer:!0,"no-footer":((i=(r=this.configSettings)==null?void 0:r.scheduler)==null?void 0:i.hide_cancellation_options)&&((g=(c=this.configSettings)==null?void 0:c.scheduler)==null?void 0:g.hide_rescheduling_options)||((h=this.configSettings)==null?void 0:h.booking_type)==="organizer-confirmation","no-template-cols":!!((C=(k=this.configSettings)==null?void 0:k.scheduler)!=null&&C.hide_cancellation_options)||!!((E=(x=this.configSettings)==null?void 0:x.scheduler)!=null&&E.hide_rescheduling_options)}},!((u=(b=this.configSettings)==null?void 0:b.scheduler)!=null&&u.hide_cancellation_options)&&t.h("button-component",{variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${o.instance.t("cancelBookingButton")}`),!((D=(_=this.configSettings)==null?void 0:_.scheduler)!=null&&D.hide_rescheduling_options)&&t.h("button-component",{variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${o.instance.t("rescheduleBookingButton")}`))))))}get host(){return t.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};xe([w.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,n)=>{n.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,n)=>{const a=await n.scheduler.setReschedule(e.detail.bookingId),{errorHandler:l}=e.detail;l&&(!a||"error"in a)&&l(a)},rescheduleBookedEventError:async(e,n)=>{o.debug("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,n)=>{o.debug("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:!0}),R("design:type",Function),R("design:paramtypes",[]),R("design:returntype",void 0)],U.prototype,"render",null);U.style=we;const Ee=':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)}',Te=Ee;var Le=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},O=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const z=/^[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])?)*$/,W=class{constructor(e){t.registerInstance(this,e),this.nameChanged=t.createEvent(this,"nameChanged",7),this.emailChanged=t.createEvent(this,"emailChanged",7),this.backButtonClicked=t.createEvent(this,"backButtonClicked",7),this.detailsConfirmed=t.createEvent(this,"detailsConfirmed",7),this.bookingFormError=t.createEvent(this,"bookingFormError",7),this.bookingFormSubmitted=t.createEvent(this,"bookingFormSubmitted",7),this.handleGuestChange=(n,a)=>{this.resetGuestEmailError(n);const l=[...this.guestEmails];l[n]=o.sanitizeHtml$1(a),this.guestEmails=[...l]},this.handleGuestBlur=(n,a)=>{if(this.resetGuestEmailError(n),a===""){this.guestEmailErrors[n]=o.instance.t("fieldRequired",{field:o.instance.t("email")});return}if(!z.test(a)){this.guestEmailErrors[n]=o.instance.t("invalidInputFormat",{field:o.instance.t("email")});return}this.handleGuestChange(n,a)},this.addGuestButtonClickedHandler=n=>{n.preventDefault(),this.guestEmails=[...this.guestEmails,""]},this.removeGuestButtonClickHandler=(n,a)=>{n.preventDefault(),this.resetGuestEmailError(a);const l=[...this.guestEmails];l.splice(a,1),this.guestEmails=[...l]},this.handleBackButtonClicked=n=>{n.preventDefault(),this.backButtonLoading=!0,this.backButtonClicked.emit()},this.bookButtonClickedHandler=async n=>{var h,k,C,x,E;if(n.preventDefault(),this.bookingFormSubmitted.emit().defaultPrevented)return;o.debug("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const l=this.name,s=this.email;if(!l||l===""){this.isNameValid=!1,this.validationError.name=o.instance.t("fieldRequired",{field:o.instance.t("name")})||"Name is required",this.bookingFormError.emit({title:"Booking form error",description:"Name is required"});return}if(!s||s===""){this.isEmailValid=!1,this.validationError.email=o.instance.t("fieldRequired",{field:o.instance.t("email")})||"Email is required",this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!z.test(s)){this.isEmailValid=!1,this.validationError.email=o.instance.t("invalidInputFormat",{field:o.instance.t("email")}),this.bookingFormError.emit({title:"Booking form error",description:o.instance.t("invalidInputFormat",{field:o.instance.t("email")})||"Invalid email"});return}let r=[];if(this.guestEmails.length>0){let b=!1;if(this.guestEmails.forEach((u,_)=>{u===""?(b=!0,this.guestEmailErrors={...this.guestEmailErrors,[_]:o.instance.t("fieldRequired",{field:o.instance.t("email")})}):z.test(u)||(b=!0,this.guestEmailErrors={...this.guestEmailErrors,[_]:o.instance.t("invalidInputFormat",{field:o.instance.t("email")})})}),b){this.bookingFormError.emit({title:"Booking form error",description:o.instance.t("invalidInputFormat",{field:o.instance.t("guestEmail")})||"Invalid guest email"});return}r=this.guestEmails.map(u=>({name:u.trim(),email:u.trim()}))}const i={},c=((k=(h=this.configSettings)==null?void 0:h.scheduler)==null?void 0:k.additional_fields)||{},g=((x=(C=this.configSettings)==null?void 0:C.booking)==null?void 0:x.additional_fields)||{};(E=this.bookingInfo)!=null&&E.additionalFields&&Object.entries(this.bookingInfo.additionalFields).forEach(([b,u])=>{b in c&&typeof u.value<"u"&&(i[b]=u.value)}),Object.entries(c).forEach(([b,u])=>{if(!(b in i)){const _=g[b]||u.default||"";i[b]=_}}),this.detailsConfirmed.emit({primaryParticipant:{name:l,email:s},guests:r,additionalFields:{...i,...this.additionalFields}})},this.updateAdditionalFields=(n,a)=>{this.additionalFields&&(this.additionalFields[n]=a)},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(){o.debug("nylas-booking-form","componentWillLoad",this.bookingInfo)}componentDidLoad(){var e;o.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(n=>n.email))}configSettingsChangedHandler(e){var n,a,l,s,r,i,c,g,h,k;!((a=(n=this.bookingInfo)==null?void 0:n.primaryParticipant)!=null&&a.name)&&e&&((s=(l=e.booking)==null?void 0:l.guest)!=null&&s.name)&&(this.name=e.booking.guest.name||this.name),!((i=(r=this.bookingInfo)==null?void 0:r.primaryParticipant)!=null&&i.email)&&e&&((g=(c=e.booking)==null?void 0:c.guest)!=null&&g.email)&&(this.email=e.booking.guest.email||this.email),!((h=this.bookingInfo)!=null&&h.guests)&&((k=e==null?void 0:e.booking)!=null&&k.additional_guests)&&Array.isArray(e.booking.additional_guests)&&(this.guestEmails=e.booking.additional_guests.map(C=>C.email))}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,n){e!==n&&(o.instance.changeLanguage(e),this.namePatternError=o.instance.t("invalidInputFormat",{field:o.instance.t("name")}),this.nameRequiredError=o.instance.t("fieldRequired",{field:o.instance.t("name")}),this.emailPatternError=o.instance.t("invalidInputFormat",{field:o.instance.t("email")}),this.emailRequiredError=o.instance.t("fieldRequired",{field:o.instance.t("email")}))}iterateFormComponents(){const e=this.formRef,n=["input-component","button-component","select-dropdown","checkbox-component","radio-button-group","textarea-component","nylas-date-component","multi-select-dropdown"],a=[];if(e){const l=s=>{Array.from(s.children).forEach(r=>{const i=r.tagName.toLowerCase();n.includes(i)&&a.push(r),l(r)})};l(e)}return a}applyThemeConfig(e){if(e)for(const[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a),this.iterateFormComponents().forEach(s=>{var r;s.style.setProperty(`${n}`,a),(r=s.shadowRoot)==null||r.host.style.setProperty(`${n}`,a)})}changeName(e){this.isNameValid=!0,this.validationError.name="",this.name=o.sanitize(e),this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=!0,this.validationError.email="",this.email=o.sanitizeHtml$1(e),this.emailChanged.emit(e)}resetGuestEmailError(e){const n={...this.guestEmailErrors};delete n[e],this.guestEmailErrors={...n}}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 n=e.detail.value.toString();this.updateAdditionalFields(e.detail.name,n)}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 n,a,l,s,r,i,c,g,h,k,C,x,E,b,u,_,D,ae,te,oe,re;const e=!!((n=this.selectedTimeslot)!=null&&n.event_id)&&!!((a=this.selectedTimeslot)!=null&&a.capacity);return t.h(t.Host,{key:"6659bdd250a39e69ecd8a4468b4f5bf5f3ced414"},t.h("form",{key:"ee7e0b97a449cdb18fa474bb5950ebc34922265d",onSubmit:v=>this.bookButtonClickedHandler(v),ref:v=>this.formRef=v,noValidate:!0},t.h("div",{key:"b59b81ef1c13449b1e49608ef6faeebbce3fef4d",class:"nylas-booking-form",part:"nbf"},t.h("div",{key:"cf75db4476ff5f8b013cbd349038a5945b9aecb0",class:"input-wrapper",part:"nbf__input-wrapper"},t.h("input-component",{key:"63959a4c6c06cef6dc5d8990ddfbe89965433f28",label:o.instance.t("name"),name:"name",id:"name",defaultValue:((s=(l=this.bookingInfo)==null?void 0:l.primaryParticipant)==null?void 0:s.name)||((c=(i=(r=this.configSettings)==null?void 0:r.booking)==null?void 0:i.guest)==null?void 0:c.name)||this.name,placeholder:o.instance.t("namePlaceholder"),type:"text",readOnly:((h=(g=this.bookingInfo)==null?void 0:g.primaryParticipant)==null?void 0:h.nameReadOnly)||!1,required:!0,requiredError:this.nameRequiredError,patternError:this.namePatternError,themeConfig:this.themeConfig,part:"nbf__input-textfield"})),t.h("div",{key:"191fc64123d86e5e9e54b53749cdc35e334f21e2",class:"input-wrapper",part:"nbf__input-wrapper"},t.h("input-component",{key:"8ef51518ac8ddee866148a6654463143a00a466e",label:o.instance.t("email"),name:"email",id:"email",pattern:z,defaultValue:((C=(k=this.bookingInfo)==null?void 0:k.primaryParticipant)==null?void 0:C.email)||((b=(E=(x=this.configSettings)==null?void 0:x.booking)==null?void 0:E.guest)==null?void 0:b.email)||this.email,placeholder:o.instance.t("emailPlaceholder"),type:"email",readOnly:((_=(u=this.bookingInfo)==null?void 0:u.primaryParticipant)==null?void 0:_.emailReadOnly)||!1,required:!0,requiredError:this.emailRequiredError,patternError:this.emailPatternError,themeConfig:this.themeConfig,part:"nbf__input-textfield"})),((ae=(D=this.configSettings)==null?void 0:D.scheduler)==null?void 0:ae.hide_additional_guests)!==!0&&t.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},this.guestEmails.map((v,d)=>t.h("div",{class:"input-wrapper button-wrapper"},t.h("label",{class:{error:!!this.guestEmailErrors[d]}},o.instance.t("guestEmail")),t.h("div",{class:"guest-email-input"},t.h("input",{type:"email",id:`guest-email-${d}`,maxLength:100,class:{"guest-email":!0,error:!!this.guestEmailErrors[d]},placeholder:o.instance.t("guestEmailPlaceholder"),value:v,"data-index":d,part:"nbf__input-textfield",onBlur:y=>{var f;return this.handleGuestBlur(d,(f=y.target)==null?void 0:f.value)},onInput:y=>{var f;return this.handleGuestChange(d,(f=y.target)==null?void 0:f.value)}}),t.h("button-component",{variant:"basic",tooltip:"Remove guest",onClick:y=>this.removeGuestButtonClickHandler(y,d),class:{"remove-guest":!0,error:!!this.guestEmailErrors[d]}},t.h("close-icon",null))),t.h("p",{class:"help-text"},this.guestEmailErrors[d]))),!e&&t.h("button-component",{class:"add-guest",variant:"invisible",part:"nbf__button-ghost",onClick:v=>this.addGuestButtonClickedHandler(v)},t.h("div",{class:"button-content"},t.h("add-circle-icon",{slot:"icon"}),this.guestEmails.length>0?`${o.instance.t("addAnotherGuest")}`:`${o.instance.t("addGuest")}`))),(re=Object.entries(((oe=(te=this.configSettings)==null?void 0:te.scheduler)==null?void 0:oe.additional_fields)||{}))==null?void 0:re.sort((v,d)=>v[1].order-d[1].order).map(v=>{var le,se,ie,ce,de,fe,ye,he,ge,be,ue,me,pe,ke;const d=v[1],y=d.label,f=v[0],m=((ie=(se=(le=this.bookingInfo)==null?void 0:le.additionalFields)==null?void 0:se[f])==null?void 0:ie.value)||((fe=(de=(ce=this.configSettings)==null?void 0:ce.booking)==null?void 0:de.additional_fields)==null?void 0:fe[f])||d.default||"",T=((ge=(he=(ye=this.bookingInfo)==null?void 0:ye.additionalFields)==null?void 0:he[f])==null?void 0:ge.readOnly)||!1;switch(d.type){case"dropdown":return t.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},t.h("select-dropdown",{label:y,name:f,id:f,readOnly:T,withSearch:!1,emptyValue:o.instance.t("nylasBookingCalendarPicker.selectOptionLabel"),defaultSelectedOption:m?{value:m,label:m}:void 0,options:[{value:"",label:o.instance.t("nylasBookingCalendarPicker.selectOptionLabel")},...((be=d.options)==null?void 0:be.map(L=>({value:L,label:L})))||[]],required:d.required,themeConfig:this.themeConfig,errorMessage:o.instance.t("fieldRequired",{field:y}),exportparts:"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content"}));case"checkbox":return t.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},t.h("checkbox-component",{readOnly:T,label:y,name:f,id:f,checked:m==="true",required:d.required,themeConfig:this.themeConfig,errorMessage:o.instance.t("fieldRequired",{field:y}),part:"nbf__checkbox-component"}));case"radio_button":return t.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},t.h("radio-button-group",{label:y,name:f,id:f,readOnly:T,defaultSelectedValue:m&&((ue=d.options)!=null&&ue.includes(m))?m:((me=d.options)==null?void 0:me[0])||"",options:(pe=d.options)==null?void 0:pe.map(L=>({value:L,label:L})),required:d.required,themeConfig:this.themeConfig,errorMessage:o.instance.t("fieldRequired",{field:y}),part:"nbf__radio-button-group"}));case"multi_line_text":return t.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},t.h("textarea-component",{readOnly:T,label:y,defaultValue:m,name:f,id:f,required:d.required,themeConfig:this.themeConfig,errorMessage:o.instance.t("fieldRequired",{field:y}),part:"nbf__textarea-component"}));case"date":return t.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},t.h("nylas-date-component",{readOnly:T,label:y,defaultValue:m,name:f,id:f,required:d.required,themeConfig:this.themeConfig,errorMessage:o.instance.t("invalidDate"),patternError:o.instance.t("invalidInputFormat",{field:y}),requiredError:o.instance.t("fieldRequired",{field:y}),part:"nbf__date-component"}));case"multi_select":{const L=(m==null?void 0:m.split(",").map(B=>B.trim()))||[];return t.h("div",null,t.h("multi-select-dropdown",{label:y,name:f,id:f,readOnly:T,selectAtLeastOneOptionLabel:o.instance.t("selectOneOrMoreOptions"),multipleOptionsSelectedLabel:o.instance.t("multipleOptionsSelected"),options:(ke=d.options)==null?void 0:ke.map(B=>({value:B,label:B,selected:L.includes(B)})),required:d.required,themeConfig:this.themeConfig,errorMessage:o.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 t.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},t.h("input-component",{label:y,name:f,id:f,type:d.type,readOnly:T,defaultValue:m||"",requiredError:o.instance.t("fieldRequired",{field:y}),patternError:o.instance.t("invalidInputFormat",{field:y}),required:d.required,part:"nbf__input-textfield",themeConfig:this.themeConfig}))}})),t.h("div",{key:"85adf1a2d5868610b7d4f0d597553b5ec98772ef",class:"cta"},t.h("button-component",{key:"a622fcc6240b1119dbc56ddf55fdc8b00e462787",variant:"basic",class:"back",part:"nbf__button-outline",isLoading:this.backButtonLoading&&this.isLoading,onClick:this.handleBackButtonClicked},t.h("slot",{key:"9c2cc61227918ebc7ac6d8aff80f40c51db00b11",name:"booking-form-back-label"},`${o.instance.t("backButton")}`)),t.h("button-component",{key:"abebcf397d96c21398f9f61ac5aeb45d75c8ad87",variant:"primary",isLoading:!this.backButtonLoading&&this.isLoading,disabled:this.isLoading,part:"nbf__button-primary",type:"submit"},t.h("slot",{key:"cecc83e97ea18b0766b37d9fd729d9ed4d4f06d6",name:"booking-form-book-label"},`${o.instance.t("bookNowButton")}`)))))}get host(){return t.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"],configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Le([w.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,n)=>{n.scheduler.toggleAdditionalData(!1)},nameChanged:async(e,n)=>{n.scheduler.setParticipantName(e.detail)},emailChanged:async(e,n)=>{n.scheduler.setParticipantEmail(e.detail)},detailsConfirmed:async(e,n)=>{o.debug("nylas-booking-form","detailsConfirmed",e.detail)},bookingFormSubmitted:async(e,n)=>{o.debug("nylas-booking-form","bookingFormSubmitted",e.detail)},bookingFormError:async(e,n)=>{o.debug("nylas-booking-form","bookingFormError",e.detail)}},fireRegisterEvent:!0}),O("design:type",Function),O("design:paramtypes",[]),O("design:returntype",void 0)],W.prototype,"render",null);W.style=Te;const De=':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}',Be=De;var ze=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},P=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const Y=class{constructor(e){var n,a;t.registerInstance(this,e),this.goBackButtonClicked=t.createEvent(this,"goBackButtonClicked",7),this.cancelBookingFormSubmitted=t.createEvent(this,"cancelBookingFormSubmitted",7),this.triggerValidation=t.createEvent(this,"triggerValidation",7),this.cancelBookedEventError=t.createEvent(this,"cancelBookedEventError",7),this.cancelBookingFormError=t.createEvent(this,"cancelBookingFormError",7),this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()},this.handleSubmitCancelBooking=l=>{var i,c,g;if(this.triggerValidation.emit({}),l.preventDefault(),!this.cancellationReason){this.cancellationError=o.instance.t("cancellationErrorMessage"),this.cancelBookingFormError.emit({title:o.instance.t("cancelBokingFormError"),description:o.instance.t("cancellationErrorMessage")});return}const s=(c=(i=this.configSettings)==null?void 0:i.scheduler)==null?void 0:c.min_cancellation_notice;if(this.selectedTimeslot&&s&&new Date((g=this.selectedTimeslot)==null?void 0:g.start_time).getTime()-s*60*1e3<new Date().getTime()){this.cancelBookedEventError.emit({error:{title:o.instance.t("cancellationErrorTitle"),message:o.instance.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:s})}});return}o.debug(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const r=h=>{this.cancelBookedEventError.emit(h)};this.cancelBookingId?this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:r}):this.rejectBookingId&&this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:r})},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=((a=(n=this.configSettings)==null?void 0:n.scheduler)==null?void 0:a.cancellation_policy)||"Your current timeslot will become available to others."}configSettingsChangedHandler(e){var n;this.cancellationPolicy=((n=e==null?void 0:e.scheduler)==null?void 0:n.cancellation_policy)||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,n){e!==n&&o.instance.changeLanguage(e)}connectedCallback(){o.debug("[nylas-cancel-booking-form] Component connected")}async componentWillLoad(){o.debug("[nylas-cancel-booking-form] Component will load")}async componentDidLoad(){o.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(){o.debug("[nylas-cancel-booking-form] Component disconnected")}applyThemeConfig(e){var n;if(e)for(const[a,l]of Object.entries(e))this.host.style.setProperty(`${a}`,l),(n=this.textareaRef)==null||n.style.setProperty(`${a}`,l)}handleNylasFormInputChanged(e){this.triggerValidation.emit({}),e.detail.name==="cancel-reason"&&(this.cancellationReason=e.detail.value,this.cancellationError=e.detail.error)}render(){var e,n;return t.h(t.Host,{key:"3b22e6567ab54d6f2cb568d75fee896a643da4c8",part:"ncbf"},t.h("div",{key:"f046c04a7e3960a64e7da64c9a65a76566224f7d",class:"nylas-cancel-booking-form",part:"ncbf__card"},t.h("div",{key:"a979e7bea8d4ec498f52d06843d81f48720a0c8c",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},t.h("calendar-cancel-icon",{key:"85015b6f8078d9159f348ddf323f31dec8f705d4"})),t.h("h3",{key:"78ecd8321eb0a3c12abef90033d8244ffbfee674",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},o.instance.t("cancelBookingTitle")),t.h("div",{key:"524ca54afd1054d39d732fc17af3d75ce7586eae",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},(n=(e=this.configSettings)==null?void 0:e.scheduler)!=null&&n.cancellation_policy?this.cancellationPolicy:`${o.instance.t("cancelBookingMessage")}`),t.h("form",{key:"997e3b3723ac23316214682b8f03714d22c73271",onSubmit:this.handleSubmitCancelBooking},t.h("textarea-component",{key:"dd909a7998a66404c9ca4a0a880c65b8f38274d6",id:"cancel-reason",name:"cancel-reason",ref:a=>this.textareaRef=a,required:!0,label:o.instance.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),t.h("div",{key:"8a2331c8d00f1c6df904c3758fd5adcbb0a7095f",class:"footer"},t.h("button-component",{key:"dd16407657ac2e6e181a213d172364d66466d2ad",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},o.instance.t("cancelBookingButton")),!!this.eventInfo&&t.h("button-component",{variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},o.instance.t("goBackButton"))))))}get host(){return t.getElement(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};ze([w.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,n)=>{const{action:a,errorHandler:l}=e.detail;if(a==="cancel"){const s=await n.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);l&&(!s||"error"in s)&&l(s)}else if(a==="reject"){const s=await n.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});l&&(!s||"error"in s)&&l(s)}},goBackButtonClicked:async(e,n)=>{o.debug("nylas-cancel-booking-form","goBackButtonClicked",e.detail),n.scheduler.goBack()},cancelBookedEventError:async(e,n)=>{o.debug("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,n)=>{o.debug("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:!0}),P("design:type",Function),P("design:paramtypes",[]),P("design:returntype",void 0)],Y.prototype,"render",null);Y.style=Be;const Ie=':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%}',Se=Ie;var Re=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},j=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const X=class{constructor(e){t.registerInstance(this,e),this.closeCancelEventCardClicked=t.createEvent(this,"closeCancelEventCardClicked",7),this.cancelledEventCardError=t.createEvent(this,"cancelledEventCardError",7),this.handleCloseClicked=()=>{this.isClosing=!0;const n=a=>{this.cancelledEventCardError.emit(a),this.isClosing=!1};this.closeCancelEventCardClicked.emit({errorHandler:n})},this.configSettings=void 0,this.themeConfig=void 0,this.selectedLanguage=void 0,this.cancelledEventInfo=void 0,this.isClosing=!1}selectedLanguageChangedHandler(e,n){e!==n&&o.instance.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){o.debug("[nylas-cancelled-event-card] Component connected")}async componentWillLoad(){o.debug("[nylas-cancelled-event-card] Component will load")}async componentDidLoad(){o.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(){o.debug("[nylas-cancelled-event-card] Component disconnected")}applyThemeConfig(e){if(e)for(const[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a)}render(){var e,n;return t.h(t.Host,{key:"bde7d46555a6f6033089f6d49f853df1a7cd0dab",part:"ncec"},t.h("div",{key:"a1be2ed4bead0b89572565d00ace39f9a3c0a50d",class:"nylas-cancelled-event-card",part:"ncec__card"},t.h("div",{key:"e963d4ab8e599fac8809b3d264602cfc2954064a",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},t.h("calendar-cancel-icon",{key:"5cccb2a26d77253b99ed377366e312f114406d03"})),t.h("h3",{key:"9fed1c485eafff15e04d5a36c58488cc337de9e9",class:"nylas-cancelled-event-card__title",part:"ncec__title"},o.instance.t("bookingCancelledTitle"),"!"),t.h("div",{key:"081f5d0b0615663c0e79aea7b70ea602375f9547",class:"nylas-cancelled-event-card__description",part:"ncec__description"},o.instance.t("bookingCancelledMessage")," ",((n=(e=this.configSettings)==null?void 0:e.organizer)==null?void 0:n.name)||o.instance.t("bookingCancelledMessage_theParticipants"),"."),t.h("div",{key:"697fbb9cccb9c665d35769f44ae16ff7a2a8ad36",class:"nylas-cancelled-event-card__cta"},t.h("button-component",{key:"e4f77128ff98787aca19549e51406d5d88b6fe1a",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${o.instance.t("closingButton")}...`:`${o.instance.t("closeButton")}`))))}get host(){return t.getElement(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChanged"]}}};Re([w.RegisterComponent({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeCancelEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetCancel(),{errorHandler:l}=e.detail;l&&(!a||"error"in a)&&l(a)},cancelledEventCardError:async(e,n)=>{o.debug("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:!0}),j("design:type",Function),j("design:paramtypes",[]),j("design:returntype",void 0)],X.prototype,"render",null);X.style=Se;const Oe=':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%}',Pe=Oe;var je=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},F=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const J=class{constructor(e){t.registerInstance(this,e),this.closeConfirmEventCardClicked=t.createEvent(this,"closeConfirmEventCardClicked",7),this.confirmedEventCardError=t.createEvent(this,"confirmedEventCardError",7),this.handleCloseClicked=()=>{this.isClosing=!0;const n=a=>{this.confirmedEventCardError.emit(a),this.isClosing=!1};this.closeConfirmEventCardClicked.emit({errorHandler:n})},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,n){e!==n&&o.instance.changeLanguage(e)}connectedCallback(){o.debug("[nylas-confirmed-event-card] Component connected")}async componentWillLoad(){o.debug("[nylas-confirmed-event-card] Component will load")}async componentDidLoad(){o.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(){o.debug("[nylas-confirmed-event-card] Component disconnected")}applyThemeConfig(e){if(e)for(const[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a)}render(){var e,n;return t.h(t.Host,{key:"196444e0b93a298fd4107589a7ffbba19895fe05",part:"ncec"},t.h("div",{key:"a421437ec16e3354d51a0eed4e31c7c0de557278",class:"nylas-confirmed-event-card",part:"ncec__card"},t.h("div",{key:"0da3ba5fcff4b46951adf128d4d4e6493860d56c",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},t.h("calendar-check-icon",{key:"a02d08a2367f962607651557eaa5fb7b9d8b75cf"})),t.h("h3",{key:"0494ca0a842a597bbc40cd3c720d2faf10d6b103",class:"nylas-confirmed-event-card__title",part:"ncec__title"},o.instance.t("confirmedEventCardTitle"),"!"),t.h("div",{key:"4473fce54b8ad6176286f84cbd5554c8323312f0",class:"nylas-confirmed-event-card__description",part:"ncec__description"},o.instance.t("confirmedEventCardDescription")," ",((n=(e=this.configSettings)==null?void 0:e.organizer)==null?void 0:n.name)||"the participants","."),t.h("div",{key:"c0c17c8bccb4bc4b017a4a6aba62cdd48ebeea5a",class:"nylas-confirmed-event-card__cta"},t.h("button-component",{key:"1dcb13cff4958b4549125c5457c9ab1e05078316",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${o.instance.t("closingButton")}...`:`${o.instance.t("closeButton")}`))))}get host(){return t.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};je([w.RegisterComponent({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeConfirmEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetConfirm(),{errorHandler:l}=e.detail;l&&(!a||"error"in a)&&l(a)}},fireRegisterEvent:!0}),F("design:type",Function),F("design:paramtypes",[]),F("design:returntype",void 0)],J.prototype,"render",null);J.style=Pe;const M=new Date,H=new Date;function S(e,n,a,l){function s(r){return e(r=arguments.length===0?new Date:new Date(+r)),r}return s.floor=r=>(e(r=new Date(+r)),r),s.ceil=r=>(e(r=new Date(r-1)),n(r,1),e(r),r),s.round=r=>{const i=s(r),c=s.ceil(r);return r-i<c-r?i:c},s.offset=(r,i)=>(n(r=new Date(+r),i==null?1:Math.floor(i)),r),s.range=(r,i,c)=>{const g=[];if(r=s.ceil(r),c=c==null?1:Math.floor(c),!(r<i)||!(c>0))return g;let h;do g.push(h=new Date(+r)),n(r,c),e(r);while(h<r&&r<i);return g},s.filter=r=>S(i=>{if(i>=i)for(;e(i),!r(i);)i.setTime(i-1)},(i,c)=>{if(i>=i)if(c<0)for(;++c<=0;)for(;n(i,-1),!r(i););else for(;--c>=0;)for(;n(i,1),!r(i););}),a&&(s.count=(r,i)=>(M.setTime(+r),H.setTime(+i),e(M),e(H),Math.floor(a(M,H))),s.every=r=>(r=Math.floor(r),!isFinite(r)||!(r>0)?null:r>1?s.filter(l?i=>l(i)%r===0:i=>s.count(0,i)%r===0):s)),s}const Fe=1e3,ve=Fe*60,Me=ve*60,I=Me*24,A=S(e=>e.setHours(0,0,0,0),(e,n)=>e.setDate(e.getDate()+n),(e,n)=>(n-e-(n.getTimezoneOffset()-e.getTimezoneOffset())*ve)/I,e=>e.getDate()-1);S(e=>{e.setUTCHours(0,0,0,0)},(e,n)=>{e.setUTCDate(e.getUTCDate()+n)},(e,n)=>(n-e)/I,e=>e.getUTCDate()-1);S(e=>{e.setUTCHours(0,0,0,0)},(e,n)=>{e.setUTCDate(e.getUTCDate()+n)},(e,n)=>(n-e)/I,e=>Math.floor(e/I));const He=':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)}',Ae=He;var Ne=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},N=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};o.dayjs.extend(o.utc);o.dayjs.extend(o.timezone);const K=class{constructor(e){t.registerInstance(this,e),this.dateSelected=t.createEvent(this,"dateSelected",7),this.monthChanged=t.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 s;const n=new Date(this.month.getFullYear(),this.month.getMonth()+1,1),a=(s=e==null?void 0:e.scheduler)==null?void 0:s.available_days_in_future;if(a===void 0)return;o.addDaysToCurrentDate(new Date,a).getTime()<n.getTime()?this.disableNextMonthButton=!0:this.disableNextMonthButton=!1}selectedLanguageChanged(e){o.instance.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}selectedDateChanged(e){(!e||!o.isSameMonth(e,this.month))&&(this.month=e||new Date),this.dates=this.getDates()}convertDatesToTimezone(e,n){return!e||e.length===0?[]:e.map(a=>{const l=o.dayjs(a).tz(n);return new Date(l.year(),l.month(),l.date())})}selectedTimezoneChanged(e){this.selectableDatesTimezone=this.convertDatesToTimezone(this.selectableDates,e)}selectableDatesChanged(e){this.selectableDatesTimezone=this.convertDatesToTimezone(e,this.selectedTimezone)}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){o.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[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a)}getDates(){const e=o.getLastDayOfMonth(this.month),n=o.getFirstDayOfMonth(this.month);return A.range(A.offset(n,-n.getDay()),A.offset(e,7-e.getDay()))}selectDate(e){this.dateSelected.emit(e)}changeMonth(e){var s,r;this.month=new Date(this.month.getFullYear(),this.month.getMonth()+e,1);const n=new Date(this.month.getFullYear(),this.month.getMonth()+1,1),a=(r=(s=this.configSettings)==null?void 0:s.scheduler)==null?void 0:r.available_days_in_future;o.addDaysToCurrentDate(new Date,a).getTime()<n.getTime()?this.disableNextMonthButton=!0:this.disableNextMonthButton=!1,this.dates=this.getDates(),this.monthChanged.emit(this.month)}isSelected(e,n,a){return e&&n&&o.isSameDay(e,n)&&a&&(a==null?void 0:a.length)>0}isDisabled(e){return!e||!this.selectableDatesTimezone||this.selectableDatesTimezone.length===0?!0:!this.selectableDatesTimezone.some(n=>e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()&&e.getDate()===n.getDate())}render(){var e,n,a,l,s,r;return t.h(t.Host,{key:"ecd613f2fec98a00bbb10ac6363097ebede0185d",part:"ndp"},t.h("div",{key:"33bb461fca297b69b85ab9f8d17cddb51593dde8",class:"nylas-date-picker"},t.h("div",{key:"4da1d51d7bb36838923263563c2f6b1331542fda",class:"title",part:"ndp__title"},(e=this.configSettings)!=null&&e.name?t.h("h1",null,(n=this.configSettings)==null?void 0:n.name):((l=(a=this.configSettings)==null?void 0:a.organizer)==null?void 0:l.name)&&t.h("h1",null,t.h("person-icon",null),((r=(s=this.configSettings)==null?void 0:s.organizer)==null?void 0:r.name)||"Organizer"),t.h("p",{key:"8ad906a6b34220b4d35f8dcd1c642d14c3f7293a"},t.h("clock-icon",{key:"11d2b21b9ba5fb9a31f9694fc2eaa417b6743957"}),this.eventDuration?o.convertMinutesToHoursAndMinutes(this.eventDuration):`- ${o.instance.t("time.minutes")}`)),t.h("div",{key:"676de20b5616fdbb439567ca27f972040a086b70",class:"header flex-row"},t.h("h2",{key:"aa60c555eb8bd7b3ef1ee033b8fc1b74f5a78cdb",part:"ndp__month-header"},t.h("strong",{key:"7661ad8cf3c91063617a953aba02c74202910803"},o.translateMonth(this.month.toLocaleDateString("en-US",{month:"long"}).toLowerCase()))," ",this.month.toLocaleDateString(void 0,{year:"numeric"})),t.h("div",{key:"dc4087fff602efe458a75b542cf845e6c1599532",class:"pagination"},t.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"},t.h("chevron-icon",{key:"376aba646a4910ab430ec239f6ccab083df41334"})),t.h("button",{key:"01e5e39d56246416bc9270f6a0c2d32202db339a",title:"Next month",onClick:()=>this.changeMonth(1),class:{"chevron-right":!0,button:!0},disabled:this.disableNextMonthButton,part:"ndp__month-button"},t.h("chevron-icon",{key:"492223b45186485d55e403a16d75e08c25a070f5"})))),t.h("div",{key:"c506414f7ae93d4b995054afa18a313ce02c2ca6",class:"dates"},[o.instance.t("days.sunday"),o.instance.t("days.monday"),o.instance.t("days.tuesday"),o.instance.t("days.wednesday"),o.instance.t("days.thursday"),o.instance.t("days.friday"),o.instance.t("days.saturday")].map(i=>t.h("div",{class:"day",part:"ndp__day"},i)),this.dates.map((i,c)=>{var h;const g=this.isDisabled(i);return this.isLoading?t.h("button",{disabled:!0,class:{"date day-skeleton":!0,"current-month":o.isSameMonth(i,this.month)},style:{animationDelay:`${c*20}ms`},part:"ndp__date ndp__date--disabled"},i.getDate()):t.h("button",{class:{date:!0,selected:!!(this.selectedDate&&o.isSameDay(i,this.selectedDate)&&this.selectableDates&&((h=this.selectableDates)==null?void 0:h.length)>0),"current-day":o.isSameDay(i,new Date),"current-month":o.isSameMonth(i,this.month)},"aria-label":i.toLocaleDateString(void 0,{dateStyle:"full"}),disabled:g,onClick:()=>this.selectDate(i),part:`ndp__date ${this.isSelected(i,this.selectedDate,this.selectableDates)?"ndp__date--selected":""} ${o.isSameDay(i,new Date)?"ndp__date--current-day":""} ${o.isSameMonth(i,this.month)?"ndp__date--current-month":""}`},i.getDate())}))))}get host(){return t.getElement(this)}static get watchers(){return{configSettings:["configSettingsChanged"],selectedLanguage:["selectedLanguageChanged"],themeConfig:["themeConfigChanged"],selectedDate:["selectedDateChanged"],selectedTimezone:["selectedTimezoneChanged"],selectableDates:["selectableDatesChanged"]}}};Ne([w.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,n)=>{o.debug("nylas-date-picker","dateSelected",e.detail),n.scheduler.selectDate(e.detail)},monthChanged:async(e,n)=>{o.debug("nylas-date-picker","monthChanged",e.detail)}},fireRegisterEvent:!0}),N("design:type",Function),N("design:paramtypes",[]),N("design:returntype",void 0)],K.prototype,"render",null);K.style=Ae;const $e=':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}}',qe=$e;var Ge=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},$=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const Q=class{constructor(e){var n,a;t.registerInstance(this,e),this.timezoneChanged=t.createEvent(this,"timezoneChanged",7),this.languageChanged=t.createEvent(this,"languageChanged",7),this.themeConfig=void 0,this.bookingInfo=void 0,this.selectedTimezone=((n=this.bookingInfo)==null?void 0:n.timezone)||Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedLanguage=((a=this.bookingInfo)==null?void 0:a.language)||navigator.language,this.searchPlaceholder=o.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,n;o.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&&((n=this.bookingInfo)!=null&&n.language)&&this.changeLanguage(this.bookingInfo.language)}applyThemeConfig(e){var n,a;if(e)for(const[l,s]of Object.entries(e))this.host.style.setProperty(`${l}`,s),(n=this.timezoneRef)==null||n.style.setProperty(`${l}`,s),(a=this.languageRef)==null||a.style.setProperty(`${l}`,s)}changeTimezone(e){this.selectedTimezone=e,this.timezoneChanged.emit(e)}changeLanguage(e){this.selectedLanguage=e,o.instance.changeLanguage(e),this.searchPlaceholder=o.instance.t("search"),this.languageChanged.emit(e)}nylasFormDropdownChangedHandler(e){const{name:n,value:a}=e.detail;n==="timezone"?this.changeTimezone(a):n==="language"&&this.changeLanguage(a)}getTimezoneLabelHTML(e){const n=o.getTimezoneOffset(e);return t.h("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},p.TIMEZONE_MAP[e]," ",t.h("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},n))}render(){const e=Object.keys(p.TIMEZONE_MAP).map(a=>({labelHTML:this.getTimezoneLabelHTML(a),label:p.TIMEZONE_MAP[a],value:a})),n=Object.keys(p.LANGUAGE_MAP).map(a=>({label:p.LANGUAGE_MAP[a],value:a}));return t.h(t.Host,{key:"db7685f65c4d6311437f51b90c8ff2d6f2bfdefb"},t.h("div",{key:"41fe4d870125fec3f1b92de2f3b37a0c53e79541",class:"nylas-locale-switch",part:"nls"},t.h("div",{key:"f3613e5625ce5755ed4c9a52ff74430c5065277a",class:{"select-wrapper":!0,timezone:!0},part:"nls__timezone"},t.h("select-dropdown",{key:"65a17c585133197a0832f2f67165439aefaf0b78",name:"timezone",searchPlaceholder:this.searchPlaceholder,options:e,ref:a=>this.timezoneRef=a,defaultSelectedOption:e.find(a=>a.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"},t.h("span",{key:"4dcc3bb5f4e2f67d3ded45fc0501dc4cf14b32b4",slot:"select-icon"},t.h("globe-icon",{key:"3e1d39db5640d61cb60259228dad1790fc4dc06a",width:"20",height:"20"})))),t.h("div",{key:"56808c49426922453fbae3393fdf2a1866c6e517",class:{"select-wrapper":!0,language:!0},part:"nls__language"},t.h("select-dropdown",{key:"fde4a71e21e8f252c764dc3b7feee0092ba0d47e",name:"language",searchPlaceholder:this.searchPlaceholder,options:n,ref:a=>this.languageRef=a,defaultSelectedOption:n.find(a=>a.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"},t.h("span",{key:"b3b824079c7a7c9d82b8e6f12b7f8c765a502e85",slot:"select-icon"},t.h("translate-icon",{key:"eda7d67fb6e01b93d000f2c4fe44ec86c5afb113",width:"20",height:"20"}))))))}get host(){return t.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],bookingInfo:["bookingInfoChangedHandler"]}}};Ge([w.RegisterComponent({name:"nylas-locale-switch",stateToProps:new Map([["scheduler.selectedLanguage","selectedLanguage"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.bookingInfo","bookingInfo"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{timezoneChanged:async(e,n)=>{o.debug("nylas-locale-switch","timezoneChanged",e.detail),n.scheduler.selectTimezone(e.detail)},languageChanged:async(e,n)=>{o.debug("nylas-locale-switch","languageChanged",e.detail),n.scheduler.selectLanguage(e.detail)}},fireRegisterEvent:!0}),$("design:type",Function),$("design:paramtypes",[]),$("design:returntype",void 0)],Q.prototype,"render",null);Q.style=qe;const Ze=".sc-nylas-logo-h{display:flex}",Ue=Ze,Ce=class{constructor(e){t.registerInstance(this,e),this.width="69",this.height="24"}render(){return t.h("svg",{key:"f7f75a001b5803b86e20a4182f698c8e2cc78626",width:this.width,height:this.height,viewBox:"0 0 69 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("g",{key:"598ddfe99d47a94219dc69eba23eb27ba52d804f","clip-path":"url(#clip0_455_3543)"},t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"}),t.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"})),t.h("defs",{key:"de5f6196af8d363ed1b681443bd7364bc9325de9"},t.h("clipPath",{key:"0ee3553f8c66417f8cd13dac5af6d61057a0ef0a",id:"clip0_455_3543"},t.h("rect",{key:"ca1b98034d9b17db1e1cf47e980c72a0a0b8ae29",width:"68.7123",height:"19.2877",fill:"white",transform:"translate(0.144043 0.356201)"}))))}};Ce.style=Ue;const We=':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)}',Ye=We;var Xe=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},q=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const V=class{constructor(e){t.registerInstance(this,e),this.rejectBookingButtonClicked=t.createEvent(this,"rejectBookingButtonClicked",7),this.confirmBookingButtonClicked=t.createEvent(this,"confirmBookingButtonClicked",7),this.confirmBookingError=t.createEvent(this,"confirmBookingError",7),this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const n=a=>{this.confirmBookingError.emit(a)};this.organizerConfirmationBookingId&&!this.isLoading&&this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:n})},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,n){e!==n&&o.instance.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){o.debug("[nylas-organizer-confirmation-card] Component will load")}async componentDidLoad(){o.debug("[nylas-organizer-confirmation-card] Component did load"),this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e)for(const[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a)}async resetAction(){this.action=null}render(){return t.h(t.Host,{key:"685c64fd73ed2cd97647ddabb84201e0f79ea8cf",part:"nmcc"},t.h("div",{key:"70e4b4ae0a3b4df1ced7f0629baf088786e10da7",class:"event-card-wrapper",part:"nmccc__card"},t.h("div",{key:"4bab8a23c09d2c73fd57c3fd320ddc60bcd4ad3f",class:"calendar-icon"},t.h("calendar-check-icon",{key:"20a288c36cdf0532b4fb8520e25057e05bbb9c67"})),t.h("div",{key:"23fd0069fe2805be74da6b1fb9c0b2a90a41f004",class:"booked-event-header"},t.h("h2",{key:"ebf3b7a83f62844fc7afcb34d80b7a19162424bf",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${o.instance.t("bookingPendingTitle")}!`)),t.h("div",{key:"5b1736ec457c881496302a1e62cd8ebe6695c1dc",class:"manage-booking-description"},t.h("p",{key:"97199b19d7bc741afe565733fa112fbc66308c75"},o.instance.t("bookingPendingnDescription"))),t.h("div",{key:"e305f35b16ec685bb9af4cb9f66d5e43db4edf9b",class:{footer:!0}},t.h("button-component",{key:"a25bdb447e29fc415f0381a8ba73a36937fd9435",variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${o.instance.t("rejectBookingButton")}`),t.h("button-component",{key:"ac814b5239c359decd43506b7981ac8d975d5416",variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${o.instance.t("confirmBookingButton")}`))))}get host(){return t.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Xe([w.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,n)=>{n.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,n)=>{const{host:a}=e.detail,l=await n.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"}),{errorHandler:s}=e.detail;s&&(!l||"error"in l)&&s(l),await a.resetAction()}},fireRegisterEvent:!0}),q("design:type",Function),q("design:paramtypes",[]),q("design:returntype",void 0)],V.prototype,"render",null);V.style=Ye;const Je=':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}}',Ke=Je;var Qe=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},G=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const ee=class{constructor(e){t.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,n){e!==n&&o.instance.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){o.debug("[nylas-selected-event-card] Component will load")}async componentDidLoad(){var a,l;o.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=p.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],n=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=n.format(new Date((a=this.selectedTimeslot)==null?void 0:a.start_time)),this.endTime=n.format(new Date((l=this.selectedTimeslot)==null?void 0:l.end_time))}applyThemeConfig(e){if(e)for(const[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a)}render(){var e;return t.h(t.Host,{key:"94fd07366e885e81fb62049c5a44fe6679897aba",part:"nsec"},t.h("div",{key:"8ca223250ff59a898eae64b4eaf1ad24e690d3a7",class:"event-card",part:"nsec__card"},t.h("div",{key:"77c0fbd4495f0811e5bb05ea95f59d4b2bad90af",class:"calendar-icon",part:"nsec__icon"},t.h("calendar-icon",{key:"3c1a395ec15145153c3d0d4b4986aea9a7943ddf"})),t.h("div",{key:"1c5ed82612ce165f89bd240b21482c916dbf166b",class:"nylas-selected-event-card__date",part:"nsec__date"},this.selectedDate?o.capitalizeFirstLetter(o.formatBookedEventDate((e=this.selectedTimeslot)==null?void 0:e.start_time,this.selectedTimezone,p.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"])):"-"),t.h("div",{key:"e62af1aba1c260d178f1cc95f3405e94448cdf29",class:"nylas-selected-event-card__time",part:"nsec__time"},this.startTime," - ",this.endTime)),t.h("div",{key:"6eea1eca90bde0bb49a747ad8ed3a5ca57971db4",class:"event-timezone",part:"nsec__timezone"},t.h("globe-icon",{key:"feac1b95d2177a39f84648ec0e8356026ebc9ef7"}),p.TIMEZONE_MAP[this.selectedTimezone]))}get host(){return t.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};Qe([w.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}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],ee.prototype,"render",null);ee.style=Ke;const Ve=':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)}',en=Ve;var nn=function(e,n,a,l){var s=arguments.length,r=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,n,a,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(r=(s<3?i(r):s>3?i(n,a,r):i(n,a))||r);return s>3&&r&&Object.defineProperty(n,a,r),r},Z=function(e,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,n)};const ne=class{constructor(e){t.registerInstance(this,e),this.timeslotSelected=t.createEvent(this,"timeslotSelected",7),this.timeslotConfirmed=t.createEvent(this,"timeslotConfirmed",7),this.validateTimeslotError=t.createEvent(this,"validateTimeslotError",7),this.handleConfirmedTimeslot=async(n,a)=>{n.preventDefault(),o.debug("[nylas-timeslot-picker] Confirm timeslot",a),a&&this.timeslotConfirmed.emit({timeslot:a,host:this.host})},this.handleMouseEnter=n=>{this.hoveredTimeslotIndex=n},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){o.instance.changeLanguage(e)}selectedDateChanged(e){var n;if(o.debug("[nylas-timeslot-picker] Selected date changed",{newVal:e}),e&&(this.selectedTimeslotIndex="",typeof e<"u")){const a=(n=this.availability)==null?void 0:n.filter(l=>o.isSameDayTimezone(l.start_time,e,this.selectedTimezone)).map(l=>l);this.times=a||[]}}availabilityChanged(e){if(o.debug("[nylas-timeslot-picker] Available times changed",{newVal:e,selectedDate:this.selectedDate}),typeof e<"u"){const n=e==null?void 0:e.filter(a=>this.selectedDate&&o.isSameDayTimezone(a.start_time,this.selectedDate,this.selectedTimezone)).map(a=>a);this.times=n||[]}}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){o.debug("[nylas-timeslot-picker] Component will load",{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){var n;o.debug("[nylas-timeslot-picker] Component did load");const e=(n=this.availability)==null?void 0:n.filter(a=>this.selectedDate&&o.isSameDayTimezone(a.start_time,this.selectedDate,this.selectedTimezone)).map(a=>a);this.times=e||[],this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e)for(const[n,a]of Object.entries(e))this.host.style.setProperty(`${n}`,a)}getTimeslotId(e,n){const a=new Date(e.start_time),l=e.event_id;return`${a.toLocaleDateString()}-${n}${l?`-${l}`:""}`}onClickSelectTime(e,n){o.debug("[nylas-timeslot-picker] Time selected",e,n),this.selectedTimeslotIndex=this.getTimeslotId(e,n),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,n){this.validateTimeslotError.emit({error:e,type:n})}getTimeSlotLabel(e){const n=p.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],a=new Intl.DateTimeFormat(n,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});return`${a.format(e.start_time)} - ${a.format(e.end_time)}`}render(){const e=p.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"];if(this.isLoading)return t.h(t.Host,null,t.h("div",{class:"loading"},new Array(6).fill(0).map((a,l)=>t.h("div",{class:"timeslot-skeleton",style:{animationDelay:`${l*20}ms`}}))));if(this.availability&&this.availability.length===0)return t.h(t.Host,null,t.h("div",{class:"empty"},t.h("span",null,"No dates available")));const n=this.times.filter(a=>{const l=(a==null?void 0:a.event_id)||(a==null?void 0:a.master_id),s=typeof(a==null?void 0:a.capacity)=="number"&&(a==null?void 0:a.capacity)>0;return!(l&&!s)});return(!this.times||this.times.length===0||n.length===0)&&this.selectedDate?t.h(t.Host,null,t.h("div",{class:"empty"},t.h("span",null,"No time slots available for selected date"))):this.selectedDate?t.h(t.Host,{part:"ntp"},t.h("div",{class:"time-picker-wrapper",part:"ntp__time-picker-wrapper"},t.h("div",{class:"timeslots",part:"ntp__timeslots"},n.map((a,l)=>{var i,c;const s=typeof(a==null?void 0:a.capacity)=="number"&&(a==null?void 0:a.capacity)>0,r=this.selectedTimeslotIndex==this.getTimeslotId(a,l);return t.h("button",{part:`ntp__timeslot ${((c=(i=this.selectedTimeslot)==null?void 0:i.start_time)==null?void 0:c.getTime())===a.start_time.getTime()?"ntp__timeslot--selected":""}`,class:{time:!0,selected:typeof this.selectedTimeslot<"u"&&r},onClick:()=>this.onClickSelectTime(a,l),onMouseEnter:()=>this.handleMouseEnter(l),onMouseLeave:()=>this.handleMouseLeave()},t.h("div",{class:"time-label",part:"ntp__time-label"},this.hoveredTimeslotIndex==l||r?this.getTimeSlotLabel(a):a.start_time.toLocaleTimeString(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12}),t.h("span",{class:"spots"},s?o.instance.t("spotsLeft",{count:a==null?void 0:a.capacity}):null)))})),this.selectedTimeslot&&t.h("div",{class:"footer"},t.h("button-component",{variant:"primary",onClick:a=>this.handleConfirmedTimeslot(a,this.selectedTimeslot),part:"ntp__button-primary"},t.h("slot",{name:"timeslot-picker-cta-label"},o.instance.t("nextButton")))))):t.h(t.Host,null)}get host(){return t.getElement(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChanged"],selectedDate:["selectedDateChanged"],availability:["availabilityChanged"],themeConfig:["themeConfigChanged"]}}};nn([w.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,n)=>{o.debug("nylas-timeslot-picker","timeslotSelected",e.detail),n.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,n)=>{var s;o.debug("nylas-timeslot-picker","timeslotConfirmed",e.detail);const{timeslot:a,host:l}=e.detail;if(a&&(a!=null&&a.event_id)&&(a!=null&&a.capacity)){const r=await n.scheduler.validateGroupEventTimeslot(a);if(r&&"error"in r){const i=((s=r.error)==null?void 0:s.message)||"An error occurred while validating the timeslot";i==="Event is full"?l.emitValidateTimeslotError(i,"info"):l.emitValidateTimeslotError(i,"error")}}else n.scheduler.toggleAdditionalData(!0)},validateTimeslotError:async(e,n)=>{o.debug("nylas-timeslot-picker","validateTimeslotError",e.detail)}},fireRegisterEvent:!0}),Z("design:type",Function),Z("design:paramtypes",[]),Z("design:returntype",void 0)],ne.prototype,"render",null);ne.style=en;exports.nylas_booked_event_card=U;exports.nylas_booking_form=W;exports.nylas_cancel_booking_form=Y;exports.nylas_cancelled_event_card=X;exports.nylas_confirmed_event_card=J;exports.nylas_date_picker=K;exports.nylas_locale_switch=Q;exports.nylas_logo=Ce;exports.nylas_organizer_confirmation_card=V;exports.nylas_selected_event_card=ee;exports.nylas_timeslot_picker=ne;

package/dist/nylas-date-component_2.entry-6b058796.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-f42fe591.cjs"),n=require("./utils-31933f5d-1d4c81ab.cjs"),o=require("./constants-f51538ef-cd2a67c4.cjs"),m=require("./customParseFormat-b5d95b34-a6b6fcba.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const f=':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}',y=f,u={date:"YYYY-MM-DD"},d=class{constructor(t){r.registerInstance(this,t),this.nylasFormInputChanged=r.createEvent(this,"nylasFormInputChanged",7),this.nylasFormInputFocused=r.createEvent(this,"nylasFormInputFocused",7),this.nylasFormInputBlurred=r.createEvent(this,"nylasFormInputBlurred",7),this.name="input",this.defaultValue=void 0,this.label="",this.placeholder=u.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=n.sanitize(t),this.value&&this.validatePattern(this.value,!0)}themeConfigChangedHandler(t,e){t!==e&&this.applyThemeConfig(t)}applyThemeConfig(t){if(t)for(const[e,i]of Object.entries(t))this.el.style.setProperty(`${e}`,i)}componentDidLoad(){this.value=n.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=n.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 r.h("label",{key:"19e91d1f34df671a8c3fb97ca4cb9361baccaeb3",part:"ic__label",class:{error:!!this.error||this.hasError}},this.label&&r.h("p",null,r.h("span",{class:"label"},this.label),this.required&&r.h("span",{class:"required"},"*")),r.h("div",{key:"fd3f370a7469135b82c876938a5c1df1faedfd31",part:"ic__input_wrapper",class:"input_wrapper"},r.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()}),r.h("slot",{key:"2d3806006d35fecaa9b48a878eb4216249cdc80f",name:"additional-input"})),this.error&&r.h("span",{class:"error help-text"},this.error))}get el(){return r.getElement(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"],themeConfig:["themeConfigChangedHandler"]}}};d.style=y;const p=':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}',b=p;n.dayjs.extend(m.customParseFormat);const h=class{constructor(t){r.registerInstance(this,t),this.timeChange=r.createEvent(this,"timeChange",7),this.timeWindowFormError=r.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=o.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,i]of Object.entries(t))this.el.style.setProperty(`${e}`,i)}validateTimeAgainstMinimum(){if(this.minimumStartTime){const t=n.dayjs(this.minimumStartTime,"hh:mma"),e=n.dayjs(this.time,"hh:mma");this.times=this.generateTimes();const i=n.instance.t("nylasTimeWindowPicker.errors.invalid");e.isBefore(t)?(this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i})):(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=n.autocompleteTimeFormat(this.time),e=this.times.findIndex(i=>i.value===t);e>-1&&(this.shouldAutoScroll=!1,this.scrollToViewWithinParent(e));return}}handleTimeChange(t,e){const i=e.split(":");if(i[0]==="00"&&i[1].slice(-2)=="pm"){const a=n.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=a,this.timeWindowFormError.emit({key:this.el.id,message:a})}if(n.validateTimeFormatInput(e))this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""});else{const a=n.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=a,this.timeWindowFormError.emit({key:this.el.id,message:a})}this.err||this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(t){var s;const e=(s=t.target)==null?void 0:s.value,i=this.language!==o.LANGUAGE_CODE.en?n.convertTo12HourFormat(e):e,a=n.instance.t("nylasTimeWindowPicker.errors.invalid");if(!n.validateTimeFormatInput(i)){this.err=a,this.timeWindowFormError.emit({key:this.el.id,message:a});return}if(i===""){const l=n.roundToNearest15Minutes().format("hh:mma");this.timeChange.emit({key:this.el.id,value:l});return}if(!n.validateExactTimeFormat(i)){const l=n.autocompleteTimeFormat(i);this.timeChange.emit({key:this.el.id,value:l});return}this.timeChange.emit({key:this.el.id,value:i})}handleOnInput(t){var i;const e=(i=t.target)==null?void 0:i.value;if(n.validateTimeFormatInput(e)){if(e===""){const a=n.roundToNearest15Minutes().format("hh:mma"),s=this.times.findIndex(l=>l.value===a);s>-1&&this.scrollToViewWithinParent(s);return}if(!n.validateExactTimeFormat(e)){const a=n.autocompleteTimeFormat(e),s=this.times.findIndex(l=>l.value===a);s>-1&&this.scrollToViewWithinParent(s);return}}}generateTimes(){const t=[];let e=n.dayjs().set("hour",0).set("minute",0).set("second",0);this.minimumStartTime&&(e=n.dayjs(this.minimumStartTime,"hh:mma"));const i=e.endOf("day").diff(e,"minutes"),a=Math.round(i/15);for(let s=0;s<a+1;s++){const l=e.add(s*15,"minute");if(s==a&&l.format("hh:mma").includes("am"))break;t.push({id:s,value:l.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(a=>a.id.toString()===this.ariaActivedescendant),i=e+1<this.times.length?e+1:0;this.ariaActivedescendant=this.times[i].id.toString(),this.focusOption(i)}}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(a=>a.id.toString()===this.ariaActivedescendant),i=e-1>=0?e-1:this.times.length-1;this.ariaActivedescendant=this.times[i].id.toString(),this.focusOption(i)}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}handleListboxKeydown(t){const e=this.times,i=e.findIndex(a=>a.id.toString()===this.ariaActivedescendant);if(t.key==="ArrowDown"||t.key==="Tab"&&!t.shiftKey){t.preventDefault();const a=i+1<e.length?i+1:0;this.ariaActivedescendant=e[a].id.toString(),this.focusOption(a)}else if(t.key==="ArrowUp"||t.key==="Tab"&&t.shiftKey){t.preventDefault();const a=i-1>=0?i-1:e.length-1;this.ariaActivedescendant=e[a].id.toString(),this.focusOption(a)}else if(t.key==="Enter"){if(t.preventDefault(),this.ariaActivedescendant){const a=e[i];this.handleTimeChange(t,a.value),this.showTimes=!1,this.ariaActivedescendant="",this.timeInput.focus()}}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}scrollToViewWithinParent(t){var c;const e=this.times[t],i=(c=this.el.shadowRoot)==null?void 0:c.getElementById(e.id.toString()),a=this.timeMenu;this.ariaActivedescendant=e.id.toString();const s=i.getBoundingClientRect(),l=a.getBoundingClientRect();s.top<l.top?a.scrollTop-=l.top-s.top:s.bottom>l.bottom&&(a.scrollTop+=s.bottom-l.bottom),s.left<l.left?a.scrollLeft-=l.left-s.left:s.right>l.right&&(a.scrollLeft+=s.right-l.right)}focusOption(t){var s;const e=this.times[t];if(!e)return;const i=e.id.toString(),a=(s=this.el.shadowRoot)==null?void 0:s.getElementById(i);a&&(a.focus(),a.scrollIntoView({behavior:"smooth",block:"nearest"}))}render(){const t=this.language!==o.LANGUAGE_CODE.en;return r.h(r.Host,{key:"748ab1dcf12c2e1284ca11883dcaade689d3150f"},r.h("div",{key:"77369574660ea9e48f8ed77c4b4cc51cf328690a",class:"time-picker",part:"time-picker"},r.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?n.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&&r.h("div",{class:"invalid-time-icon"}),this.showTimes&&r.h("div",{class:"times",part:"times",ref:e=>this.timeMenu=e},r.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.times.map(e=>r.h("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:i=>{this.handleTimeChange(i,e.value),this.showTimes=!1,this.timeInput.focus()},role:"option"},`${t?n.convertTo24HourFormat(e.value):e.value}`)))),!this.showTimes&&this.err&&r.h("p",{class:"error",id:"email-error"},this.err)))}get el(){return r.getElement(this)}static get watchers(){return{time:["timeChangedHandler"],minimumStartTime:["minimumStartTimeChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};h.style=b;exports.nylas_date_component=d;exports.nylas_time_window_picker=h;