@nylas/react 2.0.3 → 2.0.6

package/dist/nylas-scheduling.entry-b1fcb48f.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-dc6efb5e.cjs"),X=require("./abstract-provider-bdb7d9b4-12a95387.cjs"),x=require("./feedbackSync-b9c9e719-bee3fea1.cjs"),U=require("./index.es-ccb2a286-9a2c0934.cjs"),A=require("./constants-f51538ef-cd2a67c4.cjs");require("react");require("react/jsx-runtime");require("react-dom");class Z{constructor(){this.component=e=>{const n=x.ErrorCategory.Component,o=`${e} Error`;return{endtime_not_in_future:(i='"endtime" can not be in the future')=>({title:o,message:i,category:n}),no_booking_info:(i="No booking info provided")=>({title:o,message:i,category:n}),no_timeslot_selected:(i="No timeslot selected")=>({title:o,message:i,category:n}),no_timezone_selected:(i="No timezone selected")=>({title:o,message:i,category:n}),no_booking_id:(i="No booking id provided")=>({title:o,message:i,category:n}),no_salt:(i="No salt provided")=>({title:o,message:i,category:n}),invalid_start_time:(i="Invalid start time")=>({title:o,message:i,category:n}),invalid_end_time:(i="Invalid end time")=>({title:o,message:i,category:n}),invalid_timezone:(i="Invalid timezone")=>({title:o,message:i,category:n}),no_config_id:(i="No configuration id provided")=>({title:o,message:i,category:n})}},this.api=e=>{const n=x.ErrorCategory.Api,o=`${e} Error`;return{invalid_session:i=>({title:o,message:i,category:n}),general_error:i=>({title:o,message:i,category:n}),internal_error:i=>({title:o,message:i,category:n}),invalid_request_error:i=>({title:o,message:i,category:n}),timeslot_not_available:i=>({title:o,message:i,category:n}),provider_error:i=>({title:o,message:i,category:n}),not_found_error:i=>({title:o,message:i,category:n})}}}}class K{constructor({schedulerAPIURL:e,schedulerStore:n,sessionId:o,configId:i,slug:a,clientId:r}){this.errors=new Z,this.schedulerStore=n,this.schedulerAPIURL=e,this.sessionId=o,this.configId=i,this.slug=a,this.clientId=r}getHeaders(){return this.sessionId?{Authorization:`Bearer ${this.sessionId}`}:{}}async makeAPIRequest(e,n,o,i={}){try{const a=new URL(this.schedulerAPIURL),r="2.0.2";return a.pathname=e,await(await fetch(decodeURIComponent(a.toString()),{method:n,headers:{"Content-Type":"application/json",Origin:window.location.origin,"X-Source":"nylas-scheduling","X-Nylas-Web-Elements-Version":r,...i},body:o})).json()}catch(a){return{error:{message:a.message,title:"API request failed",type:"api"}}}}getErrorMessage(e){var o,i,a,r;let n=(e==null?void 0:e.message)||(e==null?void 0:e.title)||"Something went wrong";return(e==null?void 0:e.type)==="provider_error"&&(n=((i=(o=e==null?void 0:e.provider_error)==null?void 0:o.error)==null?void 0:i.message)||((r=(a=e==null?void 0:e.provider_error)==null?void 0:a.error)==null?void 0:r.title)||"Something went wrong"),n}setConfigId(e){this.configId=e}selectDate(e){this.schedulerStore.set("selectedDate",e),this.schedulerStore.set("selectedTimeslot",null)}selectTime(e){this.schedulerStore.set("selectedTimeslot",e)}selectTimezone(e){this.schedulerStore.set("selectedTimezone",e)}selectLanguage(e){this.schedulerStore.set("selectedLanguage",e),t.instance.changeLanguage(e)}async toggleAdditionalData(e){e||await this.refetchAvailability(),this.schedulerStore.set("showBookingForm",e)}setParticipantName(e){const{bookingInfo:n}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...n,primaryParticipant:{...n==null?void 0:n.primaryParticipant,name:e}})}setParticipantEmail(e){const{bookingInfo:n}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...n,primaryParticipant:{...n==null?void 0:n.primaryParticipant,email:e}})}async refetchAvailability(){const e=new Date,n=new Date(e.getFullYear(),e.getMonth(),1).getTime()/1e3,o=n<e.getTime()/1e3?Math.floor(e.getTime()/1e3):n,i=new Date(e.getFullYear(),e.getMonth()+1,1).getTime()/1e3;return await this.getAvailability(o,i)}async resetStoreStateAndFetchAvailability(){const e=new Date,n=await this.refetchAvailability(),o=this.schedulerStore.get("availability").find(a=>new Date(a.start_time)>new Date);let i=e;return o&&(i=o.start_time),this.schedulerStore.set("selectedDate",i),this.schedulerStore.set("eventInfo",null),this.schedulerStore.set("showBookingForm",!1),this.schedulerStore.set("selectedTimeslot",null),n}async setReschedule(e){this.schedulerStore.set("isLoading",!0);const n=this.schedulerStore.state.eventInfo;return n&&this.schedulerStore.set("reschedulingEventInfo",n),this.schedulerStore.set("rescheduleBookingId",e),await this.getUISettings(),await this.resetStoreStateAndFetchAvailability().finally(()=>{this.schedulerStore.set("isLoading",!1)})}async setCancel(e){this.schedulerStore.set("cancelBookingId",e)}async setReject(e){this.schedulerStore.set("rejectBookingId",e)}async resetCancel(){const e=await this.resetStoreStateAndFetchAvailability();return this.schedulerStore.set("cancelBookingId",""),this.schedulerStore.set("rejectBookingId",""),this.schedulerStore.set("cancelledEventInfo",null),e}async goBack(){this.schedulerStore.set("cancelBookingId","")}async resetConfirm(){const e=await this.resetStoreStateAndFetchAvailability();return this.schedulerStore.set("organizerConfirmationBookingId",""),this.schedulerStore.set("confirmedEventInfo",void 0),e}async bookTimeslot(e){var E,I,B;this.schedulerStore.set("isLoading",!0);const{selectedTimeslot:n,selectedTimezone:o,bookingInfo:i,selectedLanguage:a}=this.schedulerStore.state;if(!e&&!i)return{error:this.errors.component(t.instance.t("createBookingErrorTitle")).no_booking_info()};const r=(e==null?void 0:e.timeslot)||n;if(!r)return{error:this.errors.component(t.instance.t("createBookingErrorTitle")).no_timeslot_selected()};const l=e&&(e!=null&&e.timezone)?e==null?void 0:e.timezone:o,d=a||"en-US";if(!l)return{error:this.errors.component(t.instance.t("createBookingErrorTitle")).no_timezone_selected()};const p=[...this.schedulerStore.get("availabilityOrderEmails")];let c="";const h=(r==null?void 0:r.emails)||[],u={};Object.entries((i==null?void 0:i.additionalFields)||{}).forEach(([_,L])=>{u[_]=L.value});const b=e?e==null?void 0:e.primaryParticipant:i==null?void 0:i.primaryParticipant,f=e?(e==null?void 0:e.guests)||[]:(i==null?void 0:i.guests)||[],y=e?e==null?void 0:e.additionalFields:u,m=this.getHeaders(),k=`/v3/scheduling/bookings${!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:""}`;if(p.length===0){const _=await this.makeAPIRequest(decodeURIComponent(k),"POST",JSON.stringify({additional_fields:y,additional_guests:f,guest:{...b},start_time:r.start_time.getTime()/1e3,end_time:r.end_time.getTime()/1e3,timezone:l,event_id:(r==null?void 0:r.event_id)||void 0,master_id:(r==null?void 0:r.master_id)||void 0,calendar_id:(r==null?void 0:r.calendar_id)||void 0,email_language:this.getTwoLetterLanguageCode(d)}),m);return this.schedulerStore.set("isLoading",!1),"data"in _?(this.schedulerStore.set("eventInfo",_.data),_):{error:_.error}}for(;p.length>0;){if(c=p.shift(),!h.includes(c))continue;const _=await this.makeAPIRequest(decodeURIComponent(k),"POST",JSON.stringify({participants:c?[{email:c}]:void 0,additional_fields:y,additional_guests:f,guest:{...b},start_time:r.start_time.getTime()/1e3,end_time:r.end_time.getTime()/1e3,timezone:l,email_language:this.getTwoLetterLanguageCode(d)}),m);if("data"in _)return this.schedulerStore.set("isLoading",!1),this.schedulerStore.set("eventInfo",_==null?void 0:_.data),_;if((I=(E=_.error)==null?void 0:E.message)!=null&&I.startsWith("The selected timeslot is unavailable"))continue;{this.schedulerStore.set("isLoading",!1);const L=(B=_.error)==null?void 0:B.type;let F=_.error;if(L&&L in this.errors.api(t.instance.t("createBookingErrorTitle"))){const R=this.getErrorMessage(F);F=this.errors.api(t.instance.t("createBookingErrorTitle"))[L](R)}return{error:F}}}return this.schedulerStore.set("isLoading",!1),{error:this.errors.api(t.instance.t("createBookingErrorTitle")).timeslot_not_available("The selected timeslot is unavailable")}}async getUISettings(){var r;this.schedulerStore.set("isLoading",!0);const e=this.schedulerStore.get("rescheduleBookingId"),n=this.getHeaders();let o=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"";e&&o?o+=`&booking_id=${e}`:e&&(o+=`?booking_id=${e}`);const i=`/v3/scheduling/ui-settings${o}`,a=await this.makeAPIRequest(i,"GET",void 0,n);if("error"in a){this.schedulerStore.set("isLoading",!1);const l=(r=a.error)==null?void 0:r.type;let d=a.error;return l&&l in this.errors.api(t.instance.t("getUISettingErrorTitle"))&&(d=this.errors.api(t.instance.t("getUISettingErrorTitle"))[l]((d==null?void 0:d.message)||(d==null?void 0:d.title)||"Something went wrong")),{error:d}}return"data"in a&&this.schedulerStore.set("configSettings",a.data),this.schedulerStore.set("isLoading",!1),a}getTwoLetterLanguageCode(e){return e.split("-")[0]}getStartTimeWithMinBookingNotice(e){var a;const n=(a=this.schedulerStore.get("configSettings"))==null?void 0:a.scheduler,o=n==null?void 0:n.min_booking_notice;if(!o)return e;const i=new Date().getTime();return e<(i+o*60*1e3)/1e3?Math.floor((i+o*60*1e3)/1e3):e}getEndTimeForAvailableDaysInFuture(e){var r,l;const n=new Date,o=(l=(r=this.schedulerStore.get("configSettings"))==null?void 0:r.scheduler)==null?void 0:l.available_days_in_future,i=Math.floor(t.addDaysToCurrentDate(n,o).getTime()/1e3);return Math.min(i,e)}async getAvailability(e=0,n=0){var u,b,f,y;this.schedulerStore.set("isLoading",!0);const o=new URLSearchParams,i=new Date,a=i.getTime();if(n&&n<a/1e3)return this.schedulerStore.set("isLoading",!1),{error:this.errors.component(t.instance.t("getAvailabilityErrorTitle")).endtime_not_in_future()};if(!e){const m=new Date(i.getFullYear(),i.getMonth(),1);e=Math.floor(m.getTime()/1e3)}if(!n){const m=new Date(i.getFullYear(),i.getMonth()+1,0);n=Math.floor(m.getTime()/1e3)}n=this.getEndTimeForAvailableDaysInFuture(n);const r=this.getStartTimeWithMinBookingNotice(e);e=r,n=r>n?r+1:n,o.append("start_time",encodeURIComponent(e.toString())),o.append("end_time",encodeURIComponent(n.toString())),this.configId&&!this.sessionId?o.append("configuration_id",encodeURIComponent(this.configId)):this.slug&&this.clientId&&!this.sessionId&&(o.append("slug",encodeURIComponent(this.slug)),o.append("client_id",encodeURIComponent(this.clientId)));const l=this.schedulerStore.get("rescheduleBookingId");l&&o.append("booking_id",encodeURIComponent(l));const d=o.toString(),p=`/v3/scheduling/availability${d?`?${d}`:""}`,c=this.getHeaders(),h=await this.makeAPIRequest(decodeURIComponent(p),"GET",void 0,c);if("error"in h){this.schedulerStore.set("availability",[]),this.schedulerStore.set("isLoading",!1);const m=(u=h.error)==null?void 0:u.type;let v=h.error;if(m&&m in this.errors.api(t.instance.t("getAvailabilityErrorTitle"))){const k=this.getErrorMessage(v);v=this.errors.api(t.instance.t("getAvailabilityErrorTitle"))[m](k)}return{error:v}}if("data"in h){const k=(((f=(b=h.data)==null?void 0:b.time_slots)==null?void 0:f.map(I=>({...I,start_time:new Date(I.start_time*1e3),end_time:new Date(I.end_time*1e3)})))||[]).filter(I=>I.start_time.getTime()>a).sort((I,B)=>I.start_time.getTime()-B.start_time.getTime());this.schedulerStore.set("availability",k);const E=((y=h.data)==null?void 0:y.order)||[];this.schedulerStore.set("availabilityOrderEmails",E)}return this.schedulerStore.set("isLoading",!1),h}async cancelBooking(e,n){var l;if(this.schedulerStore.set("isLoading",!0),!e)return{error:this.errors.component(t.instance.t("cancelBookingErrorTitle")).no_booking_id()};const o=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"",i=`/v3/scheduling/bookings/${e}${o}`,a=this.getHeaders(),r=await this.makeAPIRequest(decodeURIComponent(i),"DELETE",JSON.stringify({action:"cancel",cancellation_reason:n}),a);if("error"in r){this.schedulerStore.set("isLoading",!1);const d=(l=r.error)==null?void 0:l.type;let p=r.error;if(d&&d in this.errors.api(t.instance.t("cancelBookingErrorTitle"))){const c=this.getErrorMessage(p);p=this.errors.api(t.instance.t("cancelBookingErrorTitle"))[d](c)}return{error:p}}return this.schedulerStore.set("cancelledEventInfo",{booking_id:e}),this.schedulerStore.set("rescheduleBookingId",""),this.schedulerStore.set("isLoading",!1),r}async rescheduleBooking(e,n){var P;if(this.schedulerStore.set("isLoading",!0),!e)return{error:this.errors.component(t.instance.t("rescheduleBookingErrorTitle")).no_booking_id()};const o=this.errors.api(t.instance.t("rescheduleBookingErrorTitle")),i=this.errors.component(t.instance.t("rescheduleBookingErrorTitle")),{bookingInfo:a,selectedTimeslot:r,selectedTimezone:l,selectedLanguage:d}=this.schedulerStore.state,{startTime:p,endTime:c,timezone:h}=n,u=p||(r==null?void 0:r.start_time);if(!u)return{error:i.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerState.')};const b=c||(r==null?void 0:r.end_time);if(!b)return{error:i.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.')};const f=this.schedulerStore.get("availabilityOrderEmails");let y="";if(f.length>0){const S=(r==null?void 0:r.emails)||[];for(let w=0;w<f.length;w++)if(S.includes(f[w])){y=f[w];break}}const m=h||l;if(!m)return{error:i.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.')};const v=(r==null?void 0:r.event_id)||void 0,k=(r==null?void 0:r.master_id)||void 0,E=(r==null?void 0:r.calendar_id)||void 0,I={};Object.entries((a==null?void 0:a.additionalFields)||{}).forEach(([S,w])=>{I[S]=w.value});const B=n?n==null?void 0:n.primaryParticipant:a==null?void 0:a.primaryParticipant,_=n?(n==null?void 0:n.guests)||[]:(a==null?void 0:a.guests)||[],L=n?n==null?void 0:n.additionalFields:I,F=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"",R=`/v3/scheduling/bookings/${e}${F}`,M=this.getHeaders(),T=await this.makeAPIRequest(decodeURIComponent(R),"PATCH",JSON.stringify({start_time:u.getTime()/1e3,end_time:b.getTime()/1e3,timezone:m,additional_fields:L,guest:{...B},additional_guests:_,participants:y?[{email:y}]:void 0,email_language:this.getTwoLetterLanguageCode(d),event_id:v,master_id:k,calendar_id:E}),M);if("error"in T){this.schedulerStore.set("isLoading",!1);const S=(P=T.error)==null?void 0:P.type;let w=T.error;if(S&&S in o){const D=this.getErrorMessage(w);w=o[S](D)}return{error:w}}const g=this.schedulerStore.get("reschedulingEventInfo");if("data"in T)this.schedulerStore.set("eventInfo",T==null?void 0:T.data);else if(g)this.schedulerStore.set("eventInfo",g);else{const S={booking_id:e};this.schedulerStore.set("eventInfo",S)}return this.schedulerStore.set("isLoading",!1),T}async updateBooking(e){var h;this.schedulerStore.set("isLoading",!0);const{bookingId:n,status:o,reason:i}=e,a=this.schedulerStore.get("organizerConfirmationSalt"),r=o==="confirmed"?t.instance.t("confirmBookingErrorTitle"):t.instance.t("rejectBookingErrorTitle");if(!n)return{error:this.errors.component(r).no_booking_id()};if(!a)return{error:this.errors.component(r).no_salt()};const l=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:!this.sessionId&&this.slug&&this.clientId?`?slug=${this.slug}&client_id=${this.clientId}`:"",d=`/v3/scheduling/bookings/${n}${l}`,p=this.getHeaders(),c=await this.makeAPIRequest(decodeURIComponent(d),"PUT",JSON.stringify({status:o,cancellation_reason:i,salt:a}),p);if("error"in c){this.schedulerStore.set("isLoading",!1);const u=(h=c.error)==null?void 0:h.type;let b=c.error;if(u&&u in this.errors.api(r)){const f=this.getErrorMessage(b);b=this.errors.api(r)[u](f)}return{error:b}}return"data"in c&&o==="confirmed"?this.schedulerStore.set("confirmedEventInfo",c==null?void 0:c.data):"request_id"in c&&o==="cancelled"&&this.schedulerStore.set("cancelledEventInfo",{booking_id:n}),this.schedulerStore.set("organizerConfirmationBookingId",""),this.schedulerStore.set("isLoading",!1),c}async validateGroupEventTimeslot(e){var r,l;this.schedulerStore.set("isLoading",!0);const n=(r=this.schedulerStore.get("configSettings"))==null?void 0:r.configuration_id;if(!n)return{error:this.errors.component(t.instance.t("validateTimeslotErrorTitle")).no_config_id()};const o=this.getHeaders(),i=`/v3/scheduling/configurations/${n}/group-events/validate-timeslot`,a=await this.makeAPIRequest(decodeURIComponent(i),"POST",JSON.stringify({...e,start_time:e.start_time.getTime()/1e3,end_time:e.end_time.getTime()/1e3}),o);if("error"in a){this.schedulerStore.set("isLoading",!1);const d=(l=a.error)==null?void 0:l.type;let p=a.error;if(d&&d in this.errors.api(t.instance.t("validateTimeslotErrorTitle"))){const c=this.getErrorMessage(p);p=this.errors.api(t.instance.t("validateTimeslotErrorTitle"))[d](c)}return this.refetchAvailability(),{error:p}}return this.schedulerStore.set("selectedTimeslot",e),this.schedulerStore.set("showBookingForm",!0),this.schedulerStore.set("isLoading",!1),a}}class Q{constructor({schedulerAPIURL:e,nylasSchedulerStore:n,sessionId:o,configId:i,slug:a,clientId:r}){if(!e)throw new Error("schedulerAPIURL is required");if(!n)throw new Error("nylasSchedulerStore is required");if(!o&&!i&&!(a||r))throw new Error("sessionId is required for private configs. If using public config either pass a configurationId or a combination of slug and clientId.");e==="/"&&(e=new URL(window.location.href).origin),this.configId=i,this.sessionId=o,this.schedulerAPIURL=e,this.nylasSchedulerStore=n,this.slug=a,this.clientId=r}init(){t.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new K({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId,configId:this.configId,slug:this.slug,clientId:this.clientId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}function V(s={}){const e={selectedDate:null,selectedLanguage:navigator.language,selectedTimezone:Intl.DateTimeFormat().resolvedOptions().timeZone,selectedTimeslot:null,showBookingForm:!1,availabilityOrderEmails:[],selectableDates:null,availability:[],eventDuration:0,state:"ready",eventInfo:null,cancelledEventInfo:null,isLoading:!1,nylasBranding:!0,...s};t.debug("[defaultNylasStoreState]: ",e);const n=t.createStore(e);return n.onChange("availability",o=>{t.debug("[availability]: ",o);const i=o.map(l=>l.start_time);t.debug("[selectableDates]: ",i),n.set("selectableDates",i);const a=o[0];if(!a)return;const r=Math.floor((a.end_time.getTime()-a.start_time.getTime())/6e4);t.debug("[durationMinutes]: ",r),n.set("eventDuration",r)}),n.reset=()=>{for(const o in e){const i=e[o];n.set(o,i)}},n}const O=(s,e)=>{const n=s.isLoading,o=s.showNotification,i=s.nylasBranding,a=s.version;return t.h(t.Fragment,null,o&&t.h("nylas-notification",null),n&&t.h("div",{class:"loading"},t.h("div",{class:"left"},t.h("div",{class:"skeleton"})),t.h("div",{class:"right"},t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}))),!n&&e,t.h("div",{class:"footer"},i&&t.h("a",{href:"https://scheduler.nylas.com?utm_source=powered-by-nylas-logoutm_medium=link&utm_campaign=get-scheduler&utm_id=get-scheduler",class:"powered-by-nylas",target:"_blank",rel:"noreferrer noopener"},"Powered by ",t.h("span",{class:"sr-only"},"Nylas"),t.h("nylas-logo",{"aria-hidden":!0})),t.h("tooltip-component",null,t.h("info-icon",{slot:"tooltip-icon"}),t.h("span",{slot:"tooltip-content"},a))))},W=(s,e)=>t.h("div",{class:"message-banner"},e),ee=':host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px rgba(0, 0, 0, 0.1);--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;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto;border-left:none}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer .powered-by-nylas{display:flex;align-items:center;text-decoration:none;color:var(--nylas-base-500)}.footer .powered-by-nylas:hover{color:var(--nylas-base-800)}.footer svg{fill:var(--nylas-base-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}.language-feedback-container{width:auto;position:absolute;bottom:4px;left:16px;display:flex;gap:8px;align-items:center}.language-feedback-container button-component#report-issue{position:initial}nylas-feedback-form{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}',te=ee,G={title:t.instance.t("genericErrorTitle"),type:U.nr.Error,category:x.ErrorCategory.Component},J=class{constructor(s){t.registerInstance(this,s),this.init=t.createEvent(this,"init",7),this.schedulerWillLoad=t.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=t.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=t.createEvent(this,"nylasSchedulerError",7),this.nylasSchedulerInfo=t.createEvent(this,"nylasSchedulerInfo",7),this.configSettingsLoaded=t.createEvent(this,"configSettingsLoaded",7),this.bookingRefExtracted=t.createEvent(this,"bookingRefExtracted",7),this.bookedEventInfo=t.createEvent(this,"bookedEventInfo",7),this.mode="app",this.defaultSchedulerState=void 0,this.sessionId=void 0,this.schedulerApiUrl="https://api.us.nylas.com",this.bookingInfo=void 0,this.rescheduleBookingRef=void 0,this.cancelBookingRef=void 0,this.organizerConfirmationBookingRef=void 0,this.configurationId=void 0,this.slug=void 0,this.clientId=void 0,this.nylasBranding=!0,this.eventOverrides={},this.isLoading=void 0,this.themeConfig=void 0,this.localization=void 0,this.defaultLanguage=void 0,this.showNotification=!0,this.enableUserFeedback=!0,this.hour12=void 0,this.automaticComponentRegistration=!0,this.selectedDateLabel=new Date().toLocaleDateString(navigator.language,{dateStyle:"full"})||`${t.instance.t("noDateSelected")}`,this.refConfigId=void 0,this.language=navigator.language,this.showFeedbackModal=!1,this.bookingInfoConfirmed=null,this.version="2.0.2"}connectedCallback(){t.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var l,d,p;t.debug("[nylas-scheduler] Component will load"),this.version="2.0.2",this.enableUserFeedback&&!x.isInitialized()&&x.init({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:this.version,integrations:c=>[...c.filter(h=>!1),x.feedbackSyncIntegration({colorScheme:"system",autoInject:!1})],autoSessionTracking:!1,beforeSend:()=>null});const s=this.schedulerWillLoad.emit(this.host);if("schedulerWillLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerWillLoad(s,this.nylasSchedulerConnector),s.defaultPrevented))return;const n=new URLSearchParams(window.location.search).get("lang"),o=n&&Object.values(A.LANGUAGE_CODE).includes(n)?n:null;this.stores={scheduler:V({bookingInfo:this.bookingInfo,nylasBranding:this.nylasBranding,themeConfig:this.themeConfig,hour12:this.hour12,selectedLanguage:o||this.defaultLanguage||((l=this.bookingInfo)==null?void 0:l.language)||A.LANGUAGE_CODE.en,...this.defaultSchedulerState})},this.baseProvider=new X.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.refConfigId=this.configurationId;let i;if(this.rescheduleBookingRef){const[c,h,u]=t.compactStringToUUIDs(this.rescheduleBookingRef);this.refConfigId=c,this.stores.scheduler.set("rescheduleBookingId",h),i=this.bookingRefExtracted.emit({configurationId:c,bookingId:h})}else if(this.cancelBookingRef){const[c,h,u]=t.compactStringToUUIDs(this.cancelBookingRef);this.refConfigId=c,this.stores.scheduler.set("cancelBookingId",h),i=this.bookingRefExtracted.emit({configurationId:c,bookingId:h})}else if(this.organizerConfirmationBookingRef){const[c,h,u]=t.compactStringToUUIDs(this.organizerConfirmationBookingRef);this.refConfigId=c,this.stores.scheduler.set("organizerConfirmationBookingId",h),this.stores.scheduler.set("organizerConfirmationSalt",u),i=this.bookingRefExtracted.emit({configurationId:c,bookingId:h,salt:u})}if("bookingRefExtracted"in this.eventOverrides&&(await this.eventOverrides.bookingRefExtracted(i,this.nylasSchedulerConnector),i.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;const a=(d=this.baseProvider)==null?void 0:d.getStore("scheduler");this.nylasSchedulerConnector=new Q({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,configId:this.refConfigId,slug:this.slug,clientId:this.clientId,nylasSchedulerStore:a});const r=this.init.emit(this.host);"init"in this.eventOverrides&&(await this.eventOverrides.init(r,this.nylasSchedulerConnector),r.defaultPrevented)||((p=this.baseProvider)==null||p.componentWillLoad(this.nylasSchedulerConnector),this.applyThemeConfig(this.themeConfig))}async componentDidLoad(){var d,p,c,h,u,b,f,y;(d=this.baseProvider)==null||d.componentDidLoad();const s=this.schedulerDidLoad.emit(this.host);if("schedulerDidLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerDidLoad(s,this.nylasSchedulerConnector),s.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;this.localizationChanged(this.localization);const e=await((p=this.nylasSchedulerConnector)==null?void 0:p.scheduler.getUISettings());if(!e||"error"in e){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(e==null?void 0:e.error)},host:this.host});return}else{"data"in e&&((c=e.data)!=null&&c.appearance)&&console.info("Appearance settings have been returned from the configuration used byt his scheduling page; please remember to grab them from the configSettingsLoaded event and apply them as desired.");const m=this.configSettingsLoaded.emit({settings:e});if("configSettingsLoaded"in this.eventOverrides&&(await this.eventOverrides.configSettingsLoaded(m,this.nylasSchedulerConnector),m.defaultPrevented))return}const n=(h=this.baseProvider)==null?void 0:h.getStore("scheduler"),o=(b=(u=n==null?void 0:n.get("configSettings"))==null?void 0:u.scheduler)==null?void 0:b.available_days_in_future,i=n==null?void 0:n.get("selectedTimeslot");if(i&&(i!=null&&i.start_time)){if(!this.isTimeslotValid(i))return;if(n!=null&&n.get("showBookingForm")){n==null||n.set("selectedDate",i.start_time);return}}const a=n==null?void 0:n.get("selectedDate"),r=n==null?void 0:n.get("availability");let l;if(!(r&&r.length>0)){if(a){const{startTime:m,endTime:v,endTimeForAvailableDaysInFuture:k}=this.validateAvailableDaysInFuture(a,o||30);a.getTime()<k*1e3&&(l=await((y=this.nylasSchedulerConnector)==null?void 0:y.scheduler.getAvailability(m,v)))}else{const m=new Date,{startTime:v,endTime:k,endTimeForAvailableDaysInFuture:E}=this.validateAvailableDaysInFuture(m,o||30);m.getTime()<E*1e3&&(l=await((f=this.nylasSchedulerConnector)==null?void 0:f.scheduler.getAvailability(v,k)))}if((!l||"error"in l)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(l==null?void 0:l.error)},host:this.host}),!a){let m=new Date;const v=n==null?void 0:n.get("availability").find(k=>new Date(k.start_time)>new Date);v&&(m=v.start_time),n==null||n.set("selectedDate",m)}}}componentDisconnected(){var s;(s=this.baseProvider)==null||s.componentDisconnected()}bookingInfoChanged(s){var e,n;(e=this.stores)==null||e.scheduler.set("bookingInfo",s),s!=null&&s.language&&!this.defaultLanguage&&((n=this.stores)==null||n.scheduler.set("selectedLanguage",s.language))}rescheduleBookingRefChanged(s){var e,n;if(s){const[o,i]=t.compactStringToUUIDs(s);(e=this.stores)==null||e.scheduler.set("rescheduleBookingId",i),this.refConfigId=o,(n=this.nylasSchedulerConnector)==null||n.scheduler.setConfigId(o)}}cancelBookingRefChanged(s){var e,n;if(s){const[o,i]=t.compactStringToUUIDs(s);(e=this.stores)==null||e.scheduler.set("cancelBookingId",i),this.refConfigId=o,(n=this.nylasSchedulerConnector)==null||n.scheduler.setConfigId(o)}}organizerConfirmationBookingRefChanged(s){var e,n;if(s){const[o,i]=t.compactStringToUUIDs(s);(e=this.stores)==null||e.scheduler.set("organizerConfirmationBookingId",i),this.refConfigId=o,(n=this.nylasSchedulerConnector)==null||n.scheduler.setConfigId(o)}}localizationChanged(s){s&&Object.keys(s).forEach(e=>{e in A.LANGUAGE_CODE&&t.instance.addResourceBundle(e,"translation",s[e],!1,!0)})}defaultLanguageChanged(s){var e;s&&((e=this.stores)==null||e.scheduler.set("selectedLanguage",s),t.instance.changeLanguage(s))}themeConfigChanged(s){var e,n;(n=(e=this.baseProvider)==null?void 0:e.getStore("scheduler"))==null||n.set("themeConfig",s),this.applyThemeConfig(s)}languageChanged(s){const e=s.detail;this.language=e,t.instance.changeLanguage(e)}async registerComponentHandler(s){var e;(e=this.baseProvider)==null||e.registerComponent(s.detail)}async unregisterComponentHandler(s){var e;(e=this.baseProvider)==null||e.unregisterComponent(s.detail)}async monthChangedHandler(s){var r,l,d,p,c,h,u;const e=s.detail,n=(p=(d=(l=(r=this.nylasSchedulerConnector)==null?void 0:r.schedulerStore)==null?void 0:l.get("configSettings"))==null?void 0:d.scheduler)==null?void 0:p.available_days_in_future,{startTime:o,endTime:i,endTimeForAvailableDaysInFuture:a}=this.validateAvailableDaysInFuture(e,n||30);if(!s.defaultPrevented&&o<a&&e.getTime()<a*1e3){const b=await((c=this.nylasSchedulerConnector)==null?void 0:c.scheduler.getAvailability(o,i));(!b||"error"in b)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(b==null?void 0:b.error)},host:this.host});const f=(h=this.stores)==null?void 0:h.scheduler.get("selectableDates");f&&f.length>0&&((u=this.stores)==null||u.scheduler.set("selectedDate",f[0]))}}mapToBookingData(s){var r,l,d;const e=(r=this.stores)==null?void 0:r.scheduler.get("selectedTimeslot"),n=(l=this.stores)==null?void 0:l.scheduler.get("selectedLanguage"),o=(d=this.stores)==null?void 0:d.scheduler.get("selectedTimezone"),i=e!=null&&e.start_time?new Date(e==null?void 0:e.start_time).getTime()/1e3:"",a=e!=null&&e.end_time?new Date(e==null?void 0:e.end_time).getTime()/1e3:"";return{additional_guests:s.guests,guest:{...s.primaryParticipant},additional_fields:{...s.additionalFields},start_time:i,end_time:a,email_language:n,timezone:o}}async bookButtonClickedHandler(s){var d,p,c,h;if(s.defaultPrevented)return;const e=s.detail,n=this.mapToBookingData(e);this.bookingInfoConfirmed=e;const i=(p=(d=this.nylasSchedulerConnector)==null?void 0:d.schedulerStore)==null?void 0:p.get("rescheduleBookingId");if(i){const u=await((c=this.nylasSchedulerConnector)==null?void 0:c.scheduler.rescheduleBooking(i,e));(!u||"error"in u)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(u==null?void 0:u.error)},host:this.host});const b=u==null?void 0:u.data,f=this.bookedEventInfo.emit({...u,data:{...b,...n}});this.bookingInfoConfirmed={...this.bookingInfoConfirmed,...b},"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(f,this.nylasSchedulerConnector);return}const a=await((h=this.nylasSchedulerConnector)==null?void 0:h.scheduler.bookTimeslot(e));(!a||"error"in a)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(a==null?void 0:a.error)},host:this.host});const r=a==null?void 0:a.data,l=this.bookedEventInfo.emit({...a,data:{...r,...n}});this.bookingInfoConfirmed={...this.bookingInfoConfirmed,...r},"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(l,this.nylasSchedulerConnector)}dateSelectedHandler(s){const e=s.detail;this.selectedDateLabel=e?e.toLocaleDateString(this.language,{dateStyle:"full"}):`${t.instance.t("noDateSelected")}`}cancelBookedEventErrorHandler(s){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(s.detail.error)},host:this.host})}cancelBookedEventValidationErrorHandler(s){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(s.detail.error)},host:this.host})}rescheduleBookedEventErrorHandler(s){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(s.detail.error)},host:this.host})}confirmBookingErrorHandler(s){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(s.detail.error)},host:this.host})}feedbackModalClosedHandler(){this.showFeedbackModal=!1}eventIsFullHandler(s){const e=s.detail.error;s.detail.type==="error"?this.nylasSchedulerError.emit({notification:{...this.getErrorObject({message:e})},host:this.host}):this.nylasSchedulerInfo.emit({notification:{title:"Event is full",category:x.ErrorCategory.Component,type:U.nr.Info,description:"The event you selected is full. Please try a different time.",id:new Date().getTime().toString(),ttl:3e3},host:this.host})}feedbackSubmittedHandler(s){const n={eventId:x.captureMessage("Scheduling Page User Feedback",{extra:{configId:this.configurationId,slug:this.slug}}),message:s.detail.feedback};x.captureFeedback(n,{includeReplay:!0,captureContext:{tags:{"nylas-web-element":"nylas-scheduling","nylas-web-element-version":this.version,"nylas-config-id":this.configurationId,"nylas-slug":this.slug,"host-url":window.location.href},extra:{configId:this.configurationId,slug:this.slug,version:this.version}}}),this.showFeedbackModal=!1}async getNylasSchedulerStore(){var s;return(s=this.baseProvider)==null?void 0:s.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(s){return{title:(s==null?void 0:s.title)||G.title,category:(s==null?void 0:s.category)||G.category,type:U.nr.Error,description:(s==null?void 0:s.message)||"",id:new Date().getTime().toString(),ttl:"none"}}checkIfSessionIdOrConfigIdExists(){if(!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)){let s="";return this.sessionId||(s+=t.instance.t("sessionIdRequiredErrorMessage")),!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)&&(s=t.instance.t("sessionIdRequiredErrorMessage")+" "+t.instance.t("publicConfigErrorMessage")),this.nylasSchedulerError.emit({notification:{title:t.instance.t("schedulingComponentErrorTitle"),category:x.ErrorCategory.Component,type:U.nr.Error,description:s,id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1}return!0}isTimeslotValid(s){return new Date(s.start_time)<new Date?(this.nylasSchedulerError.emit({notification:{title:t.instance.t("invalidTimeslotErrorTitle"),category:x.ErrorCategory.Component,type:U.nr.Error,description:t.instance.t("invalidTimeslotErrorMessage"),id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1):!0}validateAvailableDaysInFuture(s,e){const n=new Date,o=new Date(s.getFullYear(),s.getMonth(),1).getTime()/1e3,i=new Date(s.getFullYear(),s.getMonth()+1,1).getTime()/1e3,a=Math.floor(t.addDaysToCurrentDate(n,e).getTime()/1e3),r=Math.min(a,i);return{startTime:o<n.getTime()/1e3?Math.floor(n.getTime()/1e3):o,endTime:r,endTimeForAvailableDaysInFuture:a}}applyThemeConfig(s){if(s)for(const[e,n]of Object.entries(s))this.host.style.setProperty(`${e}`,n)}onFeedbackClick(s){s.preventDefault(),this.showFeedbackModal=!0}redirectToCustomUrl(s){window.location.assign(s)}nylasFormDropdownChangedHandler(s){var o,i;const{name:e,value:n}=s.detail;if(e==="language"){const a=A.LANGUAGE_CODE[n];t.instance.changeLanguage(a),(i=(o=this.stores)==null?void 0:o.scheduler)==null||i.set("selectedLanguage",a)}}render(){var m,v,k,E,I,B,_,L,F,R,M,T;const s=this.mode==="app",e=(m=this.baseProvider)==null?void 0:m.getStore("scheduler"),n=e==null?void 0:e.get("eventInfo"),o=e==null?void 0:e.get("showBookingForm"),i=e==null?void 0:e.get("cancelledEventInfo"),a=e==null?void 0:e.get("cancelBookingId"),r=e==null?void 0:e.get("selectedTimeslot"),l=e==null?void 0:e.get("rescheduleBookingId"),d=e==null?void 0:e.get("organizerConfirmationBookingId"),p=e==null?void 0:e.get("rejectBookingId"),c=e==null?void 0:e.get("confirmedEventInfo"),h=(e==null?void 0:e.get("nylasBranding"))||this.nylasBranding,u=e==null?void 0:e.get("selectedDate"),b=(k=(v=e==null?void 0:e.get("configSettings"))==null?void 0:v.scheduler)==null?void 0:k.confirmation_redirect_url;this.selectedDateLabel=u&&this.language?t.capitalizeFirstLetter(u.toLocaleDateString(this.language,{dateStyle:"full"})):`${t.instance.t("noDateSelected")}`;const f=Object.keys(A.LANGUAGE_MAP).map(g=>({label:A.LANGUAGE_MAP[g],value:g})),y=(e==null?void 0:e.get("selectedLanguage"))||this.defaultLanguage||navigator.language||A.LANGUAGE_CODE.en;if(s&&(a||p)&&!i)return t.h(t.Host,null,t.h(O,{version:this.version,nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},t.h("nylas-cancel-booking-form",{selectedTimeslot:r,cancelBookingId:a,rejectBookingId:p,exportparts:"ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card"}))),t.h("div",{class:"language-feedback-container"},this.enableUserFeedback&&t.h("button-component",{id:"report-issue",variant:"basic",onClick:g=>this.onFeedbackClick(g)},t.h("feedback-icon",null)),t.h("select-dropdown",{name:"language",searchPlaceholder:t.instance.t("search"),options:f,withChevron:!1,defaultSelectedOption:f.find(g=>g.value==y),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},t.h("span",{slot:"select-icon"},t.h("translate-icon",{width:"20",height:"20"})))),this.showFeedbackModal&&t.h("nylas-feedback-form",null));if(s&&d)return t.h(t.Host,null,t.h(O,null,t.h("div",{class:"manual-confirmation-page",part:"manual-confirmation-page"},t.h("nylas-organizer-confirmation-card",{organizerConfirmationBookingId:d,exportparts:"nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline"}))),t.h("div",{class:"language-feedback-container"},this.enableUserFeedback&&t.h("button-component",{id:"report-issue",variant:"basic",onClick:g=>this.onFeedbackClick(g)},t.h("feedback-icon",null)),t.h("select-dropdown",{name:"language",searchPlaceholder:t.instance.t("search"),options:f,withChevron:!1,defaultSelectedOption:f.find(g=>g.value==y),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},t.h("span",{slot:"select-icon"},t.h("translate-icon",{width:"20",height:"20"})))),this.showFeedbackModal&&t.h("nylas-feedback-form",null));if(s&&i)return t.h(t.Host,null,t.h(O,{version:this.version,nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},t.h("nylas-cancelled-event-card",{cancelledEventInfo:i,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),t.h("div",{class:"language-feedback-container"},this.enableUserFeedback&&t.h("button-component",{id:"report-issue",variant:"basic",onClick:g=>this.onFeedbackClick(g)},t.h("feedback-icon",null)),t.h("select-dropdown",{name:"language",searchPlaceholder:t.instance.t("search"),options:f,withChevron:!1,defaultSelectedOption:f.find(g=>g.value==y),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},t.h("span",{slot:"select-icon"},t.h("translate-icon",{width:"20",height:"20"})))),this.showFeedbackModal&&t.h("nylas-feedback-form",null));if(s&&c)return t.h(t.Host,null,t.h(O,{version:this.version,nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancelled-event-page",part:"confirmed-event-page"},t.h("nylas-confirmed-event-card",{confirmedEventInfo:c,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),t.h("div",{class:"language-feedback-container"},this.enableUserFeedback&&t.h("button-component",{id:"report-issue",variant:"basic",onClick:g=>this.onFeedbackClick(g)},t.h("feedback-icon",null)),t.h("select-dropdown",{name:"language",searchPlaceholder:t.instance.t("search"),options:f,withChevron:!1,defaultSelectedOption:f.find(g=>g.value==y),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},t.h("span",{slot:"select-icon"},t.h("translate-icon",{width:"20",height:"20"})))),this.showFeedbackModal&&t.h("nylas-feedback-form",null));if(s&&n&&b){const g=(E=this.bookingInfoConfirmed)==null?void 0:E.primaryParticipant,P=(I=this.bookingInfoConfirmed)==null?void 0:I.location,S=(B=this.bookingInfoConfirmed)==null?void 0:B.booking_ref,w=((_=this.bookingInfoConfirmed)==null?void 0:_.additionalFields)||{};if(this.bookingInfo&&typeof((L=this.bookingInfo)==null?void 0:L.additionalFields)<"u"){const z=this.bookingInfo.additionalFields;Object.keys(z).forEach(N=>{!w[N]&&(z!=null&&z[N])&&(w[N]=z[N].value)})}const D=(F=this.stores)==null?void 0:F.scheduler.get("selectedTimeslot"),j=(R=this.stores)==null?void 0:R.scheduler.get("selectedTimezone"),H=(M=this.stores)==null?void 0:M.scheduler.get("selectedLanguage"),$=(T=this.stores)==null?void 0:T.scheduler.get("configSettings"),q=this.configurationId?this.configurationId:$==null?void 0:$.configuration_id,Y=window.location.search,C=new URLSearchParams(Y);C.set("booking_id",n.booking_id),g!=null&&g.name&&C.set("name",g.name),g!=null&&g.email&&C.set("email",g.email),D!=null&&D.start_time&&C.set("start_time",(new Date(D.start_time).getTime()/1e3).toString()),D!=null&&D.end_time&&C.set("end_time",(new Date(D.end_time).getTime()/1e3).toString()),j&&C.set("tz",j),H&&C.set("language",H),w&&C.set("additional_values",JSON.stringify(w)),this.slug&&C.set("page_slug",this.slug),q&&C.set("config_id",q),P&&C.set("location",P),S&&C.set("booking_ref",S),this.redirectToCustomUrl(`${b}?${C.toString()}`);return}if(s&&n)return t.h(t.Host,null,t.h(O,{version:this.version,nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"booked-event-page",part:"booked-event-page ns_booked-event-page"},t.h("nylas-booked-event-card",{selectedTimeslot:r,eventInfo:n,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))),t.h("div",{class:"language-feedback-container"},this.enableUserFeedback&&t.h("button-component",{id:"report-issue",variant:"basic",onClick:g=>this.onFeedbackClick(g)},t.h("feedback-icon",null)),t.h("select-dropdown",{name:"language",searchPlaceholder:t.instance.t("search"),options:f,withChevron:!1,defaultSelectedOption:f.find(g=>g.value==y),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},t.h("span",{slot:"select-icon"},t.h("translate-icon",{width:"20",height:"20"})))),this.showFeedbackModal&&t.h("nylas-feedback-form",null));if(s&&(!n||l)&&!o){const g=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return t.h(t.Host,null,t.h(O,{version:this.version,nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},l&&t.h(W,null,`${t.instance.t("rescheduleTitle")}`),t.h("div",{class:"select-date-page",part:"select-date-page ns_select-date-page"},t.h("div",{class:"left-panel",part:"ns_left-panel"},t.h("nylas-date-picker",{exportparts:"ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month"}),t.h("nylas-locale-switch",{exportparts:"nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label"})),t.h("div",{class:`right-panel ${l?"reschedule":""}`,part:`ns_right-panel ${l?"ns_reschedule":""}`},t.h("h2",{part:"ns_right-panel__title"},t.h("calendar-icon",{part:"ns_right-panel__calendar-icon"}),t.h("span",{id:"selectedDate",part:"ns_right-panel__selected-date"},this.selectedDateLabel)),t.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},g&&t.h("span",{slot:"timeslot-picker-cta-label"},t.h("slot",{name:"timeslot-picker-cta-label"})))))),this.enableUserFeedback&&t.h("button-component",{id:"report-issue",variant:"basic",onClick:P=>this.onFeedbackClick(P)},t.h("feedback-icon",null)),this.showFeedbackModal&&t.h("nylas-feedback-form",null))}return s&&!n&&o?t.h(t.Host,null,t.h(O,{version:this.version,nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},l&&t.h(W,null,`${t.instance.t("rescheduleTitle")}`),t.h("div",{class:"additional-data-page",part:"additional-data-page ns_additional-data-page"},t.h("div",{class:"left-panel ns_left-panel",part:"ns_left-panel"},t.h("div",{class:"wrapper",part:"ns_left-panel__wrapper"},t.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone"}))),t.h("div",{class:`right-panel ${l?"reschedule":""}`,part:`ns_right-panel ${l?"ns_reschedule":""}`},t.h("nylas-booking-form",{exportparts:"nbf, nbf__input-textfield, nbf__button-ghost, nbf__button-outline, nbf__button-primary, nbf__input-wrapper, nbf__checkbox-component, nbf__radio-button-group, nbf__textarea-component, nbf__dropdown, nbf__dropdown-button, nbf__dropdown-content"})))),t.h("div",{class:"language-feedback-container"},this.enableUserFeedback&&t.h("button-component",{id:"report-issue",variant:"basic",onClick:g=>this.onFeedbackClick(g)},t.h("feedback-icon",null)),t.h("select-dropdown",{name:"language",searchPlaceholder:t.instance.t("search"),options:f,withChevron:!1,defaultSelectedOption:f.find(g=>g.value==y),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},t.h("span",{slot:"select-icon"},t.h("translate-icon",{width:"20",height:"20"})))),this.showFeedbackModal&&t.h("nylas-feedback-form",null)):t.h(t.Host,null,t.h("slot",null))}get host(){return t.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"],rescheduleBookingRef:["rescheduleBookingRefChanged"],cancelBookingRef:["cancelBookingRefChanged"],organizerConfirmationBookingRef:["organizerConfirmationBookingRefChanged"],localization:["localizationChanged"],defaultLanguage:["defaultLanguageChanged"],themeConfig:["themeConfigChanged"]}}};J.style=te;exports.nylas_scheduling=J;

