@nylas/web-elements 1.1.0-canary.19.c → 1.1.0-canary.19.e

package/dist/nylas-web-elements/p-1f290858.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,c as n,H as i,a}from"./p-68c2fadf.js";import{R as s}from"./p-795b324a.js";import{a as o,o as r,q as l}from"./p-6c11737d.js";import{D as c}from"./p-2270e6cf.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=".sc-google-logo-icon-h{display:flex}";const b=d;const p=class{constructor(e){t(this,e);this.width="24";this.height="24"}render(){return e("svg",{key:"555521f048f2f287de7572071b43a53efeae7a10",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"2613493e10c2c2bd60da54b6c5ec674ae56d4bb0","clip-path":"url(#clip0_959_12452)"},e("path",{key:"8467e8ba5977837e472bec1d8a2bec6ed08bbb8f",d:"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z",fill:"#4285F4"}),e("path",{key:"0a575c6bc170567883e793eebca58942de623a13",d:"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z",fill:"#34A853"}),e("path",{key:"4c4e6d0e4d8555fd3f7dedc24ccc27a5ac3209ea",d:"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z",fill:"#FBBC05"}),e("path",{key:"d6dca8d2887f09a6d7a95b84238ec7615e3530c3",d:"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z",fill:"#EA4335"})),e("defs",{key:"5ea0838d988413517f09c07e413d97db3b942375"},e("clipPath",{key:"dd0a31b400e699406e194711fcbc949d5f3c8304",id:"clip0_959_12452"},e("rect",{key:"86cb4fe6ed9cada88e94516cf76ddaa3a2d62311",width:24,height:24,fill:"white"}))))}};p.style=b;const h=".sc-microsoft-logo-icon-h{display:flex}";const u=h;const f=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"da59f9b8e18c52e2ca12e97ce694b7abc30aea0d",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"ef4d02c0f11fd9df3a3e1a781d2379526404c469",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"9799ab150bbdee2cf4ec6275b2388fe2c00dd85e",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"65f7ee7dedd27844e342d2f1e7065814c6012c46",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"a21de9dcc8252feec5b07059371eba058b2d071c",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};f.style=u;function y({id:t,formState:n,activeTab:i,calendars:a,currentUser:s}){switch(i){case"eventInfo":const i=n.title;const o=n.description;const r=parseInt(n.duration);const l=n.location;const c=n.conferencing;return e("div",{key:t},e("nylas-event-info",null,e("div",{slot:"inputs"},e("nylas-event-title",{name:"title",eventTitle:i,exportparts:"net, net__title, net__dropdown-content"}),e("nylas-event-duration",{name:"duration",eventDurationMinutes:r,exportparts:"ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content"}),e("nylas-event-location",{name:"location",eventLocation:l,eventConferencing:c,userProvider:s.provider,exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e("nylas-event-description",{name:"description",eventDescription:o,exportparts:"nedesc, nedesc__textarea"}))));case"availability":const d=n.availability.openHours;const b=n.availability.timezone?n.availability.timezone:Intl.DateTimeFormat().resolvedOptions().timeZone;return e("div",{key:t},e("nylas-participant-booking-calendars",{name:"participant-booking-calendars",participants:n.participants,calendars:a}),e("nylas-connected-calendars",{name:"connected-calendars",participants:n.participants}),e("nylas-availability-picker",{name:"availability",openHours:d,defaultTimezone:b,exportparts:"nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times"}));case"bookingOptions":return e("div",{key:t},e("nylas-buffer-time",{name:"buffer-time",buffer:n.buffer,exportparts:"nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview"}),e("nylas-event-limits",null,e("div",{slot:"inputs"},e("nylas-min-booking-notice",{name:"min-booking-notice",minBookingNotice:n.minBookingNotice,exportparts:"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content"}),e("nylas-limit-future-bookings",{name:"limit-future-bookings",availableDaysInFuture:n.availableDaysInFuture,exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),e("nylas-min-cancellation-notice",{name:"min-cancellation-notice",minCancellationNotice:n.minCancellationNotice,exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}),e("nylas-cancellation-policy",{name:"cancellation-policy",cancellationPolicy:n.cancellationPolicy,exportparts:"ncpolicy, ncpolicy__textarea"}))),e("nylas-timeslot-interval",{name:"timeslot-interval",eventDurationMinutes:parseInt(n.duration),exportparts:"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content"}),e("nylas-customize-booking-settings",{name:"customize-booking-settings",exportparts:"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options"}));case"participants":return e("div",{key:t},e("nylas-additional-participants",{name:"participants",eventParticipants:n.participants,exportparts:"nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant"}),e("nylas-participants-custom-availability",{name:"participant-custom-availability",participants:n.participants,exportparts:"npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider"}));case"bookingForm":const p=Object.entries(n.additionalFields).map((([t,e])=>({key:t,...e})));return e("div",{key:t},e("nylas-booking-form-config",{name:"additional-fields",additonalFields:p}))}}const g='.sc-nylas-editor-tabs-h{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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:554px;display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{display:table-column-group;height:auto}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.active.sc-nylas-editor-tabs{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs{max-width:692px;overflow-y:auto}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs{width:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs{display:flex;flex-direction:column;gap:1rem}.footer.sc-nylas-editor-tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .preview.sc-nylas-editor-tabs{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{max-width:524px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.unsaved-changes.sc-nylas-editor-tabs{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.saved-changes.sc-nylas-editor-tabs{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error.sc-nylas-editor-tabs{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error-full-width.sc-nylas-editor-tabs{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.sc-nylas-editor-tabs{width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs span.sc-nylas-editor-tabs{display:flex;align-items:center;justify-content:center;gap:0.5rem}';const m=g;var _=undefined&&undefined.__decorate||function(t,e,n,i){var a=arguments.length,s=a<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,n):i,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,i);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(a<3?o(s):a>3?o(e,n,s):o(e,n))||s;return a>3&&s&&Object.defineProperty(e,n,s),s};var v=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const w=class{constructor(e){t(this,e);this.schedulerConfigChanged=n(this,"schedulerConfigChanged",7);this.cancelButtonClick=n(this,"cancelButtonClick",7);this.formSubmitted=n(this,"formSubmitted",7);this.previewButtonClicked=n(this,"previewButtonClicked",7);this.setError=t=>{this.error=t.message};this.formSubmissionHandler=async t=>{t.preventDefault();this.formSubmitted.emit();const e=this.formRef.checkValidity();if(!e){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=true;this.hasUnsavedChanges=false;const n=this.updateFormState();const{title:i,description:a,duration:s,availability:o,bookingCalendar:l,location:d,bookingType:b,buffer:p,availableDaysInFuture:h,minCancellationNotice:u,minBookingNotice:f,cancellationPolicy:y,timeslotInterval:g,additionalGuestsHidden:m,hideCancellationOptions:_,hideReschedulingOptions:v,participants:w,participantOpenHours:k,additionalFields:x,participantCalendars:C,conferencing:H,participantBookingCalendars:S}=n;const L=this.selectedConfiguration?.participants?.find((t=>t.is_organizer));const j=C&&L?.email?C[L?.email]:[];const B=L?.booking?.calendar_id||l;const F=s?parseInt(s):30;const I=w&&w?.length>0?w:[{name:L?.name??this.currentUser?.name??"",email:L?.email??this.currentUser?.email??"",is_organizer:true,timezone:o?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:j.length?j:["primary"],open_hours:[]},booking:{calendar_id:l&&l!==""?l:"primary"}}];const P={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",availability:{duration_minutes:F,interval_minutes:g?.interval??F,round_to:g?.roundTo,availability_rules:{availability_method:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective",buffer:p||{before:0,after:0},default_open_hours:o?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??c,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...I?.map((t=>{if(t.is_organizer){return{name:t.name??"",email:t.email,is_organizer:true,timezone:k?.[t.email]?.[0]?.timezone??t.availability?.open_hours?.[0]?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:j.length?j:["primary"],open_hours:k?.[t.email]??t.availability?.open_hours??[]},booking:{calendar_id:B?B:"primary"}}}return{...t,timezone:k?.[t.email]?.[0]?.timezone??t.availability?.open_hours?.[0]?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:t.availability?{calendar_ids:C?.[t.email]??t.availability?.calendar_ids??["primary"],open_hours:k?.[t.email]??t.availability?.open_hours??[]}:undefined,booking:S?.[t.email]?{calendar_id:S?.[t.email]}:undefined}}))],event_booking:{title:i?.toString()??"",description:a?.toString()??"",location:d?.toString()??"",booking_type:b?.toString()??"booking",timezone:o?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:H},scheduler:{cancellation_policy:y??"",available_days_in_future:h??30,min_cancellation_notice:u??0,min_booking_notice:f??60,hide_additional_guests:m??false,hide_cancellation_options:_??false,hide_rescheduling_options:v??false,additional_fields:x}};const O=r(P,this.selectedConfiguration);const N=this.action==="create"?O:P;const T=t=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const z=this.checkForClientSideErrors(N);if(z){return}this.schedulerConfigChanged.emit({config:N,resetLoadingState:T,setError:this.setError,action:this.action})};this.checkForClientSideErrors=t=>{let e=false;let n="";const i=t.scheduler?.additional_fields;if(i){n="Booking form error: ";Object.entries(i).forEach((t=>{const i=t[1];if(i.label===""){n+=`Label is required for field of type ${i.type}.`;e=true;return}if(i.options){for(const t of i.options){if(t===""){n+=`Empty option detected inside ${i.label} of type ${i.type}.`;e=true;break}}}}))}if(e){this.isLoading=false;this.setError(new Error(n))}return e};this.calendars=undefined;this.selectedConfiguration=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.action="create";this.activeTab="eventInfo";this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(t){o("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(t)};if(t.id){this.action="edit"}else{this.action="create"}}connectedCallback(){o("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){o("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){o("[nylas-editor-tabs]","componentDidLoad")}disconnectedCallback(){o("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){o("[nylas-editor-tabs]","handleValueChanged",t);const{name:e,value:n}=t.detail;this.setFormState(n,e);this.formState={...this.formState};this.hasUnsavedChanges=true;this.error=""}getFormStateFromConfig(t){const e=t?.participants?.find((t=>t.is_organizer));return{title:t?.event_booking?.title??"",description:t?.event_booking?.description??"",duration:t?.availability?.duration_minutes?.toString()??"30",availability:{timezone:t?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:t?.availability?.availability_rules?.default_open_hours??c},additionalFields:t?.scheduler?.additional_fields??{},conferencing:t?.event_booking?.conferencing??{},calendarIds:e?.availability?.calendar_ids??[],participants:t?.participants??[],bookingCalendar:e?.booking?.calendar_id??e?.email??"",location:t?.event_booking?.location??"",bookingType:t?.event_booking?.booking_type??"booking",buffer:t?.availability?.availability_rules?.buffer??{before:0,after:0},cancellationPolicy:t?.scheduler?.cancellation_policy??"",availableDaysInFuture:t?.scheduler?.available_days_in_future??30,minCancellationNotice:t?.scheduler?.min_cancellation_notice??0,minBookingNotice:t?.scheduler?.min_booking_notice??60,timeslotInterval:{interval:t?.availability?.interval_minutes??t?.availability?.duration_minutes,roundTo:t?.availability?.round_to},additionalGuestsHidden:t?.scheduler?.hide_additional_guests??false,hideCancellationOptions:t?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:t?.scheduler?.hide_rescheduling_options??false,participantBookingCalendars:t?.participants?.reduce(((t,e)=>{if(e.booking?.calendar_id){t[e.email]=e.booking?.calendar_id}return t}))??{},participantCalendars:t?.participants?.reduce(((t,e)=>{t[e.email]=e.availability?.calendar_ids;return t}),{})??{}}}setFormState(t,e){switch(e){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"booking-calendar":this.formState.bookingCalendar=t.toString();break;case"participant-booking-calendars":this.formState.participantBookingCalendars=JSON.parse(t.toString());break;case"location":this.formState.location=t.toString();break;case"conference":this.formState.conferencing=JSON.parse(t.toString());break;case"booking-type":this.formState.bookingType=t.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(t.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(t.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(t.toString());break;case"min-booking-notice":this.formState.minBookingNotice=parseInt(t.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=t.toString();break;case"timeslot-interval":this.formState.timeslotInterval=JSON.parse(t.toString());break;case"customize-booking-settings":const e=JSON.parse(t.toString());this.formState.additionalGuestsHidden=e.additionalGuestsHidden;this.formState.hideCancellationOptions=e.hideCancellationOptions;this.formState.hideReschedulingOptions=e.hideReschedulingOptions;break;case"participant-custom-availability":const n=JSON.parse(t.toString());this.formState.participantOpenHours=n;break;case"additional-fields":this.formState.additionalFields=t;break;case"connected-calendars":this.formState.participantCalendars=JSON.parse(t.toString());break}}updateFormState(){const t=new FormData(this.formRef);t.forEach(((t,e)=>{this.setFormState(t,e)}));this.formState={...this.formState};return this.formState}setActiveTab(t,e){t.preventDefault();this.updateFormState();this.activeTab=e}hideTab(t){return this.hideEditorTabs?.includes(t)||false}render(){o("[nylas-editor-tabs]","render",this.formState);return e(i,{key:"6636487c6ce64dddbcb5b393c9240fae3dacab62"},e("form",{key:"10a616e5d8c6b19d650bbbaa26bdcb178b050161",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:t=>this.formRef=t,noValidate:true},this.mode==="app"?e("div",{class:"form-contents"},e("div",{class:"tabs"},e("button",{class:{tab:true,active:this.activeTab=="eventInfo",hide:this.hideTab("eventInfo")},part:"editortab__event-info",onClick:t=>this.setActiveTab(t,"eventInfo")},e("calendar-info-icon",{width:"16",height:"16"}),"Event info"),e("button",{class:{tab:true,active:this.activeTab=="availability",hide:this.hideTab("availability")},part:"editortab__availability",onClick:t=>this.setActiveTab(t,"availability")},e("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e("button",{class:{tab:true,active:this.activeTab=="participants",hide:this.hideTab("participants")},part:"editortab__participants",onClick:t=>this.setActiveTab(t,"participants")},e("people-icon",{width:"16",height:"16"}),"Participants"),e("button",{class:{tab:true,active:this.activeTab=="bookingOptions",hide:this.hideTab("bookingOptions")},part:"editortab__booking-options",onClick:t=>this.setActiveTab(t,"bookingOptions")},e("flow-icon",{width:"16",height:"16"}),"Booking options"),e("button",{class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab("bookingForm")},part:"editortab__booking-form",onClick:t=>this.setActiveTab(t,"bookingForm")},this.activeTab=="bookingForm"?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),"Booking form")),e("div",{class:"tab-content"},e(y,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new"}))):e("slot",null),e("div",{key:"280c0c7aeb9199c53586cc211ae473bbe23efc88",class:"footer"},e("div",{key:"8ae601f7812e3a0ad346dea9d79bde817c477fcd",class:"preview"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();const e=this.previewButtonClicked.emit(this.host);if(!e.defaultPrevented){window.open(l(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},"Preview")),e("div",{key:"9442375eebbac6e0edf76ccd81be5607c3427120",class:"buttons"},e("p",{key:"3bac06ac6145e732ee05ed8b953a4bac8dc123d3",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?"Unsaved changes":this.error==""&&this.changesSaved?"Changes saved!":""),e("button-component",{key:"b6347b69d1a624d9dd65e2831a0a7ae92bfd95b6",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic"},"Back"),e("button-component",{key:"28222fdd8258c009690d25ccbf05ad86abcc1cd3",type:"submit",disabled:this.isLoading},this.isLoading?e("span",null,"Saving",e("loading-icon",null)," "):this.action=="create"?"Create":"Save changes")))))}get host(){return a(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"]}}};_([s({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.hideEditorTabs","hideEditorTabs"]]),eventToProps:{schedulerConfigChanged:async(t,e)=>{const{resetLoadingState:n,setError:i,action:a,config:s}=t.detail;const o=e=>{const[a,s]=e;if(!a&&s&&i){i(s)}if(n){n(t)}};if(a==="edit"){const t=await e.schedulerConfig.updateConfiguration(s);o(t)}else{const t=await e.schedulerConfig.createConfiguration(s);o(t)}},cancelButtonClick:async(t,e)=>{e.schedulerConfigStore.state.action=null},previewButtonClicked:async(t,e)=>{o("[nylas-editor-tabs]","previewButtonClicked",e)},formSubmitted:async(t,e)=>{o("[nylas-editor-tabs]","formSubmitted",e)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),fireRegisterEvent:true}),v("design:type",Function),v("design:paramtypes",[]),v("design:returntype",void 0)],w.prototype,"render",null);w.style=m;const k=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:1rem;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto}.configurations table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations table.no-configurations{height:100%}.configurations table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations table tr.hide{display:none}.configurations table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations table th.actions-header{text-align:right}.configurations table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations table th,.configurations table td{text-align:left;padding:1rem;font-family:inherit}.configurations table .actions{text-align:right}.configurations table .actions{display:flex;justify-content:flex-end;gap:1rem}@media screen and (max-width: 768px){.configurations table .actions{flex-direction:column;gap:0.5rem}}.configurations table .title{display:flex;flex-direction:column}.configurations table .title .config-event-title{font-weight:600}.configurations table .title .config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:white;width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .pagination button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}';const x=k;var C=undefined&&undefined.__decorate||function(t,e,n,i){var a=arguments.length,s=a<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,n):i,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,i);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(a<3?o(s):a>3?o(e,n,s):o(e,n))||s;return a>3&&s&&Object.defineProperty(e,n,s),s};var H=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const S=class{constructor(e){t(this,e);this.initListConfigurations=n(this,"initListConfigurations",7);this.createButtonClick=n(this,"createButtonClick",7);this.editButtonClick=n(this,"editButtonClick",7);this.deleteButtonClick=n(this,"deleteButtonClick",7);this.configurations=[];this.schedulerPreviewLink="";this.listConfigurationsNextCursor=undefined;this.state="loading";this.error="";this.currentCursor=null;this.previousCursors=[];this.disableNextPageButton=false}listConfigurationsNextCursorChangedHandler(t,e){if(!t||t===e){if(t===null){this.disableNextPageButton=true}return}this.disableNextPageButton=false;this.currentCursor=t}connectedCallback(){o("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){o("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){o("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){o("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(t){o("[nylas-list-configurations]","handleNylasFormDropdownChanged",t.detail);const{value:e}=t.detail;const[n,i]=e.split("-");t.preventDefault();switch(n){case"delete":this.deleteButtonClick.emit({host:this.host,configuration:this.configurations[i]});break;case"preview":window.open(l(this.schedulerPreviewLink,this.configurations[i]),"_blank");break;case"copy":await navigator.clipboard.writeText(l(this.schedulerPreviewLink,this.configurations[i]));break}}async getState(){return this.state}async setState(t){this.state=t}async setError(t){this.error=t}getDurationString(t){const e=Math.floor(t/60);const n=t%60;return`${e?e:""} ${e?`${e>1?"hours":"hour"}`:""} ${n?n:""} ${n?`${n>1?"mins":"min"}`:""}`}getActionLabelHTML(t){const n={display:"inline-flex",alignItems:"center",gap:"0.5rem"};const i={color:"var(--nylas-error)"};switch(t){case"preview":return e("span",{style:n},e("eye-icon",{width:"16",height:"16"}),"Preview");case"copy":return e("span",{style:n},e("copy-icon",{width:"16",height:"16"}),"Copy");case"delete":return e("span",{style:{...n,...i}},e("delete-icon",{width:"15",height:"17"}),"Delete");default:return""}}previousPageClickedHandler(){if(this.previousCursors.length===0)return;this.currentCursor=this.previousCursors.pop()||null;const t=this.previousCursors[this.previousCursors.length-1]||undefined;this.initListConfigurations.emit({host:this.host,cursor:t})}nextPageClickedHandler(){if(!this.currentCursor)return;this.previousCursors=[...this.previousCursors,this.currentCursor];this.initListConfigurations.emit({host:this.host,cursor:this.currentCursor})}render(){return e(i,null,e("div",{class:"header"},e("div",{class:"description"},e("h2",null,"All scheduling pages"),e("p",null,"Create, edit and manage all your scheduling pages.")),this.configurations&&this.configurations.length>0&&e("div",{class:"actions"},e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e("div",{class:"configurations"},e("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},e("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},e("th",null,"Scheduling page title"),e("th",null,"Duration"),e("th",{class:"actions-header"},"Actions")),this.state==="loading"&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("h3",null,"Loading..."),e("p",null,"Please wait while we fetch the scheduling pages")))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("calendar-icon",{width:"48",height:"48"}),e("h3",null,"No scheduling pages found"),e("p",null,"Get started with creating your first scheduling page"),e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new")))),this.state!=="loading"&&this.configurations.map(((t,n)=>e("tr",{key:t.id},e("td",null,e("div",{class:"title"},e("span",{class:"config-event-title"},t.event_booking.title),e("span",{class:"config-event-description"},t.event_booking.description))),e("td",null,e("div",null,this.getDurationString(t.availability.duration_minutes))),e("td",null,e("div",{class:"actions"},e("button-component",{variant:"basic",key:`edit-${n}`,clickHandler:e=>{e.preventDefault();this.editButtonClick.emit({host:this.host,configuration:t})}},e("edit-icon",{width:"16",height:"16"}),"Edit"),e("select-dropdown",{name:"actions",options:[{value:`preview-${n}`,label:"Preview",labelHTML:this.getActionLabelHTML("preview")},{value:`copy-${n}`,label:"Copy link",labelHTML:this.getActionLabelHTML("copy")},{value:`delete-${n}`,label:"Delete",labelHTML:this.getActionLabelHTML("delete")}],defaultSelectedOption:{value:"",label:""},dropdownButtonText:"...",withSearch:false,withChevron:false,exportparts:"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content"}))))))),e("div",{class:"pagination"},e("button",{class:"arrow left",onClick:()=>this.previousPageClickedHandler(),disabled:this.previousCursors.length<=0},e("chevron-icon",null)),e("button",{class:"arrow right",onClick:()=>this.nextPageClickedHandler(),disabled:this.disableNextPageButton},e("chevron-icon",null)))),this.state==="error"&&e("div",{class:"error-container"},e("p",{class:"error"},this.error)))}get host(){return a(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"]}}};C([s({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"],["schedulerConfig.listConfigurationsNextCursor","listConfigurationsNextCursor"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(t,e)=>{const{host:n,cursor:i}=t.detail;await n.setState("loading");const[a,s]=await e.schedulerConfig.getConfigurations(i);if(!a&&s&&s.message){await n.setState("error");await n.setError(s.message);return}await n.setState("loaded")},createButtonClick:async(t,e)=>{e.schedulerConfigStore.resetSelectedConfiguration();e.schedulerConfigStore.state.action="create"},deleteButtonClick:async(t,e)=>{const{host:n,configuration:i}=t.detail;const[a,s]=await e.schedulerConfig.deleteConfiguration(i.id);if(!a&&s&&s.message){await n.setState("error");await n.setError(s.message)}},editButtonClick:async(t,e)=>{const{configuration:n}=t.detail;e.schedulerConfigStore.state.selectedConfiguration=n;e.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),H("design:type",Function),H("design:paramtypes",[]),H("design:returntype",void 0)],S.prototype,"render",null);S.style=x;export{p as google_logo_icon,f as microsoft_logo_icon,w as nylas_editor_tabs,S as nylas_list_configurations};
+//# sourceMappingURL=p-1f290858.entry.js.map

package/dist/nylas-web-elements/p-1f290858.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconCss","GoogleLogoIconStyle0","GoogleLogoIcon","render","h","key","width","this","height","viewBox","fill","xmlns","d","id","MicrosoftLogoIconStyle0","MicrosoftLogoIcon","TabContents","formState","activeTab","calendars","currentUser","eventTitle","title","eventDescription","description","eventDuration","parseInt","duration","location","conferencing","slot","name","exportparts","eventDurationMinutes","eventLocation","eventConferencing","userProvider","provider","openHours","availability","timezone","Intl","DateTimeFormat","resolvedOptions","timeZone","participants","defaultTimezone","buffer","minBookingNotice","availableDaysInFuture","minCancellationNotice","cancellationPolicy","eventParticipants","additionalFields","Object","entries","map","field","additonalFields","nylasEditorTabsCss","NylasEditorTabsStyle0","NylasEditorTabs","setError","error","message","formSubmissionHandler","async","event","preventDefault","formSubmitted","emit","valid","formRef","checkValidity","validationMessage","isLoading","hasUnsavedChanges","updateFormState","bookingCalendar","bookingType","timeslotInterval","additionalGuestsHidden","hideCancellationOptions","hideReschedulingOptions","participantOpenHours","participantCalendars","participantBookingCalendars","organizer","selectedConfiguration","find","p","is_organizer","organizerCalendars","email","organizerBookingCalendar","booking","calendar_id","durationMinutes","participantsList","length","calendar_ids","open_hours","configObject","version","duration_minutes","interval_minutes","interval","round_to","roundTo","availability_rules","availability_method","before","after","default_open_hours","DEFAULT_OPEN_HOURS","round_robin_group_id","undefined","event_booking","toString","booking_type","scheduler","cancellation_policy","available_days_in_future","min_cancellation_notice","min_booking_notice","hide_additional_guests","hide_cancellation_options","hide_rescheduling_options","additional_fields","configObjectWithDeveloperSettings","mergeDeep","finalConfig","action","resetLoadingState","_e","changesSaved","setTimeout","hasError","checkForClientSideErrors","schedulerConfigChanged","config","errorMessage","forEach","entry","label","type","options","option","Error","configChangedHandler","newConfig","debug","getFormStateFromConfig","connectedCallback","componentWillLoad","componentDidLoad","disconnectedCallback","handleValueChanged","value","detail","setFormState","organizerParticipant","calendarIds","reduce","acc","JSON","parse","settings","formData","FormData","setActiveTab","e","tabName","hideTab","tab","hideEditorTabs","includes","Host","onSubmit","class","ref","el","noValidate","mode","active","hide","part","onClick","schedulerPreviewLink","disabled","clickHandler","previewEvent","previewButtonClicked","host","defaultPrevented","window","open","parsePreviewLink","variant","cancelButtonClick","__decorate","RegisterComponent","stateToProps","Map","eventToProps","nylasSchedulerConfigConnector","checkForErrors","response","data","schedulerConfig","updateConfiguration","createConfiguration","_","schedulerConfigStore","state","localPropsToProp","fireRegisterEvent","nylasListConfigurationsCss","NylasListConfigurationsStyle0","NylasListConfigurations","listConfigurationsNextCursorChangedHandler","newVal","oldVal","disableNextPageButton","currentCursor","configurations","initListConfigurations","handleNylasFormDropdownChanged","index","split","deleteButtonClick","configuration","navigator","clipboard","writeText","getState","setState","getDurationString","hours","Math","floor","minutes","getActionLabelHTML","actionStyle","display","alignItems","gap","dangerStyle","color","style","previousPageClickedHandler","previousCursors","pop","prevCursor","cursor","nextPageClickedHandler","createButtonClick","colSpan","i","editButtonClick","labelHTML","defaultSelectedOption","dropdownButtonText","withSearch","withChevron","connector","getConfigurations","resetSelectedConfiguration","deleteConfiguration"],"sources":["src/common/icons/icon.css?tag=google-logo-icon&encapsulation=scoped","src/common/icons/google-logo.tsx","src/common/icons/icon.css?tag=microsoft-logo-icon&encapsulation=scoped","src/common/icons/microsoft-logo.tsx","src/components/scheduler-editor/nylas-editor-tabs/tab-contents.tsx","src/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.scss?tag=nylas-editor-tabs&encapsulation=scoped","src/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.tsx","src/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.scss?tag=nylas-list-configurations&encapsulation=shadow","src/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'google-logo-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class GoogleLogoIcon {\n  @Prop() width: string = '24';\n  @Prop() height: string = '24';\n\n  render() {\n    // Spam icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_959_12452)\">\n          <path\n            d=\"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z\"\n            fill=\"#4285F4\"\n          />\n          <path\n            d=\"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z\"\n            fill=\"#34A853\"\n          />\n          <path\n            d=\"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z\"\n            fill=\"#FBBC05\"\n          />\n          <path\n            d=\"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z\"\n            fill=\"#EA4335\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_959_12452\">\n            <rect width={24} height={24} fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    );\n  }\n}\n",":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'microsoft-logo-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class MicrosoftLogoIcon {\n  @Prop() width: string = '22';\n  @Prop() height: string = '22';\n\n  render() {\n    // Spam icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z\" fill=\"#F35325\" />\n        <path d=\"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z\" fill=\"#81BC06\" />\n        <path d=\"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z\" fill=\"#05A6F0\" />\n        <path d=\"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z\" fill=\"#FFBA08\" />\n      </svg>\n    );\n  }\n}\n","import { AdditionalFields } from '@nylas/core';\nimport { h } from '@stencil/core';\n\nexport type TabContentsProps = {\n  id: string;\n  formState: any;\n  activeTab: string;\n  calendars?: any[];\n  currentUser?: any;\n};\n\nexport default function TabContents({ id, formState, activeTab, calendars, currentUser }: TabContentsProps) {\n  switch (activeTab) {\n    case 'eventInfo':\n      const eventTitle = formState.title;\n      const eventDescription = formState.description;\n      const eventDuration = parseInt(formState.duration);\n      const location = formState.location;\n      const conferencing = formState.conferencing;\n      return (\n        <div key={id}>\n          <nylas-event-info>\n            <div slot=\"inputs\">\n              <nylas-event-title name=\"title\" eventTitle={eventTitle} exportparts=\"net, net__title, net__dropdown-content\" />\n              <nylas-event-duration\n                name=\"duration\"\n                eventDurationMinutes={eventDuration}\n                exportparts=\"ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content\"\n              />\n              <nylas-event-location\n                name=\"location\"\n                eventLocation={location}\n                eventConferencing={conferencing}\n                userProvider={currentUser.provider}\n                exportparts=\"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content\"\n              />\n              <nylas-event-description name=\"description\" eventDescription={eventDescription} exportparts=\"nedesc, nedesc__textarea\" />\n            </div>\n          </nylas-event-info>\n        </div>\n      );\n    case 'availability':\n      const openHours = formState.availability.openHours;\n      const timezone = formState.availability.timezone ? formState.availability.timezone : Intl.DateTimeFormat().resolvedOptions().timeZone;\n      // const organizer = formState.participants?.find(p => p.is_organizer);\n      // const organizerEmail = organizer?.email ?? 'primary';\n      // const bookingCalendar = formState.bookingCalendar == 'primary' ? organizerEmail : formState.bookingCalendar;\n      return (\n        <div key={id}>\n          {/* <nylas-booking-calendar-picker\n            name=\"booking-calendar\"\n            calendars={calendars ?? []}\n            defaultBookingCalendar={bookingCalendar}\n            exportparts={'nbcp, nbcp__header, nbcp__input-label, nbcp__dropdown, nbcp__dropdown-button, nbcp__dropdown-content'}\n          /> */}\n          <nylas-participant-booking-calendars name=\"participant-booking-calendars\" participants={formState.participants} calendars={calendars} />\n          <nylas-connected-calendars name=\"connected-calendars\" participants={formState.participants} />\n          <nylas-availability-picker\n            name=\"availability\"\n            openHours={openHours}\n            defaultTimezone={timezone}\n            exportparts={\n              'nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times'\n            }\n          />\n        </div>\n      );\n    case 'bookingOptions':\n      return (\n        <div key={id}>\n          <nylas-buffer-time\n            name=\"buffer-time\"\n            buffer={formState.buffer}\n            exportparts={\n              'nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview'\n            }\n          />\n          {/* <nylas-custom-booking-flow\n            name=\"booking-type\"\n            bookingType={formState.bookingType}\n            exportparts={'ncbf, ncbf__header, ncbf__dropdown, ncbf__dropdown-button, ncbf__dropdown-content'}\n          /> */}\n          <nylas-event-limits>\n            <div slot=\"inputs\">\n              <nylas-min-booking-notice\n                name=\"min-booking-notice\"\n                minBookingNotice={formState.minBookingNotice}\n                exportparts=\"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content\"\n              />\n              <nylas-limit-future-bookings\n                name=\"limit-future-bookings\"\n                availableDaysInFuture={formState.availableDaysInFuture}\n                exportparts=\"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content\"\n              />\n              <nylas-min-cancellation-notice\n                name=\"min-cancellation-notice\"\n                minCancellationNotice={formState.minCancellationNotice}\n                exportparts=\"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content\"\n              />\n              <nylas-cancellation-policy name=\"cancellation-policy\" cancellationPolicy={formState.cancellationPolicy} exportparts=\"ncpolicy, ncpolicy__textarea\" />\n            </div>\n          </nylas-event-limits>\n          <nylas-timeslot-interval\n            name=\"timeslot-interval\"\n            eventDurationMinutes={parseInt(formState.duration)}\n            exportparts=\"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content\"\n          />\n          <nylas-customize-booking-settings\n            name=\"customize-booking-settings\"\n            exportparts=\"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options\"\n          />\n        </div>\n      );\n    case 'participants':\n      return (\n        <div key={id}>\n          <nylas-additional-participants\n            name=\"participants\"\n            eventParticipants={formState.participants}\n            exportparts=\"nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant\"\n          />\n          <nylas-participants-custom-availability\n            name=\"participant-custom-availability\"\n            participants={formState.participants}\n            exportparts=\"npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider\"\n          />\n        </div>\n      );\n    case 'bookingForm':\n      const additionalFields = Object.entries(formState.additionalFields).map(([id, field]) => ({ key: id, ...(field as AdditionalFields) }));\n      return (\n        <div key={id}>\n          <nylas-booking-form-config name=\"additional-fields\" additonalFields={additionalFields} />\n        </div>\n      );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/buttons.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.scheduler-editor {\n  display: flex;\n  flex-direction: column;\n\n  .form-contents {\n    height: 554px;\n    display: grid;\n    grid-template-columns: minmax(224px, 25%) 1fr;\n\n    @media #{$mobile} {\n      display: table-column-group;\n      height: auto;\n    }\n\n    .tabs {\n      display: flex;\n      flex-direction: column;\n      border-right: 1px solid var(--nylas-base-200);\n      background-color: var(--nylas-base-25);\n\n      .tab {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.5rem 1rem;\n        color: var(--nylas-base-900);\n        background: var(--nylas-base-0);\n        border: none;\n        height: 56px;\n        font-family: var(--nylas-font-family);\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 24px;\n        cursor: pointer;\n\n        &:not(:first-of-type) {\n          margin-top: 0.25rem;\n        }\n\n        &.active {\n          font-weight: 600;\n          background: var(--nylas-base-0);\n          color: var(--nylas-primary);\n          border-left: 4px solid var(--nylas-primary);\n          box-shadow: 0px 1px 2px 0px #0000000f;\n          box-shadow: 0px 1px 3px 0px #0000001a;\n        }\n\n        &.hide {\n          display: none;\n        }\n      }\n    }\n\n    .tab-content {\n      max-width: 692px;\n      overflow-y: auto;\n\n      nylas-event-info,\n      nylas-event-limits {\n        width: inherit;\n\n        div[slot='inputs'] {\n          display: flex;\n          flex-direction: column;\n          gap: 1rem;\n        }\n      }\n    }\n  }\n}\n\n.footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n  min-height: 80px;\n  padding: 0 1rem;\n  border-top: 1px solid var(--nylas-base-200);\n\n  @media #{$mobile} {\n    flex-direction: column;\n    height: auto;\n  }\n\n  .preview {\n    @media #{$mobile} {\n      margin-top: 1rem;\n      width: 100%;\n    }\n  }\n\n  .buttons {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    justify-self: flex-end;\n    gap: 1rem;\n\n    @media #{$mobile} {\n      flex-direction: column-reverse;\n      width: 100%;\n    }\n\n    p {\n      max-width: 524px;\n\n      &.unsaved-changes {\n        color: var(--nylas-base-600);\n      }\n\n      &.saved-changes {\n        color: var(--nylas-success);\n      }\n\n      &.error {\n        color: var(--nylas-error);\n      }\n\n      &.error-full-width {\n        max-width: 660px;\n      }\n    }\n\n    button-component {\n      @media #{$mobile} {\n        width: 100%;\n      }\n    }\n\n    button {\n      @include primary-button;\n      width: 148px;\n\n      span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n      }\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, mergeDeep, parsePreviewLink } from '@/utils/utils';\nimport { AdditionalFields, BookingType, Calendar, Conference, Configuration, OpenHours, Participant } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport TabContents from './tab-contents';\nimport { User } from '@/common/nylas-api-request';\nimport { DEFAULT_OPEN_HOURS } from '@/common/constants';\nimport { DataResponseReturnType } from '@/common/types';\n\ntype SchedulerEventDetail = {\n  config: Partial<Configuration>;\n  action: 'create' | 'edit';\n  resetLoadingState?: (e: CustomEvent) => void;\n  setError?: (error: Error) => void;\n};\n\n/**\n * The `nylas-editor-tabs` component is a UI component that displays the editor tabs for the scheduler editor.\n * @part nap__title - [nylas-additional-participants] The title of the component.\n * @part nap__subtitle - [nylas-additional-participants] The subtitle of the component.\n * @part nap__content - [nylas-additional-participants] The content of the component.\n * @part nap__input - [nylas-additional-participants] The input of the component.\n * @part nap__remove-participant - [nylas-additional-participants] The remove participant button of the component.\n * @part nap__add-participant - [nylas-additional-participants] The add participant button of the component.\n * @part nap__header - [nylas-availability-picker] The header of the availability picker\n * @part nap__select-timezone - [nylas-availability-picker] The timezone selection container\n * @part nap__select-timezone-button -[nylas-availability-picker]  The timezone selection button\n * @part nap__select-timezone-dropdown-content -[nylas-availability-picker] The timezone selection dropdown content\n * @part nap__availability - [nylas-availability-picker] The availability container\n * @part nap__day - [nylas-availability-picker] The day container\n * @part nap__time-ranges - [nylas-availability-picker] The time ranges container\n * @part nap__time-range - [nylas-availability-picker] The time range container\n * @part nap__add-time-range - [nylas-availability-picker] The add time range button\n * @part nap__time-picker-container -[nylas-availability-picker]  The time picker container\n * @part nap__time-picker-input - [nylas-availability-picker]  The time picker input\n * @part nap__time-picker-times - [nylas-availability-picker] The time picker times\n * @part nbcp - [nylas-booking-calendar-picker] The booking calendar picker container\n * @part nbcp__header - [nylas-booking-calendar-picker] The header of the booking calendar picker\n * @part nbcp__input-label - [nylas-booking-calendar-picker] The input label of the booking calendar picker\n * @part nbcp__dropdown - [nylas-booking-calendar-picker] The dropdown container\n * @part nbcp__dropdown-button - [nylas-booking-calendar-picker] The dropdown button\n * @part nbcp__dropdown-content - [nylas-booking-calendar-picker] The dropdown content\n * @part nbt - [nylas-buffer-time] The buffer time container\n * @part nbt__header - [nylas-buffer-time] The header of the buffer time\n * @part nbt__body - [nylas-buffer-time] The body of the buffer time\n * @part nbt__dropdown-before - [nylas-buffer-time] The before buffer dropdown container\n * @part nbt__dropdown-button-before - [nylas-buffer-time] The before buffer dropdown button\n * @part nbt__dropdown-content-before - [nylas-buffer-time] The before buffer dropdown content\n * @part nbt__dropdown-after - [nylas-buffer-time] The after buffer dropdown container\n * @part nbt__dropdown-button-after - [nylas-buffer-time] The after buffer dropdown button\n * @part nbt__dropdown-content-after - [nylas-buffer-time] The after buffer dropdown content\n * @part nbt__preview - [nylas-buffer-time] The buffer time preview\n * @part ncp - [nylas-calendar-picker] The calendar picker container\n * @part ncp__header - [nylas-calendar-picker] The header of the calendar picker\n * @part ncp__dropdown - [nylas-calendar-picker] The dropdown container\n * @part ncp__dropdown-button - [nylas-calendar-picker] The dropdown button\n * @part ncp__dropdown-content - [nylas-calendar-picker] The dropdown content\n * @part ncbf - [nylas-custom-booking-flow] The custom booking flow container\n * @part ncbf__header - [nylas-custom-booking-flow] The header of the custom booking flow\n * @part ncbf__dropdown - [nylas-custom-booking-flow] The dropdown container\n * @part ncbf__dropdown-button - [nylas-custom-booking-flow] The dropdown button\n * @part ncbf__dropdown-content - [nylas-custom-booking-flow] The dropdown content\n * @part nedesc - [nylas-event-description] The event description container\n * @part nedesc__textarea - [nylas-event-description] The event description textarea\n * @part ned - [nylas-event-duration] The event duration container\n * @part ned__dropdown - [nylas-event-duration] The dropdown container for the duration increment\n * @part ned__dropdown-button - [nylas-event-duration] The dropdown button for the duration increment\n * @part ned__dropdown-content - [nylas-event-duration] The dropdown content for the duration increment\n * @part ned__input_dropdown - [nylas-event-duration] The input dropdown container for the duration minutes\n * @part ned__input_dropdown-input - [nylas-event-duration] The input for the duration minutes\n * @part ned__input_dropdown-content - [nylas-event-duration] The dropdown content for the input duration minutes\n * @part net - [nylas-event-title] The event title container\n * @part net__title - [nylas-event-title] The event title input\n * @part net__dropdown-content - [nylas-event-title] The token options container\n * @part nlfb - [nylas-limit-future-bookings] The limit future bookings container\n * @part nlfb__number-dropdown - [nylas-limit-future-bookings] The number dropdown container\n * @part nlfb__number-dropdown-button - [nylas-limit-future-bookings] The number dropdown button\n * @part nlfb__number-dropdown-content - [nylas-limit-future-bookings] The number dropdown content\n * @part nlfb__period-dropdown - [nylas-limit-future-bookings] The period dropdown container\n * @part nlfb__period-dropdown-button - [nylas-limit-future-bookings] The period dropdown button\n * @part nlfb__period-dropdown-content - [nylas-limit-future-bookings] The period dropdown content\n * @part nel - [nylas-event-location] The event location container\n * @part nel__location - [nylas-event-location] The event location input\n * @part nel__dropdown - [nylas-event-location] The dropdown container\n * @part nel__dropdown-button - [nylas-event-location] The dropdown button\n * @part nel__dropdown-content - [nylas-event-location] The dropdown content\n * @part nmbn - [nylas-min-booking-notice] The minimum booking notice container\n * @part nmbn__number-dropdown - [nylas-min-booking-notice] The number dropdown container\n * @part nmbn__number-dropdown-button - [nylas-min-booking-notice] The number dropdown button\n * @part nmbn__number-dropdown-content -[nylas-min-booking-notice] The number dropdown content\n * @part nmbn__period-dropdown - [nylas-min-booking-notice] The period dropdown container\n * @part nmbn__period-dropdown-button - [nylas-min-booking-notice] The period dropdown button\n * @part nmbn__period-dropdown-content - [nylas-min-booking-notice] The period dropdown content\n * @part nmcn - [nylas-min-cancellation-notice] The minimum cancellation notice container\n * @part nmcn__number-dropdown - [nylas-min-cancellation-notice] The number dropdown container\n * @part nmcn__number-dropdown-button - [nylas-min-cancellation-notice] The number dropdown button\n * @part nmcn__number-dropdown-content - [nylas-min-cancellation-notice] The number dropdown content\n * @part nmcn__period-dropdown - [nylas-min-cancellation-notice] The period dropdown container\n * @part nmcn__period-dropdown-button - [nylas-min-cancellation-notice] The period dropdown button\n * @part nmcn__period-dropdown-content - [nylas-min-cancellation-notice] The period dropdown content\n * @part ncpolicy - [nylas-cancellation-policy] The cancellation policy container\n * @part ncpolicy__textarea - [nylas-cancellation-policy] The cancellation policy textarea\n * @part nti - [nylas-timeslot-interval] The timeslot interval container\n * @part nti__header - [nylas-timeslot-interval] The header of the timeslot interval picker\n * @part nti__input-label - [nylas-timeslot-interval] The input label of the timeslot interval picker\n * @part nti__dropdown - [nylas-timeslot-interval] The dropdown container\n * @part nti__dropdown-button - [nylas-timeslot-interval] The dropdown button\n * @part nti__dropdown-content - [nylas-timeslot-interval] The dropdown content\n * @part npca - [nylas-participants-custom-availability] The participants custom availability container\n * @part npca__header - [nylas-participants-custom-availability] The header of the participants custom availability\n * @part npca__content - [nylas-participants-custom-availability] The content of the participants custom availability\n * @part npca__participant-container - [nylas-participants-custom-availability] The participant container\n * @part npca__participant-title - [nylas-participants-custom-availability] The participant title\n * @part npca__participant-toggle--container - [nylas-participants-custom-availability] The participant toggle container\n * @part npca__toggle-label - [nylas-participants-custom-availability] The toggle label\n * @part npca__toggle-input - [nylas-participants-custom-availability] The toggle input\n * @part npca__toggle-slider - [nylas-participants-custom-availability] The toggle slider\n * @part ncbs - [nylas-customize-booking-settings] The booking calendar picker container\n * @part ncbs__header - [nylas-customize-booking-settings] The header of the booking calendar picker\n * @part ncbs__settings - [nylas-customize-booking-settings] The settings container\n * @part ncbs__settings-div - [nylas-customize-booking-settings] The div inside the settings container that contains the checkbox and tooltip for each setting\n * @part ncbs__additional_guests - [nylas-customize-booking-settings] The additional guests setting\n * @part ncbs__cancellation_options - [nylas-customize-booking-settings] The cancellation options setting\n * @part ncbs__rescheduling_options - [nylas-customize-booking-settings] The rescheduling options setting\n */\n@Component({\n  tag: 'nylas-editor-tabs',\n  styleUrl: 'nylas-editor-tabs.scss',\n  scoped: true,\n})\nexport class NylasEditorTabs {\n  /**\n   * The form reference to access the form data.\n   */\n  private formRef!: HTMLFormElement;\n  /**\n   * The host element.\n   */\n  @Element() host!: HTMLNylasEditorTabsElement;\n  /**\n   * The list of calendars to use in the editor when configuring availability.\n   */\n  @Prop() calendars?: Calendar[];\n  /**\n   * The selected configuration to use in the editor when editing an existing configuration or creating a new one.\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * The current logged in user.\n   */\n  @Prop() currentUser?: User;\n  /**\n   * The scheduler preview link to use when the user clicks on the preview button.\n   * You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.\n   */\n  @Prop({ attribute: 'scheduler-preview-link' }) schedulerPreviewLink: string = '';\n  /**\n   * The mode of the editor.\n   * - `app`: The editor is used as a standalone app.\n   * - `composable`: The editor is used as a composable component.\n   */\n  @Prop() mode?: 'app' | 'composable' = 'app';\n\n  /**\n   * This optional prop is used to hide tabs in the editor. Available tabs are:\n   * eventInfo, availability, participants, bookingOptions, bookingForm\n   */\n  @Prop() hideEditorTabs?: string[] = [];\n\n  /**\n   * The action to perform in the editor.\n   * - `create`: Create a new configuration.\n   * - `edit`: Edit an existing configuration.\n   */\n  @State() action: 'create' | 'edit' = 'create';\n  /**\n   * The active tab in the editor.\n   */\n  @State() activeTab: string = 'eventInfo';\n  /**\n   * The loading state of the editor.\n   */\n  @State() isLoading: boolean = false;\n  /**\n   * The unsaved changes state of the editor.\n   */\n  @State() hasUnsavedChanges: boolean = false;\n  /**\n   * The changes saved state of the editor.\n   */\n  @State() changesSaved: boolean = false;\n  /**\n   * The form state of the editor.\n   */\n  @State() formState: Partial<{\n    title: string;\n    description: string;\n    duration: string;\n    availability?: {\n      timezone: string;\n      openHours?: OpenHours[];\n    };\n    additionalFields?: Record<string, AdditionalFields>;\n    calendarIds: string[];\n    participantCalendars?: { [key: string]: string[] };\n    participants?: Participant[];\n    participantOpenHours?: { [key: string]: OpenHours[] };\n    participantBookingCalendars?: { [key: string]: string };\n    bookingCalendar?: string;\n    location?: string;\n    conferencing?: Conference;\n    bookingType?: string;\n    buffer?: { before: number; after: number };\n    cancellationPolicy?: string;\n    availableDaysInFuture?: number;\n    minCancellationNotice?: number;\n    minBookingNotice?: number;\n    timeslotInterval?: {\n      interval?: number;\n      roundTo?: number;\n    };\n    additionalGuestsHidden?: boolean;\n    hideCancellationOptions?: boolean;\n    hideReschedulingOptions?: boolean;\n  }> = {};\n  /**\n   * The error state of the editor.\n   */\n  @State() error?: string = '';\n  /**\n   * Event emitted when the configuration is changed. This fires for both create and edit actions.\n   */\n  @Event() schedulerConfigChanged!: EventEmitter<SchedulerEventDetail>;\n  /**\n   * Event emitted when the user clicks the cancel button.\n   */\n  @Event() cancelButtonClick!: EventEmitter<void>;\n  /**\n   * Event emitted on form submission.\n   */\n  @Event() formSubmitted!: EventEmitter<void>;\n  /**\n   * Event emitted when the user clicks the preview button.\n   */\n  @Event() previewButtonClicked!: EventEmitter<HTMLNylasEditorTabsElement>;\n\n  @Watch('selectedConfiguration')\n  configChangedHandler(newConfig: Configuration) {\n    debug('[nylas-editor-tabs]', 'configChangedHandler', newConfig, this.selectedConfiguration);\n    this.formState = {\n      ...this.getFormStateFromConfig(newConfig),\n    };\n\n    if (newConfig.id) {\n      this.action = 'edit';\n    } else {\n      this.action = 'create';\n    }\n  }\n\n  connectedCallback() {\n    debug('[nylas-editor-tabs]', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('[nylas-editor-tabs]', 'componentWillLoad');\n    this.formState = this.getFormStateFromConfig(this.selectedConfiguration);\n  }\n\n  componentDidLoad() {\n    debug('[nylas-editor-tabs]', 'componentDidLoad');\n  }\n\n  disconnectedCallback() {\n    debug('[nylas-editor-tabs]', 'disconnectedCallback');\n  }\n\n  @Listen('valueChanged')\n  handleValueChanged(event: CustomEvent) {\n    debug('[nylas-editor-tabs]', 'handleValueChanged', event);\n    const { name, value } = event.detail;\n    this.setFormState(value, name);\n    this.formState = { ...this.formState };\n    this.hasUnsavedChanges = true;\n    this.error = '';\n  }\n\n  getFormStateFromConfig(config?: Configuration) {\n    const organizerParticipant = config?.participants?.find(p => p.is_organizer);\n    return {\n      title: config?.event_booking?.title ?? '',\n      description: config?.event_booking?.description ?? '',\n      duration: config?.availability?.duration_minutes?.toString() ?? '30',\n      availability: {\n        timezone: config?.event_booking?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,\n        openHours: config?.availability?.availability_rules?.default_open_hours ?? DEFAULT_OPEN_HOURS,\n      },\n      additionalFields: config?.scheduler?.additional_fields ?? {},\n      conferencing: config?.event_booking?.conferencing ?? {},\n      calendarIds: organizerParticipant?.availability?.calendar_ids ?? [],\n      participants: config?.participants ?? [],\n      bookingCalendar: organizerParticipant?.booking?.calendar_id ?? organizerParticipant?.email ?? '',\n      location: config?.event_booking?.location ?? '',\n      bookingType: config?.event_booking?.booking_type ?? 'booking',\n      buffer: config?.availability?.availability_rules?.buffer ?? { before: 0, after: 0 },\n      cancellationPolicy: config?.scheduler?.cancellation_policy ?? '',\n      availableDaysInFuture: config?.scheduler?.available_days_in_future ?? 30,\n      minCancellationNotice: config?.scheduler?.min_cancellation_notice ?? 0,\n      minBookingNotice: config?.scheduler?.min_booking_notice ?? 60,\n      timeslotInterval: {\n        interval: config?.availability?.interval_minutes ?? config?.availability?.duration_minutes,\n        roundTo: config?.availability?.round_to,\n      },\n      additionalGuestsHidden: config?.scheduler?.hide_additional_guests ?? false,\n      hideCancellationOptions: config?.scheduler?.hide_cancellation_options ?? false,\n      hideReschedulingOptions: config?.scheduler?.hide_rescheduling_options ?? false,\n      participantBookingCalendars:\n        config?.participants?.reduce((acc, p) => {\n          if (p.booking?.calendar_id) {\n            acc[p.email] = p.booking?.calendar_id;\n          }\n          return acc;\n        }) ?? {},\n      participantCalendars:\n        config?.participants?.reduce((acc, p) => {\n          acc[p.email] = p.availability?.calendar_ids;\n          return acc;\n        }, {}) ?? {},\n    };\n  }\n\n  setFormState(value, key) {\n    switch (key) {\n      case 'title':\n        this.formState.title = value.toString();\n        break;\n      case 'description':\n        this.formState.description = value.toString();\n        break;\n      case 'duration':\n        this.formState.duration = value.toString();\n        break;\n      case 'availability':\n        this.formState.availability = JSON.parse(value.toString());\n        break;\n      case 'participants':\n        this.formState.participants = JSON.parse(value.toString());\n        break;\n      case 'booking-calendar':\n        this.formState.bookingCalendar = value.toString();\n        break;\n      case 'participant-booking-calendars':\n        this.formState.participantBookingCalendars = JSON.parse(value.toString());\n        break;\n      case 'location':\n        this.formState.location = value.toString();\n        break;\n      case 'conference':\n        this.formState.conferencing = JSON.parse(value.toString());\n        break;\n      case 'booking-type':\n        this.formState.bookingType = value.toString();\n        break;\n      case 'buffer-time':\n        this.formState.buffer = JSON.parse(value.toString());\n        break;\n      case 'limit-future-bookings':\n        this.formState.availableDaysInFuture = parseInt(value.toString());\n        break;\n      case 'min-cancellation-notice':\n        this.formState.minCancellationNotice = parseInt(value.toString());\n        break;\n      case 'min-booking-notice':\n        this.formState.minBookingNotice = parseInt(value.toString());\n        break;\n      case 'cancellation-policy':\n        this.formState.cancellationPolicy = value.toString();\n        break;\n      case 'timeslot-interval':\n        this.formState.timeslotInterval = JSON.parse(value.toString());\n        break;\n      case 'customize-booking-settings':\n        const settings = JSON.parse(value.toString());\n        this.formState.additionalGuestsHidden = settings.additionalGuestsHidden;\n        this.formState.hideCancellationOptions = settings.hideCancellationOptions;\n        this.formState.hideReschedulingOptions = settings.hideReschedulingOptions;\n        break;\n      case 'participant-custom-availability':\n        const participantOpenHours = JSON.parse(value.toString());\n        this.formState.participantOpenHours = participantOpenHours;\n        break;\n      case 'additional-fields':\n        this.formState.additionalFields = value;\n        break;\n      case 'connected-calendars':\n        this.formState.participantCalendars = JSON.parse(value.toString());\n        break;\n    }\n  }\n\n  updateFormState() {\n    const formData = new FormData(this.formRef);\n    formData.forEach((value, key) => {\n      this.setFormState(value, key);\n    });\n\n    this.formState = { ...this.formState };\n    return this.formState;\n  }\n\n  setActiveTab(e: Event, tabName: string) {\n    e.preventDefault();\n    this.updateFormState();\n    this.activeTab = tabName;\n  }\n\n  setError = (error: Error) => {\n    this.error = error.message;\n  };\n\n  formSubmissionHandler = async (event: Event) => {\n    event.preventDefault();\n    this.formSubmitted.emit();\n    const valid = this.formRef.checkValidity();\n    if (!valid) {\n      this.error = this.formRef.validationMessage || 'Please fix the form errors.';\n      return;\n    }\n    this.isLoading = true;\n    this.hasUnsavedChanges = false;\n    const formState = this.updateFormState();\n    const {\n      title,\n      description,\n      duration,\n      availability,\n      bookingCalendar,\n      location,\n      bookingType,\n      buffer,\n      availableDaysInFuture,\n      minCancellationNotice,\n      minBookingNotice,\n      cancellationPolicy,\n      timeslotInterval,\n      additionalGuestsHidden,\n      hideCancellationOptions,\n      hideReschedulingOptions,\n      participants,\n      participantOpenHours,\n      additionalFields,\n      participantCalendars,\n      conferencing,\n      participantBookingCalendars,\n    } = formState;\n    const organizer = this.selectedConfiguration?.participants?.find(p => p.is_organizer);\n    const organizerCalendars = participantCalendars && organizer?.email ? participantCalendars[organizer?.email] : [];\n    const organizerBookingCalendar = organizer?.booking?.calendar_id || bookingCalendar;\n    const durationMinutes = duration ? parseInt(duration) : 30;\n\n    const participantsList =\n      participants && participants?.length > 0\n        ? participants\n        : [\n            {\n              name: organizer?.name ?? this.currentUser?.name ?? '',\n              email: organizer?.email ?? this.currentUser?.email ?? '',\n              is_organizer: true,\n              timezone: availability?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,\n              availability: {\n                calendar_ids: organizerCalendars.length ? organizerCalendars : ['primary'],\n                open_hours: [],\n              },\n              booking: {\n                calendar_id: bookingCalendar && bookingCalendar !== '' ? bookingCalendar : 'primary',\n              },\n            },\n          ];\n    const configObject: Partial<Configuration> = {\n      ...(this.selectedConfiguration?.id && { id: this.selectedConfiguration.id }),\n      version: this.selectedConfiguration?.version ?? '1.0.0',\n      availability: {\n        duration_minutes: durationMinutes,\n        interval_minutes: timeslotInterval?.interval ?? durationMinutes,\n        round_to: timeslotInterval?.roundTo,\n        availability_rules: {\n          availability_method: this.selectedConfiguration?.availability?.availability_rules?.availability_method ?? 'collective',\n          buffer: buffer || { before: 0, after: 0 },\n          default_open_hours: availability?.openHours ?? this.selectedConfiguration?.availability?.availability_rules?.default_open_hours ?? DEFAULT_OPEN_HOURS,\n          round_robin_group_id: this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id ?? '',\n        },\n      },\n      participants: [\n        ...participantsList?.map(p => {\n          if (p.is_organizer) {\n            return {\n              name: p.name ?? '',\n              email: p.email,\n              is_organizer: true,\n              timezone: participantOpenHours?.[p.email]?.[0]?.timezone ?? p.availability?.open_hours?.[0]?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,\n              availability: {\n                calendar_ids: organizerCalendars.length ? organizerCalendars : ['primary'],\n                open_hours: participantOpenHours?.[p.email] ?? p.availability?.open_hours ?? [],\n              },\n              booking: {\n                calendar_id: organizerBookingCalendar ? organizerBookingCalendar : 'primary',\n              },\n            };\n          }\n          return {\n            ...p,\n            timezone: participantOpenHours?.[p.email]?.[0]?.timezone ?? p.availability?.open_hours?.[0]?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,\n            availability: p.availability\n              ? {\n                  calendar_ids: participantCalendars?.[p.email] ?? p.availability?.calendar_ids ?? ['primary'],\n                  open_hours: participantOpenHours?.[p.email] ?? p.availability?.open_hours ?? [],\n                }\n              : undefined,\n            booking: participantBookingCalendars?.[p.email] ? { calendar_id: participantBookingCalendars?.[p.email] } : undefined,\n          };\n        }),\n      ],\n      event_booking: {\n        title: title?.toString() ?? '',\n        description: description?.toString() ?? '',\n        location: location?.toString() ?? '',\n        booking_type: (bookingType?.toString() as BookingType) ?? 'booking',\n        timezone: availability?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,\n        conferencing: conferencing,\n      },\n      scheduler: {\n        cancellation_policy: cancellationPolicy ?? '',\n        available_days_in_future: availableDaysInFuture ?? 30,\n        min_cancellation_notice: minCancellationNotice ?? 0,\n        min_booking_notice: minBookingNotice ?? 60,\n        hide_additional_guests: additionalGuestsHidden ?? false,\n        hide_cancellation_options: hideCancellationOptions ?? false,\n        hide_rescheduling_options: hideReschedulingOptions ?? false,\n        additional_fields: additionalFields,\n      },\n    };\n\n    const configObjectWithDeveloperSettings = mergeDeep(configObject, this.selectedConfiguration);\n\n    const finalConfig = this.action === 'create' ? configObjectWithDeveloperSettings : configObject;\n\n    const resetLoadingState = (_e: CustomEvent) => {\n      this.isLoading = false;\n      this.changesSaved = true;\n      setTimeout(() => {\n        this.changesSaved = false;\n      }, 5000);\n    };\n    const hasError = this.checkForClientSideErrors(finalConfig);\n    if (hasError) {\n      return;\n    }\n    this.schedulerConfigChanged.emit({ config: finalConfig, resetLoadingState, setError: this.setError, action: this.action });\n  };\n\n  checkForClientSideErrors = config => {\n    // Check additional Fields in config\n    let hasError = false;\n    let errorMessage = '';\n    const additionalFields = config.scheduler?.additional_fields;\n    if (additionalFields) {\n      errorMessage = 'Booking form error: ';\n      Object.entries(additionalFields).forEach(entry => {\n        const field = entry[1] as AdditionalFields;\n        if (field.label === '') {\n          errorMessage += `Label is required for field of type ${field.type}.`;\n          hasError = true;\n          return;\n        }\n        if (field.options) {\n          for (const option of field.options) {\n            if (option === '') {\n              errorMessage += `Empty option detected inside ${field.label} of type ${field.type}.`;\n              hasError = true;\n              break;\n            }\n          }\n        }\n      });\n    }\n    if (hasError) {\n      this.isLoading = false;\n      this.setError(new Error(errorMessage));\n    }\n    return hasError;\n  };\n\n  hideTab(tab: string) {\n    return this.hideEditorTabs?.includes(tab) || false;\n  }\n\n  @RegisterComponent<NylasEditorTabs, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-editor-tabs',\n    stateToProps: new Map([\n      ['schedulerConfig.calendars', 'calendars'],\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.currentUser', 'currentUser'],\n      ['schedulerConfig.hideEditorTabs', 'hideEditorTabs'],\n    ]),\n    eventToProps: {\n      schedulerConfigChanged: async (event: CustomEvent<SchedulerEventDetail>, nylasSchedulerConfigConnector: NylasSchedulerConfigConnector) => {\n        const { resetLoadingState, setError, action, config } = event.detail;\n\n        const checkForErrors = (response: DataResponseReturnType) => {\n          const [data, error] = response;\n          if (!data && error && setError) {\n            setError(error as Error);\n          }\n          if (resetLoadingState) {\n            resetLoadingState(event);\n          }\n        };\n\n        // If we have an ID, we are updating an existing configuration\n        if (action === 'edit') {\n          const response = await nylasSchedulerConfigConnector.schedulerConfig.updateConfiguration(config);\n          checkForErrors(response);\n        } else {\n          const response = await nylasSchedulerConfigConnector.schedulerConfig.createConfiguration(config);\n          checkForErrors(response);\n        }\n      },\n      cancelButtonClick: async (_, nylasSchedulerConfigConnector) => {\n        nylasSchedulerConfigConnector.schedulerConfigStore.state.action = null;\n      },\n      previewButtonClicked: async (_, nylasSchedulerConfigConnector) => {\n        debug('[nylas-editor-tabs]', 'previewButtonClicked', nylasSchedulerConfigConnector);\n      },\n      formSubmitted: async (_, nylasSchedulerConfigConnector) => {\n        debug('[nylas-editor-tabs]', 'formSubmitted', nylasSchedulerConfigConnector);\n      },\n    },\n    localPropsToProp: new Map([['schedulerPreviewLink', 'schedulerPreviewLink']]),\n    fireRegisterEvent: true,\n  })\n  render() {\n    debug('[nylas-editor-tabs]', 'render', this.formState);\n    // TODO: Remove this check when the feature is ready to be released\n    // const showInDevelopmentTabs = localStorage.getItem('nylas') === 'Nylas Developer';\n    return (\n      <Host>\n        <form onSubmit={this.formSubmissionHandler} class=\"scheduler-editor\" ref={el => (this.formRef = el as HTMLFormElement)} noValidate>\n          {this.mode === 'app' ? (\n            <div class=\"form-contents\">\n              <div class=\"tabs\">\n                <button\n                  class={{ tab: true, active: this.activeTab == 'eventInfo', hide: this.hideTab('eventInfo') }}\n                  part=\"editortab__event-info\"\n                  onClick={e => this.setActiveTab(e, 'eventInfo')}\n                >\n                  <calendar-info-icon width=\"16\" height=\"16\" />\n                  Event info\n                </button>\n                <button\n                  class={{ tab: true, active: this.activeTab == 'availability', hide: this.hideTab('availability') }}\n                  part=\"editortab__availability\"\n                  onClick={e => this.setActiveTab(e, 'availability')}\n                >\n                  <calendar-patterns-icon width=\"16\" height=\"16\" />\n                  Availability\n                </button>\n                <button\n                  class={{ tab: true, active: this.activeTab == 'participants', hide: this.hideTab('participants') }}\n                  part=\"editortab__participants\"\n                  onClick={e => this.setActiveTab(e, 'participants')}\n                >\n                  <people-icon width=\"16\" height=\"16\" />\n                  Participants\n                </button>\n                <button\n                  class={{ tab: true, active: this.activeTab == 'bookingOptions', hide: this.hideTab('bookingOptions') }}\n                  part=\"editortab__booking-options\"\n                  onClick={e => this.setActiveTab(e, 'bookingOptions')}\n                >\n                  <flow-icon width=\"16\" height=\"16\" />\n                  Booking options\n                </button>\n                <button\n                  class={{ tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab('bookingForm') }}\n                  part=\"editortab__booking-form\"\n                  onClick={e => this.setActiveTab(e, 'bookingForm')}\n                >\n                  {this.activeTab == 'bookingForm' ? <calendar-agenda-fill-icon width=\"16\" height=\"16\" /> : <calendar-agenda-icon width=\"16\" height=\"16\" />}\n                  Booking form\n                </button>\n              </div>\n              <div class=\"tab-content\">\n                <TabContents\n                  formState={this.formState}\n                  activeTab={this.activeTab}\n                  currentUser={this.currentUser}\n                  calendars={this.calendars}\n                  id={this.selectedConfiguration?.id ?? 'new'}\n                />\n              </div>\n            </div>\n          ) : (\n            <slot></slot>\n          )}\n\n          <div class=\"footer\">\n            <div class=\"preview\">\n              {this.schedulerPreviewLink !== '' && this.action === 'edit' && (\n                <button-component\n                  type=\"button\"\n                  disabled={this.isLoading}\n                  clickHandler={event => {\n                    event.preventDefault();\n                    const previewEvent = this.previewButtonClicked.emit(this.host);\n                    if (!previewEvent.defaultPrevented) {\n                      window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');\n                    }\n                  }}\n                  variant={'basic'}\n                >\n                  Preview\n                </button-component>\n              )}\n            </div>\n            <div class=\"buttons\">\n              <p\n                class={{\n                  'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,\n                  'saved-changes': this.changesSaved,\n                  'error': this.error !== '',\n                  'error-full-width': this.error !== '' && this.action === 'create',\n                }}\n              >\n                {this.error !== '' ? this.error : ''}\n                {this.error == '' && this.hasUnsavedChanges && !this.changesSaved ? 'Unsaved changes' : this.error == '' && this.changesSaved ? 'Changes saved!' : ''}\n              </p>\n              <button-component\n                type=\"button\"\n                disabled={this.isLoading}\n                clickHandler={event => {\n                  event.preventDefault();\n                  this.cancelButtonClick.emit();\n                  this.error = '';\n                }}\n                variant={'basic'}\n              >\n                Back\n              </button-component>\n              <button-component type=\"submit\" disabled={this.isLoading}>\n                {this.isLoading ? (\n                  <span>\n                    Saving\n                    <loading-icon />{' '}\n                  </span>\n                ) : this.action == 'create' ? (\n                  'Create'\n                ) : (\n                  'Save changes'\n                )}\n              </button-component>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/buttons.scss';\n\n:host {\n  display: grid;\n  grid-auto-flow: row;\n  width: 100%;\n  font-family: inherit;\n  font-optical-sizing: auto;\n  @include default-css-variables;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n  gap: 1rem;\n\n  @media #{$mobile} {\n    flex-direction: column;\n    gap: 0.5rem;\n    align-items: unset;\n  }\n\n  h2 {\n    margin: 0;\n    font-size: 1.25rem;\n    color: var(--nylas-base-900);\n    font-weight: 600;\n  }\n\n  p {\n    margin: 0;\n    font-size: 1rem;\n    color: var(--nylas-base-700);\n  }\n\n  .actions {\n    justify-self: end;\n\n    @media #{$mobile} {\n      width: 100%;\n    }\n  }\n}\n\n.configurations {\n  border: 1px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius-2x);\n  background: var(--nylas-base-0);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-y: auto;\n\n  table {\n    width: 100%;\n    border-spacing: 0;\n    border-collapse: collapse;\n    font-family: inherit;\n    height: max-content;\n\n    &.no-configurations {\n      height: 100%;\n    }\n\n    tr {\n      color: var(--nylas-base-800);\n      border-bottom: 1px solid var(--nylas-base-200);\n      font-family: inherit;\n\n      &.hide {\n        display: none;\n      }\n    }\n\n    th {\n      font-weight: 600;\n      text-transform: uppercase;\n      font-size: 14px;\n      line-height: 20px;\n\n      &.actions-header {\n        text-align: right;\n      }\n    }\n\n    tr.no-configurations {\n      td {\n        >div {\n          display: flex;\n          height: 100%;\n          justify-content: center;\n          align-items: center;\n          flex-direction: column;\n\n          padding: var(--nylas-border-radius-3x);\n\n          h3 {\n            margin: 0 0 1rem 0;\n            color: var(--nylas-base-700);\n          }\n\n          p {\n            margin: 0 0 1rem 0;\n            color: var(--nylas-base-600);\n          }\n\n          calendar-icon {\n            margin-bottom: 1rem;\n            color: var(--nylas-base-200);\n          }\n        }\n      }\n    }\n\n    th,\n    td {\n      text-align: left;\n      padding: 1rem;\n      font-family: inherit;\n    }\n\n    .actions {\n      text-align: right;\n    }\n\n    .actions {\n      display: flex;\n      justify-content: flex-end;\n      gap: 1rem;\n\n      @media #{$mobile} {\n        flex-direction: column;\n        gap: 0.5rem;\n      }\n    }\n\n    .title {\n      display: flex;\n      flex-direction: column;\n\n      .config-event-title {\n        font-weight: 600;\n      }\n\n      .config-event-description {\n        font-size: 0.75rem;\n      }\n    }\n  }\n\n  .pagination {\n    padding: 1rem;\n    position: sticky;\n    top: 100%;\n    display: flex;\n    justify-content: flex-end;\n    gap: 0.5rem;\n    background: white;\n    width: calc(100% - 2rem);\n    z-index: 2;\n\n    td.arrows {\n      display: flex;\n      justify-content: flex-end;\n      gap: 0.5rem;\n    }\n\n    button {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      align-items: center;\n      height: 3vh;\n      width: 3vh;\n      min-width: 3em;\n      min-height: 3em;\n      cursor: pointer;\n      border-radius: var(--nylas-border-radius-2x);\n      border: 1px solid var(--nylas-base-300);\n\n      background-color: transparent;\n      color: var(--nylas-base-800);\n      cursor: pointer;\n\n      &:hover:not(:disabled) {\n        border: 1px solid var(--nylas-primary);\n      }\n\n      &:active {\n        border: 1px solid var(--nylas-base-800);\n      }\n\n      &:disabled {\n        border: 1px solid var(--nylas-base-100);\n        background-color: transparent;\n        color: var(--nylas-base-300);\n        cursor: not-allowed;\n      }\n\n      &.right {\n        transform: rotate(180deg);\n      }\n    }\n  }\n}\n\n.error-container {\n  margin-top: 1.5rem;\n\n  .error {\n    color: var(--nylas-error);\n    padding: 0.5rem 0;\n    margin: 1rem 0 0;\n  }\n}\n\nbutton-component#copy {\n  button {\n    width: 108px;\n  }\n}\n\nselect-dropdown {\n  width: auto;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  display: block;\n  height: 48px;\n  padding: 0px 16px 8px;\n\n  @media #{$mobile} {\n    width: 92px;\n  }\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  width: 120px;\n  right: 0;\n}\n\nselect-dropdown::part(sd_dropdown-labelhtml) {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  color: var(--nylas-base-900);\n\n  &:hover {\n    color: var(--nylas-primary);\n  }\n}","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, parsePreviewLink } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration } from '@nylas/core';\n\n/**\n * The `nylas-list-configurations` component displays a list of scheduling pages.\n */\n@Component({\n  tag: 'nylas-list-configurations',\n  styleUrl: 'nylas-list-configurations.scss',\n  shadow: true,\n})\nexport class NylasListConfigurations {\n  /**\n   * The host element.\n   */\n  @Element() host!: HTMLNylasListConfigurationsElement;\n\n  /**\n   * The list of configurations to display.\n   */\n  @Prop() configurations: Configuration[] = [];\n\n  /**\n   * The scheduler preview link to use when the user clicks on the preview button.\n   * You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.\n   */\n  @Prop({ attribute: 'scheduler-preview-link' }) schedulerPreviewLink: string = '';\n\n  /**\n   * The next cursor for list configurations, if any.\n   */\n  @Prop() listConfigurationsNextCursor?: string | null;\n\n  /**\n   * Event emitted when the component is initialized.\n   */\n  @Event() initListConfigurations!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    cursor?: string;\n  }>;\n\n  /**\n   * Event emitted when the user clicks the create event button.\n   */\n  @Event() createButtonClick!: EventEmitter<HTMLNylasListConfigurationsElement>;\n\n  /**\n   * Event emitted when the user clicks the edit event button.\n   */\n  @Event() editButtonClick!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    configuration: Configuration;\n  }>;\n\n  /**\n   * Event emitted when the user clicks the delete event button.\n   */\n  @Event() deleteButtonClick!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    configuration: Configuration;\n  }>;\n\n  /**\n   * The current state of the component.\n   */\n  @State() private state: 'loading' | 'loaded' | 'error' = 'loading';\n\n  /**\n   * The error message to display.\n   */\n  @State() private error: string = '';\n\n  /**\n   * Current cursor for list configurations\n   */\n  @State() currentCursor: string | null = null;\n\n  /**\n   * The list of previous cursors for list configurations\n   */\n  @State() previousCursors: string[] = [];\n\n  /**\n   * State to identiy if the next button should be disabled\n   */\n  @State() disableNextPageButton: boolean = false;\n\n  @Watch('listConfigurationsNextCursor')\n  listConfigurationsNextCursorChangedHandler(newVal: string | null, oldVal: string | null) {\n    if (!newVal || newVal === oldVal) {\n      if (newVal === null) {\n        this.disableNextPageButton = true;\n      }\n      return;\n    }\n    this.disableNextPageButton = false;\n    this.currentCursor = newVal;\n  }\n\n  connectedCallback() {\n    debug('[nylas-list-configurations]', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('[nylas-list-configurations]', 'componentWillLoad');\n\n    // If we have configurations, we will set the state to loaded.\n    if (this.configurations && this.configurations.length > 0) {\n      this.state = 'loaded';\n    }\n  }\n\n  componentDidLoad() {\n    debug('[nylas-list-configurations]', 'componentDidLoad');\n\n    // Fire the init event. By default, we will fetch the configurations.\n    // This is defined in the eventToProps object in the RegisterComponent decorator.\n    this.initListConfigurations.emit({\n      host: this.host,\n    });\n  }\n\n  disconnectedCallback() {\n    debug('[nylas-list-configurations]', 'disconnectedCallback');\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  async handleNylasFormDropdownChanged(event: CustomEvent) {\n    debug('[nylas-list-configurations]', 'handleNylasFormDropdownChanged', event.detail);\n    const { value } = event.detail;\n    const [action, index] = value.split('-');\n    event.preventDefault();\n    switch (action) {\n      case 'delete':\n        this.deleteButtonClick.emit({ host: this.host, configuration: this.configurations[index] });\n        break;\n      case 'preview':\n        window.open(parsePreviewLink(this.schedulerPreviewLink, this.configurations[index]), '_blank');\n        break;\n      case 'copy':\n        await navigator.clipboard.writeText(parsePreviewLink(this.schedulerPreviewLink, this.configurations[index]));\n        break;\n      default:\n        break;\n    }\n  }\n\n  @Method()\n  async getState() {\n    return this.state;\n  }\n\n  @Method()\n  async setState(state: 'loading' | 'loaded' | 'error') {\n    this.state = state;\n  }\n\n  @Method()\n  async setError(error: string) {\n    this.error = error;\n  }\n\n  private getDurationString(duration: number) {\n    const hours = Math.floor(duration / 60);\n    const minutes = duration % 60;\n    return `${hours ? hours : ''} ${hours ? `${hours > 1 ? 'hours' : 'hour'}` : ''} ${minutes ? minutes : ''} ${minutes ? `${minutes > 1 ? 'mins' : 'min'}` : ''}`;\n  }\n\n  getActionLabelHTML(action: string) {\n    const actionStyle = {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5rem',\n    };\n    const dangerStyle = {\n      color: 'var(--nylas-error)',\n    };\n    switch (action) {\n      case 'preview':\n        return (\n          <span style={actionStyle}>\n            <eye-icon width=\"16\" height=\"16\"></eye-icon>\n            Preview\n          </span>\n        );\n      case 'copy':\n        return (\n          <span style={actionStyle}>\n            <copy-icon width=\"16\" height=\"16\" />\n            Copy\n          </span>\n        );\n      case 'delete':\n        return (\n          <span style={{ ...actionStyle, ...dangerStyle }}>\n            <delete-icon width=\"15\" height=\"17\"></delete-icon>\n            Delete\n          </span>\n        );\n      default:\n        return '';\n    }\n  }\n\n  previousPageClickedHandler() {\n    if (this.previousCursors.length === 0) return;\n\n    this.currentCursor = this.previousCursors.pop() || null;\n    const prevCursor = this.previousCursors[this.previousCursors.length - 1] || undefined;\n    this.initListConfigurations.emit({\n      host: this.host,\n      cursor: prevCursor,\n    });\n  }\n\n  nextPageClickedHandler() {\n    if (!this.currentCursor) return;\n\n    this.previousCursors = [...this.previousCursors, this.currentCursor];\n    this.initListConfigurations.emit({\n      host: this.host,\n      cursor: this.currentCursor,\n    });\n  }\n\n  @RegisterComponent<NylasListConfigurations, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-list-configurations',\n    stateToProps: new Map([\n      ['schedulerConfig.configurations', 'configurations'],\n      ['schedulerConfig.listConfigurationsNextCursor', 'listConfigurationsNextCursor'],\n    ]),\n    localPropsToProp: new Map([['schedulerPreviewLink', 'schedulerPreviewLink']]),\n    eventToProps: {\n      initListConfigurations: async (event, connector) => {\n        const { host, cursor } = event.detail;\n        await host.setState('loading');\n        const [data, error] = await connector.schedulerConfig.getConfigurations(cursor);\n        if (!data && error && error.message) {\n          await host.setState('error');\n          await host.setError(error.message);\n          return;\n        }\n        await host.setState('loaded');\n        // setCursor here\n      },\n      createButtonClick: async (_, connector) => {\n        connector.schedulerConfigStore.resetSelectedConfiguration();\n        connector.schedulerConfigStore.state.action = 'create';\n      },\n      deleteButtonClick: async (event, connector) => {\n        const { host, configuration } = event.detail;\n        const [data, error] = await connector.schedulerConfig.deleteConfiguration(configuration.id);\n        if (!data && error && error.message) {\n          await host.setState('error');\n          await host.setError(error.message);\n        }\n      },\n      editButtonClick: async (event, connector) => {\n        const { configuration } = event.detail;\n        connector.schedulerConfigStore.state.selectedConfiguration = configuration;\n        connector.schedulerConfigStore.state.action = 'edit';\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"header\">\n          <div class=\"description\">\n            <h2>All scheduling pages</h2>\n            <p>Create, edit and manage all your scheduling pages.</p>\n          </div>\n          {this.configurations && this.configurations.length > 0 && (\n            <div class=\"actions\">\n              <button-component\n                clickHandler={() => {\n                  this.createButtonClick.emit(this.host);\n                }}\n              >\n                Create new\n              </button-component>\n            </div>\n          )}\n        </div>\n        <div class=\"configurations\">\n          <table\n            class={{\n              'no-configurations': this.state !== 'loading' && (!this.configurations || this.configurations.length === 0),\n            }}\n          >\n            <tr\n              class={{\n                hide: this.state === 'loading' || (this.configurations && this.configurations.length === 0),\n              }}\n            >\n              <th>Scheduling page title</th>\n              <th>Duration</th>\n              <th class=\"actions-header\">Actions</th>\n            </tr>\n            {this.state === 'loading' && (\n              <tr class=\"no-configurations\">\n                <td colSpan={3}>\n                  <div>\n                    <h3>Loading...</h3>\n                    <p>Please wait while we fetch the scheduling pages</p>\n                  </div>\n                </td>\n              </tr>\n            )}\n            {this.state !== 'loading' && (!this.configurations || this.configurations.length === 0) && (\n              <tr class=\"no-configurations\">\n                <td colSpan={3}>\n                  <div>\n                    <calendar-icon width=\"48\" height=\"48\"></calendar-icon>\n                    <h3>No scheduling pages found</h3>\n                    <p>Get started with creating your first scheduling page</p>\n                    <button-component\n                      clickHandler={() => {\n                        this.createButtonClick.emit(this.host);\n                      }}\n                    >\n                      Create new\n                    </button-component>\n                  </div>\n                </td>\n              </tr>\n            )}\n            {this.state !== 'loading' &&\n              this.configurations.map((config, i) => {\n                return (\n                  <tr key={config.id}>\n                    <td>\n                      <div class=\"title\">\n                        <span class={'config-event-title'}>{config.event_booking.title}</span>\n                        <span class={'config-event-description'}>{config.event_booking.description}</span>\n                      </div>\n                    </td>\n                    <td>\n                      <div>{this.getDurationString(config.availability.duration_minutes)}</div>\n                    </td>\n                    <td>\n                      <div class=\"actions\">\n                        <button-component\n                          variant={'basic'}\n                          key={`edit-${i}`}\n                          clickHandler={event => {\n                            event.preventDefault();\n                            this.editButtonClick.emit({ host: this.host, configuration: config });\n                          }}\n                        >\n                          <edit-icon width=\"16\" height=\"16\"></edit-icon>\n                          Edit\n                        </button-component>\n                        <select-dropdown\n                          name=\"actions\"\n                          options={[\n                            { value: `preview-${i}`, label: 'Preview', labelHTML: this.getActionLabelHTML('preview') },\n                            { value: `copy-${i}`, label: 'Copy link', labelHTML: this.getActionLabelHTML('copy') },\n                            { value: `delete-${i}`, label: 'Delete', labelHTML: this.getActionLabelHTML('delete') },\n                          ]}\n                          defaultSelectedOption={{ value: '', label: '' }}\n                          dropdownButtonText=\"...\"\n                          withSearch={false}\n                          withChevron={false}\n                          exportparts=\"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content\"\n                        ></select-dropdown>\n                      </div>\n                    </td>\n                  </tr>\n                );\n              })}\n          </table>\n          <div class=\"pagination\">\n            <button class=\"arrow left\" onClick={() => this.previousPageClickedHandler()} disabled={this.previousCursors.length <= 0}>\n              <chevron-icon />\n            </button>\n            <button class=\"arrow right\" onClick={() => this.nextPageClickedHandler()} disabled={this.disableNextPageButton}>\n              <chevron-icon />\n            </button>\n          </div>\n        </div>\n        {this.state === 'error' && (\n          <div class=\"error-container\">\n            <p class={'error'}>{this.error}</p>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-eb7e8455.entry.js → p-1fbe50b1.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as n,h as e,H as a,a as s}from"./p-68c2fadf.js";import{R as l}from"./p-795b324a.js";import{a as t}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-custom-booking-flow{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-booking-flow .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading{padding-bottom:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button span{padding:0 1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown{padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label tooltip-component{display:flex}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const d=i;var r=undefined&&undefined.__decorate||function(o,n,e,a){var s=arguments.length,l=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,e):a,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(o,n,e,a);else for(var i=o.length-1;i>=0;i--)if(t=o[i])l=(s<3?t(l):s>3?t(n,e,l):t(n,e))||l;return s>3&&l&&Object.defineProperty(n,e,l),l};var c=undefined&&undefined.__metadata||function(o,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,n)};const b=class{constructor(e){o(this,e);this.valueChanged=n(this,"valueChanged",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="booking-type";this.bookingType="";this.selectedBookingType=""}elementNameChangedHandler(o){t("nylas-custom-booking-flow","elementNameChangedHandler",o);this.host.setAttribute("name",o)}selectedConfigurationChangedHandler(o,n){t("nylas-custom-booking-flow","selectedConfigurationChangedHandler",o,n);if(o?.event_booking?.booking_type){this.bookingType=o?.event_booking?.booking_type}if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.bookingType.toString(),"booking-calendar")}this.selectedBookingType=this.bookingType}connectedCallback(){t("nylas-custom-booking-flow","connectedCallback")}disconnectedCallback(){t("nylas-custom-booking-flow","disconnectedCallback")}componentWillLoad(){t("nylas-custom-booking-flow","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-custom-booking-flow","componentDidLoad")}componentWillUpdate(){t("nylas-custom-booking-flow","componentWillUpdate")}componentDidUpdate(){t("nylas-custom-booking-flow","componentDidUpdate")}componentWillRender(){t("nylas-custom-booking-flow","componentWillRender")}componentDidRender(){t("nylas-custom-booking-flow","componentDidRender")}nylasFormDropdownChangedHandler(o){t("nylas-custom-booking-flow","nylasFormDropdownChangedHandler",o.detail);const n=o=>{const{value:n}=o.detail;this.selectedBookingType=n;this.internals.setFormValue(n.toString(),"booking-calendar")};this.valueChanged.emit({...o.detail,valueChanged:n})}render(){const o=[{label:"Automatically accept bookings",value:"booking"},{label:"Manually confirm/decline bookings",value:"pre-booking"}];return e(a,{key:"9dbd9a019eaf6db90acbf6800d4d2ce0760e5eee"},e("div",{key:"c3b136e78fa375a3de1c7891cc0a120cc5c8139c",class:"nylas-custom-booking-flow",part:"ncbf"},e("div",{key:"32d9b24a458a76b577c28d9721da4809783926ed",class:"header",part:"ncbf__header"},e("h3",{key:"7890c157d687585298d63485b47b91a60aadd3de"},"Customize booking flow"),e("p",{key:"49dd717657904341d18f81d80d9b62e7cc1b1ee4"},"Customize how new bookings are handled when a booking is completed.")),o.length>0?e("div",{class:"nylas-custom-booking-flow__dropdown"},e("span",{class:"label"},"After a booking is confirmed",e("tooltip-component",null,e("info-icon",{slot:"tooltip-icon"}),e("span",{slot:"tooltip-content"},"Choose how you’d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))),e("select-dropdown",{name:"booking-type",options:o,withSearch:false,exportparts:"sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content",defaultSelectedOption:o.find((o=>o.value==this.bookingType))??o[0]})):e("div",{class:"nylas-custom-booking-flow__loading"},e("span",{class:"label"},"Select a calendar to book meetings on ",e("info-icon",null)),e("div",{class:"loading-button"},e("span",null,"Loading...")))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};r([l({name:"nylas-custom-booking-flow",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(o,n)=>{const{valueChanged:e}=o.detail;if(e){e(o)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],b.prototype,"render",null);b.style=d;export{b as nylas_custom_booking_flow};
-//# sourceMappingURL=p-eb7e8455.entry.js.map
+import{r as o,c as n,h as e,H as a,a as s}from"./p-68c2fadf.js";import{R as l}from"./p-795b324a.js";import{a as t}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-custom-booking-flow{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-booking-flow .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading{padding-bottom:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button span{padding:0 1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown{padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label tooltip-component{display:flex}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const d=i;var r=undefined&&undefined.__decorate||function(o,n,e,a){var s=arguments.length,l=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,e):a,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(o,n,e,a);else for(var i=o.length-1;i>=0;i--)if(t=o[i])l=(s<3?t(l):s>3?t(n,e,l):t(n,e))||l;return s>3&&l&&Object.defineProperty(n,e,l),l};var c=undefined&&undefined.__metadata||function(o,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,n)};const b=class{constructor(e){o(this,e);this.valueChanged=n(this,"valueChanged",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="booking-type";this.bookingType="";this.selectedBookingType=""}elementNameChangedHandler(o){t("nylas-custom-booking-flow","elementNameChangedHandler",o);this.host.setAttribute("name",o)}selectedConfigurationChangedHandler(o,n){t("nylas-custom-booking-flow","selectedConfigurationChangedHandler",o,n);if(o?.event_booking?.booking_type){this.bookingType=o?.event_booking?.booking_type}if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.bookingType.toString(),"booking-calendar")}this.selectedBookingType=this.bookingType}connectedCallback(){t("nylas-custom-booking-flow","connectedCallback")}disconnectedCallback(){t("nylas-custom-booking-flow","disconnectedCallback")}componentWillLoad(){t("nylas-custom-booking-flow","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-custom-booking-flow","componentDidLoad")}componentWillUpdate(){t("nylas-custom-booking-flow","componentWillUpdate")}componentDidUpdate(){t("nylas-custom-booking-flow","componentDidUpdate")}componentWillRender(){t("nylas-custom-booking-flow","componentWillRender")}componentDidRender(){t("nylas-custom-booking-flow","componentDidRender")}nylasFormDropdownChangedHandler(o){t("nylas-custom-booking-flow","nylasFormDropdownChangedHandler",o.detail);const n=o=>{const{value:n}=o.detail;this.selectedBookingType=n;this.internals.setFormValue(n.toString(),"booking-calendar")};this.valueChanged.emit({...o.detail,valueChanged:n})}render(){const o=[{label:"Automatically accept bookings",value:"booking"},{label:"Manually confirm/decline bookings",value:"pre-booking"}];return e(a,{key:"886c0c6645e43c346db07c0d105be004697448e0"},e("div",{key:"f6c020725b462db9571606141538bcd92fa84f13",class:"nylas-custom-booking-flow",part:"ncbf"},e("div",{key:"bf73937190883fa2781c7ede636926f559339a92",class:"header",part:"ncbf__header"},e("h3",{key:"b3e037e637c6976174f1eb054ea9257618687b9d"},"Customize booking flow"),e("p",{key:"302d2c9bc6dbcb572031148500b0a80223cdfbb4"},"Customize how new bookings are handled when a booking is completed.")),o.length>0?e("div",{class:"nylas-custom-booking-flow__dropdown"},e("span",{class:"label"},"After a booking is confirmed",e("tooltip-component",null,e("info-icon",{slot:"tooltip-icon"}),e("span",{slot:"tooltip-content"},"Choose how you’d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))),e("select-dropdown",{name:"booking-type",options:o,withSearch:false,exportparts:"sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content",defaultSelectedOption:o.find((o=>o.value==this.bookingType))??o[0]})):e("div",{class:"nylas-custom-booking-flow__loading"},e("span",{class:"label"},"Select a calendar to book meetings on ",e("info-icon",null)),e("div",{class:"loading-button"},e("span",null,"Loading...")))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};r([l({name:"nylas-custom-booking-flow",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(o,n)=>{const{valueChanged:e}=o.detail;if(e){e(o)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],b.prototype,"render",null);b.style=d;export{b as nylas_custom_booking_flow};
+//# sourceMappingURL=p-1fbe50b1.entry.js.map

package/dist/nylas-web-elements/p-20bbc663.js

@@ -0,0 +1,2 @@
+import{h as t,a as e}from"./p-6c11737d.js";import{c as i}from"./p-cabb2e68.js";var n;(function(t){t["Component"]="component";t["Api"]="api";t["Auth"]="auth"})(n||(n={}));var s;(function(t){t["endtime_not_in_future"]="endtime_not_in_future";t["no_booking_info"]="no_booking_info";t["no_timeslot_selected"]="no_timeslot_selected";t["no_timezone_selected"]="no_timezone_selected";t["no_booking_id"]="no_booking_id";t["invalid_start_time"]="invalid_start_time";t["invalid_end_time"]="invalid_end_time";t["invalid_timezone"]="invalid_timezone"})(s||(s={}));var o;(function(t){t["invalid_session"]="invalid_session";t["general_error"]="general_error";t["internal_error"]="internal_error";t["invalid_request_error"]="invalid_request_error";t["timeslot_not_available"]="timeslot_not_available";t["provider_error"]="provider_error";t["not_found_error"]="not_found_error"})(o||(o={}));class a{constructor(){this.component=t=>{const e=n.Component;const i=`${t} Error`;return{endtime_not_in_future:(t='"endtime" can not be in the future')=>({title:i,message:t,category:e}),no_booking_info:(t="No booking info provided")=>({title:i,message:t,category:e}),no_timeslot_selected:(t="No timeslot selected")=>({title:i,message:t,category:e}),no_timezone_selected:(t="No timezone selected")=>({title:i,message:t,category:e}),no_booking_id:(t="No booking id provided")=>({title:i,message:t,category:e}),invalid_start_time:(t="Invalid start time")=>({title:i,message:t,category:e}),invalid_end_time:(t="Invalid end time")=>({title:i,message:t,category:e}),invalid_timezone:(t="Invalid timezone")=>({title:i,message:t,category:e})}};this.api=t=>{const e=n.Api;const i=`${t} Error`;return{invalid_session:t=>({title:i,message:t,category:e}),general_error:t=>({title:i,message:t,category:e}),internal_error:t=>({title:i,message:t,category:e}),invalid_request_error:t=>({title:i,message:t,category:e}),timeslot_not_available:t=>({title:i,message:t,category:e}),provider_error:t=>({title:i,message:t,category:e}),not_found_error:t=>({title:i,message:t,category:e})}}}}class r{constructor({schedulerAPIURL:t,schedulerStore:e,sessionId:i,configId:n}){this.errors=new a;this.schedulerStore=e;this.schedulerAPIURL=t;this.sessionId=i;this.configId=n}getHeaders(){return this.sessionId?{Authorization:`Bearer ${this.sessionId}`}:{}}async makeAPIRequest(t,e,i,n={}){try{const s=new URL(this.schedulerAPIURL);s.pathname=t;const o=await fetch(decodeURIComponent(s.toString()),{method:e,headers:{"Content-Type":"application/json",Origin:window.location.origin,...n},body:i});const a=await o.json();return a}catch(t){return{error:{message:t.message,title:"API request failed",type:"api"}}}}getErrorMessage(t){let e=t?.message||t?.title||"Something went wrong";if(t?.type==="provider_error"){e=t?.provider_error?.error?.message||t?.provider_error?.error?.title||"Something went wrong"}return e}setConfigId(t){this.configId=t}selectDate(t){this.schedulerStore.set("selectedDate",t);this.schedulerStore.set("selectedTimeslot",null)}selectTime(t){this.schedulerStore.set("selectedTimeslot",t)}selectTimezone(t){this.schedulerStore.set("selectedTimezone",t)}async toggleAdditionalData(t){if(!t){await this.refetchAvailability()}this.schedulerStore.set("showBookingForm",t)}setParticipantName(t){const{bookingInfo:e}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...e,primaryParticipant:{...e?.primaryParticipant,name:t}})}setParticipantEmail(t){const{bookingInfo:e}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...e,primaryParticipant:{...e?.primaryParticipant,email:t}})}async refetchAvailability(){const t=new Date;const e=new Date(t.getFullYear(),t.getMonth(),1).getTime()/1e3;const i=e<t.getTime()/1e3?Math.floor(t.getTime()/1e3):e;const n=new Date(t.getFullYear(),t.getMonth()+1,1).getTime()/1e3;const s=await this.getAvailability(i,n);return s}async resetStoreStateAndFetchAvailability(){const t=new Date;const e=await this.refetchAvailability();const i=this.schedulerStore.get("availability").find((t=>new Date(t.start_time)>new Date));let n=t;if(i){n=i.start_time}this.schedulerStore.set("selectedDate",n);this.schedulerStore.set("eventInfo",null);this.schedulerStore.set("showBookingForm",false);this.schedulerStore.set("selectedTimeslot",null);return e}async setReschedule(t){this.schedulerStore.set("isLoading",true);const e=this.schedulerStore.state.eventInfo;if(e){this.schedulerStore.set("reschedulingEventInfo",e)}this.schedulerStore.set("rescheduleBookingId",t);const i=await this.resetStoreStateAndFetchAvailability().finally((()=>{this.schedulerStore.set("isLoading",false)}));return i}async setCancel(t){this.schedulerStore.set("cancelBookingId",t)}async resetCancel(){const t=await this.resetStoreStateAndFetchAvailability();this.schedulerStore.set("cancelBookingId","");this.schedulerStore.set("cancelledEventInfo",null);return t}async bookTimeslot(t){this.schedulerStore.set("isLoading",true);const{selectedTimeslot:e,selectedTimezone:i,bookingInfo:n}=this.schedulerStore.state;if(!t&&!n){return{error:this.errors.component("Booking").no_booking_info()}}const s=t?.timeslot||e;if(!s){return{error:this.errors.component("Create Booking").no_timeslot_selected()}}const o=t&&t?.timezone?t?.timezone:i;if(!o){return{error:this.errors.component("Create Booking").no_timezone_selected()}}const a=this.schedulerStore.get("availabilityOrderEmails");let r="";if(a.length>0){const t=s.emails;for(let e=0;e<a.length;e++){if(t.includes(a[e])){r=a[e];break}}}const c=t?t?.primaryParticipant:n?.primaryParticipant;const l=t?t?.guests||[]:n?.guests||[];const d=t?t?.additionalFields:n?.additionalFields;const h=this.getHeaders();const g=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:"";const u=`/v3/scheduling/bookings${g}`;const f=await this.makeAPIRequest(decodeURIComponent(u),"POST",JSON.stringify({participants:r?[{email:r}]:undefined,additional_fields:d,additional_guests:l,guest:{...c},start_time:s.start_time.getTime()/1e3,end_time:s.end_time.getTime()/1e3,timezone:o}),h);if("error"in f){this.schedulerStore.set("isLoading",false);const t=f.error?.type;let e=f.error;if(t&&t in this.errors.api("Create Booking")){const i=this.getErrorMessage(e);e=this.errors.api("Create Booking")[t](i)}return{error:e}}if("data"in f){this.schedulerStore.set("eventInfo",f?.data)}this.schedulerStore.set("isLoading",false);return f}async getUISettings(){this.schedulerStore.set("isLoading",true);const t=this.getHeaders();const e=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:"";const i=`/v3/scheduling/ui-settings${e}`;const n=await this.makeAPIRequest(i,"GET",undefined,t);if("error"in n){this.schedulerStore.set("isLoading",false);const t=n.error?.type;let e=n.error;if(t&&t in this.errors.api("Get UI Settings")){e=this.errors.api("Get UI Settings")[t](e?.message||e?.title||"Something went wrong")}return{error:e}}if("data"in n){this.schedulerStore.set("configSettings",n.data)}this.schedulerStore.set("isLoading",false);return n}getStartTimeWithMinBookingNotice(t){const e=this.schedulerStore.get("configSettings")?.scheduler;const i=e?.min_booking_notice;if(!i){return t}return t+i*60}getEndTimeForAvailableDaysInFuture(e){const i=new Date;const n=this.schedulerStore.get("configSettings")?.scheduler?.available_days_in_future;const s=Math.floor(t(i,n).getTime()/1e3);const o=Math.min(s,e);return o}async getAvailability(t=0,e=0){this.schedulerStore.set("isLoading",true);const i=new URLSearchParams;const n=new Date;const s=n.getTime();if(e&&e<s/1e3){this.schedulerStore.set("isLoading",false);const t=this.errors.component("Get Availability").endtime_not_in_future();return{error:t}}if(!t){const e=new Date(n.getFullYear(),n.getMonth(),1);t=Math.floor(e.getTime()/1e3)}t=this.getStartTimeWithMinBookingNotice(t);if(!e){const t=new Date(n.getFullYear(),n.getMonth()+1,0);e=Math.floor(t.getTime()/1e3)}e=this.getEndTimeForAvailableDaysInFuture(e);i.append("start_time",encodeURIComponent(t.toString()));i.append("end_time",encodeURIComponent(e.toString()));if(this.configId&&!this.sessionId){i.append("configuration_id",encodeURIComponent(this.configId))}const o=this.schedulerStore.get("rescheduleBookingId");if(o){i.append("booking_id",encodeURIComponent(o))}const a=i.toString();const r=`/v3/scheduling/availability${a?`?${a}`:""}`;const c=this.getHeaders();const l=await this.makeAPIRequest(decodeURIComponent(r),"GET",undefined,c);if("error"in l){this.schedulerStore.set("availability",[]);this.schedulerStore.set("isLoading",false);const t=l.error?.type;let e=l.error;if(t&&t in this.errors.api("Get Availability")){const i=this.getErrorMessage(e);e=this.errors.api("Get Availability")[t](i)}return{error:e}}if("data"in l){const t=l.data?.time_slots?.map((t=>({...t,start_time:new Date(t.start_time*1e3),end_time:new Date(t.end_time*1e3)})))||[];const e=t.filter((t=>t.start_time.getTime()>s));this.schedulerStore.set("availability",e);const i=l.data?.order||[];this.schedulerStore.set("availabilityOrderEmails",i)}this.schedulerStore.set("isLoading",false);return l}async cancelBooking(t,e){this.schedulerStore.set("isLoading",true);if(!t){return{error:this.errors.component("Cancel Booking").no_booking_id()}}const i=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:"";const n=`/v3/scheduling/bookings/${t}${i}`;const s=this.getHeaders();const o=await this.makeAPIRequest(decodeURIComponent(n),"DELETE",JSON.stringify({action:"cancel",cancellation_reason:e}),s);if("error"in o){this.schedulerStore.set("isLoading",false);const t=o.error?.type;let e=o.error;if(t&&t in this.errors.api("Cancel Booking")){const i=this.getErrorMessage(e);e=this.errors.api("Cancel Booking")[t](i)}return{error:e}}this.schedulerStore.set("cancelledEventInfo",{booking_id:t});this.schedulerStore.set("rescheduleBookingId","");this.schedulerStore.set("isLoading",false);return o}async rescheduleBooking(t,e){this.schedulerStore.set("isLoading",true);if(!t){return{error:this.errors.component("Reschedule Booking").no_booking_id()}}const i=this.errors.api("Reschedule Booking");const n=this.errors.component("Reschedule Booking");const{bookingInfo:s,selectedTimeslot:o,selectedTimezone:a}=this.schedulerStore.state;const{startTime:r,endTime:c,timezone:l}=e;const d=r||o?.start_time;if(!d){return{error:n.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerState.')}}const h=c||o?.end_time;if(!h){return{error:n.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.')}}const g=this.schedulerStore.get("availabilityOrderEmails");let u="";if(g.length>0){const t=o?.emails||[];for(let e=0;e<g.length;e++){if(t.includes(g[e])){u=g[e];break}}}const f=l||a;if(!f){return{error:n.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.')}}const m=e?e?.primaryParticipant:s?.primaryParticipant;const _=e?e?.guests||[]:s?.guests||[];const v=e?e?.additionalFields:s?.additionalFields;const y=!this.sessionId&&this.configId?`?configuration_id=${this.configId}`:"";const b=`/v3/scheduling/bookings/${t}${y}`;const I=this.getHeaders();const k=await this.makeAPIRequest(decodeURIComponent(b),"PATCH",JSON.stringify({start_time:d.getTime()/1e3,end_time:h.getTime()/1e3,time_zone:f,additional_fields:v,guest:{...m},additional_guests:_,participants:u?[{email:u}]:undefined}),I);if("error"in k){this.schedulerStore.set("isLoading",false);const t=k.error?.type;let e=k.error;if(t&&t in i){const n=this.getErrorMessage(e);e=i[t](n)}return{error:e}}const p=this.schedulerStore.get("reschedulingEventInfo");if("data"in k){this.schedulerStore.set("eventInfo",k?.data)}else if(p){this.schedulerStore.set("eventInfo",p)}else{const e={booking_id:t};this.schedulerStore.set("eventInfo",e)}this.schedulerStore.set("isLoading",false);return k}}function c(t={}){const n={selectedDate:null,selectedLanguage:navigator.language,selectedTimezone:Intl.DateTimeFormat().resolvedOptions().timeZone,selectedTimeslot:null,showBookingForm:false,availabilityOrderEmails:[],selectableDates:null,availability:[],eventDuration:0,state:"ready",eventInfo:null,cancelledEventInfo:null,isLoading:false,nylasBranding:true,...t};e(`[defaultNylasStoreState]: `,n);const s=i(n);s.onChange("availability",(t=>{e(`[availability]: `,t);const i=t.map((t=>t.start_time));e(`[selectableDates]: `,i);s.set("selectableDates",i);const n=t[0];if(!n)return;const o=Math.floor((n.end_time.getTime()-n.start_time.getTime())/6e4);e(`[durationMinutes]: `,o);s.set("eventDuration",o)}));s.reset=()=>{for(const t in n){const e=n[t];s.set(t,e)}};return s}export{c as C,n as E,r as N};
+//# sourceMappingURL=p-20bbc663.js.map

package/dist/nylas-web-elements/p-20bbc663.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ErrorCategory","ComponentErrorType","APIErrorType","Errors","constructor","this","component","_title","category","Component","title","endtime_not_in_future","message","no_booking_info","no_timeslot_selected","no_timezone_selected","no_booking_id","invalid_start_time","invalid_end_time","invalid_timezone","api","Api","invalid_session","general_error","internal_error","invalid_request_error","timeslot_not_available","provider_error","not_found_error","NylaSchedulerAPIConnector","schedulerAPIURL","schedulerStore","sessionId","configId","errors","getHeaders","Authorization","makeAPIRequest","path","method","body","headers","schedulerURL","URL","pathname","response","fetch","decodeURIComponent","toString","Origin","window","location","origin","data","json","error","type","getErrorMessage","errorMessage","setConfigId","selectDate","date","set","selectTime","time","selectTimezone","timezone","toggleAdditionalData","value","refetchAvailability","setParticipantName","name","bookingInfo","state","primaryParticipant","setParticipantEmail","email","today","Date","startTime","getFullYear","getMonth","getTime","startTimeWithOffset","Math","floor","endTime","result","getAvailability","resetStoreStateAndFetchAvailability","firstAvailableDate","get","find","timeslot","start_time","_selectedDate","setReschedule","bookingID","eventInfo","finally","setCancel","resetCancel","bookTimeslot","selectedTimeslot","selectedTimezone","order","participantToBookWith","length","emails","i","includes","primaryGuest","guests","additional_fields","additionalFields","configIdParam","url","JSON","stringify","participants","undefined","additional_guests","guest","end_time","errorType","getUISettings","getStartTimeWithMinBookingNotice","scheduler","min_booking_notice","getEndTimeForAvailableDaysInFuture","availableDaysInFuture","available_days_in_future","endTimeForAvailableDaysInFuture","addDaysToCurrentDate","endTimeWithOffset","min","params","URLSearchParams","now","nowTime","startOfMonth","endOfMonth","append","encodeURIComponent","rescheduleBookingId","queryString","availability","time_slots","map","availabilityTimeslotsFiltered","filter","cancelBooking","bookingId","reason","action","cancellation_reason","booking_id","rescheduleBooking","apiErrors","componentErrors","time_zone","event","CreateNylasSchedulerStore","defaultState","defaultNylasStoreState","selectedDate","selectedLanguage","navigator","language","Intl","DateTimeFormat","resolvedOptions","timeZone","showBookingForm","availabilityOrderEmails","selectableDates","eventDuration","cancelledEventInfo","isLoading","nylasBranding","debug","store","createStore","onChange","durationMinutes","reset","key"],"sources":["src/connector/nylas-scheduler-connector/errors/index.ts","src/connector/shared/api/scheduler.ts","src/stores/scheduler-store.ts"],"sourcesContent":["export enum ErrorCategory {\n  Component = 'component',\n  Api = 'api',\n  Auth = 'auth',\n}\n\nexport interface ErrorDetails {\n  title: string;\n  message: string;\n  category: ErrorCategory;\n}\n\nexport enum ComponentErrorType {\n  endtime_not_in_future = 'endtime_not_in_future',\n  no_booking_info = 'no_booking_info',\n  no_timeslot_selected = 'no_timeslot_selected',\n  no_timezone_selected = 'no_timezone_selected',\n  no_booking_id = 'no_booking_id',\n  invalid_start_time = 'invalid_start_time',\n  invalid_end_time = 'invalid_end_time',\n  invalid_timezone = 'invalid_timezone',\n}\n\nexport enum APIErrorType {\n  invalid_session = 'invalid_session',\n  general_error = 'general_error',\n  internal_error = 'internal_error',\n  invalid_request_error = 'invalid_request_error',\n  timeslot_not_available = 'timeslot_not_available',\n  provider_error = 'provider_error',\n  not_found_error = 'not_found_error',\n}\n\nexport class Errors {\n  component = (_title: string): Record<ComponentErrorType, (message?: string) => ErrorDetails> => {\n    const category = ErrorCategory.Component;\n    const title = `${_title} Error`;\n    return {\n      endtime_not_in_future: (message: string = '\"endtime\" can not be in the future') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_booking_info: (message: string = 'No booking info provided') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_timeslot_selected: (message: string = 'No timeslot selected') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_timezone_selected: (message: string = 'No timezone selected') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      no_booking_id: (message: string = 'No booking id provided') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_start_time: (message: string = 'Invalid start time') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_end_time: (message: string = 'Invalid end time') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_timezone: (message: string = 'Invalid timezone') => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n    };\n  };\n\n  api = (_title: string): Record<APIErrorType, (message: string) => ErrorDetails> => {\n    const category = ErrorCategory.Api;\n    const title = `${_title} Error`;\n\n    return {\n      invalid_session: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      general_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      internal_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      invalid_request_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      timeslot_not_available: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      provider_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n      not_found_error: (message: string) => {\n        return {\n          title,\n          message,\n          category,\n        };\n      },\n    };\n  };\n}\n","import { AvailabilityResponse, NylasEvent, UISettingsResponse } from '@/common/types';\nimport { NylasSchedulerStoreType } from '../../../components';\nimport type { NylasErrorResponse, NylasResponse, NylasSchedulerBookingData, NylasSchedulerResponse, Timeslot } from '@nylas/core';\nimport { APIErrorType, Errors } from '@/connector/nylas-scheduler-connector/errors';\nimport { addDaysToCurrentDate } from '@/utils/utils';\n\ntype NylasSchedulerAPIConnectorOptions = {\n  schedulerAPIURL: string;\n  schedulerStore: NylasSchedulerStoreType;\n  sessionId?: string;\n  configId?: string;\n};\n\n/**\n * NylaSchedulerConnector\n * This class is used to make API requests to the scheduler.\n */\nexport class NylaSchedulerAPIConnector {\n  private schedulerStore: NylasSchedulerStoreType;\n  private schedulerAPIURL: string;\n  private sessionId: string | undefined;\n  private configId: string | undefined;\n  private errors = new Errors();\n\n  constructor({ schedulerAPIURL, schedulerStore, sessionId, configId }: NylasSchedulerAPIConnectorOptions) {\n    this.schedulerStore = schedulerStore;\n    this.schedulerAPIURL = schedulerAPIURL;\n    this.sessionId = sessionId;\n    this.configId = configId;\n  }\n\n  private getHeaders() {\n    return this.sessionId\n      ? {\n          Authorization: `Bearer ${this.sessionId}`,\n        }\n      : {};\n  }\n\n  /**\n   * Makes an API request to the scheduler.\n   * @param path The path to the API endpoint.\n   * @param method The HTTP method.\n   * @param body The request body (if any).\n   * @returns {Promise<T>}\n   */\n  public async makeAPIRequest<T>(path: string, method: string, body: string | undefined, headers = {}): Promise<NylasResponse<T>> {\n    try {\n      const schedulerURL = new URL(this.schedulerAPIURL);\n      schedulerURL.pathname = path;\n      const response = await fetch(decodeURIComponent(schedulerURL.toString()), {\n        method,\n        headers: {\n          'Content-Type': 'application/json',\n          'Origin': window.location.origin,\n          ...headers,\n        },\n        body,\n      });\n      // The server returns a json object for errors: eg.\n      // {\n      //     \"request_id\": \"<request_id>\",\n      //     \"error\": {\n      //         \"type\": \"not_found_error\",\n      //         \"message\": \"Session not found\"\n      //     }\n      // }\n      const data = await response.json();\n      return data as NylasResponse<T>;\n    } catch (error: any) {\n      // NOTE: current server implementation doesn't return a JSON object for errors on some endpoints\n      // handle this case by returning the error response as a string to be handled downstream\n      return {\n        error: {\n          message: error.message,\n          title: 'API request failed',\n          type: 'api',\n        },\n      } as NylasErrorResponse;\n    }\n  }\n\n  private getErrorMessage(error: NylasErrorResponse['error']) {\n    let errorMessage = error?.message || error?.title || 'Something went wrong';\n    if (error?.type === 'provider_error') {\n      errorMessage = error?.provider_error?.error?.message || error?.provider_error?.error?.title || 'Something went wrong';\n    }\n    return errorMessage;\n  }\n\n  public setConfigId(configId: string) {\n    this.configId = configId;\n  }\n\n  /**\n   * Selects a date in the scheduler.\n   */\n  public selectDate(date: Date) {\n    this.schedulerStore.set('selectedDate', date);\n    this.schedulerStore.set('selectedTimeslot', null);\n  }\n\n  /**\n   * Selects a time in the scheduler.\n   */\n  public selectTime(time: Timeslot) {\n    this.schedulerStore.set('selectedTimeslot', time);\n  }\n\n  /**\n   * Sets the timezone in the scheduler.\n   */\n  public selectTimezone(timezone: string) {\n    this.schedulerStore.set('selectedTimezone', timezone);\n  }\n\n  /**\n   * Toggles showBookingForm\n   * @param value boolean\n   */\n  public async toggleAdditionalData(value: boolean) {\n    if (!value) {\n      // Refetch availability\n      await this.refetchAvailability();\n    }\n    this.schedulerStore.set('showBookingForm', value);\n  }\n\n  /**\n   * Set/update the name of the participant booking the event.\n   */\n  public setParticipantName(name: string) {\n    const { bookingInfo } = this.schedulerStore.state;\n    this.schedulerStore.set('bookingInfo', {\n      ...bookingInfo,\n      primaryParticipant: {\n        ...(bookingInfo?.primaryParticipant as NylasSchedulerBookingData['primaryParticipant']),\n        name,\n      },\n    });\n  }\n\n  /**\n   * Set/update the email of the participant booking the event.\n   */\n  public setParticipantEmail(email: string) {\n    const { bookingInfo } = this.schedulerStore.state;\n    this.schedulerStore.set('bookingInfo', {\n      ...bookingInfo,\n      primaryParticipant: {\n        ...(bookingInfo?.primaryParticipant as NylasSchedulerBookingData['primaryParticipant']),\n        email,\n      },\n    });\n  }\n\n  private async refetchAvailability() {\n    const today = new Date();\n    // Refetch availability\n    const startTime = new Date(today.getFullYear(), today.getMonth(), 1).getTime() / 1000;\n    const startTimeWithOffset = startTime < today.getTime() / 1000 ? Math.floor(today.getTime() / 1000) : startTime;\n    const endTime = new Date(today.getFullYear(), today.getMonth() + 1, 1).getTime() / 1000;\n    const result = await this.getAvailability(startTimeWithOffset, endTime);\n    return result;\n  }\n\n  private async resetStoreStateAndFetchAvailability() {\n    const today = new Date();\n    // Refetch availability\n    const result = await this.refetchAvailability();\n    // Set selected date to first available date\n    const firstAvailableDate = this.schedulerStore.get('availability').find((timeslot: any) => new Date(timeslot.start_time) > new Date());\n    let _selectedDate = today;\n    if (firstAvailableDate) {\n      _selectedDate = firstAvailableDate.start_time;\n    }\n    this.schedulerStore.set('selectedDate', _selectedDate);\n    // Reset store state\n    this.schedulerStore.set('eventInfo', null);\n    this.schedulerStore.set('showBookingForm', false);\n    this.schedulerStore.set('selectedTimeslot', null);\n\n    return result;\n  }\n\n  /**\n   * Set reschedule booking id\n   */\n  public async setReschedule(bookingID: string) {\n    this.schedulerStore.set('isLoading', true);\n    const eventInfo = this.schedulerStore.state.eventInfo;\n    if (eventInfo) {\n      this.schedulerStore.set('reschedulingEventInfo', eventInfo);\n    }\n    this.schedulerStore.set('rescheduleBookingId', bookingID);\n\n    // Set reschedule booking id\n    const result = await this.resetStoreStateAndFetchAvailability().finally(() => {\n      this.schedulerStore.set('isLoading', false);\n    });\n\n    return result;\n  }\n\n  /**\n   * Set cancel booking id\n   */\n  public async setCancel(bookingID: string) {\n    this.schedulerStore.set('cancelBookingId', bookingID);\n  }\n\n  public async resetCancel() {\n    const result = await this.resetStoreStateAndFetchAvailability();\n    this.schedulerStore.set('cancelBookingId', '');\n    this.schedulerStore.set('cancelledEventInfo', null);\n    return result;\n  }\n\n  /**\n   * Book the selected timeslot.\n   * @param data The booking info.\n   * @returns {Promise<NylasResponse<NylasEvent>>}\n   */\n  public async bookTimeslot(data?: NylasSchedulerBookingData & { timeslot?: Timeslot }): Promise<NylasSchedulerResponse<NylasEvent>> {\n    this.schedulerStore.set('isLoading', true);\n    const { selectedTimeslot, selectedTimezone, bookingInfo } = this.schedulerStore.state;\n    if (!data && !bookingInfo) {\n      return { error: this.errors.component('Booking').no_booking_info() };\n    }\n\n    const timeslot = data?.timeslot || selectedTimeslot;\n    if (!timeslot) {\n      return { error: this.errors.component('Create Booking').no_timeslot_selected() };\n    }\n\n    const timezone = data && data?.timezone ? data?.timezone : selectedTimezone;\n\n    if (!timezone) {\n      return { error: this.errors.component('Create Booking').no_timezone_selected() };\n    }\n    const order = this.schedulerStore.get('availabilityOrderEmails');\n    let participantToBookWith = '';\n    if (order.length > 0) {\n      // Get the emails in the timeslot\n      const emails = timeslot.emails;\n      for (let i = 0; i < order.length; i++) {\n        if (emails.includes(order[i])) {\n          participantToBookWith = order[i];\n          break;\n        }\n      }\n    }\n    const primaryGuest = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;\n    const guests = data ? data?.guests || [] : bookingInfo?.guests || [];\n    const additional_fields = data ? data?.additionalFields : bookingInfo?.additionalFields;\n\n    const headers = this.getHeaders();\n    const configIdParam = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : '';\n    const url = `/v3/scheduling/bookings${configIdParam}`;\n\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'POST',\n      JSON.stringify({\n        participants: participantToBookWith ? [{ email: participantToBookWith }] : undefined,\n        additional_fields,\n        additional_guests: guests,\n        guest: { ...primaryGuest },\n        start_time: timeslot.start_time.getTime() / 1000,\n        end_time: timeslot.end_time.getTime() / 1000,\n        timezone: timezone,\n      }),\n      headers,\n    );\n\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api('Create Booking')) {\n        const errorMessage = this.getErrorMessage(error);\n        error = this.errors.api('Create Booking')[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    if ('data' in response) {\n      this.schedulerStore.set('eventInfo', response?.data);\n    }\n\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  /**\n   * Get UI settings for the scheduler.\n   */\n  public async getUISettings(): Promise<NylasSchedulerResponse<UISettingsResponse>> {\n    this.schedulerStore.set('isLoading', true);\n    const headers = this.getHeaders();\n    const configIdParam = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : '';\n    const url = `/v3/scheduling/ui-settings${configIdParam}`;\n\n    const response = await this.makeAPIRequest<UISettingsResponse>(url, 'GET', undefined, headers);\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api('Get UI Settings')) {\n        error = this.errors.api('Get UI Settings')[errorType as APIErrorType](error?.message || error?.title || 'Something went wrong');\n      }\n      return { error };\n    }\n    if ('data' in response) {\n      this.schedulerStore.set('configSettings', response.data);\n    }\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  private getStartTimeWithMinBookingNotice(startTime: number) {\n    const scheduler = this.schedulerStore.get('configSettings')?.scheduler;\n    const min_booking_notice = scheduler?.min_booking_notice;\n    if (!min_booking_notice) {\n      return startTime;\n    }\n    return startTime + min_booking_notice * 60;\n  }\n\n  private getEndTimeForAvailableDaysInFuture(endTime: number) {\n    const today = new Date();\n    const availableDaysInFuture = this.schedulerStore.get('configSettings')?.scheduler?.available_days_in_future;\n    const endTimeForAvailableDaysInFuture = Math.floor(addDaysToCurrentDate(today, availableDaysInFuture).getTime() / 1000);\n    const endTimeWithOffset = Math.min(endTimeForAvailableDaysInFuture, endTime);\n    return endTimeWithOffset;\n  }\n\n  /**\n   * Gets the availability for a page.\n   * @param startTime The start time.\n   * @param endTime The end time.\n   * @returns {Promise<AvailabilityResponse>}\n   */\n  public async getAvailability(startTime: number = 0, endTime: number = 0): Promise<NylasSchedulerResponse<AvailabilityResponse>> {\n    this.schedulerStore.set('isLoading', true);\n    const params = new URLSearchParams();\n    const now = new Date();\n    const nowTime = now.getTime();\n\n    if (endTime && endTime < nowTime / 1000) {\n      this.schedulerStore.set('isLoading', false);\n      const error = this.errors.component('Get Availability').endtime_not_in_future();\n      return { error };\n    }\n\n    // Calculate the start of the current month if startTime is not provided\n    if (!startTime) {\n      const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);\n      startTime = Math.floor(startOfMonth.getTime() / 1000); // Convert to UNIX timestamp in seconds\n    }\n\n    startTime = this.getStartTimeWithMinBookingNotice(startTime);\n    // Calculate the end of the current month if endTime is not provided\n    if (!endTime) {\n      const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0); // Setting day to 0 gets the last day of the previous month, so in this case, the last day of the current month\n      endTime = Math.floor(endOfMonth.getTime() / 1000); // Convert to UNIX timestamp in seconds\n    }\n    endTime = this.getEndTimeForAvailableDaysInFuture(endTime);\n\n    params.append('start_time', encodeURIComponent(startTime.toString()));\n    params.append('end_time', encodeURIComponent(endTime.toString()));\n    if (this.configId && !this.sessionId) {\n      params.append('configuration_id', encodeURIComponent(this.configId));\n    }\n    const rescheduleBookingId = this.schedulerStore.get('rescheduleBookingId');\n    if (rescheduleBookingId) {\n      params.append('booking_id', encodeURIComponent(rescheduleBookingId));\n    }\n    const queryString = params.toString();\n    const url = `/v3/scheduling/availability${queryString ? `?${queryString}` : ''}`;\n    const headers = this.getHeaders();\n    const response = await this.makeAPIRequest<AvailabilityResponse>(decodeURIComponent(url), 'GET', undefined, headers);\n\n    if ('error' in response) {\n      this.schedulerStore.set('availability', []);\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api('Get Availability')) {\n        const errorMessage = this.getErrorMessage(error);\n        error = this.errors.api('Get Availability')[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    if ('data' in response) {\n      const availability =\n        response.data?.time_slots?.map(timeslot => {\n          return {\n            ...timeslot,\n            start_time: new Date(timeslot.start_time * 1000),\n            end_time: new Date(timeslot.end_time * 1000),\n          };\n        }) || [];\n\n      // Filter out timeslots that are in the past\n      const availabilityTimeslotsFiltered = availability.filter(timeslot => timeslot.start_time.getTime() > nowTime);\n      this.schedulerStore.set('availability', availabilityTimeslotsFiltered);\n      const order = response.data?.order || [];\n      this.schedulerStore.set('availabilityOrderEmails', order);\n    }\n\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  /**\n   * Cancels a booking.\n   * @param bookingId The booking ID.\n   */\n  public async cancelBooking(bookingId: string, reason: string): Promise<NylasSchedulerResponse<Partial<NylasEvent>>> {\n    this.schedulerStore.set('isLoading', true);\n    if (!bookingId) {\n      return { error: this.errors.component('Cancel Booking').no_booking_id() };\n    }\n    const configIdParam = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : '';\n    const url = `/v3/scheduling/bookings/${bookingId}${configIdParam}`;\n    const headers = this.getHeaders();\n    const response = await this.makeAPIRequest<Partial<NylasEvent>>(\n      decodeURIComponent(url),\n      'DELETE',\n      JSON.stringify({\n        action: 'cancel',\n        cancellation_reason: reason,\n      }),\n      headers,\n    );\n\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in this.errors.api('Cancel Booking')) {\n        const errorMessage = this.getErrorMessage(error);\n        error = this.errors.api('Cancel Booking')[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    this.schedulerStore.set('cancelledEventInfo', {\n      booking_id: bookingId,\n    });\n    this.schedulerStore.set('rescheduleBookingId', '');\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n\n  /**\n   * Reschedules a booking.\n   * @param bookingId The booking ID.\n   * @param data The booking info.\n   * @returns {Promise<NylasResponse<NylasEvent>>}\n   */\n  public async rescheduleBooking(bookingId: string, data: NylasSchedulerBookingData): Promise<NylasSchedulerResponse<NylasEvent>> {\n    this.schedulerStore.set('isLoading', true);\n    if (!bookingId) {\n      return { error: this.errors.component('Reschedule Booking').no_booking_id() };\n    }\n    const apiErrors = this.errors.api('Reschedule Booking');\n    const componentErrors = this.errors.component('Reschedule Booking');\n    const { bookingInfo, selectedTimeslot, selectedTimezone } = this.schedulerStore.state;\n    // Validate data\n    const { startTime, endTime, timezone } = data;\n    const start_time = startTime || selectedTimeslot?.start_time;\n\n    if (!start_time) {\n      return { error: componentErrors.invalid_start_time('Please pass \"startTime\" in data or set \"selectedTimeslot\" in the defaultSchedulerState.') };\n    }\n    const end_time = endTime || selectedTimeslot?.end_time;\n    if (!end_time) {\n      return { error: componentErrors.invalid_end_time('Please pass \"endTime\" in data or set \"selectedTimeslot\" in the defaultSchedulerState.') };\n    }\n\n    const order = this.schedulerStore.get('availabilityOrderEmails');\n    let participantToBookWith = '';\n    if (order.length > 0) {\n      // Get the emails in the timeslot\n      const emails = selectedTimeslot?.emails || [];\n      for (let i = 0; i < order.length; i++) {\n        if (emails.includes(order[i])) {\n          participantToBookWith = order[i];\n          break;\n        }\n      }\n    }\n\n    const time_zone = timezone || selectedTimezone;\n    if (!time_zone) {\n      return { error: componentErrors.invalid_timezone('Please pass \"timezone\" in data or set \"selectedTimezone\" in the defaultSchedulerState.') };\n    }\n\n    const primaryGuest = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;\n    const guests = data ? data?.guests || [] : bookingInfo?.guests || [];\n    const additional_fields = data ? data?.additionalFields : bookingInfo?.additionalFields;\n\n    const configIdParam = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : '';\n    const url = `/v3/scheduling/bookings/${bookingId}${configIdParam}`;\n    const headers = this.getHeaders();\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'PATCH',\n      JSON.stringify({\n        start_time: start_time.getTime() / 1000,\n        end_time: end_time.getTime() / 1000,\n        time_zone,\n        additional_fields,\n        guest: { ...primaryGuest },\n        additional_guests: guests,\n        participants: participantToBookWith ? [{ email: participantToBookWith }] : undefined,\n      }),\n      headers,\n    );\n\n    if ('error' in response) {\n      this.schedulerStore.set('isLoading', false);\n      const errorType = response.error?.type;\n      let error = response.error;\n      if (errorType && errorType in apiErrors) {\n        const errorMessage = this.getErrorMessage(error);\n        error = apiErrors[errorType as APIErrorType](errorMessage);\n      }\n      return { error };\n    }\n\n    const eventInfo = this.schedulerStore.get('reschedulingEventInfo');\n    if ('data' in response) {\n      this.schedulerStore.set('eventInfo', response?.data);\n    } else if (eventInfo) {\n      this.schedulerStore.set('eventInfo', eventInfo);\n    } else {\n      // We should technically never reach this point\n      const event = {\n        booking_id: bookingId,\n      } as NylasEvent;\n      this.schedulerStore.set('eventInfo', event);\n    }\n\n    this.schedulerStore.set('isLoading', false);\n    return response;\n  }\n}\n","import { DataState, NylasEvent } from '@/common/types';\nimport { debug } from '@/utils/utils';\nimport { AdditionalFields, NylasSchedulerBookingData, Timeslot } from '@nylas/core';\nimport { createStore } from '@stencil/store';\n\nexport type AvailabilityTimeslot = {\n  emails: string[];\n  start_time: Date;\n  end_time: Date;\n};\n\nexport type LoadingState = {\n  api: 'availability' | 'createBooking' | 'cancelBooking' | 'rescheduleBooking';\n};\n\nexport type ConfigSettings = {\n  scheduler: {\n    available_days_in_future: number;\n    min_cancellation_notice: number;\n    min_booking_notice: number;\n    rescheduling_url?: string;\n    cancellation_url?: string;\n    cancellation_policy?: string;\n    hide_additional_guests?: boolean;\n    hide_cancellation_options?: boolean;\n    hide_rescheduling_options?: boolean;\n    additional_fields?: Record<string, AdditionalFields>;\n  };\n  organizer: {\n    name: string;\n    email: string;\n  };\n};\n\nexport interface NylasSchedulerStoreState {\n  selectedDate: Date | null;\n  selectedLanguage: string;\n  selectedTimezone: string;\n  selectedTimeslot: Timeslot | null;\n  availabilityOrderEmails: string[];\n  showBookingForm: boolean;\n  selectableDates: Date[] | null;\n  eventDuration: number;\n  availability: AvailabilityTimeslot[];\n  state: DataState;\n  eventInfo: NylasEvent | null;\n  cancelledEventInfo: Partial<NylasEvent> | null;\n  reschedulingEventInfo?: NylasEvent;\n  bookingInfo?: NylasSchedulerBookingData;\n  rescheduleBookingId?: string;\n  cancelBookingId?: string;\n  isLoading: boolean;\n  nylasBranding?: boolean;\n  configSettings?: ConfigSettings;\n}\n\nexport type NylasSchedulerStoreType = ReturnType<typeof CreateNylasSchedulerStore>;\n\nexport function CreateNylasSchedulerStore(defaultState: Partial<NylasSchedulerStoreState> = {}) {\n  const defaultNylasStoreState: NylasSchedulerStoreState = {\n    selectedDate: null,\n    selectedLanguage: navigator.language,\n    selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    selectedTimeslot: null,\n    showBookingForm: false,\n    availabilityOrderEmails: [],\n    selectableDates: null,\n    availability: [],\n    eventDuration: 0,\n    state: 'ready',\n    eventInfo: null,\n    cancelledEventInfo: null,\n    isLoading: false,\n    nylasBranding: true,\n    ...defaultState,\n  };\n  debug(`[defaultNylasStoreState]: `, defaultNylasStoreState);\n  const store = createStore<NylasSchedulerStoreState>(defaultNylasStoreState);\n\n  store.onChange('availability', availability => {\n    debug(`[availability]: `, availability);\n    const selectableDates = availability.map(timeslot => timeslot.start_time);\n    debug(`[selectableDates]: `, selectableDates);\n    store.set('selectableDates', selectableDates);\n    const timeslot = availability[0];\n    if (!timeslot) return;\n    const durationMinutes = Math.floor((timeslot.end_time.getTime() - timeslot.start_time.getTime()) / 60000);\n    debug(`[durationMinutes]: `, durationMinutes);\n    store.set('eventDuration', durationMinutes);\n  });\n\n  /**\n   * Reset the Nylas store to its default state.\n   * There is something wrong with the stencil/store reset method,\n   * so we have to do it via this hack.\n   */\n  store.reset = () => {\n    for (const key in defaultNylasStoreState) {\n      const value = defaultNylasStoreState[key as keyof typeof defaultNylasStoreState];\n      store.set(key as any, value);\n    }\n  };\n\n  return store;\n}\n"],"mappings":"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"}