@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241015194719

package/dist/nylas-web-elements/p-7bed0959.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,F as n,c as a,H as i,a as s}from"./p-68c2fadf.js";import{R as o}from"./p-bf5b88a3.js";import{a as r,m as l,k as c}from"./p-797cc185.js";import{D as d}from"./p-08a590fe.js";import{i as b,a as p,c as h,b as f,f as u}from"./p-4002863f.js";const y=".sc-google-logo-icon-h{display:flex}";const m=y;const g=class{constructor(e){t(this,e);this.width="24";this.height="24"}render(){return e("svg",{key:"a92099ec8ac0962d66c891c164e335ef3d047d22",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"67f404193a491c7599cb0ff6eb2eba5322d05e12","clip-path":"url(#clip0_959_12452)"},e("path",{key:"3c61ed99570e6093cad10d510093e172828eff40",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:"c02254455f486c14330e39e76240c1cf4f4597a4",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:"8db3f9f9c1587778afe57689afc1a72db582d5ec",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:"45b05683bc9c6bf46c6aef5858604016460df3e2",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:"4c047174ca3453f959e5e81b31e79abae98a1e09"},e("clipPath",{key:"0e8a1d30c69e4ff0d43a99342b111a0ced46b894",id:"clip0_959_12452"},e("rect",{key:"e653c135430f8fd0e33dea31c2d26a75ac6301a0",width:24,height:24,fill:"white"}))))}};g.style=m;const _=".sc-microsoft-logo-icon-h{display:flex}";const v=_;const w=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"0426f3e50fb256a3a5f5c2c221da187daddf01ab",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"7613831c4bd6ec132acc5e89859acdfd6035f0c1",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"db04c966af57fe29013c799d7a38192d121beb44",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"fe59fe563aede56518af70627d0ece3b83ded0fc",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"07e3f81f79863f2e87827b163a2e9a9f9804cbf0",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};w.style=v;var k;(function(t){t["EventInfo"]="eventInfo";t["Availability"]="availability";t["BookingOptions"]="bookingOptions";t["Communications"]="communications";t["Participants"]="participants";t["BookingForm"]="bookingForm";t["PageStyles"]="pageStyles"})(k||(k={}));function x({id:t,formState:a,activeTab:i},s){return e(n,null,e("div",{key:`event-info-${t}`,class:{hide:i!==k.EventInfo}},e("nylas-event-info",null,e("div",{slot:"inputs"},e("nylas-event-title",{name:"title",exportparts:"net, net__title, net__dropdown-content"}),e("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("nylas-event-location",{name:"location",exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e("nylas-event-description",{name:"description",exportparts:"nedesc, nedesc__textarea"})))),e("div",{key:`availability-${t}`,class:{hide:i!==k.Availability}},e("nylas-participant-booking-calendars",{participants:a.participants,name:"participant-booking-calendars",exportparts:"npbc, npbc__header, npbc__content, npbc__participant-container, npbc__participant-title"}),e("nylas-connected-calendars",{participants:a.participants,name:"connected-calendars",exportparts:"nccals, nccals__header, nccals__content, nccals__container, nccals__title, nccals__toggle-container, npbc__participant-toggle-container"}),e("nylas-availability-picker",{name:"availability",exportparts:"nap, 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("div",{key:`booking-options-${t}`,class:{hide:i!==k.BookingOptions}},e("nylas-scheduling-method",{name:"availability-method",readOnly:true,exportparts:"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content"}),e("nylas-custom-booking-flow",{exportparts:"ncbflow, ncbflow__header, ncbflow__title, ncbflow__content"},e("div",{slot:"inputs"},e("nylas-booking-confirmation-type",{name:"confirmation-type",exportparts:"nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content"}),e("nylas-booking-confirmation-redirect",{name:"confirmation-redirect",exportparts:"nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield"}))),e("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("nylas-event-limits",null,e("div",{slot:"inputs"},e("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("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("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("nylas-cancellation-policy",{name:"cancellation-policy",exportparts:"ncpolicy, ncpolicy__textarea"}))),e("nylas-timeslot-interval",{name:"timeslot-interval",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"})),e("div",{key:`communications-${t}`,class:{hide:i!==k.Communications}},e("div",{class:"tab-header"},e("h3",null,"Event communications"),e("p",null,"Set up automatic confirmation emails.")),e("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("nylas-reminder-emails",{name:"reminder-emails",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nre__reminder-input_dropdown, nre__reminder-input_dropdown-input, nre__reminder-input_dropdown-content"})),e("div",{key:`participants-${t}`,class:{hide:i!==k.Participants}},e("nylas-additional-participants",{name:"participants",exportparts:"nap, nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant"}),e("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("div",{key:`page-styles-${t}`,class:{hide:i!==k.PageStyles}},e("nylas-custom-event-slug",{name:"custom-event-slug",exportparts:"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield"}),e("nylas-page-name",{name:"page-name",exportparts:"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield"}),e("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("div",{key:`booking-form-${t}`,class:{hide:i!==k.BookingForm}},e("nylas-booking-form-config",{name:"additional-fields",exportparts:"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const C='.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}button-component#report-issue.sc-nylas-editor-tabs{width:auto}nylas-feedback-form.sc-nylas-editor-tabs{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}';const S=C;var H=undefined&&undefined.__decorate||function(t,e,n,a){var i=arguments.length,s=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(i<3?o(s):i>3?o(e,n,s):o(e,n))||s;return i>3&&s&&Object.defineProperty(e,n,s),s};var F=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const L=class{constructor(e){t(this,e);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.cancelButtonClick=a(this,"cancelButtonClick",7);this.formSubmitted=a(this,"formSubmitted",7);this.previewButtonClicked=a(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=a(this,"schedulerEditorFormUpdated",7);this.setError=t=>{this.error=t.message};this.formSubmissionHandler=async t=>{t.preventDefault();const e=await this.formSubmitted.emit();r("[nylas-editor-tabs]","formSubmissionHandler",e);const n=this.formRef.checkValidity();if(!n||e.defaultPrevented){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();const{title:i,description:s,duration:o,availability:c,bookingCalendar:b,location:p,bookingType:h,buffer:f,availableDaysInFuture:u,minCancellationNotice:y,minBookingNotice:m,cancellationPolicy:g,timeslotInterval:_,additionalGuestsHidden:v,hideCancellationOptions:w,hideReschedulingOptions:k,participants:x,participantOpenHours:C,additionalFields:S,participantCalendars:H,conferencing:F,participantBookingCalendars:L,reminders:z,emailTemplate:O,redirectUrl:j,availabilityMethod:P,slug:B,appearance:N,name:T}=a;const I=this.selectedConfiguration?.participants?.find((t=>t.is_organizer))||x?.find((t=>t.is_organizer));const $=H&&I?.email?H[I?.email]:[];const M=I?.booking?.calendar_id||b;const R=o?parseInt(o):30;const E=x&&x?.length>0?x:[{name:I?.name??this.currentUser?.name??"",email:I?.email??this.currentUser?.email??"",is_organizer:true,timezone:c?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:$.length?$:["primary"],open_hours:[]},booking:{calendar_id:b&&b!==""?b:"primary"}}];const V={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:B,name:T,availability:{duration_minutes:R,interval_minutes:_?.interval??R,round_to:_?.roundTo,availability_rules:{availability_method:P?P:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective",buffer:f||{before:0,after:0},default_open_hours:c?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??d,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...E?.map((t=>{if(t.is_organizer){return{name:t.name??"",email:t.email,is_organizer:true,timezone:C?.[t.email]?.[0]?.timezone??t.availability?.open_hours?.[0]?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:H?.[t.email]?H?.[t.email]:$?.length?$:["primary"],open_hours:C?.[t.email]??t.availability?.open_hours??[]},booking:{calendar_id:L?.[t.email]?L?.[t.email]:M?M:"primary"}}}return{...t,timezone:C?.[t.email]?.[0]?.timezone??t.availability?.open_hours?.[0]?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:t.availability?{calendar_ids:H?.[t.email]??t.availability?.calendar_ids??["primary"],open_hours:C?.[t.email]??t.availability?.open_hours??[]}:undefined,booking:L?.[t.email]?{calendar_id:L?.[t.email]}:t?.booking??undefined}}))],event_booking:{title:i?.toString()??"",description:s?.toString()??"",location:p?.toString()??"",booking_type:h?.toString()??"booking",timezone:c?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:F,reminders:z},scheduler:{cancellation_policy:g??"",available_days_in_future:u??30,min_cancellation_notice:y??0,min_booking_notice:m??60,hide_additional_guests:v??false,hide_cancellation_options:w??false,hide_rescheduling_options:k??false,additional_fields:S,email_template:O,confirmation_redirect_url:j},appearance:N};const D=l(V,this.selectedConfiguration||{});const J=this.action==="create"?D:V;if(this.isConfigRoundRobin(J)){J.participants=J.participants.map((t=>({...t,is_organizer:undefined})))}const U=t=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const A=this.checkForBookingFormErrors(J);const Z=this.configurations?.find((t=>t.id===this.selectedConfiguration?.id))||{};const W=this.checkForOrganizerConfirmationError(l(J,Z));if(A||W){return}this.schedulerConfigChanged.emit({config:J,resetLoadingState:U,setError:this.setError,action:this.action})};this.isConfigRoundRobin=t=>t?.availability?.availability_rules?.availability_method==="max-availability"||t.availability?.availability_rules?.availability_method==="max-fairness";this.checkForOrganizerConfirmationError=t=>{let e=false;let n="";const a=t.event_booking?.booking_type==="organizer-confirmation";const i=t.scheduler?.organizer_confirmation_url;if(a&&!i){n+="Organizer confirmation URL is required when using organizer confirmation booking type.";e=true}if(e){this.isLoading=false;this.setError(new Error(n))}return e};this.checkForBookingFormErrors=t=>{let e=false;let n="";const a=t.scheduler?.additional_fields;if(a){n="Booking form error: ";Object.entries(a).forEach((t=>{const a=t[1];if(a.label===""){n+=`Label is required for field of type ${a.type}.`;e=true;return}if(a.options){for(const t of a.options){if(t===""){n+=`Empty option detected inside ${a.label} of type ${a.type}.`;e=true;break}}}}))}if(e){this.isLoading=false;this.setError(new Error(n))}return e};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.action="create";this.showFeedbackModal=false;this.activeTab=k.EventInfo;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(t){r("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(t)};if(t?.id){this.action="edit"}else{this.action="create"}}userChangedHandler(t){r("[nylas-editor-tabs]","userChangedHandler",t);if(t){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}connectedCallback(){r("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){r("[nylas-editor-tabs]","componentDidLoad");if(this.enableUserFeedback&&!b()){p({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.1.4",integrations:t=>[...t.filter((t=>false)),u({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const t=this.host.querySelector("button.tab:not(.hide)")?.name;if(t){this.activeTab=t}}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){r("[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="";this.schedulerEditorFormUpdated.emit({value:t.detail.value,name:t.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(t){const e=h("Scheduler Editor User Feedback");const n={eventId:e,message:t.detail.feedback};f(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.1.4"},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}getFormStateFromConfig(t){let e=t?.participants?.find((t=>t.is_organizer));if(!e&&t?.availability?.availability_rules?.availability_method!=="collective"){e=t?.participants?.find((t=>t.email===this.currentUser?.email));if(e){e.is_organizer=true}}if(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.")}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??d},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}),{})??{},reminders:t?.event_booking?.reminders,emailTemplate:t?.scheduler?.email_template,redirectUrl:t?.scheduler?.confirmation_redirect_url,slug:t?.slug,appearance:t?.appearance,name:t?.name}}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"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 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;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(t.toString());break;case"reminder-overrides":this.formState.reminders=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:e})}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}onFeedbackClick(){this.showFeedbackModal=true}render(){r("[nylas-editor-tabs]","render",this.formState);return e(i,{key:"979cb82af1a494ea69a8122420da0c794e7c1c14"},e("form",{key:"a8aec5d884b9985898a0e2015a973c3f18c9993d",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",{name:k.EventInfo,class:{tab:true,active:this.activeTab==k.EventInfo,hide:this.hideTab(k.EventInfo)},part:"editortab__event-info",onClick:t=>this.setActiveTab(t,k.EventInfo)},e("calendar-info-icon",{width:"16",height:"16"}),"Event info"),e("button",{name:k.Availability,class:{tab:true,active:this.activeTab==k.Availability,hide:this.hideTab(k.Availability)},part:"editortab__availability",onClick:t=>this.setActiveTab(t,k.Availability)},e("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e("button",{name:k.Participants,class:{tab:true,active:this.activeTab==k.Participants,hide:this.hideTab(k.Participants)},part:"editortab__participants",onClick:t=>this.setActiveTab(t,k.Participants)},e("people-icon",{width:"16",height:"16"}),"Participants"),e("button",{name:k.BookingOptions,class:{tab:true,active:this.activeTab==k.BookingOptions,hide:this.hideTab(k.BookingOptions)},part:"editortab__booking-options",onClick:t=>this.setActiveTab(t,k.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),"Booking options"),e("button",{name:k.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(k.BookingForm)},part:"editortab__booking-form",onClick:t=>this.setActiveTab(t,k.BookingForm)},this.activeTab==k.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),"Booking form"),e("button",{name:k.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(k.Communications)},onClick:t=>this.setActiveTab(t,k.Communications)},this.activeTab==k.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),"Communications"),e("button",{name:k.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(k.PageStyles)},onClick:t=>this.setActiveTab(t,k.PageStyles)},this.activeTab==k.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),"Page styles")),e("div",{class:"tab-content"},e(x,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new"}))):e("div",{class:"composable",key:this.selectedConfiguration?.id},e("slot",null)),e("div",{key:"c013e06487a2675130df47566e7322bb8254fea0",class:"footer",part:"editor__footer"},e("div",{key:"7ec0e476e014b7dcc5cb0177b86161743b09233f",class:"preview",part:"editor__footer-preview"},this.enableUserFeedback&&e("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e("feedback-icon",null))),e("div",{key:"791187b91f7ce807d980fe79a551bb7f16725a8b",class:"buttons",part:"editor__footer-buttons"},e("p",{key:"33e1dcbac0ccf06a7c9b15fe615e222e86d7d947",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!":""),this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{title:"Preview",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();const e=this.previewButtonClicked.emit(this.host);if(!e.defaultPrevented){window.open(c(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},e("eye-icon",null)),e("button-component",{key:"35722d8b7c489c687ef63d7747a33204261b2870",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel"},"Back"),e("button-component",{key:"fabfca306aecb7a62212397bfe12e3fffce5fa8e",type:"submit",disabled:this.isLoading,part:"editor__footer-cta"},this.isLoading?e("span",null,"Saving",e("loading-icon",null)," "):this.action==="create"?"Create":"Save changes")))),this.showFeedbackModal&&e("nylas-feedback-form",null))}get host(){return s(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"]}}};H([o({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"]]),eventToProps:{schedulerConfigChanged:async(t,e)=>{const{resetLoadingState:n,setError:a,action:i,config:s}=t.detail;const o=e=>{const[i,s]=e;if(!i&&s&&a){a(s)}if(n){n(t)}};if(i==="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)=>{r("[nylas-editor-tabs]","previewButtonClicked",e)},formSubmitted:async(t,e)=>{r("[nylas-editor-tabs]","formSubmitted",e)},schedulerEditorFormUpdated:async(t,e)=>{r("[nylas-editor-tabs]","schedulerEditorFormUpdated",t)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),F("design:type",Function),F("design:paramtypes",[]),F("design:returntype",void 0)],L.prototype,"render",null);L.style=S;const z=':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)}';const O=z;var j=undefined&&undefined.__decorate||function(t,e,n,a){var i=arguments.length,s=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(i<3?o(s):i>3?o(e,n,s):o(e,n))||s;return i>3&&s&&Object.defineProperty(e,n,s),s};var P=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const B=class{constructor(e){t(this,e);this.initListConfigurations=a(this,"initListConfigurations",7);this.createButtonClick=a(this,"createButtonClick",7);this.editButtonClick=a(this,"editButtonClick",7);this.deleteButtonClick=a(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(){r("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){r("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){r("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){r("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(t){r("[nylas-list-configurations]","handleNylasFormDropdownChanged",t.detail);const{value:e}=t.detail;const[n,a]=e.split("-");t.preventDefault();switch(n){case"delete":this.deleteButtonClick.emit({host:this.host,configuration:this.configurations[a]});break;case"preview":window.open(c(this.schedulerPreviewLink,this.configurations[a]),"_blank");break;case"copy":await navigator.clipboard.writeText(c(this.schedulerPreviewLink,this.configurations[a]));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 a={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,...a}},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 and manage your Scheduling Pages.")),this.configurations&&this.configurations.length>0&&e("div",{class:"actions"},e("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e("div",{class:"configurations"},e("div",{class:"table-container"},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,"Page title"),e("th",null,"Duration"),e("th",null)),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",{part:"nlc__create-new-cta",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("div",{class:"config-event-title",title:t?.event_booking?.title},t?.event_booking?.title),e("div",{class:"config-event-description"},t?.event_booking?.description))),e("td",null,e("div",{class:"duration"},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 s(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"]}}};j([o({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:a}=t.detail;await n.setState("loading");const[i,s]=await e.schedulerConfig.getConfigurations(a);if(!i&&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:a}=t.detail;const[i,s]=await e.schedulerConfig.deleteConfiguration(a.id);if(!i&&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}),P("design:type",Function),P("design:paramtypes",[]),P("design:returntype",void 0)],B.prototype,"render",null);B.style=O;export{g as google_logo_icon,w as microsoft_logo_icon,L as nylas_editor_tabs,B as nylas_list_configurations};
+//# sourceMappingURL=p-7bed0959.entry.js.map

package/dist/nylas-web-elements/p-7bed0959.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","Tab","TabContents","formState","activeTab","children","Fragment","class","hide","EventInfo","slot","name","exportparts","Availability","participants","BookingOptions","readOnly","Communications","Participants","PageStyles","BookingForm","nylasEditorTabsCss","NylasEditorTabsStyle0","NylasEditorTabs","setError","error","message","formSubmissionHandler","async","event","preventDefault","formEvent","formSubmitted","emit","debug","valid","formRef","checkValidity","defaultPrevented","validationMessage","isLoading","hasUnsavedChanges","updateFormState","title","description","duration","availability","bookingCalendar","location","bookingType","buffer","availableDaysInFuture","minCancellationNotice","minBookingNotice","cancellationPolicy","timeslotInterval","additionalGuestsHidden","hideCancellationOptions","hideReschedulingOptions","participantOpenHours","additionalFields","participantCalendars","conferencing","participantBookingCalendars","reminders","emailTemplate","redirectUrl","availabilityMethod","slug","appearance","organizer","selectedConfiguration","find","p","is_organizer","organizerCalendars","email","organizerBookingCalendar","booking","calendar_id","durationMinutes","parseInt","participantsList","length","currentUser","timezone","Intl","DateTimeFormat","resolvedOptions","timeZone","calendar_ids","open_hours","configObject","version","duration_minutes","interval_minutes","interval","round_to","roundTo","availability_rules","availability_method","before","after","default_open_hours","openHours","DEFAULT_OPEN_HOURS","round_robin_group_id","map","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","email_template","confirmation_redirect_url","configObjectWithDeveloperSettings","mergeDeep","finalConfig","action","isConfigRoundRobin","resetLoadingState","_e","changesSaved","setTimeout","hasBookingError","checkForBookingFormErrors","currentConfig","configurations","c","hasOrganizerConfirmationError","checkForOrganizerConfirmationError","schedulerConfigChanged","config","hasError","errorMessage","isOrganizerConfirmationType","organizerConfirmationUrl","organizer_confirmation_url","Error","Object","entries","forEach","entry","field","label","type","options","option","configChangedHandler","newConfig","getFormStateFromConfig","userChangedHandler","newUser","connectedCallback","componentWillLoad","componentDidLoad","enableUserFeedback","Sentry.isInitialized","Sentry.init","dsn","release","integrations","filter","_integration","Sentry.feedbackIntegration","colorScheme","autoInject","autoSessionTracking","beforeSend","firstVisibleTab","host","querySelector","disconnectedCallback","handleValueChanged","value","detail","setFormState","schedulerEditorFormUpdated","feedbackModalClosedHandler","showFeedbackModal","feedbackSubmittedHandler","eventId","Sentry.captureMessage","feedback","Sentry.captureFeedback","includeReplay","captureContext","tags","extra","configId","organizerParticipant","console","info","calendarIds","reduce","acc","JSON","parse","settings","formData","FormData","setActiveTab","e","tabName","hideTab","tab","hideEditorTabs","includes","onFeedbackClick","Host","onSubmit","ref","el","noValidate","mode","active","part","onClick","calendars","variant","schedulerPreviewLink","disabled","clickHandler","previewEvent","previewButtonClicked","window","open","parsePreviewLink","cancelButtonClick","__decorate","RegisterComponent","stateToProps","Map","eventToProps","nylasSchedulerConfigConnector","checkForErrors","response","data","schedulerConfig","updateConfiguration","createConfiguration","_","schedulerConfigStore","state","_nylasSchedulerConfigConnector","localPropsToProp","fireRegisterEvent","nylasListConfigurationsCss","NylasListConfigurationsStyle0","NylasListConfigurations","listConfigurationsNextCursorChangedHandler","newVal","oldVal","disableNextPageButton","currentCursor","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 { Fragment, h } from '@stencil/core';\n\nexport enum Tab {\n  EventInfo = 'eventInfo',\n  Availability = 'availability',\n  BookingOptions = 'bookingOptions',\n  Communications = 'communications',\n  Participants = 'participants',\n  BookingForm = 'bookingForm',\n  PageStyles = 'pageStyles',\n}\n\nexport type TabContentsProps = {\n  id: string;\n  formState: any;\n  activeTab: Tab;\n  calendars?: any[];\n  currentUser?: any;\n};\n\nexport default function TabContents({ id, formState, activeTab }: TabContentsProps, children: any) {\n  return (\n    <Fragment>\n      <div key={`event-info-${id}`} class={{ hide: activeTab !== Tab.EventInfo }}>\n        <nylas-event-info>\n          <div slot=\"inputs\">\n            <nylas-event-title name=\"title\" exportparts=\"net, net__title, net__dropdown-content\" />\n            <nylas-event-duration\n              name=\"duration\"\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 name=\"location\" exportparts=\"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content\" />\n            <nylas-event-description name=\"description\" exportparts=\"nedesc, nedesc__textarea\" />\n          </div>\n        </nylas-event-info>\n      </div>\n      <div key={`availability-${id}`} class={{ hide: activeTab !== Tab.Availability }}>\n        <nylas-participant-booking-calendars\n          participants={formState.participants}\n          name=\"participant-booking-calendars\"\n          exportparts={'npbc, npbc__header, npbc__content, npbc__participant-container, npbc__participant-title'}\n        />\n        <nylas-connected-calendars\n          participants={formState.participants}\n          name=\"connected-calendars\"\n          exportparts={'nccals, nccals__header, nccals__content, nccals__container, nccals__title, nccals__toggle-container, npbc__participant-toggle-container'}\n        />\n        <nylas-availability-picker\n          name=\"availability\"\n          exportparts={\n            'nap, 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      <div key={`booking-options-${id}`} class={{ hide: activeTab !== Tab.BookingOptions }}>\n        <nylas-scheduling-method\n          name=\"availability-method\"\n          readOnly={true}\n          exportparts=\"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content\"\n        />\n        <nylas-custom-booking-flow exportparts={'ncbflow, ncbflow__header, ncbflow__title, ncbflow__content'}>\n          <div slot=\"inputs\">\n            <nylas-booking-confirmation-type name=\"confirmation-type\" exportparts={'nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content'} />\n            <nylas-booking-confirmation-redirect\n              name=\"confirmation-redirect\"\n              exportparts={'nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield'}\n            />\n          </div>\n        </nylas-custom-booking-flow>\n        <nylas-buffer-time\n          name=\"buffer-time\"\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-event-limits>\n          <div slot=\"inputs\">\n            <nylas-min-booking-notice\n              name=\"min-booking-notice\"\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              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              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\" exportparts=\"ncpolicy, ncpolicy__textarea\" />\n          </div>\n        </nylas-event-limits>\n        <nylas-timeslot-interval name=\"timeslot-interval\" exportparts=\"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content\" />\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      <div key={`communications-${id}`} class={{ hide: activeTab !== Tab.Communications }}>\n        <div class=\"tab-header\">\n          <h3>Event communications</h3>\n          <p>Set up automatic confirmation emails.</p>\n        </div>\n        <nylas-confirmation-email\n          name=\"confirmation-email-template\"\n          exportparts={\n            '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'\n          }\n        />\n        <nylas-reminder-emails\n          name=\"reminder-emails\"\n          exportparts={\n            'nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nre__reminder-input_dropdown, nre__reminder-input_dropdown-input, nre__reminder-input_dropdown-content'\n          }\n        />\n      </div>\n      <div key={`participants-${id}`} class={{ hide: activeTab !== Tab.Participants }}>\n        <nylas-additional-participants\n          name=\"participants\"\n          exportparts=\"nap, nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant\"\n        />\n        <nylas-participants-custom-availability\n          participants={formState.participants}\n          name=\"participant-custom-availability\"\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      <div key={`page-styles-${id}`} class={{ hide: activeTab !== Tab.PageStyles }}>\n        <nylas-custom-event-slug name=\"custom-event-slug\" exportparts=\"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield\" />\n        <nylas-page-name name=\"page-name\" exportparts=\"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield\" />\n        <nylas-page-styling\n          name=\"page-styling\"\n          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\"\n        >\n          {children}\n        </nylas-page-styling>\n      </div>\n      <div key={`booking-form-${id}`} class={{ hide: activeTab !== Tab.BookingForm }}>\n        <nylas-booking-form-config\n          name=\"additional-fields\"\n          exportparts=\"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content\"\n        />\n      </div>\n    </Fragment>\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  height: inherit;\n\n  .form-contents {\n    height: calc(100% - 80px);\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\n      @media #{$mobile} {\n        border-right: none;\n      }\n\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        &:last-of-type {\n          margin-bottom: 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      overflow-x: hidden;\n\n      .hide {\n        display: none;\n      }\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      .tab-header {\n        display: flex;\n        flex-direction: column;\n        margin: 1rem 1rem 0.5rem;\n        row-gap: 4px;\n\n        h3 {\n          margin: 0;\n          font-size: 1rem;\n          font-weight: 600;\n          line-height: 20px;\n          color: var(--nylas-base-900);\n          text-align: left;\n        }\n\n        p {\n          margin: 0;\n          font-size: 0.875rem;\n          font-weight: 400;\n          line-height: 20px;\n          color: var(--nylas-base-600);\n          text-align: left;\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\nbutton-component#report-issue {\n  width: auto;\n}\n\nnylas-feedback-form {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 2;\n  border-radius: inherit;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, mergeDeep, parsePreviewLink } from '@/utils/utils';\nimport {\n  AdditionalFields,\n  Appearance,\n  AvailabilityMethod,\n  BookingType,\n  Calendar,\n  Conference,\n  Configuration,\n  EmailTemplate,\n  EventReminder,\n  OpenHours,\n  Participant,\n} 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, { Tab } from './tab-contents';\nimport { User } from '@/common/nylas-api-request';\nimport { DEFAULT_OPEN_HOURS } from '@/common/constants';\nimport { DataResponseReturnType } from '@/common/types';\nimport * as Sentry from '@sentry/browser';\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 provides the user interface for managing editor tabs within the scheduler editor.\n * It is primarily used to control the edit mode of the scheduler editor, and it is rendered automatically by the\n * parent component, nylas-scheduler-editor, during editing. There is no need to interact with this component directly\n * or set any props manually, as its behavior is fully managed by the parent component.\n *\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 * @part nsm - [nylas-scheduling-method] The booking calendar picker container\n * @part nsm__header - [nylas-scheduling-method] The header of the booking calendar picker\n * @part nsm__input-label - [nylas-scheduling-method] The input label of the booking calendar picker\n * @part nsm__dropdown - [nylas-scheduling-method] The dropdown container\n * @part nsm__dropdown-button - [nylas-scheduling-method] The dropdown button\n * @part nsm__dropdown-content - [nylas-scheduling-method] The dropdown content\n * @part npn - The nylas-page-name container\n * @part npn__body - The body of the event communication section\n * @part npn__header - The header of the event communication section\n * @part npn__drawer-toggle--container - The card's drawer toggle container\n * @part npn__input-textfield - The page name textfield\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   * @standalone\n   * The list of calendars to use in the editor when configuring availability.\n   */\n  @Prop() calendars?: Calendar[];\n  /**\n   * @standalone\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   * @standalone\n   * The list of configurations\n   */\n  @Prop() configurations?: Configuration[];\n\n  /**\n   * @standalone\n   * The current logged in user.\n   */\n  @Prop() currentUser?: User;\n  /**\n   * @standalone\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   * @standalone\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   * @standalone\n   * This prop is passed down by the parent component.\n   * It is an optional prop is used to hide tabs in the editor. Available tabs are:\n   * eventInfo, availability, participants, bookingOptions, bookingForm\n   */\n  @Prop() hideEditorTabs?: Tab[] = [];\n  /**\n   * @standalone\n   * This prop is passed down by the parent component to enable or disable user feedback.\n   */\n  @Prop() enableUserFeedback?: boolean = true;\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 state for showing the feedback modal.\n   */\n  @State() showFeedbackModal: boolean = false;\n  /**\n   * The active tab in the editor.\n   */\n  @State() activeTab: Tab = Tab.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    reminders?: EventReminder[];\n    emailTemplate?: EmailTemplate;\n    redirectUrl?: string;\n    availabilityMethod?: AvailabilityMethod;\n    slug: string;\n    appearance: Appearance;\n    name: string;\n  }> = {};\n  /**\n   * The error state of the editor.\n   */\n  @State() error?: string = '';\n  /**\n   * Event emitted when the configuration is created/updated (after the request is complete). 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({ bubbles: true, cancelable: true }) formSubmitted!: EventEmitter<void>;\n  /**\n   * Event emitted when the user clicks the preview button.\n   */\n  @Event() previewButtonClicked!: EventEmitter<HTMLNylasEditorTabsElement>;\n  /**\n   *\n   * Event emitted when the value of a form field changes.\n   */\n  @Event() schedulerEditorFormUpdated!: EventEmitter<{ value: string; name: string }>;\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    if (newConfig?.id) {\n      this.action = 'edit';\n    } else {\n      this.action = 'create';\n    }\n  }\n\n  @Watch('currentUser')\n  userChangedHandler(newUser: User) {\n    // Actively watch for changes in the current user to update the form state.\n    debug('[nylas-editor-tabs]', 'userChangedHandler', newUser);\n    if (newUser) {\n      this.formState = {\n        ...this.getFormStateFromConfig(this.selectedConfiguration),\n      };\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    if (this.enableUserFeedback && !Sentry.isInitialized()) {\n      Sentry.init({\n        dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',\n        release: process.env.PACKAGE_VERSION,\n        integrations: integrations => [\n          ...integrations.filter(_integration => false), // Removes default integrations (including Breadcrumbs)\n          Sentry.feedbackIntegration({\n            colorScheme: 'system',\n            autoInject: false,\n          }),\n        ],\n        // Disable all other event capture\n        autoSessionTracking: false, // Disable session tracking\n        beforeSend: () => null, // Prevents error events from being sent\n      });\n    }\n    if (this.selectedConfiguration?.id) {\n      this.configChangedHandler(this.selectedConfiguration);\n    }\n    const firstVisibleTab = (this.host.querySelector('button.tab:not(.hide)') as HTMLButtonElement)?.name as Tab;\n\n    if (firstVisibleTab) {\n      this.activeTab = firstVisibleTab;\n    }\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    this.schedulerEditorFormUpdated.emit({\n      value: event.detail.value,\n      name: event.detail.name,\n    });\n  }\n\n  @Listen('feedbackModalClosed')\n  feedbackModalClosedHandler() {\n    this.showFeedbackModal = false;\n  }\n\n  @Listen('feedbackSubmitted')\n  feedbackSubmittedHandler(event: CustomEvent<{ feedback: string }>) {\n    const eventId = Sentry.captureMessage('Scheduler Editor User Feedback');\n    const feedback = {\n      eventId: eventId,\n      message: event.detail.feedback,\n    };\n\n    Sentry.captureFeedback(feedback, {\n      includeReplay: true,\n      captureContext: {\n        tags: {\n          'nylas-web-element': 'nylas-scheduler-editor',\n          'nylas-web-element-version': process.env.PACKAGE_VERSION,\n        },\n        extra: {\n          configId: this.selectedConfiguration?.id,\n          slug: this.selectedConfiguration?.slug,\n        },\n      },\n    });\n    this.showFeedbackModal = false;\n  }\n\n  getFormStateFromConfig(config?: Configuration) {\n    let organizerParticipant = config?.participants?.find(p => p.is_organizer);\n    // If the config is round robin, there is no organizer set in the config, in that case flag the current user as the organizer.\n    if (!organizerParticipant && config?.availability?.availability_rules?.availability_method !== 'collective') {\n      organizerParticipant = config?.participants?.find(p => p.email === this.currentUser?.email);\n      if (organizerParticipant) {\n        organizerParticipant.is_organizer = true;\n      }\n    }\n    if (config?.appearance) {\n      console.info(\n        'Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired.',\n      );\n    }\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      reminders: config?.event_booking?.reminders,\n      emailTemplate: config?.scheduler?.email_template,\n      redirectUrl: config?.scheduler?.confirmation_redirect_url,\n      slug: config?.slug,\n      appearance: config?.appearance,\n      name: config?.name,\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 'confirmation-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      case 'confirmation-email-template':\n        this.formState.emailTemplate = JSON.parse(value.toString());\n        break;\n      case 'reminder-overrides':\n        this.formState.reminders = JSON.parse(value.toString());\n        break;\n      case 'confirmation-redirect':\n        this.formState.redirectUrl = value.toString();\n        break;\n      case 'availability-method':\n        this.formState.availabilityMethod = value.toString();\n        break;\n      case 'custom-event-slug':\n        this.formState.slug = JSON.parse(value.toString());\n        break;\n      case 'page-styling':\n        this.formState.appearance = JSON.parse(value.toString());\n        break;\n      case 'page-name':\n        this.formState.name = JSON.parse(value.toString());\n        break;\n    }\n    this.schedulerEditorFormUpdated.emit({\n      value,\n      name: key,\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: Tab) {\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    const formEvent = await this.formSubmitted.emit();\n    debug('[nylas-editor-tabs]', 'formSubmissionHandler', formEvent);\n    const valid = this.formRef.checkValidity();\n    if (!valid || formEvent.defaultPrevented) {\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      reminders,\n      emailTemplate,\n      redirectUrl,\n      availabilityMethod,\n      slug,\n      appearance,\n      name,\n    } = formState;\n    const organizer = this.selectedConfiguration?.participants?.find(p => p.is_organizer) || 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\n    const configObject: Partial<Configuration> = {\n      ...(this.selectedConfiguration?.id && { id: this.selectedConfiguration.id }),\n      version: this.selectedConfiguration?.version ?? '1.0.0',\n      slug: slug,\n      name: name,\n      availability: {\n        duration_minutes: durationMinutes,\n        interval_minutes: timeslotInterval?.interval ?? durationMinutes,\n        round_to: timeslotInterval?.roundTo,\n        availability_rules: {\n          availability_method: availabilityMethod ? availabilityMethod : 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: participantCalendars?.[p.email] ? participantCalendars?.[p.email] : organizerCalendars?.length ? organizerCalendars : ['primary'],\n                open_hours: participantOpenHours?.[p.email] ?? p.availability?.open_hours ?? [],\n              },\n              booking: {\n                calendar_id: participantBookingCalendars?.[p.email] ? participantBookingCalendars?.[p.email] : 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] } : p?.booking ?? 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        reminders: reminders,\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        email_template: emailTemplate,\n        confirmation_redirect_url: redirectUrl,\n      },\n      appearance: appearance,\n    };\n\n    const configObjectWithDeveloperSettings = mergeDeep(configObject, this.selectedConfiguration || {});\n\n    const finalConfig = this.action === 'create' ? configObjectWithDeveloperSettings : configObject;\n\n    if (this.isConfigRoundRobin(finalConfig)) {\n      // If the config is round robin, no participant should be flagged as the organizer\n      finalConfig.participants = finalConfig.participants.map(p => ({ ...p, is_organizer: undefined }));\n    }\n    const resetLoadingState = (_e: CustomEvent) => {\n      this.isLoading = false;\n      this.changesSaved = true;\n      setTimeout(() => {\n        this.changesSaved = false;\n      }, 5000);\n    };\n\n    const hasBookingError = this.checkForBookingFormErrors(finalConfig);\n\n    // Check for client side errors using the selected config from the list configs (stored in API)\n    const currentConfig = this.configurations?.find(c => c.id === this.selectedConfiguration?.id) || {};\n    const hasOrganizerConfirmationError = this.checkForOrganizerConfirmationError(mergeDeep(finalConfig, currentConfig));\n\n    if (hasBookingError || hasOrganizerConfirmationError) {\n      return;\n    }\n    this.schedulerConfigChanged.emit({ config: finalConfig, resetLoadingState, setError: this.setError, action: this.action });\n  };\n\n  isConfigRoundRobin = (config: Configuration) => {\n    return config?.availability?.availability_rules?.availability_method === 'max-availability' || config.availability?.availability_rules?.availability_method === 'max-fairness';\n  };\n\n  checkForOrganizerConfirmationError = config => {\n    // Check additional Fields in config\n    let hasError = false;\n    let errorMessage = '';\n    const isOrganizerConfirmationType = config.event_booking?.booking_type === 'organizer-confirmation';\n    const organizerConfirmationUrl = config.scheduler?.organizer_confirmation_url;\n\n    if (isOrganizerConfirmationType && !organizerConfirmationUrl) {\n      errorMessage += 'Organizer confirmation URL is required when using organizer confirmation booking type.';\n      hasError = true;\n    }\n    if (hasError) {\n      this.isLoading = false;\n      this.setError(new Error(errorMessage));\n    }\n    return hasError;\n  };\n\n  checkForBookingFormErrors = 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: Tab) {\n    return this.hideEditorTabs?.includes(tab) || false;\n  }\n\n  onFeedbackClick() {\n    this.showFeedbackModal = true;\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.configurations', 'configurations'],\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      schedulerEditorFormUpdated: async (event: CustomEvent<{ value: string; name: string }>, _nylasSchedulerConfigConnector) => {\n        debug('[nylas-editor-tabs]', 'schedulerEditorFormUpdated', event);\n      },\n    },\n    localPropsToProp: new Map([\n      ['schedulerPreviewLink', 'schedulerPreviewLink'],\n      ['enableUserFeedback', 'enableUserFeedback'],\n      ['hideEditorTabs', 'hideEditorTabs'],\n    ]),\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\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                  name={Tab.EventInfo}\n                  class={{ tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }}\n                  part=\"editortab__event-info\"\n                  onClick={e => this.setActiveTab(e, Tab.EventInfo)}\n                >\n                  <calendar-info-icon width=\"16\" height=\"16\" />\n                  Event info\n                </button>\n                <button\n                  name={Tab.Availability}\n                  class={{ tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }}\n                  part=\"editortab__availability\"\n                  onClick={e => this.setActiveTab(e, Tab.Availability)}\n                >\n                  <calendar-patterns-icon width=\"16\" height=\"16\" />\n                  Availability\n                </button>\n                <button\n                  name={Tab.Participants}\n                  class={{ tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }}\n                  part=\"editortab__participants\"\n                  onClick={e => this.setActiveTab(e, Tab.Participants)}\n                >\n                  <people-icon width=\"16\" height=\"16\" />\n                  Participants\n                </button>\n                <button\n                  name={Tab.BookingOptions}\n                  class={{ tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }}\n                  part=\"editortab__booking-options\"\n                  onClick={e => this.setActiveTab(e, Tab.BookingOptions)}\n                >\n                  <flow-icon width=\"16\" height=\"16\" />\n                  Booking options\n                </button>\n                <button\n                  name={Tab.BookingForm}\n                  class={{ tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }}\n                  part=\"editortab__booking-form\"\n                  onClick={e => this.setActiveTab(e, Tab.BookingForm)}\n                >\n                  {this.activeTab == Tab.BookingForm ? <calendar-agenda-fill-icon width=\"16\" height=\"16\" /> : <calendar-agenda-icon width=\"16\" height=\"16\" />}\n                  Booking form\n                </button>\n                <button\n                  name={Tab.Communications}\n                  class={{ tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }}\n                  onClick={e => this.setActiveTab(e, Tab.Communications)}\n                >\n                  {this.activeTab == Tab.Communications ? <envelope-fill-icon width=\"16\" height=\"16\" /> : <envelope-icon width=\"16\" height=\"16\" />}\n                  Communications\n                </button>\n                <button\n                  name={Tab.PageStyles}\n                  class={{ tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }}\n                  onClick={e => this.setActiveTab(e, Tab.PageStyles)}\n                >\n                  {this.activeTab == Tab.PageStyles ? <paintbrush-fill-icon width=\"16\" height=\"16\" /> : <paintbrush-icon width=\"16\" height=\"16\" />}\n                  Page styles\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            <div class=\"composable\" key={this.selectedConfiguration?.id}>\n              <slot></slot>\n            </div>\n          )}\n\n          <div class=\"footer\" part=\"editor__footer\">\n            <div class=\"preview\" part=\"editor__footer-preview\">\n              {this.enableUserFeedback && (\n                <button-component title=\"Share your feedback\" id=\"report-issue\" variant={'basic'} onClick={() => this.onFeedbackClick()}>\n                  <feedback-icon />\n                </button-component>\n              )}\n            </div>\n            <div class=\"buttons\" part=\"editor__footer-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              {this.schedulerPreviewLink !== '' && this.action === 'edit' && (\n                <button-component\n                  title=\"Preview\"\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                  <eye-icon />\n                </button-component>\n              )}\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                part=\"editor__footer-cancel\"\n              >\n                Back\n              </button-component>\n              <button-component type=\"submit\" disabled={this.isLoading} part=\"editor__footer-cta\">\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        {this.showFeedbackModal && <nylas-feedback-form></nylas-feedback-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: hidden;\n\n  .table-container {\n    overflow-y: auto;\n    flex: 1;\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\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        width: 100%;\n        max-width: 300px;\n\n        @media #{$mobile} {\n          max-width: 96px;\n        }\n\n        div {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\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  }\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}\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 * @part nlc__create-new-cta - The create new configuration CTA.\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 and manage your Scheduling Pages.</p>\n          </div>\n          {this.configurations && this.configurations.length > 0 && (\n            <div class=\"actions\">\n              <button-component\n                part=\"nlc__create-new-cta\"\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          <div class=\"table-container\">\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>Page title</th>\n                <th>Duration</th>\n                <th></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                        part=\"nlc__create-new-cta\"\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                          <div class=\"config-event-title\" title={config?.event_booking?.title}>\n                            {config?.event_booking?.title}\n                          </div>\n                          <div class={'config-event-description'}>{config?.event_booking?.description}</div>\n                        </div>\n                      </td>\n                      <td>\n                        <div class=\"duration\">{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>\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-27b52475.entry.js → p-7c20444b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as n}from"./p-68c2fadf.js";const o="button.sc-button-component{display:flex;align-items:center;justify-content:center;gap:0.75rem;height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600;width:100%}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{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}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}";const r=o;const a=class{constructor(n){t(this,n);this.variant="primary";this.disabled=false;this.type="button";this.tooltip="";this.isLoading=false;this.clickHandler=undefined;this.mouseOverHandler=undefined;this.mouseOutHandler=undefined;this.focusHandler=undefined;this.blurHandler=undefined}render(){const t=`button-${this.variant}`+(this.disabled?" disabled":"");return n("button",{key:"062f523a6eaa6c883cb39a4ffc6d26a12c83912d",class:t,disabled:this.disabled,type:"type",title:this.tooltip,onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},!!this.isLoading&&n("loading-icon",{slot:"icon"}),n("slot",{key:"dbac2e8205f067c8c38e62afbb35f5ab9222dba3"}))}};a.style=r;const e=".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=e;const b=class{constructor(n){t(this,n);this.width="15";this.height="15"}render(){return n("div",{key:"4fd330645289551b628d0721382f4f24769b09c9",class:"wave"},n("div",{key:"b23500951f1409eb1ffb244d2b9ee78e444264ac",class:"dot"}),n("div",{key:"4ae7966e56af13fb94df25a46e734909f95febea",class:"dot"}),n("div",{key:"da55a5c9efa1f7de83252d32324b4c8726c6ee66",class:"dot"}))}};b.style=s;export{a as button_component,b as loading_icon};
-//# sourceMappingURL=p-27b52475.entry.js.map
+import{r as t,h as n}from"./p-68c2fadf.js";const o="button.sc-button-component{display:flex;align-items:center;justify-content:center;gap:0.75rem;height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600;width:100%}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{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}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}";const r=o;const a=class{constructor(n){t(this,n);this.variant="primary";this.disabled=false;this.type="button";this.tooltip="";this.isLoading=false;this.clickHandler=undefined;this.mouseOverHandler=undefined;this.mouseOutHandler=undefined;this.focusHandler=undefined;this.blurHandler=undefined}render(){const t=`button-${this.variant}`+(this.disabled?" disabled":"");return n("button",{key:"2a4e992f2030ebb415320236ea0765802f589b6c",class:t,disabled:this.disabled,type:"type",title:this.tooltip,onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},!!this.isLoading&&n("loading-icon",{slot:"icon"}),n("slot",{key:"c7a81cba389b6d0aa8974f7e599fdb84773deeb5"}))}};a.style=r;const e=".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=e;const c=class{constructor(n){t(this,n);this.width="15";this.height="15"}render(){return n("div",{key:"bdc7f9acf0664597d87c4a2cc8917783a13c142e",class:"wave"},n("div",{key:"15dcde4af03cb76dc4860c26742f97190f9e0cab",class:"dot"}),n("div",{key:"43bb08a9fbc89a1219f6f0b749413f6bca4bd253",class:"dot"}),n("div",{key:"16ca9fed347d7d67869ae4bfdbaecdd4c9bd33d9",class:"dot"}))}};c.style=s;export{a as button_component,c as loading_icon};
+//# sourceMappingURL=p-7c20444b.entry.js.map

package/dist/nylas-web-elements/{p-d55f619c.entry.js → p-988eee6f.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as C}from"./p-68c2fadf.js";const t=".sc-person-icon-h{display:flex}";const c=t;const o=class{constructor(C){s(this,C);this.width="14";this.height="16"}render(){return C("svg",{key:"ce837bb2bd6980c62d563f8bc4d5b1618cc717b5",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},C("path",{key:"fa24a15fa2e88fb2ca17700b998f71a10a9017de",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};o.style=c;export{o as person_icon};
-//# sourceMappingURL=p-d55f619c.entry.js.map
+import{r as s,h as C}from"./p-68c2fadf.js";const t=".sc-person-icon-h{display:flex}";const e=t;const o=class{constructor(C){s(this,C);this.width="14";this.height="16"}render(){return C("svg",{key:"bf77344f510a860cf3b05daea1254dbe06465bcf",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},C("path",{key:"6704d143c071b2de1ce05a823bb98ba59fbffba7",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};o.style=e;export{o as person_icon};
+//# sourceMappingURL=p-988eee6f.entry.js.map

package/dist/nylas-web-elements/{p-0519e48e.entry.js → p-9d8ffc7b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-68c2fadf.js";const C=".sc-star-icon-h{display:flex}";const a=C;const c=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"74c5b166cf03a323f426e40ce71acd6a07885e51",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"75c7f6c5caaa8ea0410741e48c0f1a7b2a369fb0",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"}))}};c.style=a;export{c as star_icon};
-//# sourceMappingURL=p-0519e48e.entry.js.map
+import{r as t,h as s}from"./p-68c2fadf.js";const a=".sc-star-icon-h{display:flex}";const C=a;const c=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"acc7e88e0901acac79fd0bf4a3a355ea82b46934",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"a3a8ed61cce35a1f67c5aa22cb0aee42c965474e",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"}))}};c.style=C;export{c as star_icon};
+//# sourceMappingURL=p-9d8ffc7b.entry.js.map

package/dist/nylas-web-elements/{p-fbddb6fe.entry.js → p-9f009793.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-68c2fadf.js";const e=".sc-reply-all-icon-h{display:flex}";const c=e;const l=class{constructor(t){s(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"9749cbb476cd24fa7749f74c84451915b0bbd389",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"8abb22a5118d9b46ae17cdf0f158eea3286844d7",d:"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z","fill-rule":"evenodd"}))}};l.style=c;export{l as reply_all_icon};
-//# sourceMappingURL=p-fbddb6fe.entry.js.map
+import{r as s,h as t}from"./p-68c2fadf.js";const e=".sc-reply-all-icon-h{display:flex}";const c=e;const l=class{constructor(t){s(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"731c2f8765e8d12717f1e021f6ea9fda06bdd336",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"79807cd8dd4aaa49fc2c6be33b18974b9d7874f7",d:"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z","fill-rule":"evenodd"}))}};l.style=c;export{l as reply_all_icon};
+//# sourceMappingURL=p-9f009793.entry.js.map

package/dist/nylas-web-elements/{p-1e2ffdc6.entry.js → p-aa4b24ce.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as s,a as r}from"./p-68c2fadf.js";const i='.checkbox-container{--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;display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}';const o=i;const n=class{constructor(s){e(this,s);this.nylasFormCheckboxToggled=a(this,"nylasFormCheckboxToggled",7);this.componentType="checkbox";this.name="checkbox";this.checked=undefined;this.label="";this.required=false;this.isChecked=undefined;this.error=""}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){this.isChecked=this.checked||false}handleBookingFormSubmitted(e){if(this.required&&!this.isChecked){this.error=`${this.label} is required.`;return}if(this.error){e.preventDefault()}}toggleCheck(){this.error="";this.isChecked=!this.isChecked;this.nylasFormCheckboxToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return s("div",{key:"74e0d44c5ddaed43394168f6ab4cdc72ebf3bd16",class:"checkbox-container"},s("label",{key:"70277f3b2f7dac256bb8c51f596b5f0f17e32978"},s("input",{key:"c5345e326259f7d9d4a49d4acb57e304c1af1145",type:"checkbox",name:this.name,checked:this.isChecked,onChange:()=>this.toggleCheck()}),s("span",{key:"45fc49120959723dec59cdb941f755e0ad609fe2",class:"checkmark"}),s("slot",{key:"238f1cd2c6bff3e37a1f52025e5e8fea0fa79b91",name:"label"},s("span",{key:"71145a01988e0b4c7a287f66bc426d88a0bf411e",class:"label"},this.label))),this.error&&s("p",{class:"error"},this.error))}get el(){return r(this)}};n.style=o;const l='.radio-group{display:flex;flex-direction:column;gap:0.5rem;--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}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}';const t=l;const c=class{constructor(s){e(this,s);this.nylasFormRadioChanged=a(this,"nylasFormRadioChanged",7);this.componentType="radio-group";this.name="radio-group";this.options=[];this.defaultSelectedValue="";this.label=undefined;this.required=false;this.selectedValue=undefined;this.error=""}handleDefaultSelectedValueChange(e){this.selectedValue=e}componentDidLoad(){this.selectedValue=this.defaultSelectedValue}handleBookingFormSubmitted(e){if(this.required&&!this.selectedValue){this.error=`${this.label} is required.`;return}if(this.error){e.preventDefault()}}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}handleChange(e){this.error="";this.selectedValue=e;this.nylasFormRadioChanged.emit({value:e,name:this.name,label:this.label})}render(){return s("div",{key:"6f0060f42904099fb5a9dd4fad67bb52a04daa73",class:"radio-group"},s("slot",{key:"670730b884d45e19fb27ccb66fe5029c656ac8dd",name:"label"},this.label&&s("p",{class:{error:!!this.error}},s("span",{class:"label"},this.label),this.required&&s("span",{class:"required"},"*"))),this.options.map((e=>s("label",null,s("div",{class:"radio-option"},s("input",{type:"radio",name:this.name,value:e.value,checked:this.selectedValue===e.value,onChange:()=>this.handleChange(e.value)}),s("p",null,s("span",{class:"title"},e.label),s("span",{class:"description"},e.description)))))),this.error&&s("span",{class:"error help-text"},this.error))}get el(){return r(this)}static get watchers(){return{defaultSelectedValue:["handleDefaultSelectedValueChange"]}}};c.style=t;export{n as checkbox_component,c as radio_button_group};
-//# sourceMappingURL=p-1e2ffdc6.entry.js.map
+import{r as e,c as a,h as s,a as r}from"./p-68c2fadf.js";const i='.checkbox-container{--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;display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}';const o=i;const n=class{constructor(s){e(this,s);this.nylasFormCheckboxToggled=a(this,"nylasFormCheckboxToggled",7);this.componentType="checkbox";this.name="checkbox";this.checked=undefined;this.label="";this.required=false;this.isChecked=undefined;this.error=""}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){this.isChecked=this.checked||false}handleBookingFormSubmitted(e){if(this.required&&!this.isChecked){this.error=`${this.label} is required.`;return}if(this.error){e.preventDefault()}}toggleCheck(){this.error="";this.isChecked=!this.isChecked;this.nylasFormCheckboxToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return s("div",{key:"f4dfab5a5da9f9c79424930bfd5497c24dc1bfe5",class:"checkbox-container"},s("label",{key:"78e192f2eddcfd788ac16e80be3ac0b9c47e6f6a"},s("input",{key:"6e3aa50fb6542cb134dc5454e9fc0052be22e36f",type:"checkbox",name:this.name,checked:this.isChecked,onChange:()=>this.toggleCheck()}),s("span",{key:"abbd103b06bf934eff294b443b468e446901c371",class:"checkmark"}),s("slot",{key:"f11d669ba02b705ba7679985e83b91086a17ccc9",name:"label"},s("span",{key:"1298c44fbbe9ce75638b00ac07e6e83bab1394c2",class:"label"},this.label))),this.error&&s("p",{class:"error"},this.error))}get el(){return r(this)}};n.style=o;const l='.radio-group{display:flex;flex-direction:column;gap:0.5rem;--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}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}';const t=l;const c=class{constructor(s){e(this,s);this.nylasFormRadioChanged=a(this,"nylasFormRadioChanged",7);this.componentType="radio-group";this.name="radio-group";this.options=[];this.defaultSelectedValue="";this.label=undefined;this.required=false;this.selectedValue=undefined;this.error=""}handleDefaultSelectedValueChange(e){this.selectedValue=e}componentDidLoad(){this.selectedValue=this.defaultSelectedValue}handleBookingFormSubmitted(e){if(this.required&&!this.selectedValue){this.error=`${this.label} is required.`;return}if(this.error){e.preventDefault()}}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}handleChange(e){this.error="";this.selectedValue=e;this.nylasFormRadioChanged.emit({value:e,name:this.name,label:this.label})}render(){return s("div",{key:"6848b97b9a503ab19ce43b405d86d6e98ca3caaa",class:"radio-group"},s("slot",{key:"be574ba6675264e5f616f55126a6a83f3706975f",name:"label"},this.label&&s("p",{class:{error:!!this.error}},s("span",{class:"label"},this.label),this.required&&s("span",{class:"required"},"*"))),this.options.map((e=>s("label",null,s("div",{class:"radio-option"},s("input",{type:"radio",name:this.name,value:e.value,checked:this.selectedValue===e.value,onChange:()=>this.handleChange(e.value)}),s("p",null,s("span",{class:"title"},e.label),s("span",{class:"description"},e.description)))))),this.error&&s("span",{class:"error help-text"},this.error))}get el(){return r(this)}static get watchers(){return{defaultSelectedValue:["handleDefaultSelectedValueChange"]}}};c.style=t;export{n as checkbox_component,c as radio_button_group};
+//# sourceMappingURL=p-aa4b24ce.entry.js.map

package/dist/nylas-web-elements/{p-5973b208.entry.js → p-ac8386d1.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as i,H as n}from"./p-68c2fadf.js";import{R as r}from"./p-bf5b88a3.js";import"./p-797cc185.js";const e=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}";const a=e;var s=undefined&&undefined.__decorate||function(o,t,i,n){var r=arguments.length,e=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")e=Reflect.decorate(o,t,i,n);else for(var s=o.length-1;s>=0;s--)if(a=o[s])e=(r<3?a(e):r>3?a(t,i,e):a(t,i))||e;return r>3&&e&&Object.defineProperty(t,i,e),e};var l=undefined&&undefined.__metadata||function(o,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,t)};const c=class{constructor(i){o(this,i);this.buttonClick=t(this,"buttonClick",7);this._handleLoginRedirect=async()=>{const o=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes));const t=this.buttonClick.emit({url:o});if(t.defaultPrevented){return}if(o){window.location.href=o}};this._onGoogleButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"google"));if(t){window.location.href=t}};this._onMicrosoftButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"microsoft"));if(t){window.location.href=t}};this._onFormSubmit=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,this.email));if(t){window.location.href=t}};this.isAuthenticated=false;this.nylasConnector=undefined;this.scopes=undefined;this.loginMethod="redirect";this.companyName="Nylas";this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg";this.logoWidth="min-content";this.providers="google,microsoft";this.buttonText="Login";this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){const o=await(this.nylasConnector?.auth.manageHostedAuthCodeExchange(window.location.href));if(o){window.history.replaceState({},document.title,window.location.pathname)}}render(){const o=this.providers?.split(",")||[];return i(n,{key:"c19348287c1ee1aac3efb379ff4c6e1f7b79601b"},this.loginMethod==="redirect"&&i("div",{class:"redirect-container"},!this.isAuthenticated&&i("button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&i("main",{class:"login-container"},i("section",{class:"login-box"},i("header",null,i("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),i("h1",null,"Welcome")),i("p",null,"Log in to your account to continue to ",this.companyName),i("div",{class:"login-methods"},o.includes("google")&&i("button",{class:"login-google",onClick:this._onGoogleButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},i("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),i("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),i("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),i("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),o.includes("microsoft")&&i("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},i("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),i("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},i("label",{htmlFor:"email"},"Email"),i("input",{type:"email",id:"email",name:"email",required:true,value:this.email}),i("button",{type:"submit"},"Next")))))}};s([r({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:true}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],c.prototype,"render",null);c.style=a;export{c as nylas_login};
-//# sourceMappingURL=p-5973b208.entry.js.map
+import{r as o,c as t,h as i,H as n}from"./p-68c2fadf.js";import{R as r}from"./p-bf5b88a3.js";import"./p-797cc185.js";const e=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}";const a=e;var s=undefined&&undefined.__decorate||function(o,t,i,n){var r=arguments.length,e=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")e=Reflect.decorate(o,t,i,n);else for(var s=o.length-1;s>=0;s--)if(a=o[s])e=(r<3?a(e):r>3?a(t,i,e):a(t,i))||e;return r>3&&e&&Object.defineProperty(t,i,e),e};var l=undefined&&undefined.__metadata||function(o,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,t)};const c=class{constructor(i){o(this,i);this.buttonClick=t(this,"buttonClick",7);this._handleLoginRedirect=async()=>{const o=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes));const t=this.buttonClick.emit({url:o});if(t.defaultPrevented){return}if(o){window.location.href=o}};this._onGoogleButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"google"));if(t){window.location.href=t}};this._onMicrosoftButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"microsoft"));if(t){window.location.href=t}};this._onFormSubmit=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,this.email));if(t){window.location.href=t}};this.isAuthenticated=false;this.nylasConnector=undefined;this.scopes=undefined;this.loginMethod="redirect";this.companyName="Nylas";this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg";this.logoWidth="min-content";this.providers="google,microsoft";this.buttonText="Login";this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){const o=await(this.nylasConnector?.auth.manageHostedAuthCodeExchange(window.location.href));if(o){window.history.replaceState({},document.title,window.location.pathname)}}render(){const o=this.providers?.split(",")||[];return i(n,{key:"0e8ae3287facdc3e67109cd57cb80a761897de76"},this.loginMethod==="redirect"&&i("div",{class:"redirect-container"},!this.isAuthenticated&&i("button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&i("main",{class:"login-container"},i("section",{class:"login-box"},i("header",null,i("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),i("h1",null,"Welcome")),i("p",null,"Log in to your account to continue to ",this.companyName),i("div",{class:"login-methods"},o.includes("google")&&i("button",{class:"login-google",onClick:this._onGoogleButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},i("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),i("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),i("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),i("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),o.includes("microsoft")&&i("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},i("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),i("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},i("label",{htmlFor:"email"},"Email"),i("input",{type:"email",id:"email",name:"email",required:true,value:this.email}),i("button",{type:"submit"},"Next")))))}};s([r({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:true}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],c.prototype,"render",null);c.style=a;export{c as nylas_login};
+//# sourceMappingURL=p-ac8386d1.entry.js.map

package/dist/nylas-web-elements/{p-062f6da2.entry.js → p-acfe4f6e.entry.js}

@@ -1,2 +1,2 @@
-import{r as c,h as s}from"./p-68c2fadf.js";const e=".sc-refresh-icon-h{display:flex}";const l=e;const t=class{constructor(s){c(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"fb5eb381a876c9e533df1c22aee66519f25f3af5",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"f4a74f247ded2b9623ebf922a52baff4e375bdd1",d:"M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z"}))}};t.style=l;export{t as refresh_icon};
-//# sourceMappingURL=p-062f6da2.entry.js.map
+import{r as c,h as s}from"./p-68c2fadf.js";const e=".sc-refresh-icon-h{display:flex}";const l=e;const t=class{constructor(s){c(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"2e53f7097cb59c8a341225fdde738395247fe681",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"6e99de42fd10abc8e6c9f705ea770431ac131d66",d:"M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z"}))}};t.style=l;export{t as refresh_icon};
+//# sourceMappingURL=p-acfe4f6e.entry.js.map