package/dist/radio-button-group.entry-243d7988.js

@@ -1,47 +0,0 @@
-import { r as a, a as r, h as l, g as o } from "./index-ad781fbc.js";
-import "react";
-import "react/jsx-runtime";
-import "react-dom";
-const s = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}.radio-group{display:flex;flex-direction:column;gap:0.5rem}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}', n = s, i = class {
-  constructor(e) {
-    a(this, e), this.nylasFormRadioChanged = r(this, "nylasFormRadioChanged", 7), this.componentType = "radio-group", this.name = "radio-group", this.options = [], this.defaultSelectedValue = "", this.label = void 0, this.required = !1, this.readOnly = !1, this.selectedValue = void 0, this.error = "";
-  }
-  handleDefaultSelectedValueChange(e) {
-    this.selectedValue = e;
-  }
-  componentDidLoad() {
-    this.selectedValue = this.defaultSelectedValue;
-  }
-  handleBookingFormSubmitted(e) {
-    if (this.required && !this.selectedValue) {
-      this.error = `${this.label} is required.`;
-      return;
-    }
-    this.error && e.preventDefault();
-  }
-  componentWillLoad() {
-    this.el.setAttribute("component-type", this.componentType);
-  }
-  handleChange(e) {
-    this.error = "", this.selectedValue = e, this.nylasFormRadioChanged.emit({
-      value: e,
-      name: this.name,
-      label: this.label
-    });
-  }
-  render() {
-    return l("div", { key: "fbba0552c128bca3f6dab87ac5253129abbc6fdb", class: "radio-group" }, l("slot", { key: "a7f22a36e69876ae1b0f0d3fe1ca3df18877607d", name: "label" }, this.label && l("p", { class: { error: !!this.error } }, l("span", { class: "label" }, this.label), this.required && l("span", { class: "required" }, "*"))), this.options.map((e) => l("label", null, l("div", { class: "radio-option" }, l("input", { type: "radio", disabled: this.readOnly, readOnly: this.readOnly, title: this.readOnly ? "read-only field" : void 0, name: this.name, value: e.value, checked: this.selectedValue === e.value, onChange: () => this.handleChange(e.value) }), l("p", null, l("span", { class: "title" }, e.label), l("span", { class: "description" }, e.description))))), this.error && l("span", { class: "error help-text" }, this.error));
-  }
-  get el() {
-    return o(this);
-  }
-  static get watchers() {
-    return {
-      defaultSelectedValue: ["handleDefaultSelectedValueChange"]
-    };
-  }
-};
-i.style = n;
-export {
-  i as radio_button_group
-};

