@nylas/web-elements 2.2.0 → 2.2.2

package/dist/nylas-web-elements/nylas-participant-booking-calendars.entry.js

@@ -1,2 +1,2 @@
-import{r as a,a as e,h as n,d as t,e as i}from"./index-B-KMpdMZ.js";import{R as r}from"./register-component-BHk70oxk.js";import{b as s,i as l}from"./utils-Bj5Y75fX.js";const o=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-participant-booking-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}.nylas-participant-booking-calendars .header{padding:1rem}.nylas-participant-booking-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participant-booking-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-participant-booking-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.nylas-participant-booking-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-participant-booking-calendars .content .participant-container .participant-title p{margin:0}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-booking-calendar-picker::part(nbcp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}';var c=undefined&&undefined.__decorate||function(a,e,n,t){var i=arguments.length,r=i<3?e:t===null?t=Object.getOwnPropertyDescriptor(e,n):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(a,e,n,t);else for(var l=a.length-1;l>=0;l--)if(s=a[l])r=(i<3?s(r):i>3?s(e,n,r):s(e,n))||r;return i>3&&r&&Object.defineProperty(e,n,r),r};var p=undefined&&undefined.__metadata||function(a,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,e)};const d=class{constructor(n){a(this,n);this.valueChanged=e(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="participant-booking-calendars";this.participants=this.selectedConfiguration?.participants||[];this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars={};this.participantDefaultSelectedCalendar={}}elementNameChangedHandler(a){s("nylas-participant-booking-calendars","elementNameChangedHandler",a);this.host.setAttribute("name",a)}calendarsChangedHandler(a){s("nylas-participant-booking-calendars","calendarsChangedHandler",a);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}participantsChangedHandler(a){s("nylas-participant-booking-calendars","participantsChangedHandler",a);this.selectedCalendars=this.setParticipants(a);this.participantCalendars=this.getParticipantCalendarOptions(a,this.participantOptions)}participantOptionsChangedHandler(a){s("nylas-calendar-picker","participantOptionsChangedHandler",a);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,a)}selectedConfigurationChangedHandler(a){s("nylas-participant-booking-calendars","selectedConfigurationChangedHandler",a);const e=a?.participants||this.participants;if(e&&e.length>0){this.selectedCalendars=this.setParticipants(e);this.participantCalendars=this.getParticipantCalendarOptions(e,this.participantOptions)}}selectedLanguageChangedHandler(a,e){if(a===e)return;l.changeLanguage(a)}themeConfigChangedHandler(a,e){if(a===e)return;this.applyThemeConfig(a)}applyThemeConfig(a){if(a){for(const[e,n]of Object.entries(a)){this.host.style.setProperty(`${e}`,n)}}}getParticipantCalendarOptions(a,e){const n=a?.find((a=>a.is_organizer));const t={};const i=this.selectedConfiguration?.availability?.availability_rules?.availability_method!=="collective";if(e&&i){const n=a?.filter((a=>e.some((e=>e.email===a.email))));const i=a?.filter((a=>!e.some((e=>e.email===a.email))));n?.forEach((a=>{const n=e?.find((e=>e.email===a.email));if(!n)return;this.participantDefaultSelectedCalendar[a.email]=a.booking?.calendar_id??"primary";const i=n.calendars??[];t[a.email]=i}));i?.forEach((a=>{if(a?.booking?.calendar_id){t[a.email]=this.calendars??[{id:"primary",name:a.email}];this.participantDefaultSelectedCalendar[a.email]=a?.booking?.calendar_id??"primary"}}))}if(n){t[n.email]=this.calendars??[{id:"primary",name:n.email}];this.participantDefaultSelectedCalendar[n.email]=n?.booking?.calendar_id??"primary"}return t}connectedCallback(){s("nylas-participant-booking-calendars","connectedCallback")}disconnectedCallback(){s("nylas-participant-booking-calendars","disconnectedCallback")}componentWillLoad(){s("nylas-participant-booking-calendars","componentWillLoad")}componentDidLoad(){s("nylas-participant-booking-calendars","componentDidLoad");if(this.selectedConfiguration){this.selectedCalendars=this.setParticipants(this.selectedConfiguration?.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.selectedConfiguration?.participants,this.participantOptions)}else{this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}}handleValueChanged(a){s("[nylas-editor-tabs]","handleValueChanged",a);const{name:e,value:n}=a.detail;if(!e.startsWith("participant-booking-")){return}if(!this.bookingCalendarsFormRef.checkValidity()){this.internals.setValidity({customError:true},l.t("nylasParticipantBookingCalendars.selectAtLeastOneCalendar"));return}else{this.internals.setValidity({})}const t=e.split("participant-booking-")[1];if(!this.selectedCalendars[t])return;this.selectedCalendars[t]["calendar"]=n;this.selectedCalendars={...this.selectedCalendars};const i={};Object.keys(this.selectedCalendars).forEach((a=>{i[a]=this.selectedCalendars[a]?.calendar}));this.internals.setFormValue(JSON.stringify(i),this.name);this.valueChanged.emit({value:JSON.stringify(i),name:this.name})}setParticipants(a){const e={};a?.forEach((a=>{if(a?.booking?.calendar_id){const n=a.is_organizer?true:false;e[a.email]={isOpen:n,calendar:a.booking?.calendar_id||"primary",name:a.name||a.email}}}));return e}render(){return n(t,{key:"6c8dff3ea850d9ad0f15629f7efa02c1a4002994"},n("div",{key:"d321e4f6914523c003c1497555c732cb74adddf6",class:"nylas-participant-booking-calendars",part:"npbc"},n("div",{key:"3c0bbdd087c3e4f94ec76c61f7343419a006ae79",class:"header",part:"npbc__header"},n("h3",{key:"f426c190919631443b8cfe83c6441596591450a7"},l.t("nylasParticipantBookingCalendars.headerTitle")),n("p",{key:"95de7f8bf0651e165f08420166db75989ec3cbd7"},l.t("nylasParticipantBookingCalendars.headerSubTitle"))),n("div",{key:"6ec0bf1ffe5c29377986cf941bf37ac0523bd7aa",class:"content",part:"npbc__content"},n("form",{key:"6ef27167893c616acc0e164eb0e7600405da081c",ref:a=>this.bookingCalendarsFormRef=a},this.participantCalendars&&Object.keys(this.participantCalendars).map(((a,e)=>{const t=this.selectedCalendars[a];const i=this.participantCalendars[a];if(!t||!t.name)return;return n("div",{class:"participant-container",part:"npbc__participant-container",key:`participant-conatiner-${e}`},n("div",{class:"participant-title",part:"npbc__participant-title"},n("p",null,l.t("nylasParticipantBookingCalendars.participantBookingCalendarTitle",{participantName:t.name})),n("div",{class:"participant-toggle",part:"npbc__participant-toggle-container"},n("span",{class:`chevron ${t.isOpen?"open":"closed"}`,onClick:()=>{this.selectedCalendars[a].isOpen=!t.isOpen;this.selectedCalendars={...this.selectedCalendars}}},n("chevron-icon",{width:"24",height:"24"})))),t.isOpen&&n("nylas-booking-calendar-picker",{key:a,name:`participant-booking-${a}`,calendars:i,hideHeader:true,defaultBookingCalendar:this.participantDefaultSelectedCalendar[a]}))}))))))}static get formAssociated(){return true}get host(){return i(this)}static get watchers(){return{name:["elementNameChangedHandler"],calendars:["calendarsChangedHandler"],participants:["participantsChangedHandler"],participantOptions:["participantOptionsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([r({name:"nylas-participant-booking-calendars",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_participant_booking_calendars};
+import{r as a,a as e,h as n,d as t,e as i}from"./index-Cbn5rIwb.js";import{R as r}from"./register-component-Blj8K64f.js";import{b as s,i as l}from"./utils-DhmCcrVs.js";const o=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-participant-booking-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}.nylas-participant-booking-calendars .header{padding:1rem}.nylas-participant-booking-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participant-booking-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-participant-booking-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.nylas-participant-booking-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-participant-booking-calendars .content .participant-container .participant-title p{margin:0}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-booking-calendar-picker::part(nbcp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}';var c=undefined&&undefined.__decorate||function(a,e,n,t){var i=arguments.length,r=i<3?e:t===null?t=Object.getOwnPropertyDescriptor(e,n):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(a,e,n,t);else for(var l=a.length-1;l>=0;l--)if(s=a[l])r=(i<3?s(r):i>3?s(e,n,r):s(e,n))||r;return i>3&&r&&Object.defineProperty(e,n,r),r};var p=undefined&&undefined.__metadata||function(a,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,e)};const d=class{constructor(n){a(this,n);this.valueChanged=e(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="participant-booking-calendars";this.participants=this.selectedConfiguration?.participants||[];this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars={};this.participantDefaultSelectedCalendar={}}elementNameChangedHandler(a){s("nylas-participant-booking-calendars","elementNameChangedHandler",a);this.host.setAttribute("name",a)}calendarsChangedHandler(a){s("nylas-participant-booking-calendars","calendarsChangedHandler",a);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}participantsChangedHandler(a){s("nylas-participant-booking-calendars","participantsChangedHandler",a);this.selectedCalendars=this.setParticipants(a);this.participantCalendars=this.getParticipantCalendarOptions(a,this.participantOptions)}participantOptionsChangedHandler(a){s("nylas-calendar-picker","participantOptionsChangedHandler",a);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,a)}selectedConfigurationChangedHandler(a){s("nylas-participant-booking-calendars","selectedConfigurationChangedHandler",a);const e=a?.participants||this.participants;if(e&&e.length>0){this.selectedCalendars=this.setParticipants(e);this.participantCalendars=this.getParticipantCalendarOptions(e,this.participantOptions)}}selectedLanguageChangedHandler(a,e){if(a===e)return;l.changeLanguage(a)}themeConfigChangedHandler(a,e){if(a===e)return;this.applyThemeConfig(a)}applyThemeConfig(a){if(a){for(const[e,n]of Object.entries(a)){this.host.style.setProperty(`${e}`,n)}}}getParticipantCalendarOptions(a,e){const n=a?.find((a=>a.is_organizer));const t={};const i=this.selectedConfiguration?.availability?.availability_rules?.availability_method!=="collective";if(e&&i){const n=a?.filter((a=>e.some((e=>e.email===a.email))));const i=a?.filter((a=>!e.some((e=>e.email===a.email))));n?.forEach((a=>{const n=e?.find((e=>e.email===a.email));if(!n)return;this.participantDefaultSelectedCalendar[a.email]=a.booking?.calendar_id??"primary";const i=n.calendars??[];t[a.email]=i}));i?.forEach((a=>{if(a?.booking?.calendar_id){t[a.email]=this.calendars??[{id:"primary",name:a.email}];this.participantDefaultSelectedCalendar[a.email]=a?.booking?.calendar_id??"primary"}}))}if(n){t[n.email]=this.calendars??[{id:"primary",name:n.email}];this.participantDefaultSelectedCalendar[n.email]=n?.booking?.calendar_id??"primary"}return t}connectedCallback(){s("nylas-participant-booking-calendars","connectedCallback")}disconnectedCallback(){s("nylas-participant-booking-calendars","disconnectedCallback")}componentWillLoad(){s("nylas-participant-booking-calendars","componentWillLoad")}componentDidLoad(){s("nylas-participant-booking-calendars","componentDidLoad");if(this.selectedConfiguration){this.selectedCalendars=this.setParticipants(this.selectedConfiguration?.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.selectedConfiguration?.participants,this.participantOptions)}else{this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}}handleValueChanged(a){s("[nylas-editor-tabs]","handleValueChanged",a);const{name:e,value:n}=a.detail;if(!e.startsWith("participant-booking-")){return}if(!this.bookingCalendarsFormRef.checkValidity()){this.internals.setValidity({customError:true},l.t("nylasParticipantBookingCalendars.selectAtLeastOneCalendar"));return}else{this.internals.setValidity({})}const t=e.split("participant-booking-")[1];if(!this.selectedCalendars[t])return;this.selectedCalendars[t]["calendar"]=n;this.selectedCalendars={...this.selectedCalendars};const i={};Object.keys(this.selectedCalendars).forEach((a=>{i[a]=this.selectedCalendars[a]?.calendar}));this.internals.setFormValue(JSON.stringify(i),this.name);this.valueChanged.emit({value:JSON.stringify(i),name:this.name})}setParticipants(a){const e={};a?.forEach((a=>{if(a?.booking?.calendar_id){const n=a.is_organizer?true:false;e[a.email]={isOpen:n,calendar:a.booking?.calendar_id||"primary",name:a.name||a.email}}}));return e}render(){return n(t,{key:"6c8dff3ea850d9ad0f15629f7efa02c1a4002994"},n("div",{key:"d321e4f6914523c003c1497555c732cb74adddf6",class:"nylas-participant-booking-calendars",part:"npbc"},n("div",{key:"3c0bbdd087c3e4f94ec76c61f7343419a006ae79",class:"header",part:"npbc__header"},n("h3",{key:"f426c190919631443b8cfe83c6441596591450a7"},l.t("nylasParticipantBookingCalendars.headerTitle")),n("p",{key:"95de7f8bf0651e165f08420166db75989ec3cbd7"},l.t("nylasParticipantBookingCalendars.headerSubTitle"))),n("div",{key:"6ec0bf1ffe5c29377986cf941bf37ac0523bd7aa",class:"content",part:"npbc__content"},n("form",{key:"6ef27167893c616acc0e164eb0e7600405da081c",ref:a=>this.bookingCalendarsFormRef=a},this.participantCalendars&&Object.keys(this.participantCalendars).map(((a,e)=>{const t=this.selectedCalendars[a];const i=this.participantCalendars[a];if(!t||!t.name)return;return n("div",{class:"participant-container",part:"npbc__participant-container",key:`participant-conatiner-${e}`},n("div",{class:"participant-title",part:"npbc__participant-title"},n("p",null,l.t("nylasParticipantBookingCalendars.participantBookingCalendarTitle",{participantName:t.name})),n("div",{class:"participant-toggle",part:"npbc__participant-toggle-container"},n("span",{class:`chevron ${t.isOpen?"open":"closed"}`,onClick:()=>{this.selectedCalendars[a].isOpen=!t.isOpen;this.selectedCalendars={...this.selectedCalendars}}},n("chevron-icon",{width:"24",height:"24"})))),t.isOpen&&n("nylas-booking-calendar-picker",{key:a,name:`participant-booking-${a}`,calendars:i,hideHeader:true,defaultBookingCalendar:this.participantDefaultSelectedCalendar[a]}))}))))))}static get formAssociated(){return true}get host(){return i(this)}static get watchers(){return{name:["elementNameChangedHandler"],calendars:["calendarsChangedHandler"],participants:["participantsChangedHandler"],participantOptions:["participantOptionsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([r({name:"nylas-participant-booking-calendars",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_participant_booking_calendars};
 //# sourceMappingURL=nylas-participant-booking-calendars.entry.js.map

