@nylas/web-elements 1.4.1 → 1.4.3

package/dist/nylas-web-elements/nylas-disable-emails.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as a,h as l,a as n,e as o}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{a as r,i as t}from"./utils-3fdf2c83.js";import{L as c,a as i}from"./constants-794fe173.js";import"./utc-290d564f.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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;width:inherit}.nylas-disable-emails{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);margin:1rem}.header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.header .drawer-toggle{display:flex;gap:24px;align-items:center}.header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.header .drawer-toggle .chevron:hover,.header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.header .drawer-toggle .chevron.open{transform:rotate(90deg)}.header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:0;margin:16px}.toggle label{display:inline-flex;align-items:center;gap:8px}.toggle toggle-switch{margin-right:12px}.toggle select-dropdown{width:auto}';var f=undefined&&undefined.__decorate||function(e,a,l,n){var o=arguments.length,s=o<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,l):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,l,n);else for(var t=e.length-1;t>=0;t--)if(r=e[t])s=(o<3?r(s):o>3?r(a,l,s):r(a,l))||s;return o>3&&s&&Object.defineProperty(a,l,s),s};var y=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const b=class{constructor(l){e(this,l);this.valueChanged=a(this,"valueChanged",7);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="disable-emails";this.selectedLanguage=undefined;this.organizerLocale=this.selectedLanguage||"en";this.disableEmails=false}connectedCallback(){r("nylas-disable-emails","connectedCallback")}disconnectedCallback(){r("nylas-disable-emails","disconnectedCallback")}componentWillLoad(){r("nylas-disable-emails","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){r("nylas-disable-emails","componentDidLoad");const e=this.selectedConfiguration?.scheduler?.email_template?.organizer_locale||this.selectedLanguage||"en";this.organizerLocale=e;const a=this.selectedConfiguration?.group_booking!==undefined;const l=a?this.selectedConfiguration?.group_booking?.disable_emails:this.selectedConfiguration?.event_booking?.disable_emails;this.disableEmails=l||false;this.handleSettingValue(false)}elementNameChangedHandler(e){r("nylas-disable-emails","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;t.changeLanguage(e)}selectedConfigurationChangedHandler(e,a){if(e===a)return;this.organizerLocale=e.scheduler?.email_template?.organizer_locale||this.selectedLanguage||"en";this.handleSettingValue(false);const l=e?.group_booking!==undefined;const n=l?e?.group_booking?.disable_emails:e?.event_booking?.disable_emails;this.disableEmails=n||false;this.handleSettingValue(false)}nyalsFormSwitchToggledHandler(e){r("nylas-confirmation-email","nyalsFormSwitchToggledHandler",e.detail);const{checked:a}=e.detail;if(e.detail.name==="disable-emails"){this.disableEmails=!a;this.handleSettingValue()}}nylasFormDropdownChangedHandler(e){const{name:a,value:l}=e.detail;if(a==="organizer-locale"){const e=c[l];this.organizerLocale=e;this.handleSettingValue()}}handleSettingValue(e=true){if(e){this.valueChanged.emit({value:JSON.stringify({disableEmails:this.disableEmails,organizerLocale:this.organizerLocale}),name:this.name})}this.internals.setFormValue(JSON.stringify({disableEmails:this.disableEmails,organizerLocale:this.organizerLocale}),this.name)}render(){const e=Object.keys(i).map((e=>({label:i[e],value:e})));const a=this.selectedConfiguration?.group_booking!==undefined;const o=a?this.selectedConfiguration?.group_booking?.disable_emails:this.selectedConfiguration?.event_booking?.disable_emails;return l(n,{key:"447e36ee3e2429ac7d7abe98ce2696edec046663"},l("div",{key:"cea5ae7612018a2867f5b485d2b7c2af0ce87a4a",class:"nylas-disable-emails",part:"nde"},l("div",{key:"889ec728e012e5ca32abcf6eb7c590b39fcc3c57",class:"header",part:"nde__header"},l("div",{key:"f26465c44ffdc522d798a9f11bfe5c25cd721af2"},l("h3",{key:"4aad761b72c67848a22ac325f6cfeebded566d5b"},t.t("eventCommunicationsTitle")),l("p",{key:"976ab2de26e6732b09b0555afb7c15e09073b846"},t.t("eventCommunicationsDescription")))),l("div",{key:"9ea33ddd8a49f0e9df5959bf70e96bbc28f8b7d6",class:"toggle",part:"nde__toggle"},l("label",{key:"48dc1977081b1e10a9b5f22adc9782c210dca245"},t.t("nylasConfirmationEmail.confirmationEmail.label"),l("span",{key:"12e9839514485ef0142cd5b410130b8c91fb0212",class:"label-icon"},l("tooltip-component",{key:"66154e17cb06979105587383454c602fecc177ec"},l("info-icon",{key:"9b1b61df89f25236842b7feaecce3e014eba0a1b",slot:"tooltip-icon"}),l("span",{key:"034487730f00e400ce498b95ee6210bee06eba76",slot:"tooltip-content"}," ",t.t("nylasConfirmationEmail.confirmationEmail.tooltip.desc"))))),l("toggle-switch",{key:"74e27fe88241ea75e862881383813261333783dc",exportparts:"ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider",name:`disable-emails`,checked:!o})),l("div",{key:"a2666a29dfe272e38ed11f9ff31369cb1dbe3354",class:"toggle",part:"nde__toggle"},l("label",{key:"d45044cd530c7899732ebf2e408a2adf07773c70"},t.t("nylasConfirmationEmail.confirmationEmail.language"),l("span",{key:"c21271bbe8b2eb0d32e4dcaaa889d6d0a38a96e4",class:"label-icon"},l("tooltip-component",{key:"8fa27bf5c088fd2723ce4c16f2d91fe0eaf4c290"},l("info-icon",{key:"9dc6051e7f6767ca5a06469a39446efd594603f6",slot:"tooltip-icon"}),l("span",{key:"2c73279e322c2b750bf7c68c64d304c2877d79fe",slot:"tooltip-content"}," ",t.t("nylasConfirmationEmail.confirmationEmail.tooltip.language"))))),l("select-dropdown",{key:"81b49dfee7917074e2be43d24a55a5aa4422bc4e",name:"organizer-locale",options:e,withChevron:false,defaultSelectedOption:e.find((e=>e.value==this.organizerLocale)),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},l("span",{key:"86c4423a47d1edc2630f3882126e2ddbff0c73a5",slot:"select-icon"},l("translate-icon",{key:"75baac74c2c084e43fa66ffe5298a39ce53a4695",width:"20",height:"20"}))))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};f([s({name:"nylas-disable-emails",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:l}=e.detail;if(l){l(e)}}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],b.prototype,"render",null);b.style=d;export{b as nylas_disable_emails};
+import{r as e,i as a,h as l,a as n,e as o}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as r,i as t}from"./utils-ac8fef1e.js";import{L as c,a as i}from"./constants-794fe173.js";import"./utc-290d564f.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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;width:inherit}.nylas-disable-emails{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);margin:1rem}.header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.header .drawer-toggle{display:flex;gap:24px;align-items:center}.header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.header .drawer-toggle .chevron:hover,.header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.header .drawer-toggle .chevron.open{transform:rotate(90deg)}.header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:0;margin:16px}.toggle label{display:inline-flex;align-items:center;gap:8px}.toggle toggle-switch{margin-right:12px}.toggle select-dropdown{width:auto}';var f=undefined&&undefined.__decorate||function(e,a,l,n){var o=arguments.length,s=o<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,l):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,l,n);else for(var t=e.length-1;t>=0;t--)if(r=e[t])s=(o<3?r(s):o>3?r(a,l,s):r(a,l))||s;return o>3&&s&&Object.defineProperty(a,l,s),s};var y=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const b=class{constructor(l){e(this,l);this.valueChanged=a(this,"valueChanged",7);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="disable-emails";this.selectedLanguage=undefined;this.organizerLocale=this.selectedLanguage||"en";this.disableEmails=false}connectedCallback(){r("nylas-disable-emails","connectedCallback")}disconnectedCallback(){r("nylas-disable-emails","disconnectedCallback")}componentWillLoad(){r("nylas-disable-emails","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){r("nylas-disable-emails","componentDidLoad");const e=this.selectedConfiguration?.scheduler?.email_template?.organizer_locale||this.selectedLanguage||"en";this.organizerLocale=e;const a=this.selectedConfiguration?.group_booking!==undefined;const l=a?this.selectedConfiguration?.group_booking?.disable_emails:this.selectedConfiguration?.event_booking?.disable_emails;this.disableEmails=l||false;this.handleSettingValue(false)}elementNameChangedHandler(e){r("nylas-disable-emails","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;t.changeLanguage(e)}selectedConfigurationChangedHandler(e,a){if(e===a)return;this.organizerLocale=e.scheduler?.email_template?.organizer_locale||this.selectedLanguage||"en";this.handleSettingValue(false);const l=e?.group_booking!==undefined;const n=l?e?.group_booking?.disable_emails:e?.event_booking?.disable_emails;this.disableEmails=n||false;this.handleSettingValue(false)}nyalsFormSwitchToggledHandler(e){r("nylas-confirmation-email","nyalsFormSwitchToggledHandler",e.detail);const{checked:a}=e.detail;if(e.detail.name==="disable-emails"){this.disableEmails=!a;this.handleSettingValue()}}nylasFormDropdownChangedHandler(e){const{name:a,value:l}=e.detail;if(a==="organizer-locale"){const e=c[l];this.organizerLocale=e;this.handleSettingValue()}}handleSettingValue(e=true){if(e){this.valueChanged.emit({value:JSON.stringify({disableEmails:this.disableEmails,organizerLocale:this.organizerLocale}),name:this.name})}this.internals.setFormValue(JSON.stringify({disableEmails:this.disableEmails,organizerLocale:this.organizerLocale}),this.name)}render(){const e=Object.keys(i).map((e=>({label:i[e],value:e})));const a=this.selectedConfiguration?.group_booking!==undefined;const o=a?this.selectedConfiguration?.group_booking?.disable_emails:this.selectedConfiguration?.event_booking?.disable_emails;return l(n,{key:"447e36ee3e2429ac7d7abe98ce2696edec046663"},l("div",{key:"cea5ae7612018a2867f5b485d2b7c2af0ce87a4a",class:"nylas-disable-emails",part:"nde"},l("div",{key:"889ec728e012e5ca32abcf6eb7c590b39fcc3c57",class:"header",part:"nde__header"},l("div",{key:"f26465c44ffdc522d798a9f11bfe5c25cd721af2"},l("h3",{key:"4aad761b72c67848a22ac325f6cfeebded566d5b"},t.t("eventCommunicationsTitle")),l("p",{key:"976ab2de26e6732b09b0555afb7c15e09073b846"},t.t("eventCommunicationsDescription")))),l("div",{key:"9ea33ddd8a49f0e9df5959bf70e96bbc28f8b7d6",class:"toggle",part:"nde__toggle"},l("label",{key:"48dc1977081b1e10a9b5f22adc9782c210dca245"},t.t("nylasConfirmationEmail.confirmationEmail.label"),l("span",{key:"12e9839514485ef0142cd5b410130b8c91fb0212",class:"label-icon"},l("tooltip-component",{key:"66154e17cb06979105587383454c602fecc177ec"},l("info-icon",{key:"9b1b61df89f25236842b7feaecce3e014eba0a1b",slot:"tooltip-icon"}),l("span",{key:"034487730f00e400ce498b95ee6210bee06eba76",slot:"tooltip-content"}," ",t.t("nylasConfirmationEmail.confirmationEmail.tooltip.desc"))))),l("toggle-switch",{key:"74e27fe88241ea75e862881383813261333783dc",exportparts:"ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider",name:`disable-emails`,checked:!o})),l("div",{key:"a2666a29dfe272e38ed11f9ff31369cb1dbe3354",class:"toggle",part:"nde__toggle"},l("label",{key:"d45044cd530c7899732ebf2e408a2adf07773c70"},t.t("nylasConfirmationEmail.confirmationEmail.language"),l("span",{key:"c21271bbe8b2eb0d32e4dcaaa889d6d0a38a96e4",class:"label-icon"},l("tooltip-component",{key:"8fa27bf5c088fd2723ce4c16f2d91fe0eaf4c290"},l("info-icon",{key:"9dc6051e7f6767ca5a06469a39446efd594603f6",slot:"tooltip-icon"}),l("span",{key:"2c73279e322c2b750bf7c68c64d304c2877d79fe",slot:"tooltip-content"}," ",t.t("nylasConfirmationEmail.confirmationEmail.tooltip.language"))))),l("select-dropdown",{key:"81b49dfee7917074e2be43d24a55a5aa4422bc4e",name:"organizer-locale",options:e,withChevron:false,defaultSelectedOption:e.find((e=>e.value==this.organizerLocale)),exportparts:"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label"},l("span",{key:"86c4423a47d1edc2630f3882126e2ddbff0c73a5",slot:"select-icon"},l("translate-icon",{key:"75baac74c2c084e43fa66ffe5298a39ce53a4695",width:"20",height:"20"}))))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};f([s({name:"nylas-disable-emails",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:l}=e.detail;if(l){l(e)}}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],b.prototype,"render",null);b.style=d;export{b as nylas_disable_emails};
 //# sourceMappingURL=nylas-disable-emails.entry.js.map

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

@@ -1,2 +1,2 @@
-import{h as e,F as t,r as s,i as n,a as o,e as a}from"./index-3e0d6890.js";import{R as r}from"./register-component-3d439a88.js";import{a as i,x as c,i as l,y as d}from"./utils-3fdf2c83.js";import{C as p,c as u}from"./constants-794fe173.js";import{i as b,a as h,f as g,c as f,b as y}from"./index-95193d9b.js";import"./utc-290d564f.js";var m;(function(e){e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles";e["CalendarView"]="calendarView"})(m||(m={}));function _({id:s,formState:n,activeTab:o},a){return e(t,null,o===m.CalendarView&&e("div",{key:`calendar-view-${s}`,class:{hide:o!==m.CalendarView,"calendar-view":true}},e("nylas-event-calendar",null)),e("div",{key:`booking-options-${s}`,class:{hide:o!==m.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-event-limits",null,e("div",{slot:"inputs"},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:o!==m.Communications}},e("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!n?.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:o!==m.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"},a)),e("div",{key:`booking-form-${s}`,class:{hide:o!==m.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 v='.sc-nylas-editor-tabs-group-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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)}@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 .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}.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 .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}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 w=undefined&&undefined.__decorate||function(e,t,s,n){var o=arguments.length,a=o<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,s):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,s,n);else for(var i=e.length-1;i>=0;i--)if(r=e[i])a=(o<3?r(a):o>3?r(t,s,a):r(t,s))||a;return o>3&&a&&Object.defineProperty(t,s,a),a};var k=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const x=class{constructor(e){s(this,e);this.schedulerConfigChanged=n(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=n(this,"schedulerConfigCreated",7);this.cancelButtonClick=n(this,"cancelButtonClick",7);this.formSubmitted=n(this,"formSubmitted",7);this.previewButtonClicked=n(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=n(this,"schedulerEditorFormUpdated",7);this.groupEventCreateTriggered=n(this,"groupEventCreateTriggered",7);this.groupEventUpdateTriggered=n(this,"groupEventUpdateTriggered",7);this.groupEventDeleteTriggered=n(this,"groupEventDeleteTriggered",7);this.groupEventImportTriggered=n(this,"groupEventImportTriggered",7);this.saveGroupEventChangesError=n(this,"saveGroupEventChangesError",7);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){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=true;this.hasUnsavedChanges=false;const n=this.updateFormState();i("[nylas-editor-tabs-group]","formState",n);const{title:o,description:a,bookingCalendar:r,location:l,bookingType:d,minCancellationNotice:u,cancellationPolicy:b,hideCancellationOptions:h,hideReschedulingOptions:g,additionalFields:f,conferencing:y,reminders:m,emailTemplate:_,redirectUrl:v,slug:w,appearance:k,name:x,eventCapacity:C,eventTimeslot:E,participants:S,disableEmails:T,organizerLocale:z}=n;const O={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},slug:w,name:x,type:this.selectedEventType===p.group?p.group:undefined,scheduler:{cancellation_policy:b??"",min_cancellation_notice:u??0,hide_cancellation_options:h??false,hide_rescheduling_options:g??false,additional_fields:f,email_template:_?{..._,organizer_locale:z||"en",logo:_.logo||""}:undefined,confirmation_redirect_url:v},appearance:k,group_booking:{booking_type:d?d:"booking",disable_emails:typeof T==="boolean"?T:false,reminders:m,conferencing:y,calendar_id:r||"primary",default_capacity:C||10}};const H=c(this.selectedConfiguration,O||{});const F=this.action==="create"?H:O;delete F.availability;delete F.participants;delete F.event_booking;const L=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),3e3)};const G=this.checkForBookingFormErrors(F);if(G){return}const j={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const I=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const P=[{...j,is_organizer:true}];const N=!this.selectedConfiguration?.id?{title:o,description:a,location:!y?l:undefined,conferencing:!l?y:undefined,when:{start_time:E?.when?.start_time??0,end_time:E?.when?.end_time??0,start_timezone:E?.when?.start_timezone??"",end_timezone:E?.when?.end_timezone??""},recurrence:E?.recurrence??[],calendar_id:r||I?.id||"primary",participants:S?.length?S:P,organizer:j,capacity:C||10}:undefined;this.schedulerConfigChanged.emit({groupEvent:N||undefined,config:F,resetLoadingState:L,action:this.action,host:this.host})};this.checkForBookingFormErrors=e=>{let t=false;let s="";const n=e.scheduler?.additional_fields;if(n){s="Booking form error: ";Object.entries(n).forEach((e=>{const n=e[1];if(n.label===""){s+=`Label is required for field of type ${n.type}.`;t=true;return}if(n.options){for(const e of n.options){if(e.trim()===""){s+=`Empty option detected inside ${n.label} of type ${n.type}.`;t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError(new Error(s))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.selectedGroupEvent=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=m.CalendarView;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}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,timezone:""}))),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;l.changeLanguage(e)}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}async resetError(){this.error=""}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&&!b()){h({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.4.1",integrations:e=>[...e.filter((e=>false)),g({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()}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.error="";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};y(s,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.4.1"},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(new Error("Event title is required."))}if(!s.when?.start_time||!s.when?.end_time){this.setError(new Error("Event time is required."))}if(!s.participants?.length){this.setError(new Error("Participants are required."))}if(s.participants?.length&&s.participants?.some((e=>!e.email))){this.setError(new Error("Participant email is required."))}if(this.error!==""||!t){this.saveGroupEventChangesError.emit({error:this.error??"An error occurred while saving changes.",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 n=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const o=this.formState?.conferencing||t.conferencing;const a={title:t.title,description:t.description,location:!o?t.location:undefined,participants:t.participants,organizer:s,conferencing:!t.location?o:undefined,when:t.eventTimeslot.when,recurrence:t.eventTimeslot.recurrence,calendar_id:n?.id||"primary",capacity:t.eventCapacity};this.groupEventCreateTriggered.emit({groupEvent:a,configId:this.selectedConfiguration?.id??"",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:n,description:o,bookingCalendar:a,location:r,conferencing:i,eventCapacity:c,eventTimeslot:l,participants:d}=this.formState;return{title:n,description:o,location:!i?r:undefined,conferencing:!r?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:a||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,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"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(o,{key:"295df515ac9d639344495598d31fe333db0486f8"},e("form",{key:"77d72751aa0e09fb012af283b19c34c193250810",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,m.CalendarView)}},e("chevron-icon",{width:"16",height:"16"}),e("span",null,"Return to Calendar view"))):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:m.BookingOptions,class:{tab:true,active:this.activeTab==m.BookingOptions,hide:this.hideTab(m.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,m.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),e("button",{name:m.BookingForm,class:{tab:true,active:this.activeTab==m.BookingForm,hide:this.hideTab(m.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,m.BookingForm)},this.activeTab==m.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),e("button",{name:m.Communications,class:{tab:true,active:this.activeTab==m.Communications,hide:this.hideTab(m.Communications)},onClick:e=>this.setActiveTab(e,m.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==m.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),e("button",{name:m.PageStyles,class:{tab:true,active:this.activeTab==m.PageStyles,hide:this.hideTab(m.PageStyles)},onClick:e=>this.setActiveTab(e,m.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==m.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),e("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},e(_,{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:"187e6f1c8b1e6ebd75e811c7c9245f8e6be5faee",class:"footer",part:"editor__footer net__footer"},e("div",{key:"e777b3e032cb0fbf0517817f99c5d53879339e6d",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",null)),this.activeTab===m.CalendarView&&e("button-component",{title:"Go to page settings",id:"page-settings",variant:"basic",onClick:e=>this.setActiveTab(e,m.BookingOptions)},"Page settings")),e("div",{key:"cfc06ab3f0cd113f59219feb50a0ae173ac816b7",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"5e85280a2bb1233afe6073b646a8d2dc4064b9b1",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved&&this.activeTab!==m.CalendarView?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),e("div",{key:"3b667f376c83d75a4c1e16f1a962168e49ca7864",class:"footer-buttons__row"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{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",null)),e("button-component",{key:"df258b8799fdf69739be838ae633aa278e54580a",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),e("button-component",{key:"5bdea575e4aa962ac968a02d80b47086e62a5873",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",null))}get host(){return a(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],selectedGroupEvent:["selectedGroupEventChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};w([r({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"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:s,host:n,action:o,config:a,groupEvent:r}=e.detail;const i=e=>{const[t,s]=e;if(!t&&s){n.setError(s)}else if(t&&!s&&o==="create"){n.schedulerConfigCreatedEventHandler({config:t,action:o,host:n})}};if(o==="edit"){const n=await t.schedulerConfig.updateConfiguration(a);i(n);if(s){s(e)}}else{const n=await t.schedulerConfig.createConfiguration(a);i(n);const[o,c]=n;const l=o?.id;if(l&&r){const e=await t.schedulerConfig.createGroupEvent(r,l);i(e)}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:n,chosenOption:o,configId:a}=e.detail;const r=await t.schedulerConfig.updateGroupEvent(s,o,a);const[i,c]=r;if(!i&&c){n.setError(c)}},groupEventDeleteTriggered:async(e,t)=>{const{groupEvent:s,chosenOption:n,configId:o,host:a}=e.detail;const r=await t.schedulerConfig.deleteGroupEvent(s,n,o);const[i,c]=r;if(!i&&c){a.setError(c)}},groupEventCreateTriggered:async(e,t)=>{const{groupEvent:s,configId:n,host:o}=e.detail;const a=await t.schedulerConfig.createGroupEvent(s,n);const[r,i]=a;if(!r&&i){o.setError(i)}},groupEventImportTriggered:async(e,t)=>{const{groupEvent:s,configId:n,host:o}=e.detail;const a=await t.schedulerConfig.importGroupEvent([s],n);const[r,i]=a;if(!r&&i){o.setError(i)}if(r&&r.import_failed&&r.import_failed.length>0){const e=r.import_failed.map((e=>e.reason)).join("\n");o.setError(new Error(e));setTimeout((()=>{o.resetError()}),5e3)}},saveGroupEventChangesError:async(e,t)=>{const{error:s,host:n}=e.detail;i("[nylas-editor-tabs-group]","saveGroupEventChangesError",s,n)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),k("design:type",Function),k("design:paramtypes",[]),k("design:returntype",void 0)],x.prototype,"render",null);x.style=v;export{x as nylas_editor_tabs_group};
+import{h as e,F as t,r as s,i as n,a as o,e as a}from"./index-3e0d6890.js";import{R as r}from"./register-component-8b5587d5.js";import{a as i,w as c,i as l,x as d}from"./utils-ac8fef1e.js";import{C as p,c as u}from"./constants-794fe173.js";import{i as b,a as h,f as g,c as f,b as y}from"./index-212258bf.js";import"./utc-290d564f.js";var m;(function(e){e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles";e["CalendarView"]="calendarView"})(m||(m={}));function _({id:s,formState:n,activeTab:o},a){return e(t,null,o===m.CalendarView&&e("div",{key:`calendar-view-${s}`,class:{hide:o!==m.CalendarView,"calendar-view":true}},e("nylas-event-calendar",null)),e("div",{key:`booking-options-${s}`,class:{hide:o!==m.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-event-limits",null,e("div",{slot:"inputs"},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:o!==m.Communications}},e("nylas-disable-emails",{name:"disable-emails",exportparts:"nde, nde__toggle-label, nde_toggle-input, nde_toggle-slider"}),!n?.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:o!==m.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"},a)),e("div",{key:`booking-form-${s}`,class:{hide:o!==m.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 v='.sc-nylas-editor-tabs-group-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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)}@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 .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}.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 .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}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 w=undefined&&undefined.__decorate||function(e,t,s,n){var o=arguments.length,a=o<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,s):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,s,n);else for(var i=e.length-1;i>=0;i--)if(r=e[i])a=(o<3?r(a):o>3?r(t,s,a):r(t,s))||a;return o>3&&a&&Object.defineProperty(t,s,a),a};var k=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const x=class{constructor(e){s(this,e);this.schedulerConfigChanged=n(this,"schedulerConfigChanged",7);this.schedulerConfigCreated=n(this,"schedulerConfigCreated",7);this.cancelButtonClick=n(this,"cancelButtonClick",7);this.formSubmitted=n(this,"formSubmitted",7);this.previewButtonClicked=n(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=n(this,"schedulerEditorFormUpdated",7);this.groupEventCreateTriggered=n(this,"groupEventCreateTriggered",7);this.groupEventUpdateTriggered=n(this,"groupEventUpdateTriggered",7);this.groupEventDeleteTriggered=n(this,"groupEventDeleteTriggered",7);this.groupEventImportTriggered=n(this,"groupEventImportTriggered",7);this.saveGroupEventChangesError=n(this,"saveGroupEventChangesError",7);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){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=true;this.hasUnsavedChanges=false;const n=this.updateFormState();i("[nylas-editor-tabs-group]","formState",n);const{title:o,description:a,bookingCalendar:r,location:l,bookingType:d,minCancellationNotice:u,cancellationPolicy:b,hideCancellationOptions:h,hideReschedulingOptions:g,additionalFields:f,conferencing:y,reminders:m,emailTemplate:_,redirectUrl:v,slug:w,appearance:k,name:x,eventCapacity:C,eventTimeslot:E,participants:S,disableEmails:T,organizerLocale:z}=n;const O={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},slug:w,name:x,type:this.selectedEventType===p.group?p.group:undefined,scheduler:{cancellation_policy:b??"",min_cancellation_notice:u??0,hide_cancellation_options:h??false,hide_rescheduling_options:g??false,additional_fields:f,email_template:_?{..._,organizer_locale:z||"en",logo:_.logo||""}:undefined,confirmation_redirect_url:v},appearance:k,group_booking:{booking_type:d?d:"booking",disable_emails:typeof T==="boolean"?T:false,reminders:m,conferencing:y,calendar_id:r||"primary",default_capacity:C||10}};const H=c(this.selectedConfiguration,O||{});const F=this.action==="create"?H:O;delete F.availability;delete F.participants;delete F.event_booking;const L=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),3e3)};const G=this.checkForBookingFormErrors(F);if(G){return}const j={name:this.currentUser?.name??this.currentUser?.email??"",email:this.currentUser?.email??""};const I=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const P=[{...j,is_organizer:true}];const N=!this.selectedConfiguration?.id?{title:o,description:a,location:!y?l:undefined,conferencing:!l?y:undefined,when:{start_time:E?.when?.start_time??0,end_time:E?.when?.end_time??0,start_timezone:E?.when?.start_timezone??"",end_timezone:E?.when?.end_timezone??""},recurrence:E?.recurrence??[],calendar_id:r||I?.id||"primary",participants:S?.length?S:P,organizer:j,capacity:C||10}:undefined;this.schedulerConfigChanged.emit({groupEvent:N||undefined,config:F,resetLoadingState:L,action:this.action,host:this.host})};this.checkForBookingFormErrors=e=>{let t=false;let s="";const n=e.scheduler?.additional_fields;if(n){s="Booking form error: ";Object.entries(n).forEach((e=>{const n=e[1];if(n.label===""){s+=`Label is required for field of type ${n.type}.`;t=true;return}if(n.options){for(const e of n.options){if(e.trim()===""){s+=`Empty option detected inside ${n.label} of type ${n.type}.`;t=true;break}}}}))}if(t){this.isLoading=false;this.host.setError(new Error(s))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.selectedGroupEvent=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=m.CalendarView;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}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,timezone:""}))),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;l.changeLanguage(e)}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}async resetError(){this.error=""}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&&!b()){h({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.4.3",integrations:e=>[...e.filter((e=>false)),g({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()}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.error="";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};y(s,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.4.3"},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(new Error("Event title is required."))}if(!s.when?.start_time||!s.when?.end_time){this.setError(new Error("Event time is required."))}if(!s.participants?.length){this.setError(new Error("Participants are required."))}if(s.participants?.length&&s.participants?.some((e=>!e.email))){this.setError(new Error("Participant email is required."))}if(this.error!==""||!t){this.saveGroupEventChangesError.emit({error:this.error??"An error occurred while saving changes.",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 n=this.calendars?.find((e=>e.is_primary))??this.calendars?.[0];const o=this.formState?.conferencing||t.conferencing;const a={title:t.title,description:t.description,location:!o?t.location:undefined,participants:t.participants,organizer:s,conferencing:!t.location?o:undefined,when:t.eventTimeslot.when,recurrence:t.eventTimeslot.recurrence,calendar_id:n?.id||"primary",capacity:t.eventCapacity};this.groupEventCreateTriggered.emit({groupEvent:a,configId:this.selectedConfiguration?.id??"",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:n,description:o,bookingCalendar:a,location:r,conferencing:i,eventCapacity:c,eventTimeslot:l,participants:d}=this.formState;return{title:n,description:o,location:!i?r:undefined,conferencing:!r?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:a||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,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"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(o,{key:"295df515ac9d639344495598d31fe333db0486f8"},e("form",{key:"77d72751aa0e09fb012af283b19c34c193250810",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,m.CalendarView)}},e("chevron-icon",{width:"16",height:"16"}),e("span",null,"Return to Calendar view"))):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:m.BookingOptions,class:{tab:true,active:this.activeTab==m.BookingOptions,hide:this.hideTab(m.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,m.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),e("button",{name:m.BookingForm,class:{tab:true,active:this.activeTab==m.BookingForm,hide:this.hideTab(m.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,m.BookingForm)},this.activeTab==m.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),e("button",{name:m.Communications,class:{tab:true,active:this.activeTab==m.Communications,hide:this.hideTab(m.Communications)},onClick:e=>this.setActiveTab(e,m.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==m.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),e("button",{name:m.PageStyles,class:{tab:true,active:this.activeTab==m.PageStyles,hide:this.hideTab(m.PageStyles)},onClick:e=>this.setActiveTab(e,m.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==m.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),e("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},e(_,{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:"187e6f1c8b1e6ebd75e811c7c9245f8e6be5faee",class:"footer",part:"editor__footer net__footer"},e("div",{key:"e777b3e032cb0fbf0517817f99c5d53879339e6d",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",null)),this.activeTab===m.CalendarView&&e("button-component",{title:"Go to page settings",id:"page-settings",variant:"basic",onClick:e=>this.setActiveTab(e,m.BookingOptions)},"Page settings")),e("div",{key:"cfc06ab3f0cd113f59219feb50a0ae173ac816b7",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"5e85280a2bb1233afe6073b646a8d2dc4064b9b1",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved&&this.activeTab!==m.CalendarView?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),e("div",{key:"3b667f376c83d75a4c1e16f1a962168e49ca7864",class:"footer-buttons__row"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{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",null)),e("button-component",{key:"df258b8799fdf69739be838ae633aa278e54580a",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),e("button-component",{key:"5bdea575e4aa962ac968a02d80b47086e62a5873",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",null))}get host(){return a(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],selectedGroupEvent:["selectedGroupEventChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};w([r({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"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:s,host:n,action:o,config:a,groupEvent:r}=e.detail;const i=e=>{const[t,s]=e;if(!t&&s){n.setError(s)}else if(t&&!s&&o==="create"){n.schedulerConfigCreatedEventHandler({config:t,action:o,host:n})}};if(o==="edit"){const n=await t.schedulerConfig.updateConfiguration(a);i(n);if(s){s(e)}}else{const n=await t.schedulerConfig.createConfiguration(a);i(n);const[o,c]=n;const l=o?.id;if(l&&r){const e=await t.schedulerConfig.createGroupEvent(r,l);i(e)}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:n,chosenOption:o,configId:a}=e.detail;const r=await t.schedulerConfig.updateGroupEvent(s,o,a);const[i,c]=r;if(!i&&c){n.setError(c)}},groupEventDeleteTriggered:async(e,t)=>{const{groupEvent:s,chosenOption:n,configId:o,host:a}=e.detail;const r=await t.schedulerConfig.deleteGroupEvent(s,n,o);const[i,c]=r;if(!i&&c){a.setError(c)}},groupEventCreateTriggered:async(e,t)=>{const{groupEvent:s,configId:n,host:o}=e.detail;const a=await t.schedulerConfig.createGroupEvent(s,n);const[r,i]=a;if(!r&&i){o.setError(i)}},groupEventImportTriggered:async(e,t)=>{const{groupEvent:s,configId:n,host:o}=e.detail;const a=await t.schedulerConfig.importGroupEvent([s],n);const[r,i]=a;if(!r&&i){o.setError(i)}if(r&&r.import_failed&&r.import_failed.length>0){const e=r.import_failed.map((e=>e.reason)).join("\n");o.setError(new Error(e));setTimeout((()=>{o.resetError()}),5e3)}},saveGroupEventChangesError:async(e,t)=>{const{error:s,host:n}=e.detail;i("[nylas-editor-tabs-group]","saveGroupEventChangesError",s,n)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),k("design:type",Function),k("design:paramtypes",[]),k("design:returntype",void 0)],x.prototype,"render",null);x.style=v;export{x as nylas_editor_tabs_group};
 //# sourceMappingURL=nylas-editor-tabs-group.entry.js.map

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

@@ -1,2 +1,2 @@
-import{h as e,F as t,r as n,i as a,a as s,e as i}from"./index-3e0d6890.js";import{R as o}from"./register-component-3d439a88.js";import{a as r,i as l,x as c,y as d}from"./utils-3fdf2c83.js";import{C as b,D as p,e as f}from"./constants-794fe173.js";import{i as h,a as _,f as y,c as u,b as m}from"./index-95193d9b.js";import"./utc-290d564f.js";var g;(function(e){e["EventInfo"]="eventInfo";e["Availability"]="availability";e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["Participants"]="participants";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles"})(g||(g={}));function v({id:n,formState:a,activeTab:s},i){return e(t,null,e("div",{key:`event-info-${n}`,class:{hide:s!==g.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!==g.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!==g.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!==g.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!==g.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!==g.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!==g.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-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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}.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}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 w=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 x=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const C=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.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.error=this.formRef.validationMessage||l.t("fixFormErrors");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:f,location:h,bookingType:_,buffer:y,availableDaysInFuture:u,minCancellationNotice:m,minBookingNotice:g,cancellationPolicy:v,timeslotInterval:k,additionalGuestsHidden:w,hideCancellationOptions:x,hideReschedulingOptions:C,participants:S,participantOpenHours:T,additionalFields:O,participantCalendars:z,conferencing:E,participantBookingCalendars:F,reminders:I,emailTemplate:L,redirectUrl:N,availabilityMethod:H,slug:j,appearance:J,name:B,disableEmails:U,organizerLocale:R}=a;const $=this.selectedConfiguration?.participants?.find((e=>e.is_organizer))||S?.find((e=>e.is_organizer));const P=z&&$?.email?z[$?.email]:[];const D=$?.booking?.calendar_id||f;const M=o?parseInt(o):30;const V=S&&S?.length>0?S:[{name:$?.name??this.currentUser?.name??"",email:$?.email??this.currentUser?.email??"",is_organizer:true,timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:f&&f!==""?[f]:["primary"],open_hours:[]},booking:{calendar_id:f&&f!==""?f:"primary"}}];let A=H?H:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective";if(this.selectedEventType&&this.selectedEventType!==b.group){A=this.selectedEventType===b.one_on_one?b.collective:this.selectedEventType}console.log("availabilityMethodSelected",A);const G={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:j,name:B,availability:{duration_minutes:M,interval_minutes:k?.interval??M,round_to:k?.roundTo,availability_rules:{availability_method:A,buffer:y||{before:0,after:0},default_open_hours:d?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??p,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...V?V.map((e=>{let t=d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone;if(T?.[e.email]?.length){t=T?.[e.email]?.[0]?.timezone}if(e.is_organizer){const n=F?.[e.email]?F?.[e.email]:D?D:"primary";const a=z?.[e.email]?z?.[e.email]:P?.length?P:["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:T?.[e.email]??e.availability?.open_hours??[]},booking:{calendar_id:n}}}const n=F?.[e.email]?{calendar_id:F?.[e.email]}:e?.booking??undefined;const a=z?.[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:T?.[e.email]??e.availability?.open_hours??[]}:undefined,booking:n}})):[]],event_booking:{title:s?.toString()??"",description:i?.toString()??"",location:h?.toString()??"",booking_type:_?.toString()??"booking",timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:E,reminders:I,disable_emails:typeof U==="boolean"?U:false},scheduler:{cancellation_policy:v??"",available_days_in_future:u??30,min_cancellation_notice:m??0,min_booking_notice:g??60,hide_additional_guests:w??false,hide_cancellation_options:x??false,hide_rescheduling_options:C??false,additional_fields:O,email_template:L?{...L,organizer_locale:R||"en",logo:L.logo||""}:undefined,confirmation_redirect_url:N},appearance:J};const W=c(this.selectedConfiguration,G||{});const q=this.action==="create"?W:G;if(this.isConfigRoundRobin(q)){q.participants=q.participants.map((e=>({...e,is_organizer:undefined})))}const K=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const Q=this.checkForBookingFormErrors(q);const X=this.configurations?.find((e=>e.id===this.selectedConfiguration?.id))||{};const Y=this.checkForOrganizerConfirmationError(c(q,X));if(Q||Y){return}this.schedulerConfigChanged.emit({config:q,resetLoadingState:K,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(new Error(n))}return t};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n=l.t("nylasEditorTabs.bookingFormError");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(new Error(n))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=g.EventInfo;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}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=l.t("fixFormErrors")}}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}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:"1.4.1",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.activeTab=e}}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.log("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};this.error="";if(f.includes(t)){this.hasUnsavedChanges=true}this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=u("Scheduler Editor User Feedback",{extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}});const n={eventId:t,message:e.detail.feedback};m(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.4.1","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}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??p},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"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":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}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:"19f6d1ad319b8c695078eac212c0316e8c4f96a6"},e("form",{key:"c32b5443ea3f4797005b38b69184212994b9991e",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:g.EventInfo,class:{tab:true,active:this.activeTab==g.EventInfo,hide:this.hideTab(g.EventInfo)},part:"editortab__event-info net__tab-event-info",onClick:e=>this.setActiveTab(e,g.EventInfo)},e("calendar-info-icon",{width:"16",height:"16"}),l.t("eventInfoTab")),e("button",{name:g.Availability,class:{tab:true,active:this.activeTab==g.Availability,hide:this.hideTab(g.Availability)},part:"editortab__availability net__tab-availability",onClick:e=>this.setActiveTab(e,g.Availability)},e("calendar-patterns-icon",{width:"16",height:"16"}),l.t("availabilityTab")),e("button",{name:g.Participants,class:{tab:true,active:this.activeTab==g.Participants,hide:this.hideTab(g.Participants)},part:"editortab__participants net__tab-participants",onClick:e=>this.setActiveTab(e,g.Participants)},e("people-icon",{width:"16",height:"16"}),l.t("participantsTab")),e("button",{name:g.BookingOptions,class:{tab:true,active:this.activeTab==g.BookingOptions,hide:this.hideTab(g.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,g.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),e("button",{name:g.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(g.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,g.BookingForm)},this.activeTab==g.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),e("button",{name:g.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(g.Communications)},onClick:e=>this.setActiveTab(e,g.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==g.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),e("button",{name:g.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(g.PageStyles)},onClick:e=>this.setActiveTab(e,g.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==g.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),e("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},e(v,{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:"6f9c0945829766cbfba0c7425a78a7af49ad6364",class:"footer",part:"editor__footer net__footer"},e("div",{key:"679739b48dcba5bb65037dc495a7c5bcdf48b3c9",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",null))),e("div",{key:"bc6758b9768fe3de1cd0acf5bf5cd1e76c36a4a5",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"513690770ca68d84ac1045a0287eb5278bf4f1e9",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{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",null)),e("button-component",{key:"4c142bdcf49ad45d73b4eb69732b87f1c0ee5d53",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),e("button-component",{key:"7609fa4f1c76454e0d65253e76eeadc3169bd93d",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",null))}get host(){return i(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};w([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"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:i}=e.detail;const o=i=>{const[o,r]=i;if(!o&&r){a.setError(r)}else if(o&&!r&&s==="create"){a.schedulerConfigCreatedEventHandler({config:o,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)}else{const e=await t.schedulerConfig.createConfiguration(i);o(e)}},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}),x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],C.prototype,"render",null);C.style=k;export{C as nylas_editor_tabs};
+import{h as e,F as t,r as n,i as a,a as s,e as i}from"./index-3e0d6890.js";import{R as o}from"./register-component-8b5587d5.js";import{a as r,i as l,w as c,x as d}from"./utils-ac8fef1e.js";import{C as b,D as p,e as f}from"./constants-794fe173.js";import{i as h,a as _,f as y,c as u,b as m}from"./index-212258bf.js";import"./utc-290d564f.js";var g;(function(e){e["EventInfo"]="eventInfo";e["Availability"]="availability";e["BookingOptions"]="bookingOptions";e["Communications"]="communications";e["Participants"]="participants";e["BookingForm"]="bookingForm";e["PageStyles"]="pageStyles"})(g||(g={}));function v({id:n,formState:a,activeTab:s},i){return e(t,null,e("div",{key:`event-info-${n}`,class:{hide:s!==g.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!==g.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!==g.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!==g.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!==g.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!==g.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!==g.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-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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}.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}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 w=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 x=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const C=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.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.error=this.formRef.validationMessage||l.t("fixFormErrors");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:f,location:h,bookingType:_,buffer:y,availableDaysInFuture:u,minCancellationNotice:m,minBookingNotice:g,cancellationPolicy:v,timeslotInterval:k,additionalGuestsHidden:w,hideCancellationOptions:x,hideReschedulingOptions:C,participants:S,participantOpenHours:T,additionalFields:O,participantCalendars:z,conferencing:E,participantBookingCalendars:F,reminders:I,emailTemplate:L,redirectUrl:N,availabilityMethod:H,slug:j,appearance:J,name:B,disableEmails:U,organizerLocale:R}=a;const $=this.selectedConfiguration?.participants?.find((e=>e.is_organizer))||S?.find((e=>e.is_organizer));const P=z&&$?.email?z[$?.email]:[];const D=$?.booking?.calendar_id||f;const M=o?parseInt(o):30;const V=S&&S?.length>0?S:[{name:$?.name??this.currentUser?.name??"",email:$?.email??this.currentUser?.email??"",is_organizer:true,timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:f&&f!==""?[f]:["primary"],open_hours:[]},booking:{calendar_id:f&&f!==""?f:"primary"}}];let A=H?H:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective";if(this.selectedEventType&&this.selectedEventType!==b.group){A=this.selectedEventType===b.one_on_one?b.collective:this.selectedEventType}console.log("availabilityMethodSelected",A);const G={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:j,name:B,availability:{duration_minutes:M,interval_minutes:k?.interval??M,round_to:k?.roundTo,availability_rules:{availability_method:A,buffer:y||{before:0,after:0},default_open_hours:d?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??p,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...V?V.map((e=>{let t=d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone;if(T?.[e.email]?.length){t=T?.[e.email]?.[0]?.timezone}if(e.is_organizer){const n=F?.[e.email]?F?.[e.email]:D?D:"primary";const a=z?.[e.email]?z?.[e.email]:P?.length?P:["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:T?.[e.email]??e.availability?.open_hours??[]},booking:{calendar_id:n}}}const n=F?.[e.email]?{calendar_id:F?.[e.email]}:e?.booking??undefined;const a=z?.[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:T?.[e.email]??e.availability?.open_hours??[]}:undefined,booking:n}})):[]],event_booking:{title:s?.toString()??"",description:i?.toString()??"",location:h?.toString()??"",booking_type:_?.toString()??"booking",timezone:d?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:E,reminders:I,disable_emails:typeof U==="boolean"?U:false},scheduler:{cancellation_policy:v??"",available_days_in_future:u??30,min_cancellation_notice:m??0,min_booking_notice:g??60,hide_additional_guests:w??false,hide_cancellation_options:x??false,hide_rescheduling_options:C??false,additional_fields:O,email_template:L?{...L,organizer_locale:R||"en",logo:L.logo||""}:undefined,confirmation_redirect_url:N},appearance:J};const W=c(this.selectedConfiguration,G||{});const q=this.action==="create"?W:G;if(this.isConfigRoundRobin(q)){q.participants=q.participants.map((e=>({...e,is_organizer:undefined})))}const K=e=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const Q=this.checkForBookingFormErrors(q);const X=this.configurations?.find((e=>e.id===this.selectedConfiguration?.id))||{};const Y=this.checkForOrganizerConfirmationError(c(q,X));if(Q||Y){return}this.schedulerConfigChanged.emit({config:q,resetLoadingState:K,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(new Error(n))}return t};this.checkForBookingFormErrors=e=>{let t=false;let n="";const a=e.scheduler?.additional_fields;if(a){n=l.t("nylasEditorTabs.bookingFormError");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(new Error(n))}return t};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.selectedLanguage=undefined;this.selectedEventType=undefined;this.action="create";this.showFeedbackModal=false;this.activeTab=g.EventInfo;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}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=l.t("fixFormErrors")}}async schedulerConfigCreatedEventHandler(e){const t=this.schedulerConfigCreated.emit(e);return t}async setError(e){this.error=e.message}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:"1.4.3",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.activeTab=e}}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(e){r("[nylas-editor-tabs]","handleValueChanged",e);const{name:t,value:n}=e.detail;console.log("name",t,"value",n);this.setFormState(n,t);this.formState={...this.formState};this.error="";if(f.includes(t)){this.hasUnsavedChanges=true}this.schedulerEditorFormUpdated.emit({value:e.detail.value,name:e.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(e){const t=u("Scheduler Editor User Feedback",{extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}});const n={eventId:t,message:e.detail.feedback};m(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.4.3","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}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??p},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"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":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}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:"19f6d1ad319b8c695078eac212c0316e8c4f96a6"},e("form",{key:"c32b5443ea3f4797005b38b69184212994b9991e",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:g.EventInfo,class:{tab:true,active:this.activeTab==g.EventInfo,hide:this.hideTab(g.EventInfo)},part:"editortab__event-info net__tab-event-info",onClick:e=>this.setActiveTab(e,g.EventInfo)},e("calendar-info-icon",{width:"16",height:"16"}),l.t("eventInfoTab")),e("button",{name:g.Availability,class:{tab:true,active:this.activeTab==g.Availability,hide:this.hideTab(g.Availability)},part:"editortab__availability net__tab-availability",onClick:e=>this.setActiveTab(e,g.Availability)},e("calendar-patterns-icon",{width:"16",height:"16"}),l.t("availabilityTab")),e("button",{name:g.Participants,class:{tab:true,active:this.activeTab==g.Participants,hide:this.hideTab(g.Participants)},part:"editortab__participants net__tab-participants",onClick:e=>this.setActiveTab(e,g.Participants)},e("people-icon",{width:"16",height:"16"}),l.t("participantsTab")),e("button",{name:g.BookingOptions,class:{tab:true,active:this.activeTab==g.BookingOptions,hide:this.hideTab(g.BookingOptions)},part:"editortab__booking-options net__tab-booking-options",onClick:e=>this.setActiveTab(e,g.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),l.t("bookingOptionsTab")),e("button",{name:g.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(g.BookingForm)},part:"editortab__booking-form net__tab-booking-form",onClick:e=>this.setActiveTab(e,g.BookingForm)},this.activeTab==g.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),l.t("bookingFormTab")),e("button",{name:g.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(g.Communications)},onClick:e=>this.setActiveTab(e,g.Communications),part:"editortab__communications net__tab-communications"},this.activeTab==g.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),l.t("communicationsTab")),e("button",{name:g.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(g.PageStyles)},onClick:e=>this.setActiveTab(e,g.PageStyles),part:"editortab__page-styles net__tab-page-styles"},this.activeTab==g.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),l.t("pageStylesTab"))),e("div",{class:"tab-content",part:"editor__tab-content net__tab-content"},e(v,{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:"6f9c0945829766cbfba0c7425a78a7af49ad6364",class:"footer",part:"editor__footer net__footer"},e("div",{key:"679739b48dcba5bb65037dc495a7c5bcdf48b3c9",class:"preview",part:"editor__footer-preview net__footer-preview"},this.enableUserFeedback&&e("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:e=>this.onFeedbackClick(e)},e("feedback-icon",null))),e("div",{key:"bc6758b9768fe3de1cd0acf5bf5cd1e76c36a4a5",class:"buttons",part:"editor__footer-buttons net__footer-buttons"},e("p",{key:"513690770ca68d84ac1045a0287eb5278bf4f1e9",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?l.t("unsavedChangesLabel"):this.error==""&&this.changesSaved?`${l.t("changesSavedLabel")}!`:""),this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{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",null)),e("button-component",{key:"4c142bdcf49ad45d73b4eb69732b87f1c0ee5d53",type:"button",disabled:this.isLoading,clickHandler:e=>{e.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel net__footer-cancel"},l.t("backButton")),e("button-component",{key:"7609fa4f1c76454e0d65253e76eeadc3169bd93d",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",null))}get host(){return i(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};w([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"]]),eventToProps:{schedulerConfigChanged:async(e,t)=>{const{resetLoadingState:n,host:a,action:s,config:i}=e.detail;const o=i=>{const[o,r]=i;if(!o&&r){a.setError(r)}else if(o&&!r&&s==="create"){a.schedulerConfigCreatedEventHandler({config:o,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)}else{const e=await t.schedulerConfig.createConfiguration(i);o(e)}},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}),x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],C.prototype,"render",null);C.style=k;export{C as nylas_editor_tabs};
 //# sourceMappingURL=nylas-editor-tabs.entry.js.map