@nylas/react 1.3.6 → 1.4.1

package/dist/nylas-scheduling.entry-1d80c349.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-05630f15.cjs"),w=require("./index.es-4a203e8e-f668b8c2.cjs"),C=require("./scheduler-store-f3e2a26f-7cee436f.cjs"),Y=require("./constants-3d8016e3-fd6c3848.cjs"),D=require("./feedbackSync-352aaf4a-ba1bf452.cjs");require("react");require("react/jsx-runtime");require("react-dom");class J{constructor({schedulerAPIURL:t,nylasSchedulerStore:i,sessionId:a,configId:s,slug:r,clientId:l}){if(!t)throw new Error("schedulerAPIURL is required");if(!i)throw new Error("nylasSchedulerStore is required");if(!a&&!s&&!(r||l))throw new Error("sessionId is required for private configs. If using public config either pass a configurationId or a combination of slug and clientId.");t==="/"&&(t=new URL(window.location.href).origin),this.configId=s,this.sessionId=a,this.schedulerAPIURL=t,this.nylasSchedulerStore=i,this.slug=r,this.clientId=l}init(){e.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new C.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId,configId:this.configId,slug:this.slug,clientId:this.clientId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}const I=(n,t)=>{const i=n.isLoading,a=n.showNotification,s=n.nylasBranding;return e.h(e.Fragment,null,a&&e.h("nylas-notification",null),i&&e.h("div",{class:"loading"},e.h("div",{class:"left"},e.h("div",{class:"skeleton"})),e.h("div",{class:"right"},e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}))),!i&&t,e.h("div",{class:"footer"},s&&e.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 ",e.h("span",{class:"sr-only"},"Nylas"),e.h("nylas-logo",{"aria-hidden":!0}))))},q=(n,t)=>e.h("div",{class:"message-banner"},t),K=':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;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}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}',Q=K,$={title:e.instance.t("genericErrorTitle"),type:w.nr.Error,category:C.ErrorCategory.Component},W=class{constructor(n){e.registerInstance(this,n),this.init=e.createEvent(this,"init",7),this.schedulerWillLoad=e.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=e.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=e.createEvent(this,"nylasSchedulerError",7),this.nylasSchedulerInfo=e.createEvent(this,"nylasSchedulerInfo",7),this.configSettingsLoaded=e.createEvent(this,"configSettingsLoaded",7),this.bookingRefExtracted=e.createEvent(this,"bookingRefExtracted",7),this.bookedEventInfo=e.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.showNotification=!0,this.enableUserFeedback=!0,this.hour12=void 0,this.automaticComponentRegistration=!0,this.selectedDateLabel=new Date().toLocaleDateString(navigator.language,{dateStyle:"full"})||`${e.instance.t("noDateSelected")}`,this.refConfigId=void 0,this.language=navigator.language,this.showFeedbackModal=!1,this.bookingInfoConfirmed=null}connectedCallback(){e.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var s,r;e.debug("[nylas-scheduler] Component will load"),this.enableUserFeedback&&!D.isInitialized()&&D.init({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.4.1",integrations:l=>[...l.filter(o=>!1),D.feedbackSyncIntegration({colorScheme:"system",autoInject:!1})],autoSessionTracking:!1,beforeSend:()=>null});const n=this.schedulerWillLoad.emit(this.host);if("schedulerWillLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerWillLoad(n,this.nylasSchedulerConnector),n.defaultPrevented))return;this.stores={scheduler:C.CreateNylasSchedulerStore({bookingInfo:this.bookingInfo,nylasBranding:this.nylasBranding,themeConfig:this.themeConfig,hour12:this.hour12,...this.defaultSchedulerState})},this.baseProvider=new w.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.refConfigId=this.configurationId;let t;if(this.rescheduleBookingRef){const[l,o,c]=e.compactStringToUUIDs(this.rescheduleBookingRef);this.refConfigId=l,this.stores.scheduler.set("rescheduleBookingId",o),t=this.bookingRefExtracted.emit({configurationId:l,bookingId:o})}else if(this.cancelBookingRef){const[l,o,c]=e.compactStringToUUIDs(this.cancelBookingRef);this.refConfigId=l,this.stores.scheduler.set("cancelBookingId",o),t=this.bookingRefExtracted.emit({configurationId:l,bookingId:o})}else if(this.organizerConfirmationBookingRef){const[l,o,c]=e.compactStringToUUIDs(this.organizerConfirmationBookingRef);this.refConfigId=l,this.stores.scheduler.set("organizerConfirmationBookingId",o),this.stores.scheduler.set("organizerConfirmationSalt",c),t=this.bookingRefExtracted.emit({configurationId:l,bookingId:o,salt:c})}if("bookingRefExtracted"in this.eventOverrides&&(await this.eventOverrides.bookingRefExtracted(t,this.nylasSchedulerConnector),t.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;const i=(s=this.baseProvider)==null?void 0:s.getStore("scheduler");this.nylasSchedulerConnector=new J({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,configId:this.refConfigId,slug:this.slug,clientId:this.clientId,nylasSchedulerStore:i});const a=this.init.emit(this.host);"init"in this.eventOverrides&&(await this.eventOverrides.init(a,this.nylasSchedulerConnector),a.defaultPrevented)||((r=this.baseProvider)==null||r.componentWillLoad(this.nylasSchedulerConnector),this.applyThemeConfig(this.themeConfig))}async componentDidLoad(){var c,p,m,g,h,f,y,x;(c=this.baseProvider)==null||c.componentDidLoad();const n=this.schedulerDidLoad.emit(this.host);if("schedulerDidLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerDidLoad(n,this.nylasSchedulerConnector),n.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;this.localizationChanged(this.localization);const t=await((p=this.nylasSchedulerConnector)==null?void 0:p.scheduler.getUISettings());if(!t||"error"in t){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(t==null?void 0:t.error)},host:this.host});return}else{"data"in t&&((m=t.data)!=null&&m.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 u=this.configSettingsLoaded.emit({settings:t});if("configSettingsLoaded"in this.eventOverrides&&(await this.eventOverrides.configSettingsLoaded(u,this.nylasSchedulerConnector),u.defaultPrevented))return}const i=(g=this.baseProvider)==null?void 0:g.getStore("scheduler"),a=(f=(h=i==null?void 0:i.get("configSettings"))==null?void 0:h.scheduler)==null?void 0:f.available_days_in_future,s=i==null?void 0:i.get("selectedTimeslot");if(s&&(s!=null&&s.start_time)){if(!this.isTimeslotValid(s))return;if(i!=null&&i.get("showBookingForm")){i==null||i.set("selectedDate",s.start_time);return}}const r=i==null?void 0:i.get("selectedDate"),l=i==null?void 0:i.get("availability");let o;if(!(l&&l.length>0)){if(r){const{startTime:u,endTime:k,endTimeForAvailableDaysInFuture:v}=this.validateAvailableDaysInFuture(r,a||30);r.getTime()<v*1e3&&(o=await((x=this.nylasSchedulerConnector)==null?void 0:x.scheduler.getAvailability(u,k)))}else{const u=new Date,{startTime:k,endTime:v,endTimeForAvailableDaysInFuture:B}=this.validateAvailableDaysInFuture(u,a||30);u.getTime()<B*1e3&&(o=await((y=this.nylasSchedulerConnector)==null?void 0:y.scheduler.getAvailability(k,v)))}if((!o||"error"in o)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(o==null?void 0:o.error)},host:this.host}),!r){let u=new Date;const k=i==null?void 0:i.get("availability").find(v=>new Date(v.start_time)>new Date);k&&(u=k.start_time),i==null||i.set("selectedDate",u)}}}componentDisconnected(){var n;(n=this.baseProvider)==null||n.componentDisconnected()}bookingInfoChanged(n){var t;(t=this.stores)==null||t.scheduler.set("bookingInfo",n)}rescheduleBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("rescheduleBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}cancelBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("cancelBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}organizerConfirmationBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("organizerConfirmationBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}localizationChanged(n){n&&Object.keys(n).forEach(t=>{t in Y.LANGUAGE_CODE&&e.instance.addResourceBundle(t,"translation",n[t],!1,!0)})}themeConfigChanged(n){var t,i;(i=(t=this.baseProvider)==null?void 0:t.getStore("scheduler"))==null||i.set("themeConfig",n),this.applyThemeConfig(n)}languageChanged(n){const t=n.detail;this.language=t,e.instance.changeLanguage(t)}async registerComponentHandler(n){var t;(t=this.baseProvider)==null||t.registerComponent(n.detail)}async unregisterComponentHandler(n){var t;(t=this.baseProvider)==null||t.unregisterComponent(n.detail)}async monthChangedHandler(n){var l,o,c,p,m,g,h;const t=n.detail,i=(p=(c=(o=(l=this.nylasSchedulerConnector)==null?void 0:l.schedulerStore)==null?void 0:o.get("configSettings"))==null?void 0:c.scheduler)==null?void 0:p.available_days_in_future,{startTime:a,endTime:s,endTimeForAvailableDaysInFuture:r}=this.validateAvailableDaysInFuture(t,i||30);if(!n.defaultPrevented&&a<r&&t.getTime()<r*1e3){const f=await((m=this.nylasSchedulerConnector)==null?void 0:m.scheduler.getAvailability(a,s));(!f||"error"in f)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(f==null?void 0:f.error)},host:this.host});const y=(g=this.stores)==null?void 0:g.scheduler.get("selectableDates");y&&y.length>0&&((h=this.stores)==null||h.scheduler.set("selectedDate",y[0]))}}mapToBookingData(n){var l,o,c;const t=(l=this.stores)==null?void 0:l.scheduler.get("selectedTimeslot"),i=(o=this.stores)==null?void 0:o.scheduler.get("selectedLanguage"),a=(c=this.stores)==null?void 0:c.scheduler.get("selectedTimezone"),s=t!=null&&t.start_time?new Date(t==null?void 0:t.start_time).getTime()/1e3:"",r=t!=null&&t.end_time?new Date(t==null?void 0:t.end_time).getTime()/1e3:"";return{additional_guests:n.guests,guest:{...n.primaryParticipant},additional_fields:{...n.additionalFields},start_time:s,end_time:r,email_language:i,timezone:a}}async bookButtonClickedHandler(n){var c,p,m,g;if(n.defaultPrevented)return;const t=n.detail,i=this.mapToBookingData(t);this.bookingInfoConfirmed=t;const s=(p=(c=this.nylasSchedulerConnector)==null?void 0:c.schedulerStore)==null?void 0:p.get("rescheduleBookingId");if(s){const h=await((m=this.nylasSchedulerConnector)==null?void 0:m.scheduler.rescheduleBooking(s,t));(!h||"error"in h)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(h==null?void 0:h.error)},host:this.host});const f=h==null?void 0:h.data,y=this.bookedEventInfo.emit({...h,data:{...f,...i}});this.bookingInfoConfirmed={...this.bookingInfoConfirmed,...f},"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(y,this.nylasSchedulerConnector);return}const r=await((g=this.nylasSchedulerConnector)==null?void 0:g.scheduler.bookTimeslot(t));(!r||"error"in r)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(r==null?void 0:r.error)},host:this.host});const l=r==null?void 0:r.data,o=this.bookedEventInfo.emit({...r,data:{...l,...i}});this.bookingInfoConfirmed={...this.bookingInfoConfirmed,...l},"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(o,this.nylasSchedulerConnector)}dateSelectedHandler(n){const t=n.detail;this.selectedDateLabel=t?t.toLocaleDateString(this.language,{dateStyle:"full"}):`${e.instance.t("noDateSelected")}`}cancelBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}cancelBookedEventValidationErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}rescheduleBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}confirmBookingErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}feedbackModalClosedHandler(){this.showFeedbackModal=!1}eventIsFullHandler(n){const t=n.detail.error;n.detail.type==="error"?this.nylasSchedulerError.emit({notification:{...this.getErrorObject({message:t})},host:this.host}):this.nylasSchedulerInfo.emit({notification:{title:"Event is full",category:C.ErrorCategory.Component,type:w.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(n){const i={eventId:D.captureMessage("Scheduling Page User Feedback",{extra:{configId:this.configurationId,slug:this.slug}}),message:n.detail.feedback};D.captureFeedback(i,{includeReplay:!0,captureContext:{tags:{"nylas-web-element":"nylas-scheduling","nylas-web-element-version":"1.4.1","nylas-config-id":this.configurationId,"nylas-slug":this.slug,"host-url":window.location.href},extra:{configId:this.configurationId,slug:this.slug}}}),this.showFeedbackModal=!1}async getNylasSchedulerStore(){var n;return(n=this.baseProvider)==null?void 0:n.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(n){return{title:(n==null?void 0:n.title)||$.title,category:(n==null?void 0:n.category)||$.category,type:w.nr.Error,description:(n==null?void 0:n.message)||"",id:new Date().getTime().toString(),ttl:"none"}}checkIfSessionIdOrConfigIdExists(){if(!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)){let n="";return this.sessionId||(n+=e.instance.t("sessionIdRequiredErrorMessage")),!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)&&(n=e.instance.t("sessionIdRequiredErrorMessage")+" "+e.instance.t("publicConfigErrorMessage")),this.nylasSchedulerError.emit({notification:{title:e.instance.t("schedulingComponentErrorTitle"),category:C.ErrorCategory.Component,type:w.nr.Error,description:n,id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1}return!0}isTimeslotValid(n){return new Date(n.start_time)<new Date?(this.nylasSchedulerError.emit({notification:{title:e.instance.t("invalidTimeslotErrorTitle"),category:C.ErrorCategory.Component,type:w.nr.Error,description:e.instance.t("invalidTimeslotErrorMessage"),id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1):!0}validateAvailableDaysInFuture(n,t){const i=new Date,a=new Date(n.getFullYear(),n.getMonth(),1).getTime()/1e3,s=new Date(n.getFullYear(),n.getMonth()+1,1).getTime()/1e3,r=Math.floor(e.addDaysToCurrentDate(i,t).getTime()/1e3),l=Math.min(r,s);return{startTime:a<i.getTime()/1e3?Math.floor(i.getTime()/1e3):a,endTime:l,endTimeForAvailableDaysInFuture:r}}applyThemeConfig(n){if(n)for(const[t,i]of Object.entries(n))this.host.style.setProperty(`${t}`,i)}onFeedbackClick(n){n.preventDefault(),this.showFeedbackModal=!0}redirectToCustomUrl(n){window.location.assign(n)}render(){var y,x,u,k,v,B,z,O,R,P,U,N;const n=this.mode==="app",t=(y=this.baseProvider)==null?void 0:y.getStore("scheduler"),i=t==null?void 0:t.get("eventInfo"),a=t==null?void 0:t.get("showBookingForm"),s=t==null?void 0:t.get("cancelledEventInfo"),r=t==null?void 0:t.get("cancelBookingId"),l=t==null?void 0:t.get("selectedTimeslot"),o=t==null?void 0:t.get("rescheduleBookingId"),c=t==null?void 0:t.get("organizerConfirmationBookingId"),p=t==null?void 0:t.get("rejectBookingId"),m=t==null?void 0:t.get("confirmedEventInfo"),g=(t==null?void 0:t.get("nylasBranding"))||this.nylasBranding,h=t==null?void 0:t.get("selectedDate"),f=(u=(x=t==null?void 0:t.get("configSettings"))==null?void 0:x.scheduler)==null?void 0:u.confirmation_redirect_url;if(this.selectedDateLabel=h&&this.language?e.capitalizeFirstLetter(h.toLocaleDateString(this.language,{dateStyle:"full"})):`${e.instance.t("noDateSelected")}`,n&&(r||p)&&!s)return e.h(e.Host,null,e.h(I,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},e.h("nylas-cancel-booking-form",{selectedTimeslot:l,cancelBookingId:r,rejectBookingId:p,exportparts:"ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:d=>this.onFeedbackClick(d)},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&c)return e.h(e.Host,null,e.h(I,null,e.h("div",{class:"manual-confirmation-page",part:"manual-confirmation-page"},e.h("nylas-organizer-confirmation-card",{organizerConfirmationBookingId:c,exportparts:"nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:d=>this.onFeedbackClick(d)},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&s)return e.h(e.Host,null,e.h(I,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},e.h("nylas-cancelled-event-card",{cancelledEventInfo:s,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:d=>this.onFeedbackClick(d)},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&m)return e.h(e.Host,null,e.h(I,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancelled-event-page",part:"confirmed-event-page"},e.h("nylas-confirmed-event-card",{confirmedEventInfo:m,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:d=>this.onFeedbackClick(d)},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&i&&f){const d=(k=this.bookingInfoConfirmed)==null?void 0:k.primaryParticipant,T=(v=this.bookingInfoConfirmed)==null?void 0:v.location,M=(B=this.bookingInfoConfirmed)==null?void 0:B.booking_ref,F=((z=this.bookingInfoConfirmed)==null?void 0:z.additionalFields)||{};if(this.bookingInfo&&typeof((O=this.bookingInfo)==null?void 0:O.additionalFields)<"u"){const E=this.bookingInfo.additionalFields;Object.keys(E).forEach(L=>{!F[L]&&(E!=null&&E[L])&&(F[L]=E[L].value)})}const _=(R=this.stores)==null?void 0:R.scheduler.get("selectedTimeslot"),A=(P=this.stores)==null?void 0:P.scheduler.get("selectedTimezone"),j=(U=this.stores)==null?void 0:U.scheduler.get("selectedLanguage"),S=(N=this.stores)==null?void 0:N.scheduler.get("configSettings"),H=this.configurationId?this.configurationId:S==null?void 0:S.configuration_id,G=window.location.search,b=new URLSearchParams(G);b.set("booking_id",i.booking_id),d!=null&&d.name&&b.set("name",d.name),d!=null&&d.email&&b.set("email",d.email),_!=null&&_.start_time&&b.set("start_time",(new Date(_.start_time).getTime()/1e3).toString()),_!=null&&_.end_time&&b.set("end_time",(new Date(_.end_time).getTime()/1e3).toString()),A&&b.set("tz",A),j&&b.set("language",j),F&&b.set("additional_values",JSON.stringify(F)),this.slug&&b.set("page_slug",this.slug),H&&b.set("config_id",H),T&&b.set("location",T),M&&b.set("booking_ref",M),this.redirectToCustomUrl(`${f}?${b.toString()}`);return}if(n&&i)return e.h(e.Host,null,e.h(I,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"booked-event-page",part:"booked-event-page ns_booked-event-page"},e.h("nylas-booked-event-card",{selectedTimeslot:l,eventInfo:i,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:d=>this.onFeedbackClick(d)},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&(!i||o)&&!a){const d=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return e.h(e.Host,null,e.h(I,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},o&&e.h(q,null,`${e.instance.t("rescheduleTitle")}`),e.h("div",{class:"select-date-page",part:"select-date-page ns_select-date-page"},e.h("div",{class:"left-panel",part:"ns_left-panel"},e.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"}),e.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"})),e.h("div",{class:`right-panel ${o?"reschedule":""}`,part:`ns_right-panel ${o?"ns_reschedule":""}`},e.h("h2",{part:"ns_right-panel__title"},e.h("calendar-icon",{part:"ns_right-panel__calendar-icon"}),e.h("span",{id:"selectedDate",part:"ns_right-panel__selected-date"},this.selectedDateLabel)),e.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},d&&e.h("span",{slot:"timeslot-picker-cta-label"},e.h("slot",{name:"timeslot-picker-cta-label"})))))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:T=>this.onFeedbackClick(T)},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null))}return n&&!i&&a?e.h(e.Host,null,e.h(I,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},o&&e.h(q,null,`${e.instance.t("rescheduleTitle")}`),e.h("div",{class:"additional-data-page",part:"additional-data-page ns_additional-data-page"},e.h("div",{class:"left-panel ns_left-panel",part:"ns_left-panel"},e.h("div",{class:"wrapper",part:"ns_left-panel__wrapper"},e.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone"}))),e.h("div",{class:`right-panel ${o?"reschedule":""}`,part:`ns_right-panel ${o?"ns_reschedule":""}`},e.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"})))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:d=>this.onFeedbackClick(d)},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null)):e.h(e.Host,null,e.h("slot",null))}get host(){return e.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"],rescheduleBookingRef:["rescheduleBookingRefChanged"],cancelBookingRef:["cancelBookingRefChanged"],organizerConfirmationBookingRef:["organizerConfirmationBookingRefChanged"],localization:["localizationChanged"],themeConfig:["themeConfigChanged"]}}};W.style=Q;exports.nylas_scheduling=W;

package/dist/nylas-scheduling.entry-fa9ff55b.js

@@ -0,0 +1,439 @@
+import { i as u, r as Q, c as w, d as P, k as E, l as X, m as Z, h as n, H as C, g as V, F as ee } from "./index-78390f2e.js";
+import { n as T, N as te } from "./index.es-4a203e8e-cf485db5.js";
+import { E as R, C as ne, N as ie } from "./scheduler-store-f3e2a26f-85df53f7.js";
+import { L as oe } from "./constants-3d8016e3-3c080f00.js";
+import { i as se, a as ae, c as re, b as le, f as de } from "./feedbackSync-352aaf4a-b2b83cfa.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+class ce {
+  constructor({ schedulerAPIURL: e, nylasSchedulerStore: i, sessionId: a, configId: s, slug: r, clientId: l }) {
+    if (!e)
+      throw new Error("schedulerAPIURL is required");
+    if (!i)
+      throw new Error("nylasSchedulerStore is required");
+    if (!a && !s && !(r || l))
+      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 = s, this.sessionId = a, this.schedulerAPIURL = e, this.nylasSchedulerStore = i, this.slug = r, this.clientId = l;
+  }
+  init() {
+    P("NylasConnector init");
+  }
+  get schedulerStore() {
+    return this.nylasSchedulerStore;
+  }
+  get scheduler() {
+    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new ie({
+      schedulerAPIURL: this.schedulerAPIURL,
+      schedulerStore: this.schedulerStore,
+      sessionId: this.sessionId,
+      configId: this.configId,
+      slug: this.slug,
+      clientId: this.clientId
+    }), this._schedulerAPIConnector);
+  }
+  resetStores() {
+    this.nylasSchedulerStore.reset();
+  }
+}
+const x = (t, e) => {
+  const i = t.isLoading, a = t.showNotification, s = t.nylasBranding;
+  return n(
+    ee,
+    null,
+    a && n("nylas-notification", null),
+    i && n(
+      "div",
+      { class: "loading" },
+      n(
+        "div",
+        { class: "left" },
+        n("div", { class: "skeleton" })
+      ),
+      n(
+        "div",
+        { class: "right" },
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" })
+      )
+    ),
+    !i && e,
+    n("div", { class: "footer" }, s && n(
+      "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 ",
+      n("span", { class: "sr-only" }, "Nylas"),
+      n("nylas-logo", { "aria-hidden": !0 })
+    ))
+  );
+}, Y = (t, e) => n("div", { class: "message-banner" }, e), he = ':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;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}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}', ge = he, J = { title: u.t("genericErrorTitle"), type: T.Error, category: R.Component }, fe = class {
+  constructor(t) {
+    Q(this, t), this.init = w(this, "init", 7), this.schedulerWillLoad = w(this, "schedulerWillLoad", 7), this.schedulerDidLoad = w(this, "schedulerDidLoad", 7), this.nylasSchedulerError = w(this, "nylasSchedulerError", 7), this.nylasSchedulerInfo = w(this, "nylasSchedulerInfo", 7), this.configSettingsLoaded = w(this, "configSettingsLoaded", 7), this.bookingRefExtracted = w(this, "bookingRefExtracted", 7), this.bookedEventInfo = w(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.showNotification = !0, this.enableUserFeedback = !0, this.hour12 = void 0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(navigator.language, { dateStyle: "full" }) || `${u.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language, this.showFeedbackModal = !1, this.bookingInfoConfirmed = null;
+  }
+  connectedCallback() {
+    P("[nylas-scheduler] connectedCallback");
+  }
+  async componentWillLoad() {
+    var s, r;
+    P("[nylas-scheduler] Component will load"), this.enableUserFeedback && !se() && ae({
+      dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
+      release: "1.4.1",
+      integrations: (l) => [
+        ...l.filter((o) => !1),
+        de({
+          colorScheme: "system",
+          autoInject: !1
+        })
+      ],
+      autoSessionTracking: !1,
+      beforeSend: () => null
+    });
+    const t = this.schedulerWillLoad.emit(this.host);
+    if ("schedulerWillLoad" in this.eventOverrides && (await this.eventOverrides.schedulerWillLoad(t, this.nylasSchedulerConnector), t.defaultPrevented))
+      return;
+    this.stores = {
+      scheduler: ne({
+        bookingInfo: this.bookingInfo,
+        nylasBranding: this.nylasBranding,
+        themeConfig: this.themeConfig,
+        hour12: this.hour12,
+        ...this.defaultSchedulerState
+      })
+    }, this.baseProvider = new te(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
+    let e;
+    if (this.rescheduleBookingRef) {
+      const [l, o, c] = E(this.rescheduleBookingRef);
+      this.refConfigId = l, this.stores.scheduler.set("rescheduleBookingId", o), e = this.bookingRefExtracted.emit({ configurationId: l, bookingId: o });
+    } else if (this.cancelBookingRef) {
+      const [l, o, c] = E(this.cancelBookingRef);
+      this.refConfigId = l, this.stores.scheduler.set("cancelBookingId", o), e = this.bookingRefExtracted.emit({ configurationId: l, bookingId: o });
+    } else if (this.organizerConfirmationBookingRef) {
+      const [l, o, c] = E(this.organizerConfirmationBookingRef);
+      this.refConfigId = l, this.stores.scheduler.set("organizerConfirmationBookingId", o), this.stores.scheduler.set("organizerConfirmationSalt", c), e = this.bookingRefExtracted.emit({ configurationId: l, bookingId: o, salt: c });
+    }
+    if ("bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(e, this.nylasSchedulerConnector), e.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
+      return;
+    const i = (s = this.baseProvider) == null ? void 0 : s.getStore("scheduler");
+    this.nylasSchedulerConnector = new ce({
+      schedulerAPIURL: this.schedulerApiUrl,
+      sessionId: this.sessionId,
+      configId: this.refConfigId,
+      slug: this.slug,
+      clientId: this.clientId,
+      nylasSchedulerStore: i
+    });
+    const a = this.init.emit(this.host);
+    "init" in this.eventOverrides && (await this.eventOverrides.init(a, this.nylasSchedulerConnector), a.defaultPrevented) || ((r = this.baseProvider) == null || r.componentWillLoad(this.nylasSchedulerConnector), this.applyThemeConfig(this.themeConfig));
+  }
+  async componentDidLoad() {
+    var c, m, y, g, h, f, k, D;
+    (c = this.baseProvider) == null || c.componentDidLoad();
+    const t = this.schedulerDidLoad.emit(this.host);
+    if ("schedulerDidLoad" in this.eventOverrides && (await this.eventOverrides.schedulerDidLoad(t, this.nylasSchedulerConnector), t.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
+      return;
+    this.localizationChanged(this.localization);
+    const e = await ((m = this.nylasSchedulerConnector) == null ? void 0 : m.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 && ((y = e.data) != null && y.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 b = this.configSettingsLoaded.emit({ settings: e });
+      if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(b, this.nylasSchedulerConnector), b.defaultPrevented))
+        return;
+    }
+    const i = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), a = (f = (h = i == null ? void 0 : i.get("configSettings")) == null ? void 0 : h.scheduler) == null ? void 0 : f.available_days_in_future, s = i == null ? void 0 : i.get("selectedTimeslot");
+    if (s && (s != null && s.start_time)) {
+      if (!this.isTimeslotValid(s))
+        return;
+      if (i != null && i.get("showBookingForm")) {
+        i == null || i.set("selectedDate", s.start_time);
+        return;
+      }
+    }
+    const r = i == null ? void 0 : i.get("selectedDate"), l = i == null ? void 0 : i.get("availability");
+    let o;
+    if (!(l && l.length > 0)) {
+      if (r) {
+        const { startTime: b, endTime: v, endTimeForAvailableDaysInFuture: _ } = this.validateAvailableDaysInFuture(r, a || 30);
+        r.getTime() < _ * 1e3 && (o = await ((D = this.nylasSchedulerConnector) == null ? void 0 : D.scheduler.getAvailability(b, v)));
+      } else {
+        const b = /* @__PURE__ */ new Date(), { startTime: v, endTime: _, endTimeForAvailableDaysInFuture: F } = this.validateAvailableDaysInFuture(b, a || 30);
+        b.getTime() < F * 1e3 && (o = await ((k = this.nylasSchedulerConnector) == null ? void 0 : k.scheduler.getAvailability(v, _)));
+      }
+      if ((!o || "error" in o) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(o == null ? void 0 : o.error) }, host: this.host }), !r) {
+        let b = /* @__PURE__ */ new Date();
+        const v = i == null ? void 0 : i.get("availability").find((_) => new Date(_.start_time) > /* @__PURE__ */ new Date());
+        v && (b = v.start_time), i == null || i.set("selectedDate", b);
+      }
+    }
+  }
+  componentDisconnected() {
+    var t;
+    (t = this.baseProvider) == null || t.componentDisconnected();
+  }
+  bookingInfoChanged(t) {
+    var e;
+    (e = this.stores) == null || e.scheduler.set("bookingInfo", t);
+  }
+  rescheduleBookingRefChanged(t) {
+    var e, i;
+    if (t) {
+      const [a, s] = E(t);
+      (e = this.stores) == null || e.scheduler.set("rescheduleBookingId", s), this.refConfigId = a, (i = this.nylasSchedulerConnector) == null || i.scheduler.setConfigId(a);
+    }
+  }
+  cancelBookingRefChanged(t) {
+    var e, i;
+    if (t) {
+      const [a, s] = E(t);
+      (e = this.stores) == null || e.scheduler.set("cancelBookingId", s), this.refConfigId = a, (i = this.nylasSchedulerConnector) == null || i.scheduler.setConfigId(a);
+    }
+  }
+  organizerConfirmationBookingRefChanged(t) {
+    var e, i;
+    if (t) {
+      const [a, s] = E(t);
+      (e = this.stores) == null || e.scheduler.set("organizerConfirmationBookingId", s), this.refConfigId = a, (i = this.nylasSchedulerConnector) == null || i.scheduler.setConfigId(a);
+    }
+  }
+  localizationChanged(t) {
+    t && Object.keys(t).forEach((e) => {
+      e in oe && u.addResourceBundle(e, "translation", t[e], !1, !0);
+    });
+  }
+  themeConfigChanged(t) {
+    var e, i;
+    (i = (e = this.baseProvider) == null ? void 0 : e.getStore("scheduler")) == null || i.set("themeConfig", t), this.applyThemeConfig(t);
+  }
+  languageChanged(t) {
+    const e = t.detail;
+    this.language = e, u.changeLanguage(e);
+  }
+  async registerComponentHandler(t) {
+    var e;
+    (e = this.baseProvider) == null || e.registerComponent(t.detail);
+  }
+  async unregisterComponentHandler(t) {
+    var e;
+    (e = this.baseProvider) == null || e.unregisterComponent(t.detail);
+  }
+  async monthChangedHandler(t) {
+    var l, o, c, m, y, g, h;
+    const e = t.detail, i = (m = (c = (o = (l = this.nylasSchedulerConnector) == null ? void 0 : l.schedulerStore) == null ? void 0 : o.get("configSettings")) == null ? void 0 : c.scheduler) == null ? void 0 : m.available_days_in_future, { startTime: a, endTime: s, endTimeForAvailableDaysInFuture: r } = this.validateAvailableDaysInFuture(e, i || 30);
+    if (!t.defaultPrevented && a < r && e.getTime() < r * 1e3) {
+      const f = await ((y = this.nylasSchedulerConnector) == null ? void 0 : y.scheduler.getAvailability(a, s));
+      (!f || "error" in f) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(f == null ? void 0 : f.error) }, host: this.host });
+      const k = (g = this.stores) == null ? void 0 : g.scheduler.get("selectableDates");
+      k && k.length > 0 && ((h = this.stores) == null || h.scheduler.set("selectedDate", k[0]));
+    }
+  }
+  mapToBookingData(t) {
+    var l, o, c;
+    const e = (l = this.stores) == null ? void 0 : l.scheduler.get("selectedTimeslot"), i = (o = this.stores) == null ? void 0 : o.scheduler.get("selectedLanguage"), a = (c = this.stores) == null ? void 0 : c.scheduler.get("selectedTimezone"), s = e != null && e.start_time ? new Date(e == null ? void 0 : e.start_time).getTime() / 1e3 : "", r = e != null && e.end_time ? new Date(e == null ? void 0 : e.end_time).getTime() / 1e3 : "";
+    return {
+      additional_guests: t.guests,
+      guest: { ...t.primaryParticipant },
+      additional_fields: { ...t.additionalFields },
+      start_time: s,
+      end_time: r,
+      email_language: i,
+      timezone: a
+    };
+  }
+  async bookButtonClickedHandler(t) {
+    var c, m, y, g;
+    if (t.defaultPrevented)
+      return;
+    const e = t.detail, i = this.mapToBookingData(e);
+    this.bookingInfoConfirmed = e;
+    const s = (m = (c = this.nylasSchedulerConnector) == null ? void 0 : c.schedulerStore) == null ? void 0 : m.get("rescheduleBookingId");
+    if (s) {
+      const h = await ((y = this.nylasSchedulerConnector) == null ? void 0 : y.scheduler.rescheduleBooking(s, e));
+      (!h || "error" in h) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(h == null ? void 0 : h.error) }, host: this.host });
+      const f = h == null ? void 0 : h.data, k = this.bookedEventInfo.emit({ ...h, data: { ...f, ...i } });
+      this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...f }, "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(k, this.nylasSchedulerConnector);
+      return;
+    }
+    const r = await ((g = this.nylasSchedulerConnector) == null ? void 0 : g.scheduler.bookTimeslot(e));
+    (!r || "error" in r) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(r == null ? void 0 : r.error) }, host: this.host });
+    const l = r == null ? void 0 : r.data, o = this.bookedEventInfo.emit({ ...r, data: { ...l, ...i } });
+    this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...l }, "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(o, this.nylasSchedulerConnector);
+  }
+  dateSelectedHandler(t) {
+    const e = t.detail;
+    this.selectedDateLabel = e ? e.toLocaleDateString(this.language, { dateStyle: "full" }) : `${u.t("noDateSelected")}`;
+  }
+  cancelBookedEventErrorHandler(t) {
+    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
+  }
+  cancelBookedEventValidationErrorHandler(t) {
+    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
+  }
+  rescheduleBookedEventErrorHandler(t) {
+    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
+  }
+  confirmBookingErrorHandler(t) {
+    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
+  }
+  feedbackModalClosedHandler() {
+    this.showFeedbackModal = !1;
+  }
+  eventIsFullHandler(t) {
+    const e = t.detail.error;
+    t.detail.type === "error" ? this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject({ message: e }) }, host: this.host }) : this.nylasSchedulerInfo.emit({
+      notification: {
+        title: "Event is full",
+        category: R.Component,
+        type: T.Info,
+        description: "The event you selected is full. Please try a different time.",
+        id: (/* @__PURE__ */ new Date()).getTime().toString(),
+        ttl: 3e3
+      },
+      host: this.host
+    });
+  }
+  feedbackSubmittedHandler(t) {
+    const i = {
+      eventId: re("Scheduling Page User Feedback", {
+        extra: {
+          configId: this.configurationId,
+          slug: this.slug
+        }
+      }),
+      message: t.detail.feedback
+    };
+    le(i, {
+      includeReplay: !0,
+      captureContext: {
+        tags: {
+          "nylas-web-element": "nylas-scheduling",
+          "nylas-web-element-version": "1.4.1",
+          "nylas-config-id": this.configurationId,
+          "nylas-slug": this.slug,
+          "host-url": window.location.href
+        },
+        extra: {
+          configId: this.configurationId,
+          slug: this.slug
+        }
+      }
+    }), this.showFeedbackModal = !1;
+  }
+  async getNylasSchedulerStore() {
+    var t;
+    return (t = this.baseProvider) == null ? void 0 : t.getStore("scheduler");
+  }
+  async getNylasSchedulerConnector() {
+    return this.nylasSchedulerConnector;
+  }
+  async getRef() {
+    return this.host;
+  }
+  getErrorObject(t) {
+    return {
+      title: (t == null ? void 0 : t.title) || J.title,
+      category: (t == null ? void 0 : t.category) || J.category,
+      type: T.Error,
+      description: (t == null ? void 0 : t.message) || "",
+      id: (/* @__PURE__ */ new Date()).getTime().toString(),
+      ttl: "none"
+    };
+  }
+  checkIfSessionIdOrConfigIdExists() {
+    if (!this.sessionId && !this.refConfigId && !(this.slug && this.clientId)) {
+      let t = "";
+      return this.sessionId || (t += u.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (t = u.t("sessionIdRequiredErrorMessage") + " " + u.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
+        notification: {
+          title: u.t("schedulingComponentErrorTitle"),
+          category: R.Component,
+          type: T.Error,
+          description: t,
+          id: (/* @__PURE__ */ new Date()).getTime().toString(),
+          ttl: "none"
+        },
+        host: this.host
+      }), !1;
+    }
+    return !0;
+  }
+  isTimeslotValid(t) {
+    return new Date(t.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
+      notification: {
+        title: u.t("invalidTimeslotErrorTitle"),
+        category: R.Component,
+        type: T.Error,
+        description: u.t("invalidTimeslotErrorMessage"),
+        id: (/* @__PURE__ */ new Date()).getTime().toString(),
+        ttl: "none"
+      },
+      host: this.host
+    }), !1) : !0;
+  }
+  validateAvailableDaysInFuture(t, e) {
+    const i = /* @__PURE__ */ new Date(), a = new Date(t.getFullYear(), t.getMonth(), 1).getTime() / 1e3, s = new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() / 1e3, r = Math.floor(X(i, e).getTime() / 1e3), l = Math.min(r, s);
+    return { startTime: a < i.getTime() / 1e3 ? Math.floor(i.getTime() / 1e3) : a, endTime: l, endTimeForAvailableDaysInFuture: r };
+  }
+  applyThemeConfig(t) {
+    if (t)
+      for (const [e, i] of Object.entries(t))
+        this.host.style.setProperty(`${e}`, i);
+  }
+  onFeedbackClick(t) {
+    t.preventDefault(), this.showFeedbackModal = !0;
+  }
+  redirectToCustomUrl(t) {
+    window.location.assign(t);
+  }
+  render() {
+    var k, D, b, v, _, F, N, A, M, U, j, H;
+    const t = this.mode === "app", e = (k = this.baseProvider) == null ? void 0 : k.getStore("scheduler"), i = e == null ? void 0 : e.get("eventInfo"), a = e == null ? void 0 : e.get("showBookingForm"), s = e == null ? void 0 : e.get("cancelledEventInfo"), r = e == null ? void 0 : e.get("cancelBookingId"), l = e == null ? void 0 : e.get("selectedTimeslot"), o = e == null ? void 0 : e.get("rescheduleBookingId"), c = e == null ? void 0 : e.get("organizerConfirmationBookingId"), m = e == null ? void 0 : e.get("rejectBookingId"), y = e == null ? void 0 : e.get("confirmedEventInfo"), g = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, h = e == null ? void 0 : e.get("selectedDate"), f = (b = (D = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : D.scheduler) == null ? void 0 : b.confirmation_redirect_url;
+    if (this.selectedDateLabel = h && this.language ? Z(h.toLocaleDateString(this.language, { dateStyle: "full" })) : `${u.t("noDateSelected")}`, t && (r || m) && !s)
+      return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, n("nylas-cancel-booking-form", { selectedTimeslot: l, cancelBookingId: r, rejectBookingId: m, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
+    if (t && c)
+      return n(C, null, n(x, null, n("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, n("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: c, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
+    if (t && s)
+      return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, n("nylas-cancelled-event-card", { cancelledEventInfo: s, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
+    if (t && y)
+      return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, n("nylas-confirmed-event-card", { confirmedEventInfo: y, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
+    if (t && i && f) {
+      const d = (v = this.bookingInfoConfirmed) == null ? void 0 : v.primaryParticipant, L = (_ = this.bookingInfoConfirmed) == null ? void 0 : _.location, $ = (F = this.bookingInfoConfirmed) == null ? void 0 : F.booking_ref, z = ((N = this.bookingInfoConfirmed) == null ? void 0 : N.additionalFields) || {};
+      if (this.bookingInfo && typeof ((A = this.bookingInfo) == null ? void 0 : A.additionalFields) < "u") {
+        const B = this.bookingInfo.additionalFields;
+        Object.keys(B).forEach((S) => {
+          !z[S] && (B != null && B[S]) && (z[S] = B[S].value);
+        });
+      }
+      const I = (M = this.stores) == null ? void 0 : M.scheduler.get("selectedTimeslot"), W = (U = this.stores) == null ? void 0 : U.scheduler.get("selectedTimezone"), q = (j = this.stores) == null ? void 0 : j.scheduler.get("selectedLanguage"), O = (H = this.stores) == null ? void 0 : H.scheduler.get("configSettings"), G = this.configurationId ? this.configurationId : O == null ? void 0 : O.configuration_id, K = window.location.search, p = new URLSearchParams(K);
+      p.set("booking_id", i.booking_id), d != null && d.name && p.set("name", d.name), d != null && d.email && p.set("email", d.email), I != null && I.start_time && p.set("start_time", (new Date(I.start_time).getTime() / 1e3).toString()), I != null && I.end_time && p.set("end_time", (new Date(I.end_time).getTime() / 1e3).toString()), W && p.set("tz", W), q && p.set("language", q), z && p.set("additional_values", JSON.stringify(z)), this.slug && p.set("page_slug", this.slug), G && p.set("config_id", G), L && p.set("location", L), $ && p.set("booking_ref", $), this.redirectToCustomUrl(`${f}?${p.toString()}`);
+      return;
+    }
+    if (t && i)
+      return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, n("nylas-booked-event-card", { selectedTimeslot: l, eventInfo: i, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
+    if (t && (!i || o) && !a) {
+      const d = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
+      return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, o && n(Y, null, `${u.t("rescheduleTitle")}`), n("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, n("div", { class: "left-panel", part: "ns_left-panel" }, n("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" }), n("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" })), n("div", { class: `right-panel ${o ? "reschedule" : ""}`, part: `ns_right-panel ${o ? "ns_reschedule" : ""}` }, n("h2", { part: "ns_right-panel__title" }, n("calendar-icon", { part: "ns_right-panel__calendar-icon" }), n("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, this.selectedDateLabel)), n("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, d && n("span", { slot: "timeslot-picker-cta-label" }, n("slot", { name: "timeslot-picker-cta-label" })))))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (L) => this.onFeedbackClick(L) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
+    }
+    return t && !i && a ? n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, o && n(Y, null, `${u.t("rescheduleTitle")}`), n("div", { class: "additional-data-page", part: "additional-data-page ns_additional-data-page" }, n("div", { class: "left-panel ns_left-panel", part: "ns_left-panel" }, n("div", { class: "wrapper", part: "ns_left-panel__wrapper" }, n("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), n("div", { class: `right-panel ${o ? "reschedule" : ""}`, part: `ns_right-panel ${o ? "ns_reschedule" : ""}` }, n("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" })))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null)) : n(C, null, n("slot", null));
+  }
+  get host() {
+    return V(this);
+  }
+  static get watchers() {
+    return {
+      bookingInfo: ["bookingInfoChanged"],
+      rescheduleBookingRef: ["rescheduleBookingRefChanged"],
+      cancelBookingRef: ["cancelBookingRefChanged"],
+      organizerConfirmationBookingRef: ["organizerConfirmationBookingRefChanged"],
+      localization: ["localizationChanged"],
+      themeConfig: ["themeConfigChanged"]
+    };
+  }
+};
+fe.style = ge;
+export {
+  fe as nylas_scheduling
+};

package/dist/nylas-transcript.entry-570d3abe.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-05630f15.cjs"),C=require("./notebook-store-b61693cd-a7b8ae37.cjs");require("react");require("react/jsx-runtime");require("react-dom");const p=new CSSStyleSheet;p.replaceSync(`
+  :host {
+    font-family: Arial, sans-serif;
+  }
+`);const i=t.createStore({style:p,toolbarState:"default",searchTerm:""}),f=({width:r,height:e,fill:n})=>t.h("svg",{viewBox:"0 0 16 16",width:r,height:e,xmlns:"http://www.w3.org/2000/svg"},t.h("path",{d:"M9.30887 10.016C8.53903 10.6318 7.56252 11 6.5 11C4.01472 11 2 8.98531 2 6.50002C2 4.01473 4.01472 2 6.5 2C8.98528 2 11 4.01473 11 6.50002C11 7.56252 10.6318 8.53901 10.016 9.30885L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.6583 14.0488 13.3417 14.0488 13.1464 13.8536L9.30887 10.016ZM10 6.50002C10 4.56701 8.433 3 6.5 3C4.567 3 3 4.56701 3 6.50002C3 8.43302 4.567 10 6.5 10C8.433 10 10 8.43302 10 6.50002Z",fill:n})),h=({width:r,height:e,fill:n,className:s})=>t.h("svg",{width:r,height:e,class:s,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{d:"M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z",fill:n})),b=({width:r,height:e,fill:n})=>t.h("svg",{width:r,height:e,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:n})),d=i.get,o=i.set,l=(r,e)=>d(r)===e;function y({transcripts:r}){const e=()=>{o("searchTerm",""),o("toolbarState","default")},n=async()=>{const s={"text/plain":r.map(a=>`${a.ts} ${a.speaker}: ${a.text}`).join(`
+`)},c=new ClipboardItem(s);await navigator.clipboard.write([c])};return t.h("div",{class:"toolbar"},l("toolbarState","default")&&t.h("div",{class:"controls"},t.h("button",{onClick:()=>o("toolbarState","search")},t.h(f,{height:16,fill:"#2C2C2C"}),"Search"),t.h("button",{onClick:n},t.h(h,{height:16,fill:"#2C2C2C"}),"Copy"),t.h("button",{onClick:()=>o("toolbarState","language")},t.h(b,{height:16,fill:"#2C2C2C"}),"Language")),l("toolbarState","search")&&t.h("div",{class:"search"},t.h("input",{type:"text",value:d("searchTerm"),onInput:s=>o("searchTerm",s.target.value),onKeyDown:s=>s.key==="Escape"&&e(),placeholder:"Search transcript",autoFocus:!0}),t.h("button",{class:"clear",onClick:e},"Cancel")),l("toolbarState","language")&&t.h("div",{class:"language"},t.h("select",null,t.h("option",{value:"en"},"English"),t.h("option",{value:"fr"},"French")),t.h("button",{class:"regenerate"},"Regenerate"),t.h("button",{class:"clear",onClick:e},"Done")))}const x=':host{--background:white;--font-family:"Inter", sans-serif;--border-radius:8px}.nylas-transcript{background-color:var(--background);border-radius:var(--border-radius);border:1px solid #e0e6f9;font-size:14px;font-family:var(--font-family);font-optical-sizing:auto}.nylas-transcript .toolbar{padding:20px 20px}.nylas-transcript .toolbar input,.nylas-transcript .toolbar select{border:1px solid #4169e1;padding:10px 20px;border-radius:6px;width:100%}.nylas-transcript .toolbar button.clear{background:none;border:none;cursor:pointer;font-size:14px;font-family:var(--font-family)}.nylas-transcript .toolbar .controls{display:flex;align-items:center;justify-content:stretch;gap:6px}.nylas-transcript .toolbar .controls button{font-family:var(--font-family);cursor:pointer;background-color:white;border:1px solid #c7dbf9;border-radius:8px;padding-top:12px;padding-bottom:12px;flex-grow:1;letter-spacing:-4%;display:flex;align-items:center;justify-content:center}.nylas-transcript .toolbar .controls button svg{margin-right:6px}.nylas-transcript .toolbar .controls button:active{background-color:#f0f4f9}.nylas-transcript .toolbar .search,.nylas-transcript .toolbar .language{display:flex;align-items:center;justify-content:space-between;gap:20px}.nylas-transcript .language button.regenerate{width:93px;border-radius:8px;padding:12px 8px;text-align:center;outline:0;border:none;background-color:#4169e1;color:white}.nylas-transcript .transcripts{max-height:50vh;overflow-y:auto;border-top:1px solid #ebeff6}.nylas-transcript .transcripts .no-results{padding:20px;text-align:center;color:rgba(0, 0, 0, 0.6)}.nylas-transcript .transcripts .transcripts-item{padding:16px 18px;gap:20px;display:flex;line-height:24px;border-bottom:1px solid #ebeff6;transition:0.5s background-color ease-in-out;font-size:14px}.nylas-transcript .transcripts .transcripts-item .highlight{background-color:yellow}.nylas-transcript .transcripts .transcripts-item .copy-btn{fill:#4b4b4b;cursor:pointer;width:24px;transition:0.3s transform ease-in-out}.nylas-transcript .transcripts .transcripts-item .copy-btn:active{fill:#9747ff;transform:scale(2)}.nylas-transcript .transcripts .transcripts-item .speaker{font-weight:500;font-size:16px;margin-bottom:0.5rem}.nylas-transcript .transcripts .transcripts-item.active{background-color:#ebeff6}.nylas-transcript .transcripts .transcripts-item .time{color:#9747ff;font-weight:600;min-width:60px}',m=x;t.dayjs.extend(t.utc);const v=({text:r,highlight:e})=>(e&&(r=r.replace(new RegExp(e,"gi"),`<span class="highlight">${e}</span>`)),t.h("div",{innerHTML:r})),u=class{constructor(r){t.registerInstance(this,r),this.focusedIndex=-1,this.autoscroll=!0,this.transcript=void 0}componentDidLoad(){i.onChange("style",r=>{console.log("Style change",r),this.el.shadowRoot&&r&&(this.el.shadowRoot.adoptedStyleSheets=[r])})}get transcripts(){var c;const r=C.videoStore.get("videoTime"),e=i.get("searchTerm");if(!this.transcript)return[];const n=this.transcript.findIndex(a=>a.start/1e3>=r)-1;n>=0&&this.autoscroll&&((c=this.transcriptContainer.querySelector(".active"))==null||c.scrollIntoView({behavior:"smooth",block:"center"}));let s=this.transcript.map((a,g)=>({...a,active:g===n,ts:a.start?this.secondsToStr(a.start):null}));return e&&(s=s.filter(a=>a.text.toLowerCase().includes(e.toLowerCase()))),s}secondsToStr(r){return r<36e5?t.dayjs.utc(r).format("mm:ss"):t.dayjs.utc(r).format("HH:mm:ss")}handleCopy(r){navigator.clipboard.writeText(`${r.ts} ${r.speaker}: ${r.text}`)}render(){return t.h("div",{key:"690629131ffa02c83db097568bcb9d983934a52d",class:"nylas-transcript"},t.h(y,{key:"e259b18c6f56c48881b305e87540ccf8752299ad",transcripts:this.transcripts}),t.h("div",{key:"e9fd658295e29bf38877e3bf30c324710e732b8a",class:"transcripts",ref:r=>this.transcriptContainer=r},!this.transcripts.length&&t.h("div",{class:"no-results"},"Transcript not available."),this.transcripts.map((r,e)=>t.h("div",{class:{"transcripts-item":!0,active:r.active},onPointerEnter:()=>this.focusedIndex=e,onPointerLeave:()=>this.focusedIndex=-1},r.ts&&t.h("div",{class:"time"},this.focusedIndex===e?t.h("span",{onClick:()=>this.handleCopy(r)},t.h(h,{className:"copy-btn"})):r.ts),t.h("div",{class:"message"},t.h("div",{class:"speaker"},r.speaker),t.h(v,{text:r.text,highlight:i.get("searchTerm")}))))))}get el(){return t.getElement(this)}};u.style=m;exports.nylas_transcript=u;