package/dist/radio-button-group.entry-cea225c8.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-dc6efb5e.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}.radio-group{display:flex;flex-direction:column;gap:0.5rem}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}',o=r,a=class{constructor(l){e.registerInstance(this,l),this.nylasFormRadioChanged=e.createEvent(this,"nylasFormRadioChanged",7),this.componentType="radio-group",this.name="radio-group",this.options=[],this.defaultSelectedValue="",this.label=void 0,this.required=!1,this.readOnly=!1,this.selectedValue=void 0,this.error=""}handleDefaultSelectedValueChange(l){this.selectedValue=l}componentDidLoad(){this.selectedValue=this.defaultSelectedValue}handleBookingFormSubmitted(l){if(this.required&&!this.selectedValue){this.error=`${this.label} is required.`;return}this.error&&l.preventDefault()}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}handleChange(l){this.error="",this.selectedValue=l,this.nylasFormRadioChanged.emit({value:l,name:this.name,label:this.label})}render(){return e.h("div",{key:"fbba0552c128bca3f6dab87ac5253129abbc6fdb",class:"radio-group"},e.h("slot",{key:"a7f22a36e69876ae1b0f0d3fe1ca3df18877607d",name:"label"},this.label&&e.h("p",{class:{error:!!this.error}},e.h("span",{class:"label"},this.label),this.required&&e.h("span",{class:"required"},"*"))),this.options.map(l=>e.h("label",null,e.h("div",{class:"radio-option"},e.h("input",{type:"radio",disabled:this.readOnly,readOnly:this.readOnly,title:this.readOnly?"read-only field":void 0,name:this.name,value:l.value,checked:this.selectedValue===l.value,onChange:()=>this.handleChange(l.value)}),e.h("p",null,e.h("span",{class:"title"},l.label),e.h("span",{class:"description"},l.description))))),this.error&&e.h("span",{class:"error help-text"},this.error))}get el(){return e.getElement(this)}static get watchers(){return{defaultSelectedValue:["handleDefaultSelectedValueChange"]}}};a.style=o;exports.radio_button_group=a;