package/dist/nylas-web-elements/nylas-participants-custom-availability.entry.js

@@ -1,2 +1,2 @@
-import{r as a,a as i,h as t,d as e,e as n}from"./index-B-KMpdMZ.js";import{R as l}from"./register-component-BHk70oxk.js";import{b as s,i as r}from"./utils-Bj5Y75fX.js";import{D as c}from"./constants-DhnshuDN.js";const o=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-participants-custom-availability{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .header{padding:1rem}.nylas-participants-custom-availability .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participants-custom-availability .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-participants-custom-availability .content .participant-container{padding-top:8px;border-top:1px solid var(--nylas-base-200);color:var(--nylas-base-900);background-color:var(--nylas-base-25)}.nylas-participants-custom-availability .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px}.nylas-participants-custom-availability .content .participant-container .participant-title p{margin:0}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container nylas-availability-picker::part(nap){margin:0;border:none}.nylas-participants-custom-availability .content .participant-tabs{justify-content:space-between;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 16px;border-top:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .content .participant-tab{cursor:pointer;padding:8px 16px;border-radius:var(--nylas-border-radius-2x);background-color:var(--nylas-base-100);text-align:center;font-size:14px;font-weight:500;line-height:20px;color:var(--nylas-base-600)}.nylas-participants-custom-availability .content .participant-tab.active{background-color:var(--nylas-primary);color:var(--nylas-base-100)}';var p=undefined&&undefined.__decorate||function(a,i,t,e){var n=arguments.length,l=n<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,t):e,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(a,i,t,e);else for(var r=a.length-1;r>=0;r--)if(s=a[r])l=(n<3?s(l):n>3?s(i,t,l):s(i,t))||l;return n>3&&l&&Object.defineProperty(i,t,l),l};var y=undefined&&undefined.__metadata||function(a,i){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,i)};const d=class{constructor(t){a(this,t);this.valueChanged=i(this,"valueChanged",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.name="participant-custom-availability";this.participants=this.selectedConfiguration?.participants||[];this.selectedParticipants=this.setParticipants(this.participants)}elementNameChangedHandler(a){s("nylas-participants-custom-availability","elementNameChangedHandler",a);this.host.setAttribute("name",a)}participantsChangedHandler(a,i){s("nylas-participants-custom-availability","participantsChangedHandler",a,i);if(!a||!i||JSON.stringify(a)===JSON.stringify(i)){return}this.selectedParticipants=this.setParticipants(a)}selectedConfigurationChangedHandler(a,i){s("nylas-participants-custom-availability","selectedConfigurationChangedHandler",a,i);if(!a||!i||JSON.stringify(a)===JSON.stringify(i)){return}if(a?.participants){this.selectedParticipants=this.setParticipants(a?.participants)}}selectedLanguageChangedHandler(a,i){if(a===i)return;r.changeLanguage(a)}themeConfigChangedHandler(a,i){if(a===i)return;this.applyThemeConfig(a)}applyThemeConfig(a){if(a){for(const[i,t]of Object.entries(a)){this.host.style.setProperty(`${i}`,t)}}}connectedCallback(){s("nylas-participants-custom-availability","connectedCallback")}disconnectedCallback(){s("nylas-participants-custom-availability","disconnectedCallback")}componentWillLoad(){s("nylas-participants-custom-availability","componentWillLoad")}componentDidLoad(){s("nylas-participants-custom-availability","componentDidLoad");if(this.selectedConfiguration){this.selectedParticipants=this.setParticipants(this.selectedConfiguration?.participants)}else{this.selectedParticipants=this.setParticipants(this.participants)}}nylasFormSwitchToggledHandler(a){s("nylas-participants-custom-availability","nylasFormSwitchToggledHandler",a.detail);const i=this.selectedConfiguration?.participants.find((i=>i.email===a.detail.name));const t=i?.availability?.open_hours||[];const e=t?.length>0?t:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours||[];const n=t&&t.length>0?i?.timezone:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours?.at(0)?.timezone||this.selectedConfiguration?.event_booking?.timezone||window.Intl.DateTimeFormat().resolvedOptions().timeZone;const l=i?.specific_time_availability||[];const r=l?.length>0?l:[];this.selectedParticipants[a.detail.name]["isOpen"]=a.detail.checked;this.selectedParticipants[a.detail.name]["tab"]="availability";this.selectedParticipants[a.detail.name]["setCustom"]=a.detail.checked;this.selectedParticipants[a.detail.name]["openHours"]=a.detail.checked?e?.length>0?e:c:[];this.selectedParticipants[a.detail.name]["timezone"]=a.detail.checked?n:undefined;this.selectedParticipants[a.detail.name]["specificTimesAvailability"]=a.detail.checked?r:[];this.selectedParticipants={...this.selectedParticipants};this.updateFormValue()}handleValueChanged(a){s("[nylas-editor-tabs]","handleValueChanged",a);const{name:i,value:t}=a.detail;if(!i.startsWith("participant-availability-")&&!i.startsWith("participant-specific-time-availability-")){return}let e;try{e=JSON.parse(t)}catch(a){console.error(`Failed to parse JSON for participant ${i}:`,a);return}if(this.isInternalsAvailable){if(!this.participantFormRef.checkValidity()){this.internals.setValidity({customError:true},"Please fix the overlapping time ranges.");return}else{this.internals.setValidity({})}}if(i.startsWith("participant-availability-")){const a=i.split("-");if(a.length<4){console.warn(`Malformed participant name format: ${i}. Expected format: "participant-availability-{participantId}-{uniqueKey}"`);return}const t=a[3];if(!this.selectedParticipants[t])return;const n=e.openHours||[];const l=n?.length>0?n:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours||[];this.selectedParticipants[t]["openHours"]=l;this.selectedParticipants[t]["tab"]="availability"}else if(i.startsWith("participant-specific-time-availability")){const a=i.split("-");if(a.length<6){console.warn(`Malformed participant specific date name format: ${i}. Expected format: "participant-specific-time-availability-{index}-{uniqueKey}"`);return}const t=a[5];if(!this.selectedParticipants[t])return;const n=e||[];this.selectedParticipants[t]["specificTimesAvailability"]=n;this.selectedParticipants[t]["tab"]="specific-time-availability"}this.selectedParticipants={...this.selectedParticipants};this.updateFormValue()}updateFormValue(){const a={};const i={};Object.keys(this.selectedParticipants).forEach((t=>{a[t]=this.selectedParticipants[t].openHours;i[t]=this.selectedParticipants[t].specificTimesAvailability||[]}));this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(a),this.name);this.valueChanged.emit({value:JSON.stringify(a),name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(i),`${this.name}-specific-time`);this.valueChanged.emit({value:JSON.stringify(i),name:`${this.name}-specific-time`})}setParticipants(a){const i={};a?.forEach((a=>{i[a.email]={isOpen:false,setCustom:Boolean(a.availability?.open_hours),openHours:a.availability?.open_hours||[],name:a.name||a.email,availability:a.availability,timezone:a.timezone,specificTimesAvailability:a.specific_time_availability||[]}}));return i}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}render(){return t(e,{key:"6440ce0ddade6e4406a56bb84b263a454bddc016"},t("div",{key:"67f4710106ceb503268fa8e99f70f6f6c6b71219",class:"nylas-participants-custom-availability",part:"npca"},t("div",{key:"d14c21729d7b39aca18ad4a2329f7d06d5da5971",class:"header",part:"npca__header"},t("h3",{key:"f0f7834732e6e0c5dbcb3f43d79714d75e5ba546"},r.t("nylasParticipantCustomAvailability.headerTitle")),t("p",{key:"bc48f633974f47d2400d6ff22da73f550c449b8a"},r.t("nylasParticipantCustomAvailability.headerSubTitle"))),t("div",{key:"fa8bdd987f3a42224f9b371263d6a5ab3bde78fd",class:"content",part:"npca__content"},t("form",{key:"21f8b81d37d2c195aefc8e93198b82ffbc7ea2fb",ref:a=>this.participantFormRef=a},Object.keys(this.selectedParticipants).map(((a,i)=>{const e=this.selectedParticipants[a];const n=e.availability?.open_hours||[];if(!e||!e.name||!e.availability)return;return t("div",{class:"participant-container",part:"npca__participant-container",key:`participant-conatiner-${i}`},t("div",{class:"participant-title",part:"npca__participant-title"},t("p",null,r.t("nylasParticipantCustomAvailability.participantOpenHoursTitle",{participantName:e.name})),t("div",{class:"participant-toggle",part:"npca__participant-toggle--container"},t("toggle-switch",{exportparts:"ts_label: npca__toggle-label, ts_input: npca_toggle-input, ts_slider: npca_toggle-slider",name:a,checked:!!e?.openHours&&e?.openHours.length>0,themeConfig:this.themeConfig}),t("span",{class:`chevron ${e.isOpen?"open":"closed"} ${e.setCustom?"":"disabled"}`,onClick:()=>{if(!e.setCustom)return;this.selectedParticipants[a].isOpen=!e.isOpen;this.selectedParticipants[a].tab="availability";this.selectedParticipants={...this.selectedParticipants}}},t("chevron-icon",{width:"24",height:"24"})))),e.isOpen&&t("div",{class:"participant-tabs",part:"npca__participant-tabs"},t("div",{class:`participant-tab ${e.tab==="availability"?"active":""}`,part:"npca__participant-tab",onClick:()=>{this.selectedParticipants[a].tab="availability";this.selectedParticipants={...this.selectedParticipants}}},t("span",null,r.t("nylasParticipantCustomAvailability.participantAvailabilityTab"))),t("div",{class:`participant-tab ${e.tab==="specific-time-availability"?"active":""}`,part:"npca__participant-tab",onClick:()=>{this.selectedParticipants[a].tab="specific-time-availability";this.selectedParticipants={...this.selectedParticipants}}},t("span",null,r.t("nylasParticipantCustomAvailability.participantSpecificTimeAvailabilityTab")))),e.tab==="availability"&&e.isOpen&&t("nylas-availability-picker",{key:i,name:`participant-availability-${i}-${a}`,openHours:n,defaultTimezone:e.timezone,hideHeader:true}),e.tab==="specific-time-availability"&&e.isOpen&&t("nylas-specific-time-availability-picker",{key:i,name:`participant-specific-time-availability-${i}-${a}`,specificTimesAvailability:e.specificTimesAvailability}))}))))))}static get formAssociated(){return true}get host(){return n(this)}static get watchers(){return{name:["elementNameChangedHandler"],participants:["participantsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};p([l({name:"nylas-participants-custom-availability",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_participants_custom_availability};
+import{r as a,a as i,h as t,d as e,e as n}from"./index-Cbn5rIwb.js";import{R as l}from"./register-component-Blj8K64f.js";import{b as s,i as r}from"./utils-DhmCcrVs.js";import{D as c}from"./constants-DhnshuDN.js";const o=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-participants-custom-availability{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .header{padding:1rem}.nylas-participants-custom-availability .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participants-custom-availability .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-participants-custom-availability .content .participant-container{padding-top:8px;border-top:1px solid var(--nylas-base-200);color:var(--nylas-base-900);background-color:var(--nylas-base-25)}.nylas-participants-custom-availability .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px}.nylas-participants-custom-availability .content .participant-container .participant-title p{margin:0}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container nylas-availability-picker::part(nap){margin:0;border:none}.nylas-participants-custom-availability .content .participant-tabs{justify-content:space-between;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 16px;border-top:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .content .participant-tab{cursor:pointer;padding:8px 16px;border-radius:var(--nylas-border-radius-2x);background-color:var(--nylas-base-100);text-align:center;font-size:14px;font-weight:500;line-height:20px;color:var(--nylas-base-600)}.nylas-participants-custom-availability .content .participant-tab.active{background-color:var(--nylas-primary);color:var(--nylas-base-100)}';var p=undefined&&undefined.__decorate||function(a,i,t,e){var n=arguments.length,l=n<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,t):e,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(a,i,t,e);else for(var r=a.length-1;r>=0;r--)if(s=a[r])l=(n<3?s(l):n>3?s(i,t,l):s(i,t))||l;return n>3&&l&&Object.defineProperty(i,t,l),l};var y=undefined&&undefined.__metadata||function(a,i){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,i)};const d=class{constructor(t){a(this,t);this.valueChanged=i(this,"valueChanged",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.name="participant-custom-availability";this.participants=this.selectedConfiguration?.participants||[];this.selectedParticipants=this.setParticipants(this.participants)}elementNameChangedHandler(a){s("nylas-participants-custom-availability","elementNameChangedHandler",a);this.host.setAttribute("name",a)}participantsChangedHandler(a,i){s("nylas-participants-custom-availability","participantsChangedHandler",a,i);if(!a||!i||JSON.stringify(a)===JSON.stringify(i)){return}this.selectedParticipants=this.setParticipants(a)}selectedConfigurationChangedHandler(a,i){s("nylas-participants-custom-availability","selectedConfigurationChangedHandler",a,i);if(!a||!i||JSON.stringify(a)===JSON.stringify(i)){return}if(a?.participants){this.selectedParticipants=this.setParticipants(a?.participants)}}selectedLanguageChangedHandler(a,i){if(a===i)return;r.changeLanguage(a)}themeConfigChangedHandler(a,i){if(a===i)return;this.applyThemeConfig(a)}applyThemeConfig(a){if(a){for(const[i,t]of Object.entries(a)){this.host.style.setProperty(`${i}`,t)}}}connectedCallback(){s("nylas-participants-custom-availability","connectedCallback")}disconnectedCallback(){s("nylas-participants-custom-availability","disconnectedCallback")}componentWillLoad(){s("nylas-participants-custom-availability","componentWillLoad")}componentDidLoad(){s("nylas-participants-custom-availability","componentDidLoad");if(this.selectedConfiguration){this.selectedParticipants=this.setParticipants(this.selectedConfiguration?.participants)}else{this.selectedParticipants=this.setParticipants(this.participants)}}nylasFormSwitchToggledHandler(a){s("nylas-participants-custom-availability","nylasFormSwitchToggledHandler",a.detail);const i=this.selectedConfiguration?.participants.find((i=>i.email===a.detail.name));const t=i?.availability?.open_hours||[];const e=t?.length>0?t:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours||[];const n=t&&t.length>0?i?.timezone:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours?.at(0)?.timezone||this.selectedConfiguration?.event_booking?.timezone||window.Intl.DateTimeFormat().resolvedOptions().timeZone;const l=i?.specific_time_availability||[];const r=l?.length>0?l:[];this.selectedParticipants[a.detail.name]["isOpen"]=a.detail.checked;this.selectedParticipants[a.detail.name]["tab"]="availability";this.selectedParticipants[a.detail.name]["setCustom"]=a.detail.checked;this.selectedParticipants[a.detail.name]["openHours"]=a.detail.checked?e?.length>0?e:c:[];this.selectedParticipants[a.detail.name]["timezone"]=a.detail.checked?n:undefined;this.selectedParticipants[a.detail.name]["specificTimesAvailability"]=a.detail.checked?r:[];this.selectedParticipants={...this.selectedParticipants};this.updateFormValue()}handleValueChanged(a){s("[nylas-editor-tabs]","handleValueChanged",a);const{name:i,value:t}=a.detail;if(!i.startsWith("participant-availability-")&&!i.startsWith("participant-specific-time-availability-")){return}let e;try{e=JSON.parse(t)}catch(a){console.error(`Failed to parse JSON for participant ${i}:`,a);return}if(this.isInternalsAvailable){if(!this.participantFormRef.checkValidity()){this.internals.setValidity({customError:true},"Please fix the overlapping time ranges.");return}else{this.internals.setValidity({})}}if(i.startsWith("participant-availability-")){const a=i.split("-");if(a.length<4){console.warn(`Malformed participant name format: ${i}. Expected format: "participant-availability-{participantId}-{uniqueKey}"`);return}const t=a[3];if(!this.selectedParticipants[t])return;const n=e.openHours||[];const l=n?.length>0?n:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours||[];this.selectedParticipants[t]["openHours"]=l;this.selectedParticipants[t]["tab"]="availability"}else if(i.startsWith("participant-specific-time-availability")){const a=i.split("-");if(a.length<6){console.warn(`Malformed participant specific date name format: ${i}. Expected format: "participant-specific-time-availability-{index}-{uniqueKey}"`);return}const t=a[5];if(!this.selectedParticipants[t])return;const n=e||[];this.selectedParticipants[t]["specificTimesAvailability"]=n;this.selectedParticipants[t]["tab"]="specific-time-availability"}this.selectedParticipants={...this.selectedParticipants};this.updateFormValue()}updateFormValue(){const a={};const i={};Object.keys(this.selectedParticipants).forEach((t=>{a[t]=this.selectedParticipants[t].openHours;i[t]=this.selectedParticipants[t].specificTimesAvailability||[]}));this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(a),this.name);this.valueChanged.emit({value:JSON.stringify(a),name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(i),`${this.name}-specific-time`);this.valueChanged.emit({value:JSON.stringify(i),name:`${this.name}-specific-time`})}setParticipants(a){const i={};a?.forEach((a=>{i[a.email]={isOpen:false,setCustom:Boolean(a.availability?.open_hours),openHours:a.availability?.open_hours||[],name:a.name||a.email,availability:a.availability,timezone:a.timezone,specificTimesAvailability:a.specific_time_availability||[]}}));return i}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}render(){return t(e,{key:"6440ce0ddade6e4406a56bb84b263a454bddc016"},t("div",{key:"67f4710106ceb503268fa8e99f70f6f6c6b71219",class:"nylas-participants-custom-availability",part:"npca"},t("div",{key:"d14c21729d7b39aca18ad4a2329f7d06d5da5971",class:"header",part:"npca__header"},t("h3",{key:"f0f7834732e6e0c5dbcb3f43d79714d75e5ba546"},r.t("nylasParticipantCustomAvailability.headerTitle")),t("p",{key:"bc48f633974f47d2400d6ff22da73f550c449b8a"},r.t("nylasParticipantCustomAvailability.headerSubTitle"))),t("div",{key:"fa8bdd987f3a42224f9b371263d6a5ab3bde78fd",class:"content",part:"npca__content"},t("form",{key:"21f8b81d37d2c195aefc8e93198b82ffbc7ea2fb",ref:a=>this.participantFormRef=a},Object.keys(this.selectedParticipants).map(((a,i)=>{const e=this.selectedParticipants[a];const n=e.availability?.open_hours||[];if(!e||!e.name||!e.availability)return;return t("div",{class:"participant-container",part:"npca__participant-container",key:`participant-conatiner-${i}`},t("div",{class:"participant-title",part:"npca__participant-title"},t("p",null,r.t("nylasParticipantCustomAvailability.participantOpenHoursTitle",{participantName:e.name})),t("div",{class:"participant-toggle",part:"npca__participant-toggle--container"},t("toggle-switch",{exportparts:"ts_label: npca__toggle-label, ts_input: npca_toggle-input, ts_slider: npca_toggle-slider",name:a,checked:!!e?.openHours&&e?.openHours.length>0,themeConfig:this.themeConfig}),t("span",{class:`chevron ${e.isOpen?"open":"closed"} ${e.setCustom?"":"disabled"}`,onClick:()=>{if(!e.setCustom)return;this.selectedParticipants[a].isOpen=!e.isOpen;this.selectedParticipants[a].tab="availability";this.selectedParticipants={...this.selectedParticipants}}},t("chevron-icon",{width:"24",height:"24"})))),e.isOpen&&t("div",{class:"participant-tabs",part:"npca__participant-tabs"},t("div",{class:`participant-tab ${e.tab==="availability"?"active":""}`,part:"npca__participant-tab",onClick:()=>{this.selectedParticipants[a].tab="availability";this.selectedParticipants={...this.selectedParticipants}}},t("span",null,r.t("nylasParticipantCustomAvailability.participantAvailabilityTab"))),t("div",{class:`participant-tab ${e.tab==="specific-time-availability"?"active":""}`,part:"npca__participant-tab",onClick:()=>{this.selectedParticipants[a].tab="specific-time-availability";this.selectedParticipants={...this.selectedParticipants}}},t("span",null,r.t("nylasParticipantCustomAvailability.participantSpecificTimeAvailabilityTab")))),e.tab==="availability"&&e.isOpen&&t("nylas-availability-picker",{key:i,name:`participant-availability-${i}-${a}`,openHours:n,defaultTimezone:e.timezone,hideHeader:true}),e.tab==="specific-time-availability"&&e.isOpen&&t("nylas-specific-time-availability-picker",{key:i,name:`participant-specific-time-availability-${i}-${a}`,specificTimesAvailability:e.specificTimesAvailability}))}))))))}static get formAssociated(){return true}get host(){return n(this)}static get watchers(){return{name:["elementNameChangedHandler"],participants:["participantsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};p([l({name:"nylas-participants-custom-availability",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_participants_custom_availability};
 //# sourceMappingURL=nylas-participants-custom-availability.entry.js.map

package/dist/nylas-web-elements/nylas-reminder-emails.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a as n,h as r,d as a,e as i}from"./index-B-KMpdMZ.js";import{R as l}from"./register-component-BHk70oxk.js";import{b as s,i as o}from"./utils-Bj5Y75fX.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.cards-container{margin-bottom:4rem;color:var(--nylas-base-900)}.cards-container .nylas-reminder-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}.cards-container .nylas-reminder-email .reminder-open-close-toggle{display:flex;gap:16px}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:hover,.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-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}.cards-container .nylas-reminder-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}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-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){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__block{display:flex;flex-direction:column;gap:0.5rem;border-top:1px solid var(--nylas-base-200);padding-top:1rem;margin-top:0.5rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message{color:var(--nylas-error);display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message button-component button{color:blue}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message button-component button:hover{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-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)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button trash-icon{color:var(--nylas-error)}';var d=undefined&&undefined.__decorate||function(e,n,r,a){var i=arguments.length,l=i<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,r):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,r,a);else for(var o=e.length-1;o>=0;o--)if(s=e[o])l=(i<3?s(l):i>3?s(n,r,l):s(n,r))||l;return i>3&&l&&Object.defineProperty(n,r,l),l};var m=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const c=class{constructor(r){e(this,r);this.valueChanged=n(this,"valueChanged",7);this.nylasSuggestReminderMinutes=n(this,"nylasSuggestReminderMinutes",7);if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.name="reminder-overrides";this.reminders=this.selectedConfiguration?.event_booking?.reminders??this.selectedConfiguration?.group_booking?.reminders??this.eventReminders??[];this.reminderErrors={};this.participants=this.selectedConfiguration?.participants??[];this.clearError=false}connectedCallback(){s("nylas-reminder-emails","connectedCallback")}disconnectedCallback(){s("nylas-reminder-emails","disconnectedCallback")}componentWillLoad(){s("nylas-reminder-emails","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-reminder-emails","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.reminders=this.eventReminders??[];this.updateRemindersFormValue(false)}}componentWillUpdate(){s("nylas-reminder-emails","componentWillUpdate")}componentDidUpdate(){s("nylas-reminder-emails","componentDidUpdate")}componentWillRender(){s("nylas-reminder-emails","componentWillRender")}componentDidRender(){s("nylas-reminder-emails","componentDidRender")}elementNameChangedHandler(e){s("nylas-reminder-emails","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-reminder-emails","selectedConfigurationChangedHandler",e);const n=e;const r=e;this.reminders=n?.event_booking?.reminders??r?.group_booking?.reminders??[];this.participants=n?.participants??[];this.updateRemindersFormValue(false)}selectedLanguageChangedHandler(e,n){if(e===n)return;o.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,r]of Object.entries(e)){this.host.style.setProperty(`${n}`,r)}}}handleValueChanged(e){s("nylas-reminder-emails","handleValueChanged",e);const{name:n,value:r}=e.detail;if(n.startsWith("reminder-time-")){const e=parseInt(r)%5;if(e!==0){this.reminderErrors[n]={error:o.t("nylasReminderEmails.reminderMinutesValidationError"),suggestion:parseInt(r)+(5-e)};this.reminderErrors={...this.reminderErrors};this.internals.setValidity({customError:true},"Reminder time must be a multiple of 5");return}else{delete this.reminderErrors[n];this.reminderErrors={...this.reminderErrors};this.internals.setValidity({customError:false})}const[a,i]=n.split(/(\d+)/);const l=[...this.reminders];l[i].minutes_before_event=parseInt(r);this.reminders=[...l];this.updateRemindersFormValue()}}handleNylasFormDropdownChanged(e){s("nylas-reminder-emails","handleNylasFormDropdownChanged",e);const{name:n,value:r}=e.detail;if(!n.startsWith("recipient-")){return}const[a,i]=n.split(/(\d+)/);const l=[...this.reminders];l[i].recipient=r;this.reminders=[...l];this.updateRemindersFormValue()}handleNylasFormInputChanged(e){s("nylas-reminder-emails","handleNylasFormInputChanged",e);const{name:n,value:r}=e.detail;if(!n.startsWith("reminder-subject-")){return}const[a,i]=n.split(/(\d+)/);const l=[...this.reminders];l[i].email_subject=r;this.reminders=[...l];this.updateRemindersFormValue()}addReminder(){s("nylas-reminder-emails","addReminder");const e=this.selectedConfiguration?.type==="group"?"guest":"all";this.reminders=[...this.reminders,{type:"email",minutes_before_event:30,editing:true,recipient:e}];this.updateRemindersFormValue()}deleteReminder(e){this.reminders=this.reminders.filter(((n,r)=>r!==e)).map((e=>({...e})));this.updateRemindersFormValue()}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}updateRemindersFormValue(e=true){s("nylas-reminder-emails","updateRemindersFormValue");const n=this.reminders.map((e=>{const n={...e};n?.editing&&delete n.editing;return n}));if(e){this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name)}formatReminderTime(e){switch(true){case e>24*60:return`${(e/60/24).toFixed(2)} ${o.t("time.days")}`;case e===24*60:return`1 ${o.t("time.days")}`;case e>90||e===60:return`${(e/60).toFixed(2)} ${o.t("time.hours")}`;default:return`${e} ${e>1?o.t("time.minutes"):o.t("time.minute")} `}}render(){const e=this.participants.find((e=>e.is_organizer))?.name;let n=[{label:o.t("nylasReminderEmails.recipientOptions",{context:"all"}),value:"all"},{label:o.t("nylasReminderEmails.recipientOptions",{context:"guest"}),value:"guest"},{label:o.t("nylasReminderEmails.recipientOptions",{context:"host"}),value:"host"}];if(this.selectedConfiguration?.type==="group"){n=n.filter((e=>e.value!=="all"))}return r(a,{key:"318c4bdc6d4afd9564194423a090f38dbab5b275"},r("div",{key:"96f04b639b71e40123b4f51aea62efa9eed50e44",class:"cards-container"},this.reminders.map(((a,i)=>a.type!=="webhook"?r("div",{class:"nylas-reminder-email",part:"nre"},r("div",{class:"header",part:"nre__header"},r("div",null,r("h3",null,e?o.t("nylasReminderEmails.headerTitle_withOrganizer",{organizerName:` ${e}`}):o.t("nylasReminderEmails.headerTitle")),r("p",null,o.t("nylasReminderEmails.headerSubTitle"))),!a.editing?r("button-component",{variant:"basic",key:`edit-${i} `,clickHandler:e=>{e.preventDefault();a.editing=true;this.reminders=[...this.reminders]}},r("edit-icon",{width:"16",height:"16"}),o.t("nylasReminderEmails.editButtonText")):r("div",{class:"reminder-open-close-toggle"},r("button-component",{variant:"basic",class:"delete-btn",tooltip:"Delete reminder",key:`delete -${i} `,clickHandler:e=>{e.preventDefault();this.deleteReminder(i)}},r("trash-icon",{width:"16",height:"16"})),r("span",{class:`chevron ${a.editing?"open":"closed"}`,onClick:()=>{a.editing=!a.editing;this.reminders=[...this.reminders]}},r("chevron-icon",{width:"24",height:"24"})))),a.editing?r("div",{class:"nylas-reminder-email__body",part:"nre__body"},r("div",{class:"nylas-reminder-email__section"},r("div",{class:"nylas-reminder-email__row"},r("label",null,o.t("nylasReminderEmails.emailRecipients.label")),r("select-dropdown",{name:`recipient-${i}`,options:n,defaultSelectedOption:n.find((e=>e.value===a.recipient))??n[0],withSearch:false,themeConfig:this.themeConfig})),r("div",{class:"nylas-reminder-email__row"},r("label",null,o.t("nylasReminderEmails.sendConfirmation.label"),r("span",{class:"label-icon"},r("tooltip-component",null,r("info-icon",{slot:"tooltip-icon"}),r("span",{slot:"tooltip-content"},o.t("nylasReminderEmails.sendConfirmation.tooltip.desc"))))),r("div",null,r("nylas-reminder-time",{name:`reminder-time-${i}`,eventReminderTimeMinutes:a.minutes_before_event,themeConfig:this.themeConfig,exportparts:"nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"}),this.reminderErrors[`reminder-time-${i}`]?.error&&r("p",{class:"error-message"},this.reminderErrors[`reminder-time-${i}`]?.error," ",r("button-component",{variant:"invisible",onClick:e=>{this.nylasSuggestReminderMinutes.emit({minutes:this.reminderErrors[`reminder-time-${i}`]?.suggestion})}},this.reminderErrors[`reminder-time-${i}`]?.suggestion)))),r("div",{class:"nylas-reminder-email__block"},r("label",null,o.t("nylasReminderEmails.emailSubject.label")),r("input-component",{name:`reminder-subject-${i}`,maxLength:60,placeholder:e?o.t("nylasReminderEmails.emailSubject.placeholder_withOrganizer",{organizerName:e}):o.t("nylasReminderEmails.emailSubject.placeholder"),defaultValue:a?.email_subject||"",themeConfig:this.themeConfig})))):r("div",{class:"nylas-reminder-email__summary",part:"nre__summary"},r("p",null,r("span",{class:"summary-icon"},r("person-clipboard-icon",null)),n.find((e=>e.value===a.recipient))?.label),r("p",null,r("span",{class:"summary-icon"},r("clock-icon",null)),this.formatReminderTime(a.minutes_before_event)," ",o.t("nylasReminderEmails.beforeTheEvent")))):null))),r("button-component",{key:"231feff2199f6f9d09f63cfe5c37c71e09de7baa",class:"create-reminder",variant:"basic",clickHandler:e=>{e.preventDefault();this.addReminder()}},r("plus-icon",{key:"4d3847290f4e5420fc6226cf8b7ecac6fae1b495",width:"16",height:"16"}),o.t("nylasReminderEmails.newReminderButtonText")))}static get formAssociated(){return true}get host(){return i(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([l({name:"nylas-reminder-emails",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:r}=e.detail;if(r){r(e)}}},fireRegisterEvent:true}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],c.prototype,"render",null);c.style=t;export{c as nylas_reminder_emails};
+import{r as e,a as n,h as r,d as a,e as i}from"./index-Cbn5rIwb.js";import{R as l}from"./register-component-Blj8K64f.js";import{b as s,i as o}from"./utils-DhmCcrVs.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.cards-container{margin-bottom:4rem;color:var(--nylas-base-900)}.cards-container .nylas-reminder-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}.cards-container .nylas-reminder-email .reminder-open-close-toggle{display:flex;gap:16px}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:hover,.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-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}.cards-container .nylas-reminder-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}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-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){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__block{display:flex;flex-direction:column;gap:0.5rem;border-top:1px solid var(--nylas-base-200);padding-top:1rem;margin-top:0.5rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message{color:var(--nylas-error);display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message button-component button{color:blue}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message button-component button:hover{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-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)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-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}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button trash-icon{color:var(--nylas-error)}';var d=undefined&&undefined.__decorate||function(e,n,r,a){var i=arguments.length,l=i<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,r):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,r,a);else for(var o=e.length-1;o>=0;o--)if(s=e[o])l=(i<3?s(l):i>3?s(n,r,l):s(n,r))||l;return i>3&&l&&Object.defineProperty(n,r,l),l};var m=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const c=class{constructor(r){e(this,r);this.valueChanged=n(this,"valueChanged",7);this.nylasSuggestReminderMinutes=n(this,"nylasSuggestReminderMinutes",7);if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.name="reminder-overrides";this.reminders=this.selectedConfiguration?.event_booking?.reminders??this.selectedConfiguration?.group_booking?.reminders??this.eventReminders??[];this.reminderErrors={};this.participants=this.selectedConfiguration?.participants??[];this.clearError=false}connectedCallback(){s("nylas-reminder-emails","connectedCallback")}disconnectedCallback(){s("nylas-reminder-emails","disconnectedCallback")}componentWillLoad(){s("nylas-reminder-emails","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-reminder-emails","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.reminders=this.eventReminders??[];this.updateRemindersFormValue(false)}}componentWillUpdate(){s("nylas-reminder-emails","componentWillUpdate")}componentDidUpdate(){s("nylas-reminder-emails","componentDidUpdate")}componentWillRender(){s("nylas-reminder-emails","componentWillRender")}componentDidRender(){s("nylas-reminder-emails","componentDidRender")}elementNameChangedHandler(e){s("nylas-reminder-emails","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-reminder-emails","selectedConfigurationChangedHandler",e);const n=e;const r=e;this.reminders=n?.event_booking?.reminders??r?.group_booking?.reminders??[];this.participants=n?.participants??[];this.updateRemindersFormValue(false)}selectedLanguageChangedHandler(e,n){if(e===n)return;o.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,r]of Object.entries(e)){this.host.style.setProperty(`${n}`,r)}}}handleValueChanged(e){s("nylas-reminder-emails","handleValueChanged",e);const{name:n,value:r}=e.detail;if(n.startsWith("reminder-time-")){const e=parseInt(r)%5;if(e!==0){this.reminderErrors[n]={error:o.t("nylasReminderEmails.reminderMinutesValidationError"),suggestion:parseInt(r)+(5-e)};this.reminderErrors={...this.reminderErrors};this.internals.setValidity({customError:true},"Reminder time must be a multiple of 5");return}else{delete this.reminderErrors[n];this.reminderErrors={...this.reminderErrors};this.internals.setValidity({customError:false})}const[a,i]=n.split(/(\d+)/);const l=[...this.reminders];l[i].minutes_before_event=parseInt(r);this.reminders=[...l];this.updateRemindersFormValue()}}handleNylasFormDropdownChanged(e){s("nylas-reminder-emails","handleNylasFormDropdownChanged",e);const{name:n,value:r}=e.detail;if(!n.startsWith("recipient-")){return}const[a,i]=n.split(/(\d+)/);const l=[...this.reminders];l[i].recipient=r;this.reminders=[...l];this.updateRemindersFormValue()}handleNylasFormInputChanged(e){s("nylas-reminder-emails","handleNylasFormInputChanged",e);const{name:n,value:r}=e.detail;if(!n.startsWith("reminder-subject-")){return}const[a,i]=n.split(/(\d+)/);const l=[...this.reminders];l[i].email_subject=r;this.reminders=[...l];this.updateRemindersFormValue()}addReminder(){s("nylas-reminder-emails","addReminder");const e=this.selectedConfiguration?.type==="group"?"guest":"all";this.reminders=[...this.reminders,{type:"email",minutes_before_event:30,editing:true,recipient:e}];this.updateRemindersFormValue()}deleteReminder(e){this.reminders=this.reminders.filter(((n,r)=>r!==e)).map((e=>({...e})));this.updateRemindersFormValue()}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}updateRemindersFormValue(e=true){s("nylas-reminder-emails","updateRemindersFormValue");const n=this.reminders.map((e=>{const n={...e};n?.editing&&delete n.editing;return n}));if(e){this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name)}formatReminderTime(e){switch(true){case e>24*60:return`${(e/60/24).toFixed(2)} ${o.t("time.days")}`;case e===24*60:return`1 ${o.t("time.days")}`;case e>90||e===60:return`${(e/60).toFixed(2)} ${o.t("time.hours")}`;default:return`${e} ${e>1?o.t("time.minutes"):o.t("time.minute")} `}}render(){const e=this.participants.find((e=>e.is_organizer))?.name;let n=[{label:o.t("nylasReminderEmails.recipientOptions",{context:"all"}),value:"all"},{label:o.t("nylasReminderEmails.recipientOptions",{context:"guest"}),value:"guest"},{label:o.t("nylasReminderEmails.recipientOptions",{context:"host"}),value:"host"}];if(this.selectedConfiguration?.type==="group"){n=n.filter((e=>e.value!=="all"))}return r(a,{key:"318c4bdc6d4afd9564194423a090f38dbab5b275"},r("div",{key:"96f04b639b71e40123b4f51aea62efa9eed50e44",class:"cards-container"},this.reminders.map(((a,i)=>a.type!=="webhook"?r("div",{class:"nylas-reminder-email",part:"nre"},r("div",{class:"header",part:"nre__header"},r("div",null,r("h3",null,e?o.t("nylasReminderEmails.headerTitle_withOrganizer",{organizerName:` ${e}`}):o.t("nylasReminderEmails.headerTitle")),r("p",null,o.t("nylasReminderEmails.headerSubTitle"))),!a.editing?r("button-component",{variant:"basic",key:`edit-${i} `,clickHandler:e=>{e.preventDefault();a.editing=true;this.reminders=[...this.reminders]}},r("edit-icon",{width:"16",height:"16"}),o.t("nylasReminderEmails.editButtonText")):r("div",{class:"reminder-open-close-toggle"},r("button-component",{variant:"basic",class:"delete-btn",tooltip:"Delete reminder",key:`delete -${i} `,clickHandler:e=>{e.preventDefault();this.deleteReminder(i)}},r("trash-icon",{width:"16",height:"16"})),r("span",{class:`chevron ${a.editing?"open":"closed"}`,onClick:()=>{a.editing=!a.editing;this.reminders=[...this.reminders]}},r("chevron-icon",{width:"24",height:"24"})))),a.editing?r("div",{class:"nylas-reminder-email__body",part:"nre__body"},r("div",{class:"nylas-reminder-email__section"},r("div",{class:"nylas-reminder-email__row"},r("label",null,o.t("nylasReminderEmails.emailRecipients.label")),r("select-dropdown",{name:`recipient-${i}`,options:n,defaultSelectedOption:n.find((e=>e.value===a.recipient))??n[0],withSearch:false,themeConfig:this.themeConfig})),r("div",{class:"nylas-reminder-email__row"},r("label",null,o.t("nylasReminderEmails.sendConfirmation.label"),r("span",{class:"label-icon"},r("tooltip-component",null,r("info-icon",{slot:"tooltip-icon"}),r("span",{slot:"tooltip-content"},o.t("nylasReminderEmails.sendConfirmation.tooltip.desc"))))),r("div",null,r("nylas-reminder-time",{name:`reminder-time-${i}`,eventReminderTimeMinutes:a.minutes_before_event,themeConfig:this.themeConfig,exportparts:"nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"}),this.reminderErrors[`reminder-time-${i}`]?.error&&r("p",{class:"error-message"},this.reminderErrors[`reminder-time-${i}`]?.error," ",r("button-component",{variant:"invisible",onClick:e=>{this.nylasSuggestReminderMinutes.emit({minutes:this.reminderErrors[`reminder-time-${i}`]?.suggestion})}},this.reminderErrors[`reminder-time-${i}`]?.suggestion)))),r("div",{class:"nylas-reminder-email__block"},r("label",null,o.t("nylasReminderEmails.emailSubject.label")),r("input-component",{name:`reminder-subject-${i}`,maxLength:60,placeholder:e?o.t("nylasReminderEmails.emailSubject.placeholder_withOrganizer",{organizerName:e}):o.t("nylasReminderEmails.emailSubject.placeholder"),defaultValue:a?.email_subject||"",themeConfig:this.themeConfig})))):r("div",{class:"nylas-reminder-email__summary",part:"nre__summary"},r("p",null,r("span",{class:"summary-icon"},r("person-clipboard-icon",null)),n.find((e=>e.value===a.recipient))?.label),r("p",null,r("span",{class:"summary-icon"},r("clock-icon",null)),this.formatReminderTime(a.minutes_before_event)," ",o.t("nylasReminderEmails.beforeTheEvent")))):null))),r("button-component",{key:"231feff2199f6f9d09f63cfe5c37c71e09de7baa",class:"create-reminder",variant:"basic",clickHandler:e=>{e.preventDefault();this.addReminder()}},r("plus-icon",{key:"4d3847290f4e5420fc6226cf8b7ecac6fae1b495",width:"16",height:"16"}),o.t("nylasReminderEmails.newReminderButtonText")))}static get formAssociated(){return true}get host(){return i(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([l({name:"nylas-reminder-emails",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:r}=e.detail;if(r){r(e)}}},fireRegisterEvent:true}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],c.prototype,"render",null);c.style=t;export{c as nylas_reminder_emails};
 //# sourceMappingURL=nylas-reminder-emails.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,a as n,h as r,d as a,e as l}from"./index-B-KMpdMZ.js";import{R as o}from"./register-component-BHk70oxk.js";import{b as t,i as s}from"./utils-Bj5Y75fX.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown{width:80px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}';var d=undefined&&undefined.__decorate||function(e,n,r,a){var l=arguments.length,o=l<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,r):a,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,r,a);else for(var s=e.length-1;s>=0;s--)if(t=e[s])o=(l<3?t(o):l>3?t(n,r,o):t(n,r))||o;return l>3&&o&&Object.defineProperty(n,r,o),o};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(r){e(this,r);this.valueChanged=n(this,"valueChanged",7);if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.name="reminder-time";this.errorState=false}elementNameChangedHandler(e){t("nylas-reminder-time","elementNameChangedHandler",e);this.host.setAttribute("name",e)}eventReminderTimeMinutesChangedHandler(e,n){t("nylas-reminder-time","eventReminderTimeMinutesChangedHandler",e);this.updateNumberAndPeriodFromMinutes(e);this.isInternalsAvailable&&this.internals.setFormValue(e?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;s.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}connectedCallback(){t("nylas-reminder-time","connectedCallback")}componentWillLoad(){t("nylas-reminder-time","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-reminder-time","componentDidLoad");this.updateNumberAndPeriodFromMinutes(this.eventReminderTimeMinutes||30)}disconnectedCallback(){t("nylas-reminder-time","disconnectedCallback")}applyThemeConfig(e){if(e){for(const[n,r]of Object.entries(e)){this.host.style.setProperty(`${n}`,r)}}}nylasSuggestReminderMinutesHandler(e){const{minutes:n}=e.detail;this.errorState=false;this.valueChanged.emit({value:n.toString(),name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name);this.updateNumberAndPeriodFromMinutes(n+7);setTimeout((()=>{this.updateNumberAndPeriodFromMinutes(n)}),10)}timePeriodChangedHandler(e){const{number:n,period:r}=e.detail;let a;const l=60;const o=l*24;const t=o*7;const s=o*30;if(r==="minute"){a=n}else if(r==="hour"){a=n*l}else if(r==="day"){a=n*o}else if(r==="week"){a=n*t}else if(r==="month"){a=n*s}else{a=0}this.errorState=a%5!==0;this.valueChanged.emit({value:a,name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(a.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const r=n*24;const a=r*7;const l=r*30;let o,t;if(e===0){o=0;t="minute"}else if(e>=l&&e%l===0){o=Math.floor(e/l);t="month"}else if(e>=a&&e%a===0){o=Math.floor(e/a);t="week"}else if(e>=r&&e%r===0){o=Math.floor(e/r);t="day"}else if(e>=n&&e%n===0){o=Math.floor(e/n);t="hour"}else{o=e;t="minute"}this.selectedNumber=o;this.selectedPeriod=t}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return r(a,{key:"b8066e46244e72cb714486c09c9cadabd9a166c9"},r("div",{key:"ece39d87f1d2432e54dbfacbfb5014b93fac95c8",class:"nylas-reminder-time",part:"nrt"},r("div",{key:"8814d06ada6f9f850f836fb2c635caccc16502b5",class:"nylas-reminder-time__wrapper"},e&&r("time-period-selector",{key:"4a58672c19e88abce823dd39db22758ad98df1af",id:"limit-future-bookings",part:"nrt__time-period-selector",hasError:this.errorState,timePeriods:[{value:"minute",label:s.t("timeDuration",{context:"minute"})},{value:"hour",label:s.t("timeDuration",{context:"hour"})},{value:"day",label:s.t("timePeriod",{context:"day"})}],exportparts:"tps__number-dropdown: nrt__number-dropdown, tps__number-dropdown-button: nrt__number-dropdown-button, tps__number-dropdown-content: nrt__number-dropdown-content, tps__period-dropdown: nrt__period-dropdown, tps__period-dropdown-button: nrt__period-dropdown-button, tps__period-dropdown-content: nrt__period-dropdown-content",defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig}))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],eventReminderTimeMinutes:["eventReminderTimeMinutesChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([o({name:"nylas-reminder-time",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],f.prototype,"render",null);f.style=i;export{f as nylas_reminder_time};
