@nylas/web-elements 1.4.1 → 1.4.3

package/dist/nylas-web-elements/nylas-booking-form.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as t,h as r,a as n,e as o}from"./index-3e0d6890.js";import{R as i}from"./register-component-3d439a88.js";import{s as a,i as s,a as l,l as d}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const c=':host{display:block;height:100%;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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)}';var p=undefined&&undefined.__decorate||function(e,t,r,n){var o=arguments.length,i=o<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)if(a=e[s])i=(o<3?a(i):o>3?a(t,r,i):a(t,r))||i;return o>3&&i&&Object.defineProperty(t,r,i),i};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const u=/^[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])?)*$/;const b=class{constructor(r){e(this,r);this.nameChanged=t(this,"nameChanged",7);this.emailChanged=t(this,"emailChanged",7);this.backButtonClicked=t(this,"backButtonClicked",7);this.detailsConfirmed=t(this,"detailsConfirmed",7);this.bookingFormError=t(this,"bookingFormError",7);this.bookingFormSubmitted=t(this,"bookingFormSubmitted",7);this.handleGuestChange=(e,t)=>{this.resetGuestEmailError(e);const r=[...this.guestEmails];r[e]=a(t);this.guestEmails=[...r]};this.handleGuestBlur=(e,t)=>{this.resetGuestEmailError(e);if(t===""){this.guestEmailErrors[e]=s.t("fieldRequired",{field:s.t("email")});return}if(!u.test(t)){this.guestEmailErrors[e]=s.t("invalidInputFormat",{field:s.t("email")});return}this.handleGuestChange(e,t)};this.addGuestButtonClickedHandler=e=>{e.preventDefault();this.guestEmails=[...this.guestEmails,""]};this.removeGuestButtonClickHandler=(e,t)=>{e.preventDefault();this.resetGuestEmailError(t);const r=[...this.guestEmails];r.splice(t,1);this.guestEmails=[...r]};this.handleBackButtonClicked=e=>{e.preventDefault();this.backButtonLoading=true;this.backButtonClicked.emit()};this.bookButtonClickedHandler=async e=>{e.preventDefault();const t=this.bookingFormSubmitted.emit();if(t.defaultPrevented){return}l("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const r=this.name;const n=this.email;if(!r||r===""){this.isNameValid=false;this.validationError.name=s.t("fieldRequired",{field:s.t("name")})||"Name is required";this.bookingFormError.emit({title:"Booking form error",description:"Name is required"});return}if(!n||n===""){this.isEmailValid=false;this.validationError.email=s.t("fieldRequired",{field:s.t("email")})||"Email is required";this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!u.test(n)){this.isEmailValid=false;this.validationError.email=s.t("invalidInputFormat",{field:s.t("email")});this.bookingFormError.emit({title:"Booking form error",description:s.t("invalidInputFormat",{field:s.t("email")})||"Invalid email"});return}let o=[];if(this.guestEmails.length>0){let e=false;this.guestEmails.forEach(((t,r)=>{if(t===""){e=true;this.guestEmailErrors={...this.guestEmailErrors,[r]:s.t("fieldRequired",{field:s.t("email")})}}else if(!u.test(t)){e=true;this.guestEmailErrors={...this.guestEmailErrors,[r]:s.t("invalidInputFormat",{field:s.t("email")})}}}));if(e){this.bookingFormError.emit({title:"Booking form error",description:s.t("invalidInputFormat",{field:s.t("guestEmail")})||"Invalid guest email"});return}o=this.guestEmails.map((e=>({name:e.trim(),email:e.trim()})))}const i={};const a=this.configSettings?.scheduler?.additional_fields||{};const d=this.configSettings?.booking?.additional_fields||{};if(this.bookingInfo?.additionalFields){Object.entries(this.bookingInfo.additionalFields).forEach((([e,t])=>{if(e in a&&typeof t.value!=="undefined"){i[e]=t.value}}))}Object.entries(a).forEach((([e,t])=>{if(!(e in i)){const r=d[e]||t.default||"";i[e]=r}}));this.detailsConfirmed.emit({primaryParticipant:{name:r,email:n},guests:o,additionalFields:{...i,...this.additionalFields}})};this.updateAdditionalFields=(e,t)=>{if(this.additionalFields){this.additionalFields[e]=t}};this.isLoading=undefined;this.bookingInfo=undefined;this.eventInfo=undefined;this.configSettings=undefined;this.themeConfig=undefined;this.name="";this.email="";this.guestEmails=[];this.guestEmailErrors={};this.isNameValid=true;this.isEmailValid=true;this.additionalFields={};this.validationError={name:"",email:""};this.backButtonLoading=false;this.firstRender=true}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){l("nylas-booking-form","componentWillLoad",this.bookingInfo)}componentDidLoad(){l("nylas-booking-form","componentDidLoad",this.bookingInfo);if(this.configSettings?.booking){this.configSettingsChangedHandler(this.configSettings)}else if(this.bookingInfo){this.bookingInfoChangedHandler(this.bookingInfo)}this.applyThemeConfig(this.themeConfig)}componentDidRender(){if(this.firstRender){this.applyThemeConfig(this.themeConfig)}}bookingInfoChangedHandler(e){if(e&&e.primaryParticipant){this.name=e.primaryParticipant.name||this.name;this.email=e.primaryParticipant.email||this.email}if(e?.guests&&Array.isArray(e.guests)){this.guestEmails=e.guests.map((e=>e.email))}}configSettingsChangedHandler(e){if(!this.bookingInfo?.primaryParticipant?.name&&e&&e.booking?.guest?.name){this.name=e.booking.guest.name||this.name}if(!this.bookingInfo?.primaryParticipant?.email&&e&&e.booking?.guest?.email){this.email=e.booking.guest.email||this.email}if(!this.bookingInfo?.guests&&e?.booking?.additional_guests&&Array.isArray(e.booking.additional_guests)){this.guestEmails=e.booking.additional_guests.map((e=>e.email))}}themeConfigChanged(e){this.applyThemeConfig(e)}iterateFormComponents(){const e=this.formRef;const t=["input-component","button-component","select-dropdown","checkbox-component","radio-button-group","textarea-component","nylas-date-component","multi-select-dropdown"];const r=[];if(e){const n=e=>{Array.from(e.children).forEach((e=>{const o=e.tagName.toLowerCase();if(t.includes(o)){r.push(e)}n(e)}))};n(e)}return r}applyThemeConfig(e){if(e){for(const[t,r]of Object.entries(e)){this.host.style.setProperty(`${t}`,r);const e=this.iterateFormComponents();e.forEach((e=>{e.style.setProperty(`${t}`,r);e.shadowRoot?.host.style.setProperty(`${t}`,r)}))}}}changeName(e){this.isNameValid=true;this.validationError.name="";this.name=d(e);this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=true;this.validationError.email="";this.email=a(e);this.emailChanged.emit(e)}resetGuestEmailError(e){const t={...this.guestEmailErrors};delete t[e];this.guestEmailErrors={...t}}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 t=e.detail.value.toString();this.updateAdditionalFields(e.detail.name,t)}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(){return r(n,{key:"7cc64499522157e62c5703990effe640e032794f"},r("form",{key:"14b8c18e942c2b30027dd4ab7e9f50be749b6d8a",onSubmit:e=>this.bookButtonClickedHandler(e),ref:e=>this.formRef=e,noValidate:true},r("div",{key:"df00121eb4e6491ce7a758690c0bb2fdb3afd2c0",class:"nylas-booking-form",part:"nbf"},r("div",{key:"f54bdfab54066557fa20defcc90bba5b33211616",class:"input-wrapper",part:"nbf__input-wrapper"},r("input-component",{key:"b4fb9a672fb708ebc47084c9978fc6c526dda804",label:s.t("name"),name:"name",id:"name",defaultValue:this.bookingInfo?.primaryParticipant?.name||this.configSettings?.booking?.guest?.name||this.name,placeholder:s.t("namePlaceholder"),type:"text",readOnly:this.bookingInfo?.primaryParticipant?.nameReadOnly||false,required:true,requiredError:s.t("fieldRequired",{field:s.t("name")}),patternError:s.t("invalidInputFormat",{field:s.t("name")}),part:"nbf__input-textfield"})),r("div",{key:"44f5979a3aacfaedf6baa124ddf3cae468f71e19",class:"input-wrapper",part:"nbf__input-wrapper"},r("input-component",{key:"5e72e7aa54a18a6a3b441a6d3d03c8b08246bc07",label:s.t("email"),name:"email",id:"email",pattern:u,defaultValue:this.bookingInfo?.primaryParticipant?.email||this.configSettings?.booking?.guest?.email||this.email,placeholder:s.t("emailPlaceholder"),type:"email",readOnly:this.bookingInfo?.primaryParticipant?.emailReadOnly||false,required:true,requiredError:s.t("fieldRequired",{field:s.t("email")}),patternError:s.t("invalidInputFormat",{field:s.t("email")}),part:"nbf__input-textfield"})),this.configSettings?.scheduler?.hide_additional_guests!==true&&r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},this.guestEmails.map(((e,t)=>r("div",{class:"input-wrapper button-wrapper"},r("label",{class:{error:!!this.guestEmailErrors[t]}},s.t("guestEmail")),r("div",{class:"guest-email-input"},r("input",{type:"email",id:`guest-email-${t}`,maxLength:100,class:{"guest-email":true,error:!!this.guestEmailErrors[t]},placeholder:s.t("guestEmailPlaceholder"),value:e,"data-index":t,part:"nbf__input-textfield",onBlur:e=>this.handleGuestBlur(t,e.target?.value),onInput:e=>this.handleGuestChange(t,e.target?.value)}),r("button-component",{variant:"basic",tooltip:"Remove guest",onClick:e=>this.removeGuestButtonClickHandler(e,t),class:{"remove-guest":true,error:!!this.guestEmailErrors[t]}},r("close-icon",null))),r("p",{class:"help-text"},this.guestEmailErrors[t])))),r("button-component",{class:"add-guest",variant:"invisible",part:"nbf__button-ghost",onClick:e=>this.addGuestButtonClickedHandler(e)},r("div",{class:"button-content"},r("add-circle-icon",{slot:"icon"}),this.guestEmails.length>0?`${s.t("addAnotherGuest")}`:`${s.t("addGuest")}`))),Object.entries(this.configSettings?.scheduler?.additional_fields||{})?.sort(((e,t)=>e[1].order-t[1].order)).map((e=>{const t=e[1];const n=t.label;const o=e[0];const i=this.bookingInfo?.additionalFields?.[o]?.value||this.configSettings?.booking?.additional_fields?.[o]||t.default||"";const a=this.bookingInfo?.additionalFields?.[o]?.readOnly||false;switch(t.type){case"dropdown":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("select-dropdown",{label:n,name:o,id:o,readOnly:a,withSearch:false,emptyValue:s.t("nylasBookingCalendarPicker.selectOptionLabel"),defaultSelectedOption:i?{value:i,label:i}:undefined,options:[{value:"",label:s.t("nylasBookingCalendarPicker.selectOptionLabel")},...t.options?.map((e=>({value:e,label:e})))||[]],required:t.required,exportparts:"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content"}));case"checkbox":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("checkbox-component",{readOnly:a,label:n,name:o,id:o,checked:i==="true",required:t.required,part:"nbf__checkbox-component"}));case"radio_button":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("radio-button-group",{label:n,name:o,id:o,readOnly:a,defaultSelectedValue:i||t.options?.[0]||"",options:t.options?.map((e=>({value:e,label:e}))),required:t.required,part:"nbf__radio-button-group"}));case"multi_line_text":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("textarea-component",{readOnly:a,label:n,defaultValue:i,name:o,id:o,required:t.required,part:"nbf__textarea-component"}));case"date":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("nylas-date-component",{readOnly:a,label:n,defaultValue:i,name:o,id:o,required:t.required,part:"nbf__date-component"}));case"multi_select":{const e=i?.split(",").map((e=>e.trim()))||[];return r("div",null,r("multi-select-dropdown",{label:n,name:o,id:o,readOnly:a,multipleOptionsSelectedLabel:s.t("multipleOptionsSelected"),options:t.options?.map((t=>({value:t,label:t,selected:e.includes(t)}))),required:t.required,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 r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("input-component",{label:n,name:o,id:o,type:t.type,readOnly:a,defaultValue:i||"",requiredError:s.t("fieldRequired",{field:n}),required:t.required,part:"nbf__input-textfield"}))}}))),r("div",{key:"ceca163a222c8be615a63d36f15e1dcdad40c08c",class:"cta"},r("button-component",{key:"300ecbc4bffd1abe7d89684000ea958457392650",variant:"basic",class:"back",part:"nbf__button-outline",isLoading:this.backButtonLoading&&this.isLoading,onClick:this.handleBackButtonClicked},r("slot",{key:"3f3ab4bd1654a53941685961252c57138dbd9cc5",name:"booking-form-back-label"},`${s.t("backButton")}`)),r("button-component",{key:"f1e3ecf792c87519589b83678d607bf12756f209",variant:"primary",isLoading:!this.backButtonLoading&&this.isLoading,disabled:this.isLoading,part:"nbf__button-primary",type:"submit"},r("slot",{key:"75e9978b761610c37daf981520dc6e372e02fb38",name:"booking-form-book-label"},`${s.t("bookNowButton")}`)))))}get host(){return o(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"],configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};p([i({name:"nylas-booking-form",stateToProps:new Map([["scheduler.isLoading","isLoading"],["scheduler.bookingInfo","bookingInfo"],["scheduler.eventInfo","eventInfo"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{backButtonClicked:async(e,t)=>{t.scheduler.toggleAdditionalData(false)},nameChanged:async(e,t)=>{t.scheduler.setParticipantName(e.detail)},emailChanged:async(e,t)=>{t.scheduler.setParticipantEmail(e.detail)},detailsConfirmed:async(e,t)=>{l("nylas-booking-form","detailsConfirmed",e.detail)},bookingFormSubmitted:async(e,t)=>{l("nylas-booking-form","bookingFormSubmitted",e.detail)},bookingFormError:async(e,t)=>{l("nylas-booking-form","bookingFormError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],b.prototype,"render",null);b.style=c;export{b as nylas_booking_form};
+import{r as e,i as t,h as r,a as n,e as o}from"./index-3e0d6890.js";import{R as i}from"./register-component-8b5587d5.js";import{s as a,i as s,a as l,l as d}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const c=':host{display:block;height:100%;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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)}';var p=undefined&&undefined.__decorate||function(e,t,r,n){var o=arguments.length,i=o<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)if(a=e[s])i=(o<3?a(i):o>3?a(t,r,i):a(t,r))||i;return o>3&&i&&Object.defineProperty(t,r,i),i};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const u=/^[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])?)*$/;const b=class{constructor(r){e(this,r);this.nameChanged=t(this,"nameChanged",7);this.emailChanged=t(this,"emailChanged",7);this.backButtonClicked=t(this,"backButtonClicked",7);this.detailsConfirmed=t(this,"detailsConfirmed",7);this.bookingFormError=t(this,"bookingFormError",7);this.bookingFormSubmitted=t(this,"bookingFormSubmitted",7);this.handleGuestChange=(e,t)=>{this.resetGuestEmailError(e);const r=[...this.guestEmails];r[e]=a(t);this.guestEmails=[...r]};this.handleGuestBlur=(e,t)=>{this.resetGuestEmailError(e);if(t===""){this.guestEmailErrors[e]=s.t("fieldRequired",{field:s.t("email")});return}if(!u.test(t)){this.guestEmailErrors[e]=s.t("invalidInputFormat",{field:s.t("email")});return}this.handleGuestChange(e,t)};this.addGuestButtonClickedHandler=e=>{e.preventDefault();this.guestEmails=[...this.guestEmails,""]};this.removeGuestButtonClickHandler=(e,t)=>{e.preventDefault();this.resetGuestEmailError(t);const r=[...this.guestEmails];r.splice(t,1);this.guestEmails=[...r]};this.handleBackButtonClicked=e=>{e.preventDefault();this.backButtonLoading=true;this.backButtonClicked.emit()};this.bookButtonClickedHandler=async e=>{e.preventDefault();const t=this.bookingFormSubmitted.emit();if(t.defaultPrevented){return}l("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const r=this.name;const n=this.email;if(!r||r===""){this.isNameValid=false;this.validationError.name=s.t("fieldRequired",{field:s.t("name")})||"Name is required";this.bookingFormError.emit({title:"Booking form error",description:"Name is required"});return}if(!n||n===""){this.isEmailValid=false;this.validationError.email=s.t("fieldRequired",{field:s.t("email")})||"Email is required";this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!u.test(n)){this.isEmailValid=false;this.validationError.email=s.t("invalidInputFormat",{field:s.t("email")});this.bookingFormError.emit({title:"Booking form error",description:s.t("invalidInputFormat",{field:s.t("email")})||"Invalid email"});return}let o=[];if(this.guestEmails.length>0){let e=false;this.guestEmails.forEach(((t,r)=>{if(t===""){e=true;this.guestEmailErrors={...this.guestEmailErrors,[r]:s.t("fieldRequired",{field:s.t("email")})}}else if(!u.test(t)){e=true;this.guestEmailErrors={...this.guestEmailErrors,[r]:s.t("invalidInputFormat",{field:s.t("email")})}}}));if(e){this.bookingFormError.emit({title:"Booking form error",description:s.t("invalidInputFormat",{field:s.t("guestEmail")})||"Invalid guest email"});return}o=this.guestEmails.map((e=>({name:e.trim(),email:e.trim()})))}const i={};const a=this.configSettings?.scheduler?.additional_fields||{};const d=this.configSettings?.booking?.additional_fields||{};if(this.bookingInfo?.additionalFields){Object.entries(this.bookingInfo.additionalFields).forEach((([e,t])=>{if(e in a&&typeof t.value!=="undefined"){i[e]=t.value}}))}Object.entries(a).forEach((([e,t])=>{if(!(e in i)){const r=d[e]||t.default||"";i[e]=r}}));this.detailsConfirmed.emit({primaryParticipant:{name:r,email:n},guests:o,additionalFields:{...i,...this.additionalFields}})};this.updateAdditionalFields=(e,t)=>{if(this.additionalFields){this.additionalFields[e]=t}};this.isLoading=undefined;this.bookingInfo=undefined;this.eventInfo=undefined;this.configSettings=undefined;this.themeConfig=undefined;this.name="";this.email="";this.guestEmails=[];this.guestEmailErrors={};this.isNameValid=true;this.isEmailValid=true;this.additionalFields={};this.validationError={name:"",email:""};this.backButtonLoading=false;this.firstRender=true}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){l("nylas-booking-form","componentWillLoad",this.bookingInfo)}componentDidLoad(){l("nylas-booking-form","componentDidLoad",this.bookingInfo);if(this.configSettings?.booking){this.configSettingsChangedHandler(this.configSettings)}else if(this.bookingInfo){this.bookingInfoChangedHandler(this.bookingInfo)}this.applyThemeConfig(this.themeConfig)}componentDidRender(){if(this.firstRender){this.applyThemeConfig(this.themeConfig)}}bookingInfoChangedHandler(e){if(e&&e.primaryParticipant){this.name=e.primaryParticipant.name||this.name;this.email=e.primaryParticipant.email||this.email}if(e?.guests&&Array.isArray(e.guests)){this.guestEmails=e.guests.map((e=>e.email))}}configSettingsChangedHandler(e){if(!this.bookingInfo?.primaryParticipant?.name&&e&&e.booking?.guest?.name){this.name=e.booking.guest.name||this.name}if(!this.bookingInfo?.primaryParticipant?.email&&e&&e.booking?.guest?.email){this.email=e.booking.guest.email||this.email}if(!this.bookingInfo?.guests&&e?.booking?.additional_guests&&Array.isArray(e.booking.additional_guests)){this.guestEmails=e.booking.additional_guests.map((e=>e.email))}}themeConfigChanged(e){this.applyThemeConfig(e)}iterateFormComponents(){const e=this.formRef;const t=["input-component","button-component","select-dropdown","checkbox-component","radio-button-group","textarea-component","nylas-date-component","multi-select-dropdown"];const r=[];if(e){const n=e=>{Array.from(e.children).forEach((e=>{const o=e.tagName.toLowerCase();if(t.includes(o)){r.push(e)}n(e)}))};n(e)}return r}applyThemeConfig(e){if(e){for(const[t,r]of Object.entries(e)){this.host.style.setProperty(`${t}`,r);const e=this.iterateFormComponents();e.forEach((e=>{e.style.setProperty(`${t}`,r);e.shadowRoot?.host.style.setProperty(`${t}`,r)}))}}}changeName(e){this.isNameValid=true;this.validationError.name="";this.name=d(e);this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=true;this.validationError.email="";this.email=a(e);this.emailChanged.emit(e)}resetGuestEmailError(e){const t={...this.guestEmailErrors};delete t[e];this.guestEmailErrors={...t}}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 t=e.detail.value.toString();this.updateAdditionalFields(e.detail.name,t)}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(){return r(n,{key:"7cc64499522157e62c5703990effe640e032794f"},r("form",{key:"14b8c18e942c2b30027dd4ab7e9f50be749b6d8a",onSubmit:e=>this.bookButtonClickedHandler(e),ref:e=>this.formRef=e,noValidate:true},r("div",{key:"df00121eb4e6491ce7a758690c0bb2fdb3afd2c0",class:"nylas-booking-form",part:"nbf"},r("div",{key:"f54bdfab54066557fa20defcc90bba5b33211616",class:"input-wrapper",part:"nbf__input-wrapper"},r("input-component",{key:"b4fb9a672fb708ebc47084c9978fc6c526dda804",label:s.t("name"),name:"name",id:"name",defaultValue:this.bookingInfo?.primaryParticipant?.name||this.configSettings?.booking?.guest?.name||this.name,placeholder:s.t("namePlaceholder"),type:"text",readOnly:this.bookingInfo?.primaryParticipant?.nameReadOnly||false,required:true,requiredError:s.t("fieldRequired",{field:s.t("name")}),patternError:s.t("invalidInputFormat",{field:s.t("name")}),part:"nbf__input-textfield"})),r("div",{key:"44f5979a3aacfaedf6baa124ddf3cae468f71e19",class:"input-wrapper",part:"nbf__input-wrapper"},r("input-component",{key:"5e72e7aa54a18a6a3b441a6d3d03c8b08246bc07",label:s.t("email"),name:"email",id:"email",pattern:u,defaultValue:this.bookingInfo?.primaryParticipant?.email||this.configSettings?.booking?.guest?.email||this.email,placeholder:s.t("emailPlaceholder"),type:"email",readOnly:this.bookingInfo?.primaryParticipant?.emailReadOnly||false,required:true,requiredError:s.t("fieldRequired",{field:s.t("email")}),patternError:s.t("invalidInputFormat",{field:s.t("email")}),part:"nbf__input-textfield"})),this.configSettings?.scheduler?.hide_additional_guests!==true&&r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},this.guestEmails.map(((e,t)=>r("div",{class:"input-wrapper button-wrapper"},r("label",{class:{error:!!this.guestEmailErrors[t]}},s.t("guestEmail")),r("div",{class:"guest-email-input"},r("input",{type:"email",id:`guest-email-${t}`,maxLength:100,class:{"guest-email":true,error:!!this.guestEmailErrors[t]},placeholder:s.t("guestEmailPlaceholder"),value:e,"data-index":t,part:"nbf__input-textfield",onBlur:e=>this.handleGuestBlur(t,e.target?.value),onInput:e=>this.handleGuestChange(t,e.target?.value)}),r("button-component",{variant:"basic",tooltip:"Remove guest",onClick:e=>this.removeGuestButtonClickHandler(e,t),class:{"remove-guest":true,error:!!this.guestEmailErrors[t]}},r("close-icon",null))),r("p",{class:"help-text"},this.guestEmailErrors[t])))),r("button-component",{class:"add-guest",variant:"invisible",part:"nbf__button-ghost",onClick:e=>this.addGuestButtonClickedHandler(e)},r("div",{class:"button-content"},r("add-circle-icon",{slot:"icon"}),this.guestEmails.length>0?`${s.t("addAnotherGuest")}`:`${s.t("addGuest")}`))),Object.entries(this.configSettings?.scheduler?.additional_fields||{})?.sort(((e,t)=>e[1].order-t[1].order)).map((e=>{const t=e[1];const n=t.label;const o=e[0];const i=this.bookingInfo?.additionalFields?.[o]?.value||this.configSettings?.booking?.additional_fields?.[o]||t.default||"";const a=this.bookingInfo?.additionalFields?.[o]?.readOnly||false;switch(t.type){case"dropdown":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("select-dropdown",{label:n,name:o,id:o,readOnly:a,withSearch:false,emptyValue:s.t("nylasBookingCalendarPicker.selectOptionLabel"),defaultSelectedOption:i?{value:i,label:i}:undefined,options:[{value:"",label:s.t("nylasBookingCalendarPicker.selectOptionLabel")},...t.options?.map((e=>({value:e,label:e})))||[]],required:t.required,exportparts:"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content"}));case"checkbox":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("checkbox-component",{readOnly:a,label:n,name:o,id:o,checked:i==="true",required:t.required,part:"nbf__checkbox-component"}));case"radio_button":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("radio-button-group",{label:n,name:o,id:o,readOnly:a,defaultSelectedValue:i||t.options?.[0]||"",options:t.options?.map((e=>({value:e,label:e}))),required:t.required,part:"nbf__radio-button-group"}));case"multi_line_text":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("textarea-component",{readOnly:a,label:n,defaultValue:i,name:o,id:o,required:t.required,part:"nbf__textarea-component"}));case"date":return r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("nylas-date-component",{readOnly:a,label:n,defaultValue:i,name:o,id:o,required:t.required,part:"nbf__date-component"}));case"multi_select":{const e=i?.split(",").map((e=>e.trim()))||[];return r("div",null,r("multi-select-dropdown",{label:n,name:o,id:o,readOnly:a,multipleOptionsSelectedLabel:s.t("multipleOptionsSelected"),options:t.options?.map((t=>({value:t,label:t,selected:e.includes(t)}))),required:t.required,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 r("div",{class:"input-wrapper",part:"nbf__input-wrapper"},r("input-component",{label:n,name:o,id:o,type:t.type,readOnly:a,defaultValue:i||"",requiredError:s.t("fieldRequired",{field:n}),required:t.required,part:"nbf__input-textfield"}))}}))),r("div",{key:"ceca163a222c8be615a63d36f15e1dcdad40c08c",class:"cta"},r("button-component",{key:"300ecbc4bffd1abe7d89684000ea958457392650",variant:"basic",class:"back",part:"nbf__button-outline",isLoading:this.backButtonLoading&&this.isLoading,onClick:this.handleBackButtonClicked},r("slot",{key:"3f3ab4bd1654a53941685961252c57138dbd9cc5",name:"booking-form-back-label"},`${s.t("backButton")}`)),r("button-component",{key:"f1e3ecf792c87519589b83678d607bf12756f209",variant:"primary",isLoading:!this.backButtonLoading&&this.isLoading,disabled:this.isLoading,part:"nbf__button-primary",type:"submit"},r("slot",{key:"75e9978b761610c37daf981520dc6e372e02fb38",name:"booking-form-book-label"},`${s.t("bookNowButton")}`)))))}get host(){return o(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"],configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};p([i({name:"nylas-booking-form",stateToProps:new Map([["scheduler.isLoading","isLoading"],["scheduler.bookingInfo","bookingInfo"],["scheduler.eventInfo","eventInfo"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{backButtonClicked:async(e,t)=>{t.scheduler.toggleAdditionalData(false)},nameChanged:async(e,t)=>{t.scheduler.setParticipantName(e.detail)},emailChanged:async(e,t)=>{t.scheduler.setParticipantEmail(e.detail)},detailsConfirmed:async(e,t)=>{l("nylas-booking-form","detailsConfirmed",e.detail)},bookingFormSubmitted:async(e,t)=>{l("nylas-booking-form","bookingFormSubmitted",e.detail)},bookingFormError:async(e,t)=>{l("nylas-booking-form","bookingFormError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],b.prototype,"render",null);b.style=c;export{b as nylas_booking_form};
 //# sourceMappingURL=nylas-booking-form.entry.js.map

package/dist/nylas-web-elements/nylas-buffer-time.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as a,a as r,e as t}from"./index-3e0d6890.js";import{R as l}from"./register-component-3d439a88.js";import{a as s,i as o}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container span{width:-webkit-fill-available;width:fill-available;width:-moz-available;text-align:end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var f=undefined&&undefined.__decorate||function(e,n,a,r){var t=arguments.length,l=t<3?n:r===null?r=Object.getOwnPropertyDescriptor(n,a):r,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,r);else for(var o=e.length-1;o>=0;o--)if(s=e[o])l=(t<3?s(l):t>3?s(n,a,l):s(n,a))||l;return t>3&&l&&Object.defineProperty(n,a,l),l};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="buffer-time";this.buffer=this.selectedConfiguration?.availability?.availability_rules?.buffer??{before:0,after:0};this.selectedLanguage=undefined;this.selectedBeforeBufferTime=this.buffer.before;this.selectedAfterBufferTime=this.buffer.after;this.componentLoaded=false}connectedCallback(){s("nylas-buffer-time","connectedCallback")}disconnectedCallback(){s("nylas-buffer-time","disconnectedCallback")}componentWillLoad(){s("nylas-buffer-time","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-buffer-time","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedBeforeBufferTime=this.buffer.before;this.selectedAfterBufferTime=this.buffer.after}this.updateFormValue(false);this.componentLoaded=true}componentWillUpdate(){s("nylas-buffer-time","componentWillUpdate")}componentDidUpdate(){s("nylas-buffer-time","componentDidUpdate")}componentWillRender(){s("nylas-buffer-time","componentWillRender")}componentDidRender(){s("nylas-buffer-time","componentDidRender")}elementNameChangedHandler(e){s("nylas-buffer-time","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-buffer-time","selectedConfigurationChangedHandler",e);const n=e?.availability?.availability_rules?.buffer;this.selectedAfterBufferTime=n?.after?n.after:this.buffer.after;this.selectedBeforeBufferTime=n?.before?n.before:this.buffer.before;this.updateFormValue(false)}selectedLanguageChangedHandler(e,n){if(e===n)return;o.changeLanguage(e)}nylasFormDropdownChangedHandler(e){s("nylas-buffer-time","nylasFormDropdownChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(a==="before-buffer-time"){this.selectedBeforeBufferTime=parseInt(n)}else if(a==="after-buffer-time"){this.selectedAfterBufferTime=parseInt(n)}this.updateFormValue()}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}updateFormValue(e=true){const n={before:this.selectedBeforeBufferTime,after:this.selectedAfterBufferTime};this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}renderPreview(){const e=4;const n=10;const r=n*2;const t=e=>{const a=Math.floor(e/30);const r=e%30/30*n;return{fullSlots:a,partialFillHeight:r}};const l=()=>{const{fullSlots:r,partialFillHeight:l}=t(this.selectedBeforeBufferTime);return Array.from({length:e},((t,s)=>{const o=this.selectedBeforeBufferTime>0&&s>e-r-1;const i=this.selectedBeforeBufferTime>0&&s===e-r-1&&l>0;const f={};if(o&&!i){f.backgroundColor="var(--nylas-base-100)"}else if(i){f.background=`linear-gradient(to top, var(--nylas-base-100) ${l}px, transparent 0)`}return a("div",{key:s,class:`slot ${o?"active":""}`,style:{height:`${n}px`,...f}})}))};const s=()=>{const{fullSlots:r,partialFillHeight:l}=t(this.selectedAfterBufferTime);return Array.from({length:e},((e,t)=>{const s=this.selectedAfterBufferTime>0&&t<r;const o=t===r&&l>0;const i={};if(s&&!o){i.backgroundColor="var(--nylas-base-100)"}else if(o){i.background=`linear-gradient(to bottom, var(--nylas-base-100) ${l}px, transparent 0)`}return a("div",{key:t,class:`slot ${s?"active":""}`,style:{height:`${n}px`,...i}})}))};return a("div",{class:"preview-container"},l(),a("div",{class:"event-slot",style:{height:`${r}px`}}),s())}render(){const e=Array.from({length:25},((e,n)=>{const a=n*5;return{label:a.toString(),value:a.toString()}}));return a(r,null,a("div",{class:"nylas-buffer-time",part:"nbt"},a("div",{class:"header",part:"nbt__header"},a("h3",null,o.t("nylasBufferTime.headerTitle")),a("p",null,o.t("nylasBufferTime.headerSubTitle"),a("tooltip-component",null,a("info-icon",{slot:"tooltip-icon"}),a("span",{slot:"tooltip-content"},o.t("nylasBufferTime.tooltip.desc"))))),a("div",{class:"nylas-buffer-time__body",part:"nbt__body"},a("div",{class:"nylas-buffer-time__dropdown"},a("div",{class:"nylas-buffer-time__row"},a("label",null,o.t("nylasBufferTime.beforeBufferLabel")),a("div",{class:"dropdown-container"},this.componentLoaded&&a("select-dropdown",{id:"before-buffer-time",withSearch:false,name:"before-buffer-time",exportparts:"sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before",options:e,defaultSelectedOption:e.find((e=>e.value===this.selectedBeforeBufferTime.toString()))}),a("span",null,o.t("nylasBufferTime.minutesShort")))),a("div",{class:"nylas-buffer-time__row"},a("label",null,o.t("nylasBufferTime.afterBufferLabel")),a("div",{class:"dropdown-container"},this.componentLoaded&&a("select-dropdown",{id:"after-buffer-time",withSearch:false,name:"after-buffer-time",exportparts:"sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after",options:e,defaultSelectedOption:e.find((e=>e.value===this.selectedAfterBufferTime.toString()))}),a("span",null,o.t("nylasBufferTime.minutesShort"))))),a("div",{class:"nylas-buffer-time__preview",part:"nbt__preview"},a("h4",null,o.t("nylasBufferTime.previewHeader")),this.renderPreview()))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};f([l({name:"nylas-buffer-time",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],y.prototype,"render",null);y.style=i;export{y as nylas_buffer_time};
+import{r as e,i as n,h as a,a as r,e as t}from"./index-3e0d6890.js";import{R as l}from"./register-component-8b5587d5.js";import{a as s,i as o}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container span{width:-webkit-fill-available;width:fill-available;width:-moz-available;text-align:end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var f=undefined&&undefined.__decorate||function(e,n,a,r){var t=arguments.length,l=t<3?n:r===null?r=Object.getOwnPropertyDescriptor(n,a):r,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,r);else for(var o=e.length-1;o>=0;o--)if(s=e[o])l=(t<3?s(l):t>3?s(n,a,l):s(n,a))||l;return t>3&&l&&Object.defineProperty(n,a,l),l};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="buffer-time";this.buffer=this.selectedConfiguration?.availability?.availability_rules?.buffer??{before:0,after:0};this.selectedLanguage=undefined;this.selectedBeforeBufferTime=this.buffer.before;this.selectedAfterBufferTime=this.buffer.after;this.componentLoaded=false}connectedCallback(){s("nylas-buffer-time","connectedCallback")}disconnectedCallback(){s("nylas-buffer-time","disconnectedCallback")}componentWillLoad(){s("nylas-buffer-time","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-buffer-time","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedBeforeBufferTime=this.buffer.before;this.selectedAfterBufferTime=this.buffer.after}this.updateFormValue(false);this.componentLoaded=true}componentWillUpdate(){s("nylas-buffer-time","componentWillUpdate")}componentDidUpdate(){s("nylas-buffer-time","componentDidUpdate")}componentWillRender(){s("nylas-buffer-time","componentWillRender")}componentDidRender(){s("nylas-buffer-time","componentDidRender")}elementNameChangedHandler(e){s("nylas-buffer-time","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-buffer-time","selectedConfigurationChangedHandler",e);const n=e?.availability?.availability_rules?.buffer;this.selectedAfterBufferTime=n?.after?n.after:this.buffer.after;this.selectedBeforeBufferTime=n?.before?n.before:this.buffer.before;this.updateFormValue(false)}selectedLanguageChangedHandler(e,n){if(e===n)return;o.changeLanguage(e)}nylasFormDropdownChangedHandler(e){s("nylas-buffer-time","nylasFormDropdownChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(a==="before-buffer-time"){this.selectedBeforeBufferTime=parseInt(n)}else if(a==="after-buffer-time"){this.selectedAfterBufferTime=parseInt(n)}this.updateFormValue()}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}updateFormValue(e=true){const n={before:this.selectedBeforeBufferTime,after:this.selectedAfterBufferTime};this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}renderPreview(){const e=4;const n=10;const r=n*2;const t=e=>{const a=Math.floor(e/30);const r=e%30/30*n;return{fullSlots:a,partialFillHeight:r}};const l=()=>{const{fullSlots:r,partialFillHeight:l}=t(this.selectedBeforeBufferTime);return Array.from({length:e},((t,s)=>{const o=this.selectedBeforeBufferTime>0&&s>e-r-1;const i=this.selectedBeforeBufferTime>0&&s===e-r-1&&l>0;const f={};if(o&&!i){f.backgroundColor="var(--nylas-base-100)"}else if(i){f.background=`linear-gradient(to top, var(--nylas-base-100) ${l}px, transparent 0)`}return a("div",{key:s,class:`slot ${o?"active":""}`,style:{height:`${n}px`,...f}})}))};const s=()=>{const{fullSlots:r,partialFillHeight:l}=t(this.selectedAfterBufferTime);return Array.from({length:e},((e,t)=>{const s=this.selectedAfterBufferTime>0&&t<r;const o=t===r&&l>0;const i={};if(s&&!o){i.backgroundColor="var(--nylas-base-100)"}else if(o){i.background=`linear-gradient(to bottom, var(--nylas-base-100) ${l}px, transparent 0)`}return a("div",{key:t,class:`slot ${s?"active":""}`,style:{height:`${n}px`,...i}})}))};return a("div",{class:"preview-container"},l(),a("div",{class:"event-slot",style:{height:`${r}px`}}),s())}render(){const e=Array.from({length:25},((e,n)=>{const a=n*5;return{label:a.toString(),value:a.toString()}}));return a(r,null,a("div",{class:"nylas-buffer-time",part:"nbt"},a("div",{class:"header",part:"nbt__header"},a("h3",null,o.t("nylasBufferTime.headerTitle")),a("p",null,o.t("nylasBufferTime.headerSubTitle"),a("tooltip-component",null,a("info-icon",{slot:"tooltip-icon"}),a("span",{slot:"tooltip-content"},o.t("nylasBufferTime.tooltip.desc"))))),a("div",{class:"nylas-buffer-time__body",part:"nbt__body"},a("div",{class:"nylas-buffer-time__dropdown"},a("div",{class:"nylas-buffer-time__row"},a("label",null,o.t("nylasBufferTime.beforeBufferLabel")),a("div",{class:"dropdown-container"},this.componentLoaded&&a("select-dropdown",{id:"before-buffer-time",withSearch:false,name:"before-buffer-time",exportparts:"sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before",options:e,defaultSelectedOption:e.find((e=>e.value===this.selectedBeforeBufferTime.toString()))}),a("span",null,o.t("nylasBufferTime.minutesShort")))),a("div",{class:"nylas-buffer-time__row"},a("label",null,o.t("nylasBufferTime.afterBufferLabel")),a("div",{class:"dropdown-container"},this.componentLoaded&&a("select-dropdown",{id:"after-buffer-time",withSearch:false,name:"after-buffer-time",exportparts:"sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after",options:e,defaultSelectedOption:e.find((e=>e.value===this.selectedAfterBufferTime.toString()))}),a("span",null,o.t("nylasBufferTime.minutesShort"))))),a("div",{class:"nylas-buffer-time__preview",part:"nbt__preview"},a("h4",null,o.t("nylasBufferTime.previewHeader")),this.renderPreview()))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};f([l({name:"nylas-buffer-time",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],y.prototype,"render",null);y.style=i;export{y as nylas_buffer_time};
 //# sourceMappingURL=nylas-buffer-time.entry.js.map

package/dist/nylas-web-elements/nylas-calendar-picker.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as a,h as n,a as l,e as r}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{a as o,i as d}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const c=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:var(--nylas-base-900);font-size:16px;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button--error){border:1px solid var(--nylas-error)}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset;margin-top:-0.5rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var t=undefined&&undefined.__decorate||function(e,a,n,l){var r=arguments.length,s=r<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,l);else for(var d=e.length-1;d>=0;d--)if(o=e[d])s=(r<3?o(s):r>3?o(a,n,s):o(a,n))||s;return r>3&&s&&Object.defineProperty(a,n,s),s};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="calendar";this.currentUser=undefined;this.calendars=undefined;this.defaultSelectedCalendars=[];this.selectedLanguage=undefined;this.selectedCalendars=[];this.error=""}elementNameChangedHandler(e){o("nylas-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;d.changeLanguage(e);if(this.error){this.error=d.t("nylasCalendarPicker.selectAtLeastOneCalendar")}}connectedCallback(){o("nylas-calendar-picker","connectedCallback")}disconnectedCallback(){o("nylas-calendar-picker","disconnectedCallback")}componentWillLoad(){o("nylas-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-calendar-picker","componentDidLoad");if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.defaultSelectedCalendars.toString(),this.name)}}componentWillUpdate(){o("nylas-calendar-picker","componentWillUpdate")}componentDidUpdate(){o("nylas-calendar-picker","componentDidUpdate")}componentWillRender(){o("nylas-calendar-picker","componentWillRender")}componentDidRender(){o("nylas-calendar-picker","componentDidRender")}selectedOptionsChangedHandler(e){o("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const a=e=>{const{value:a}=e.detail;this.selectedCalendars=[...a];if(this.selectedCalendars.length===0){this.error=d.t("nylasCalendarPicker.selectAtLeastOneCalendar");this.internals.setValidity({customError:true},this.error)}else{this.error="";this.internals.setValidity({})}this.internals.setFormValue(a.toString(),this.name)};this.valueChanged.emit({...e.detail,name:this.name,valueChangedHandler:a})}render(){const e=this.calendars?.map((e=>({value:e.id,label:e.name,selected:this.defaultSelectedCalendars?.includes(e.id)||(this.defaultSelectedCalendars?.includes("primary")||this.defaultSelectedCalendars?.length===0?e.id===this.currentUser?.email||e.id===this.name.split("participant-")[1]:false)})))??[];return n(l,null,n("div",{class:"nylas-calendar-picker",part:"ncp"},e.length>0?n("div",{class:"nylas-calendar-picker__dropdown"},n("multi-select-dropdown",{name:this.name,options:e,multipleOptionsSelectedLabel:d.t("multipleOptionsSelected"),error:this.error,exportparts:"msd_dropdown: ncp__dropdown, msd_dropdown-button: ncp__dropdown-button, msd_dropdown-content: ncp__dropdown-content"})):n("div",{class:"nylas-calendar-picker__loading"},n("span",{class:"label"},d.t("nylasCalendarPicker.calendarPickerLabel")," ",n("info-icon",null)),n("div",{class:"loading-button"},n("span",null,d.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};t([s({name:"nylas-calendar-picker",stateToProps:new Map([["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChangedHandler:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],y.prototype,"render",null);y.style=c;export{y as nylas_calendar_picker};
+import{r as e,i as a,h as n,a as l,e as r}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as o,i as d}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const c=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:var(--nylas-base-900);font-size:16px;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button--error){border:1px solid var(--nylas-error)}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset;margin-top:-0.5rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var t=undefined&&undefined.__decorate||function(e,a,n,l){var r=arguments.length,s=r<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,l);else for(var d=e.length-1;d>=0;d--)if(o=e[d])s=(r<3?o(s):r>3?o(a,n,s):o(a,n))||s;return r>3&&s&&Object.defineProperty(a,n,s),s};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="calendar";this.currentUser=undefined;this.calendars=undefined;this.defaultSelectedCalendars=[];this.selectedLanguage=undefined;this.selectedCalendars=[];this.error=""}elementNameChangedHandler(e){o("nylas-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;d.changeLanguage(e);if(this.error){this.error=d.t("nylasCalendarPicker.selectAtLeastOneCalendar")}}connectedCallback(){o("nylas-calendar-picker","connectedCallback")}disconnectedCallback(){o("nylas-calendar-picker","disconnectedCallback")}componentWillLoad(){o("nylas-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-calendar-picker","componentDidLoad");if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.defaultSelectedCalendars.toString(),this.name)}}componentWillUpdate(){o("nylas-calendar-picker","componentWillUpdate")}componentDidUpdate(){o("nylas-calendar-picker","componentDidUpdate")}componentWillRender(){o("nylas-calendar-picker","componentWillRender")}componentDidRender(){o("nylas-calendar-picker","componentDidRender")}selectedOptionsChangedHandler(e){o("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const a=e=>{const{value:a}=e.detail;this.selectedCalendars=[...a];if(this.selectedCalendars.length===0){this.error=d.t("nylasCalendarPicker.selectAtLeastOneCalendar");this.internals.setValidity({customError:true},this.error)}else{this.error="";this.internals.setValidity({})}this.internals.setFormValue(a.toString(),this.name)};this.valueChanged.emit({...e.detail,name:this.name,valueChangedHandler:a})}render(){const e=this.calendars?.map((e=>({value:e.id,label:e.name,selected:this.defaultSelectedCalendars?.includes(e.id)||(this.defaultSelectedCalendars?.includes("primary")||this.defaultSelectedCalendars?.length===0?e.id===this.currentUser?.email||e.id===this.name.split("participant-")[1]:false)})))??[];return n(l,null,n("div",{class:"nylas-calendar-picker",part:"ncp"},e.length>0?n("div",{class:"nylas-calendar-picker__dropdown"},n("multi-select-dropdown",{name:this.name,options:e,multipleOptionsSelectedLabel:d.t("multipleOptionsSelected"),error:this.error,exportparts:"msd_dropdown: ncp__dropdown, msd_dropdown-button: ncp__dropdown-button, msd_dropdown-content: ncp__dropdown-content"})):n("div",{class:"nylas-calendar-picker__loading"},n("span",{class:"label"},d.t("nylasCalendarPicker.calendarPickerLabel")," ",n("info-icon",null)),n("div",{class:"loading-button"},n("span",null,d.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};t([s({name:"nylas-calendar-picker",stateToProps:new Map([["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChangedHandler:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],y.prototype,"render",null);y.style=c;export{y as nylas_calendar_picker};
 //# sourceMappingURL=nylas-calendar-picker.entry.js.map

package/dist/nylas-web-elements/nylas-cancel-booking-form.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as o,h as n,a,e as r}from"./index-3e0d6890.js";import{R as c}from"./register-component-3d439a88.js";import{i as l,a as s}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const t=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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}';var i=undefined&&undefined.__decorate||function(e,o,n,a){var r=arguments.length,c=r<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,o,n,a);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(r<3?l(c):r>3?l(o,n,c):l(o,n))||c;return r>3&&c&&Object.defineProperty(o,n,c),c};var f=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const d=class{constructor(n){e(this,n);this.goBackButtonClicked=o(this,"goBackButtonClicked",7);this.cancelBookingFormSubmitted=o(this,"cancelBookingFormSubmitted",7);this.triggerValidation=o(this,"triggerValidation",7);this.cancelBookedEventError=o(this,"cancelBookedEventError",7);this.cancelBookingFormError=o(this,"cancelBookingFormError",7);this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()};this.handleSubmitCancelBooking=e=>{this.triggerValidation.emit({});e.preventDefault();if(!this.cancellationReason){this.cancellationError=l.t("cancellationErrorMessage");this.cancelBookingFormError.emit({title:l.t("cancelBokingFormError"),description:l.t("cancellationErrorMessage")});return}const o=this.configSettings?.scheduler?.min_cancellation_notice;if(this.selectedTimeslot&&o){const e=new Date(this.selectedTimeslot?.start_time);const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventError.emit({error:{title:l.t("cancellationErrorTitle"),message:l.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:o})}});return}}s(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const n=e=>{this.cancelBookedEventError.emit(e)};if(this.cancelBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:n})}else if(this.rejectBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:n})}};this.cancelBookingId=undefined;this.rejectBookingId=undefined;this.selectedTimeslot=undefined;this.configSettings=undefined;this.eventInfo=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.cancellationReason="";this.cancellationError="";this.cancellationPolicy=this.configSettings?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}configSettingsChangedHandler(e){this.cancellationPolicy=e?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){s(`[nylas-cancel-booking-form] Component connected`)}async componentWillLoad(){s(`[nylas-cancel-booking-form] Component will load`)}async componentDidLoad(){s(`[nylas-cancel-booking-form] Component did load`);if(!this.cancelBookingId){console.warn(`[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-cancel-booking-form] Component disconnected`)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n);this.textareaRef?.style.setProperty(`${o}`,n)}}}handleNylasFormInputChanged(e){this.triggerValidation.emit({});if(e.detail.name==="cancel-reason"){this.cancellationReason=e.detail.value;this.cancellationError=e.detail.error}}render(){return n(a,{key:"733c136e4a80782ac18c8d52e053d26cdcceaa67",part:"ncbf"},n("div",{key:"108279e83820f644da85d6c89edf09b9bcea3700",class:"nylas-cancel-booking-form",part:"ncbf__card"},n("div",{key:"ffc95389f08a71b9892eaf27505700ff03331bc9",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},n("calendar-cancel-icon",{key:"5993111a1f702bc24d15d10e3b1fb40017820e4a"})),n("h3",{key:"24ce0017beeb98abebef2276d2d1b8642cc31a7a",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},l.t("cancelBookingTitle")),n("div",{key:"8708735caa18b7f16da87d8403dba66f9cccf80f",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},!this.configSettings?.scheduler?.cancellation_policy?`${l.t("cancelBookingMessage")}`:this.cancellationPolicy),n("form",{key:"917b25ea4259080e48d1bca6f889d9749cab8684",onSubmit:this.handleSubmitCancelBooking},n("textarea-component",{key:"b0242c5184c55413249cc9b3fc834c145725aa58",id:"cancel-reason",name:"cancel-reason",ref:e=>this.textareaRef=e,required:true,label:l.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),n("div",{key:"dbfd4caad12ab130460efaf266a5c8ae52da0f83",class:"footer"},n("button-component",{key:"6ddab785c067eaa9eed443a14aaf42240a01f4c3",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},l.t("cancelBookingButton")),!!this.eventInfo&&n("button-component",{variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},l.t("goBackButton"))))))}get host(){return r(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};i([c({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"]]),eventToProps:{cancelBookingFormSubmitted:async(e,o)=>{const{action:n,errorHandler:a}=e.detail;if(n==="cancel"){const n=await o.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);if(a&&(!n||"error"in n)){a(n)}}else if(n==="reject"){const n=await o.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});if(a&&(!n||"error"in n)){a(n)}}},goBackButtonClicked:async(e,o)=>{s("nylas-cancel-booking-form","goBackButtonClicked",e.detail);o.scheduler.goBack()},cancelBookedEventError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=t;export{d as nylas_cancel_booking_form};
+import{r as e,i as o,h as n,a,e as r}from"./index-3e0d6890.js";import{R as c}from"./register-component-8b5587d5.js";import{i as l,a as s}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const t=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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}';var i=undefined&&undefined.__decorate||function(e,o,n,a){var r=arguments.length,c=r<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,o,n,a);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(r<3?l(c):r>3?l(o,n,c):l(o,n))||c;return r>3&&c&&Object.defineProperty(o,n,c),c};var f=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const d=class{constructor(n){e(this,n);this.goBackButtonClicked=o(this,"goBackButtonClicked",7);this.cancelBookingFormSubmitted=o(this,"cancelBookingFormSubmitted",7);this.triggerValidation=o(this,"triggerValidation",7);this.cancelBookedEventError=o(this,"cancelBookedEventError",7);this.cancelBookingFormError=o(this,"cancelBookingFormError",7);this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()};this.handleSubmitCancelBooking=e=>{this.triggerValidation.emit({});e.preventDefault();if(!this.cancellationReason){this.cancellationError=l.t("cancellationErrorMessage");this.cancelBookingFormError.emit({title:l.t("cancelBokingFormError"),description:l.t("cancellationErrorMessage")});return}const o=this.configSettings?.scheduler?.min_cancellation_notice;if(this.selectedTimeslot&&o){const e=new Date(this.selectedTimeslot?.start_time);const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventError.emit({error:{title:l.t("cancellationErrorTitle"),message:l.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:o})}});return}}s(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const n=e=>{this.cancelBookedEventError.emit(e)};if(this.cancelBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:n})}else if(this.rejectBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:n})}};this.cancelBookingId=undefined;this.rejectBookingId=undefined;this.selectedTimeslot=undefined;this.configSettings=undefined;this.eventInfo=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.cancellationReason="";this.cancellationError="";this.cancellationPolicy=this.configSettings?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}configSettingsChangedHandler(e){this.cancellationPolicy=e?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){s(`[nylas-cancel-booking-form] Component connected`)}async componentWillLoad(){s(`[nylas-cancel-booking-form] Component will load`)}async componentDidLoad(){s(`[nylas-cancel-booking-form] Component did load`);if(!this.cancelBookingId){console.warn(`[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-cancel-booking-form] Component disconnected`)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n);this.textareaRef?.style.setProperty(`${o}`,n)}}}handleNylasFormInputChanged(e){this.triggerValidation.emit({});if(e.detail.name==="cancel-reason"){this.cancellationReason=e.detail.value;this.cancellationError=e.detail.error}}render(){return n(a,{key:"733c136e4a80782ac18c8d52e053d26cdcceaa67",part:"ncbf"},n("div",{key:"108279e83820f644da85d6c89edf09b9bcea3700",class:"nylas-cancel-booking-form",part:"ncbf__card"},n("div",{key:"ffc95389f08a71b9892eaf27505700ff03331bc9",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},n("calendar-cancel-icon",{key:"5993111a1f702bc24d15d10e3b1fb40017820e4a"})),n("h3",{key:"24ce0017beeb98abebef2276d2d1b8642cc31a7a",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},l.t("cancelBookingTitle")),n("div",{key:"8708735caa18b7f16da87d8403dba66f9cccf80f",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},!this.configSettings?.scheduler?.cancellation_policy?`${l.t("cancelBookingMessage")}`:this.cancellationPolicy),n("form",{key:"917b25ea4259080e48d1bca6f889d9749cab8684",onSubmit:this.handleSubmitCancelBooking},n("textarea-component",{key:"b0242c5184c55413249cc9b3fc834c145725aa58",id:"cancel-reason",name:"cancel-reason",ref:e=>this.textareaRef=e,required:true,label:l.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),n("div",{key:"dbfd4caad12ab130460efaf266a5c8ae52da0f83",class:"footer"},n("button-component",{key:"6ddab785c067eaa9eed443a14aaf42240a01f4c3",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},l.t("cancelBookingButton")),!!this.eventInfo&&n("button-component",{variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},l.t("goBackButton"))))))}get host(){return r(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};i([c({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"]]),eventToProps:{cancelBookingFormSubmitted:async(e,o)=>{const{action:n,errorHandler:a}=e.detail;if(n==="cancel"){const n=await o.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);if(a&&(!n||"error"in n)){a(n)}}else if(n==="reject"){const n=await o.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});if(a&&(!n||"error"in n)){a(n)}}},goBackButtonClicked:async(e,o)=>{s("nylas-cancel-booking-form","goBackButtonClicked",e.detail);o.scheduler.goBack()},cancelBookedEventError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=t;export{d as nylas_cancel_booking_form};
 //# sourceMappingURL=nylas-cancel-booking-form.entry.js.map

package/dist/nylas-web-elements/nylas-cancellation-policy.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as l,h as a,a as n,e as o}from"./index-3e0d6890.js";import{R as c}from"./register-component-3d439a88.js";import{a as s,i as r,l as t}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-cancellation-policy textarea::-webkit-resizer{display:none}';var y=undefined&&undefined.__decorate||function(e,l,a,n){var o=arguments.length,c=o<3?l:n===null?n=Object.getOwnPropertyDescriptor(l,a):n,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,l,a,n);else for(var r=e.length-1;r>=0;r--)if(s=e[r])c=(o<3?s(c):o>3?s(l,a,c):s(l,a))||c;return o>3&&c&&Object.defineProperty(l,a,c),c};var f=undefined&&undefined.__metadata||function(e,l){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,l)};const d=class{constructor(a){e(this,a);this.valueChanged=l(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.cancellationPolicy=undefined;this.name="cancelation-policy";this.selectedLanguage=undefined;this.message=undefined}elementNameChangedHandler(e){s("nylas-cancellation-policy","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.message=e?.scheduler?.cancellation_policy||this.cancellationPolicy||""}selectedLanguageChangedHandler(e,l){if(e===l)return;r.changeLanguage(e)}connectedCallback(){s("nylas-cancellation-policy","connectedCallback")}componentWillLoad(){s("nylas-cancellation-policy","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-cancellation-policy","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.message=this.cancellationPolicy||""}}disconnectedCallback(){s("nylas-cancellation-policy","disconnectedCallback")}handleChange(e){const l=t(e.target.value);this.message=l;this.internals.setFormValue(l,this.name);this.valueChanged.emit({value:l,name:this.name})}render(){return a(n,{key:"3adf327ad79206786b4a4abe74063f110f570c99"},a("div",{key:"ac771b72f4e45b333918ea172fe3fb6b062c4907",class:"nylas-cancellation-policy",part:"ncpolicy"},a("label",{key:"db7c5c8ef076687a6fa8a708da06a3a1dd43ef33",htmlFor:this.name},r.t("nylasCancellationPolicy.cancellationPolicyLabel"),a("span",{key:"a4ac4c45f9f0a6e83629f045f175a389ca08a48c",class:"label-icon"},a("tooltip-component",{key:"1888fb72517ff7982b3ceab39ec5b5f05b1943cf"},a("info-icon",{key:"c0d433b9645ac046cc4487aca5b131f56a2bdd68",slot:"tooltip-icon"}),a("span",{key:"ae7a9efb625c45b08780e15ec2cf4f3d65dde523",slot:"tooltip-content"},r.t("nylasCancellationPolicy.tooltip.desc"))))),a("textarea",{key:"70c02585ebf638c954eb82fc36b8561009099aca",id:this.name,part:"ncpolicy__textarea",name:this.name,value:this.message,maxlength:"250",onInput:e=>this.handleChange(e)})))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};y([c({name:"nylas-cancellation-policy",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as nylas_cancellation_policy};
+import{r as e,i as l,h as a,a as n,e as o}from"./index-3e0d6890.js";import{R as c}from"./register-component-8b5587d5.js";import{a as s,i as r,l as t}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-cancellation-policy textarea::-webkit-resizer{display:none}';var y=undefined&&undefined.__decorate||function(e,l,a,n){var o=arguments.length,c=o<3?l:n===null?n=Object.getOwnPropertyDescriptor(l,a):n,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,l,a,n);else for(var r=e.length-1;r>=0;r--)if(s=e[r])c=(o<3?s(c):o>3?s(l,a,c):s(l,a))||c;return o>3&&c&&Object.defineProperty(l,a,c),c};var f=undefined&&undefined.__metadata||function(e,l){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,l)};const d=class{constructor(a){e(this,a);this.valueChanged=l(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.cancellationPolicy=undefined;this.name="cancelation-policy";this.selectedLanguage=undefined;this.message=undefined}elementNameChangedHandler(e){s("nylas-cancellation-policy","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.message=e?.scheduler?.cancellation_policy||this.cancellationPolicy||""}selectedLanguageChangedHandler(e,l){if(e===l)return;r.changeLanguage(e)}connectedCallback(){s("nylas-cancellation-policy","connectedCallback")}componentWillLoad(){s("nylas-cancellation-policy","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-cancellation-policy","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.message=this.cancellationPolicy||""}}disconnectedCallback(){s("nylas-cancellation-policy","disconnectedCallback")}handleChange(e){const l=t(e.target.value);this.message=l;this.internals.setFormValue(l,this.name);this.valueChanged.emit({value:l,name:this.name})}render(){return a(n,{key:"3adf327ad79206786b4a4abe74063f110f570c99"},a("div",{key:"ac771b72f4e45b333918ea172fe3fb6b062c4907",class:"nylas-cancellation-policy",part:"ncpolicy"},a("label",{key:"db7c5c8ef076687a6fa8a708da06a3a1dd43ef33",htmlFor:this.name},r.t("nylasCancellationPolicy.cancellationPolicyLabel"),a("span",{key:"a4ac4c45f9f0a6e83629f045f175a389ca08a48c",class:"label-icon"},a("tooltip-component",{key:"1888fb72517ff7982b3ceab39ec5b5f05b1943cf"},a("info-icon",{key:"c0d433b9645ac046cc4487aca5b131f56a2bdd68",slot:"tooltip-icon"}),a("span",{key:"ae7a9efb625c45b08780e15ec2cf4f3d65dde523",slot:"tooltip-content"},r.t("nylasCancellationPolicy.tooltip.desc"))))),a("textarea",{key:"70c02585ebf638c954eb82fc36b8561009099aca",id:this.name,part:"ncpolicy__textarea",name:this.name,value:this.message,maxlength:"250",onInput:e=>this.handleChange(e)})))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};y([c({name:"nylas-cancellation-policy",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as nylas_cancellation_policy};
 //# sourceMappingURL=nylas-cancellation-policy.entry.js.map

package/dist/nylas-web-elements/nylas-cancelled-event-card.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as a,h as n,a as l,e as c}from"./index-3e0d6890.js";import{R as o}from"./register-component-3d439a88.js";import{a as r,i as s}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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%}';var d=undefined&&undefined.__decorate||function(e,a,n,l){var c=arguments.length,o=c<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,a,n,l);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(c<3?r(o):c>3?r(a,n,o):r(a,n))||o;return c>3&&o&&Object.defineProperty(a,n,o),o};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const f=class{constructor(n){e(this,n);this.closeCancelEventCardClicked=a(this,"closeCancelEventCardClicked",7);this.cancelledEventCardError=a(this,"cancelledEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.cancelledEventCardError.emit(e);this.isClosing=false};this.closeCancelEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.cancelledEventInfo=undefined;this.isClosing=false}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){r(`[nylas-cancelled-event-card] Component connected`)}async componentWillLoad(){r(`[nylas-cancelled-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-cancelled-event-card] Component did load`);if(!this.cancelledEventInfo){console.warn(`[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){r(`[nylas-cancelled-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){return n(l,{key:"d835492ddff51ad8cad3fa73b5dc88a82f6cfdd9",part:"ncec"},n("div",{key:"b1cd60f3aad0acaa5c75e1e3fd83dd227fe20dfc",class:"nylas-cancelled-event-card",part:"ncec__card"},n("div",{key:"3b9bc0d52e4b34421f76f8daec0ba64704d0c783",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},n("calendar-cancel-icon",{key:"abffc9703f1b417f7da3ed106cf88e917988ff89"})),n("h3",{key:"21d104aa9c67cd040b86fa01d5666e69f9335178",class:"nylas-cancelled-event-card__title",part:"ncec__title"},s.t("bookingCancelledTitle"),"!"),n("div",{key:"532eb9d62db4ae34c64b3d64c7a003b6842865be",class:"nylas-cancelled-event-card__description",part:"ncec__description"},s.t("bookingCancelledMessage")," ",this.configSettings?.organizer?.name||"the participants","."),n("div",{key:"b34aa321c0b1e485153a2dfa2ae38cca504be0b7",class:"nylas-cancelled-event-card__cta"},n("button-component",{key:"519aa668e2397f1a32637590797aa9052e24a5ff",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${s.t("closingButton")}...`:`${s.t("closeButton")}`))))}get host(){return c(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};d([o({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeCancelEventCardClicked:async(e,a)=>{const n=await a.scheduler.resetCancel();const{errorHandler:l}=e.detail;if(l&&(!n||"error"in n)){l(n)}},cancelledEventCardError:async(e,a)=>{r("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_cancelled_event_card};
+import{r as e,i as a,h as n,a as l,e as c}from"./index-3e0d6890.js";import{R as o}from"./register-component-8b5587d5.js";import{a as r,i as s}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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%}';var d=undefined&&undefined.__decorate||function(e,a,n,l){var c=arguments.length,o=c<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,a,n,l);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(c<3?r(o):c>3?r(a,n,o):r(a,n))||o;return c>3&&o&&Object.defineProperty(a,n,o),o};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const f=class{constructor(n){e(this,n);this.closeCancelEventCardClicked=a(this,"closeCancelEventCardClicked",7);this.cancelledEventCardError=a(this,"cancelledEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.cancelledEventCardError.emit(e);this.isClosing=false};this.closeCancelEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.cancelledEventInfo=undefined;this.isClosing=false}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){r(`[nylas-cancelled-event-card] Component connected`)}async componentWillLoad(){r(`[nylas-cancelled-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-cancelled-event-card] Component did load`);if(!this.cancelledEventInfo){console.warn(`[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){r(`[nylas-cancelled-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){return n(l,{key:"d835492ddff51ad8cad3fa73b5dc88a82f6cfdd9",part:"ncec"},n("div",{key:"b1cd60f3aad0acaa5c75e1e3fd83dd227fe20dfc",class:"nylas-cancelled-event-card",part:"ncec__card"},n("div",{key:"3b9bc0d52e4b34421f76f8daec0ba64704d0c783",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},n("calendar-cancel-icon",{key:"abffc9703f1b417f7da3ed106cf88e917988ff89"})),n("h3",{key:"21d104aa9c67cd040b86fa01d5666e69f9335178",class:"nylas-cancelled-event-card__title",part:"ncec__title"},s.t("bookingCancelledTitle"),"!"),n("div",{key:"532eb9d62db4ae34c64b3d64c7a003b6842865be",class:"nylas-cancelled-event-card__description",part:"ncec__description"},s.t("bookingCancelledMessage")," ",this.configSettings?.organizer?.name||"the participants","."),n("div",{key:"b34aa321c0b1e485153a2dfa2ae38cca504be0b7",class:"nylas-cancelled-event-card__cta"},n("button-component",{key:"519aa668e2397f1a32637590797aa9052e24a5ff",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${s.t("closingButton")}...`:`${s.t("closeButton")}`))))}get host(){return c(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};d([o({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeCancelEventCardClicked:async(e,a)=>{const n=await a.scheduler.resetCancel();const{errorHandler:l}=e.detail;if(l&&(!n||"error"in n)){l(n)}},cancelledEventCardError:async(e,a)=>{r("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_cancelled_event_card};
 //# sourceMappingURL=nylas-cancelled-event-card.entry.js.map

package/dist/nylas-web-elements/nylas-confirmation-email.entry.js

@@ -1,2 +1,2 @@
-import{r as a,i as n,h as i,a as e,e as o}from"./index-3e0d6890.js";import{R as l}from"./register-component-3d439a88.js";import{i as t,a as s,l as r}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const m=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-confirmation-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-confirmation-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-confirmation-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.nylas-confirmation-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-confirmation-email .header .confirmation-email-toggle .chevron:hover,.nylas-confirmation-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body{grid-template-columns:1fr}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{border:none}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row.full-width-col{grid-template-columns:1fr;border-top:1px solid var(--nylas-base-200);padding-top:1.25rem;margin:0.25rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label{display:flex;align-items:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon{margin-left:4px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon tooltip-component{display:flex}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container{display:flex;gap:32px;width:100%}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row span.selected-value{font-weight:500}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container{padding:0 2rem 1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body span.error-message{color:var(--nylas-error)}.nylas-confirmation-email .nylas-confirmation-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}toggle-switch{padding-right:8px}';var c=undefined&&undefined.__decorate||function(a,n,i,e){var o=arguments.length,l=o<3?n:e===null?e=Object.getOwnPropertyDescriptor(n,i):e,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(a,n,i,e);else for(var s=a.length-1;s>=0;s--)if(t=a[s])l=(o<3?t(l):o>3?t(n,i,l):t(n,i))||l;return o>3&&l&&Object.defineProperty(n,i,l),l};var f=undefined&&undefined.__metadata||function(a,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,n)};const y=class{constructor(i){a(this,i);this.valueChanged=n(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.confirmationEmailTemplate={};this.participants=[];this.name="confirmation-email-template";this.nylasBranding=true;this.isOpen=false;this.selectedLanguage=undefined;this.confirmationEmail=undefined;this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl")}connectedCallback(){s("nylas-confirmation-email","connectedCallback")}disconnectedCallback(){s("nylas-confirmation-email","disconnectedCallback")}componentWillLoad(){s("nylas-confirmation-email","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-confirmation-email","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.confirmationEmail={...this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants}}elementNameChangedHandler(a){s("nylas-confirmation-email","elementNameChangedHandler",a);this.host.setAttribute("name",a)}selectedConfigurationChangedHandler(a){s("nylas-confirmation-email","selectedConfigurationChangedHandler",a);this.confirmationEmail={...a?.scheduler?.email_template||this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=!a?.event_booking?.reminders?.length;this.participantsState=a?.participants||this.participants}nylasBrandingChangedHandler(a){s("nylas-confirmation-email","nylasBrandingChangedHandler",a);if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}}selectedLanguageChangedHandler(a,n){if(a===n)return;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl");t.changeLanguage(a)}async nylasFormInputChangeHandler(a){const{name:n,value:i}=a.detail;const e=a.detail?.type;if(n==="confirmation-email-title"){this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},title:i}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}else if(n==="confirmation-email-body"&&e==="multi_line_text"){this.handleEmailBodyChange(a)}}valueChangedHandler(a){s("nylas-confirmation-email","valueChangedHandler",a.detail);const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"){this.confirmationEmail={...this.confirmationEmail,logo:n};this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name});if(typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.internals.setValidity({})}}}async nylasFormInputImageUrlInvalidHandler(a){const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"&&typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},t.t("nylasConfirmationEmail.error.invalidImageUrl")||n)}}nyalsFormSwitchToggledHandler(a){s("nylas-confirmation-email","nyalsFormSwitchToggledHandler",a.detail);if(a.detail.name==="confirmation-email-show-branding"){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:a.detail.checked};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}}updateConfirmationFormValue(){s("nylas-confirmation-email","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}toggleConfirmationEmail(){this.isConfirmationEmailOpen=!this.isConfirmationEmailOpen}handleEmailBodyChange(a){const n=r(a.detail.value);this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},body:n}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}render(){const a=this.participantsState.find((a=>a.is_organizer));const n=a?.name||a?.email;return i(e,{key:"69dafdf0a05876fe101f19c93fb598f459ca152c"},i("div",{key:"8a0f430146c2ed8b655d690e1975cb1a2f317ba9",class:"nylas-confirmation-email",part:"nce"},i("div",{key:"c69eed31abe768b04e9593a43b55a2fc5b9a2943",class:"header",part:"nce__header"},i("div",{key:"9d216b666b5eb4ef3a025097e3a0e04531e430ad"},i("h3",{key:"7f769adf5b6d8a05e4bd3a090a36fc1ae882041f"},this.confirmationEmail?.booking_confirmed?.title||t.t("nylasConfirmationEmail.headerTitle",{organizerName:`${n?` with ${n}`:""}`})),i("p",{key:"972eeb18f0e81f5fdaf2d25cff222843f2b9b5ca"},t.t("nylasConfirmationEmail.headerSubTitle"))),this.isConfirmationEmailOpen?i("div",{class:"confirmation-email-toggle",part:"nce__confirmation-email-toggle--container"},i("span",{class:`chevron ${this.isConfirmationEmailOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},i("chevron-icon",{width:"24",height:"24"}))):i("button-component",{variant:"basic",clickHandler:a=>{a.preventDefault();this.toggleConfirmationEmail()}},i("edit-icon",{width:"16",height:"16"}),t.t("nylasConfirmationEmail.editButtonText"))),this.isConfirmationEmailOpen?i("div",{class:"nylas-confirmation-email__body",part:"nce__body"},i("div",{class:"nylas-confirmation-email__section"},this.nylasBranding&&i("div",{class:"nylas-confirmation-email__row"},i("label",null,t.t("nylasConfirmationEmail.nylasBranding.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.nylasBranding.tooltip.desc"))))),i("toggle-switch",{exportparts:"ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider",name:`confirmation-email-show-branding`,checked:this.confirmationEmail?.show_nylas_branding})),i("div",{class:"nylas-confirmation-email__row"},i("div",{class:"subsection"},i("div",{class:"input-container"},i("label",null,t.t("nylasConfirmationEmail.companyLogoUrl.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.companyLogoUrl.tooltip.desc"))))),this.confirmationEmail&&i("input-image-url",{name:"confirmation-email-logo",exportparts:"iiu__logo-input-textfield: nce__input-image-url",errorMessage:this.invalidImageErrorMessage,imageUrl:this.confirmationEmail?.logo??""})))),i("div",{class:"nylas-confirmation-email__row full-width-col"},i("div",{class:"subsection"},i("h3",null,t.t("nylasConfirmationEmail.emailMessage.header")),i("div",{class:"input-container"},i("label",{htmlFor:"title"},t.t("nylasConfirmationEmail.emailMessage.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.emailMessage.tooltip.desc"))))),i("input-component",{name:"confirmation-email-title",maxLength:60,placeholder:t.t("nylasConfirmationEmail.headerTitle",{organizerName:`${n?` with ${n}`:""}`}),defaultValue:this.confirmationEmail?.booking_confirmed?.title??""})),i("div",{class:"input-container"},i("textarea-component",{label:t.t("nylasConfirmationEmail.emailMessage.additionalInfoLabel"),name:"confirmation-email-body",id:"confirmation-email-body",placeholder:t.t("nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder"),tooltip:t.t("nylasConfirmationEmail.emailMessage.additionalInfoTooltip"),maxLength:500,defaultValue:this.confirmationEmail?.booking_confirmed?.body??""})))))):i("div",{class:"nylas-confirmation-email__summary",part:"nce__summary"},i("p",null,i("span",{class:"summary-icon"},i("person-clipboard-icon",null)),t.t("nylasConfirmationEmail.allHosts")),i("p",null,i("span",{class:"summary-icon"},i("clock-icon",null)),t.t("nylasConfirmationEmail.immediatelyUponBooking")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],nylasBranding:["nylasBrandingChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};c([l({name:"nylas-confirmation-email",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.nylasBranding","nylasBranding"]]),eventToProps:{valueChanged:async(a,n)=>{const{valueChanged:i}=a.detail;if(i){i(a)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=m;export{y as nylas_confirmation_email};
+import{r as a,i as n,h as i,a as e,e as o}from"./index-3e0d6890.js";import{R as l}from"./register-component-8b5587d5.js";import{i as t,a as s,l as r}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const m=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-confirmation-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-confirmation-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-confirmation-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.nylas-confirmation-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-confirmation-email .header .confirmation-email-toggle .chevron:hover,.nylas-confirmation-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body{grid-template-columns:1fr}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{border:none}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row.full-width-col{grid-template-columns:1fr;border-top:1px solid var(--nylas-base-200);padding-top:1.25rem;margin:0.25rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label{display:flex;align-items:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon{margin-left:4px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon tooltip-component{display:flex}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container{display:flex;gap:32px;width:100%}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row span.selected-value{font-weight:500}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container{padding:0 2rem 1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body span.error-message{color:var(--nylas-error)}.nylas-confirmation-email .nylas-confirmation-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}toggle-switch{padding-right:8px}';var c=undefined&&undefined.__decorate||function(a,n,i,e){var o=arguments.length,l=o<3?n:e===null?e=Object.getOwnPropertyDescriptor(n,i):e,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(a,n,i,e);else for(var s=a.length-1;s>=0;s--)if(t=a[s])l=(o<3?t(l):o>3?t(n,i,l):t(n,i))||l;return o>3&&l&&Object.defineProperty(n,i,l),l};var f=undefined&&undefined.__metadata||function(a,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,n)};const y=class{constructor(i){a(this,i);this.valueChanged=n(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.confirmationEmailTemplate={};this.participants=[];this.name="confirmation-email-template";this.nylasBranding=true;this.isOpen=false;this.selectedLanguage=undefined;this.confirmationEmail=undefined;this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl")}connectedCallback(){s("nylas-confirmation-email","connectedCallback")}disconnectedCallback(){s("nylas-confirmation-email","disconnectedCallback")}componentWillLoad(){s("nylas-confirmation-email","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-confirmation-email","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.confirmationEmail={...this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants}}elementNameChangedHandler(a){s("nylas-confirmation-email","elementNameChangedHandler",a);this.host.setAttribute("name",a)}selectedConfigurationChangedHandler(a){s("nylas-confirmation-email","selectedConfigurationChangedHandler",a);this.confirmationEmail={...a?.scheduler?.email_template||this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=!a?.event_booking?.reminders?.length;this.participantsState=a?.participants||this.participants}nylasBrandingChangedHandler(a){s("nylas-confirmation-email","nylasBrandingChangedHandler",a);if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}}selectedLanguageChangedHandler(a,n){if(a===n)return;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl");t.changeLanguage(a)}async nylasFormInputChangeHandler(a){const{name:n,value:i}=a.detail;const e=a.detail?.type;if(n==="confirmation-email-title"){this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},title:i}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}else if(n==="confirmation-email-body"&&e==="multi_line_text"){this.handleEmailBodyChange(a)}}valueChangedHandler(a){s("nylas-confirmation-email","valueChangedHandler",a.detail);const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"){this.confirmationEmail={...this.confirmationEmail,logo:n};this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name});if(typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.internals.setValidity({})}}}async nylasFormInputImageUrlInvalidHandler(a){const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"&&typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},t.t("nylasConfirmationEmail.error.invalidImageUrl")||n)}}nyalsFormSwitchToggledHandler(a){s("nylas-confirmation-email","nyalsFormSwitchToggledHandler",a.detail);if(a.detail.name==="confirmation-email-show-branding"){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:a.detail.checked};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}}updateConfirmationFormValue(){s("nylas-confirmation-email","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}toggleConfirmationEmail(){this.isConfirmationEmailOpen=!this.isConfirmationEmailOpen}handleEmailBodyChange(a){const n=r(a.detail.value);this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},body:n}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}render(){const a=this.participantsState.find((a=>a.is_organizer));const n=a?.name||a?.email;return i(e,{key:"69dafdf0a05876fe101f19c93fb598f459ca152c"},i("div",{key:"8a0f430146c2ed8b655d690e1975cb1a2f317ba9",class:"nylas-confirmation-email",part:"nce"},i("div",{key:"c69eed31abe768b04e9593a43b55a2fc5b9a2943",class:"header",part:"nce__header"},i("div",{key:"9d216b666b5eb4ef3a025097e3a0e04531e430ad"},i("h3",{key:"7f769adf5b6d8a05e4bd3a090a36fc1ae882041f"},this.confirmationEmail?.booking_confirmed?.title||t.t("nylasConfirmationEmail.headerTitle",{organizerName:`${n?` with ${n}`:""}`})),i("p",{key:"972eeb18f0e81f5fdaf2d25cff222843f2b9b5ca"},t.t("nylasConfirmationEmail.headerSubTitle"))),this.isConfirmationEmailOpen?i("div",{class:"confirmation-email-toggle",part:"nce__confirmation-email-toggle--container"},i("span",{class:`chevron ${this.isConfirmationEmailOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},i("chevron-icon",{width:"24",height:"24"}))):i("button-component",{variant:"basic",clickHandler:a=>{a.preventDefault();this.toggleConfirmationEmail()}},i("edit-icon",{width:"16",height:"16"}),t.t("nylasConfirmationEmail.editButtonText"))),this.isConfirmationEmailOpen?i("div",{class:"nylas-confirmation-email__body",part:"nce__body"},i("div",{class:"nylas-confirmation-email__section"},this.nylasBranding&&i("div",{class:"nylas-confirmation-email__row"},i("label",null,t.t("nylasConfirmationEmail.nylasBranding.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.nylasBranding.tooltip.desc"))))),i("toggle-switch",{exportparts:"ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider",name:`confirmation-email-show-branding`,checked:this.confirmationEmail?.show_nylas_branding})),i("div",{class:"nylas-confirmation-email__row"},i("div",{class:"subsection"},i("div",{class:"input-container"},i("label",null,t.t("nylasConfirmationEmail.companyLogoUrl.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.companyLogoUrl.tooltip.desc"))))),this.confirmationEmail&&i("input-image-url",{name:"confirmation-email-logo",exportparts:"iiu__logo-input-textfield: nce__input-image-url",errorMessage:this.invalidImageErrorMessage,imageUrl:this.confirmationEmail?.logo??""})))),i("div",{class:"nylas-confirmation-email__row full-width-col"},i("div",{class:"subsection"},i("h3",null,t.t("nylasConfirmationEmail.emailMessage.header")),i("div",{class:"input-container"},i("label",{htmlFor:"title"},t.t("nylasConfirmationEmail.emailMessage.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.emailMessage.tooltip.desc"))))),i("input-component",{name:"confirmation-email-title",maxLength:60,placeholder:t.t("nylasConfirmationEmail.headerTitle",{organizerName:`${n?` with ${n}`:""}`}),defaultValue:this.confirmationEmail?.booking_confirmed?.title??""})),i("div",{class:"input-container"},i("textarea-component",{label:t.t("nylasConfirmationEmail.emailMessage.additionalInfoLabel"),name:"confirmation-email-body",id:"confirmation-email-body",placeholder:t.t("nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder"),tooltip:t.t("nylasConfirmationEmail.emailMessage.additionalInfoTooltip"),maxLength:500,defaultValue:this.confirmationEmail?.booking_confirmed?.body??""})))))):i("div",{class:"nylas-confirmation-email__summary",part:"nce__summary"},i("p",null,i("span",{class:"summary-icon"},i("person-clipboard-icon",null)),t.t("nylasConfirmationEmail.allHosts")),i("p",null,i("span",{class:"summary-icon"},i("clock-icon",null)),t.t("nylasConfirmationEmail.immediatelyUponBooking")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],nylasBranding:["nylasBrandingChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};c([l({name:"nylas-confirmation-email",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.nylasBranding","nylasBranding"]]),eventToProps:{valueChanged:async(a,n)=>{const{valueChanged:i}=a.detail;if(i){i(a)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=m;export{y as nylas_confirmation_email};
 //# sourceMappingURL=nylas-confirmation-email.entry.js.map

package/dist/nylas-web-elements/nylas-confirmed-event-card.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as a,a as o,e as r}from"./index-3e0d6890.js";import{R as c}from"./register-component-3d439a88.js";import{a as l,i as s}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';var i=undefined&&undefined.__decorate||function(e,n,a,o){var r=arguments.length,c=r<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,n,a,o);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(r<3?l(c):r>3?l(n,a,c):l(n,a))||c;return r>3&&c&&Object.defineProperty(n,a,c),c};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(a){e(this,a);this.closeConfirmEventCardClicked=n(this,"closeConfirmEventCardClicked",7);this.confirmedEventCardError=n(this,"confirmedEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.confirmedEventCardError.emit(e);this.isClosing=false};this.closeConfirmEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.confirmedEventInfo=undefined;this.isClosing=false}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){l(`[nylas-confirmed-event-card] Component connected`)}async componentWillLoad(){l(`[nylas-confirmed-event-card] Component will load`)}async componentDidLoad(){l(`[nylas-confirmed-event-card] Component did load`);if(!this.confirmedEventInfo){console.warn(`[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){l(`[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(){return a(o,{key:"7d9b6138eeb5bf8f3e2d9552a609e0e92f4218c9",part:"ncec"},a("div",{key:"3f310f8e06ce5b069ef9021890e4588adcd856e6",class:"nylas-confirmed-event-card",part:"ncec__card"},a("div",{key:"0ab27b860a9160d6d6cf8b0e1ff0ba7a866c8102",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},a("calendar-cancel-icon",{key:"f0b93912e1787c2f2d882590e8cae9a05a4ee577"})),a("h3",{key:"33f170e8c6a9db989b7f0b05702743c024bec621",class:"nylas-confirmed-event-card__title",part:"ncec__title"},s.t("confirmedEventCardTitle"),"!"),a("div",{key:"7c4d191a266c9a2f748707ae1bd176c217a676e9",class:"nylas-confirmed-event-card__description",part:"ncec__description"},s.t("confirmedEventCardDescription")," ",this.configSettings?.organizer?.name||"the participants","."),a("div",{key:"fb313a8a7cc9b7eb901e10f3cbc12e5b2faba00d",class:"nylas-confirmed-event-card__cta"},a("button-component",{key:"c31d8980fdc428bc0c2950397eda010572c0e72f",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${s.t("closingButton")}...`:`${s.t("closeButton")}`))))}get host(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};i([c({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeConfirmEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetConfirm();const{errorHandler:o}=e.detail;if(o&&(!a||"error"in a)){o(a)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_confirmed_event_card};
+import{r as e,i as n,h as a,a as o,e as r}from"./index-3e0d6890.js";import{R as c}from"./register-component-8b5587d5.js";import{a as l,i as s}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';var i=undefined&&undefined.__decorate||function(e,n,a,o){var r=arguments.length,c=r<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,n,a,o);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(r<3?l(c):r>3?l(n,a,c):l(n,a))||c;return r>3&&c&&Object.defineProperty(n,a,c),c};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(a){e(this,a);this.closeConfirmEventCardClicked=n(this,"closeConfirmEventCardClicked",7);this.confirmedEventCardError=n(this,"confirmedEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.confirmedEventCardError.emit(e);this.isClosing=false};this.closeConfirmEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.confirmedEventInfo=undefined;this.isClosing=false}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){l(`[nylas-confirmed-event-card] Component connected`)}async componentWillLoad(){l(`[nylas-confirmed-event-card] Component will load`)}async componentDidLoad(){l(`[nylas-confirmed-event-card] Component did load`);if(!this.confirmedEventInfo){console.warn(`[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){l(`[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(){return a(o,{key:"7d9b6138eeb5bf8f3e2d9552a609e0e92f4218c9",part:"ncec"},a("div",{key:"3f310f8e06ce5b069ef9021890e4588adcd856e6",class:"nylas-confirmed-event-card",part:"ncec__card"},a("div",{key:"0ab27b860a9160d6d6cf8b0e1ff0ba7a866c8102",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},a("calendar-cancel-icon",{key:"f0b93912e1787c2f2d882590e8cae9a05a4ee577"})),a("h3",{key:"33f170e8c6a9db989b7f0b05702743c024bec621",class:"nylas-confirmed-event-card__title",part:"ncec__title"},s.t("confirmedEventCardTitle"),"!"),a("div",{key:"7c4d191a266c9a2f748707ae1bd176c217a676e9",class:"nylas-confirmed-event-card__description",part:"ncec__description"},s.t("confirmedEventCardDescription")," ",this.configSettings?.organizer?.name||"the participants","."),a("div",{key:"fb313a8a7cc9b7eb901e10f3cbc12e5b2faba00d",class:"nylas-confirmed-event-card__cta"},a("button-component",{key:"c31d8980fdc428bc0c2950397eda010572c0e72f",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${s.t("closingButton")}...`:`${s.t("closeButton")}`))))}get host(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};i([c({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeConfirmEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetConfirm();const{errorHandler:o}=e.detail;if(o&&(!a||"error"in a)){o(a)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_confirmed_event_card};
 //# sourceMappingURL=nylas-confirmed-event-card.entry.js.map

package/dist/nylas-web-elements/nylas-connected-calendars.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as a,h as n,a as t,e as s}from"./index-3e0d6890.js";import{R as c}from"./register-component-3d439a88.js";import{a as r,i as l}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-connected-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-connected-calendars .header{padding:1rem}.nylas-connected-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-connected-calendars .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-connected-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200)}.nylas-connected-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-connected-calendars .content .participant-container .participant-title p{margin:0}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-calendar-picker::part(ncp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}';var o=undefined&&undefined.__decorate||function(e,a,n,t){var s=arguments.length,c=s<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,n):t,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,a,n,t);else for(var l=e.length-1;l>=0;l--)if(r=e[l])c=(s<3?r(c):s>3?r(a,n,c):r(a,n))||c;return s>3&&c&&Object.defineProperty(a,n,c),c};var d=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const p=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="connected-calendars";this.selectedConfiguration=undefined;this.participants=this.selectedConfiguration?.participants||[];this.calendars=undefined;this.participantOptions=undefined;this.selectedLanguage=undefined;this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars={};this.participantDefaultSelectedCalendars={}}elementNameChangedHandler(e){r("nylas-connected-calendars","elementNameChangedHandler",e);this.host.setAttribute("name",e)}calendarsChangedHandler(e){r("nylas-connected-calendars","calendarsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions);this.setInternalFormValue()}participantsChangedHandler(e){r("nylas-connected-calendars","participantsChangedHandler",e);this.selectedCalendars=this.setParticipants(e);this.participantCalendars=this.getParticipantCalendarOptions(e,this.participantOptions)}participantOptionsChangedHandler(e){r("nylas-calendar-picker","participantOptionsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,e);this.setInternalFormValue()}selectedConfigurationChangedHandler(e){r("nylas-calendar-picker","selectedConfigurationChangedHandler",e);const a=e?.participants||this.participants;if(a&&a.length>0){this.selectedCalendars=this.setParticipants(a);this.participantCalendars=this.getParticipantCalendarOptions(a,this.participantOptions);this.setInternalFormValue()}}selectedLanguageChangedHandler(e,a){if(e===a)return;l.changeLanguage(e)}getParticipantCalendarOptions(e,a){const n=e?.find((e=>e.is_organizer));const t=this.selectedConfiguration?.availability?.availability_rules?.availability_method!=="collective";const s={};if(a){const n=e?.filter((e=>a.some((a=>a.email===e.email))));const c=e?.filter((e=>!a.some((a=>a.email===e.email))));n?.forEach((e=>{const n=a?.find((a=>a.email===e.email));if(!n)return;this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[];const t=n.calendars??[];e.availability?.calendar_ids?.forEach((e=>{if(!t?.some((a=>a.id===e))&&e!=="primary"){t.push({id:e,name:e})}}));s[e.email]=t}));if(t){c?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0&&!e.is_organizer){s[e.email]=this.calendars??[{id:"primary",name:e.email}];this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[]}}))}}if(n){s[n.email]=this.calendars??[{id:"primary",name:n.email}];this.participantDefaultSelectedCalendars[n.email]=n.availability?.calendar_ids||[]}return s}connectedCallback(){r("nylas-connected-calendars","connectedCallback")}disconnectedCallback(){r("nylas-connected-calendars","disconnectedCallback")}componentWillLoad(){r("nylas-connected-calendars","componentWillLoad")}componentDidLoad(){r("nylas-connected-calendars","componentDidLoad");if(this.selectedConfiguration){this.selectedCalendars=this.setParticipants(this.selectedConfiguration?.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.selectedConfiguration?.participants,this.participantOptions);this.setInternalFormValue()}else{this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions);this.setInternalFormValue()}}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:a,value:n}=e.detail;if(!a.startsWith("participant-")){return}if(!this.connectedCalendarsFormRef.checkValidity()){this.internals.setValidity({customError:true},l.t("nylasConnectedCalendars.selectAtLeastOneCalendar"));return}else{this.internals.setValidity({})}const t=a.split("participant-")[1];if(!this.selectedCalendars[t])return;this.selectedCalendars[t]["calendars"]=n;this.selectedCalendars={...this.selectedCalendars};const s={};Object.keys(this.selectedCalendars).forEach((e=>{s[e]=this.selectedCalendars[e].calendars}));this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(s),this.name);this.valueChanged.emit({value:JSON.stringify(s),name:this.name})}setParticipants(e){const a={};e?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0){const n=e.is_organizer?true:false;a[e.email]={isOpen:n,name:e.name||e.email,calendars:e.availability?.calendar_ids}}}));return a}setInternalFormValue(){const e={};Object.keys(this.selectedCalendars).forEach((a=>{e[a]=this.selectedCalendars[a].calendars}));this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(e),this.name)}render(){return n(t,{key:"7e3719f86af7e30bf6612d7d84a6f5e69c0cc5b9"},n("div",{key:"c0053d523ed9ac571bca93a093f48cbd077faf6c",class:"nylas-connected-calendars",part:"nccals"},n("div",{key:"bd34b75f924cfe85d4a64c1cef173dd6aabff0f8",class:"header",part:"nccals__header"},n("h3",{key:"ae863f3d8b3dee5fd1a20fc1352cf986fa34a66a"},l.t("nylasConnectedCalendars.headerTitle")),n("p",{key:"c5301d1d0ec787dd3bd84d911e0c735c0a8bbc53"},l.t("nylasConnectedCalendars.headerSubTitle"),n("tooltip-component",{key:"a04e80eb4c83e9e578d973ae4df02fc9be1e1d3a"},n("info-icon",{key:"c10516909c3f851be5abafb7b4a56a09167aef48",slot:"tooltip-icon"}),n("span",{key:"35eb2a5ecd7932485f099151fc99e80278acd0b0",slot:"tooltip-content"},l.t("nylasConnectedCalendars.tooltip.desc"))))),n("div",{key:"c074b26fd4bff03a99b31f506fda9fb851dbcbd0",class:"content",part:"nccals__content"},n("form",{key:"677e4ec0fd73f77b614d88eb217ec59437b8f94f",ref:e=>this.connectedCalendarsFormRef=e},Object.keys(this.participantCalendars).map(((e,a)=>{const t=this.selectedCalendars[e];const s=this.participantCalendars[e];if(!t||!t.name)return;return n("div",{class:"participant-container",part:"nccals__container",key:`participant-conatiner-${a}`},n("div",{class:"participant-title",part:"nccals__title"},n("p",null,l.t("nylasConnectedCalendars.participantCalendarTitle",{participantName:t.name})),n("div",{class:"participant-toggle",part:"nccals__toggle-container"},n("span",{class:`chevron ${t.isOpen?"open":"closed"}`,onClick:()=>{this.selectedCalendars[e].isOpen=!t.isOpen;this.selectedCalendars={...this.selectedCalendars}}},n("chevron-icon",{width:"24",height:"24"})))),t.isOpen&&n("nylas-calendar-picker",{key:e,name:`participant-${e}`,calendars:s,defaultSelectedCalendars:this.participantDefaultSelectedCalendars[e]}))}))))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],calendars:["calendarsChangedHandler"],participants:["participantsChangedHandler"],participantOptions:["participantOptionsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};o([c({name:"nylas-connected-calendars",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],p.prototype,"render",null);p.style=i;export{p as nylas_connected_calendars};
+import{r as e,i as a,h as n,a as t,e as s}from"./index-3e0d6890.js";import{R as c}from"./register-component-8b5587d5.js";import{a as r,i as l}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-connected-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-connected-calendars .header{padding:1rem}.nylas-connected-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-connected-calendars .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-connected-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200)}.nylas-connected-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-connected-calendars .content .participant-container .participant-title p{margin:0}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-calendar-picker::part(ncp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}';var o=undefined&&undefined.__decorate||function(e,a,n,t){var s=arguments.length,c=s<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,n):t,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,a,n,t);else for(var l=e.length-1;l>=0;l--)if(r=e[l])c=(s<3?r(c):s>3?r(a,n,c):r(a,n))||c;return s>3&&c&&Object.defineProperty(a,n,c),c};var d=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const p=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="connected-calendars";this.selectedConfiguration=undefined;this.participants=this.selectedConfiguration?.participants||[];this.calendars=undefined;this.participantOptions=undefined;this.selectedLanguage=undefined;this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars={};this.participantDefaultSelectedCalendars={}}elementNameChangedHandler(e){r("nylas-connected-calendars","elementNameChangedHandler",e);this.host.setAttribute("name",e)}calendarsChangedHandler(e){r("nylas-connected-calendars","calendarsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions);this.setInternalFormValue()}participantsChangedHandler(e){r("nylas-connected-calendars","participantsChangedHandler",e);this.selectedCalendars=this.setParticipants(e);this.participantCalendars=this.getParticipantCalendarOptions(e,this.participantOptions)}participantOptionsChangedHandler(e){r("nylas-calendar-picker","participantOptionsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,e);this.setInternalFormValue()}selectedConfigurationChangedHandler(e){r("nylas-calendar-picker","selectedConfigurationChangedHandler",e);const a=e?.participants||this.participants;if(a&&a.length>0){this.selectedCalendars=this.setParticipants(a);this.participantCalendars=this.getParticipantCalendarOptions(a,this.participantOptions);this.setInternalFormValue()}}selectedLanguageChangedHandler(e,a){if(e===a)return;l.changeLanguage(e)}getParticipantCalendarOptions(e,a){const n=e?.find((e=>e.is_organizer));const t=this.selectedConfiguration?.availability?.availability_rules?.availability_method!=="collective";const s={};if(a){const n=e?.filter((e=>a.some((a=>a.email===e.email))));const c=e?.filter((e=>!a.some((a=>a.email===e.email))));n?.forEach((e=>{const n=a?.find((a=>a.email===e.email));if(!n)return;this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[];const t=n.calendars??[];e.availability?.calendar_ids?.forEach((e=>{if(!t?.some((a=>a.id===e))&&e!=="primary"){t.push({id:e,name:e})}}));s[e.email]=t}));if(t){c?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0&&!e.is_organizer){s[e.email]=this.calendars??[{id:"primary",name:e.email}];this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[]}}))}}if(n){s[n.email]=this.calendars??[{id:"primary",name:n.email}];this.participantDefaultSelectedCalendars[n.email]=n.availability?.calendar_ids||[]}return s}connectedCallback(){r("nylas-connected-calendars","connectedCallback")}disconnectedCallback(){r("nylas-connected-calendars","disconnectedCallback")}componentWillLoad(){r("nylas-connected-calendars","componentWillLoad")}componentDidLoad(){r("nylas-connected-calendars","componentDidLoad");if(this.selectedConfiguration){this.selectedCalendars=this.setParticipants(this.selectedConfiguration?.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.selectedConfiguration?.participants,this.participantOptions);this.setInternalFormValue()}else{this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions);this.setInternalFormValue()}}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:a,value:n}=e.detail;if(!a.startsWith("participant-")){return}if(!this.connectedCalendarsFormRef.checkValidity()){this.internals.setValidity({customError:true},l.t("nylasConnectedCalendars.selectAtLeastOneCalendar"));return}else{this.internals.setValidity({})}const t=a.split("participant-")[1];if(!this.selectedCalendars[t])return;this.selectedCalendars[t]["calendars"]=n;this.selectedCalendars={...this.selectedCalendars};const s={};Object.keys(this.selectedCalendars).forEach((e=>{s[e]=this.selectedCalendars[e].calendars}));this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(s),this.name);this.valueChanged.emit({value:JSON.stringify(s),name:this.name})}setParticipants(e){const a={};e?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0){const n=e.is_organizer?true:false;a[e.email]={isOpen:n,name:e.name||e.email,calendars:e.availability?.calendar_ids}}}));return a}setInternalFormValue(){const e={};Object.keys(this.selectedCalendars).forEach((a=>{e[a]=this.selectedCalendars[a].calendars}));this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(e),this.name)}render(){return n(t,{key:"7e3719f86af7e30bf6612d7d84a6f5e69c0cc5b9"},n("div",{key:"c0053d523ed9ac571bca93a093f48cbd077faf6c",class:"nylas-connected-calendars",part:"nccals"},n("div",{key:"bd34b75f924cfe85d4a64c1cef173dd6aabff0f8",class:"header",part:"nccals__header"},n("h3",{key:"ae863f3d8b3dee5fd1a20fc1352cf986fa34a66a"},l.t("nylasConnectedCalendars.headerTitle")),n("p",{key:"c5301d1d0ec787dd3bd84d911e0c735c0a8bbc53"},l.t("nylasConnectedCalendars.headerSubTitle"),n("tooltip-component",{key:"a04e80eb4c83e9e578d973ae4df02fc9be1e1d3a"},n("info-icon",{key:"c10516909c3f851be5abafb7b4a56a09167aef48",slot:"tooltip-icon"}),n("span",{key:"35eb2a5ecd7932485f099151fc99e80278acd0b0",slot:"tooltip-content"},l.t("nylasConnectedCalendars.tooltip.desc"))))),n("div",{key:"c074b26fd4bff03a99b31f506fda9fb851dbcbd0",class:"content",part:"nccals__content"},n("form",{key:"677e4ec0fd73f77b614d88eb217ec59437b8f94f",ref:e=>this.connectedCalendarsFormRef=e},Object.keys(this.participantCalendars).map(((e,a)=>{const t=this.selectedCalendars[e];const s=this.participantCalendars[e];if(!t||!t.name)return;return n("div",{class:"participant-container",part:"nccals__container",key:`participant-conatiner-${a}`},n("div",{class:"participant-title",part:"nccals__title"},n("p",null,l.t("nylasConnectedCalendars.participantCalendarTitle",{participantName:t.name})),n("div",{class:"participant-toggle",part:"nccals__toggle-container"},n("span",{class:`chevron ${t.isOpen?"open":"closed"}`,onClick:()=>{this.selectedCalendars[e].isOpen=!t.isOpen;this.selectedCalendars={...this.selectedCalendars}}},n("chevron-icon",{width:"24",height:"24"})))),t.isOpen&&n("nylas-calendar-picker",{key:e,name:`participant-${e}`,calendars:s,defaultSelectedCalendars:this.participantDefaultSelectedCalendars[e]}))}))))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],calendars:["calendarsChangedHandler"],participants:["participantsChangedHandler"],participantOptions:["participantOptionsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};o([c({name:"nylas-connected-calendars",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],p.prototype,"render",null);p.style=i;export{p as nylas_connected_calendars};
 //# sourceMappingURL=nylas-connected-calendars.entry.js.map