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

package/dist/nylas-web-elements/p-692852d2.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:"2c841d24793754d4abf29599089ddc4adddab566",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"53a9ac05f8768bf15e2417e1ed9272b9bfd76192","clip-path":"url(#clip0_959_12452)"},e("path",{key:"556b3a51c85ad767a8d5d78b32917e33f25452fc",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:"64f9383c44057d0605c31ade8421f35de8da7abc",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:"09c3db2f1f3d59194e6d2f24dfc2a93c734268e2",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:"bc65d435e896e0df6c84ef924da7b31127555110",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:"d6dcb6ae9a9159e7efa1d75c3210e5fcc2c31a6e"},e("clipPath",{key:"00502658a6564e994d15db5a6faf55dd0ebd81ee",id:"clip0_959_12452"},e("rect",{key:"d5aa6094b37f898da80e2155c946d674f67ecd9b",width:24,height:24,fill:"white"}))))}};p.style=b;const h=".sc-microsoft-logo-icon-h{display:flex}";const f=h;const u=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"8513c623e896a1316ba5dc7833c7f5600a76311f",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"5eb7a1a1fa8eedbddcb71af313415e787e4a329a",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"336ad2187e71af5535135a80165e2fac221ec710",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"35015b210031566f69f1143bf6fd50e37cb45ad6",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"e035685027b9018eee775ed72cd1baec72d74bc8",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};u.style=f;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:f,minBookingNotice:u,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:f??0,min_booking_notice:u??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:"7d45f855afdd7127c844d5192c5c5539f47f2b49"},e("form",{key:"9287edfab1f66325e062abd39672f3d628954202",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:"001f6a4cac2db5d4121acef3ea3ea25e8b1f2926",class:"footer"},e("div",{key:"9255e7ca6cb6435943a220e68872c3df904d990d",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:"0ce5376d53b5f89a05f21ee5abff265a072fa3dc",class:"buttons"},e("p",{key:"ea0d4c99db31fc3bbea21b681ea4fec109cc028a",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:"d67d47a9c192f56ffbb019a5ccc9fcfac96af8db",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic"},"Back"),e("button-component",{key:"25d317c8ca4b7b9da3195ac91d83fa4b8bc4f91c",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,u as microsoft_logo_icon,w as nylas_editor_tabs,S as nylas_list_configurations};
+//# sourceMappingURL=p-692852d2.entry.js.map

package/dist/nylas-web-elements/p-692852d2.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-60b03f86.entry.js → p-6c8af4fb.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e}from"./p-68c2fadf.js";const t=".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}";const d=t;const s=class{constructor(e){a(this,e);this.width="15";this.height="15"}render(){return e("div",{key:"5a2e1d7f211e17dba936c594398751951d2276e9",class:"wave"},e("div",{key:"96caaecdcb309348f961ed43774eb89a2a87e635",class:"dot"}),e("div",{key:"f1f707f4a133dd12fa71a5ae13d864ce26b125d8",class:"dot"}),e("div",{key:"34df820811090a46234faf4b8b5ee1e033554d11",class:"dot"}))}};s.style=d;export{s as loading_icon};
-//# sourceMappingURL=p-60b03f86.entry.js.map
+import{r as a,h as e}from"./p-68c2fadf.js";const t=".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}";const s=t;const d=class{constructor(e){a(this,e);this.width="15";this.height="15"}render(){return e("div",{key:"f6b37e9e1e3ae8c2f82ae47fbbde03009bebaba6",class:"wave"},e("div",{key:"9d4c2d637dacfc496e47ef54a61c2a298ec9c739",class:"dot"}),e("div",{key:"61f581054b5c086dee685b3c076f4d237da6e077",class:"dot"}),e("div",{key:"f79d2b6a2640f5f6c700f2296bd1ab0a86f0fb8a",class:"dot"}))}};d.style=s;export{d as loading_icon};
+//# sourceMappingURL=p-6c8af4fb.entry.js.map

package/dist/nylas-web-elements/p-6d410f0a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-68c2fadf.js";const e=".sc-archive-icon-h{display:flex}";const o=e;const a=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"e3c2f5876d3c8cdd004a98b0504d83c8f0fba91b",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"7e89531cc6d261201dacd47d3c5a81565bc90f3a",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"625094772f245f9efc6b15cc5e66f57070fcee0d",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"7cdaeb1e497f0c5b46f78a2a71d8cbd4cd1310e3",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"13618106011b5a3ec8d15b14fae2f6c85f95c1c3",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};a.style=o;const c=".sc-folder-icon-h{display:flex}";const d=c;const i=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"c2101a27c5aa9eefa078de2a9d3877cf86361f22",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"8954a955bcef077dafa8804c6bcd18650fc99876",d:"M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z",stroke:"auto","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=d;const h=".sc-inbox-icon-h{display:flex}";const r=h;const f=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"7c7690877ad3161f100aea0a76554228f3f4bb83",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"8ad4aadc7532d34ab8278f75acc9c4a7fd33276d",d:"M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"f5df403bc86eaf427f3125ef89542fdc1bf7947e",d:"M2 5L12 12.5L22 5",stroke:"auto","stroke-width":"1.5"}))}};f.style=r;const n=".sc-sent-icon-h{display:flex}";const C=n;const k=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"c36c3df2d967b8993198d37a7705294e5e86fb6a",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"0974f9e85cfadefc669150187b627171bbb56230",d:"M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"acbdd1d40fc1ab957bf43e0c90bc26e6a6854e29",d:"M3.5 3.5L12 10.5",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"ff45cdf9218293d588fada8349d37016b8077f73",d:"M3.5 20.5L12 13.5",stroke:"auto","stroke-width":"1.5"}))}};k.style=C;const w=".sc-spam-icon-h{display:flex}";const b=w;const l=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"278fecd6eaa0846ba5612b28e5649e778482a369",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"fc6794b84e02dc49d7f1a622498f68a133ea50f0",d:"M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"11f1c361255771dcda15c2695114545c6070f281",d:"M2 5L12 12.5L22 5",stroke:"auto","stroke-width":"1.5"}))}};l.style=b;const u=".sc-star-icon-h{display:flex}";const p=u;const y=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"b4498f5911156b1962780f1eeb0df5ac1592406a",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"35c72dd679feb13ca64bd6039e560c9370363019",d:"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z",stroke:"auto","stroke-width":"1.5"}))}};y.style=p;const g=".sc-trash-icon-h{display:flex}";const x=g;const v=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"b69c2f815b8eda05ab9253e19c1a927f073a6abf",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"0bde0b99b32c8167879286e6552048397456c6e1",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"551e7f6930bf2c45518ad1dd2342b9ecbf820a24",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"bfc4a9e7e05f51f8eba2411dd6b9073f3172c1bf",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),s("path",{key:"797f8d7e171860f0b2f51ffc53bb05743efa8d30",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};v.style=x;export{a as archive_icon,i as folder_icon,f as inbox_icon,k as sent_icon,l as spam_icon,y as star_icon,v as trash_icon};
+//# sourceMappingURL=p-6d410f0a.entry.js.map