package/dist/textarea-component.entry-b19642f1.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-dc6efb5e.cjs");require("react");require("react/jsx-runtime");require("react-dom");const o=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}textarea:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}',s=o,l=class{constructor(a){e.registerInstance(this,a),this.nylasFormInputChanged=e.createEvent(this,"nylasFormInputChanged",7),this.name="textarea",this.defaultValue=void 0,this.label="",this.placeholder="",this.required=!1,this.readOnly=!1,this.autoFocus=!1,this.maxLength=255,this.type="multi_line_text",this.tooltip="",this.value="",this.error=""}componentDidLoad(){this.value=e.sanitize(this.defaultValue||"")}handleBookingFormSubmitted(a){this.validate(this.value),this.error&&a.preventDefault()}handletriggerValidation(a){this.validate(this.value),this.error&&a.preventDefault()}handleInput(a){this.error="";const r=a.target;this.value=e.sanitize(r.value),this.nylasFormInputChanged.emit({value:this.value,name:this.name,error:this.error,label:this.label,type:this.type})}validate(a){this.required&&!a?this.error=`${this.label} is required.`:a.length>this.maxLength?this.error=`${this.label} cannot exceed ${this.maxLength} characters.`:this.error=""}render(){return e.h("label",{key:"ef3eb6b971e8314affa363e69db63910dda65441",part:"tc__label",class:{error:!!this.error}},e.h("p",{key:"004a62ae6947d59b0f9737283d236844810e1ab5"},e.h("span",{key:"4ea2e4427021d0907405a893a4a6072cc5d3a59f",class:"label"},this.label),this.required&&e.h("span",{class:"required"},"*"),this.tooltip&&e.h("tooltip-component",null,e.h("info-icon",{slot:"tooltip-icon"}),e.h("span",{slot:"tooltip-content"},this.tooltip))),e.h("textarea",{key:"751dc58e9baa8b28e565045f31c0300b6eb26cfc",name:this.name,title:this.readOnly?"read-only field":void 0,placeholder:this.placeholder,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,maxLength:this.maxLength,onInput:a=>this.handleInput(a),class:{error:!!this.error},part:"tc__textarea"}),this.error&&e.h("span",{class:"error help-text"},this.error))}};l.style=s;exports.textarea_component=l;