+import{r as e,a as n,h as r,d as a,e as l}from"./index-Cbn5rIwb.js";import{R as o}from"./register-component-Blj8K64f.js";import{b as t,i as s}from"./utils-DhmCcrVs.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown{width:80px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}';var d=undefined&&undefined.__decorate||function(e,n,r,a){var l=arguments.length,o=l<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,r):a,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,r,a);else for(var s=e.length-1;s>=0;s--)if(t=e[s])o=(l<3?t(o):l>3?t(n,r,o):t(n,r))||o;return l>3&&o&&Object.defineProperty(n,r,o),o};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(r){e(this,r);this.valueChanged=n(this,"valueChanged",7);if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.name="reminder-time";this.errorState=false}elementNameChangedHandler(e){t("nylas-reminder-time","elementNameChangedHandler",e);this.host.setAttribute("name",e)}eventReminderTimeMinutesChangedHandler(e,n){t("nylas-reminder-time","eventReminderTimeMinutesChangedHandler",e);this.updateNumberAndPeriodFromMinutes(e);this.isInternalsAvailable&&this.internals.setFormValue(e?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;s.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}connectedCallback(){t("nylas-reminder-time","connectedCallback")}componentWillLoad(){t("nylas-reminder-time","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-reminder-time","componentDidLoad");this.updateNumberAndPeriodFromMinutes(this.eventReminderTimeMinutes||30)}disconnectedCallback(){t("nylas-reminder-time","disconnectedCallback")}applyThemeConfig(e){if(e){for(const[n,r]of Object.entries(e)){this.host.style.setProperty(`${n}`,r)}}}nylasSuggestReminderMinutesHandler(e){const{minutes:n}=e.detail;this.errorState=false;this.valueChanged.emit({value:n.toString(),name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name);this.updateNumberAndPeriodFromMinutes(n+7);setTimeout((()=>{this.updateNumberAndPeriodFromMinutes(n)}),10)}timePeriodChangedHandler(e){const{number:n,period:r}=e.detail;let a;const l=60;const o=l*24;const t=o*7;const s=o*30;if(r==="minute"){a=n}else if(r==="hour"){a=n*l}else if(r==="day"){a=n*o}else if(r==="week"){a=n*t}else if(r==="month"){a=n*s}else{a=0}this.errorState=a%5!==0;this.valueChanged.emit({value:a,name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(a.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const r=n*24;const a=r*7;const l=r*30;let o,t;if(e===0){o=0;t="minute"}else if(e>=l&&e%l===0){o=Math.floor(e/l);t="month"}else if(e>=a&&e%a===0){o=Math.floor(e/a);t="week"}else if(e>=r&&e%r===0){o=Math.floor(e/r);t="day"}else if(e>=n&&e%n===0){o=Math.floor(e/n);t="hour"}else{o=e;t="minute"}this.selectedNumber=o;this.selectedPeriod=t}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return r(a,{key:"b8066e46244e72cb714486c09c9cadabd9a166c9"},r("div",{key:"ece39d87f1d2432e54dbfacbfb5014b93fac95c8",class:"nylas-reminder-time",part:"nrt"},r("div",{key:"8814d06ada6f9f850f836fb2c635caccc16502b5",class:"nylas-reminder-time__wrapper"},e&&r("time-period-selector",{key:"4a58672c19e88abce823dd39db22758ad98df1af",id:"limit-future-bookings",part:"nrt__time-period-selector",hasError:this.errorState,timePeriods:[{value:"minute",label:s.t("timeDuration",{context:"minute"})},{value:"hour",label:s.t("timeDuration",{context:"hour"})},{value:"day",label:s.t("timePeriod",{context:"day"})}],exportparts:"tps__number-dropdown: nrt__number-dropdown, tps__number-dropdown-button: nrt__number-dropdown-button, tps__number-dropdown-content: nrt__number-dropdown-content, tps__period-dropdown: nrt__period-dropdown, tps__period-dropdown-button: nrt__period-dropdown-button, tps__period-dropdown-content: nrt__period-dropdown-content",defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig}))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],eventReminderTimeMinutes:["eventReminderTimeMinutesChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([o({name:"nylas-reminder-time",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],f.prototype,"render",null);f.style=i;export{f as nylas_reminder_time};
 //# sourceMappingURL=nylas-reminder-time.entry.js.map