npm - @nylas/web-elements - Versions diffs - 2.2.0 → 2.2.2 - Mend

@nylas/web-elements 2.2.0 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (202) hide show

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

@@ -1,2 +1,2 @@
-import{h as e,F as t,r as s,a as o,d as n,e as r}from"./index-B-KMpdMZ.js";import{R as a}from"./register-component-BHk70oxk.js";import{b as i,i as c,x as l,y as d}from"./utils-Bj5Y75fX.js";import{n as p}from"./index.es-BRLyNGE1.js";import{C as b,c as u}from"./constants-DhnshuDN.js";import{i as g,a as h,f as y,c as f,b as m}from"./index-BhxFO8d8.js";import{E as _}from"./index-Cs6ndJrm.js";var v;(function(e){e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles";e["CalendarView"]="calendarView"})(v||(v={}));function w({id:s,formState:o,activeTab:n},r){return e(t,null,n===v.CalendarView&&e("div",{key:`calendar-view-${s}`,class:{hide:n!==v.CalendarView,"calendar-view":true}},e("nylas-event-calendar",null)),e("div",{key:`booking-options-${s}`,class:{hide:n!==v.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",showComponent:false,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-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-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-customize-booking-settings",{showSettings:["hideCancellationOptions","hideReschedulingOptions"],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-${s}`,class:{hide:n!==v.Communications}},e("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!o?.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:`page-styles-${s}`,class:{hide:n!==v.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",requirePageName:true,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"},r)),e("div",{key:`booking-form-${s}`,class:{hide:n!==v.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 k='.sc-nylas-editor-tabs-group-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-group{display:flex;flex-direction:column;height:inherit;position:relative}.scheduler-editor.sc-nylas-editor-tabs-group div.return-to-calendar-view.sc-nylas-editor-tabs-group{display:flex;border-bottom:1px solid var(--nylas-base-200)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:grid;grid-template-columns:minmax(224px, 25%) 1fr;height:auto;overflow-y:auto;min-height:calc(100% - 80px - 48px)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:table-column-group;height:auto;min-height:calc(100% - 80px - 196px - 48px)}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group{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-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.active.sc-nylas-editor-tabs-group{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-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.hide.sc-nylas-editor-tabs-group{display:none}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .hide.sc-nylas-editor-tabs-group{display:none}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .calendar-view.sc-nylas-editor-tabs-group{position:absolute;top:0;left:0;height:calc(100% - 80px);width:-webkit-fill-available;background:var(--nylas-base-0)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group{width:inherit}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group h3.sc-nylas-editor-tabs-group{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-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{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-group{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-group{flex-direction:column;height:auto;z-index:2}}.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group button-component.page-settings-button.sc-nylas-editor-tabs-group{min-width:140px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group{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-group .buttons.sc-nylas-editor-tabs-group{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{width:100%}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group button-component[title=Preview].sc-nylas-editor-tabs-group{width:48px}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{max-width:524px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.unsaved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.saved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error.sc-nylas-editor-tabs-group{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error-full-width.sc-nylas-editor-tabs-group{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button-component.sc-nylas-editor-tabs-group{width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group{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-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group span.sc-nylas-editor-tabs-group{display:flex;align-items:center;justify-content:center;gap:0.5rem}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button-component.save-changes.sc-nylas-editor-tabs-group{min-width:140px}button-component#report-issue.sc-nylas-editor-tabs-group{width:auto}nylas-feedback-form.sc-nylas-editor-tabs-group{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 x=undefined&&undefined.__decorate||function(e,t,s,o){var n=arguments.length,r=n<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,s):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,s,o);else for(var i=e.length-1;i>=0;i--)if(a=e[i])r=(n<3?a(r):n>3?a(t,s,r):a(t,s))||r;return n>3&&r&&Object.defineProperty(t,s,r),r};var E=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const C=class{constructor(e){s(this,e);this.schedulerConfigChanged=o(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=o(this,"schedulerConfigCreated",7);this.cancelButtonClick=o(this,"cancelButtonClick",7);this.formSubmitted=o(this,"formSubmitted",7);this.previewButtonClicked=o(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=o(this,"schedulerEditorFormUpdated",7);this.groupEventCreateTriggered=o(this,"groupEventCreateTriggered",7);this.groupEventUpdateTriggered=o(this,"groupEventUpdateTriggered",7);this.groupEventDeleteTriggered=o(this,"groupEventDeleteTriggered",7);this.groupEventImportTriggered=o(this,"groupEventImportTriggered",7);this.saveGroupEventChangesError=o(this,"saveGroupEventChangesError",7);this.nylasSchedulerError=o(this,"nylasSchedulerError",6);this.dismissNotification=o(this,"dismissNotification",6);this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.action="create";this.showFeedbackModal=false;this.activeTab=v.CalendarView;this.isLoading=false;this.componentLoaded=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error={message:"",type:p.Error,category:_.Component,title:""};this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();i("[nylas-editor-tabs-group]","formSubmissionHandler",t);const s=this.formRef.checkValidity();if(!s||t.defaultPrevented){await this.host.setError({message:this.formRef.validationMessage||c.t("fixFormErrors"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")});return}this.isLoading=true;this.hasUnsavedChanges=false;const o=this.updateFormState();i("[nylas-editor-tabs-group]","formState",o);const{title:n,description:r,bookingCalendar:a,location:d,bookingType:u,minCancellationNotice:g,minBookingNotice:h,cancellationPolicy:y,hideCancellationOptions:f,hideReschedulingOptions:m,additionalFields:v,conferencing:w,reminders:k,emailTemplate:x,redirectUrl:E,slug:C,appearance:T,name:S,eventCapacity:G,eventTimeslot:O,participants:z,disableEmails:F,organizerLocale:H}=o;const j={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},slug:C,name:S,type:this.selectedEventType===b.group?b.group:undefined,scheduler:{cancellation_policy:y??"",min_cancellation_notice:g??0,min_booking_notice:h??60,hide_cancellation_options:f??false,hide_rescheduling_options:m??false,additional_fields:v,email_template:x?{...x,organizer_locale:H||"en",logo:x.logo||""}:undefined,confirmation_redirect_url:E},appearance:T,group_booking:{booking_type:u?u:"booking",disable_emails:typeof F==="boolean"?F:false,reminders:k,conferencing:w,calendar_id:a||"primary",default_capacity:G||10}};const L=l(this.selectedConfiguration,j||{});const N=this.action==="create"?L:j;delete N.availability;delete N.participants;delete N.event_booking;const I=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),3e3)};const B=this.checkForBookingFormErrors(N);if(B){return}const R={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const U=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const J=[{...R,is_organizer:true}];const P=!this.selectedConfiguration?.id?{title:n,description:r,location:!w?d:undefined,conferencing:!d?w:undefined,when:{start_time:O?.when?.start_time??0,end_time:O?.when?.end_time??0,start_timezone:O?.when?.start_timezone??"",end_timezone:O?.when?.end_timezone??""},recurrence:O?.recurrence??[],calendar_id:a||U?.id||"primary",participants:z?.length?z:J,organizer:R,capacity:G||10}:undefined;this.schedulerConfigChanged.emit({groupEvent:P||undefined,config:N,resetLoadingState:I,action:this.action,host:this.host})};this.checkForBookingFormErrors=e=>{let t=false;let s="";const o=e.scheduler?.additional_fields;if(o){s="";Object.entries(o).forEach((e=>{const o=e[1];if(o.label===""){s+=c.t("nylasEditorTabs.bookingFormError_label",{type:o.type});t=true;return}if(o.options){for(const e of o.options){if(e.trim()===""){s+=c.t("nylasEditorTabs.bookingFormError_option",{label:o.label,type:o.type});t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError({message:s,type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.bookingFormError")})}return t}}configChangedHandler(e){i("[nylas-editor-tabs-group]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}selectedGroupEventChangedHandler(e){i("[nylas-editor-tabs-group]","selectedGroupEventChangedHandler",e,this.selectedConfiguration);this.formState={...this.formState,title:this.selectedGroupEvent?.event?.title,description:this.selectedGroupEvent?.event?.description,location:this.selectedGroupEvent?.event?.location,conferencing:this.selectedGroupEvent?.event?.conferencing,eventCapacity:this.selectedGroupEvent?.group_event_info?.capacity,participants:this.selectedGroupEvent?.group_event_info?.participants?.map((e=>({name:e.name,email:e.email,is_organizer:!!e.is_organizer}))),eventTimeslot:this.selectedGroupEvent?.event?.when?{when:{start_time:this.selectedGroupEvent?.event?.when?.start_time,end_time:this.selectedGroupEvent?.event?.when?.end_time,start_timezone:this.selectedGroupEvent?.event?.when?.start_timezone,end_timezone:this.selectedGroupEvent?.event?.when?.end_timezone},recurrence:this.selectedGroupEvent?.group_event_info?.rrule?this.selectedGroupEvent?.group_event_info?.rrule:[]}:undefined}}userChangedHandler(e){i("[nylas-editor-tabs-group]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;c.changeLanguage(e);if(this.error&&this.error.message){this.error={...this.error,message:c.t("fixFormErrors")};this.showErrorNotification(this.error)}}themeConfigChangedHandler(e,t){if(e===t)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[t,s]of Object.entries(e)){this.host.style.setProperty(`${t}`,s)}}}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||c.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:p.Error,category:_.Component,title:""}}connectedCallback(){i("[nylas-editor-tabs-group]","connectedCallback")}componentWillLoad(){i("[nylas-editor-tabs-group]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){i("[nylas-editor-tabs-group]","componentDidLoad");if(this.enableUserFeedback&&!g()){h({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"2.2.0"?"2.2.0":undefined,integrations:e=>[...e.filter((e=>false)),y({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.hideEditorTabs?.includes(this.activeTab)){this.activeTab=e}this.updateFormState();this.componentLoaded=true}disconnectedCallback(){i("[nylas-editor-tabs-group]","disconnectedCallback")}handleValueChanged(e){i("[nylas-editor-tabs-group]","handleValueChanged",e);const{name:t,value:s}=e.detail;console.log("name",t,"value",s);this.setFormState(s,t);this.formState={...this.formState};if(u.includes(t)){this.hasUnsavedChanges=true}this.host.resetError();this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=f("Scheduler Editor User Feedback");const s={eventId:t,message:e.detail.feedback};m(s,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"2.2.0"?"2.2.0":undefined},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}importGroupEventHandler(e){this.groupEventImportTriggered.emit({groupEvent:e.detail,configId:this.selectedConfiguration?.id??"",host:this.host})}saveGroupEventChangesHandler(e){i("saveGroupEventChangesHandler",e.detail,this.selectedGroupEvent);const t=this.formRef.checkValidity();const s=this.getGroupEventDetailsFromFormState();this.resetError();if(!s.title){this.setError({message:c.t("nylasEditorTabsGroup.eventTitleRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(!s.when?.start_time||!s.when?.end_time){this.setError({message:c.t("nylasEditorTabsGroup.eventTimeRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(!s.participants?.length){this.setError({message:c.t("nylasEditorTabsGroup.participantsRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(s.participants?.length&&s.participants?.some((e=>!e.email))){this.setError({message:c.t("nylasEditorTabsGroup.participantEmailRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(this.error?.message!==""||!t){this.saveGroupEventChangesError.emit({error:this.error?.message??c.t("nylasEditorTabsGroup.errorOccured"),configId:this.selectedConfiguration?.id??"",host:this.host});return}this.groupEventUpdateTriggered.emit({groupEvent:s,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}deleteGroupEventHandler(e){i("deleteGroupEventHandler",e.detail);const t=this.getGroupEventDetailsFromFormState();this.groupEventDeleteTriggered.emit({groupEvent:t,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}createGroupEventHandler(e){const t=e.detail;const s={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const o=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const n=this.formState?.conferencing||t.conferencing;const r={title:t.title,description:t.description,location:!n?t.location:undefined,participants:t.participants,organizer:s,conferencing:!t.location?n:{},when:t.eventTimeslot.when,recurrence:t.eventTimeslot.recurrence,calendar_id:o?.id||"primary",capacity:t.eventCapacity};this.groupEventCreateTriggered.emit({groupEvent:r,configId:this.selectedConfiguration?.id??"",host:this.host})}showErrorNotification(e){this.nylasSchedulerError.emit({notification:{title:e.title,category:e.category||_.Component,type:e.type||p.Error,description:e.message,id:e.message.split(" ").join("-"),ttl:"none"},host:this.host})}getGroupEventDetailsFromFormState(){const e=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const t={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const s=[{...t,is_organizer:true}];const{title:o,description:n,bookingCalendar:r,location:a,conferencing:i,eventCapacity:c,eventTimeslot:l,participants:d}=this.formState;return{title:o,description:n,location:!i?a:undefined,conferencing:!a?i:undefined,when:{start_time:l?.when?.start_time??0,end_time:l?.when?.end_time??0,start_timezone:l?.when?.start_timezone??"",end_timezone:l?.when?.end_timezone??""},recurrence:l?.recurrence??[],calendar_id:r||e?.id||"primary",participants:d?.length?d:s,organizer:t,capacity:c||10}}getFormStateFromConfig(e){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{additionalFields:e?.scheduler?.additional_fields??{},bookingType:e?.group_booking?.booking_type??"booking",cancellationPolicy:e?.scheduler?.cancellation_policy??"",minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,minBookingNotice:e?.scheduler?.min_booking_notice??60,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,reminders:e?.group_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,bookingCalendar:e?.group_booking?.calendar_id,disableEmails:e?.group_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"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"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"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"event-capacity":this.formState.eventCapacity=parseInt(String(e));break;case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"custom-event-slug":console.debug("custom-event-slug",e);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;case"participants":{const t=JSON.parse(e.toString());this.formState.participants=t.map((e=>({name:e.name,email:e.email,is_organizer:e.is_organizer})));break}case"event-timeslot":this.formState.eventTimeslot=JSON.parse(e.toString());break;case"disable-emails":{const{disableEmails:t,organizerLocale:s}=JSON.parse(e.toString());this.formState.disableEmails=t;this.formState.organizerLocale=s;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(){i("[nylas-editor-tabs-group]","render",this.formState);return e(n,{key:"898b07139b5d1eb310f794286efb801dc4d7e6db"},e("nylas-notification",{key:"00104c6537471e794425fe4b1d6e64911ab53c6e"}),e("form",{key:"80ef145ccc0c4712cd6ac4a8dba915e649b9e609",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?e("div",{class:"return-to-calendar-view",part:"editor__return-to-calendar-view net__return-to-calendar-view"},e("button-component",{id:"return-to-calendar-view-button",variant:"invisible",part:"nset__header__back-button",type:"button",onClick:e=>{this.setActiveTab(e,v.CalendarView)}},e("chevron-icon",{width:"16",height:"16"}),e("span",null,c.t("returnToCalendarView")))):null,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:v.BookingOptions,class:{tab:true,active:this.activeTab==v.BookingOptions,hide:this.hideTab(v.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,v.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),c.t("bookingOptionsTab")),e("button",{name:v.BookingForm,class:{tab:true,active:this.activeTab==v.BookingForm,hide:this.hideTab(v.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,v.BookingForm)},this.activeTab==v.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),c.t("bookingFormTab")),e("button",{name:v.Communications,class:{tab:true,active:this.activeTab==v.Communications,hide:this.hideTab(v.Communications)},onClick:e=>this.setActiveTab(e,v.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==v.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),c.t("communicationsTab")),e("button",{name:v.PageStyles,class:{tab:true,active:this.activeTab==v.PageStyles,hide:this.hideTab(v.PageStyles)},onClick:e=>this.setActiveTab(e,v.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==v.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),c.t("pageStylesTab"))),e("div",{class:"tab-content",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:c}))):e("div",{class:"composable",key:this.selectedConfiguration?.id},e("slot",null)),e("div",{key:"b4d7182971fc2b44ab667d521257cb176ed37899",class:"footer",part:"editor__footer net__footer"},e("div",{key:"91148c379250f65e646db3022b6e6177aa73f578",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{key:"b990b92b94b7cdb15b447e433dec096a606cc5d0",title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",{key:"c9e6fcec09d3746ce1523ca72fdabc6f211ef8ed"})),this.activeTab===v.CalendarView&&e("button-component",{key:"0a24edbb88756b3d2560ff0e6aaa2d30c4af6f72",class:"page-settings-button",title:"Go to page settings",id:"page-settings",variant:"basic",onClick:e=>this.setActiveTab(e,v.BookingOptions)},c.t("pageSettingsButton"))),e("div",{key:"1ca669601a8ccabf7df06355d20ae599a30763ce",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"8d23b40121b2fb02791783fde98654e081f26b7c",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&&this.activeTab!==v.CalendarView?c.t("unsavedChangesLabel"):this.error?.message==""&&this.changesSaved?`${c.t("changesSavedLabel")}!`:""),e("div",{key:"f583d6ef5c1376965631c80a0095fde56bc5e304",class:"footer-buttons__row"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{key:"4f75c02a83e0ee9e83f92acccee990b1ca58c657",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:"f6f9fda5fec071e98bd99313ae1b2c1c62bb09a7"})),e("button-component",{key:"979ff698fa5721109670cfc7902da0bb6b9e8554",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.host.resetError()},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},c.t("cancelButton")),e("button-component",{key:"298c98e99c76adf131b2f611b2eeba69bb6f1949",class:{"save-changes":this.action==="edit"},type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},!this.componentLoaded?e("span",null,e("loading-icon",null)," "):this.isLoading?e("span",null,c.t("savingButtonText"),e("loading-icon",null)," "):this.action==="create"?`${c.t("createButtonText")}`:`${c.t("saveChangesButtonText")}`))))),this.showFeedbackModal&&e("nylas-feedback-form",{key:"2b1d10bb15d60d08cd4dad494d752414205efd17"}))}get host(){return r(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],selectedGroupEvent:["selectedGroupEventChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};x([a({name:"nylas-editor-tabs-group",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"],["schedulerConfig.selectedGroupEvent","selectedGroupEvent"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:s,host:o,action:n,config:r,groupEvent:a}=e.detail;const i=(e,t)=>{const[s,r]=e;if(!s&&r){o.setError({message:r.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:t})}else if(s&&!r&&n==="create"){o.schedulerConfigCreatedEventHandler({config:s,action:n,host:o})}};if(n==="edit"){const o=await t.schedulerConfig.updateConfiguration(r);i(o,c.t("nylasEditorTabs.updateConfigError"));if(s){s(e)}}else{const o=await t.schedulerConfig.createConfiguration(r);i(o,c.t("nylasEditorTabs.createConfigError"));const[n,l]=o;const d=n?.id;if(d&&a){const e=await t.schedulerConfig.createGroupEvent(a,d);i(e,c.t("nylasEditorTabsGroup.createGroupEventError"))}if(s){s(e)}}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined);t.schedulerConfigStore.set("selectedGroupEvent",undefined);t.schedulerConfigStore.set("groupEvents",[])},previewButtonClicked:async(e,t)=>{i("[nylas-editor-tabs-group]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{i("[nylas-editor-tabs-group]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{i("[nylas-editor-tabs-group]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{i("[nylas-editor-tabs-group]","schedulerConfigCreated",e)},groupEventUpdateTriggered:async(e,t)=>{const{groupEvent:s,host:o,chosenOption:n,configId:r}=e.detail;const a=await t.schedulerConfig.updateGroupEvent(s,n,r);const[i,l]=a;if(!i&&l){o.setError({message:l.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.updateGroupEventError")})}},groupEventDeleteTriggered:async(e,t)=>{const{groupEvent:s,chosenOption:o,configId:n,host:r}=e.detail;const a=await t.schedulerConfig.deleteGroupEvent(s,o,n);const[i,l]=a;if(!i&&l){r.setError({message:l.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.deleteGroupEventError")})}},groupEventCreateTriggered:async(e,t)=>{const{groupEvent:s,configId:o,host:n}=e.detail;const r=await t.schedulerConfig.createGroupEvent(s,o);const[a,i]=r;if(!a&&i){n.setError({message:i.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.createGroupEventError")})}},groupEventImportTriggered:async(e,t)=>{const{groupEvent:s,configId:o,host:n}=e.detail;const r=await t.schedulerConfig.importGroupEvent([s],o);const[a,i]=r;if(!a&&i){n.setError({message:i.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.importGroupEventError")})}if(a&&a.import_failed&&a.import_failed.length>0){const e=a.import_failed.map((e=>e.reason)).join("\n");n.setError({message:e,type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.importGroupEventError")});setTimeout((()=>{n.resetError()}),5e3)}},saveGroupEventChangesError:async(e,t)=>{const{error:s,host:o}=e.detail;i("[nylas-editor-tabs-group]","saveGroupEventChangesError",s,o)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),E("design:type",Function),E("design:paramtypes",[]),E("design:returntype",void 0)],C.prototype,"render",null);C.style=k;export{C as nylas_editor_tabs_group};
+import{h as e,F as t,r as s,a as o,d as n,e as r}from"./index-Cbn5rIwb.js";import{R as a}from"./register-component-Blj8K64f.js";import{b as i,i as c,x as l,y as d}from"./utils-DhmCcrVs.js";import{n as p}from"./index.es-BRLyNGE1.js";import{C as b,c as u}from"./constants-DhnshuDN.js";import{i as g,a as h,f as y,c as f,b as m}from"./index-BhxFO8d8.js";import{E as _}from"./index-Cs6ndJrm.js";var v;(function(e){e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles";e["CalendarView"]="calendarView"})(v||(v={}));function w({id:s,formState:o,activeTab:n},r){return e(t,null,n===v.CalendarView&&e("div",{key:`calendar-view-${s}`,class:{hide:n!==v.CalendarView,"calendar-view":true}},e("nylas-event-calendar",null)),e("div",{key:`booking-options-${s}`,class:{hide:n!==v.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",showComponent:false,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-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-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-customize-booking-settings",{showSettings:["hideCancellationOptions","hideReschedulingOptions"],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-${s}`,class:{hide:n!==v.Communications}},e("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!o?.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:`page-styles-${s}`,class:{hide:n!==v.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",requirePageName:true,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"},r)),e("div",{key:`booking-form-${s}`,class:{hide:n!==v.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 k='.sc-nylas-editor-tabs-group-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-group{display:flex;flex-direction:column;height:inherit;position:relative}.scheduler-editor.sc-nylas-editor-tabs-group div.return-to-calendar-view.sc-nylas-editor-tabs-group{display:flex;border-bottom:1px solid var(--nylas-base-200)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:grid;grid-template-columns:minmax(224px, 25%) 1fr;height:auto;overflow-y:auto;min-height:calc(100% - 80px - 48px)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group{display:table-column-group;height:auto;min-height:calc(100% - 80px - 196px - 48px)}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group{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-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.sc-nylas-editor-tabs-group:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.active.sc-nylas-editor-tabs-group{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-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group .tab.hide.sc-nylas-editor-tabs-group{display:none}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tabs.sc-nylas-editor-tabs-group{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .hide.sc-nylas-editor-tabs-group{display:none}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .calendar-view.sc-nylas-editor-tabs-group{position:absolute;top:0;left:0;height:calc(100% - 80px);width:-webkit-fill-available;background:var(--nylas-base-0)}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group{width:inherit}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-info.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group,.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group nylas-event-limits.sc-nylas-editor-tabs-group div[slot=inputs].sc-nylas-editor-tabs-group{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group h3.sc-nylas-editor-tabs-group{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-group .form-contents.sc-nylas-editor-tabs-group .tab-content.sc-nylas-editor-tabs-group .tab-header.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{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-group{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-group{flex-direction:column;height:auto;z-index:2}}.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs-group .preview.sc-nylas-editor-tabs-group button-component.page-settings-button.sc-nylas-editor-tabs-group{min-width:140px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group{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-group .buttons.sc-nylas-editor-tabs-group{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{display:flex;gap:16px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group{width:100%}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group .footer-buttons__row.sc-nylas-editor-tabs-group button-component[title=Preview].sc-nylas-editor-tabs-group{width:48px}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.sc-nylas-editor-tabs-group{max-width:524px}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.unsaved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.saved-changes.sc-nylas-editor-tabs-group{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error.sc-nylas-editor-tabs-group{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group p.error-full-width.sc-nylas-editor-tabs-group{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button-component.sc-nylas-editor-tabs-group{width:100%}}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group{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-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button.sc-nylas-editor-tabs-group span.sc-nylas-editor-tabs-group{display:flex;align-items:center;justify-content:center;gap:0.5rem}.footer.sc-nylas-editor-tabs-group .buttons.sc-nylas-editor-tabs-group button-component.save-changes.sc-nylas-editor-tabs-group{min-width:140px}button-component#report-issue.sc-nylas-editor-tabs-group{width:auto}nylas-feedback-form.sc-nylas-editor-tabs-group{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 x=undefined&&undefined.__decorate||function(e,t,s,o){var n=arguments.length,r=n<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,s):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,s,o);else for(var i=e.length-1;i>=0;i--)if(a=e[i])r=(n<3?a(r):n>3?a(t,s,r):a(t,s))||r;return n>3&&r&&Object.defineProperty(t,s,r),r};var E=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const C=class{constructor(e){s(this,e);this.schedulerConfigChanged=o(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=o(this,"schedulerConfigCreated",7);this.cancelButtonClick=o(this,"cancelButtonClick",7);this.formSubmitted=o(this,"formSubmitted",7);this.previewButtonClicked=o(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=o(this,"schedulerEditorFormUpdated",7);this.groupEventCreateTriggered=o(this,"groupEventCreateTriggered",7);this.groupEventUpdateTriggered=o(this,"groupEventUpdateTriggered",7);this.groupEventDeleteTriggered=o(this,"groupEventDeleteTriggered",7);this.groupEventImportTriggered=o(this,"groupEventImportTriggered",7);this.saveGroupEventChangesError=o(this,"saveGroupEventChangesError",7);this.nylasSchedulerError=o(this,"nylasSchedulerError",6);this.dismissNotification=o(this,"dismissNotification",6);this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.action="create";this.showFeedbackModal=false;this.activeTab=v.CalendarView;this.isLoading=false;this.componentLoaded=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error={message:"",type:p.Error,category:_.Component,title:""};this.formSubmissionHandler=async e=>{e.preventDefault();const t=await this.formSubmitted.emit();i("[nylas-editor-tabs-group]","formSubmissionHandler",t);const s=this.formRef.checkValidity();if(!s||t.defaultPrevented){await this.host.setError({message:this.formRef.validationMessage||c.t("fixFormErrors"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")});return}this.isLoading=true;this.hasUnsavedChanges=false;const o=this.updateFormState();i("[nylas-editor-tabs-group]","formState",o);const{title:n,description:r,bookingCalendar:a,location:d,bookingType:u,minCancellationNotice:g,minBookingNotice:h,cancellationPolicy:y,hideCancellationOptions:f,hideReschedulingOptions:m,additionalFields:v,conferencing:w,reminders:k,emailTemplate:x,redirectUrl:E,slug:C,appearance:T,name:S,eventCapacity:G,eventTimeslot:O,participants:z,disableEmails:F,organizerLocale:H}=o;const j={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},slug:C,name:S,type:this.selectedEventType===b.group?b.group:undefined,scheduler:{cancellation_policy:y??"",min_cancellation_notice:g??0,min_booking_notice:h??60,hide_cancellation_options:f??false,hide_rescheduling_options:m??false,additional_fields:v,email_template:x?{...x,organizer_locale:H||"en",logo:x.logo||""}:undefined,confirmation_redirect_url:E},appearance:T,group_booking:{booking_type:u?u:"booking",disable_emails:typeof F==="boolean"?F:false,reminders:k,conferencing:w,calendar_id:a||"primary",default_capacity:G||10}};const L=l(this.selectedConfiguration,j||{});const N=this.action==="create"?L:j;delete N.availability;delete N.participants;delete N.event_booking;const I=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),3e3)};const R=this.checkForBookingFormErrors(N);if(R){return}const B={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const U=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const J=[{...B,is_organizer:true}];const P=!this.selectedConfiguration?.id?{title:n,description:r,location:!w?d:undefined,conferencing:!d?w:undefined,when:{start_time:O?.when?.start_time??0,end_time:O?.when?.end_time??0,start_timezone:O?.when?.start_timezone??"",end_timezone:O?.when?.end_timezone??""},recurrence:O?.recurrence??[],calendar_id:a||U?.id||"primary",participants:z?.length?z:J,organizer:B,capacity:G||10}:undefined;this.schedulerConfigChanged.emit({groupEvent:P||undefined,config:N,resetLoadingState:I,action:this.action,host:this.host})};this.checkForBookingFormErrors=e=>{let t=false;let s="";const o=e.scheduler?.additional_fields;if(o){s="";Object.entries(o).forEach((e=>{const o=e[1];if(o.label===""){s+=c.t("nylasEditorTabs.bookingFormError_label",{type:o.type});t=true;return}if(o.options){for(const e of o.options){if(e.trim()===""){s+=c.t("nylasEditorTabs.bookingFormError_option",{label:o.label,type:o.type});t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError({message:s,type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.bookingFormError")})}return t}}configChangedHandler(e){i("[nylas-editor-tabs-group]","configChangedHandler",e,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(e)};if(e?.id){this.action="edit"}else{this.action="create"}}selectedGroupEventChangedHandler(e){i("[nylas-editor-tabs-group]","selectedGroupEventChangedHandler",e,this.selectedConfiguration);this.formState={...this.formState,title:this.selectedGroupEvent?.event?.title,description:this.selectedGroupEvent?.event?.description,location:this.selectedGroupEvent?.event?.location,conferencing:this.selectedGroupEvent?.event?.conferencing,eventCapacity:this.selectedGroupEvent?.group_event_info?.capacity,participants:this.selectedGroupEvent?.group_event_info?.participants?.map((e=>({name:e.name,email:e.email,is_organizer:!!e.is_organizer}))),eventTimeslot:this.selectedGroupEvent?.event?.when?{when:{start_time:this.selectedGroupEvent?.event?.when?.start_time,end_time:this.selectedGroupEvent?.event?.when?.end_time,start_timezone:this.selectedGroupEvent?.event?.when?.start_timezone,end_timezone:this.selectedGroupEvent?.event?.when?.end_timezone},recurrence:this.selectedGroupEvent?.group_event_info?.rrule?this.selectedGroupEvent?.group_event_info?.rrule:[]}:undefined}}userChangedHandler(e){i("[nylas-editor-tabs-group]","userChangedHandler",e);if(e){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}selectedLanguageChangedHandler(e,t){if(e===t)return;c.changeLanguage(e);if(this.error&&this.error.message){this.error={...this.error,message:c.t("fixFormErrors")};this.showErrorNotification(this.error)}}themeConfigChangedHandler(e,t){if(e===t)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[t,s]of Object.entries(e)){this.host.style.setProperty(`${t}`,s)}}}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||c.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:p.Error,category:_.Component,title:""}}connectedCallback(){i("[nylas-editor-tabs-group]","connectedCallback")}componentWillLoad(){i("[nylas-editor-tabs-group]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration);this.applyThemeConfig(this.themeConfig)}componentDidLoad(){i("[nylas-editor-tabs-group]","componentDidLoad");if(this.enableUserFeedback&&!g()){h({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"2.2.2"?"2.2.2":undefined,integrations:e=>[...e.filter((e=>false)),y({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.hideEditorTabs?.includes(this.activeTab)){this.activeTab=e}this.updateFormState();this.componentLoaded=true}disconnectedCallback(){i("[nylas-editor-tabs-group]","disconnectedCallback")}handleValueChanged(e){i("[nylas-editor-tabs-group]","handleValueChanged",e);const{name:t,value:s}=e.detail;console.log("name",t,"value",s);this.setFormState(s,t);this.formState={...this.formState};if(u.includes(t)){this.hasUnsavedChanges=true}this.host.resetError();this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=f("Scheduler Editor User Feedback");const s={eventId:t,message:e.detail.feedback};m(s,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"2.2.2"?"2.2.2":undefined},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}importGroupEventHandler(e){this.groupEventImportTriggered.emit({groupEvent:e.detail,configId:this.selectedConfiguration?.id??"",host:this.host})}saveGroupEventChangesHandler(e){i("saveGroupEventChangesHandler",e.detail,this.selectedGroupEvent);const t=this.formRef.checkValidity();const s=this.getGroupEventDetailsFromFormState();this.resetError();if(!s.title){this.setError({message:c.t("nylasEditorTabsGroup.eventTitleRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(!s.when?.start_time||!s.when?.end_time){this.setError({message:c.t("nylasEditorTabsGroup.eventTimeRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(!s.participants?.length){this.setError({message:c.t("nylasEditorTabsGroup.participantsRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(s.participants?.length&&s.participants?.some((e=>!e.email))){this.setError({message:c.t("nylasEditorTabsGroup.participantEmailRequired"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabs.formErrorTitle")})}if(this.error?.message!==""||!t){this.saveGroupEventChangesError.emit({error:this.error?.message??c.t("nylasEditorTabsGroup.errorOccured"),configId:this.selectedConfiguration?.id??"",host:this.host});return}this.groupEventUpdateTriggered.emit({groupEvent:s,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}deleteGroupEventHandler(e){i("deleteGroupEventHandler",e.detail);const t=this.getGroupEventDetailsFromFormState();this.groupEventDeleteTriggered.emit({groupEvent:t,chosenOption:e.detail.action,configId:this.selectedConfiguration?.id??"",host:this.host})}createGroupEventHandler(e){const t=e.detail;const s={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const o=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const n=this.formState?.conferencing||t.conferencing;const r={title:t.title,description:t.description,location:!n?t.location:undefined,participants:t.participants,organizer:s,conferencing:!t.location?n:{},when:t.eventTimeslot.when,recurrence:t.eventTimeslot.recurrence,calendar_id:o?.id||"primary",capacity:t.eventCapacity};this.groupEventCreateTriggered.emit({groupEvent:r,configId:this.selectedConfiguration?.id??"",host:this.host})}showErrorNotification(e){this.nylasSchedulerError.emit({notification:{title:e.title,category:e.category||_.Component,type:e.type||p.Error,description:e.message,id:e.message.split(" ").join("-"),ttl:"none"},host:this.host})}getGroupEventDetailsFromFormState(){const e=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const t={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const s=[{...t,is_organizer:true}];const{title:o,description:n,bookingCalendar:r,location:a,conferencing:i,eventCapacity:c,eventTimeslot:l,participants:d}=this.formState;return{title:o,description:n,location:!i?a:undefined,conferencing:!a?i:undefined,when:{start_time:l?.when?.start_time??0,end_time:l?.when?.end_time??0,start_timezone:l?.when?.start_timezone??"",end_timezone:l?.when?.end_timezone??""},recurrence:l?.recurrence??[],calendar_id:r||e?.id||"primary",participants:d?.length?d:s,organizer:t,capacity:c||10}}getFormStateFromConfig(e){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{additionalFields:e?.scheduler?.additional_fields??{},bookingType:e?.group_booking?.booking_type??"booking",cancellationPolicy:e?.scheduler?.cancellation_policy??"",minCancellationNotice:e?.scheduler?.min_cancellation_notice??0,minBookingNotice:e?.scheduler?.min_booking_notice??60,hideCancellationOptions:e?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:e?.scheduler?.hide_rescheduling_options??false,reminders:e?.group_booking?.reminders,emailTemplate:e?.scheduler?.email_template,redirectUrl:e?.scheduler?.confirmation_redirect_url,slug:e?.slug,appearance:e?.appearance,name:e?.name,bookingCalendar:e?.group_booking?.calendar_id,disableEmails:e?.group_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"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"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"customize-booking-settings":{const t=JSON.parse(e.toString());this.formState.hideCancellationOptions=t.hideCancellationOptions;this.formState.hideReschedulingOptions=t.hideReschedulingOptions;break}case"booking-calendar":this.formState.bookingCalendar=e.toString();break;case"event-capacity":this.formState.eventCapacity=parseInt(String(e));break;case"additional-fields":this.formState.additionalFields=JSON.parse(e.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(e.toString());break;case"reminder-overrides":this.formState.reminders=JSON.parse(e.toString());break;case"confirmation-redirect":this.formState.redirectUrl=e.toString();break;case"custom-event-slug":console.debug("custom-event-slug",e);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;case"participants":{const t=JSON.parse(e.toString());this.formState.participants=t.map((e=>({name:e.name,email:e.email,is_organizer:e.is_organizer})));break}case"event-timeslot":this.formState.eventTimeslot=JSON.parse(e.toString());break;case"disable-emails":{const{disableEmails:t,organizerLocale:s}=JSON.parse(e.toString());this.formState.disableEmails=t;this.formState.organizerLocale=s;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(){i("[nylas-editor-tabs-group]","render",this.formState);return e(n,{key:"d94a76f6c274688ec8f0859a13087b8f334cc35b"},e("nylas-notification",{key:"11860c4d69d3d61b12c7db5ae47d1a230fcf1a23"}),e("form",{key:"80f6c4c989c9f9aa0b3062d59c9df893097f463e",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e,noValidate:true},this.mode==="app"?e("div",{class:"return-to-calendar-view",part:"editor__return-to-calendar-view net__return-to-calendar-view"},e("button-component",{id:"return-to-calendar-view-button",variant:"invisible",part:"nset__header__back-button",type:"button",onClick:e=>{this.setActiveTab(e,v.CalendarView)}},e("chevron-icon",{width:"16",height:"16"}),e("span",null,c.t("returnToCalendarView")))):null,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:v.BookingOptions,class:{tab:true,active:this.activeTab==v.BookingOptions,hide:this.hideTab(v.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,v.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),c.t("bookingOptionsTab")),e("button",{name:v.BookingForm,class:{tab:true,active:this.activeTab==v.BookingForm,hide:this.hideTab(v.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,v.BookingForm)},this.activeTab==v.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),c.t("bookingFormTab")),e("button",{name:v.Communications,class:{tab:true,active:this.activeTab==v.Communications,hide:this.hideTab(v.Communications)},onClick:e=>this.setActiveTab(e,v.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==v.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),c.t("communicationsTab")),e("button",{name:v.PageStyles,class:{tab:true,active:this.activeTab==v.PageStyles,hide:this.hideTab(v.PageStyles)},onClick:e=>this.setActiveTab(e,v.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==v.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),c.t("pageStylesTab"))),e("div",{class:"tab-content",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:c}))):e("div",{class:"composable",key:this.selectedConfiguration?.id},e("slot",null)),e("div",{key:"f67a4df9a12555ef0949b3fb884e6ce1327e0a8c",class:"footer",part:"editor__footer net__footer"},e("div",{key:"5a36b5bcc2fe6ff0a9ac5245a3731d638f63c831",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{key:"ff1934437bfa1517ee9fe84fea62a4a1c55a30e4",title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",{key:"b412012a1b566c30d5b5123723c6c8568df3a5e8"})),this.activeTab===v.CalendarView&&e("button-component",{key:"ac35f55e5ed9865e99692a87fdcbf0d3756b886e",class:"page-settings-button",title:"Go to page settings",id:"page-settings",variant:"basic",onClick:e=>this.setActiveTab(e,v.BookingOptions)},c.t("pageSettingsButton"))),e("div",{key:"660dbc32d252190046c7b6d09d396fc60f8e9020",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"0bd3b0bbfba3861a570a29754ca0209e9cbee017",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&&this.activeTab!==v.CalendarView?c.t("unsavedChangesLabel"):this.error?.message==""&&this.changesSaved?`${c.t("changesSavedLabel")}!`:""),e("div",{key:"d1a04833c9933b5fb711bb1dc88076ac377bc8d0",class:"footer-buttons__row"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{key:"779550b8ce34b1666b2a5f202da5876ff68f0f5a",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:"71c699f383571b1f9a37f1835d4df7fc9f42ee34"})),e("button-component",{key:"0aa4cbd51b2a6c5ce6496e017121b64b0ba5972d",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.host.resetError()},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},c.t("cancelButton")),e("button-component",{key:"1bca51e4f92b7716dd0b1b6b81d487b998d42df0",class:{"save-changes":this.action==="edit"},type:"submit",disabled:this.isLoading,part:"editor__footer-cta, net__footer-cta"},!this.componentLoaded?e("span",null,e("loading-icon",null)," "):this.isLoading?e("span",null,c.t("savingButtonText"),e("loading-icon",null)," "):this.action==="create"?`${c.t("createButtonText")}`:`${c.t("saveChangesButtonText")}`))))),this.showFeedbackModal&&e("nylas-feedback-form",{key:"3cd500b457db0ad90ceb7eddd2d7bebb4e9efb94"}))}get host(){return r(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],selectedGroupEvent:["selectedGroupEventChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};x([a({name:"nylas-editor-tabs-group",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedEventType","selectedEventType"],["schedulerConfig.selectedGroupEvent","selectedGroupEvent"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:s,host:o,action:n,config:r,groupEvent:a}=e.detail;const i=(e,t)=>{const[s,r]=e;if(!s&&r){o.setError({message:r.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:t})}else if(s&&!r&&n==="create"){o.schedulerConfigCreatedEventHandler({config:s,action:n,host:o})}};if(n==="edit"){const o=await t.schedulerConfig.updateConfiguration(r);i(o,c.t("nylasEditorTabs.updateConfigError"));if(s){s(e)}}else{const o=await t.schedulerConfig.createConfiguration(r);i(o,c.t("nylasEditorTabs.createConfigError"));const[n,l]=o;const d=n?.id;if(d&&a){const e=await t.schedulerConfig.createGroupEvent(a,d);i(e,c.t("nylasEditorTabsGroup.createGroupEventError"))}if(s){s(e)}}},cancelButtonClick:async(e,t)=>{t.schedulerConfigStore.state.action=null;t.schedulerConfigStore.set("selectedEventType",undefined);t.schedulerConfigStore.set("selectedGroupEvent",undefined);t.schedulerConfigStore.set("groupEvents",[])},previewButtonClicked:async(e,t)=>{i("[nylas-editor-tabs-group]","previewButtonClicked",t)},formSubmitted:async(e,t)=>{i("[nylas-editor-tabs-group]","formSubmitted",t)},schedulerEditorFormUpdated:async(e,t)=>{i("[nylas-editor-tabs-group]","schedulerEditorFormUpdated",e)},schedulerConfigCreated:async(e,t)=>{i("[nylas-editor-tabs-group]","schedulerConfigCreated",e)},groupEventUpdateTriggered:async(e,t)=>{const{groupEvent:s,host:o,chosenOption:n,configId:r}=e.detail;const a=await t.schedulerConfig.updateGroupEvent(s,n,r);const[i,l]=a;if(!i&&l){o.setError({message:l.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.updateGroupEventError")})}},groupEventDeleteTriggered:async(e,t)=>{const{groupEvent:s,chosenOption:o,configId:n,host:r}=e.detail;const a=await t.schedulerConfig.deleteGroupEvent(s,o,n);const[i,l]=a;if(!i&&l){r.setError({message:l.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.deleteGroupEventError")})}},groupEventCreateTriggered:async(e,t)=>{const{groupEvent:s,configId:o,host:n}=e.detail;const r=await t.schedulerConfig.createGroupEvent(s,o);const[a,i]=r;if(!a&&i){n.setError({message:i.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.createGroupEventError")})}},groupEventImportTriggered:async(e,t)=>{const{groupEvent:s,configId:o,host:n}=e.detail;const r=await t.schedulerConfig.importGroupEvent([s],o);const[a,i]=r;if(!a&&i){n.setError({message:i.message||c.t("genericErrorTitle"),type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.importGroupEventError")})}if(a&&a.import_failed&&a.import_failed.length>0){const e=a.import_failed.map((e=>e.reason)).join("\n");n.setError({message:e,type:p.Error,category:_.Component,title:c.t("nylasEditorTabsGroup.importGroupEventError")});setTimeout((()=>{n.resetError()}),5e3)}},saveGroupEventChangesError:async(e,t)=>{const{error:s,host:o}=e.detail;i("[nylas-editor-tabs-group]","saveGroupEventChangesError",s,o)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),E("design:type",Function),E("design:paramtypes",[]),E("design:returntype",void 0)],C.prototype,"render",null);C.style=k;export{C as nylas_editor_tabs_group};
 //# sourceMappingURL=nylas-editor-tabs-group.entry.js.map