package/dist/nylas-web-elements/p-af2ab331.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-68c2fadf.js";const s=".sc-italic-icon-h{display:flex}";const o=s;const i=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"944ffe0b1bb52ab83ddd6490e35e8086c0f83e03",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"de1c917d1f883506466d37e088f9ef7c0a067cdf",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m10 20 4-16m2 0h-4m0 16H8"}))}};i.style=o;export{i as italic_icon};
+//# sourceMappingURL=p-af2ab331.entry.js.map

package/dist/nylas-web-elements/{p-100c9ff7.entry.js → p-b110d5c1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as C}from"./p-68c2fadf.js";const s=".sc-delete-icon-h{display:flex}";const e=s;const c=class{constructor(C){t(this,C);this.width="15";this.height="17"}render(){return C("svg",{key:"77ebdd80df5f5c094a8d6dfbb77f040ad653361d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},C("path",{key:"0c18ff59f28dc8832953a64ec4ab1229789acb86",d:"M9.5 2.75C9.5 1.92157 8.82843 1.25 8 1.25C7.17157 1.25 6.5 1.92157 6.5 2.75H5.5C5.5 1.36929 6.61929 0.25 8 0.25C9.38071 0.25 10.5 1.36929 10.5 2.75H15C15.2761 2.75 15.5 2.97386 15.5 3.25C15.5 3.52614 15.2761 3.75 15 3.75H14.446L13.1499 14.9792C13.0335 15.9884 12.179 16.75 11.1631 16.75H4.83688C3.821 16.75 2.9665 15.9884 2.85006 14.9792L1.553 3.75H1C0.75454 3.75 0.550392 3.57312 0.508056 3.33988L0.5 3.25C0.5 2.97386 0.723858 2.75 1 2.75H9.5ZM13.438 3.75H2.561L3.84347 14.8646C3.90169 15.3692 4.32894 15.75 4.83688 15.75H11.1631C11.6711 15.75 12.0983 15.3692 12.1565 14.8646L13.438 3.75ZM6.5 6.25C6.74546 6.25 6.94961 6.40477 6.99194 6.60886L7 6.6875V12.8125C7 13.0541 6.77614 13.25 6.5 13.25C6.25454 13.25 6.05039 13.0952 6.00806 12.8911L6 12.8125V6.6875C6 6.44588 6.22386 6.25 6.5 6.25ZM9.5 6.25C9.74546 6.25 9.94961 6.40477 9.99194 6.60886L10 6.6875V12.8125C10 13.0541 9.77614 13.25 9.5 13.25C9.25454 13.25 9.05039 13.0952 9.00806 12.8911L9 12.8125V6.6875C9 6.44588 9.22386 6.25 9.5 6.25Z",fill:"currentColor"}))}};c.style=e;export{c as delete_icon};
-//# sourceMappingURL=p-100c9ff7.entry.js.map
+import{r as e,h as t}from"./p-68c2fadf.js";const C=".sc-delete-icon-h{display:flex}";const s=C;const c=class{constructor(t){e(this,t);this.width="15";this.height="17"}render(){return t("svg",{key:"73a3f9ee681f942fa24e030e5d3ae9b5ef815320",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"30cf522114cb235fc7bf22bd14ab74226cea89a3",d:"M9.5 2.75C9.5 1.92157 8.82843 1.25 8 1.25C7.17157 1.25 6.5 1.92157 6.5 2.75H5.5C5.5 1.36929 6.61929 0.25 8 0.25C9.38071 0.25 10.5 1.36929 10.5 2.75H15C15.2761 2.75 15.5 2.97386 15.5 3.25C15.5 3.52614 15.2761 3.75 15 3.75H14.446L13.1499 14.9792C13.0335 15.9884 12.179 16.75 11.1631 16.75H4.83688C3.821 16.75 2.9665 15.9884 2.85006 14.9792L1.553 3.75H1C0.75454 3.75 0.550392 3.57312 0.508056 3.33988L0.5 3.25C0.5 2.97386 0.723858 2.75 1 2.75H9.5ZM13.438 3.75H2.561L3.84347 14.8646C3.90169 15.3692 4.32894 15.75 4.83688 15.75H11.1631C11.6711 15.75 12.0983 15.3692 12.1565 14.8646L13.438 3.75ZM6.5 6.25C6.74546 6.25 6.94961 6.40477 6.99194 6.60886L7 6.6875V12.8125C7 13.0541 6.77614 13.25 6.5 13.25C6.25454 13.25 6.05039 13.0952 6.00806 12.8911L6 12.8125V6.6875C6 6.44588 6.22386 6.25 6.5 6.25ZM9.5 6.25C9.74546 6.25 9.94961 6.40477 9.99194 6.60886L10 6.6875V12.8125C10 13.0541 9.77614 13.25 9.5 13.25C9.25454 13.25 9.05039 13.0952 9.00806 12.8911L9 12.8125V6.6875C9 6.44588 9.22386 6.25 9.5 6.25Z",fill:"currentColor"}))}};c.style=s;export{c as delete_icon};
+//# sourceMappingURL=p-b110d5c1.entry.js.map