@nylas/react 1.1.0 → 1.1.1

package/dist/google-logo-icon_4.entry-0332a181.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-2a53b6a8.cjs"),xt=require("./register-component-ea95564d-ab3d630f.cjs"),Ct=require("./constants-50c3e067-4e027da4.cjs");require("react");require("react-dom");const Pt=".sc-google-logo-icon-h{display:flex}",Ft=Pt,St=class{constructor(t){e.registerInstance(this,t),this.width="24",this.height="24"}render(){return e.h("svg",{key:"de9cae8990d7d127aa9fdd595dec79e80c79a84d",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("g",{key:"58338fde3c58a0b0c4d0df6ebb92f387eeba3a29","clip-path":"url(#clip0_959_12452)"},e.h("path",{key:"5eff0b6de57b59c3b3bec455ef60294c135fd001",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.h("path",{key:"136b3c676f5f96bffb54d7ca2487b3c303835787",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.h("path",{key:"d60273905016ff4377bcbc31775b28b39cce2b0e",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.h("path",{key:"e6e1d4406f2b76b934a5d35c9840ad3fb2a1fed0",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.h("defs",{key:"1c29b130c1afb95fec41a1bbb20988423982ee0c"},e.h("clipPath",{key:"9aefb74a952ab05e9493b2b5a0b6b838311f066e",id:"clip0_959_12452"},e.h("rect",{key:"c3c6ed00b1ef66992016c15520abdd4691ca21bf",width:24,height:24,fill:"white"}))))}};St.style=Ft;const Bt=".sc-microsoft-logo-icon-h{display:flex}",Ot=Bt,Lt=class{constructor(t){e.registerInstance(this,t),this.width="22",this.height="22"}render(){return e.h("svg",{key:"20d8f297cf0cc69b7c398b6d0c24ca60a5c67109",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"dc420eb9c73909acfc6731606b24d015a600f34e",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e.h("path",{key:"d22732be730bc90dcd3b415b9e5bba8de185ad87",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e.h("path",{key:"8c8bff7ba92cad76967ccf67c7b3435d07193091",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e.h("path",{key:"51d0a3be2495c599aee6062c51fb4bd531fd4b5c",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};Lt.style=Ot;var o;(function(t){t.EventInfo="eventInfo",t.Availability="availability",t.BookingOptions="bookingOptions",t.Communications="communications",t.Participants="participants",t.BookingForm="bookingForm",t.PageStyles="pageStyles"})(o||(o={}));function Ht({id:t,formState:a,activeTab:i},s){return e.h(e.Fragment,null,e.h("div",{key:`event-info-${t}`,class:{hide:i!==o.EventInfo}},e.h("nylas-event-info",null,e.h("div",{slot:"inputs"},e.h("nylas-event-title",{name:"title",exportparts:"net, net__title, net__dropdown-content"}),e.h("nylas-event-duration",{name:"duration",exportparts:"ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content"}),e.h("nylas-event-location",{name:"location",exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e.h("nylas-event-description",{name:"description",exportparts:"nedesc, nedesc__textarea"})))),e.h("div",{key:`availability-${t}`,class:{hide:i!==o.Availability}},e.h("nylas-participant-booking-calendars",{participants:a.participants,name:"participant-booking-calendars"}),e.h("nylas-connected-calendars",{participants:a.participants,name:"connected-calendars"}),e.h("nylas-availability-picker",{name:"availability",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"})),e.h("div",{key:`booking-options-${t}`,class:{hide:i!==o.BookingOptions}},e.h("nylas-scheduling-method",{name:"availability-method",readOnly:!0,exportparts:"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content"}),e.h("nylas-custom-booking-flow",null,e.h("div",{slot:"inputs"},e.h("nylas-booking-confirmation-type",{name:"confirmation-type",exportparts:"nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content"}),e.h("nylas-booking-confirmation-redirect",{name:"confirmation-redirect",exportparts:"nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield"}))),e.h("nylas-buffer-time",{name:"buffer-time",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.h("nylas-event-limits",null,e.h("div",{slot:"inputs"},e.h("nylas-min-booking-notice",{name:"min-booking-notice",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.h("nylas-limit-future-bookings",{name:"limit-future-bookings",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.h("nylas-min-cancellation-notice",{name:"min-cancellation-notice",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.h("nylas-cancellation-policy",{name:"cancellation-policy",exportparts:"ncpolicy, ncpolicy__textarea"}))),e.h("nylas-timeslot-interval",{name:"timeslot-interval",exportparts:"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content"}),e.h("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"})),e.h("div",{key:`communications-${t}`,class:{hide:i!==o.Communications}},e.h("div",{class:"tab-header"},e.h("h3",null,"Event communications"),e.h("p",null,"Set up automatic confirmation emails.")),e.h("nylas-confirmation-email",{name:"confirmation-email-template",exportparts:"nce, nce__tab-heading, nce__header, nce__body, nce__confirmation-email-toggle--container, nce__summary, nce__reminder-input_dropdown, nce__reminder-input_dropdown-input, nce__reminder-input_dropdown-content"})),e.h("div",{key:`participants-${t}`,class:{hide:i!==o.Participants}},e.h("nylas-additional-participants",{name:"participants",exportparts:"nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant"}),e.h("nylas-participants-custom-availability",{participants:a.participants,name:"participant-custom-availability",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"})),e.h("div",{key:`page-styles-${t}`,class:{hide:i!==o.PageStyles}},e.h("nylas-custom-event-slug",{name:"custom-event-slug",exportparts:"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield"}),e.h("nylas-page-name",{name:"page-name",exportparts:"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield"}),e.h("nylas-page-styling",{name:"page-styling",exportparts:"nps, nps__header, nps__drawer-toggle--container, nps__body, nps__title-input-textfield, nps__company-logo-input-textfield, nps__color-picker, nps__color-picker-button, nps__color-picker-button-label, nps__color-picker-selected-label, nps__submit-button-label-input-textfield, nps__message-textarea"},s)),e.h("div",{key:`booking-form-${t}`,class:{hide:i!==o.BookingForm}},e.h("nylas-booking-form-config",{name:"additional-fields"})))}const Nt='.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;height:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:calc(100% - 80px);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)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{border-right:none}}.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.sc-nylas-editor-tabs:last-of-type{margin-bottom: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;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .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 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}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs h3.sc-nylas-editor-tabs{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{margin:0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.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}',Dt=Nt;var It=function(t,a,i,s){var l=arguments.length,n=l<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,i):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,a,i,s);else for(var d=t.length-1;d>=0;d--)(c=t[d])&&(n=(l<3?c(n):l>3?c(a,i,n):c(a,i))||n);return l>3&&n&&Object.defineProperty(a,i,n),n},J=function(t,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,a)};const Z=class{constructor(t){e.registerInstance(this,t),this.schedulerConfigChanged=e.createEvent(this,"schedulerConfigChanged",7),this.cancelButtonClick=e.createEvent(this,"cancelButtonClick",7),this.formSubmitted=e.createEvent(this,"formSubmitted",7),this.previewButtonClicked=e.createEvent(this,"previewButtonClicked",7),this.schedulerEditorFormUpdated=e.createEvent(this,"schedulerEditorFormUpdated",7),this.setError=a=>{this.error=a.message},this.formSubmissionHandler=async a=>{var G,W,K,Q,X,Y,tt,et,at,it,nt,st,ot,rt,lt,dt;a.preventDefault();const i=await this.formSubmitted.emit();if(e.debug("[nylas-editor-tabs]","formSubmissionHandler",i),!this.formRef.checkValidity()||i.defaultPrevented){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=!0,this.hasUnsavedChanges=!1;const l=this.updateFormState(),{title:n,description:c,duration:d,availability:b,bookingCalendar:y,location:x,bookingType:f,buffer:S,availableDaysInFuture:P,minCancellationNotice:F,minBookingNotice:B,cancellationPolicy:O,timeslotInterval:w,additionalGuestsHidden:H,hideCancellationOptions:N,hideReschedulingOptions:D,participants:v,participantOpenHours:u,additionalFields:I,participantCalendars:m,conferencing:R,participantBookingCalendars:p,reminders:U,emailTemplate:z,redirectUrl:M,availabilityMethod:L,slug:A,appearance:$,name:j}=l,h=((W=(G=this.selectedConfiguration)==null?void 0:G.participants)==null?void 0:W.find(r=>r.is_organizer))||(v==null?void 0:v.find(r=>r.is_organizer)),k=m&&(h!=null&&h.email)?m[h==null?void 0:h.email]:[],g=((K=h==null?void 0:h.booking)==null?void 0:K.calendar_id)||y,_=d?parseInt(d):30,C=v&&(v==null?void 0:v.length)>0?v:[{name:(h==null?void 0:h.name)??((Q=this.currentUser)==null?void 0:Q.name)??"",email:(h==null?void 0:h.email)??((X=this.currentUser)==null?void 0:X.email)??"",is_organizer:!0,timezone:(b==null?void 0:b.timezone)??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:k.length?k:["primary"],open_hours:[]},booking:{calendar_id:y&&y!==""?y:"primary"}}],E={...((Y=this.selectedConfiguration)==null?void 0:Y.id)&&{id:this.selectedConfiguration.id},version:((tt=this.selectedConfiguration)==null?void 0:tt.version)??"1.0.0",slug:A,name:j,availability:{duration_minutes:_,interval_minutes:(w==null?void 0:w.interval)??_,round_to:w==null?void 0:w.roundTo,availability_rules:{availability_method:L||(((it=(at=(et=this.selectedConfiguration)==null?void 0:et.availability)==null?void 0:at.availability_rules)==null?void 0:it.availability_method)??"collective"),buffer:S||{before:0,after:0},default_open_hours:(b==null?void 0:b.openHours)??((ot=(st=(nt=this.selectedConfiguration)==null?void 0:nt.availability)==null?void 0:st.availability_rules)==null?void 0:ot.default_open_hours)??Ct.DEFAULT_OPEN_HOURS,round_robin_group_id:((dt=(lt=(rt=this.selectedConfiguration)==null?void 0:rt.availability)==null?void 0:lt.availability_rules)==null?void 0:dt.round_robin_group_id)??""}},participants:[...C==null?void 0:C.map(r=>{var ct,ht,bt,ut,pt,mt,yt,ft,gt,_t,vt,wt,kt;return r.is_organizer?{name:r.name??"",email:r.email,is_organizer:!0,timezone:((ht=(ct=u==null?void 0:u[r.email])==null?void 0:ct[0])==null?void 0:ht.timezone)??((pt=(ut=(bt=r.availability)==null?void 0:bt.open_hours)==null?void 0:ut[0])==null?void 0:pt.timezone)??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:m!=null&&m[r.email]?m==null?void 0:m[r.email]:k!=null&&k.length?k:["primary"],open_hours:(u==null?void 0:u[r.email])??((mt=r.availability)==null?void 0:mt.open_hours)??[]},booking:{calendar_id:p!=null&&p[r.email]?p==null?void 0:p[r.email]:g||"primary"}}:{...r,timezone:((ft=(yt=u==null?void 0:u[r.email])==null?void 0:yt[0])==null?void 0:ft.timezone)??((vt=(_t=(gt=r.availability)==null?void 0:gt.open_hours)==null?void 0:_t[0])==null?void 0:vt.timezone)??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:r.availability?{calendar_ids:(m==null?void 0:m[r.email])??((wt=r.availability)==null?void 0:wt.calendar_ids)??["primary"],open_hours:(u==null?void 0:u[r.email])??((kt=r.availability)==null?void 0:kt.open_hours)??[]}:void 0,booking:p!=null&&p[r.email]?{calendar_id:p==null?void 0:p[r.email]}:(r==null?void 0:r.booking)??void 0}})],event_booking:{title:(n==null?void 0:n.toString())??"",description:(c==null?void 0:c.toString())??"",location:(x==null?void 0:x.toString())??"",booking_type:(f==null?void 0:f.toString())??"booking",timezone:(b==null?void 0:b.timezone)??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:R,reminders:U},scheduler:{cancellation_policy:O??"",available_days_in_future:P??30,min_cancellation_notice:F??0,min_booking_notice:B??60,hide_additional_guests:H??!1,hide_cancellation_options:N??!1,hide_rescheduling_options:D??!1,additional_fields:I,email_template:z,confirmation_redirect_url:M},appearance:$},Et=e.mergeDeep(E,this.selectedConfiguration),T=this.action==="create"?Et:E;this.isConfigRoundRobin(T)&&(T.participants=T.participants.map(r=>({...r,is_organizer:void 0})));const Tt=r=>{this.isLoading=!1,this.changesSaved=!0,setTimeout(()=>{this.changesSaved=!1},5e3)};this.checkForClientSideErrors(T)||this.schedulerConfigChanged.emit({config:T,resetLoadingState:Tt,setError:this.setError,action:this.action})},this.isConfigRoundRobin=a=>{var i,s,l,n;return((s=(i=a.availability)==null?void 0:i.availability_rules)==null?void 0:s.availability_method)==="max-availability"||((n=(l=a.availability)==null?void 0:l.availability_rules)==null?void 0:n.availability_method)==="max-fairness"},this.checkForClientSideErrors=a=>{var d,b,y;let i=!1,s="";const l=(d=a.scheduler)==null?void 0:d.additional_fields,n=((b=a.event_booking)==null?void 0:b.booking_type)==="organizer-confirmation",c=(y=a.scheduler)==null?void 0:y.organizer_confirmation_url;return l&&(s="Booking form error: ",Object.entries(l).forEach(x=>{const f=x[1];if(f.label===""){s+=`Label is required for field of type ${f.type}.`,i=!0;return}if(f.options){for(const S of f.options)if(S===""){s+=`Empty option detected inside ${f.label} of type ${f.type}.`,i=!0;break}}})),n&&!c&&(s+="Organizer confirmation URL is required when using organizer confirmation booking type.",i=!0),i&&(this.isLoading=!1,this.setError(new Error(s))),i},this.calendars=void 0,this.selectedConfiguration=void 0,this.currentUser=void 0,this.schedulerPreviewLink="",this.mode="app",this.hideEditorTabs=[],this.action="create",this.activeTab=o.EventInfo,this.isLoading=!1,this.hasUnsavedChanges=!1,this.changesSaved=!1,this.formState={},this.error=""}configChangedHandler(t){e.debug("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration),this.formState={...this.getFormStateFromConfig(t)},t!=null&&t.id?this.action="edit":this.action="create"}userChangedHandler(t){e.debug("[nylas-editor-tabs]","userChangedHandler",t),t&&(this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)})}connectedCallback(){e.debug("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){e.debug("[nylas-editor-tabs]","componentWillLoad"),this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){var a,i;e.debug("[nylas-editor-tabs]","componentDidLoad"),(a=this.selectedConfiguration)!=null&&a.id&&this.configChangedHandler(this.selectedConfiguration);const t=(i=this.host.querySelector("button.tab:not(.hide)"))==null?void 0:i.name;t&&(this.activeTab=t)}disconnectedCallback(){e.debug("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){e.debug("[nylas-editor-tabs]","handleValueChanged",t);const{name:a,value:i}=t.detail;this.setFormState(i,a),this.formState={...this.formState},this.hasUnsavedChanges=!0,this.error="",this.schedulerEditorFormUpdated.emit({value:t.detail.value,name:t.detail.name})}getFormStateFromConfig(t){var i,s,l,n,c,d,b,y,x,f,S,P,F,B,O,w,H,N,D,v,u,I,m,R,p,U,z,M,L,A,$,j,h,k;let a=(i=t==null?void 0:t.participants)==null?void 0:i.find(g=>g.is_organizer);return!a&&((l=(s=t==null?void 0:t.availability)==null?void 0:s.availability_rules)==null?void 0:l.availability_method)!=="collective"&&(a=(n=t==null?void 0:t.participants)==null?void 0:n.find(g=>{var _;return g.email===((_=this.currentUser)==null?void 0:_.email)}),a&&(a.is_organizer=!0)),t!=null&&t.appearance&&console.info("Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired."),{title:((c=t==null?void 0:t.event_booking)==null?void 0:c.title)??"",description:((d=t==null?void 0:t.event_booking)==null?void 0:d.description)??"",duration:((y=(b=t==null?void 0:t.availability)==null?void 0:b.duration_minutes)==null?void 0:y.toString())??"30",availability:{timezone:((x=t==null?void 0:t.event_booking)==null?void 0:x.timezone)??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:((S=(f=t==null?void 0:t.availability)==null?void 0:f.availability_rules)==null?void 0:S.default_open_hours)??Ct.DEFAULT_OPEN_HOURS},additionalFields:((P=t==null?void 0:t.scheduler)==null?void 0:P.additional_fields)??{},conferencing:((F=t==null?void 0:t.event_booking)==null?void 0:F.conferencing)??{},calendarIds:((B=a==null?void 0:a.availability)==null?void 0:B.calendar_ids)??[],participants:(t==null?void 0:t.participants)??[],bookingCalendar:((O=a==null?void 0:a.booking)==null?void 0:O.calendar_id)??(a==null?void 0:a.email)??"",location:((w=t==null?void 0:t.event_booking)==null?void 0:w.location)??"",bookingType:((H=t==null?void 0:t.event_booking)==null?void 0:H.booking_type)??"booking",buffer:((D=(N=t==null?void 0:t.availability)==null?void 0:N.availability_rules)==null?void 0:D.buffer)??{before:0,after:0},cancellationPolicy:((v=t==null?void 0:t.scheduler)==null?void 0:v.cancellation_policy)??"",availableDaysInFuture:((u=t==null?void 0:t.scheduler)==null?void 0:u.available_days_in_future)??30,minCancellationNotice:((I=t==null?void 0:t.scheduler)==null?void 0:I.min_cancellation_notice)??0,minBookingNotice:((m=t==null?void 0:t.scheduler)==null?void 0:m.min_booking_notice)??60,timeslotInterval:{interval:((R=t==null?void 0:t.availability)==null?void 0:R.interval_minutes)??((p=t==null?void 0:t.availability)==null?void 0:p.duration_minutes),roundTo:(U=t==null?void 0:t.availability)==null?void 0:U.round_to},additionalGuestsHidden:((z=t==null?void 0:t.scheduler)==null?void 0:z.hide_additional_guests)??!1,hideCancellationOptions:((M=t==null?void 0:t.scheduler)==null?void 0:M.hide_cancellation_options)??!1,hideReschedulingOptions:((L=t==null?void 0:t.scheduler)==null?void 0:L.hide_rescheduling_options)??!1,participantBookingCalendars:((A=t==null?void 0:t.participants)==null?void 0:A.reduce((g,_)=>{var C,E;return(C=_.booking)!=null&&C.calendar_id&&(g[_.email]=(E=_.booking)==null?void 0:E.calendar_id),g}))??{},participantCalendars:(($=t==null?void 0:t.participants)==null?void 0:$.reduce((g,_)=>{var C;return g[_.email]=(C=_.availability)==null?void 0:C.calendar_ids,g},{}))??{},reminders:(j=t==null?void 0:t.event_booking)==null?void 0:j.reminders,emailTemplate:(h=t==null?void 0:t.scheduler)==null?void 0:h.email_template,redirectUrl:(k=t==null?void 0:t.scheduler)==null?void 0:k.confirmation_redirect_url,slug:t==null?void 0:t.slug,appearance:t==null?void 0:t.appearance,name:t==null?void 0:t.name}}setFormState(t,a){switch(a){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"confirmation-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 i=JSON.parse(t.toString());this.formState.additionalGuestsHidden=i.additionalGuestsHidden,this.formState.hideCancellationOptions=i.hideCancellationOptions,this.formState.hideReschedulingOptions=i.hideReschedulingOptions;break;case"participant-custom-availability":const s=JSON.parse(t.toString());this.formState.participantOpenHours=s;break;case"additional-fields":this.formState.additionalFields=t;break;case"connected-calendars":this.formState.participantCalendars=JSON.parse(t.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(t.toString());break;case"reminder-overrides":this.formState.reminders={overrides:JSON.parse(t.toString())};break;case"confirmation-redirect":this.formState.redirectUrl=t.toString();break;case"availability-method":this.formState.availabilityMethod=t.toString();break;case"custom-event-slug":this.formState.slug=JSON.parse(t.toString());break;case"page-styling":this.formState.appearance=JSON.parse(t.toString());break;case"page-name":this.formState.name=JSON.parse(t.toString());break}this.schedulerEditorFormUpdated.emit({value:t,name:a})}updateFormState(){return new FormData(this.formRef).forEach((a,i)=>{this.setFormState(a,i)}),this.formState={...this.formState},this.formState}setActiveTab(t,a){t.preventDefault(),this.updateFormState(),this.activeTab=a}hideTab(t){var a;return((a=this.hideEditorTabs)==null?void 0:a.includes(t))||!1}render(){var t,a;return e.debug("[nylas-editor-tabs]","render",this.formState),e.h(e.Host,{key:"93cdc21573797891ba852a7bfcff35b053982a0b"},e.h("form",{key:"899b797e84cbd0064a59d20bca3ffc4a8aed688c",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:i=>this.formRef=i,noValidate:!0},this.mode==="app"?e.h("div",{class:"form-contents"},e.h("div",{class:"tabs"},e.h("button",{name:o.EventInfo,class:{tab:!0,active:this.activeTab==o.EventInfo,hide:this.hideTab(o.EventInfo)},part:"editortab__event-info",onClick:i=>this.setActiveTab(i,o.EventInfo)},e.h("calendar-info-icon",{width:"16",height:"16"}),"Event info"),e.h("button",{name:o.Availability,class:{tab:!0,active:this.activeTab==o.Availability,hide:this.hideTab(o.Availability)},part:"editortab__availability",onClick:i=>this.setActiveTab(i,o.Availability)},e.h("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e.h("button",{name:o.Participants,class:{tab:!0,active:this.activeTab==o.Participants,hide:this.hideTab(o.Participants)},part:"editortab__participants",onClick:i=>this.setActiveTab(i,o.Participants)},e.h("people-icon",{width:"16",height:"16"}),"Participants"),e.h("button",{name:o.BookingOptions,class:{tab:!0,active:this.activeTab==o.BookingOptions,hide:this.hideTab(o.BookingOptions)},part:"editortab__booking-options",onClick:i=>this.setActiveTab(i,o.BookingOptions)},e.h("flow-icon",{width:"16",height:"16"}),"Booking options"),e.h("button",{name:o.BookingForm,class:{tab:!0,active:this.activeTab=="bookingForm",hide:this.hideTab(o.BookingForm)},part:"editortab__booking-form",onClick:i=>this.setActiveTab(i,o.BookingForm)},this.activeTab==o.BookingForm?e.h("calendar-agenda-fill-icon",{width:"16",height:"16"}):e.h("calendar-agenda-icon",{width:"16",height:"16"}),"Booking form"),e.h("button",{name:o.Communications,class:{tab:!0,active:this.activeTab=="communications",hide:this.hideTab(o.Communications)},onClick:i=>this.setActiveTab(i,o.Communications)},this.activeTab==o.Communications?e.h("envelope-fill-icon",{width:"16",height:"16"}):e.h("envelope-icon",{width:"16",height:"16"}),"Communications"),e.h("button",{name:o.PageStyles,class:{tab:!0,active:this.activeTab=="pageStyles",hide:this.hideTab(o.PageStyles)},onClick:i=>this.setActiveTab(i,o.PageStyles)},this.activeTab==o.PageStyles?e.h("paintbrush-fill-icon",{width:"16",height:"16"}):e.h("paintbrush-icon",{width:"16",height:"16"}),"Page styles")),e.h("div",{class:"tab-content"},e.h(Ht,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:((t=this.selectedConfiguration)==null?void 0:t.id)??"new"}))):e.h("div",{class:"composable",key:(a=this.selectedConfiguration)==null?void 0:a.id},e.h("slot",null)),e.h("div",{key:"70e7fc71286d9674cd2fd5327ef2c33222a17c65",class:"footer",part:"editor__footer"},e.h("div",{key:"ee62868db743fadd7d5323cffd00498a3c12fb68",class:"preview",part:"editor__footer-preview"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e.h("button-component",{type:"button",disabled:this.isLoading,clickHandler:i=>{i.preventDefault(),this.previewButtonClicked.emit(this.host).defaultPrevented||window.open(e.parsePreviewLink(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")},variant:"basic"},"Preview")),e.h("div",{key:"6d2945eddb509a13948de8419171da2078df9bd5",class:"buttons",part:"editor__footer-buttons"},e.h("p",{key:"3605d668cf634bfdf8ed2a7aa2525c3acd4c0099",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.h("button-component",{key:"226a96b3b7d1f6a41c4b66c025c500d7e930db78",type:"button",disabled:this.isLoading,clickHandler:i=>{i.preventDefault(),this.cancelButtonClick.emit(),this.error=""},variant:"basic",part:"editor__footer-cancel"},"Back"),e.h("button-component",{key:"a1a556eb5c15a8d958af4498cd86321d2a20b30a",type:"submit",disabled:this.isLoading,part:"editor__footer-cta"},this.isLoading?e.h("span",null,"Saving",e.h("loading-icon",null)," "):this.action==="create"?"Create":"Save changes")))))}get host(){return e.getElement(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"]}}};It([xt.RegisterComponent({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.hideEditorTabs","hideEditorTabs"]]),eventToProps:{schedulerConfigChanged:async(t,a)=>{const{resetLoadingState:i,setError:s,action:l,config:n}=t.detail,c=d=>{const[b,y]=d;!b&&y&&s&&s(y),i&&i(t)};if(l==="edit"){const d=await a.schedulerConfig.updateConfiguration(n);c(d)}else{const d=await a.schedulerConfig.createConfiguration(n);c(d)}},cancelButtonClick:async(t,a)=>{a.schedulerConfigStore.state.action=null},previewButtonClicked:async(t,a)=>{e.debug("[nylas-editor-tabs]","previewButtonClicked",a)},formSubmitted:async(t,a)=>{e.debug("[nylas-editor-tabs]","formSubmitted",a)},schedulerEditorFormUpdated:async(t,a)=>{e.debug("[nylas-editor-tabs]","schedulerEditorFormUpdated",t)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),fireRegisterEvent:!0}),J("design:type",Function),J("design:paramtypes",[]),J("design:returntype",void 0)],Z.prototype,"render",null);Z.style=Dt;const Rt=':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:hidden}.configurations .table-container{overflow-y:auto;flex:1}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container 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-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{text-align:right}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.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)}',Ut=Rt;var zt=function(t,a,i,s){var l=arguments.length,n=l<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,i):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,a,i,s);else for(var d=t.length-1;d>=0;d--)(c=t[d])&&(n=(l<3?c(n):l>3?c(a,i,n):c(a,i))||n);return l>3&&n&&Object.defineProperty(a,i,n),n},V=function(t,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,a)};const q=class{constructor(t){e.registerInstance(this,t),this.initListConfigurations=e.createEvent(this,"initListConfigurations",7),this.createButtonClick=e.createEvent(this,"createButtonClick",7),this.editButtonClick=e.createEvent(this,"editButtonClick",7),this.deleteButtonClick=e.createEvent(this,"deleteButtonClick",7),this.configurations=[],this.schedulerPreviewLink="",this.listConfigurationsNextCursor=void 0,this.state="loading",this.error="",this.currentCursor=null,this.previousCursors=[],this.disableNextPageButton=!1}listConfigurationsNextCursorChangedHandler(t,a){if(!t||t===a){t===null&&(this.disableNextPageButton=!0);return}this.disableNextPageButton=!1,this.currentCursor=t}connectedCallback(){e.debug("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){e.debug("[nylas-list-configurations]","componentWillLoad"),this.configurations&&this.configurations.length>0&&(this.state="loaded")}componentDidLoad(){e.debug("[nylas-list-configurations]","componentDidLoad"),this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){e.debug("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(t){e.debug("[nylas-list-configurations]","handleNylasFormDropdownChanged",t.detail);const{value:a}=t.detail,[i,s]=a.split("-");switch(t.preventDefault(),i){case"delete":this.deleteButtonClick.emit({host:this.host,configuration:this.configurations[s]});break;case"preview":window.open(e.parsePreviewLink(this.schedulerPreviewLink,this.configurations[s]),"_blank");break;case"copy":await navigator.clipboard.writeText(e.parsePreviewLink(this.schedulerPreviewLink,this.configurations[s]));break}}async getState(){return this.state}async setState(t){this.state=t}async setError(t){this.error=t}getDurationString(t){const a=Math.floor(t/60),i=t%60;return`${a||""} ${a?`${a>1?"hours":"hour"}`:""} ${i||""} ${i?`${i>1?"mins":"min"}`:""}`}getActionLabelHTML(t){const a={display:"inline-flex",alignItems:"center",gap:"0.5rem"},i={color:"var(--nylas-error)"};switch(t){case"preview":return e.h("span",{style:a},e.h("eye-icon",{width:"16",height:"16"}),"Preview");case"copy":return e.h("span",{style:a},e.h("copy-icon",{width:"16",height:"16"}),"Copy");case"delete":return e.h("span",{style:{...a,...i}},e.h("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]||void 0;this.initListConfigurations.emit({host:this.host,cursor:t})}nextPageClickedHandler(){this.currentCursor&&(this.previousCursors=[...this.previousCursors,this.currentCursor],this.initListConfigurations.emit({host:this.host,cursor:this.currentCursor}))}render(){return e.h(e.Host,null,e.h("div",{class:"header"},e.h("div",{class:"description"},e.h("h2",null,"All Scheduling Pages"),e.h("p",null,"Create and manage your Scheduling Pages.")),this.configurations&&this.configurations.length>0&&e.h("div",{class:"actions"},e.h("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e.h("div",{class:"configurations"},e.h("div",{class:"table-container"},e.h("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},e.h("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},e.h("th",null,"Page title"),e.h("th",null,"Duration"),e.h("th",null)),this.state==="loading"&&e.h("tr",{class:"no-configurations"},e.h("td",{colSpan:3},e.h("div",null,e.h("h3",null,"Loading..."),e.h("p",null,"Please wait while we fetch the scheduling pages")))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&e.h("tr",{class:"no-configurations"},e.h("td",{colSpan:3},e.h("div",null,e.h("calendar-icon",{width:"48",height:"48"}),e.h("h3",null,"No scheduling pages found"),e.h("p",null,"Get started with creating your first scheduling page"),e.h("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new")))),this.state!=="loading"&&this.configurations.map((t,a)=>e.h("tr",{key:t.id},e.h("td",null,e.h("div",{class:"title"},e.h("div",{class:"config-event-title",title:t.event_booking.title},t.event_booking.title),e.h("div",{class:"config-event-description"},t.event_booking.description))),e.h("td",null,e.h("div",{class:"duration"},this.getDurationString(t.availability.duration_minutes))),e.h("td",null,e.h("div",{class:"actions"},e.h("button-component",{variant:"basic",key:`edit-${a}`,clickHandler:i=>{i.preventDefault(),this.editButtonClick.emit({host:this.host,configuration:t})}},e.h("edit-icon",{width:"16",height:"16"}),"Edit"),e.h("select-dropdown",{name:"actions",options:[{value:`preview-${a}`,label:"Preview",labelHTML:this.getActionLabelHTML("preview")},{value:`copy-${a}`,label:"Copy link",labelHTML:this.getActionLabelHTML("copy")},{value:`delete-${a}`,label:"Delete",labelHTML:this.getActionLabelHTML("delete")}],defaultSelectedOption:{value:"",label:""},dropdownButtonText:"...",withSearch:!1,withChevron:!1,exportparts:"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content"}))))))),e.h("div",{class:"pagination"},e.h("button",{class:"arrow left",onClick:()=>this.previousPageClickedHandler(),disabled:this.previousCursors.length<=0},e.h("chevron-icon",null)),e.h("button",{class:"arrow right",onClick:()=>this.nextPageClickedHandler(),disabled:this.disableNextPageButton},e.h("chevron-icon",null)))),this.state==="error"&&e.h("div",{class:"error-container"},e.h("p",{class:"error"},this.error)))}get host(){return e.getElement(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"]}}};zt([xt.RegisterComponent({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"],["schedulerConfig.listConfigurationsNextCursor","listConfigurationsNextCursor"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(t,a)=>{const{host:i,cursor:s}=t.detail;await i.setState("loading");const[l,n]=await a.schedulerConfig.getConfigurations(s);if(!l&&n&&n.message){await i.setState("error"),await i.setError(n.message);return}await i.setState("loaded")},createButtonClick:async(t,a)=>{a.schedulerConfigStore.resetSelectedConfiguration(),a.schedulerConfigStore.state.action="create"},deleteButtonClick:async(t,a)=>{const{host:i,configuration:s}=t.detail,[l,n]=await a.schedulerConfig.deleteConfiguration(s.id);!l&&n&&n.message&&(await i.setState("error"),await i.setError(n.message))},editButtonClick:async(t,a)=>{const{configuration:i}=t.detail;a.schedulerConfigStore.state.selectedConfiguration=i,a.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:!0}),V("design:type",Function),V("design:paramtypes",[]),V("design:returntype",void 0)],q.prototype,"render",null);q.style=Ut;exports.google_logo_icon=St;exports.microsoft_logo_icon=Lt;exports.nylas_editor_tabs=Z;exports.nylas_list_configurations=q;