@nylas/web-elements 2.2.0 → 2.2.2

package/dist/nylas-web-elements/nylas-editor-tabs.entry.js

@@ -1,2 +1,2 @@
-import{h as e,F as t,r as n,a,d as s,e as i}from"./index-B-KMpdMZ.js";import{R as o}from"./register-component-BHk70oxk.js";import{b as r,i as l,x as c,y as d}from"./utils-Bj5Y75fX.js";import{n as b}from"./index.es-BRLyNGE1.js";import{C as p,D as f,e as y}from"./constants-DhnshuDN.js";import{i as h,a as _,f as u,c as m,b as g}from"./index-BhxFO8d8.js";import{E as v}from"./index-Cs6ndJrm.js";var k;(function(e){e["EventInfo"]="eventInfo";e["Availability"]="availability";e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["Participants"]="participants";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles"})(k||(k={}));function w({id:n,formState:a,activeTab:s},i){return e(t,null,e("div",{key:`event-info-${n}`,class:{hide:s!==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__error, 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-${n}`,class:{hide:s!==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-${n}`,class:{hide:s!==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-${n}`,class:{hide:s!==k.Communications}},e("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!a?.disableEmails&&e(t,null,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-overrides",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"}))),e("div",{key:`participants-${n}`,class:{hide:s!==k.Participants}},e("nylas-additional-participants",{name:"participants",exportparts:"nadtnlpart, nadtnlpart__title, nadtnlpart__subtitle, nadtnlpart__content, nadtnlpart__input_group, nadtnlpart__input_wrapper, nadtnlpart__input, nadtnlpart__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-${n}`,class:{hide:s!==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"},i)),e("div",{key:`booking-form-${n}`,class:{hide:s!==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__static_fields, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const x='.sc-nylas-editor-tabs-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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;text-align:left;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;transition:opacity 0.05s ease-in;opacity:0}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.fadeIn.sc-nylas-editor-tabs{opacity:1}.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:16px;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:16px;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}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.save-changes.sc-nylas-editor-tabs{min-width:140px}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}';var C=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,i=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(o=e[r])i=(s<3?o(i):s>3?o(t,n,i):o(t,n))||i;return s>3&&i&&Object.defineProperty(t,n,i),i};var S=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const T=class{constructor(e){n(this,e);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=a(this,"schedulerConfigCreated",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.nylasSchedulerError=a(this,"nylasSchedulerError",6);this.dismissNotification=a(this,"dismissNotification",7);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.loaded=false;this.formState={};this.error={message:"",type:b.Error,category:v.Component,title:""};this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();r("[nylas-editor-tabs]","formSubmissionHandler",t);const n=this.formRef.checkValidity();if(!n||t.defaultPrevented){this.setError({message:this.formRef.validationMessage||l.t("fixFormErrors"),type:b.Error,category:v.Component,title:l.t("nylasEditorTabs.formErrorTitle")});return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();r("[nylas-editor-tabs]","formState",a);const{title:s,description:i,duration:o,availability:d,bookingCalendar:y,location:h,bookingType:_,buffer:u,availableDaysInFuture:m,minCancellationNotice:g,minBookingNotice:k,cancellationPolicy:w,timeslotInterval:x,additionalGuestsHidden:C,hideCancellationOptions:S,hideReschedulingOptions:T,participants:E,participantOpenHours:O,participantSpecificTimeAvailability:F,additionalFields:z,participantCalendars:N,conferencing:I,participantBookingCalendars:H,reminders:L,emailTemplate:j,redirectUrl:B,availabilityMethod:J,slug:R,appearance:U,name:$,disableEmails:P,organizerLocale:D}=a;const M=this.selectedConfiguration?.participants?.find((e=>e.is_organizer))||E?.find((e=>e.is_organizer));const A=N&&M?.email?N[M?.email]:[];const G=M?.booking?.calendar_id||y;const V=o?parseInt(o):30;const W=E&&E?.length>0?E:[{name:M?.name??this.currentUser?.name??"",email:M?.email??this.currentUser?.email??"",is_organizer:true,timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:y&&y!==""?[y]:["primary"],open_hours:[]},booking:{calendar_id:y&&y!==""?y:"primary"}}];let q=J?J:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective";if(this.selectedEventType&&this.selectedEventType!==p.group){q=this.selectedEventType===p.one_on_one?p.collective:this.selectedEventType}const K={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:R,name:$,availability:{duration_minutes:V,interval_minutes:x?.interval??V,round_to:x?.roundTo,availability_rules:{availability_method:q,buffer:u||{before:0,after:0},default_open_hours:d?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??f,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...W?W.map((e=>{let t=d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone;if(O?.[e.email]?.length){t=O?.[e.email]?.[0]?.timezone}if(e.is_organizer){const n=H?.[e.email]?H?.[e.email]:G?G:"primary";const a=N?.[e.email]?N?.[e.email]:A?.length?A:["primary"];const s=a.length===1&&a[0]==="primary";return{name:e.name??"",email:e.email,is_organizer:true,timezone:t,availability:{calendar_ids:s?[n]:a,open_hours:O?.[e.email]??e.availability?.open_hours??[]},specific_time_availability:F?.[e.email]??e.specific_time_availability??[],booking:{calendar_id:n}}}const n=H?.[e.email]?{calendar_id:H?.[e.email]}:e?.booking??undefined;const a=N?.[e.email]??e.availability?.calendar_ids??["primary"];const s=a.length===1&&a[0]==="primary";return{...e,timezone:t,availability:e.availability?{calendar_ids:s&&typeof n!=="undefined"?[n?.calendar_id]:a,open_hours:O?.[e.email]??e.availability?.open_hours??[]}:undefined,booking:n,specific_time_availability:F?.[e.email]??e.specific_time_availability??[]}})):[]],event_booking:{title:s?.toString()??"",description:i?.toString()??"",location:h?.toString()??"",booking_type:_?.toString()??"booking",timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:I,reminders:L,disable_emails:typeof P==="boolean"?P:false},scheduler:{cancellation_policy:w??"",available_days_in_future:m??30,min_cancellation_notice:g??0,min_booking_notice:k??60,hide_additional_guests:C??false,hide_cancellation_options:S??false,hide_rescheduling_options:T??false,additional_fields:z,email_template:j?{...j,organizer_locale:D||"en",logo:j.logo||""}:undefined,confirmation_redirect_url:B},appearance:U};const X=c(this.selectedConfiguration,K||{});const Y=this.action==="create"?X:K;if(this.isConfigRoundRobin(Y)){Y.participants=Y.participants.map((e=>({...e,is_organizer:undefined})))}const Z=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const Q=this.checkForBookingFormErrors(Y);const ee=this.configurations?.find((e=>e.id===this.selectedConfiguration?.id))||{};const te=this.checkForOrganizerConfirmationError(c(Y,ee));if(Q||te){return}this.schedulerConfigChanged.emit({config:Y,resetLoadingState:Z,action:this.action,host:this.host})};this.isConfigRoundRobin=e=>e?.availability?.availability_rules?.availability_method==="max-availability"||e.availability?.availability_rules?.availability_method==="max-fairness";this.checkForOrganizerConfirmationError=e=>{let t=false;let n="";const a=e.event_booking?.booking_type==="organizer-confirmation";const s=e.scheduler?.organizer_confirmation_url;if(a&&!s){n+="Organizer confirmation URL is required when using organizer confirmation booking type.";t=true}if(t){this.isLoading=false;this.host.setError({message:n,type:b.Error,category:v.Component,title:"Error:"})}return t};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n="";Object.entries(a).forEach((e=>{const a=e[1];if(a.label===""){n+=l.t("nylasEditorTabs.bookingFormError_label",{type:a.type});t=true;return}if(a.options){for(const e of a.options){if(e.trim()===""){n+=l.t("nylasEditorTabs.bookingFormError_option",{label:a.label,type:a.type});t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError({message:n,type:b.Error,category:v.Component,title:l.t("nylasEditorTabs.bookingFormError")})}return t}}configChangedHandler(e){r("[nylas-editor-tabs]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}userChangedHandler(e){r("[nylas-editor-tabs]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e);if(this.error&&this.error.message){this.error={...this.error,message:l.t("fixFormErrors")};this.showErrorNotification(this.error)}}themeConfigChangedHandler(e,t){if(e===t)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error={message:e.message,type:e.type,category:e.category,title:e.title||l.t("genericErrorTitle")};if(this.error?.message){this.showErrorNotification(this.error)}}async resetError(){if(this.error?.message){this.dismissNotification.emit({id:this.error?.message.split(" ").join("-"),host:this.host})}this.error={message:"",type:b.Error,category:v.Component,title:""}}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&&!h()){_({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"2.2.0"?"2.2.0":undefined,integrations:e=>[...e.filter((e=>false)),u({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const e=this.host.querySelector("button.tab:not(.hide)")?.name;if(e){this.activeTab=e}this.loaded=true}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.debug("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};this.resetError();if(y.includes(t)){this.hasUnsavedChanges=true}this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=m("Scheduler Editor User Feedback",{extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}});const n={eventId:t,message:e.detail.feedback};g(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"2.2.0"?"2.2.0":undefined,"nylas-config-id":this.selectedConfiguration?.id,"nylas-slug":this.selectedConfiguration?.slug,"host-url":window.location.href},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}showErrorNotification(e){if(e.message){this.nylasSchedulerError.emit({notification:{title:e.title,category:e.category||v.Component,type:e.type||b.Error,description:e.message,id:e.message.split(" ").join("-"),ttl:"none"},host:this.host})}}getFormStateFromConfig(e){let t=e?.participants?.find((e=>e.is_organizer));if(!t&&e?.availability?.availability_rules?.availability_method!=="collective"){t=e?.participants?.find((e=>e.email===this.currentUser?.email));if(t){t.is_organizer=true}}if(e?.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:e?.event_booking?.title??"",description:e?.event_booking?.description??"",duration:e?.availability?.duration_minutes?.toString()??"30",availability:{timezone:e?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:e?.availability?.availability_rules?.default_open_hours??f},additionalFields:e?.scheduler?.additional_fields??{},conferencing:e?.event_booking?.conferencing??{},calendarIds:t?.availability?.calendar_ids??[],participants:e?.participants??[],bookingCalendar:t?.booking?.calendar_id??t?.email??"",location:e?.event_booking?.location??"",bookingType:e?.event_booking?.booking_type??"booking",buffer:e?.availability?.availability_rules?.buffer??{before:0,after:0},cancellationPolicy:e?.scheduler?.cancellation_policy??"",availableDaysInFuture:e?.scheduler?.available_days_in_future??30,minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,minBookingNotice:e?.scheduler?.min_booking_notice??60,timeslotInterval:{interval:e?.availability?.interval_minutes??e?.availability?.duration_minutes,roundTo:e?.availability?.round_to},additionalGuestsHidden:e?.scheduler?.hide_additional_guests??false,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,participantBookingCalendars:e?.participants?.reduce(((e,t)=>{if(t.booking?.calendar_id){e[t.email]=t.booking?.calendar_id}return e}))??{},participantCalendars:e?.participants?.reduce(((e,t)=>{e[t.email]=t.availability?.calendar_ids;return e}),{})??{},reminders:e?.event_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,disableEmails:e?.event_booking?.disable_emails,organizerLocale:e?.scheduler?.email_template?.organizer_locale}}setFormState(e,t){switch(t){case"title":this.formState.title=e.toString();break;case"description":this.formState.description=e.toString();break;case"duration":this.formState.duration=e.toString();break;case"availability":this.formState.availability=JSON.parse(e.toString());break;case"participants":this.formState.participants=JSON.parse(e.toString());break;case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"participant-booking-calendars":this.formState.participantBookingCalendars=JSON.parse(e.toString());break;case"location":this.formState.location=e.toString();break;case"conference":this.formState.conferencing=JSON.parse(e.toString());break;case"confirmation-type":this.formState.bookingType=e.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(e.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(e.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(e.toString());break;case"min-booking-notice":this.formState.minBookingNotice=parseInt(e.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=e.toString();break;case"timeslot-interval":this.formState.timeslotInterval=JSON.parse(e.toString());break;case"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.additionalGuestsHidden=t.additionalGuestsHidden;this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"participant-custom-availability":{const t=JSON.parse(e.toString());this.formState.participantOpenHours=t;break}case"participant-custom-availability-specific-time":{const t=JSON.parse(e.toString());this.formState.participantSpecificTimeAvailability=t;break}case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"connected-calendars":this.formState.participantCalendars=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"disable-emails":{const{disableEmails:t,organizerLocale:n}=JSON.parse(e.toString());this.formState.disableEmails=t;this.formState.organizerLocale=n;break}case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"availability-method":this.formState.availabilityMethod=e.toString();break;case"custom-event-slug":this.formState.slug=JSON.parse(e.toString());break;case"page-styling":this.formState.appearance=JSON.parse(e.toString());break;case"page-name":this.formState.name=JSON.parse(e.toString());break}this.schedulerEditorFormUpdated.emit({value:e,name:t})}updateFormState(){const e=new FormData(this.formRef);e.forEach(((e,t)=>{this.setFormState(e,t)}));this.formState={...this.formState};return this.formState}setActiveTab(e,t){e.preventDefault();this.updateFormState();this.activeTab=t}hideTab(e){return this.hideEditorTabs?.includes(e)||false}onFeedbackClick(e){e.preventDefault();this.showFeedbackModal=true}render(){r("[nylas-editor-tabs]","render",this.formState);return e(s,{key:"a0439b63be76009dc514a8f02e7ca18247d9b59a"},e("nylas-notification",{key:"eb6a96294eab4cf4819091229cb6c4629e91eda6"}),e("form",{key:"6cbe5937b331ac10df08a3da2db0a26e03054d58",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?e("div",{class:"form-contents",part:"editor__form-contents net__form-contents"},e("div",{class:"tabs",part:"editor__tabs net__tabs"},e("button",{name:k.EventInfo,class:{tab:true,active:this.activeTab==k.EventInfo,hide:this.hideTab(k.EventInfo)},part:"editortab__event-info net__tab-event-info",onClick:e=>this.setActiveTab(e,k.EventInfo)},e("calendar-info-icon",{width:"16",height:"16"}),l.t("eventInfoTab")),e("button",{name:k.Availability,class:{tab:true,active:this.activeTab==k.Availability,hide:this.hideTab(k.Availability)},part:"editortab__availability net__tab-availability",onClick:e=>this.setActiveTab(e,k.Availability)},e("calendar-patterns-icon",{width:"16",height:"16"}),l.t("availabilityTab")),e("button",{name:k.Participants,class:{tab:true,active:this.activeTab==k.Participants,hide:this.hideTab(k.Participants)},part:"editortab__participants net__tab-participants",onClick:e=>this.setActiveTab(e,k.Participants)},e("people-icon",{width:"16",height:"16"}),l.t("participantsTab")),e("button",{name:k.BookingOptions,class:{tab:true,active:this.activeTab==k.BookingOptions,hide:this.hideTab(k.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,k.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),e("button",{name:k.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(k.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,k.BookingForm)},this.activeTab==k.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),e("button",{name:k.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(k.Communications)},onClick:e=>this.setActiveTab(e,k.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==k.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),e("button",{name:k.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(k.PageStyles)},onClick:e=>this.setActiveTab(e,k.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==k.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),e("div",{class:{"tab-content":true,fadeIn:this.loaded},part:"editor__tab-content net__tab-content"},e(w,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new",i18next:l}))):e("div",{class:"composable",key:this.selectedConfiguration?.id},e("slot",null)),e("div",{key:"dc7d7f1c8d65786c6be3868a4b6512d772c335cb",class:"footer",part:"editor__footer net__footer"},e("div",{key:"0ec456d32c230ec93a72f36d0c6c1f2a0cf7545c",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{key:"b68ace0f4980183c41d4f9fb74d4dd4cf9e6d799",title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",{key:"32a044418d9543f36dffb50a00f0c0a544fd1cb7"}))),e("div",{key:"413bdfa8a2a3bc70c6fb97e6768c9098b2b064b8",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"65cd6022c55b4650b8fea192c8b880424134a979",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error?.message!=="","error-full-width":this.error?.message!==""&&this.action==="create"}},this.error?.message==""&&this.hasUnsavedChanges&&!this.changesSaved?l.t("unsavedChangesLabel"):this.error?.message==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{key:"09b448ca3aafab691fec58b8c2ad29fffc897117",title:"Preview",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();const t=this.previewButtonClicked.emit(this.host);if(!t.defaultPrevented){window.open(d(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},e("eye-icon",{key:"dcc6f1189df39cf235cea60e11e2a4520bf25c29"})),e("button-component",{key:"d7fdeb4b9ea13ce163c71077e96d2929f5cc8605",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.host.resetError()},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("cancelButton")),e("button-component",{key:"67e23186465ce6caf3938d249265704ca3cfd310",class:{"save-changes":this.action==="edit"},type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},this.isLoading?e("span",null,l.t("savingButtonText"),e("loading-icon",null)," "):this.action==="create"?`${l.t("createButtonText")}`:`${l.t("saveChangesButtonText")}`)))),this.showFeedbackModal&&e("nylas-feedback-form",{key:"2cd77830c9ece5f29cc46d7ac1768425b22d1fd0"}))}get host(){return i(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};C([o({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:i}=e.detail;const o=(i,o)=>{const[r,c]=i;if(!r&&c){a.setError({message:c.message||l.t("genericErrorTitle"),type:b.Error,category:v.Component,title:o})}else if(r&&!c&&s==="create"){a.schedulerConfigCreatedEventHandler({config:r,action:s,host:a});t.schedulerConfigStore.set("selectedEventType",undefined)}if(n){n(e)}};if(s==="edit"){const e=await t.schedulerConfig.updateConfiguration(i);o(e,l.t("nylasEditorTabs.updateConfigError"))}else{const e=await t.schedulerConfig.createConfiguration(i);o(e,l.t("nylasEditorTabs.createConfigError"))}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined)},previewButtonClicked:async(e,t)=>{r("[nylas-editor-tabs]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{r("[nylas-editor-tabs]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerConfigCreated",e)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),S("design:type",Function),S("design:paramtypes",[]),S("design:returntype",void 0)],T.prototype,"render",null);T.style=x;export{T as nylas_editor_tabs};
+import{h as e,F as t,r as n,a,d as s,e as i}from"./index-Cbn5rIwb.js";import{R as o}from"./register-component-Blj8K64f.js";import{b as r,i as l,x as c,y as d}from"./utils-DhmCcrVs.js";import{n as b}from"./index.es-BRLyNGE1.js";import{C as p,D as f,e as h}from"./constants-DhnshuDN.js";import{i as y,a as _,f as u,c as m,b as g}from"./index-BhxFO8d8.js";import{E as v}from"./index-Cs6ndJrm.js";var k;(function(e){e["EventInfo"]="eventInfo";e["Availability"]="availability";e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["Participants"]="participants";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles"})(k||(k={}));function w({id:n,formState:a,activeTab:s},i){return e(t,null,e("div",{key:`event-info-${n}`,class:{hide:s!==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__error, 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-${n}`,class:{hide:s!==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-${n}`,class:{hide:s!==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-${n}`,class:{hide:s!==k.Communications}},e("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!a?.disableEmails&&e(t,null,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-overrides",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector"}))),e("div",{key:`participants-${n}`,class:{hide:s!==k.Participants}},e("nylas-additional-participants",{name:"participants",exportparts:"nadtnlpart, nadtnlpart__title, nadtnlpart__subtitle, nadtnlpart__content, nadtnlpart__input_group, nadtnlpart__input_wrapper, nadtnlpart__input, nadtnlpart__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-${n}`,class:{hide:s!==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"},i)),e("div",{key:`booking-form-${n}`,class:{hide:s!==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__static_fields, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const x='.sc-nylas-editor-tabs-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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;text-align:left;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;transition:opacity 0.05s ease-in;opacity:0}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.fadeIn.sc-nylas-editor-tabs{opacity:1}.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:16px;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:16px;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}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.save-changes.sc-nylas-editor-tabs{min-width:140px}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}';var C=undefined&&undefined.__decorate||function(e,t,n,a){var s=arguments.length,i=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,n,a);else for(var r=e.length-1;r>=0;r--)if(o=e[r])i=(s<3?o(i):s>3?o(t,n,i):o(t,n))||i;return s>3&&i&&Object.defineProperty(t,n,i),i};var S=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const T=class{constructor(e){n(this,e);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=a(this,"schedulerConfigCreated",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.nylasSchedulerError=a(this,"nylasSchedulerError",6);this.dismissNotification=a(this,"dismissNotification",7);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.loaded=false;this.formState={};this.error={message:"",type:b.Error,category:v.Component,title:""};this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();r("[nylas-editor-tabs]","formSubmissionHandler",t);const n=this.formRef.checkValidity();if(!n||t.defaultPrevented){this.setError({message:this.formRef.validationMessage||l.t("fixFormErrors"),type:b.Error,category:v.Component,title:l.t("nylasEditorTabs.formErrorTitle")});return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();r("[nylas-editor-tabs]","formState",a);const{title:s,description:i,duration:o,availability:d,bookingCalendar:h,location:y,bookingType:_,buffer:u,availableDaysInFuture:m,minCancellationNotice:g,minBookingNotice:k,cancellationPolicy:w,timeslotInterval:x,additionalGuestsHidden:C,hideCancellationOptions:S,hideReschedulingOptions:T,participants:E,participantOpenHours:O,participantSpecificTimeAvailability:F,additionalFields:z,participantCalendars:N,conferencing:I,participantBookingCalendars:L,reminders:j,emailTemplate:H,redirectUrl:J,availabilityMethod:B,slug:R,appearance:U,name:$,disableEmails:D,organizerLocale:P}=a;const M=this.selectedConfiguration?.participants?.find((e=>e.is_organizer))||E?.find((e=>e.is_organizer));const V=N&&M?.email?N[M?.email]:[];const A=M?.booking?.calendar_id||h;const G=o?parseInt(o):30;const W=E&&E?.length>0?E:[{name:M?.name??this.currentUser?.name??"",email:M?.email??this.currentUser?.email??"",is_organizer:true,timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:h&&h!==""?[h]:["primary"],open_hours:[]},booking:{calendar_id:h&&h!==""?h:"primary"}}];let q=B?B:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective";if(this.selectedEventType&&this.selectedEventType!==p.group){q=this.selectedEventType===p.one_on_one?p.collective:this.selectedEventType}const K={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:R,name:$,availability:{duration_minutes:G,interval_minutes:x?.interval??G,round_to:x?.roundTo,availability_rules:{availability_method:q,buffer:u||{before:0,after:0},default_open_hours:d?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??f,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...W?W.map((e=>{let t=d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone;if(O?.[e.email]?.length){t=O?.[e.email]?.[0]?.timezone}if(e.is_organizer){const n=L?.[e.email]?L?.[e.email]:A?A:"primary";const a=N?.[e.email]?N?.[e.email]:V?.length?V:["primary"];const s=a.length===1&&a[0]==="primary";return{name:e.name??"",email:e.email,is_organizer:true,timezone:t,availability:{calendar_ids:s?[n]:a,open_hours:O?.[e.email]??e.availability?.open_hours??[]},specific_time_availability:F?.[e.email]??e.specific_time_availability??[],booking:{calendar_id:n}}}const n=L?.[e.email]?{calendar_id:L?.[e.email]}:e?.booking??undefined;const a=N?.[e.email]??e.availability?.calendar_ids??["primary"];const s=a.length===1&&a[0]==="primary";return{...e,timezone:t,availability:e.availability?{calendar_ids:s&&typeof n!=="undefined"?[n?.calendar_id]:a,open_hours:O?.[e.email]??e.availability?.open_hours??[]}:undefined,booking:n,specific_time_availability:F?.[e.email]??e.specific_time_availability??[]}})):[]],event_booking:{title:s?.toString()??"",description:i?.toString()??"",location:y?.toString()??"",booking_type:_?.toString()??"booking",timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:I,reminders:j,disable_emails:typeof D==="boolean"?D:false},scheduler:{cancellation_policy:w??"",available_days_in_future:m??30,min_cancellation_notice:g??0,min_booking_notice:k??60,hide_additional_guests:C??false,hide_cancellation_options:S??false,hide_rescheduling_options:T??false,additional_fields:z,email_template:H?{...H,organizer_locale:P||"en",logo:H.logo||""}:undefined,confirmation_redirect_url:J},appearance:U};const Q=c(this.selectedConfiguration,K||{});const X=this.action==="create"?Q:K;if(this.isConfigRoundRobin(X)){X.participants=X.participants.map((e=>({...e,is_organizer:undefined})))}const Y=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const Z=this.checkForBookingFormErrors(X);const ee=this.configurations?.find((e=>e.id===this.selectedConfiguration?.id))||{};const te=this.checkForOrganizerConfirmationError(c(X,ee));if(Z||te){return}this.schedulerConfigChanged.emit({config:X,resetLoadingState:Y,action:this.action,host:this.host})};this.isConfigRoundRobin=e=>e?.availability?.availability_rules?.availability_method==="max-availability"||e.availability?.availability_rules?.availability_method==="max-fairness";this.checkForOrganizerConfirmationError=e=>{let t=false;let n="";const a=e.event_booking?.booking_type==="organizer-confirmation";const s=e.scheduler?.organizer_confirmation_url;if(a&&!s){n+="Organizer confirmation URL is required when using organizer confirmation booking type.";t=true}if(t){this.isLoading=false;this.host.setError({message:n,type:b.Error,category:v.Component,title:"Error:"})}return t};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n="";Object.entries(a).forEach((e=>{const a=e[1];if(a.label===""){n+=l.t("nylasEditorTabs.bookingFormError_label",{type:a.type});t=true;return}if(a.options){for(const e of a.options){if(e.trim()===""){n+=l.t("nylasEditorTabs.bookingFormError_option",{label:a.label,type:a.type});t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError({message:n,type:b.Error,category:v.Component,title:l.t("nylasEditorTabs.bookingFormError")})}return t}}configChangedHandler(e){r("[nylas-editor-tabs]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}userChangedHandler(e){r("[nylas-editor-tabs]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e);if(this.error&&this.error.message){this.error={...this.error,message:l.t("fixFormErrors")};this.showErrorNotification(this.error)}}themeConfigChangedHandler(e,t){if(e===t)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error={message:e.message,type:e.type,category:e.category,title:e.title||l.t("genericErrorTitle")};if(this.error?.message){this.showErrorNotification(this.error)}}async resetError(){if(this.error?.message){this.dismissNotification.emit({id:this.error?.message.split(" ").join("-"),host:this.host})}this.error={message:"",type:b.Error,category:v.Component,title:""}}connectedCallback(){r("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration);this.applyThemeConfig(this.themeConfig)}componentDidLoad(){r("[nylas-editor-tabs]","componentDidLoad");if(this.enableUserFeedback&&!y()){_({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"2.2.2"?"2.2.2":undefined,integrations:e=>[...e.filter((e=>false)),u({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const e=this.host.querySelector("button.tab:not(.hide)")?.name;if(e){this.activeTab=e}this.loaded=true}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.debug("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};this.resetError();if(h.includes(t)){this.hasUnsavedChanges=true}this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=m("Scheduler Editor User Feedback",{extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}});const n={eventId:t,message:e.detail.feedback};g(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"2.2.2"?"2.2.2":undefined,"nylas-config-id":this.selectedConfiguration?.id,"nylas-slug":this.selectedConfiguration?.slug,"host-url":window.location.href},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}showErrorNotification(e){if(e.message){this.nylasSchedulerError.emit({notification:{title:e.title,category:e.category||v.Component,type:e.type||b.Error,description:e.message,id:e.message.split(" ").join("-"),ttl:"none"},host:this.host})}}getFormStateFromConfig(e){let t=e?.participants?.find((e=>e.is_organizer));if(!t&&e?.availability?.availability_rules?.availability_method!=="collective"){t=e?.participants?.find((e=>e.email===this.currentUser?.email));if(t){t.is_organizer=true}}if(e?.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:e?.event_booking?.title??"",description:e?.event_booking?.description??"",duration:e?.availability?.duration_minutes?.toString()??"30",availability:{timezone:e?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:e?.availability?.availability_rules?.default_open_hours??f},additionalFields:e?.scheduler?.additional_fields??{},conferencing:e?.event_booking?.conferencing??{},calendarIds:t?.availability?.calendar_ids??[],participants:e?.participants??[],bookingCalendar:t?.booking?.calendar_id??t?.email??"",location:e?.event_booking?.location??"",bookingType:e?.event_booking?.booking_type??"booking",buffer:e?.availability?.availability_rules?.buffer??{before:0,after:0},cancellationPolicy:e?.scheduler?.cancellation_policy??"",availableDaysInFuture:e?.scheduler?.available_days_in_future??30,minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,minBookingNotice:e?.scheduler?.min_booking_notice??60,timeslotInterval:{interval:e?.availability?.interval_minutes??e?.availability?.duration_minutes,roundTo:e?.availability?.round_to},additionalGuestsHidden:e?.scheduler?.hide_additional_guests??false,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,participantBookingCalendars:e?.participants?.reduce(((e,t)=>{if(t.booking?.calendar_id){e[t.email]=t.booking?.calendar_id}return e}))??{},participantCalendars:e?.participants?.reduce(((e,t)=>{e[t.email]=t.availability?.calendar_ids;return e}),{})??{},reminders:e?.event_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,disableEmails:e?.event_booking?.disable_emails,organizerLocale:e?.scheduler?.email_template?.organizer_locale}}setFormState(e,t){switch(t){case"title":this.formState.title=e.toString();break;case"description":this.formState.description=e.toString();break;case"duration":this.formState.duration=e.toString();break;case"availability":this.formState.availability=JSON.parse(e.toString());break;case"participants":this.formState.participants=JSON.parse(e.toString());break;case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"participant-booking-calendars":this.formState.participantBookingCalendars=JSON.parse(e.toString());break;case"location":this.formState.location=e.toString();break;case"conference":this.formState.conferencing=JSON.parse(e.toString());break;case"confirmation-type":this.formState.bookingType=e.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(e.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(e.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(e.toString());break;case"min-booking-notice":this.formState.minBookingNotice=parseInt(e.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=e.toString();break;case"timeslot-interval":this.formState.timeslotInterval=JSON.parse(e.toString());break;case"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.additionalGuestsHidden=t.additionalGuestsHidden;this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"participant-custom-availability":{const t=JSON.parse(e.toString());this.formState.participantOpenHours=t;break}case"participant-custom-availability-specific-time":{const t=JSON.parse(e.toString());this.formState.participantSpecificTimeAvailability=t;break}case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"connected-calendars":this.formState.participantCalendars=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"disable-emails":{const{disableEmails:t,organizerLocale:n}=JSON.parse(e.toString());this.formState.disableEmails=t;this.formState.organizerLocale=n;break}case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"availability-method":this.formState.availabilityMethod=e.toString();break;case"custom-event-slug":this.formState.slug=JSON.parse(e.toString());break;case"page-styling":this.formState.appearance=JSON.parse(e.toString());break;case"page-name":this.formState.name=JSON.parse(e.toString());break}this.schedulerEditorFormUpdated.emit({value:e,name:t})}updateFormState(){const e=new FormData(this.formRef);e.forEach(((e,t)=>{this.setFormState(e,t)}));this.formState={...this.formState};return this.formState}setActiveTab(e,t){e.preventDefault();this.updateFormState();this.activeTab=t}hideTab(e){return this.hideEditorTabs?.includes(e)||false}onFeedbackClick(e){e.preventDefault();this.showFeedbackModal=true}render(){r("[nylas-editor-tabs]","render",this.formState);return e(s,{key:"71428ea9c37e0d315a7c51cf6345d89c77ccf122"},e("nylas-notification",{key:"4577f44964b5ef0259d938f7a7ebd8927d1792d0"}),e("form",{key:"d6f4e0557d5d45e52520a85db6d86121ce6d724e",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?e("div",{class:"form-contents",part:"editor__form-contents net__form-contents"},e("div",{class:"tabs",part:"editor__tabs net__tabs"},e("button",{name:k.EventInfo,class:{tab:true,active:this.activeTab==k.EventInfo,hide:this.hideTab(k.EventInfo)},part:"editortab__event-info net__tab-event-info",onClick:e=>this.setActiveTab(e,k.EventInfo)},e("calendar-info-icon",{width:"16",height:"16"}),l.t("eventInfoTab")),e("button",{name:k.Availability,class:{tab:true,active:this.activeTab==k.Availability,hide:this.hideTab(k.Availability)},part:"editortab__availability net__tab-availability",onClick:e=>this.setActiveTab(e,k.Availability)},e("calendar-patterns-icon",{width:"16",height:"16"}),l.t("availabilityTab")),e("button",{name:k.Participants,class:{tab:true,active:this.activeTab==k.Participants,hide:this.hideTab(k.Participants)},part:"editortab__participants net__tab-participants",onClick:e=>this.setActiveTab(e,k.Participants)},e("people-icon",{width:"16",height:"16"}),l.t("participantsTab")),e("button",{name:k.BookingOptions,class:{tab:true,active:this.activeTab==k.BookingOptions,hide:this.hideTab(k.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,k.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),e("button",{name:k.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(k.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,k.BookingForm)},this.activeTab==k.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),e("button",{name:k.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(k.Communications)},onClick:e=>this.setActiveTab(e,k.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==k.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),e("button",{name:k.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(k.PageStyles)},onClick:e=>this.setActiveTab(e,k.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==k.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),e("div",{class:{"tab-content":true,fadeIn:this.loaded},part:"editor__tab-content net__tab-content"},e(w,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new",i18next:l}))):e("div",{class:"composable",key:this.selectedConfiguration?.id},e("slot",null)),e("div",{key:"010b2ce16b322efa63aa918133b11f9b7fd2636d",class:"footer",part:"editor__footer net__footer"},e("div",{key:"65c5da19567ba23a249d7ef5bb48841d1d46dc38",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{key:"f624b07610d35923c0d12dde751bf16dd231ac73",title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",{key:"5a83e356207739b4defbce8dfc6c29f4d3494e0c"}))),e("div",{key:"443d8e4ba32508bc34634c11e6f9627655409b63",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"eae599841e4af1a9ba25cc410cda8b0df13ab369",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error?.message!=="","error-full-width":this.error?.message!==""&&this.action==="create"}},this.error?.message==""&&this.hasUnsavedChanges&&!this.changesSaved?l.t("unsavedChangesLabel"):this.error?.message==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{key:"80430d773bfc9c59e0e1b13a3e42d88a89512ad5",title:"Preview",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();const t=this.previewButtonClicked.emit(this.host);if(!t.defaultPrevented){window.open(d(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},e("eye-icon",{key:"7c13b0bf8609ff11232e53df2fd5512acdf41107"})),e("button-component",{key:"53a86b8074c96c0de96cf13b45500ffda7cbe0ad",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.host.resetError()},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("cancelButton")),e("button-component",{key:"bc4a79a3e39542a8e090755fe2a1f3b004c5481d",class:{"save-changes":this.action==="edit"},type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},this.isLoading?e("span",null,l.t("savingButtonText"),e("loading-icon",null)," "):this.action==="create"?`${l.t("createButtonText")}`:`${l.t("saveChangesButtonText")}`)))),this.showFeedbackModal&&e("nylas-feedback-form",{key:"82a14618bb87f7d590d505ffd748c10bd05d1045"}))}get host(){return i(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};C([o({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:i}=e.detail;const o=(i,o)=>{const[r,c]=i;if(!r&&c){a.setError({message:c.message||l.t("genericErrorTitle"),type:b.Error,category:v.Component,title:o})}else if(r&&!c&&s==="create"){a.schedulerConfigCreatedEventHandler({config:r,action:s,host:a});t.schedulerConfigStore.set("selectedEventType",undefined)}if(n){n(e)}};if(s==="edit"){const e=await t.schedulerConfig.updateConfiguration(i);o(e,l.t("nylasEditorTabs.updateConfigError"))}else{const e=await t.schedulerConfig.createConfiguration(i);o(e,l.t("nylasEditorTabs.createConfigError"))}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined)},previewButtonClicked:async(e,t)=>{r("[nylas-editor-tabs]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{r("[nylas-editor-tabs]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{r("[nylas-editor-tabs]","schedulerConfigCreated",e)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),S("design:type",Function),S("design:paramtypes",[]),S("design:returntype",void 0)],T.prototype,"render",null);T.style=x;export{T as nylas_editor_tabs};
 //# sourceMappingURL=nylas-editor-tabs.entry.js.map