@nylas/web-elements 0.0.0-test-20250319204140 → 0.0.0-test-20250320180623

package/dist/nylas-web-elements/p-731a856b.js

@@ -0,0 +1,2 @@
+import{i as t,b as e,a as i}from"./p-77e4b56c.js";import{c as n}from"./p-fc5bc07b.js";var s;(function(t){t["Error"]="error";t["Warning"]="warning";t["Info"]="info";t["Success"]="success"})(s||(s={}));var o;(function(t){t["Component"]="component";t["Api"]="api";t["Auth"]="auth"})(o||(o={}));var r;(function(t){t["endtime_not_in_future"]="endtime_not_in_future";t["no_booking_info"]="no_booking_info";t["no_timeslot_selected"]="no_timeslot_selected";t["no_timezone_selected"]="no_timezone_selected";t["no_booking_id"]="no_booking_id";t["no_salt"]="no_salt";t["invalid_start_time"]="invalid_start_time";t["invalid_end_time"]="invalid_end_time";t["invalid_timezone"]="invalid_timezone";t["no_config_id"]="no_config_id"})(r||(r={}));var a;(function(t){t["invalid_session"]="invalid_session";t["general_error"]="general_error";t["internal_error"]="internal_error";t["invalid_request_error"]="invalid_request_error";t["timeslot_not_available"]="timeslot_not_available";t["provider_error"]="provider_error";t["not_found_error"]="not_found_error"})(a||(a={}));class l{constructor(){this.component=t=>{const e=o.Component;const i=`${t} Error`;return{endtime_not_in_future:(t='"endtime" can not be in the future')=>({title:i,message:t,category:e}),no_booking_info:(t="No booking info provided")=>({title:i,message:t,category:e}),no_timeslot_selected:(t="No timeslot selected")=>({title:i,message:t,category:e}),no_timezone_selected:(t="No timezone selected")=>({title:i,message:t,category:e}),no_booking_id:(t="No booking id provided")=>({title:i,message:t,category:e}),no_salt:(t="No salt provided")=>({title:i,message:t,category:e}),invalid_start_time:(t="Invalid start time")=>({title:i,message:t,category:e}),invalid_end_time:(t="Invalid end time")=>({title:i,message:t,category:e}),invalid_timezone:(t="Invalid timezone")=>({title:i,message:t,category:e}),no_config_id:(t="No configuration id provided")=>({title:i,message:t,category:e})}};this.api=t=>{const e=o.Api;const i=`${t} Error`;return{invalid_session:t=>({title:i,message:t,category:e}),general_error:t=>({title:i,message:t,category:e}),internal_error:t=>({title:i,message:t,category:e}),invalid_request_error:t=>({title:i,message:t,category:e}),timeslot_not_available:t=>({title:i,message:t,category:e}),provider_error:t=>({title:i,message:t,category:e}),not_found_error:t=>({title:i,message:t,category:e})}}}}class c{constructor({schedulerAPIURL:t,schedulerStore:e,sessionId:i,configId:n,slug:s,clientId:o}){this.errors=new l;this.schedulerStore=e;this.schedulerAPIURL=t;this.sessionId=i;this.configId=n;this.slug=s;this.clientId=o}getHeaders(){return this.sessionId?{Authorization:`Bearer ${this.sessionId}`}:{}}async makeAPIRequest(t,e,i,n={}){try{const s=new URL(this.schedulerAPIURL);const o="1.4.0";s.pathname=t;const r=await fetch(decodeURIComponent(s.toString()),{method:e,headers:{"Content-Type":"application/json",Origin:window.location.origin,"X-Source":"nylas-scheduling","X-Nylas-Web-Elements-Version":o,...n},body:i});const a=await r.json();return a}catch(t){return{error:{message:t.message,title:"API request failed",type:"api"}}}}getErrorMessage(t){let e=t?.message||t?.title||"Something went wrong";if(t?.type==="provider_error"){e=t?.provider_error?.error?.message||t?.provider_error?.error?.title||"Something went wrong"}return e}setConfigId(t){this.configId=t}selectDate(t){this.schedulerStore.set("selectedDate",t);this.schedulerStore.set("selectedTimeslot",null)}selectTime(t){this.schedulerStore.set("selectedTimeslot",t)}selectTimezone(t){this.schedulerStore.set("selectedTimezone",t)}selectLanguage(e){this.schedulerStore.set("selectedLanguage",e);t.changeLanguage(e)}async toggleAdditionalData(t){if(!t){await this.refetchAvailability()}this.schedulerStore.set("showBookingForm",t)}setParticipantName(t){const{bookingInfo:e}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...e,primaryParticipant:{...e?.primaryParticipant,name:t}})}setParticipantEmail(t){const{bookingInfo:e}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...e,primaryParticipant:{...e?.primaryParticipant,email:t}})}async refetchAvailability(){const t=new Date;const e=new Date(t.getFullYear(),t.getMonth(),1).getTime()/1e3;const i=e<t.getTime()/1e3?Math.floor(t.getTime()/1e3):e;const n=new Date(t.getFullYear(),t.getMonth()+1,1).getTime()/1e3;const s=await this.getAvailability(i,n);return s}async resetStoreStateAndFetchAvailability(){const t=new Date;const e=await this.refetchAvailability();const i=this.schedulerStore.get("availability").find((t=>new Date(t.start_time)>new Date));let n=t;if(i){n=i.start_time}this.schedulerStore.set("selectedDate",n);this.schedulerStore.set("eventInfo",null);this.schedulerStore.set("showBookingForm",false);this.schedulerStore.set("selectedTimeslot",null);return e}async setReschedule(t){this.schedulerStore.set("isLoading",true);const e=this.schedulerStore.state.eventInfo;if(e){this.schedulerStore.set("reschedulingEventInfo",e)}this.schedulerStore.set("rescheduleBookingId",t);await this.getUISettings();const i=await this.resetStoreStateAndFetchAvailability().finally((()=>{this.schedulerStore.set("isLoading",false)}));return i}async setCancel(t){this.schedulerStore.set("cancelBookingId",t)}async setReject(t){this.schedulerStore.set("rejectBookingId",t)}async resetCancel(){const t=await this.resetStoreStateAndFetchAvailability();this.schedulerStore.set("cancelBookingId","");this.schedulerStore.set("rejectBookingId","");this.schedulerStore.set("cancelledEventInfo",null);return t}async goBack(){this.schedulerStore.set("cancelBookingId","");return}async resetConfirm(){const t=await this.resetStoreStateAndFetchAvailability();this.schedulerStore.set("organizerConfirmationBookingId","");this.schedulerStore.set("confirmedEventInfo",undefined);return t}async bookTimeslot(e){this.schedulerStore.set("isLoading",true);const{selectedTimeslot:i,selectedTimezone:n,bookingInfo:s,selectedLanguage:o}=this.schedulerStore.state;if(!e&&!s){return{error:this.errors.component(t.t("createBookingErrorTitle")).no_booking_info()}}const r=e?.timeslot||i;if(!r){return{error:this.errors.component(t.t("createBookingErrorTitle")).no_timeslot_selected()}}const a=e&&e?.timezone?e?.timezone:n;const l=o||"en-US";if(!a){return{error:this.errors.component(t.t("createBookingErrorTitle")).no_timezone_selected()}}const c=[...this.schedulerStore.get("availabilityOrderEmails")];let d="";const h=r?.emails||[];const g={};Object.entries(s?.additionalFields||{}).forEach((([t,e])=>{g[t]=e.value}));const u=e?e?.primaryParticipant:s?.primaryParticipant;const f=e?e?.guests||[]:s?.guests||[];const m=e?e?.additionalFields:g;const _=this.getHeaders();const v=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"";const y=`/v3/scheduling/bookings${v}`;if(c.length===0){const t=await this.makeAPIRequest(decodeURIComponent(y),"POST",JSON.stringify({additional_fields:m,additional_guests:f,guest:{...u},start_time:r.start_time.getTime()/1e3,end_time:r.end_time.getTime()/1e3,timezone:a,event_id:r?.event_id||undefined,master_id:r?.master_id||undefined,calendar_id:r?.calendar_id||undefined,email_language:this.getTwoLetterLanguageCode(l)}),_);this.schedulerStore.set("isLoading",false);if("data"in t){this.schedulerStore.set("eventInfo",t.data);return t}return{error:t.error}}while(c.length>0){d=c.shift();if(!h.includes(d)){continue}const e=await this.makeAPIRequest(decodeURIComponent(y),"POST",JSON.stringify({participants:d?[{email:d}]:undefined,additional_fields:m,additional_guests:f,guest:{...u},start_time:r.start_time.getTime()/1e3,end_time:r.end_time.getTime()/1e3,timezone:a,email_language:this.getTwoLetterLanguageCode(l)}),_);if("data"in e){this.schedulerStore.set("isLoading",false);this.schedulerStore.set("eventInfo",e?.data);return e}else if(e.error?.message?.startsWith("The selected timeslot is unavailable")){continue}else{this.schedulerStore.set("isLoading",false);const i=e.error?.type;let n=e.error;if(i&&i in this.errors.api(t.t("createBookingErrorTitle"))){const e=this.getErrorMessage(n);n=this.errors.api(t.t("createBookingErrorTitle"))[i](e)}return{error:n}}}this.schedulerStore.set("isLoading",false);return{error:this.errors.api(t.t("createBookingErrorTitle")).timeslot_not_available("The selected timeslot is unavailable")}}async getUISettings(){this.schedulerStore.set("isLoading",true);const e=this.schedulerStore.get("rescheduleBookingId");const i=this.getHeaders();let n=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"";if(e&&!!n){n+=`&booking_id=${e}`}else if(e){n+=`?booking_id=${e}`}const s=`/v3/scheduling/ui-settings${n}`;const o=await this.makeAPIRequest(s,"GET",undefined,i);if("error"in o){this.schedulerStore.set("isLoading",false);const e=o.error?.type;let i=o.error;if(e&&e in this.errors.api(t.t("getUISettingErrorTitle"))){i=this.errors.api(t.t("getUISettingErrorTitle"))[e](i?.message||i?.title||"Something went wrong")}return{error:i}}if("data"in o){this.schedulerStore.set("configSettings",o.data)}this.schedulerStore.set("isLoading",false);return o}getTwoLetterLanguageCode(t){return t.split("-")[0]}getStartTimeWithMinBookingNotice(t){const e=this.schedulerStore.get("configSettings")?.scheduler;const i=e?.min_booking_notice;if(!i){return t}const n=(new Date).getTime();if(t<(n+i*60*1e3)/1e3){return Math.floor((n+i*60*1e3)/1e3)}else{return t}}getEndTimeForAvailableDaysInFuture(t){const i=new Date;const n=this.schedulerStore.get("configSettings")?.scheduler?.available_days_in_future;const s=Math.floor(e(i,n).getTime()/1e3);const o=Math.min(s,t);return o}async getAvailability(e=0,i=0){this.schedulerStore.set("isLoading",true);const n=new URLSearchParams;const s=new Date;const o=s.getTime();if(i&&i<o/1e3){this.schedulerStore.set("isLoading",false);const e=this.errors.component(t.t("getAvailabilityErrorTitle")).endtime_not_in_future();return{error:e}}if(!e){const t=new Date(s.getFullYear(),s.getMonth(),1);e=Math.floor(t.getTime()/1e3)}if(!i){const t=new Date(s.getFullYear(),s.getMonth()+1,0);i=Math.floor(t.getTime()/1e3)}i=this.getEndTimeForAvailableDaysInFuture(i);const r=this.getStartTimeWithMinBookingNotice(e);e=r;i=r>i?r+1:i;n.append("start_time",encodeURIComponent(e.toString()));n.append("end_time",encodeURIComponent(i.toString()));if(this.configId&&!this.sessionId){n.append("configuration_id",encodeURIComponent(this.configId))}else if(this.slug&&this.clientId&&!this.sessionId){n.append("slug",encodeURIComponent(this.slug));n.append("client_id",encodeURIComponent(this.clientId))}const a=this.schedulerStore.get("rescheduleBookingId");if(a){n.append("booking_id",encodeURIComponent(a))}const l=n.toString();const c=`/v3/scheduling/availability${l?`?${l}`:""}`;const d=this.getHeaders();const h=await this.makeAPIRequest(decodeURIComponent(c),"GET",undefined,d);if("error"in h){this.schedulerStore.set("availability",[]);this.schedulerStore.set("isLoading",false);const e=h.error?.type;let i=h.error;if(e&&e in this.errors.api(t.t("getAvailabilityErrorTitle"))){const n=this.getErrorMessage(i);i=this.errors.api(t.t("getAvailabilityErrorTitle"))[e](n)}return{error:i}}if("data"in h){const t=h.data?.time_slots?.map((t=>({...t,start_time:new Date(t.start_time*1e3),end_time:new Date(t.end_time*1e3)})))||[];const e=t.filter((t=>t.start_time.getTime()>o));const i=e.sort(((t,e)=>t.start_time.getTime()-e.start_time.getTime()));this.schedulerStore.set("availability",i);const n=h.data?.order||[];this.schedulerStore.set("availabilityOrderEmails",n)}this.schedulerStore.set("isLoading",false);return h}async cancelBooking(e,i){this.schedulerStore.set("isLoading",true);if(!e){return{error:this.errors.component(t.t("cancelBookingErrorTitle")).no_booking_id()}}const n=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"";const s=`/v3/scheduling/bookings/${e}${n}`;const o=this.getHeaders();const r=await this.makeAPIRequest(decodeURIComponent(s),"DELETE",JSON.stringify({action:"cancel",cancellation_reason:i}),o);if("error"in r){this.schedulerStore.set("isLoading",false);const e=r.error?.type;let i=r.error;if(e&&e in this.errors.api(t.t("cancelBookingErrorTitle"))){const n=this.getErrorMessage(i);i=this.errors.api(t.t("cancelBookingErrorTitle"))[e](n)}return{error:i}}this.schedulerStore.set("cancelledEventInfo",{booking_id:e});this.schedulerStore.set("rescheduleBookingId","");this.schedulerStore.set("isLoading",false);return r}async rescheduleBooking(e,i){this.schedulerStore.set("isLoading",true);if(!e){return{error:this.errors.component(t.t("rescheduleBookingErrorTitle")).no_booking_id()}}const n=this.errors.api(t.t("rescheduleBookingErrorTitle"));const s=this.errors.component(t.t("rescheduleBookingErrorTitle"));const{bookingInfo:o,selectedTimeslot:r,selectedTimezone:a,selectedLanguage:l}=this.schedulerStore.state;const{startTime:c,endTime:d,timezone:h}=i;const g=c||r?.start_time;if(!g){return{error:s.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerState.')}}const u=d||r?.end_time;if(!u){return{error:s.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.')}}const f=this.schedulerStore.get("availabilityOrderEmails");let m="";if(f.length>0){const t=r?.emails||[];for(let e=0;e<f.length;e++){if(t.includes(f[e])){m=f[e];break}}}const _=h||a;if(!_){return{error:s.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.')}}const v={};Object.entries(o?.additionalFields||{}).forEach((([t,e])=>{v[t]=e.value}));const y=i?i?.primaryParticipant:o?.primaryParticipant;const I=i?i?.guests||[]:o?.guests||[];const T=i?i?.additionalFields:v;const k=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"";const b=`/v3/scheduling/bookings/${e}${k}`;const p=this.getHeaders();const w=await this.makeAPIRequest(decodeURIComponent(b),"PATCH",JSON.stringify({start_time:g.getTime()/1e3,end_time:u.getTime()/1e3,timezone:_,additional_fields:T,guest:{...y},additional_guests:I,participants:m?[{email:m}]:undefined,email_language:this.getTwoLetterLanguageCode(l)}),p);if("error"in w){this.schedulerStore.set("isLoading",false);const t=w.error?.type;let e=w.error;if(t&&t in n){const i=this.getErrorMessage(e);e=n[t](i)}return{error:e}}const E=this.schedulerStore.get("reschedulingEventInfo");if("data"in w){this.schedulerStore.set("eventInfo",w?.data)}else if(E){this.schedulerStore.set("eventInfo",E)}else{const t={booking_id:e};this.schedulerStore.set("eventInfo",t)}this.schedulerStore.set("isLoading",false);return w}async updateBooking(e){this.schedulerStore.set("isLoading",true);const{bookingId:i,status:n,reason:s}=e;const o=this.schedulerStore.get("organizerConfirmationSalt");const r=n==="confirmed"?t.t("confirmBookingErrorTitle"):t.t("rejectBookingErrorTitle");if(!i){return{error:this.errors.component(r).no_booking_id()}}if(!o){return{error:this.errors.component(r).no_salt()}}const a=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"";const l=`/v3/scheduling/bookings/${i}${a}`;const c=this.getHeaders();const d=await this.makeAPIRequest(decodeURIComponent(l),"PUT",JSON.stringify({status:n,cancellation_reason:s,salt:o}),c);if("error"in d){this.schedulerStore.set("isLoading",false);const t=d.error?.type;let e=d.error;if(t&&t in this.errors.api(r)){const i=this.getErrorMessage(e);e=this.errors.api(r)[t](i)}return{error:e}}if("data"in d&&n==="confirmed"){this.schedulerStore.set("confirmedEventInfo",d?.data)}else if("request_id"in d&&n==="cancelled"){this.schedulerStore.set("cancelledEventInfo",{booking_id:i})}this.schedulerStore.set("organizerConfirmationBookingId","");this.schedulerStore.set("isLoading",false);return d}async validateGroupEventTimeslot(e){this.schedulerStore.set("isLoading",true);const i=this.schedulerStore.get("configSettings")?.configuration_id;if(!i){return{error:this.errors.component(t.t("validateTimeslotErrorTitle")).no_config_id()}}const n=this.getHeaders();const s=`/v3/scheduling/configurations/${i}/group-events/validate-timeslot`;const o=await this.makeAPIRequest(decodeURIComponent(s),"POST",JSON.stringify({...e,start_time:e.start_time.getTime()/1e3,end_time:e.end_time.getTime()/1e3}),n);if("error"in o){this.schedulerStore.set("isLoading",false);const e=o.error?.type;let i=o.error;if(e&&e in this.errors.api(t.t("validateTimeslotErrorTitle"))){const n=this.getErrorMessage(i);i=this.errors.api(t.t("validateTimeslotErrorTitle"))[e](n)}this.refetchAvailability();return{error:i}}this.schedulerStore.set("selectedTimeslot",e);this.schedulerStore.set("showBookingForm",true);this.schedulerStore.set("isLoading",false);return o}}function d(t={}){const e={selectedDate:null,selectedLanguage:navigator.language,selectedTimezone:Intl.DateTimeFormat().resolvedOptions().timeZone,selectedTimeslot:null,showBookingForm:false,availabilityOrderEmails:[],selectableDates:null,availability:[],eventDuration:0,state:"ready",eventInfo:null,cancelledEventInfo:null,isLoading:false,nylasBranding:true,...t};i(`[defaultNylasStoreState]: `,e);const s=n(e);s.onChange("availability",(t=>{i(`[availability]: `,t);const e=t.map((t=>t.start_time));i(`[selectableDates]: `,e);s.set("selectableDates",e);const n=t[0];if(!n)return;const o=Math.floor((n.end_time.getTime()-n.start_time.getTime())/6e4);i(`[durationMinutes]: `,o);s.set("eventDuration",o)}));s.reset=()=>{for(const t in e){const i=e[t];s.set(t,i)}};return s}export{d as C,o as E,c as N};
+//# sourceMappingURL=p-731a856b.js.map

package/dist/nylas-web-elements/p-731a856b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NotificationType","ErrorCategory","ComponentErrorType","APIErrorType","Errors","constructor","this","component","_title","category","Component","title","endtime_not_in_future","message","no_booking_info","no_timeslot_selected","no_timezone_selected","no_booking_id","no_salt","invalid_start_time","invalid_end_time","invalid_timezone","no_config_id","api","Api","invalid_session","general_error","internal_error","invalid_request_error","timeslot_not_available","provider_error","not_found_error","NylaSchedulerAPIConnector","schedulerAPIURL","schedulerStore","sessionId","configId","slug","clientId","errors","getHeaders","Authorization","makeAPIRequest","path","method","body","headers","schedulerURL","URL","version","pathname","response","fetch","decodeURIComponent","toString","Origin","window","location","origin","data","json","error","type","getErrorMessage","errorMessage","setConfigId","selectDate","date","set","selectTime","time","selectTimezone","timezone","selectLanguage","language","i18next","changeLanguage","toggleAdditionalData","value","refetchAvailability","setParticipantName","name","bookingInfo","state","primaryParticipant","setParticipantEmail","email","today","Date","startTime","getFullYear","getMonth","getTime","startTimeWithOffset","Math","floor","endTime","result","getAvailability","resetStoreStateAndFetchAvailability","firstAvailableDate","get","find","timeslot","start_time","_selectedDate","setReschedule","bookingID","eventInfo","getUISettings","finally","setCancel","setReject","resetCancel","goBack","resetConfirm","undefined","bookTimeslot","selectedTimeslot","selectedTimezone","selectedLanguage","t","order","participantToBookWith","emails","addFields","Object","entries","additionalFields","forEach","key","entry","primaryGuest","guests","additional_fields","configIdParam","url","length","JSON","stringify","additional_guests","guest","end_time","event_id","master_id","calendar_id","email_language","getTwoLetterLanguageCode","shift","includes","participants","startsWith","errorType","bookingId","split","getStartTimeWithMinBookingNotice","scheduler","min_booking_notice","getEndTimeForAvailableDaysInFuture","availableDaysInFuture","available_days_in_future","endTimeForAvailableDaysInFuture","addDaysToCurrentDate","endTimeWithOffset","min","params","URLSearchParams","now","nowTime","startOfMonth","endOfMonth","startTimeWithMinBooking","append","encodeURIComponent","rescheduleBookingId","queryString","availability","time_slots","map","availabilityTimeslotsFiltered","filter","availabilityTimeslotSorted","sort","a","b","cancelBooking","reason","action","cancellation_reason","booking_id","rescheduleBooking","apiErrors","componentErrors","i","time_zone","event","updateBooking","payload","status","salt","errorTitle","validateGroupEventTimeslot","configuration_id","CreateNylasSchedulerStore","defaultState","defaultNylasStoreState","selectedDate","navigator","Intl","DateTimeFormat","resolvedOptions","timeZone","showBookingForm","availabilityOrderEmails","selectableDates","eventDuration","cancelledEventInfo","isLoading","nylasBranding","debug","store","createStore","onChange","durationMinutes","reset"],"sources":["src/types/index.ts","src/connector/nylas-scheduler-connector/errors/index.ts","src/connector/shared/api/scheduler.ts","src/stores/scheduler-store.ts"],"sourcesContent":["export interface NylasResponse<Data = any> {\n  request_id: string;\n  data?: Data;\n  error?: {\n    message: string;\n    type: string;\n  };\n}\n\n// Avaliability\nexport interface OpenHours {\n  days: number[];\n  exDates: string[];\n  timezone: string;\n  start: string;\n  end: string;\n}\n\nexport interface MeetingBuffer {\n  before: number;\n  after: number;\n}\n\n// Scheduling\nexport interface UpdateConfiguration extends Omit<Configuration, 'id'> {}\n\nexport interface ParticipantAvailability {\n  calendar_ids: string[];\n  open_hours?: OpenHours[];\n}\n\nexport type NylasSchedulerBookingParticipant = { name: string; email: string; nameReadOnly?: boolean; emailReadOnly?: boolean };\n\nexport type NylasSchedulerBookingData = {\n  primaryParticipant: NylasSchedulerBookingParticipant;\n  startTime?: Date;\n  endTime?: Date;\n  timezone?: string;\n  language?: string;\n  guests?: NylasSchedulerBookingParticipant[];\n  additionalFields?: Record<\n    string,\n    {\n      value: string;\n      type?: string;\n      readOnly?: boolean;\n    }\n  >;\n};\n\nexport type OpenHour = {\n  days: number[]; // [1, 2, 3, 4, 5]\n  start: string; // \"09:00\"\n  end: string; // \"17:00\"\n  timezone: string; // \"America/Los_Angeles\"\n};\n\nexport type Timeslot = {\n  start_time: Date;\n  end_time: Date;\n  emails?: string[];\n  capacity?: number;\n  event_id?: string;\n  master_id?: string;\n  calendar_id?: string;\n};\n\nexport type ThemeConfig = Partial<{\n  '--nylas-primary': string;\n  '--nylas-info': string;\n  '--nylas-success': string;\n  '--nylas-warning': string;\n  '--nylas-error': string;\n  '--nylas-error-pressed': string;\n  '--nylas-base-0': string;\n  '--nylas-base-25': string;\n  '--nylas-base-50': string;\n  '--nylas-base-100': string;\n  '--nylas-base-200': string;\n  '--nylas-base-300': string;\n  '--nylas-base-400': string;\n  '--nylas-base-500': string;\n  '--nylas-base-600': string;\n  '--nylas-base-700': string;\n  '--nylas-base-800': string;\n  '--nylas-base-900': string;\n  '--nylas-base-950': string;\n  '--nylas-font-family': string;\n  '--nylas-font-size': string;\n  '--nylas-border-radius': string;\n  '--nylas-border-radius-2x': string;\n  '--nylas-border-radius-3x': string;\n}>;\n\nexport enum NotificationType {\n  Error = 'error',\n  Warning = 'warning',\n  Info = 'info',\n  Success = 'success',\n}\n\nexport type Notification = {\n  id: string;\n  type: NotificationType;\n  title: string;\n  code?: number;\n  category: string;\n  description?: string;\n  ttl?: number | 'none';\n};\n\nexport type BookingType = 'booking' | 'organizer-confirmation' | 'custom-confirmation';\n\nexport type AvailabilityMethod = 'max-fairness' | 'max-availability' | 'collective';\n\nexport type ConferenceProvider = 'GoogleMeetConferenceProvider' | 'MicrosoftTeamsConferenceProvider' | 'ZoomConferenceProvider' | 'OnlineMeetingProviderMicrosoftTeams';\n\nexport type ReminderMethod = 'email' | 'webhook';\n\nexport interface Rules {\n  availability_method: AvailabilityMethod;\n  buffer: MeetingBuffer;\n  default_open_hours: OpenHours[];\n  round_robin_group_id: string;\n}\n\nexport interface ConferenceDetail {\n  meeting_code?: string; // zoom, GTM, microsoft teams\n  password?: string; // zoom, webex\n  url?: string; // zoom, webex, GTM, meet, microsoft teams\n  pin?: string; // webex, meet\n  phone?: string[]; // GTM, meet, microsoft teams\n}\n\nexport interface Conference {\n  provider?: ConferenceProvider;\n  details?: ConferenceDetail;\n  autocreate?: { [key: string]: any };\n}\n\nexport interface ParticipantBooking {\n  calendar_id: string;\n}\n\nexport interface Participant {\n  email: string;\n  name?: string;\n  is_organizer?: boolean;\n  availability?: ParticipantAvailability;\n  booking?: ParticipantBooking;\n}\n\nexport interface EventReminder {\n  type: ReminderMethod;\n  minutes_before_event: number;\n  recipient?: string;\n  email_subject?: string;\n}\n\nexport interface Availability {\n  duration_minutes: number;\n  interval_minutes?: number;\n  round_to?: number;\n  availability_rules?: Rules;\n}\n\nexport interface EventBooking {\n  title: string;\n  description?: string;\n  location?: string;\n  timezone?: string;\n  booking_type: BookingType;\n  conferencing?: Conference;\n  hide_participants?: boolean;\n  disable_emails?: boolean;\n  reminders?: EventReminder[];\n}\n\nexport interface Appearance {\n  color?: string;\n  submit_button_label?: string;\n  thank_you_message?: string;\n  company_logo_url?: string;\n}\n\nexport interface Scheduler {\n  available_days_in_future?: number;\n  min_cancellation_notice: number;\n  min_booking_notice?: number;\n  rescheduling_url?: string;\n  cancellation_url?: string;\n  organizer_confirmation_url?: string;\n  cancellation_policy?: string;\n  hide_additional_guests?: boolean;\n  hide_cancellation_options?: boolean;\n  hide_rescheduling_options?: boolean;\n  additional_fields?: Record<string, AdditionalFields>;\n  email_template?: EmailTemplate;\n  confirmation_redirect_url?: string;\n}\nexport interface AdditionalFields {\n  type: string;\n  required: boolean;\n  order: number;\n  options?: string[];\n  label?: string;\n  default?: string;\n}\n\nexport interface EmailTemplate {\n  logo: string;\n  booking_confirmed: BookingConfirmed;\n  show_nylas_branding: boolean;\n}\n\nexport interface BookingConfirmed {\n  title: string;\n  body: string;\n}\n\nexport interface Configuration {\n  id: string;\n  version: string;\n  type?: string;\n  requires_session_auth?: boolean;\n  participants: Participant[];\n  availability: Availability;\n  event_booking: EventBooking;\n  scheduler: Partial<Scheduler>;\n  slug: string;\n  appearance: Appearance;\n  name: string;\n}\n\nexport interface GroupBooking {\n  booking_type: BookingType; // Only 'booking' is supported\n  disable_emails?: boolean;\n  reminders?: EventReminder[];\n  conferencing?: Conference;\n  calendar_id: string;\n  default_capacity: number;\n}\n\nexport interface GroupConfiguration {\n  id: string;\n  name: string;\n  slug: string;\n  requires_session_auth?: boolean;\n  type: 'group';\n  group_booking: GroupBooking;\n  scheduler: Scheduler;\n  appearance: Appearance;\n}\n\nexport interface Creator {\n  name: string;\n  email: string;\n}\nexport interface AdditionalParticipant {\n  name: string;\n  email: string;\n  calendars: {\n    id: string;\n    name: string;\n    object?: 'calendar';\n    is_primary?: boolean;\n    is_owned_by_user?: boolean;\n    read_only?: boolean;\n    timezone?: string;\n  }[];\n}\n\nexport interface GroupEvent {\n  id?: string;\n  title: string;\n  busy: boolean;\n  participants: NylasSchedulerBookingParticipant[];\n  resources: {\n    name: string;\n    email: string;\n  }[];\n  description: string;\n  when: {\n    start_time: number;\n    end_time: number;\n    start_timezone?: string;\n    end_timezone?: string;\n  };\n  location: string;\n  rrule: string[];\n  capacity: number;\n}\n\nexport type RecurrenceUpdateOption = 'this' | 'future' | 'all';\nexport type RecurrenceDeleteOption = 'this' | 'future' | 'all';\n\nexport type Snapshot = {\n  busy: boolean;\n  calendar_id: string;\n  hide_participants: boolean;\n  ical_uid: string;\n  organizer: {\n    name: string;\n    email: string;\n  };\n  participants: {\n    email: string;\n    status: string;\n  }[];\n  resources: any[];\n  read_only: boolean;\n  recurrence: string[];\n  reminders: {\n    use_default: boolean;\n    overrides: any[];\n  };\n  title: string;\n  description?: string;\n  location?: string;\n  conferencing?: Conference;\n  visibility: string;\n  creator: {\n    name: string;\n    email: string;\n  };\n  html_link: string;\n  grant_id: string;\n  id: string;\n  object: string;\n  status: string;\n  when: {\n    start_timezone: string;\n    end_timezone: string;\n    object: string;\n    start_time: number; // Unix timestamp\n    end_time: number; // Unix timestamp\n  };\n  created_at: number; // Unix timestamp\n  updated_at: number; // Unix timestamp\n};\n\nexport interface GroupEventAPIData {\n  event: EventDetails;\n  group_event_info?: GroupEventInfo;\n}\n\nexport type EventDetails = {\n  busy: boolean;\n  calendar_id: string;\n  conferencing: {\n    provider: ConferenceProvider;\n    details: {\n      meeting_code: string;\n      url: string;\n      pin: string;\n      phone: string[];\n    };\n  };\n  hide_participants: boolean;\n  ical_uid: string;\n  organizer: {\n    name: string;\n    email: string;\n  };\n  participants: Array<{\n    email: string;\n    status: 'yes' | 'no' | 'noreply';\n    comment?: string;\n  }>;\n  resources: string[];\n  read_only: boolean;\n  reminders: {\n    use_default: boolean;\n    overrides: Array<{\n      method?: string;\n      minutes?: number;\n    }>;\n  };\n  title: string;\n  description?: string;\n  location?: string;\n  visibility: 'default' | 'public' | 'private';\n  creator: {\n    name: string;\n    email: string;\n  };\n  html_link: string;\n  master_event_id: string;\n  color_id: string;\n  grant_id: string;\n  id: string;\n  object: 'event';\n  status: 'confirmed' | 'tentative' | 'cancelled';\n  when: {\n    start_timezone: string;\n    end_timezone: string;\n    object: 'timespan';\n    start_time: number;\n    end_time: number;\n  };\n  created_at: number;\n  updated_at: number;\n  original_start_time: number;\n};\n\nexport type GroupEventInfo = {\n  event_id: string;\n  calendar_id: string;\n  master_id: string;\n  config_id: string;\n  capacity: number;\n  type: 'updated_event' | 'single_event' | 'master_event';\n  booked: boolean;\n  finished: boolean;\n  participants: Array<{\n    email: string;\n    is_organizer: boolean;\n    name: string;\n    timezone: string;\n  }>;\n  snapshot: any | null;\n  snapshot_expires_at: number;\n  rrule: string[] | null;\n  exceptions: {\n    event_id: string;\n    capacity: number;\n    participants: Array<{\n      email: string;\n      is_organizer: boolean;\n      name: string;\n      timezone: string;\n    }>;\n  }[];\n};\n\nexport type ImportGroupEventDetails = {\n  event_id: string;\n  calendar_id: string;\n  capacity: number;\n  participants: Participant[];\n  organizer: {\n    name: string;\n    email: string;\n  };\n};\n\nexport type ImportGroupEventResponse = {\n  imported_events: string[];\n  import_failed: {\n    event_id: string;\n    reason: string;\n  }[];\n};\n\nexport enum ErrorCategory {\n  Component = 'component',\n  Api = 'api',\n  Auth = 'auth',\n}\n\nexport interface ErrorDetails {\n  title: string;\n  message: string;\n  category: ErrorCategory;\n}\n\nexport enum ComponentErrorType {\n  endtime_not_in_future = 'endtime_not_in_future',\n  no_booking_info = 'no_booking_info',\n  no_timeslot_selected = 'no_timeslot_selected',\n  no_timezone_selected = 'no_timezone_selected',\n  no_booking_id = 'no_booking_id',\n  no_salt = 'no_salt',\n  invalid_start_time = 'invalid_start_time',\n  invalid_end_time = 'invalid_end_time',\n  invalid_timezone = 'invalid_timezone',\n  no_config_id = 'no_config_id',\n}\n\nexport enum APIErrorType {\n  invalid_session = 'invalid_session',\n  general_error = 'general_error',\n  internal_error = 'internal_error',\n  invalid_request_error = 'invalid_request_error',\n  timeslot_not_available = 'timeslot_not_available',\n  provider_error = 'provider_error',\n  not_found_error = 'not_found_error',\n}\n\nexport interface KeyPoint {\n  time: number;\n  text: string;\n  active?: boolean;\n}","import { APIErrorType, ComponentErrorType, ErrorCategory, ErrorDetails } from '@/types/index';\n\nexport class Errors {\n  component = (_title: string): Record<ComponentErrorType, (message?: string) => ErrorDetails> => {\n    const category = ErrorCategory.Component;\n    const title = `${_title} Error`;\n    return {\n      endtime_not_in_future: (message: string = '\"endtime\" can not be in the future') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_booking_info: (message: string = 'No booking info provided') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_timeslot_selected: (message: string = 'No timeslot selected') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_timezone_selected: (message: string = 'No timezone selected') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_booking_id: (message: string = 'No booking id provided') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_salt: (message: string = 'No salt provided') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_start_time: (message: string = 'Invalid start time') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_end_time: (message: string = 'Invalid end time') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_timezone: (message: string = 'Invalid timezone') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_config_id: (message: string = 'No configuration id provided') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n    };\n  };\n\n  api = (_title: string): Record<APIErrorType, (message: string) => ErrorDetails> => {\n    const category = ErrorCategory.Api;\n    const title = `${_title} Error`;\n\n    return {\n      invalid_session: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      general_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      internal_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_request_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      timeslot_not_available: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      provider_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      not_found_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n    };\n  };\n}\n","import { AvailabilityResponse, NylasSchedulerBookingDataWithFlatFields, NylasEvent, UISettingsResponse } from '@/common/types';\nimport { NylasSchedulerStoreType } from '../../../components';\nimport type { NylasErrorResponse, NylasResponse, NylasSchedulerBookingData, NylasSchedulerResponse, Timeslot } from '@nylas/core';\nimport { APIErrorType } from '@/types/index';\nimport { Errors } from '@/connector/nylas-scheduler-connector/errors';\nimport { addDaysToCurrentDate } from '@/utils/utils';\nimport i18next from '@/utils/i18n';\n\ntype NylasSchedulerAPIConnectorOptions = {\n  schedulerAPIURL: string;\n  schedulerStore: NylasSchedulerStoreType;\n  sessionId?: string;\n  configId?: string;\n  slug?: string;\n  clientId?: string;\n};\n\n/**\n * NylaSchedulerConnector\n * This class is used to make API requests to the scheduler.\n */\nexport class NylaSchedulerAPIConnector {\n  private schedulerStore: NylasSchedulerStoreType;\n  private schedulerAPIURL: string;\n  private sessionId: string | undefined;\n  private configId: string | undefined;\n  private slug: string | undefined;\n  private clientId: string | undefined;\n  private errors = new Errors();\n\n  constructor({ schedulerAPIURL, schedulerStore, sessionId, configId, slug, clientId }: NylasSchedulerAPIConnectorOptions) {\n    this.schedulerStore = schedulerStore;\n    this.schedulerAPIURL = schedulerAPIURL;\n    this.sessionId = sessionId;\n    this.configId = configId;\n    this.slug = slug;\n    this.clientId = clientId;\n  }\n\n  private getHeaders() {\n    return this.sessionId\n      ? {\n          Authorization: `Bearer ${this.sessionId}`,\n        }\n      : {};\n  }\n\n  /**\n   * Makes an API request to the scheduler.\n   * @param path The path to the API endpoint.\n   * @param method The HTTP method.\n   * @param body The request body (if any).\n   * @returns {Promise<T>}\n   */\n  public async makeAPIRequest<T>(path: string, method: string, body: string | undefined, headers = {}): Promise<NylasResponse<T>> {\n    try {\n      const schedulerURL = new URL(this.schedulerAPIURL);\n      const version = process.env.PACKAGE_VERSION || 'latest';\n      schedulerURL.pathname = path;\n      const response = await fetch(decodeURIComponent(schedulerURL.toString()), {\n        method,\n        headers: {\n          'Content-Type': 'application/json',\n          'Origin': window.location.origin,\n          'X-Source': 'nylas-scheduling',\n          'X-Nylas-Web-Elements-Version': version,\n          ...headers,\n        },\n        body,\n      });\n      // The server returns a json object for errors: eg.\n      // {\n      //     \"request_id\": \"<request_id>\",\n      //     \"error\": {\n      //         \"type\": \"not_found_error\",\n      //         \"message\": \"Session not found\"\n      //     }\n      // }\n      const data = await response.json();\n      return data as NylasResponse<T>;\n    } catch (error: any) {\n      // NOTE: current server implementation doesn't return a JSON object for errors on some endpoints\n      // handle this case by returning the error response as a string to be handled downstream\n      return {\n        error: {\n          message: error.message,\n          title: 'API request failed',\n          type: 'api',\n        },\n      } as NylasErrorResponse;\n    }\n  }\n\n  private getErrorMessage(error: NylasErrorResponse['error']) {\n    let errorMessage = error?.message || error?.title || 'Something went wrong';\n    if (error?.type === 'provider_error') {\n      errorMessage = error?.provider_error?.error?.message || error?.provider_error?.error?.title || 'Something went wrong';\n    }\n    return errorMessage;\n  }\n\n  public setConfigId(configId: string) {\n    this.configId = configId;\n  }\n\n  /**\n   * Selects a date in the scheduler.\n   */\n  public selectDate(date: Date) {\n    this.schedulerStore.set('selectedDate', date);\n    this.schedulerStore.set('selectedTimeslot', null);\n  }\n\n  /**\n   * Selects a time in the scheduler.\n   */\n  public selectTime(time: Timeslot) {\n    this.schedulerStore.set('selectedTimeslot', time);\n  }\n\n  /**\n   * Sets the timezone in the scheduler.\n   */\n  public selectTimezone(timezone: string) {\n    this.schedulerStore.set('selectedTimezone', timezone);\n  }\n\n  /**\n   * Sets the language in the scheduler.\n   */\n  public selectLanguage(language: string) {\n    this.schedulerStore.set('selectedLanguage', language);\n    i18next.changeLanguage(language);\n  }\n\n  /**\n   * Toggles showBookingForm\n   * @param value boolean\n   */\n  public async toggleAdditionalData(value: boolean) {\n    if (!value) {\n      // Refetch availability\n      await this.refetchAvailability();\n    }\n    this.schedulerStore.set('showBookingForm', value);\n  }\n\n  /**\n   * Set/update the name of the participant booking the event.\n   */\n  public setParticipantName(name: string) {\n    const { bookingInfo } = this.schedulerStore.state;\n    this.schedulerStore.set('bookingInfo', {\n      ...bookingInfo,\n      primaryParticipant: {\n        ...(bookingInfo?.primaryParticipant as NylasSchedulerBookingData['primaryParticipant']),\n        name,\n      },\n    });\n  }\n\n  /**\n   * Set/update the email of the participant booking the event.\n   */\n  public setParticipantEmail(email: string) {\n    const { bookingInfo } = this.schedulerStore.state;\n    this.schedulerStore.set('bookingInfo', {\n      ...bookingInfo,\n      primaryParticipant: {\n        ...(bookingInfo?.primaryParticipant as NylasSchedulerBookingData['primaryParticipant']),\n        email,\n      },\n    });\n  }\n\n  private async refetchAvailability() {\n    const today = new Date();\n    // Refetch availability\n    const startTime = new Date(today.getFullYear(), today.getMonth(), 1).getTime() / 1000;\n    const startTimeWithOffset = startTime < today.getTime() / 1000 ? Math.floor(today.getTime() / 1000) : startTime;\n    const endTime = new Date(today.getFullYear(), today.getMonth() + 1, 1).getTime() / 1000;\n    const result = await this.getAvailability(startTimeWithOffset, endTime);\n    return result;\n  }\n\n  private async resetStoreStateAndFetchAvailability() {\n    const today = new Date();\n    // Refetch availability\n    const result = await this.refetchAvailability();\n    // Set selected date to first available date\n    const firstAvailableDate = this.schedulerStore.get('availability').find((timeslot: any) => new Date(timeslot.start_time) > new Date());\n    let _selectedDate = today;\n    if (firstAvailableDate) {\n      _selectedDate = firstAvailableDate.start_time;\n    }\n    this.schedulerStore.set('selectedDate', _selectedDate);\n    // Reset store state\n    this.schedulerStore.set('eventInfo', null);\n    this.schedulerStore.set('showBookingForm', false);\n    this.schedulerStore.set('selectedTimeslot', null);\n\n    return result;\n  }\n\n  /**\n   * Set reschedule booking id\n   */\n  public async setReschedule(bookingID: string) {\n    this.schedulerStore.set('isLoading', true);\n    const eventInfo = this.schedulerStore.state.eventInfo;\n    if (eventInfo) {\n      this.schedulerStore.set('reschedulingEventInfo', eventInfo);\n    }\n    this.schedulerStore.set('rescheduleBookingId', bookingID);\n    await this.getUISettings();\n    // Set reschedule booking id\n    const result = await this.resetStoreStateAndFetchAvailability().finally(() => {\n      this.schedulerStore.set('isLoading', false);\n    });\n\n    return result;\n  }\n\n  /**\n   * Set cancel booking id\n   */\n  public async setCancel(bookingID: string) {\n    this.schedulerStore.set('cancelBookingId', bookingID);\n  }\n\n  /**\n   * Set reject booking id\n   */\n  public async setReject(bookingID: string) {\n    this.schedulerStore.set('rejectBookingId', bookingID);\n  }\n\n  public async resetCancel() {\n    const result = await this.resetStoreStateAndFetchAvailability();\n    this.schedulerStore.set('cancelBookingId', '');\n    this.schedulerStore.set('rejectBookingId', '');\n    this.schedulerStore.set('cancelledEventInfo', null);\n    return result;\n  }\n\n  public async goBack() {\n    this.schedulerStore.set('cancelBookingId', '');\n    return;\n  }\n\n  public async resetConfirm() {\n    const result = await this.resetStoreStateAndFetchAvailability();\n    this.schedulerStore.set('organizerConfirmationBookingId', '');\n    this.schedulerStore.set('confirmedEventInfo', undefined);\n    return result;\n  }\n\n  /**\n   * Book the selected timeslot.\n   * @param data The booking info.\n   * @returns {Promise<NylasResponse<NylasEvent>>}\n   */\n  public async bookTimeslot(data?: NylasSchedulerBookingDataWithFlatFields & { timeslot?: Timeslot }): Promise<NylasSchedulerResponse<NylasEvent>> {\n    this.schedulerStore.set('isLoading', true);\n    const { selectedTimeslot, selectedTimezone, bookingInfo, selectedLanguage } = this.schedulerStore.state;\n\n    if (!data && !bookingInfo) {\n      return { error: this.errors.component(i18next.t('createBookingErrorTitle')).no_booking_info() };\n    }\n\n    const timeslot = data?.timeslot || selectedTimeslot;\n    if (!timeslot) {\n      return { error: this.errors.component(i18next.t('createBookingErrorTitle')).no_timeslot_selected() };\n    }\n\n    const timezone = data && data?.timezone ? data?.timezone : selectedTimezone;\n    const language = selectedLanguage || 'en-US';\n\n    if (!timezone) {\n      return { error: this.errors.component(i18next.t('createBookingErrorTitle')).no_timezone_selected() };\n    }\n\n    const order = [...this.schedulerStore.get('availabilityOrderEmails')];\n\n    let participantToBookWith = '';\n    const emails = timeslot?.emails || [];\n\n    const addFields = {};\n    Object.entries(bookingInfo?.additionalFields || {}).forEach(([key, entry]) => {\n      addFields[key] = (entry as { value: string; type?: string }).value;\n    });\n\n    const primaryGuest = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;\n    const guests = data ? data?.guests || [] : bookingInfo?.guests || [];\n    const additional_fields = data ? data?.additionalFields : addFields;\n\n    const headers = this.getHeaders();\n    const configIdParam =\n      !this.sessionId && this.configId\n        ? `?configuration_id=${this.configId}`\n        : !this.sessionId && this.slug && this.clientId\n          ? `?slug=${this.slug}&client_id=${this.clientId}`\n          : '';\n    const url = `/v3/scheduling/bookings${configIdParam}`;\n\n    // If the order array is empty, make a single request without retries\n    if (order.length === 0) {\n      const response = await this.makeAPIRequest<NylasEvent>(\n        decodeURIComponent(url),\n        'POST',\n        JSON.stringify({\n          additional_fields,\n          additional_guests: guests,\n          guest: { ...primaryGuest },\n          start_time: timeslot.start_time.getTime() / 1000,\n          end_time: timeslot.end_time.getTime() / 1000,\n          timezone,\n          event_id: timeslot?.event_id || undefined,\n          master_id: timeslot?.master_id || undefined,\n          calendar_id: timeslot?.calendar_id || undefined,\n          email_language: this.getTwoLetterLanguageCode(language),\n        }),\n        headers,\n      );\n\n      this.schedulerStore.set('isLoading', false);\n      if ('data' in response) {\n        this.schedulerStore.set('eventInfo', response.data);\n        return response;\n      }\n      return { error: response.error };\n    }\n\n    while (order.length > 0) {\n      participantToBookWith = order.shift()!;\n\n      if (!emails.includes(participantToBookWith)) {\n        continue; // Skip if the email is not part of the timeslot\n      }\n\n      const response = await this.makeAPIRequest<NylasEvent>(\n        decodeURIComponent(url),\n        'POST',\n        JSON.stringify({\n          participants: participantToBookWith ? [{ email: participantToBookWith }] : undefined,\n          additional_fields,\n          additional_guests: guests,\n          guest: { ...primaryGuest },\n          start_time: timeslot.start_time.getTime() / 1000,\n          end_time: timeslot.end_time.getTime() / 1000,\n          timezone: timezone,\n          email_language: this.getTwoLetterLanguageCode(language),\n        }),\n        headers,\n      );\n\n      if ('data' in response) {\n        // Successful booking\n        this.schedulerStore.set('isLoading', false);\n        this.schedulerStore.set('eventInfo', response?.data);\n        return response;\n      } else if (response.error?.message?.startsWith('The selected timeslot is unavailable')) {\n        // Retry with the next email in the order\n        continue;\n      } else {\n        // Return other errors\n        this.schedulerStore.set('isLoading', false);\n        const errorType = response.error?.type;\n        let error = response.error;\n        if (errorType && errorType in this.errors.api(i18next.t('createBookingErrorTitle'))) {\n          const errorMessage = this.getErrorMessage(error);\n          error = this.errors.api(i18next.t('createBookingErrorTitle'))[errorType as APIErrorType](errorMessage);\n        }\n        return { error };\n      }\n    }\n\n    // If no emails in order succeed\n    this.schedulerStore.set('isLoading', false);\n    return {\n      error: this.errors.api(i18next.t('createBookingErrorTitle')).timeslot_not_available('The selected timeslot is unavailable'),\n    };\n  }\n\n  /**\n   * Get UI settings for the scheduler.\n   */\n  public async getUISettings(): Promise<NylasSchedulerResponse<UISettingsResponse>> {\n    this.schedulerStore.set('isLoading', true);\n    const bookingId = this.schedulerStore.get('rescheduleBookingId');\n    const headers = this.getHeaders();\n    let configIdParam =\n      !this.sessionId && this.configId\n        ? `?configuration_id=${this.configId}`\n        : !this.sessionId && this.slug && this.clientId\n          ? `?slug=${this.slug}&client_id=${this.clientId}`\n          : '';\n    if (bookingId && !!configIdParam) {\n      configIdParam += `&booking_id=${bookingId}`;\n    } else if (bookingId) {\n      configIdParam += `?booking_id=${bookingId}`;\n    }\n\n    const url = `/v3/scheduling/ui-settings${configIdParam}`;\n\n    const response = await this.makeAPIRequest<UISettingsResponse>(url, 'GET', undefined, headers);\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api(i18next.t('getUISettingErrorTitle'))) {\n        error = this.errors.api(i18next.t('getUISettingErrorTitle'))[errorType as APIErrorType](error?.message || error?.title || 'Something went wrong');\n      }\n      return { error };\n    }\n    if ('data' in response) {\n      this.schedulerStore.set('configSettings', response.data);\n    }\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  private getTwoLetterLanguageCode(language: string) {\n    return language.split('-')[0];\n  }\n\n  private getStartTimeWithMinBookingNotice(startTime: number) {\n    const scheduler = this.schedulerStore.get('configSettings')?.scheduler;\n    const min_booking_notice = scheduler?.min_booking_notice;\n    if (!min_booking_notice) {\n      return startTime;\n    }\n    const today = new Date().getTime();\n\n    if (startTime < (today + min_booking_notice * 60 * 1000) / 1000) {\n      return Math.floor((today + min_booking_notice * 60 * 1000) / 1000);\n    } else {\n      return startTime;\n    }\n  }\n\n  private getEndTimeForAvailableDaysInFuture(endTime: number) {\n    const today = new Date();\n    const availableDaysInFuture = this.schedulerStore.get('configSettings')?.scheduler?.available_days_in_future;\n    const endTimeForAvailableDaysInFuture = Math.floor(addDaysToCurrentDate(today, availableDaysInFuture).getTime() / 1000);\n    const endTimeWithOffset = Math.min(endTimeForAvailableDaysInFuture, endTime);\n    return endTimeWithOffset;\n  }\n\n  /**\n   * Gets the availability for a page.\n   * @param startTime The start time.\n   * @param endTime The end time.\n   * @returns {Promise<AvailabilityResponse>}\n   */\n  public async getAvailability(startTime: number = 0, endTime: number = 0): Promise<NylasSchedulerResponse<AvailabilityResponse>> {\n    this.schedulerStore.set('isLoading', true);\n    const params = new URLSearchParams();\n    const now = new Date();\n    const nowTime = now.getTime();\n\n    if (endTime && endTime < nowTime / 1000) {\n      this.schedulerStore.set('isLoading', false);\n      const error = this.errors.component(i18next.t('getAvailabilityErrorTitle')).endtime_not_in_future();\n      return { error };\n    }\n\n    // Calculate the start of the current month if startTime is not provided\n    if (!startTime) {\n      const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);\n      startTime = Math.floor(startOfMonth.getTime() / 1000); // Convert to UNIX timestamp in seconds\n    }\n\n    // Calculate the end of the current month if endTime is not provided\n    if (!endTime) {\n      const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0); // Setting day to 0 gets the last day of the previous month, so in this case, the last day of the current month\n      endTime = Math.floor(endOfMonth.getTime() / 1000); // Convert to UNIX timestamp in seconds\n    }\n\n    endTime = this.getEndTimeForAvailableDaysInFuture(endTime);\n    const startTimeWithMinBooking = this.getStartTimeWithMinBookingNotice(startTime);\n    startTime = startTimeWithMinBooking;\n    endTime = startTimeWithMinBooking > endTime ? startTimeWithMinBooking + 1 : endTime;\n\n    params.append('start_time', encodeURIComponent(startTime.toString()));\n    params.append('end_time', encodeURIComponent(endTime.toString()));\n    if (this.configId && !this.sessionId) {\n      params.append('configuration_id', encodeURIComponent(this.configId));\n    } else if (this.slug && this.clientId && !this.sessionId) {\n      params.append('slug', encodeURIComponent(this.slug));\n      params.append('client_id', encodeURIComponent(this.clientId));\n    }\n\n    const rescheduleBookingId = this.schedulerStore.get('rescheduleBookingId');\n    if (rescheduleBookingId) {\n      params.append('booking_id', encodeURIComponent(rescheduleBookingId));\n    }\n    const queryString = params.toString();\n    const url = `/v3/scheduling/availability${queryString ? `?${queryString}` : ''}`;\n    const headers = this.getHeaders();\n    const response = await this.makeAPIRequest<AvailabilityResponse>(decodeURIComponent(url), 'GET', undefined, headers);\n\n    if ('error' in response) {\n      this.schedulerStore.set('availability', []);\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api(i18next.t('getAvailabilityErrorTitle'))) {\n        const errorMessage = this.getErrorMessage(error);\n        error = this.errors.api(i18next.t('getAvailabilityErrorTitle'))[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    if ('data' in response) {\n      const availability =\n        response.data?.time_slots?.map(timeslot => {\n          return {\n            ...timeslot,\n            start_time: new Date(timeslot.start_time * 1000),\n            end_time: new Date(timeslot.end_time * 1000),\n          };\n        }) || [];\n\n      // Filter out timeslots that are in the past\n      const availabilityTimeslotsFiltered = availability.filter(timeslot => timeslot.start_time.getTime() > nowTime);\n      const availabilityTimeslotSorted = availabilityTimeslotsFiltered.sort((a, b) => a.start_time.getTime() - b.start_time.getTime());\n      this.schedulerStore.set('availability', availabilityTimeslotSorted);\n      const order = response.data?.order || [];\n      this.schedulerStore.set('availabilityOrderEmails', order);\n    }\n\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  /**\n   * Cancels a booking.\n   * @param bookingId The booking ID.\n   */\n  public async cancelBooking(bookingId: string, reason: string): Promise<NylasSchedulerResponse<Partial<NylasEvent>>> {\n    this.schedulerStore.set('isLoading', true);\n    if (!bookingId) {\n      return { error: this.errors.component(i18next.t('cancelBookingErrorTitle')).no_booking_id() };\n    }\n    const configIdParam =\n      !this.sessionId && this.configId\n        ? `?configuration_id=${this.configId}`\n        : !this.sessionId && this.slug && this.clientId\n          ? `?slug=${this.slug}&client_id=${this.clientId}`\n          : '';\n    const url = `/v3/scheduling/bookings/${bookingId}${configIdParam}`;\n    const headers = this.getHeaders();\n    const response = await this.makeAPIRequest<Partial<NylasEvent>>(\n      decodeURIComponent(url),\n      'DELETE',\n      JSON.stringify({\n        action: 'cancel',\n        cancellation_reason: reason,\n      }),\n      headers,\n    );\n\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api(i18next.t('cancelBookingErrorTitle'))) {\n        const errorMessage = this.getErrorMessage(error);\n        error = this.errors.api(i18next.t('cancelBookingErrorTitle'))[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    this.schedulerStore.set('cancelledEventInfo', {\n      booking_id: bookingId,\n    });\n    this.schedulerStore.set('rescheduleBookingId', '');\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  /**\n   * Reschedules a booking.\n   * @param bookingId The booking ID.\n   * @param data The booking info.\n   * @returns {Promise<NylasResponse<NylasEvent>>}\n   */\n  public async rescheduleBooking(bookingId: string, data: NylasSchedulerBookingDataWithFlatFields): Promise<NylasSchedulerResponse<NylasEvent>> {\n    this.schedulerStore.set('isLoading', true);\n    if (!bookingId) {\n      return { error: this.errors.component(i18next.t('rescheduleBookingErrorTitle')).no_booking_id() };\n    }\n    const apiErrors = this.errors.api(i18next.t('rescheduleBookingErrorTitle'));\n    const componentErrors = this.errors.component(i18next.t('rescheduleBookingErrorTitle'));\n    const { bookingInfo, selectedTimeslot, selectedTimezone, selectedLanguage } = this.schedulerStore.state;\n    // Validate data\n    const { startTime, endTime, timezone } = data;\n    const start_time = startTime || selectedTimeslot?.start_time;\n\n    if (!start_time) {\n      return { error: componentErrors.invalid_start_time('Please pass \"startTime\" in data or set \"selectedTimeslot\" in the defaultSchedulerState.') };\n    }\n    const end_time = endTime || selectedTimeslot?.end_time;\n    if (!end_time) {\n      return { error: componentErrors.invalid_end_time('Please pass \"endTime\" in data or set \"selectedTimeslot\" in the defaultSchedulerState.') };\n    }\n\n    const order = this.schedulerStore.get('availabilityOrderEmails');\n    let participantToBookWith = '';\n    if (order.length > 0) {\n      // Get the emails in the timeslot\n      const emails = selectedTimeslot?.emails || [];\n      for (let i = 0; i < order.length; i++) {\n        if (emails.includes(order[i])) {\n          participantToBookWith = order[i];\n          break;\n        }\n      }\n    }\n\n    const time_zone = timezone || selectedTimezone;\n    if (!time_zone) {\n      return { error: componentErrors.invalid_timezone('Please pass \"timezone\" in data or set \"selectedTimezone\" in the defaultSchedulerState.') };\n    }\n    const addFields = {};\n    Object.entries(bookingInfo?.additionalFields || {}).forEach(([key, entry]) => {\n      addFields[key] = (entry as { value: string; type?: string }).value;\n    });\n    const primaryGuest = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;\n    const guests = data ? data?.guests || [] : bookingInfo?.guests || [];\n    const additional_fields = data ? data?.additionalFields : addFields;\n\n    const configIdParam =\n      !this.sessionId && this.configId\n        ? `?configuration_id=${this.configId}`\n        : !this.sessionId && this.slug && this.clientId\n          ? `?slug=${this.slug}&client_id=${this.clientId}`\n          : '';\n    const url = `/v3/scheduling/bookings/${bookingId}${configIdParam}`;\n    const headers = this.getHeaders();\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'PATCH',\n      JSON.stringify({\n        start_time: start_time.getTime() / 1000,\n        end_time: end_time.getTime() / 1000,\n        timezone: time_zone,\n        additional_fields,\n        guest: { ...primaryGuest },\n        additional_guests: guests,\n        participants: participantToBookWith ? [{ email: participantToBookWith }] : undefined,\n        email_language: this.getTwoLetterLanguageCode(selectedLanguage),\n      }),\n      headers,\n    );\n\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in apiErrors) {\n        const errorMessage = this.getErrorMessage(error);\n        error = apiErrors[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    const eventInfo = this.schedulerStore.get('reschedulingEventInfo');\n    if ('data' in response) {\n      this.schedulerStore.set('eventInfo', response?.data);\n    } else if (eventInfo) {\n      this.schedulerStore.set('eventInfo', eventInfo);\n    } else {\n      // We should technically never reach this point\n      const event = {\n        booking_id: bookingId,\n      } as NylasEvent;\n      this.schedulerStore.set('eventInfo', event);\n    }\n\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  /**\n   * Updates the booking.\n   * @param bookingId The booking ID.\n   */\n  public async updateBooking(payload: { bookingId: string; status: 'confirmed' | 'cancelled'; reason?: string }): Promise<NylasSchedulerResponse<NylasEvent>> {\n    this.schedulerStore.set('isLoading', true);\n    const { bookingId, status, reason } = payload;\n    const salt = this.schedulerStore.get('organizerConfirmationSalt');\n    const errorTitle = status === 'confirmed' ? i18next.t('confirmBookingErrorTitle') : i18next.t('rejectBookingErrorTitle');\n\n    if (!bookingId) {\n      return { error: this.errors.component(errorTitle).no_booking_id() };\n    }\n    if (!salt) {\n      return { error: this.errors.component(errorTitle).no_salt() };\n    }\n\n    const configIdParam =\n      !this.sessionId && this.configId\n        ? `?configuration_id=${this.configId}`\n        : !this.sessionId && this.slug && this.clientId\n          ? `?slug=${this.slug}&client_id=${this.clientId}`\n          : '';\n    const url = `/v3/scheduling/bookings/${bookingId}${configIdParam}`;\n    const headers = this.getHeaders();\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'PUT',\n      JSON.stringify({\n        status: status,\n        cancellation_reason: reason,\n        salt,\n      }),\n      headers,\n    );\n\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api(errorTitle)) {\n        const errorMessage = this.getErrorMessage(error);\n        error = this.errors.api(errorTitle)[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    if ('data' in response && status === 'confirmed') {\n      this.schedulerStore.set('confirmedEventInfo', response?.data);\n    } else if ('request_id' in response && status === 'cancelled') {\n      this.schedulerStore.set('cancelledEventInfo', {\n        booking_id: bookingId,\n      });\n    }\n\n    this.schedulerStore.set('organizerConfirmationBookingId', '');\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  /**\n   * Validate timeslot for group event booking\n   */\n  public async validateGroupEventTimeslot(timeslot: Timeslot) {\n    this.schedulerStore.set('isLoading', true);\n    const configId = this.schedulerStore.get('configSettings')?.configuration_id;\n    if (!configId) {\n      return { error: this.errors.component(i18next.t('validateTimeslotErrorTitle')).no_config_id() };\n    }\n\n    const headers = this.getHeaders();\n    const url = `/v3/scheduling/configurations/${configId}/group-events/validate-timeslot`;\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'POST',\n      JSON.stringify({\n        ...timeslot,\n        start_time: timeslot.start_time.getTime() / 1000,\n        end_time: timeslot.end_time.getTime() / 1000,\n      }),\n      headers,\n    );\n\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api(i18next.t('validateTimeslotErrorTitle'))) {\n        const errorMessage = this.getErrorMessage(error);\n        error = this.errors.api(i18next.t('validateTimeslotErrorTitle'))[errorType as APIErrorType](errorMessage);\n      }\n      this.refetchAvailability();\n      return { error };\n    }\n\n    this.schedulerStore.set('selectedTimeslot', timeslot);\n    this.schedulerStore.set('showBookingForm', true);\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n}\n","import { DataState, NylasEvent } from '@/common/types';\nimport { debug } from '@/utils/utils';\nimport { AdditionalFields, Appearance, NylasSchedulerBookingData, ThemeConfig, Timeslot } from '@nylas/core';\nimport { createStore } from '@stencil/store';\n\nexport type AvailabilityTimeslot = {\n  emails: string[];\n  start_time: Date;\n  end_time: Date;\n  capacity?: number;\n  event_id?: string;\n  master_id?: string;\n  calendar_id?: string;\n};\n\nexport type LoadingState = {\n  api: 'availability' | 'createBooking' | 'cancelBooking' | 'rescheduleBooking';\n};\n\nexport type ConfigSettings = {\n  configuration_id: string;\n  booking?: {\n    additional_fields: Record<string, string>;\n    additional_guests: {\n      email: string;\n      name: string;\n    }[];\n    booking_ref: string;\n    booking_ref_salt: string;\n    guest: {\n      email: string;\n      name: string;\n    };\n    timezone: string;\n    email_language: string;\n    event_data: {\n      location: string;\n      when: {\n        start_time: Date;\n        end_time: Date;\n        end_timezone: string;\n        start_timezone: string;\n        object: string;\n      };\n    };\n    event_organizer: {\n      name: string;\n      email: string;\n      is_organizer: boolean;\n    };\n  };\n  scheduler: {\n    available_days_in_future: number;\n    min_cancellation_notice: number;\n    min_booking_notice: number;\n    rescheduling_url?: string;\n    cancellation_url?: string;\n    cancellation_policy?: string;\n    hide_additional_guests?: boolean;\n    hide_cancellation_options?: boolean;\n    hide_rescheduling_options?: boolean;\n    additional_fields?: Record<string, AdditionalFields>;\n    confirmation_redirect_url?: string;\n    organizer_confirmation_url?: string;\n  };\n  organizer: {\n    name: string;\n    email: string;\n  };\n  slug: string;\n  appearance: Appearance;\n  booking_type: string;\n  name: string;\n};\n\nexport interface NylasSchedulerStoreState {\n  selectedDate: Date | null;\n  selectedLanguage: string;\n  selectedTimezone: string;\n  selectedTimeslot: Timeslot | null;\n  availabilityOrderEmails: string[];\n  showBookingForm: boolean;\n  selectableDates: Date[] | null;\n  eventDuration: number;\n  availability: AvailabilityTimeslot[];\n  state: DataState;\n  eventInfo: NylasEvent | null;\n  cancelledEventInfo: Partial<NylasEvent> | null;\n  reschedulingEventInfo?: NylasEvent;\n  confirmedEventInfo?: NylasEvent;\n  bookingInfo?: NylasSchedulerBookingData;\n  rescheduleBookingId?: string;\n  cancelBookingId?: string;\n  isLoading: boolean;\n  nylasBranding?: boolean;\n  configSettings?: ConfigSettings;\n  organizerConfirmationBookingId?: string;\n  rejectBookingId?: string;\n  organizerConfirmationSalt?: string;\n  themeConfig?: ThemeConfig;\n  hour12?: boolean;\n}\n\nexport type NylasSchedulerStoreType = ReturnType<typeof CreateNylasSchedulerStore>;\n\nexport function CreateNylasSchedulerStore(defaultState: Partial<NylasSchedulerStoreState> = {}) {\n  const defaultNylasStoreState: NylasSchedulerStoreState = {\n    selectedDate: null,\n    selectedLanguage: navigator.language,\n    selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    selectedTimeslot: null,\n    showBookingForm: false,\n    availabilityOrderEmails: [],\n    selectableDates: null,\n    availability: [],\n    eventDuration: 0,\n    state: 'ready',\n    eventInfo: null,\n    cancelledEventInfo: null,\n    isLoading: false,\n    nylasBranding: true,\n    ...defaultState,\n  };\n  debug(`[defaultNylasStoreState]: `, defaultNylasStoreState);\n  const store = createStore<NylasSchedulerStoreState>(defaultNylasStoreState);\n\n  store.onChange('availability', availability => {\n    debug(`[availability]: `, availability);\n    const selectableDates = availability.map(timeslot => timeslot.start_time);\n    debug(`[selectableDates]: `, selectableDates);\n    store.set('selectableDates', selectableDates);\n    const timeslot = availability[0];\n    if (!timeslot) return;\n    const durationMinutes = Math.floor((timeslot.end_time.getTime() - timeslot.start_time.getTime()) / 60000);\n    debug(`[durationMinutes]: `, durationMinutes);\n    store.set('eventDuration', durationMinutes);\n  });\n\n  /**\n   * Reset the Nylas store to its default state.\n   * There is something wrong with the stencil/store reset method,\n   * so we have to do it via this hack.\n   */\n  store.reset = () => {\n    for (const key in defaultNylasStoreState) {\n      const value = defaultNylasStoreState[key as keyof typeof defaultNylasStoreState];\n      store.set(key as any, value);\n    }\n  };\n\n  return store;\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-c3cfe486.entry.js → p-a6a52e17.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,a as s}from"./p-6f5a3998.js";import{i as r}from"./p-6c2ba972.js";import{a as i,i as n}from"./p-77e4b56c.js";import"./p-c79dcb59.js";const d=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const a=d;const l=class{constructor(o){e(this,o);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.typedValue="";this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e?.label===t?.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.typedValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;this.typedValue=t;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){this.scrollToViewWithinParent(o)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const o=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!o||!s)return;const r=o.getBoundingClientRect();const i=s.getBoundingClientRect();if(r.top<i.top){s.scrollTop-=i.top-r.top}else if(r.bottom>i.bottom){s.scrollTop+=r.bottom-i.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){setTimeout((()=>{this.scrollToViewWithinParent(o)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const o=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(o===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o+1<t.length?o+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(o===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o-1>=0?o-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[o])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const o=t.value;const s=this.el.shadowRoot?.getElementById(o);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const o=t.includes(this.el);if(!o&&this.isOpen){this.isOpen=false}}render(){return o("div",{key:"806fa6a509d7a7c78bf6ee1de1dd4cd7a755bab4",class:"dropdown",part:"id_dropdown"},o("input",{key:"b594d3517fba52cb85e95220c6d415d672c26a71",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?o("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},o("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>o("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};l.style=a;const p=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown#time-number.error.sc-time-period-selector::part(id_dropdown-input){border:1px solid var(--nylas-error)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector:hover{outline:1px solid var(--nylas-primary);border:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:16px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input):hover{border:none;outline:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown_label){height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between;border:none;align-items:center;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const c=p;const h={hours:"hour",days:"day",weeks:"week",months:"month",years:"year"};const u=class{constructor(o){e(this,o);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=r;this.defaultSelectedPeriod=undefined;this.defaultSelectedNumber=undefined;this.hasError=false;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e.label,value:e.value})))}defaultSelectedPeriodChanged(e){this.selectedPeriod=e;this.updateNumberOptionsAndSelectedNumber(e)}defaultSelectedNumberChanged(e){this.selectedNumber=e}timePeriodsChanged(e){this.timePeriodOptions=[...e]}componentDidLoad(){this.selectedNumber=this.defaultSelectedNumber;this.selectedPeriod=this.defaultSelectedPeriod;const e=h[this.selectedPeriod]??this.selectedPeriod;const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));case"year":return Array.from({length:10},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){i("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-number"){this.selectedNumber=t?parseInt(t):this.defaultSelectedNumber}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){i("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(o==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}render(){return o("div",{key:"e482a321073bccd2cef6b05f4e6ad95cd3386b3a",class:"time-period-selector"},typeof this.selectedNumber=="number"&&o("input-dropdown",{id:"time-number",name:"time-number",class:{error:this.hasError},inputValue:this.selectedNumber.toString(),exportparts:"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))}),typeof this.selectedPeriod=="string"&&o("select-dropdown",{id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?n.t(`time.${this.selectedPeriod}s`):n.t(`time.${this.selectedPeriod}`),defaultSelectedOption:this.timePeriodOptions?.find((e=>e.value==this.selectedPeriod)),withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChanged"],defaultSelectedNumber:["defaultSelectedNumberChanged"],timePeriods:["timePeriodsChanged"]}}};u.style=c;export{l as input_dropdown,u as time_period_selector};
-//# sourceMappingURL=p-c3cfe486.entry.js.map
+import{r as e,c as t,h as o,a as s}from"./p-6f5a3998.js";import{i as r}from"./p-6c2ba972.js";import{a as i,i as n}from"./p-77e4b56c.js";import"./p-c79dcb59.js";const d=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const a=d;const l=class{constructor(o){e(this,o);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.typedValue="";this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e?.label===t?.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.typedValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;this.typedValue=t;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){this.scrollToViewWithinParent(o)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const o=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!o||!s)return;const r=o.getBoundingClientRect();const i=s.getBoundingClientRect();if(r.top<i.top){s.scrollTop-=i.top-r.top}else if(r.bottom>i.bottom){s.scrollTop+=r.bottom-i.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){setTimeout((()=>{this.scrollToViewWithinParent(o)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const o=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(o===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o+1<t.length?o+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(o===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o-1>=0?o-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[o])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const o=t.value;const s=this.el.shadowRoot?.getElementById(o);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const o=t.includes(this.el);if(!o&&this.isOpen){this.isOpen=false}}render(){return o("div",{key:"806fa6a509d7a7c78bf6ee1de1dd4cd7a755bab4",class:"dropdown",part:"id_dropdown"},o("input",{key:"b594d3517fba52cb85e95220c6d415d672c26a71",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?o("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},o("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>o("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};l.style=a;const p=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown#time-number.error.sc-time-period-selector::part(id_dropdown-input){border:1px solid var(--nylas-error)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector:hover{outline:1px solid var(--nylas-primary);border:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:16px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input):hover{border:none;outline:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown_label){height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between;border:none;align-items:center;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const c=p;const h={hours:"hour",days:"day",weeks:"week",months:"month",years:"year"};const u=class{constructor(o){e(this,o);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=r;this.defaultSelectedPeriod=undefined;this.defaultSelectedNumber=undefined;this.hasError=false;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e.label,value:e.value})))}defaultSelectedPeriodChanged(e){this.selectedPeriod=e;this.updateNumberOptionsAndSelectedNumber(e)}defaultSelectedNumberChanged(e){this.selectedNumber=e}timePeriodsChanged(e){this.timePeriodOptions=[...e]}componentDidLoad(){this.selectedNumber=this.defaultSelectedNumber;this.selectedPeriod=this.defaultSelectedPeriod;const e=h[this.selectedPeriod]??this.selectedPeriod;const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));case"year":return Array.from({length:10},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){i("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-number"){this.selectedNumber=t?parseInt(t):this.defaultSelectedNumber}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){i("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(o==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}render(){return o("div",{key:"9e0fdc7e29a1f2736f392fa3ce86add3290d8361",class:"time-period-selector"},typeof this.selectedNumber=="number"&&o("input-dropdown",{id:"time-number",name:"time-number",class:{error:this.hasError},inputValue:this.selectedNumber.toString(),exportparts:"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))}),typeof this.selectedPeriod=="string"&&o("select-dropdown",{id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?n.t(`time.${this.selectedPeriod}s`):n.t(`time.${this.selectedPeriod}`),defaultSelectedOption:this.timePeriodOptions?.find((e=>e.value==this.selectedPeriod)),withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChanged"],defaultSelectedNumber:["defaultSelectedNumberChanged"],timePeriods:["timePeriodsChanged"]}}};u.style=c;export{l as input_dropdown,u as time_period_selector};
+//# sourceMappingURL=p-a6a52e17.entry.js.map

package/dist/nylas-web-elements/{p-c3cfe486.entry.js.map → p-a6a52e17.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["inputDropdownCss","InputDropdownStyle0","InputDropdown","this","defaultInputOption","options","optionsChangedHandler","newValue","oldValue","filteredOptions","getFilteredOptions","defaultSelectedOptionChangedHandler","label","selectedOption","inputValueChangedHandler","componentWillLoad","length","filterable","filter","option","value","toString","toLowerCase","includes","typedValue","toggleDropdown","isOpen","selectOption","inputOptionChanged","emit","name","handleOnInput","event","target","optionIndex","findIndex","scrollToViewWithinParent","childElement","el","shadowRoot","getElementById","parentElement","optionsRef","ariaActivedescendant","childRect","getBoundingClientRect","parentRect","top","scrollTop","bottom","handleSelectButtonKeyDown","key","preventDefault","inputRef","focus","handleClick","setTimeout","handleListboxKeydown","e","items","currentIndex","item","shiftKey","nextIndex","focusOption","prevIndex","index","elementId","element","scrollIntoView","behavior","block","handleComboboxKeyDown","shouldAutoScroll","handleOutsideClick","path","composedPath","isClickInside","render","h","class","part","type","id","dropbtn","open","inputValue","onClick","onKeyDown","onInput","ref","tabindex","role","map","focused","labelHTML","timePeriodSelectorCss","TimePeriodSelectorStyle0","pluralToSingular","hours","days","weeks","months","years","TimePeriodSelector","TIME_PERIODS","defaultSelectedPeriod","defaultSelectedNumber","calculateOptions","i","timePeriods","defaultSelectedPeriodChanged","selectedPeriod","updateNumberOptionsAndSelectedNumber","defaultSelectedNumberChanged","selectedNumber","timePeriodsChanged","timePeriodOptions","componentDidLoad","period","numberOptions","Array","from","_","inputOptionChangedHandler","debug","detail","parseInt","selected","number","timePeriodChanged","nylasFormDropdownChangedHandler","error","hasError","exportparts","find","pluralizedLabel","i18next","t","defaultSelectedOption","withSearch"],"sources":["src/components/design-system/input-dropdown/input-dropdown.scss?tag=input-dropdown&encapsulation=shadow","src/components/design-system/input-dropdown/input-dropdown.tsx","src/components/design-system/time-period-selector/time-period-selector.scss?tag=time-period-selector&encapsulation=scoped","src/components/design-system/time-period-selector/time-period-selector.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  position: relative;\n\n  @media #{$mobile} {\n    position: unset;\n  }\n\n  @include default-css-variables;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropbtn {\n  color: var(--nylas-base-800);\n  padding: 10px;\n  font-size: 16px;\n  font-family: var(--nylas-font-family);\n  cursor: pointer;\n  display: flex;\n  gap: 0.5rem;\n  background: transparent;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  width: 50px;\n  padding: 14px 16px;\n  border-radius: var(--nylas-border-radius-2x);\n\n  &.focus {\n    background: transparent;\n  }\n\n  &:hover,\n  &:active {\n    outline: 1px solid var(--nylas-primary);\n  }\n\n  &:active {\n    outline: 2px solid var(--nylas-primary);\n  }\n\n  span {\n    &.chevron {\n      display: flex;\n      align-self: center;\n    }\n\n    &.open {\n      transform: rotate(90deg);\n    }\n\n    &.closed {\n      transform: rotate(270deg);\n    }\n\n    &.selected-option {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      max-width: 144px;\n      font-size: 14px;\n      line-height: 20px;\n\n      @media #{$mobile} {\n        max-width: 124px;\n        font-size: 16px;\n      }\n    }\n  }\n}\n\n.dropdown-content {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  max-width: 306px;\n  width: max-content;\n  max-height: 336px;\n  overflow: auto;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n\n  @media #{$mobile} {\n    right: 0;\n    width: 325px;\n    max-width: unset;\n  }\n\n  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);\n}\n\n.search-box {\n  border-bottom: 1px solid var(--nylas-base-200);\n  padding: 10px;\n  position: sticky;\n  top: 0;\n  background: var(--nylas-base-0);\n\n  .icon {\n    position: absolute;\n    top: 1.25rem;\n    left: 1.25rem;\n    color: var(--nylas-base-300);\n  }\n}\n\n.dropdown-content ul {\n  padding: 0;\n  list-style-type: none;\n  color: var(--nylas-base-900);\n  max-height: 336px;\n\n  li {\n    padding: 16px, 12px, 16px, 12px;\n    color: var(--nylas-base-900);\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-align: left;\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      background-color: var(--nylas-base-100);\n    }\n  }\n}\n\n.dropdown-content .selected {\n  background-color: #e7e7e7;\n}\n\ninput[type='text'] {\n  width: -webkit-fill-available;\n  padding: inherit;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  position: sticky;\n  background: no-repeat scroll 7px 7px;\n  padding-left: 30px;\n  background-size: 16px 16px;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\n\ninterface DropdownOption {\n  labelHTML?: HTMLElement;\n  label: string;\n  value: string;\n}\n\n/**\n * The `input-dropdown` component is a dropdown that allows users to input an option and/or select from a list of options.\n * @part id_dropdown - The dropdown container\n * @part id_dropdown-input - The dropdown button\n * @part id_dropdown-content - The dropdown content\n */\n@Component({\n  tag: 'input-dropdown',\n  styleUrl: 'input-dropdown.scss',\n  shadow: true,\n})\nexport class InputDropdown {\n  @Element() el!: HTMLElement;\n\n  private inputRef?: HTMLInputElement;\n  private optionsRef!: HTMLElement;\n\n  // Props\n  /**\n   * The name of the dropdown\n   */\n  @Prop() name!: string;\n  /**\n   * The options to display in the dropdown\n   */\n  @Prop() options: DropdownOption[] = [];\n  /**\n   * The default selected option\n   */\n  @Prop() defaultInputOption?: DropdownOption;\n  /**\n   * Should show search input\n   */\n  @Prop() inputValue!: string;\n  /**\n   * Show pluralized label for the selected option. This is s tring that is appended to the selected option label as a suffix.\n   */\n  @Prop() pluralizedLabel: string = '';\n\n  /**\n   * This is used to set if the dropdown should be filtered based on the input value.\n   * If set to true, the dropdown will be filtered based on the input value.\n   */\n  @Prop() filterable: boolean = false;\n\n  // States\n  /**\n   * The selected option\n   */\n  @State() selectedOption: DropdownOption | null = this.defaultInputOption || null;\n  /**\n   * The open state of the dropdown\n   */\n  @State() isOpen: boolean = false;\n\n  /**\n   * The typed value in the input\n   */\n  @State() typedValue: string = '';\n\n  /**\n   * The filtered options based on the search value\n   */\n  @State() filteredOptions: DropdownOption[] = [...this.options];\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   * option in the list box to screen readers. The value of aria-activedescendant is the ID of\n   * the active option.\n   */\n  @State() ariaActivedescendant: string = '';\n\n  /**\n   * This is used to scroll to the input value.\n   */\n  @State() shouldAutoScroll: boolean = false;\n\n  // Events\n  /**\n   * This event is fired when the selected option is changed\n   */\n  @Event({ bubbles: true, composed: true }) inputOptionChanged!: EventEmitter<{\n    value: DropdownOption['value'];\n    name: string;\n  }>;\n\n  @Watch('options')\n  optionsChangedHandler(newValue: DropdownOption[], oldValue: DropdownOption[]) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = this.getFilteredOptions(newValue);\n  }\n\n  @Watch('defaultInputOption')\n  defaultSelectedOptionChangedHandler(newValue: DropdownOption, oldValue: DropdownOption) {\n    if (newValue?.label === oldValue?.label) {\n      return;\n    }\n    this.selectedOption = newValue;\n  }\n\n  @Watch('inputValue')\n  inputValueChangedHandler(newValue: string, oldValue: string) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = this.getFilteredOptions(this.options);\n  }\n\n  // Lifecycle methods\n  componentWillLoad() {\n    this.filteredOptions = this.getFilteredOptions(this.options);\n    // Set the selected option to the first option if no option is selected\n    if (!this.selectedOption && !!this.defaultInputOption) {\n      this.selectedOption = this.defaultInputOption;\n    }\n    if (!this.selectedOption && this.options.length > 0) {\n      this.selectedOption = this.options[0];\n    }\n  }\n\n  // Methods\n  getFilteredOptions(options): DropdownOption[] {\n    if (!this.filterable) {\n      return options;\n    }\n\n    return options.filter(\n      option => option?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase()) || option?.label?.toLowerCase().includes(this.typedValue?.toLowerCase()),\n    );\n  }\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  selectOption(option: DropdownOption): void {\n    this.selectedOption = option;\n    this.toggleDropdown();\n    this.inputOptionChanged.emit({\n      value: option.value,\n      name: this.name,\n    });\n  }\n\n  handleOnInput(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.typedValue = value;\n    const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n    if (optionIndex > -1) {\n      this.scrollToViewWithinParent(optionIndex);\n    }\n    this.inputOptionChanged.emit({\n      value,\n      name: this.name,\n    });\n  }\n\n  scrollToViewWithinParent(optionIndex: number) {\n    const option = this.options[optionIndex];\n    const childElement = this.el.shadowRoot?.getElementById(option.value.toString()) as HTMLLIElement;\n    const parentElement = this.optionsRef;\n\n    this.ariaActivedescendant = option.value.toString();\n    if (!childElement || !parentElement) return;\n    // Scroll child into view within parent\n    const childRect = childElement.getBoundingClientRect();\n    const parentRect = parentElement.getBoundingClientRect();\n\n    if (childRect.top < parentRect.top) {\n      // Child is above the visible area of the parent\n      parentElement.scrollTop -= parentRect.top - childRect.top;\n    } else if (childRect.bottom > parentRect.bottom) {\n      // Child is below the visible area of the parent\n      parentElement.scrollTop += childRect.bottom - parentRect.bottom;\n    }\n  }\n\n  handleSelectButtonKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.toggleDropdown();\n        }\n        this.inputRef?.focus();\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  handleClick(event: Event): void {\n    if (this.isOpen) {\n      const value = (event.target as HTMLInputElement).value;\n      const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n      if (optionIndex > -1) {\n        setTimeout(() => {\n          this.scrollToViewWithinParent(optionIndex);\n        }, 10);\n      }\n    }\n  }\n\n  handleListboxKeydown(e) {\n    const items = this.filteredOptions;\n    const currentIndex = items.findIndex(item => item.value === this.ariaActivedescendant);\n    if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === items.length - 1) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n      this.ariaActivedescendant = items[nextIndex].value;\n      this.focusOption(nextIndex);\n    } else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === 0) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n      this.ariaActivedescendant = items[prevIndex].value;\n      this.focusOption(prevIndex);\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.ariaActivedescendant) {\n        this.selectOption(items[currentIndex]);\n      }\n    } else if (e.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  focusOption(index) {\n    const option = this.filteredOptions[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.value;\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  handleComboboxKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown' || (event.key == 'Tab' && !event.shiftKey)) {\n      event.preventDefault();\n      if (!this.isOpen) {\n        this.isOpen = true;\n        this.shouldAutoScroll = true;\n        return;\n      }\n      this.ariaActivedescendant = this.filteredOptions[0].value;\n      this.focusOption(0);\n    } else if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey)) {\n      event.preventDefault();\n      this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value;\n      this.focusOption(this.filteredOptions.length - 1);\n    } else if (event.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.isOpen) {\n      this.isOpen = false;\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"dropdown\" part=\"id_dropdown\">\n        <input\n          type=\"text\"\n          name={this.name}\n          id={this.name}\n          part=\"id_dropdown-input\"\n          class={{ dropbtn: true, open: this.isOpen }}\n          value={this.inputValue}\n          onClick={(e: Event) => {\n            this.toggleDropdown();\n            this.shouldAutoScroll = true;\n            this.handleClick(e);\n          }}\n          aria-haspopup=\"listbox\"\n          aria-label={this.name}\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          onKeyDown={e => this.handleComboboxKeyDown(e)}\n          onInput={event => this.handleOnInput(event)}\n        />\n        {this.isOpen ? (\n          <div class=\"dropdown-content\" part=\"id_dropdown-content\" ref={el => (this.optionsRef = el as HTMLElement)}>\n            <ul tabindex=\"-1\" role=\"listbox\" aria-label={this.name} aria-activedescendant={this.ariaActivedescendant} onKeyDown={e => this.handleListboxKeydown(e)}>\n              {this.filteredOptions.map(option => (\n                <li\n                  tabindex=\"0\"\n                  key={option.value}\n                  id={option.value}\n                  onClick={() => this.selectOption(option)}\n                  role=\"option\"\n                  class={{\n                    focused: this.ariaActivedescendant === option.value.toString(),\n                  }}\n                >\n                  {option.labelHTML ? option.labelHTML : option.label}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n",".time-period-selector {\n  display: grid;\n  gap: 0.5rem;\n  grid-template-columns: auto 1fr;\n\n  select-dropdown,\n  input-dropdown {\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius-2x);\n  }\n\n  select-dropdown {\n    width: 116px;\n  }\n\n  input-dropdown {\n    width: 84px;\n    display: flex;\n    align-items: center;\n  }\n\n  select-dropdown#time-period::part(sd_dropdown-button) {\n    width: 100%;\n  }\n\n  input-dropdown::part(id_dropdown) {\n    width: inherit;\n    height: 100%;\n  }\n\n  input-dropdown#time-number::part(id_dropdown-input) {\n    border: none;\n    border-radius: var(--nylas-border-radius-2x);\n  }\n\n  input-dropdown#time-number.error::part(id_dropdown-input) {\n    border: 1px solid var(--nylas-error);\n  }\n\n  input-dropdown {\n    &:hover {\n      outline: 1px solid var(--nylas-primary);\n      border: none;\n    }\n    &::part(id_dropdown-input) {\n      padding: 16px;\n      gap: 1rem;\n      &:hover {\n        border: none;\n        outline: none;\n      }\n    }\n  }\n\n  input-dropdown::part(id_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n\n  select-dropdown::part(sd_dropdown) {\n    width: inherit;\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown_label) {\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown-button) {\n    padding: 1rem;\n    gap: 1rem;\n    justify-content: space-between;\n    border: none;\n    align-items: center;\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n","import { TIME_PERIODS } from '@/common/constants';\nimport { debug } from '@/utils/utils';\nimport { TimePeriod } from '@nylas/core/lib';\nimport { Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport { Component, h, Listen, Prop, State } from '@stencil/core';\nimport i18next from 'i18next';\n\nconst pluralToSingular = {\n  hours: 'hour',\n  days: 'day',\n  weeks: 'week',\n  months: 'month',\n  years: 'year',\n};\n\n/**\n * The time period selector component allows the user to select a time period and a number value for that time period.\n */\n@Component({\n  tag: 'time-period-selector',\n  styleUrl: 'time-period-selector.scss',\n  scoped: true,\n})\nexport class TimePeriodSelector {\n  @Element() host!: HTMLElement;\n\n  // The possible values for the time periods dropdown\n  @Prop() timePeriods: TimePeriod[] = TIME_PERIODS;\n\n  /**\n   * The default selected time period.\n   */\n  @Prop() defaultSelectedPeriod!: string;\n\n  /**\n   * The default selected number.\n   */\n  @Prop() defaultSelectedNumber!: number;\n\n  /**\n   * The error state\n   */\n  @Prop() hasError: boolean = false;\n\n  /**\n   * The currently selected time period\n   */\n  @State() selectedPeriod: string = this.defaultSelectedPeriod;\n\n  /**\n   * The currently selected number of the time period\n   */\n  @State() selectedNumber: number = this.defaultSelectedNumber;\n\n  /*\n   * The options for the number dropdown, to be calculated based on the selectedPeriod\n   */\n  @State() numberOptions: { label: string; value: string }[] = this.calculateOptions(this.defaultSelectedPeriod || 'hour').map(i => {\n    return {\n      label: i.toString(),\n      value: i.toString(),\n    };\n  });\n\n  /**\n   * The options for the time period dropdown\n   */\n  @State() timePeriodOptions = this.timePeriods.map(i => {\n    return {\n      label: i.label,\n      value: i.value,\n    };\n  });\n\n  @Watch('defaultSelectedPeriod')\n  defaultSelectedPeriodChanged(newValue: string) {\n    this.selectedPeriod = newValue;\n    this.updateNumberOptionsAndSelectedNumber(newValue);\n  }\n\n  @Watch('defaultSelectedNumber')\n  defaultSelectedNumberChanged(newValue: number) {\n    this.selectedNumber = newValue;\n  }\n\n  @Watch('timePeriods')\n  timePeriodsChanged(newValue: { label: string; value: string }[]) {\n    this.timePeriodOptions = [...newValue];\n  }\n\n  componentDidLoad() {\n    this.selectedNumber = this.defaultSelectedNumber;\n    this.selectedPeriod = this.defaultSelectedPeriod;\n    const period = pluralToSingular[this.selectedPeriod] ?? this.selectedPeriod;\n    const numberOptions = this.calculateOptions(period);\n    this.numberOptions = numberOptions.map(i => {\n      return {\n        label: i.toString(),\n        value: i.toString(),\n      };\n    });\n  }\n\n  @Event() timePeriodChanged!: EventEmitter<{ number: number; period: string }>;\n\n  private calculateOptions(period: string): number[] {\n    switch (period) {\n      case 'hour':\n        return Array.from({ length: 23 }, (_, i) => i + 1);\n      case 'minute':\n        return Array.from({ length: 13 }, (_, i) => i * 5);\n      case 'day':\n        return Array.from({ length: 30 }, (_, i) => i + 1);\n      case 'week':\n        return Array.from({ length: 4 }, (_, i) => i + 1);\n      case 'month':\n        return Array.from({ length: 12 }, (_, i) => i + 1);\n      case 'year':\n        return Array.from({ length: 10 }, (_, i) => i + 1);\n      default:\n        return [];\n    }\n  }\n\n  @Listen('inputOptionChanged')\n  inputOptionChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'inputOptionChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-number') {\n      this.selectedNumber = value ? parseInt(value) : this.defaultSelectedNumber;\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'nylasFormDropdownChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-period') {\n      this.selectedPeriod = value;\n      this.updateNumberOptionsAndSelectedNumber(value);\n    } else if (name === 'time-number') {\n      this.selectedNumber = parseInt(value);\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  updateNumberOptionsAndSelectedNumber(period: string) {\n    const numberOptions = this.calculateOptions(period);\n    this.numberOptions = numberOptions.map(i => {\n      return {\n        label: i.toString(),\n        value: i.toString(),\n      };\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"time-period-selector\">\n        {typeof this.selectedNumber == 'number' && (\n          <input-dropdown\n            id=\"time-number\"\n            name={'time-number'}\n            class={{ error: this.hasError }}\n            inputValue={this.selectedNumber.toString()}\n            exportparts=\"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content\"\n            options={this.numberOptions}\n            defaultInputOption={this.numberOptions.find(i => i.value == this.selectedNumber.toString())}\n          />\n        )}\n        {typeof this.selectedPeriod == 'string' && (\n          <select-dropdown\n            id=\"time-period\"\n            name={'time-period'}\n            options={this.timePeriodOptions}\n            exportparts=\"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content\"\n            pluralizedLabel={this.selectedNumber > 1 ? i18next.t(`time.${this.selectedPeriod}s`) : i18next.t(`time.${this.selectedPeriod}`)}\n            defaultSelectedOption={this.timePeriodOptions?.find(i => i.value == this.selectedPeriod)}\n            withSearch={false}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["inputDropdownCss","InputDropdownStyle0","InputDropdown","this","defaultInputOption","options","optionsChangedHandler","newValue","oldValue","filteredOptions","getFilteredOptions","defaultSelectedOptionChangedHandler","label","selectedOption","inputValueChangedHandler","componentWillLoad","length","filterable","filter","option","value","toString","toLowerCase","includes","typedValue","toggleDropdown","isOpen","selectOption","inputOptionChanged","emit","name","handleOnInput","event","target","optionIndex","findIndex","scrollToViewWithinParent","childElement","el","shadowRoot","getElementById","parentElement","optionsRef","ariaActivedescendant","childRect","getBoundingClientRect","parentRect","top","scrollTop","bottom","handleSelectButtonKeyDown","key","preventDefault","inputRef","focus","handleClick","setTimeout","handleListboxKeydown","e","items","currentIndex","item","shiftKey","nextIndex","focusOption","prevIndex","index","elementId","element","scrollIntoView","behavior","block","handleComboboxKeyDown","shouldAutoScroll","handleOutsideClick","path","composedPath","isClickInside","render","h","class","part","type","id","dropbtn","open","inputValue","onClick","onKeyDown","onInput","ref","tabindex","role","map","focused","labelHTML","timePeriodSelectorCss","TimePeriodSelectorStyle0","pluralToSingular","hours","days","weeks","months","years","TimePeriodSelector","TIME_PERIODS","defaultSelectedPeriod","defaultSelectedNumber","calculateOptions","i","timePeriods","defaultSelectedPeriodChanged","selectedPeriod","updateNumberOptionsAndSelectedNumber","defaultSelectedNumberChanged","selectedNumber","timePeriodsChanged","timePeriodOptions","componentDidLoad","period","numberOptions","Array","from","_","inputOptionChangedHandler","debug","detail","parseInt","selected","number","timePeriodChanged","nylasFormDropdownChangedHandler","error","hasError","exportparts","find","pluralizedLabel","i18next","t","defaultSelectedOption","withSearch"],"sources":["src/components/design-system/input-dropdown/input-dropdown.scss?tag=input-dropdown&encapsulation=shadow","src/components/design-system/input-dropdown/input-dropdown.tsx","src/components/design-system/time-period-selector/time-period-selector.scss?tag=time-period-selector&encapsulation=scoped","src/components/design-system/time-period-selector/time-period-selector.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  position: relative;\n\n  @media #{$mobile} {\n    position: unset;\n  }\n\n  @include default-css-variables;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropbtn {\n  color: var(--nylas-base-800);\n  padding: 10px;\n  font-size: 16px;\n  font-family: var(--nylas-font-family);\n  cursor: pointer;\n  display: flex;\n  gap: 0.5rem;\n  background: transparent;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  width: 50px;\n  padding: 14px 16px;\n  border-radius: var(--nylas-border-radius-2x);\n\n  &.focus {\n    background: transparent;\n  }\n\n  &:hover,\n  &:active {\n    outline: 1px solid var(--nylas-primary);\n  }\n\n  &:active {\n    outline: 2px solid var(--nylas-primary);\n  }\n\n  span {\n    &.chevron {\n      display: flex;\n      align-self: center;\n    }\n\n    &.open {\n      transform: rotate(90deg);\n    }\n\n    &.closed {\n      transform: rotate(270deg);\n    }\n\n    &.selected-option {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      max-width: 144px;\n      font-size: 14px;\n      line-height: 20px;\n\n      @media #{$mobile} {\n        max-width: 124px;\n        font-size: 16px;\n      }\n    }\n  }\n}\n\n.dropdown-content {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  max-width: 306px;\n  width: max-content;\n  max-height: 336px;\n  overflow: auto;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n\n  @media #{$mobile} {\n    right: 0;\n    width: 325px;\n    max-width: unset;\n  }\n\n  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);\n}\n\n.search-box {\n  border-bottom: 1px solid var(--nylas-base-200);\n  padding: 10px;\n  position: sticky;\n  top: 0;\n  background: var(--nylas-base-0);\n\n  .icon {\n    position: absolute;\n    top: 1.25rem;\n    left: 1.25rem;\n    color: var(--nylas-base-300);\n  }\n}\n\n.dropdown-content ul {\n  padding: 0;\n  list-style-type: none;\n  color: var(--nylas-base-900);\n  max-height: 336px;\n\n  li {\n    padding: 16px, 12px, 16px, 12px;\n    color: var(--nylas-base-900);\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-align: left;\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      background-color: var(--nylas-base-100);\n    }\n  }\n}\n\n.dropdown-content .selected {\n  background-color: #e7e7e7;\n}\n\ninput[type='text'] {\n  width: -webkit-fill-available;\n  padding: inherit;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  position: sticky;\n  background: no-repeat scroll 7px 7px;\n  padding-left: 30px;\n  background-size: 16px 16px;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\n\ninterface DropdownOption {\n  labelHTML?: HTMLElement;\n  label: string;\n  value: string;\n}\n\n/**\n * The `input-dropdown` component is a dropdown that allows users to input an option and/or select from a list of options.\n * @part id_dropdown - The dropdown container\n * @part id_dropdown-input - The dropdown button\n * @part id_dropdown-content - The dropdown content\n */\n@Component({\n  tag: 'input-dropdown',\n  styleUrl: 'input-dropdown.scss',\n  shadow: true,\n})\nexport class InputDropdown {\n  @Element() el!: HTMLElement;\n\n  private inputRef?: HTMLInputElement;\n  private optionsRef!: HTMLElement;\n\n  // Props\n  /**\n   * The name of the dropdown\n   */\n  @Prop() name!: string;\n  /**\n   * The options to display in the dropdown\n   */\n  @Prop() options: DropdownOption[] = [];\n  /**\n   * The default selected option\n   */\n  @Prop() defaultInputOption?: DropdownOption;\n  /**\n   * Should show search input\n   */\n  @Prop() inputValue!: string;\n  /**\n   * Show pluralized label for the selected option. This is s tring that is appended to the selected option label as a suffix.\n   */\n  @Prop() pluralizedLabel: string = '';\n\n  /**\n   * This is used to set if the dropdown should be filtered based on the input value.\n   * If set to true, the dropdown will be filtered based on the input value.\n   */\n  @Prop() filterable: boolean = false;\n\n  // States\n  /**\n   * The selected option\n   */\n  @State() selectedOption: DropdownOption | null = this.defaultInputOption || null;\n  /**\n   * The open state of the dropdown\n   */\n  @State() isOpen: boolean = false;\n\n  /**\n   * The typed value in the input\n   */\n  @State() typedValue: string = '';\n\n  /**\n   * The filtered options based on the search value\n   */\n  @State() filteredOptions: DropdownOption[] = [...this.options];\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   * option in the list box to screen readers. The value of aria-activedescendant is the ID of\n   * the active option.\n   */\n  @State() ariaActivedescendant: string = '';\n\n  /**\n   * This is used to scroll to the input value.\n   */\n  @State() shouldAutoScroll: boolean = false;\n\n  // Events\n  /**\n   * This event is fired when the selected option is changed\n   */\n  @Event({ bubbles: true, composed: true }) inputOptionChanged!: EventEmitter<{\n    value: DropdownOption['value'];\n    name: string;\n  }>;\n\n  @Watch('options')\n  optionsChangedHandler(newValue: DropdownOption[], oldValue: DropdownOption[]) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = this.getFilteredOptions(newValue);\n  }\n\n  @Watch('defaultInputOption')\n  defaultSelectedOptionChangedHandler(newValue: DropdownOption, oldValue: DropdownOption) {\n    if (newValue?.label === oldValue?.label) {\n      return;\n    }\n    this.selectedOption = newValue;\n  }\n\n  @Watch('inputValue')\n  inputValueChangedHandler(newValue: string, oldValue: string) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = this.getFilteredOptions(this.options);\n  }\n\n  // Lifecycle methods\n  componentWillLoad() {\n    this.filteredOptions = this.getFilteredOptions(this.options);\n    // Set the selected option to the first option if no option is selected\n    if (!this.selectedOption && !!this.defaultInputOption) {\n      this.selectedOption = this.defaultInputOption;\n    }\n    if (!this.selectedOption && this.options.length > 0) {\n      this.selectedOption = this.options[0];\n    }\n  }\n\n  // Methods\n  getFilteredOptions(options): DropdownOption[] {\n    if (!this.filterable) {\n      return options;\n    }\n\n    return options.filter(\n      option => option?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase()) || option?.label?.toLowerCase().includes(this.typedValue?.toLowerCase()),\n    );\n  }\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  selectOption(option: DropdownOption): void {\n    this.selectedOption = option;\n    this.toggleDropdown();\n    this.inputOptionChanged.emit({\n      value: option.value,\n      name: this.name,\n    });\n  }\n\n  handleOnInput(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.typedValue = value;\n    const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n    if (optionIndex > -1) {\n      this.scrollToViewWithinParent(optionIndex);\n    }\n    this.inputOptionChanged.emit({\n      value,\n      name: this.name,\n    });\n  }\n\n  scrollToViewWithinParent(optionIndex: number) {\n    const option = this.options[optionIndex];\n    const childElement = this.el.shadowRoot?.getElementById(option.value.toString()) as HTMLLIElement;\n    const parentElement = this.optionsRef;\n\n    this.ariaActivedescendant = option.value.toString();\n    if (!childElement || !parentElement) return;\n    // Scroll child into view within parent\n    const childRect = childElement.getBoundingClientRect();\n    const parentRect = parentElement.getBoundingClientRect();\n\n    if (childRect.top < parentRect.top) {\n      // Child is above the visible area of the parent\n      parentElement.scrollTop -= parentRect.top - childRect.top;\n    } else if (childRect.bottom > parentRect.bottom) {\n      // Child is below the visible area of the parent\n      parentElement.scrollTop += childRect.bottom - parentRect.bottom;\n    }\n  }\n\n  handleSelectButtonKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.toggleDropdown();\n        }\n        this.inputRef?.focus();\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  handleClick(event: Event): void {\n    if (this.isOpen) {\n      const value = (event.target as HTMLInputElement).value;\n      const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n      if (optionIndex > -1) {\n        setTimeout(() => {\n          this.scrollToViewWithinParent(optionIndex);\n        }, 10);\n      }\n    }\n  }\n\n  handleListboxKeydown(e) {\n    const items = this.filteredOptions;\n    const currentIndex = items.findIndex(item => item.value === this.ariaActivedescendant);\n    if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === items.length - 1) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n      this.ariaActivedescendant = items[nextIndex].value;\n      this.focusOption(nextIndex);\n    } else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === 0) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n      this.ariaActivedescendant = items[prevIndex].value;\n      this.focusOption(prevIndex);\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.ariaActivedescendant) {\n        this.selectOption(items[currentIndex]);\n      }\n    } else if (e.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  focusOption(index) {\n    const option = this.filteredOptions[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.value;\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  handleComboboxKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown' || (event.key == 'Tab' && !event.shiftKey)) {\n      event.preventDefault();\n      if (!this.isOpen) {\n        this.isOpen = true;\n        this.shouldAutoScroll = true;\n        return;\n      }\n      this.ariaActivedescendant = this.filteredOptions[0].value;\n      this.focusOption(0);\n    } else if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey)) {\n      event.preventDefault();\n      this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value;\n      this.focusOption(this.filteredOptions.length - 1);\n    } else if (event.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.isOpen) {\n      this.isOpen = false;\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"dropdown\" part=\"id_dropdown\">\n        <input\n          type=\"text\"\n          name={this.name}\n          id={this.name}\n          part=\"id_dropdown-input\"\n          class={{ dropbtn: true, open: this.isOpen }}\n          value={this.inputValue}\n          onClick={(e: Event) => {\n            this.toggleDropdown();\n            this.shouldAutoScroll = true;\n            this.handleClick(e);\n          }}\n          aria-haspopup=\"listbox\"\n          aria-label={this.name}\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          onKeyDown={e => this.handleComboboxKeyDown(e)}\n          onInput={event => this.handleOnInput(event)}\n        />\n        {this.isOpen ? (\n          <div class=\"dropdown-content\" part=\"id_dropdown-content\" ref={el => (this.optionsRef = el as HTMLElement)}>\n            <ul tabindex=\"-1\" role=\"listbox\" aria-label={this.name} aria-activedescendant={this.ariaActivedescendant} onKeyDown={e => this.handleListboxKeydown(e)}>\n              {this.filteredOptions.map(option => (\n                <li\n                  tabindex=\"0\"\n                  key={option.value}\n                  id={option.value}\n                  onClick={() => this.selectOption(option)}\n                  role=\"option\"\n                  class={{\n                    focused: this.ariaActivedescendant === option.value.toString(),\n                  }}\n                >\n                  {option.labelHTML ? option.labelHTML : option.label}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n",".time-period-selector {\n  display: grid;\n  gap: 0.5rem;\n  grid-template-columns: auto 1fr;\n\n  select-dropdown,\n  input-dropdown {\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius-2x);\n  }\n\n  select-dropdown {\n    width: 116px;\n  }\n\n  input-dropdown {\n    width: 84px;\n    display: flex;\n    align-items: center;\n  }\n\n  select-dropdown#time-period::part(sd_dropdown-button) {\n    width: 100%;\n  }\n\n  input-dropdown::part(id_dropdown) {\n    width: inherit;\n    height: 100%;\n  }\n\n  input-dropdown#time-number::part(id_dropdown-input) {\n    border: none;\n    border-radius: var(--nylas-border-radius-2x);\n  }\n\n  input-dropdown#time-number.error::part(id_dropdown-input) {\n    border: 1px solid var(--nylas-error);\n  }\n\n  input-dropdown {\n    &:hover {\n      outline: 1px solid var(--nylas-primary);\n      border: none;\n    }\n    &::part(id_dropdown-input) {\n      padding: 16px;\n      gap: 1rem;\n      &:hover {\n        border: none;\n        outline: none;\n      }\n    }\n  }\n\n  input-dropdown::part(id_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n\n  select-dropdown::part(sd_dropdown) {\n    width: inherit;\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown_label) {\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown-button) {\n    padding: 1rem;\n    gap: 1rem;\n    justify-content: space-between;\n    border: none;\n    align-items: center;\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n","import { TIME_PERIODS } from '@/common/constants';\nimport { debug } from '@/utils/utils';\nimport { TimePeriod } from '@nylas/core';\nimport { Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport { Component, h, Listen, Prop, State } from '@stencil/core';\nimport i18next from 'i18next';\n\nconst pluralToSingular = {\n  hours: 'hour',\n  days: 'day',\n  weeks: 'week',\n  months: 'month',\n  years: 'year',\n};\n\n/**\n * The time period selector component allows the user to select a time period and a number value for that time period.\n */\n@Component({\n  tag: 'time-period-selector',\n  styleUrl: 'time-period-selector.scss',\n  scoped: true,\n})\nexport class TimePeriodSelector {\n  @Element() host!: HTMLElement;\n\n  // The possible values for the time periods dropdown\n  @Prop() timePeriods: TimePeriod[] = TIME_PERIODS;\n\n  /**\n   * The default selected time period.\n   */\n  @Prop() defaultSelectedPeriod!: string;\n\n  /**\n   * The default selected number.\n   */\n  @Prop() defaultSelectedNumber!: number;\n\n  /**\n   * The error state\n   */\n  @Prop() hasError: boolean = false;\n\n  /**\n   * The currently selected time period\n   */\n  @State() selectedPeriod: string = this.defaultSelectedPeriod;\n\n  /**\n   * The currently selected number of the time period\n   */\n  @State() selectedNumber: number = this.defaultSelectedNumber;\n\n  /*\n   * The options for the number dropdown, to be calculated based on the selectedPeriod\n   */\n  @State() numberOptions: { label: string; value: string }[] = this.calculateOptions(this.defaultSelectedPeriod || 'hour').map(i => {\n    return {\n      label: i.toString(),\n      value: i.toString(),\n    };\n  });\n\n  /**\n   * The options for the time period dropdown\n   */\n  @State() timePeriodOptions = this.timePeriods.map(i => {\n    return {\n      label: i.label,\n      value: i.value,\n    };\n  });\n\n  @Watch('defaultSelectedPeriod')\n  defaultSelectedPeriodChanged(newValue: string) {\n    this.selectedPeriod = newValue;\n    this.updateNumberOptionsAndSelectedNumber(newValue);\n  }\n\n  @Watch('defaultSelectedNumber')\n  defaultSelectedNumberChanged(newValue: number) {\n    this.selectedNumber = newValue;\n  }\n\n  @Watch('timePeriods')\n  timePeriodsChanged(newValue: { label: string; value: string }[]) {\n    this.timePeriodOptions = [...newValue];\n  }\n\n  componentDidLoad() {\n    this.selectedNumber = this.defaultSelectedNumber;\n    this.selectedPeriod = this.defaultSelectedPeriod;\n    const period = pluralToSingular[this.selectedPeriod] ?? this.selectedPeriod;\n    const numberOptions = this.calculateOptions(period);\n    this.numberOptions = numberOptions.map(i => {\n      return {\n        label: i.toString(),\n        value: i.toString(),\n      };\n    });\n  }\n\n  @Event() timePeriodChanged!: EventEmitter<{ number: number; period: string }>;\n\n  private calculateOptions(period: string): number[] {\n    switch (period) {\n      case 'hour':\n        return Array.from({ length: 23 }, (_, i) => i + 1);\n      case 'minute':\n        return Array.from({ length: 13 }, (_, i) => i * 5);\n      case 'day':\n        return Array.from({ length: 30 }, (_, i) => i + 1);\n      case 'week':\n        return Array.from({ length: 4 }, (_, i) => i + 1);\n      case 'month':\n        return Array.from({ length: 12 }, (_, i) => i + 1);\n      case 'year':\n        return Array.from({ length: 10 }, (_, i) => i + 1);\n      default:\n        return [];\n    }\n  }\n\n  @Listen('inputOptionChanged')\n  inputOptionChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'inputOptionChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-number') {\n      this.selectedNumber = value ? parseInt(value) : this.defaultSelectedNumber;\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'nylasFormDropdownChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-period') {\n      this.selectedPeriod = value;\n      this.updateNumberOptionsAndSelectedNumber(value);\n    } else if (name === 'time-number') {\n      this.selectedNumber = parseInt(value);\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  updateNumberOptionsAndSelectedNumber(period: string) {\n    const numberOptions = this.calculateOptions(period);\n    this.numberOptions = numberOptions.map(i => {\n      return {\n        label: i.toString(),\n        value: i.toString(),\n      };\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"time-period-selector\">\n        {typeof this.selectedNumber == 'number' && (\n          <input-dropdown\n            id=\"time-number\"\n            name={'time-number'}\n            class={{ error: this.hasError }}\n            inputValue={this.selectedNumber.toString()}\n            exportparts=\"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content\"\n            options={this.numberOptions}\n            defaultInputOption={this.numberOptions.find(i => i.value == this.selectedNumber.toString())}\n          />\n        )}\n        {typeof this.selectedPeriod == 'string' && (\n          <select-dropdown\n            id=\"time-period\"\n            name={'time-period'}\n            options={this.timePeriodOptions}\n            exportparts=\"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content\"\n            pluralizedLabel={this.selectedNumber > 1 ? i18next.t(`time.${this.selectedPeriod}s`) : i18next.t(`time.${this.selectedPeriod}`)}\n            defaultSelectedOption={this.timePeriodOptions?.find(i => i.value == this.selectedPeriod)}\n            withSearch={false}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}