package/dist/textarea-component.entry-e6120440.js

@@ -1,39 +0,0 @@
-import { r as o, a as s, y as l, h as a } from "./index-ad781fbc.js";
-import "react";
-import "react/jsx-runtime";
-import "react-dom";
-const n = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}textarea:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}', t = n, i = class {
-  constructor(e) {
-    o(this, e), this.nylasFormInputChanged = s(this, "nylasFormInputChanged", 7), this.name = "textarea", this.defaultValue = void 0, this.label = "", this.placeholder = "", this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.maxLength = 255, this.type = "multi_line_text", this.tooltip = "", this.value = "", this.error = "";
-  }
-  componentDidLoad() {
-    this.value = l(this.defaultValue || "");
-  }
-  handleBookingFormSubmitted(e) {
-    this.validate(this.value), this.error && e.preventDefault();
-  }
-  handletriggerValidation(e) {
-    this.validate(this.value), this.error && e.preventDefault();
-  }
-  handleInput(e) {
-    this.error = "";
-    const r = e.target;
-    this.value = l(r.value), this.nylasFormInputChanged.emit({
-      value: this.value,
-      name: this.name,
-      error: this.error,
-      label: this.label,
-      type: this.type
-    });
-  }
-  validate(e) {
-    this.required && !e ? this.error = `${this.label} is required.` : e.length > this.maxLength ? this.error = `${this.label} cannot exceed ${this.maxLength} characters.` : this.error = "";
-  }
-  render() {
-    return a("label", { key: "ef3eb6b971e8314affa363e69db63910dda65441", part: "tc__label", class: { error: !!this.error } }, a("p", { key: "004a62ae6947d59b0f9737283d236844810e1ab5" }, a("span", { key: "4ea2e4427021d0907405a893a4a6072cc5d3a59f", class: "label" }, this.label), this.required && a("span", { class: "required" }, "*"), this.tooltip && a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, this.tooltip))), a("textarea", { key: "751dc58e9baa8b28e565045f31c0300b6eb26cfc", name: this.name, title: this.readOnly ? "read-only field" : void 0, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && a("span", { class: "error help-text" }, this.error));
-  }
-};
-i.style = t;
-export {
-  i as textarea_component
-};

package/dist/toggle-switch.entry-32b0e964.js

@@ -1,34 +0,0 @@
-import { r as s, a, h as l } from "./index-ad781fbc.js";
-import "react";
-import "react/jsx-runtime";
-import "react-dom";
-const o = '.switch{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:var(--nylas-base-300);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{background-color:var(--nylas-base-0);bottom:4px;content:"";height:32px;left:4px;position:absolute;transition:0.4s;width:32px}input:checked+.slider{background-color:var(--nylas-success)}input:checked+.slider:before{transform:translateX(32px)}.slider.round{border-radius:35px;width:72px;height:40px}.slider.round:before{border-radius:50%}', r = o, c = class {
-  constructor(e) {
-    s(this, e), this.nylasFormSwitchToggled = a(this, "nylasFormSwitchToggled", 7), this.name = "toggle-switch", this.checked = !1, this.label = "", this.isChecked = this.checked;
-  }
-  checkedChanged(e) {
-    this.isChecked = e;
-  }
-  componentWillLoad() {
-    this.isChecked = this.checked;
-  }
-  toggleCheck() {
-    this.isChecked = !this.isChecked, this.nylasFormSwitchToggled.emit({
-      checked: this.isChecked,
-      name: this.name,
-      label: this.label
-    });
-  }
-  render() {
-    return l("label", { key: "65632395ac0a2cbc73846dd50bbca8c5a6b35495", class: "switch", part: "ts_label" }, l("input", { key: "809e3371aae47a7c9eefff96132b9a805daae86e", type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), l("div", { key: "85bb7bb0eb9a43fef2a5a4ebb3695355829ea3a2", class: "slider round", part: `ts_slider ${this.isChecked ? "ts_slider_checked" : ""}` }));
-  }
-  static get watchers() {
-    return {
-      checked: ["checkedChanged"]
-    };
-  }
-};
-c.style = r;
-export {
-  c as toggle_switch
-};

package/dist/toggle-switch.entry-becdda2c.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-dc6efb5e.cjs");require("react");require("react/jsx-runtime");require("react-dom");const a='.switch{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:var(--nylas-base-300);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{background-color:var(--nylas-base-0);bottom:4px;content:"";height:32px;left:4px;position:absolute;transition:0.4s;width:32px}input:checked+.slider{background-color:var(--nylas-success)}input:checked+.slider:before{transform:translateX(32px)}.slider.round{border-radius:35px;width:72px;height:40px}.slider.round:before{border-radius:50%}',o=a,s=class{constructor(l){e.registerInstance(this,l),this.nylasFormSwitchToggled=e.createEvent(this,"nylasFormSwitchToggled",7),this.name="toggle-switch",this.checked=!1,this.label="",this.isChecked=this.checked}checkedChanged(l){this.isChecked=l}componentWillLoad(){this.isChecked=this.checked}toggleCheck(){this.isChecked=!this.isChecked,this.nylasFormSwitchToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return e.h("label",{key:"65632395ac0a2cbc73846dd50bbca8c5a6b35495",class:"switch",part:"ts_label"},e.h("input",{key:"809e3371aae47a7c9eefff96132b9a805daae86e",type:"checkbox",part:"ts_input",name:this.name,checked:this.isChecked,onChange:()=>this.toggleCheck()}),e.h("div",{key:"85bb7bb0eb9a43fef2a5a4ebb3695355829ea3a2",class:"slider round",part:`ts_slider ${this.isChecked?"ts_slider_checked":""}`}))}static get watchers(){return{checked:["checkedChanged"]}}};s.style=o;exports.toggle_switch=s;