@nylas/web-elements 2.2.0 → 2.2.2

package/dist/nylas-web-elements/nylas-calendar-picker.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a,h as n,d as l,e as r}from"./index-B-KMpdMZ.js";import{R as s}from"./register-component-BHk70oxk.js";import{b as o,i as c}from"./utils-Bj5Y75fX.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:var(--nylas-base-900);font-size:16px;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button--error){border:1px solid var(--nylas-error)}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset;margin-top:-0.5rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var t=undefined&&undefined.__decorate||function(e,a,n,l){var r=arguments.length,s=r<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,l);else for(var c=e.length-1;c>=0;c--)if(o=e[c])s=(r<3?o(s):r>3?o(a,n,s):o(a,n))||s;return r>3&&s&&Object.defineProperty(a,n,s),s};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="calendar";this.defaultSelectedCalendars=[];this.selectedCalendars=[];this.error=""}elementNameChangedHandler(e){o("nylas-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;c.changeLanguage(e);if(this.error){this.error=c.t("nylasCalendarPicker.selectAtLeastOneCalendar")}}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}connectedCallback(){o("nylas-calendar-picker","connectedCallback")}disconnectedCallback(){o("nylas-calendar-picker","disconnectedCallback")}componentWillLoad(){o("nylas-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-calendar-picker","componentDidLoad");if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.defaultSelectedCalendars.toString(),this.name)}}componentWillUpdate(){o("nylas-calendar-picker","componentWillUpdate")}componentDidUpdate(){o("nylas-calendar-picker","componentDidUpdate")}componentWillRender(){o("nylas-calendar-picker","componentWillRender")}componentDidRender(){o("nylas-calendar-picker","componentDidRender")}selectedOptionsChangedHandler(e){o("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const a=e=>{const{value:a}=e.detail;this.selectedCalendars=[...a];if(this.selectedCalendars.length===0){this.error=c.t("nylasCalendarPicker.selectAtLeastOneCalendar");this.internals.setValidity({customError:true},this.error)}else{this.error="";this.internals.setValidity({})}this.internals.setFormValue(a.toString(),this.name)};this.valueChanged.emit({...e.detail,name:this.name,valueChangedHandler:a})}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){const e=this.calendars?.map((e=>({value:e.id,label:e.name,selected:this.defaultSelectedCalendars?.includes(e.id)||(this.defaultSelectedCalendars?.includes("primary")||this.defaultSelectedCalendars?.length===0?e.id===this.currentUser?.email||e.id===this.name.split("participant-")[1]:false)})))??[];return n(l,null,n("div",{class:"nylas-calendar-picker",part:"ncp"},e.length>0?n("div",{class:"nylas-calendar-picker__dropdown"},n("multi-select-dropdown",{name:this.name,options:e,selectAtLeastOneOptionLabel:c.t("selectOneOrMoreOptions"),multipleOptionsSelectedLabel:c.t("multipleOptionsSelected"),error:this.error,exportparts:"msd_dropdown: ncp__dropdown, msd_dropdown-button: ncp__dropdown-button, msd_dropdown-content: ncp__dropdown-content",themeConfig:this.themeConfig})):n("div",{class:"nylas-calendar-picker__loading"},n("span",{class:"label"},c.t("nylasCalendarPicker.calendarPickerLabel")," ",n("info-icon",null)),n("div",{class:"loading-button"},n("span",null,c.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};t([s({name:"nylas-calendar-picker",stateToProps:new Map([["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChangedHandler:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],y.prototype,"render",null);y.style=d;export{y as nylas_calendar_picker};
+import{r as e,a,h as n,d as l,e as r}from"./index-Cbn5rIwb.js";import{R as s}from"./register-component-Blj8K64f.js";import{b as o,i as c}from"./utils-DhmCcrVs.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:var(--nylas-base-900);font-size:16px;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button--error){border:1px solid var(--nylas-error)}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset;margin-top:-0.5rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var t=undefined&&undefined.__decorate||function(e,a,n,l){var r=arguments.length,s=r<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,l);else for(var c=e.length-1;c>=0;c--)if(o=e[c])s=(r<3?o(s):r>3?o(a,n,s):o(a,n))||s;return r>3&&s&&Object.defineProperty(a,n,s),s};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="calendar";this.defaultSelectedCalendars=[];this.selectedCalendars=[];this.error=""}elementNameChangedHandler(e){o("nylas-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;c.changeLanguage(e);if(this.error){this.error=c.t("nylasCalendarPicker.selectAtLeastOneCalendar")}}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}connectedCallback(){o("nylas-calendar-picker","connectedCallback")}disconnectedCallback(){o("nylas-calendar-picker","disconnectedCallback")}componentWillLoad(){o("nylas-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-calendar-picker","componentDidLoad");if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.defaultSelectedCalendars.toString(),this.name)}}componentWillUpdate(){o("nylas-calendar-picker","componentWillUpdate")}componentDidUpdate(){o("nylas-calendar-picker","componentDidUpdate")}componentWillRender(){o("nylas-calendar-picker","componentWillRender")}componentDidRender(){o("nylas-calendar-picker","componentDidRender")}selectedOptionsChangedHandler(e){o("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const a=e=>{const{value:a}=e.detail;this.selectedCalendars=[...a];if(this.selectedCalendars.length===0){this.error=c.t("nylasCalendarPicker.selectAtLeastOneCalendar");this.internals.setValidity({customError:true},this.error)}else{this.error="";this.internals.setValidity({})}this.internals.setFormValue(a.toString(),this.name)};this.valueChanged.emit({...e.detail,name:this.name,valueChangedHandler:a})}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){const e=this.calendars?.map((e=>({value:e.id,label:e.name,selected:this.defaultSelectedCalendars?.includes(e.id)||(this.defaultSelectedCalendars?.includes("primary")||this.defaultSelectedCalendars?.length===0?e.id===this.currentUser?.email||e.id===this.name.split("participant-")[1]:false)})))??[];return n(l,null,n("div",{class:"nylas-calendar-picker",part:"ncp"},e.length>0?n("div",{class:"nylas-calendar-picker__dropdown"},n("multi-select-dropdown",{name:this.name,options:e,selectAtLeastOneOptionLabel:c.t("selectOneOrMoreOptions"),multipleOptionsSelectedLabel:c.t("multipleOptionsSelected"),error:this.error,exportparts:"msd_dropdown: ncp__dropdown, msd_dropdown-button: ncp__dropdown-button, msd_dropdown-content: ncp__dropdown-content",themeConfig:this.themeConfig})):n("div",{class:"nylas-calendar-picker__loading"},n("span",{class:"label"},c.t("nylasCalendarPicker.calendarPickerLabel")," ",n("info-icon",null)),n("div",{class:"loading-button"},n("span",null,c.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};t([s({name:"nylas-calendar-picker",stateToProps:new Map([["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChangedHandler:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],y.prototype,"render",null);y.style=d;export{y as nylas_calendar_picker};
 //# sourceMappingURL=nylas-calendar-picker.entry.js.map

package/dist/nylas-web-elements/nylas-cancel-booking-form.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a as o,h as n,d as a,e as r}from"./index-B-KMpdMZ.js";import{R as c}from"./register-component-BHk70oxk.js";import{i as l,b as s}from"./utils-Bj5Y75fX.js";const t=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}';var i=undefined&&undefined.__decorate||function(e,o,n,a){var r=arguments.length,c=r<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,o,n,a);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(r<3?l(c):r>3?l(o,n,c):l(o,n))||c;return r>3&&c&&Object.defineProperty(o,n,c),c};var f=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const d=class{constructor(n){e(this,n);this.goBackButtonClicked=o(this,"goBackButtonClicked",7);this.cancelBookingFormSubmitted=o(this,"cancelBookingFormSubmitted",7);this.triggerValidation=o(this,"triggerValidation",7);this.cancelBookedEventError=o(this,"cancelBookedEventError",7);this.cancelBookingFormError=o(this,"cancelBookingFormError",7);this.cancellationReason="";this.cancellationError="";this.cancellationPolicy=this.configSettings?.scheduler?.cancellation_policy||"Your current timeslot will become available to others.";this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()};this.handleSubmitCancelBooking=e=>{this.triggerValidation.emit({});e.preventDefault();if(!this.cancellationReason){this.cancellationError=l.t("cancellationErrorMessage");this.cancelBookingFormError.emit({title:l.t("cancelBokingFormError"),description:l.t("cancellationErrorMessage")});return}const o=this.configSettings?.scheduler?.min_cancellation_notice;if(this.selectedTimeslot&&o){const e=new Date(this.selectedTimeslot?.start_time);const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventError.emit({error:{title:l.t("cancellationErrorTitle"),message:l.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:o})}});return}}s(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const n=e=>{this.cancelBookedEventError.emit(e)};if(this.cancelBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:n})}else if(this.rejectBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:n})}}}configSettingsChangedHandler(e){this.cancellationPolicy=e?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,o){if(e===o)return;l.changeLanguage(e)}connectedCallback(){s(`[nylas-cancel-booking-form] Component connected`)}async componentWillLoad(){s(`[nylas-cancel-booking-form] Component will load`)}async componentDidLoad(){s(`[nylas-cancel-booking-form] Component did load`);if(!this.cancelBookingId){console.warn(`[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-cancel-booking-form] Component disconnected`)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n);this.textareaRef?.style.setProperty(`${o}`,n)}}}handleNylasFormInputChanged(e){this.triggerValidation.emit({});if(e.detail.name==="cancel-reason"){this.cancellationReason=e.detail.value;this.cancellationError=e.detail.error}}render(){return n(a,{key:"98919411a496f4aaa9362155dfb366af7f43d9aa",part:"ncbf"},n("div",{key:"d84772800545da60bc805a07c17886627ff7aee0",class:"nylas-cancel-booking-form",part:"ncbf__card"},n("div",{key:"69a29d6fd8023cb5b0119c771a643dba61b7ccaf",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},n("calendar-cancel-icon",{key:"7df5284c966181c27f19dae1844fbc75a9059f13"})),n("h3",{key:"a60850b155f3e686607b47abed0ce0548debef9c",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},l.t("cancelBookingTitle")),n("div",{key:"671754b0795a3ec025ca745be91bdc0e9c5d3057",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},!this.configSettings?.scheduler?.cancellation_policy?`${l.t("cancelBookingMessage")}`:this.cancellationPolicy),n("form",{key:"050884c1df5f440e10c3213352c40e9b10cbdb5a",onSubmit:this.handleSubmitCancelBooking},n("textarea-component",{key:"880579e8a3bf4eb0c9c543b8906046ed5dc97ec2",id:"cancel-reason",name:"cancel-reason",ref:e=>this.textareaRef=e,required:true,label:l.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),n("div",{key:"89b41f90a324d0b192d2450ff22c8ab56bb0e0f9",class:"footer"},n("button-component",{key:"b67e8195e7c295f19d2de23c8f5cd0102af8465d",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},l.t("cancelBookingButton")),!!this.eventInfo&&n("button-component",{key:"5761a429a6cccc6b5f9a31bfc25b53d6fa14943a",variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},l.t("goBackButton"))))))}get host(){return r(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};i([c({name:"nylas-cancel-booking-form",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.eventInfo","eventInfo"],["scheduler.isLoading","isLoading"],["scheduler.cancelBookingId","cancelBookingId"],["scheduler.rejectBookingId","rejectBookingId"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{cancelBookingFormSubmitted:async(e,o)=>{const{action:n,errorHandler:a}=e.detail;if(n==="cancel"){const n=await o.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);if(a&&(!n||"error"in n)){a(n)}}else if(n==="reject"){const n=await o.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});if(a&&(!n||"error"in n)){a(n)}}},goBackButtonClicked:async(e,o)=>{s("nylas-cancel-booking-form","goBackButtonClicked",e.detail);o.scheduler.goBack()},cancelBookedEventError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=t;export{d as nylas_cancel_booking_form};
+import{r as e,a as o,h as n,d as a,e as r}from"./index-Cbn5rIwb.js";import{R as c}from"./register-component-Blj8K64f.js";import{i as l,b as s}from"./utils-DhmCcrVs.js";const t=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}';var i=undefined&&undefined.__decorate||function(e,o,n,a){var r=arguments.length,c=r<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,o,n,a);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(r<3?l(c):r>3?l(o,n,c):l(o,n))||c;return r>3&&c&&Object.defineProperty(o,n,c),c};var f=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const d=class{constructor(n){e(this,n);this.goBackButtonClicked=o(this,"goBackButtonClicked",7);this.cancelBookingFormSubmitted=o(this,"cancelBookingFormSubmitted",7);this.triggerValidation=o(this,"triggerValidation",7);this.cancelBookedEventError=o(this,"cancelBookedEventError",7);this.cancelBookingFormError=o(this,"cancelBookingFormError",7);this.cancellationReason="";this.cancellationError="";this.cancellationPolicy=this.configSettings?.scheduler?.cancellation_policy||"Your current timeslot will become available to others.";this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()};this.handleSubmitCancelBooking=e=>{this.triggerValidation.emit({});e.preventDefault();if(!this.cancellationReason){this.cancellationError=l.t("cancellationErrorMessage");this.cancelBookingFormError.emit({title:l.t("cancelBokingFormError"),description:l.t("cancellationErrorMessage")});return}const o=this.configSettings?.scheduler?.min_cancellation_notice;if(this.selectedTimeslot&&o){const e=new Date(this.selectedTimeslot?.start_time);const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventError.emit({error:{title:l.t("cancellationErrorTitle"),message:l.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:o})}});return}}s(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const n=e=>{this.cancelBookedEventError.emit(e)};if(this.cancelBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:n})}else if(this.rejectBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:n})}}}configSettingsChangedHandler(e){this.cancellationPolicy=e?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,o){if(e===o)return;l.changeLanguage(e)}connectedCallback(){s(`[nylas-cancel-booking-form] Component connected`)}async componentWillLoad(){s(`[nylas-cancel-booking-form] Component will load`)}async componentDidLoad(){s(`[nylas-cancel-booking-form] Component did load`);if(!this.cancelBookingId){console.warn(`[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-cancel-booking-form] Component disconnected`)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n);this.textareaRef?.style.setProperty(`${o}`,n)}}}handleNylasFormInputChanged(e){this.triggerValidation.emit({});if(e.detail.name==="cancel-reason"){this.cancellationReason=e.detail.value;this.cancellationError=e.detail.error}}render(){return n(a,{key:"98919411a496f4aaa9362155dfb366af7f43d9aa",part:"ncbf"},n("div",{key:"d84772800545da60bc805a07c17886627ff7aee0",class:"nylas-cancel-booking-form",part:"ncbf__card"},n("div",{key:"69a29d6fd8023cb5b0119c771a643dba61b7ccaf",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},n("calendar-cancel-icon",{key:"7df5284c966181c27f19dae1844fbc75a9059f13"})),n("h3",{key:"a60850b155f3e686607b47abed0ce0548debef9c",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},l.t("cancelBookingTitle")),n("div",{key:"671754b0795a3ec025ca745be91bdc0e9c5d3057",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},!this.configSettings?.scheduler?.cancellation_policy?`${l.t("cancelBookingMessage")}`:this.cancellationPolicy),n("form",{key:"050884c1df5f440e10c3213352c40e9b10cbdb5a",onSubmit:this.handleSubmitCancelBooking},n("textarea-component",{key:"880579e8a3bf4eb0c9c543b8906046ed5dc97ec2",id:"cancel-reason",name:"cancel-reason",ref:e=>this.textareaRef=e,required:true,label:l.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),n("div",{key:"89b41f90a324d0b192d2450ff22c8ab56bb0e0f9",class:"footer"},n("button-component",{key:"b67e8195e7c295f19d2de23c8f5cd0102af8465d",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},l.t("cancelBookingButton")),!!this.eventInfo&&n("button-component",{key:"5761a429a6cccc6b5f9a31bfc25b53d6fa14943a",variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},l.t("goBackButton"))))))}get host(){return r(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};i([c({name:"nylas-cancel-booking-form",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.eventInfo","eventInfo"],["scheduler.isLoading","isLoading"],["scheduler.cancelBookingId","cancelBookingId"],["scheduler.rejectBookingId","rejectBookingId"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{cancelBookingFormSubmitted:async(e,o)=>{const{action:n,errorHandler:a}=e.detail;if(n==="cancel"){const n=await o.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);if(a&&(!n||"error"in n)){a(n)}}else if(n==="reject"){const n=await o.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});if(a&&(!n||"error"in n)){a(n)}}},goBackButtonClicked:async(e,o)=>{s("nylas-cancel-booking-form","goBackButtonClicked",e.detail);o.scheduler.goBack()},cancelBookedEventError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,o)=>{s("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=t;export{d as nylas_cancel_booking_form};
 //# sourceMappingURL=nylas-cancel-booking-form.entry.js.map

package/dist/nylas-web-elements/nylas-cancellation-policy.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"nylas-cancellation-policy.entry.esm.js","sources":["src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.scss?tag=nylas-cancellation-policy&encapsulation=shadow","src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  @include default-css-variables;\n}\n\n.nylas-cancellation-policy {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  label {\n    display: flex;\n    align-items: center;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n\n    /* 21px */\n    span.label-icon {\n      margin-left: 4px;\n\n      tooltip-component {\n        display: flex;\n      }\n    }\n  }\n\n  textarea {\n    padding: 12px 16px;\n    border-width: 1;\n    resize: vertical;\n    border-radius: 8px;\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n    line-height: 24px;\n    border: 1px solid var(--nylas-base-200);\n    background-color: var(--nylas-base-0);\n    color: var(--nylas-base-900);\n\n    &::-webkit-resizer {\n      display: none;\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, sanitize } from '@/utils/utils';\nimport { AttachInternals, Component, Host, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.\n * @part ncpolicy - The cancellation policy container\n * @part ncpolicy__textarea - The cancellation policy textarea\n */\n@Component({\n  tag: 'nylas-cancellation-policy',\n  styleUrl: 'nylas-cancellation-policy.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasCancellationPolicy {\n  /**\n   * The host element <nylas-cancellation-policy>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The cancellation policy stored in the configuration\n   */\n  @Prop() cancellationPolicy?: string;\n\n  /**\n   * @standalone\n   * The name of the cancellation policy input.\n   */\n  @Prop() name: string = 'cancelation-policy';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The selected cancellation policy state. This defaults to the cancellation policy from the configuration or an empty string.\n   */\n  @State() message!: string;\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-cancellation-policy', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n    this.message = newValue?.scheduler?.cancellation_policy || this.cancellationPolicy || '';\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  /**\n   * Event emitted when the cancellation policy message changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-cancellation-policy', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-cancellation-policy', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-cancellation-policy', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      this.message = this.cancellationPolicy || '';\n    }\n  }\n\n  disconnectedCallback() {\n    debug('nylas-cancellation-policy', 'disconnectedCallback');\n  }\n\n  handleChange(event) {\n    const value = sanitize(event.target.value);\n    this.message = value;\n    this.internals.setFormValue(value, this.name);\n    this.valueChanged.emit({ value: value, name: this.name });\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  @RegisterComponent<NylasCancellationPolicy, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-cancellation-policy',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-cancellation-policy\" part=\"ncpolicy\">\n          <label htmlFor={this.name}>\n            {i18next.t('nylasCancellationPolicy.cancellationPolicyLabel')}\n            <span class=\"label-icon\">\n              <tooltip-component>\n                <info-icon slot=\"tooltip-icon\" />\n                <span slot=\"tooltip-content\">{i18next.t('nylasCancellationPolicy.tooltip.desc')}</span>\n              </tooltip-component>\n            </span>\n          </label>\n          <textarea id={this.name} part=\"ncpolicy__textarea\" name={this.name} value={this.message} maxlength=\"250\" onInput={e => this.handleChange(e)}></textarea>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["i18next"],"mappings":";;;;AAAA,MAAM,0BAA0B,GAAG,i3FAAi3F;;;;;;;;;;;;;;;;MCoBv4F,uBAAuB,GAAA,MAAA;AANpC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AA2BU,QAAA,IAAI,CAAA,IAAA,GAAW,oBAAoB;AA4H5C;AAhGC,IAAA,yBAAyB,CAAC,QAAgB,EAAA;AACxC,QAAA,KAAK,CAAC,2BAA2B,EAAE,2BAA2B,EAAE,QAAQ,CAAC;QACzE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;;AAI1C,IAAA,mCAAmC,CAAC,QAAuB,EAAA;AACzD,QAAA,KAAK,CAAC,2BAA2B,EAAE,qCAAqC,EAAE,QAAQ,CAAC;AACnF,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,EAAE,SAAS,EAAE,mBAAmB,IAAI,IAAI,CAAC,kBAAkB,IAAI,EAAE;;IAI1F,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAA,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAIhC,yBAAyB,CAAC,MAAmB,EAAE,MAAmB,EAAA;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;;IAW/B,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,2BAA2B,EAAE,mBAAmB,CAAC;;IAGzD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,2BAA2B,EAAE,mBAAmB,CAAC;QACvD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAG3C,gBAAgB,GAAA;AACd,QAAA,KAAK,CAAC,2BAA2B,EAAE,kBAAkB,CAAC;AACtD,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,IAAI,CAAC,mCAAmC,CAAC,IAAI,CAAC,qBAAqB,CAAC;;aAC/D;YACL,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE;;;IAIhD,oBAAoB,GAAA;AAClB,QAAA,KAAK,CAAC,2BAA2B,EAAE,sBAAsB,CAAC;;AAG5D,IAAA,YAAY,CAAC,KAAK,EAAA;QAChB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAC1C,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QACpB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;AAC7C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;AAG3D,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;IAelD,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAC,UAAU,EAAA,EACpD,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,IAAI,EAAA,EACtBA,QAAO,CAAC,CAAC,CAAC,iDAAiD,CAAC,EAC7D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,EACjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,EAAEA,QAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAQ,CACrE,CACf,CACD,EACR,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAa,CACpJ,CACD;;;;;;;;;;;AAfX,UAAA,CAAA;AAVC,IAAA,iBAAiB,CAA6G;AAC7H,QAAA,IAAI,EAAE,2BAA2B;QACjC,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,uCAAuC,EAAE,uBAAuB,CAAC;YAClE,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;YACxD,CAAC,6BAA6B,EAAE,aAAa,CAAC;SAC/C,CAAC;AACF,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAkBD,EAAA,uBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;"}
+{"version":3,"file":"nylas-cancellation-policy.entry.esm.js","sources":["src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.scss?tag=nylas-cancellation-policy&encapsulation=shadow","src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  @include default-css-variables;\n}\n\n.nylas-cancellation-policy {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  label {\n    display: flex;\n    align-items: center;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n\n    /* 21px */\n    span.label-icon {\n      margin-left: 4px;\n\n      tooltip-component {\n        display: flex;\n      }\n    }\n  }\n\n  textarea {\n    padding: 12px 16px;\n    border-width: 1;\n    resize: vertical;\n    border-radius: 8px;\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n    line-height: 24px;\n    border: 1px solid var(--nylas-base-200);\n    background-color: var(--nylas-base-0);\n    color: var(--nylas-base-900);\n\n    &::-webkit-resizer {\n      display: none;\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, sanitize } from '@/utils/utils';\nimport { AttachInternals, Component, Host, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.\n * @part ncpolicy - The cancellation policy container\n * @part ncpolicy__textarea - The cancellation policy textarea\n */\n@Component({\n  tag: 'nylas-cancellation-policy',\n  styleUrl: 'nylas-cancellation-policy.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasCancellationPolicy {\n  /**\n   * The host element <nylas-cancellation-policy>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The cancellation policy stored in the configuration\n   */\n  @Prop() cancellationPolicy?: string;\n\n  /**\n   * @standalone\n   * The name of the cancellation policy input.\n   */\n  @Prop() name: string = 'cancellation-policy';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The selected cancellation policy state. This defaults to the cancellation policy from the configuration or an empty string.\n   */\n  @State() message!: string;\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-cancellation-policy', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n    this.message = newValue?.scheduler?.cancellation_policy || this.cancellationPolicy || '';\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  /**\n   * Event emitted when the cancellation policy message changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-cancellation-policy', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-cancellation-policy', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-cancellation-policy', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      this.message = this.cancellationPolicy || '';\n    }\n  }\n\n  disconnectedCallback() {\n    debug('nylas-cancellation-policy', 'disconnectedCallback');\n  }\n\n  handleChange(event) {\n    const value = sanitize(event.target.value);\n    this.message = value;\n    this.internals.setFormValue(value, this.name);\n    this.valueChanged.emit({ value: value, name: this.name });\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  @RegisterComponent<NylasCancellationPolicy, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-cancellation-policy',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-cancellation-policy\" part=\"ncpolicy\">\n          <label htmlFor={this.name}>\n            {i18next.t('nylasCancellationPolicy.cancellationPolicyLabel')}\n            <span class=\"label-icon\">\n              <tooltip-component>\n                <info-icon slot=\"tooltip-icon\" />\n                <span slot=\"tooltip-content\">{i18next.t('nylasCancellationPolicy.tooltip.desc')}</span>\n              </tooltip-component>\n            </span>\n          </label>\n          <textarea id={this.name} part=\"ncpolicy__textarea\" name={this.name} value={this.message} maxlength=\"250\" onInput={e => this.handleChange(e)}></textarea>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["i18next"],"mappings":";;;;AAAA,MAAM,0BAA0B,GAAG,i3FAAi3F;;;;;;;;;;;;;;;;MCoBv4F,uBAAuB,GAAA,MAAA;AANpC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AA2BU,QAAA,IAAI,CAAA,IAAA,GAAW,qBAAqB;AA4H7C;AAhGC,IAAA,yBAAyB,CAAC,QAAgB,EAAA;AACxC,QAAA,KAAK,CAAC,2BAA2B,EAAE,2BAA2B,EAAE,QAAQ,CAAC;QACzE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;;AAI1C,IAAA,mCAAmC,CAAC,QAAuB,EAAA;AACzD,QAAA,KAAK,CAAC,2BAA2B,EAAE,qCAAqC,EAAE,QAAQ,CAAC;AACnF,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,EAAE,SAAS,EAAE,mBAAmB,IAAI,IAAI,CAAC,kBAAkB,IAAI,EAAE;;IAI1F,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAA,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAIhC,yBAAyB,CAAC,MAAmB,EAAE,MAAmB,EAAA;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;;IAW/B,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,2BAA2B,EAAE,mBAAmB,CAAC;;IAGzD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,2BAA2B,EAAE,mBAAmB,CAAC;QACvD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAG3C,gBAAgB,GAAA;AACd,QAAA,KAAK,CAAC,2BAA2B,EAAE,kBAAkB,CAAC;AACtD,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,IAAI,CAAC,mCAAmC,CAAC,IAAI,CAAC,qBAAqB,CAAC;;aAC/D;YACL,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE;;;IAIhD,oBAAoB,GAAA;AAClB,QAAA,KAAK,CAAC,2BAA2B,EAAE,sBAAsB,CAAC;;AAG5D,IAAA,YAAY,CAAC,KAAK,EAAA;QAChB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAC1C,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QACpB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;AAC7C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;AAG3D,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;IAelD,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAC,UAAU,EAAA,EACpD,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,IAAI,EAAA,EACtBA,QAAO,CAAC,CAAC,CAAC,iDAAiD,CAAC,EAC7D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,EACjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,EAAEA,QAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAQ,CACrE,CACf,CACD,EACR,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAa,CACpJ,CACD;;;;;;;;;;;AAfX,UAAA,CAAA;AAVC,IAAA,iBAAiB,CAA6G;AAC7H,QAAA,IAAI,EAAE,2BAA2B;QACjC,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,uCAAuC,EAAE,uBAAuB,CAAC;YAClE,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;YACxD,CAAC,6BAA6B,EAAE,aAAa,CAAC;SAC/C,CAAC;AACF,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAkBD,EAAA,uBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;"}

package/dist/nylas-web-elements/nylas-cancellation-policy.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a,h as l,d as n,e as o}from"./index-B-KMpdMZ.js";import{R as c}from"./register-component-BHk70oxk.js";import{b as s,i as r,n as t}from"./utils-Bj5Y75fX.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200);background-color:var(--nylas-base-0);color:var(--nylas-base-900)}.nylas-cancellation-policy textarea::-webkit-resizer{display:none}';var f=undefined&&undefined.__decorate||function(e,a,l,n){var o=arguments.length,c=o<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,l):n,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,a,l,n);else for(var r=e.length-1;r>=0;r--)if(s=e[r])c=(o<3?s(c):o>3?s(a,l,c):s(a,l))||c;return o>3&&c&&Object.defineProperty(a,l,c),c};var y=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const d=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.name="cancelation-policy"}elementNameChangedHandler(e){s("nylas-cancellation-policy","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.message=e?.scheduler?.cancellation_policy||this.cancellationPolicy||""}selectedLanguageChangedHandler(e,a){if(e===a)return;r.changeLanguage(e)}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}connectedCallback(){s("nylas-cancellation-policy","connectedCallback")}componentWillLoad(){s("nylas-cancellation-policy","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-cancellation-policy","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.message=this.cancellationPolicy||""}}disconnectedCallback(){s("nylas-cancellation-policy","disconnectedCallback")}handleChange(e){const a=t(e.target.value);this.message=a;this.internals.setFormValue(a,this.name);this.valueChanged.emit({value:a,name:this.name})}applyThemeConfig(e){if(e){for(const[a,l]of Object.entries(e)){this.host.style.setProperty(`${a}`,l)}}}render(){return l(n,{key:"0112bc21a9f5b70e6a6aff1ce242f23ffe6e0a05"},l("div",{key:"eff8f95bd5836c07924c48543975f71e300a430f",class:"nylas-cancellation-policy",part:"ncpolicy"},l("label",{key:"75682f5ec424d4feaaa67e8a923f803f7ccfa6d8",htmlFor:this.name},r.t("nylasCancellationPolicy.cancellationPolicyLabel"),l("span",{key:"3bbebe165a85ea631cb144f43eafbe337fe3c3d2",class:"label-icon"},l("tooltip-component",{key:"8651f4bc5467a0ff0889d32e154091d9385f2342"},l("info-icon",{key:"638681fe79ae0aaf6ae547ed7d0c9c3e4c4d60a5",slot:"tooltip-icon"}),l("span",{key:"db3b9a83ca9d8af9a031c73152018c2513157ab3",slot:"tooltip-content"},r.t("nylasCancellationPolicy.tooltip.desc"))))),l("textarea",{key:"8fbc567d4c6aa65b1663d86cd666acc480da39f4",id:this.name,part:"ncpolicy__textarea",name:this.name,value:this.message,maxlength:"250",onInput:e=>this.handleChange(e)})))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};f([c({name:"nylas-cancellation-policy",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as nylas_cancellation_policy};
+import{r as e,a as l,h as a,d as n,e as o}from"./index-Cbn5rIwb.js";import{R as c}from"./register-component-Blj8K64f.js";import{b as s,i as r,n as t}from"./utils-DhmCcrVs.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200);background-color:var(--nylas-base-0);color:var(--nylas-base-900)}.nylas-cancellation-policy textarea::-webkit-resizer{display:none}';var f=undefined&&undefined.__decorate||function(e,l,a,n){var o=arguments.length,c=o<3?l:n===null?n=Object.getOwnPropertyDescriptor(l,a):n,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,l,a,n);else for(var r=e.length-1;r>=0;r--)if(s=e[r])c=(o<3?s(c):o>3?s(l,a,c):s(l,a))||c;return o>3&&c&&Object.defineProperty(l,a,c),c};var y=undefined&&undefined.__metadata||function(e,l){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,l)};const d=class{constructor(a){e(this,a);this.valueChanged=l(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.name="cancellation-policy"}elementNameChangedHandler(e){s("nylas-cancellation-policy","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.message=e?.scheduler?.cancellation_policy||this.cancellationPolicy||""}selectedLanguageChangedHandler(e,l){if(e===l)return;r.changeLanguage(e)}themeConfigChangedHandler(e,l){if(e===l)return;this.applyThemeConfig(e)}connectedCallback(){s("nylas-cancellation-policy","connectedCallback")}componentWillLoad(){s("nylas-cancellation-policy","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-cancellation-policy","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.message=this.cancellationPolicy||""}}disconnectedCallback(){s("nylas-cancellation-policy","disconnectedCallback")}handleChange(e){const l=t(e.target.value);this.message=l;this.internals.setFormValue(l,this.name);this.valueChanged.emit({value:l,name:this.name})}applyThemeConfig(e){if(e){for(const[l,a]of Object.entries(e)){this.host.style.setProperty(`${l}`,a)}}}render(){return a(n,{key:"187ae85411074872c03f2ddcf0bdf4c180b7721d"},a("div",{key:"10fc934262accef95ef703162e2f9441ff14410d",class:"nylas-cancellation-policy",part:"ncpolicy"},a("label",{key:"14aece62a00c464fc4e020700eb9e8145a24ac60",htmlFor:this.name},r.t("nylasCancellationPolicy.cancellationPolicyLabel"),a("span",{key:"9befee4f93362c1a1dd443cb788c51845badefd7",class:"label-icon"},a("tooltip-component",{key:"ea8f450a32727bc282ead18437309460f3bfeebd"},a("info-icon",{key:"ddfb134a2b10f50abf8fbe73da8324aae208df5c",slot:"tooltip-icon"}),a("span",{key:"109102f02e3f3ed88d3e1356e85c46a086ea65b0",slot:"tooltip-content"},r.t("nylasCancellationPolicy.tooltip.desc"))))),a("textarea",{key:"f940c9ee31e248bb0d94f7b0fc5850e6f3cfc917",id:this.name,part:"ncpolicy__textarea",name:this.name,value:this.message,maxlength:"250",onInput:e=>this.handleChange(e)})))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};f([c({name:"nylas-cancellation-policy",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as nylas_cancellation_policy};
 //# sourceMappingURL=nylas-cancellation-policy.entry.js.map

package/dist/nylas-web-elements/nylas-cancellation-policy.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["nylasCancellationPolicyCss","NylasCancellationPolicy","constructor","hostRef","this","name","elementNameChangedHandler","newValue","debug","host","setAttribute","selectedConfigurationChangedHandler","message","scheduler","cancellation_policy","cancellationPolicy","selectedLanguageChangedHandler","newVal","oldVal","i18next","changeLanguage","themeConfigChangedHandler","applyThemeConfig","connectedCallback","componentWillLoad","componentDidLoad","selectedConfiguration","disconnectedCallback","handleChange","event","value","sanitize","target","internals","setFormValue","valueChanged","emit","themeConfig","key","Object","entries","style","setProperty","render","h","Host","class","part","htmlFor","t","slot","id","maxlength","onInput","e","__decorate","RegisterComponent","stateToProps","Map","eventToProps","fireRegisterEvent","prototype"],"sources":["src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.scss?tag=nylas-cancellation-policy&encapsulation=shadow","src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  @include default-css-variables;\n}\n\n.nylas-cancellation-policy {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  label {\n    display: flex;\n    align-items: center;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n\n    /* 21px */\n    span.label-icon {\n      margin-left: 4px;\n\n      tooltip-component {\n        display: flex;\n      }\n    }\n  }\n\n  textarea {\n    padding: 12px 16px;\n    border-width: 1;\n    resize: vertical;\n    border-radius: 8px;\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n    line-height: 24px;\n    border: 1px solid var(--nylas-base-200);\n    background-color: var(--nylas-base-0);\n    color: var(--nylas-base-900);\n\n    &::-webkit-resizer {\n      display: none;\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, sanitize } from '@/utils/utils';\nimport { AttachInternals, Component, Host, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.\n * @part ncpolicy - The cancellation policy container\n * @part ncpolicy__textarea - The cancellation policy textarea\n */\n@Component({\n  tag: 'nylas-cancellation-policy',\n  styleUrl: 'nylas-cancellation-policy.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasCancellationPolicy {\n  /**\n   * The host element <nylas-cancellation-policy>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The cancellation policy stored in the configuration\n   */\n  @Prop() cancellationPolicy?: string;\n\n  /**\n   * @standalone\n   * The name of the cancellation policy input.\n   */\n  @Prop() name: string = 'cancelation-policy';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The selected cancellation policy state. This defaults to the cancellation policy from the configuration or an empty string.\n   */\n  @State() message!: string;\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-cancellation-policy', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n    this.message = newValue?.scheduler?.cancellation_policy || this.cancellationPolicy || '';\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  /**\n   * Event emitted when the cancellation policy message changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-cancellation-policy', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-cancellation-policy', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-cancellation-policy', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      this.message = this.cancellationPolicy || '';\n    }\n  }\n\n  disconnectedCallback() {\n    debug('nylas-cancellation-policy', 'disconnectedCallback');\n  }\n\n  handleChange(event) {\n    const value = sanitize(event.target.value);\n    this.message = value;\n    this.internals.setFormValue(value, this.name);\n    this.valueChanged.emit({ value: value, name: this.name });\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  @RegisterComponent<NylasCancellationPolicy, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-cancellation-policy',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-cancellation-policy\" part=\"ncpolicy\">\n          <label htmlFor={this.name}>\n            {i18next.t('nylasCancellationPolicy.cancellationPolicyLabel')}\n            <span class=\"label-icon\">\n              <tooltip-component>\n                <info-icon slot=\"tooltip-icon\" />\n                <span slot=\"tooltip-content\">{i18next.t('nylasCancellationPolicy.tooltip.desc')}</span>\n              </tooltip-component>\n            </span>\n          </label>\n          <textarea id={this.name} part=\"ncpolicy__textarea\" name={this.name} value={this.message} maxlength=\"250\" onInput={e => this.handleChange(e)}></textarea>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0KAAA,MAAMA,EAA6B,g3F,ugBCoBtBC,EAAuB,MANpC,WAAAC,CAAAC,G,qNA2BUC,KAAIC,KAAW,oBA4HxB,CAhGC,yBAAAC,CAA0BC,GACxBC,EAAM,4BAA6B,4BAA6BD,GAChEH,KAAKK,KAAKC,aAAa,OAAQH,E,CAIjC,mCAAAI,CAAoCJ,GAClCC,EAAM,4BAA6B,sCAAuCD,GAC1EH,KAAKQ,QAAUL,GAAUM,WAAWC,qBAAuBV,KAAKW,oBAAsB,E,CAIxF,8BAAAC,CAA+BC,EAAuBC,GACpD,GAAID,IAAWC,EAAQ,OACvBC,EAAQC,eAAeH,E,CAIzB,yBAAAI,CAA0BJ,EAAqBC,GAC7C,GAAID,IAAWC,EAAQ,OACvBd,KAAKkB,iBAAiBL,E,CAWxB,iBAAAM,GACEf,EAAM,4BAA6B,oB,CAGrC,iBAAAgB,GACEhB,EAAM,4BAA6B,qBACnCJ,KAAKK,KAAKC,aAAa,OAAQN,KAAKC,K,CAGtC,gBAAAoB,GACEjB,EAAM,4BAA6B,oBACnC,GAAIJ,KAAKsB,sBAAuB,CAC9BtB,KAAKO,oCAAoCP,KAAKsB,sB,KACzC,CACLtB,KAAKQ,QAAUR,KAAKW,oBAAsB,E,EAI9C,oBAAAY,GACEnB,EAAM,4BAA6B,uB,CAGrC,YAAAoB,CAAaC,GACX,MAAMC,EAAQC,EAASF,EAAMG,OAAOF,OACpC1B,KAAKQ,QAAUkB,EACf1B,KAAK6B,UAAUC,aAAaJ,EAAO1B,KAAKC,MACxCD,KAAK+B,aAAaC,KAAK,CAAEN,MAAOA,EAAOzB,KAAMD,KAAKC,M,CAGpD,gBAAAiB,CAAiBe,GACf,GAAIA,EAAa,CACf,IAAK,MAAOC,EAAKR,KAAUS,OAAOC,QAAQH,GAAc,CACtDjC,KAAKK,KAAKgC,MAAMC,YAAY,GAAGJ,IAAOR,E,GAe5C,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAP,IAAA,4CACHM,EAAA,OAAAN,IAAA,2CAAKQ,MAAM,4BAA4BC,KAAK,YAC1CH,EAAA,SAAAN,IAAA,2CAAOU,QAAS5C,KAAKC,MAClBc,EAAQ8B,EAAE,mDACXL,EAAM,QAAAN,IAAA,2CAAAQ,MAAM,cACVF,EAAA,qBAAAN,IAAA,4CACEM,EAAW,aAAAN,IAAA,2CAAAY,KAAK,iBAChBN,EAAA,QAAAN,IAAA,2CAAMY,KAAK,mBAAmB/B,EAAQ8B,EAAE,4CAI9CL,EAAA,YAAAN,IAAA,2CAAUa,GAAI/C,KAAKC,KAAM0C,KAAK,qBAAqB1C,KAAMD,KAAKC,KAAMyB,MAAO1B,KAAKQ,QAASwC,UAAU,MAAMC,QAASC,GAAKlD,KAAKwB,aAAa0B,M,kSAbjJC,EAAA,CAVCC,EAA8H,CAC7HnD,KAAM,4BACNoD,aAAc,IAAIC,IAAI,CACpB,CAAC,wCAAyC,yBAC1C,CAAC,mCAAoC,oBACrC,CAAC,8BAA+B,iBAElCC,aAAc,GACdC,kBAAmB,O,mFAmBpB3D,EAAA4D,UAAA,e","ignoreList":[]}
+{"version":3,"names":["nylasCancellationPolicyCss","NylasCancellationPolicy","constructor","hostRef","this","name","elementNameChangedHandler","newValue","debug","host","setAttribute","selectedConfigurationChangedHandler","message","scheduler","cancellation_policy","cancellationPolicy","selectedLanguageChangedHandler","newVal","oldVal","i18next","changeLanguage","themeConfigChangedHandler","applyThemeConfig","connectedCallback","componentWillLoad","componentDidLoad","selectedConfiguration","disconnectedCallback","handleChange","event","value","sanitize","target","internals","setFormValue","valueChanged","emit","themeConfig","key","Object","entries","style","setProperty","render","h","Host","class","part","htmlFor","t","slot","id","maxlength","onInput","e","__decorate","RegisterComponent","stateToProps","Map","eventToProps","fireRegisterEvent","prototype"],"sources":["src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.scss?tag=nylas-cancellation-policy&encapsulation=shadow","src/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  @include default-css-variables;\n}\n\n.nylas-cancellation-policy {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  label {\n    display: flex;\n    align-items: center;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n\n    /* 21px */\n    span.label-icon {\n      margin-left: 4px;\n\n      tooltip-component {\n        display: flex;\n      }\n    }\n  }\n\n  textarea {\n    padding: 12px 16px;\n    border-width: 1;\n    resize: vertical;\n    border-radius: 8px;\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n    line-height: 24px;\n    border: 1px solid var(--nylas-base-200);\n    background-color: var(--nylas-base-0);\n    color: var(--nylas-base-900);\n\n    &::-webkit-resizer {\n      display: none;\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, sanitize } from '@/utils/utils';\nimport { AttachInternals, Component, Host, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.\n * @part ncpolicy - The cancellation policy container\n * @part ncpolicy__textarea - The cancellation policy textarea\n */\n@Component({\n  tag: 'nylas-cancellation-policy',\n  styleUrl: 'nylas-cancellation-policy.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasCancellationPolicy {\n  /**\n   * The host element <nylas-cancellation-policy>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The cancellation policy stored in the configuration\n   */\n  @Prop() cancellationPolicy?: string;\n\n  /**\n   * @standalone\n   * The name of the cancellation policy input.\n   */\n  @Prop() name: string = 'cancellation-policy';\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The selected cancellation policy state. This defaults to the cancellation policy from the configuration or an empty string.\n   */\n  @State() message!: string;\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-cancellation-policy', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n    this.message = newValue?.scheduler?.cancellation_policy || this.cancellationPolicy || '';\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  /**\n   * Event emitted when the cancellation policy message changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-cancellation-policy', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-cancellation-policy', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-cancellation-policy', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      this.message = this.cancellationPolicy || '';\n    }\n  }\n\n  disconnectedCallback() {\n    debug('nylas-cancellation-policy', 'disconnectedCallback');\n  }\n\n  handleChange(event) {\n    const value = sanitize(event.target.value);\n    this.message = value;\n    this.internals.setFormValue(value, this.name);\n    this.valueChanged.emit({ value: value, name: this.name });\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  @RegisterComponent<NylasCancellationPolicy, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-cancellation-policy',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-cancellation-policy\" part=\"ncpolicy\">\n          <label htmlFor={this.name}>\n            {i18next.t('nylasCancellationPolicy.cancellationPolicyLabel')}\n            <span class=\"label-icon\">\n              <tooltip-component>\n                <info-icon slot=\"tooltip-icon\" />\n                <span slot=\"tooltip-content\">{i18next.t('nylasCancellationPolicy.tooltip.desc')}</span>\n              </tooltip-component>\n            </span>\n          </label>\n          <textarea id={this.name} part=\"ncpolicy__textarea\" name={this.name} value={this.message} maxlength=\"250\" onInput={e => this.handleChange(e)}></textarea>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+KAAA,MAAMA,EAA6B,g3F,ugBCoBtBC,EAAuB,MANpC,WAAAC,CAAAC,G,qNA2BUC,KAAIC,KAAW,qBA4HxB,CAhGC,yBAAAC,CAA0BC,GACxBC,EAAM,4BAA6B,4BAA6BD,GAChEH,KAAKK,KAAKC,aAAa,OAAQH,E,CAIjC,mCAAAI,CAAoCJ,GAClCC,EAAM,4BAA6B,sCAAuCD,GAC1EH,KAAKQ,QAAUL,GAAUM,WAAWC,qBAAuBV,KAAKW,oBAAsB,E,CAIxF,8BAAAC,CAA+BC,EAAuBC,GACpD,GAAID,IAAWC,EAAQ,OACvBC,EAAQC,eAAeH,E,CAIzB,yBAAAI,CAA0BJ,EAAqBC,GAC7C,GAAID,IAAWC,EAAQ,OACvBd,KAAKkB,iBAAiBL,E,CAWxB,iBAAAM,GACEf,EAAM,4BAA6B,oB,CAGrC,iBAAAgB,GACEhB,EAAM,4BAA6B,qBACnCJ,KAAKK,KAAKC,aAAa,OAAQN,KAAKC,K,CAGtC,gBAAAoB,GACEjB,EAAM,4BAA6B,oBACnC,GAAIJ,KAAKsB,sBAAuB,CAC9BtB,KAAKO,oCAAoCP,KAAKsB,sB,KACzC,CACLtB,KAAKQ,QAAUR,KAAKW,oBAAsB,E,EAI9C,oBAAAY,GACEnB,EAAM,4BAA6B,uB,CAGrC,YAAAoB,CAAaC,GACX,MAAMC,EAAQC,EAASF,EAAMG,OAAOF,OACpC1B,KAAKQ,QAAUkB,EACf1B,KAAK6B,UAAUC,aAAaJ,EAAO1B,KAAKC,MACxCD,KAAK+B,aAAaC,KAAK,CAAEN,MAAOA,EAAOzB,KAAMD,KAAKC,M,CAGpD,gBAAAiB,CAAiBe,GACf,GAAIA,EAAa,CACf,IAAK,MAAOC,EAAKR,KAAUS,OAAOC,QAAQH,GAAc,CACtDjC,KAAKK,KAAKgC,MAAMC,YAAY,GAAGJ,IAAOR,E,GAe5C,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAP,IAAA,4CACHM,EAAA,OAAAN,IAAA,2CAAKQ,MAAM,4BAA4BC,KAAK,YAC1CH,EAAA,SAAAN,IAAA,2CAAOU,QAAS5C,KAAKC,MAClBc,EAAQ8B,EAAE,mDACXL,EAAM,QAAAN,IAAA,2CAAAQ,MAAM,cACVF,EAAA,qBAAAN,IAAA,4CACEM,EAAW,aAAAN,IAAA,2CAAAY,KAAK,iBAChBN,EAAA,QAAAN,IAAA,2CAAMY,KAAK,mBAAmB/B,EAAQ8B,EAAE,4CAI9CL,EAAA,YAAAN,IAAA,2CAAUa,GAAI/C,KAAKC,KAAM0C,KAAK,qBAAqB1C,KAAMD,KAAKC,KAAMyB,MAAO1B,KAAKQ,QAASwC,UAAU,MAAMC,QAASC,GAAKlD,KAAKwB,aAAa0B,M,kSAbjJC,EAAA,CAVCC,EAA8H,CAC7HnD,KAAM,4BACNoD,aAAc,IAAIC,IAAI,CACpB,CAAC,wCAAyC,yBAC1C,CAAC,mCAAoC,oBACrC,CAAC,8BAA+B,iBAElCC,aAAc,GACdC,kBAAmB,O,mFAmBpB3D,EAAA4D,UAAA,e","ignoreList":[]}

package/dist/nylas-web-elements/nylas-cancelled-event-card.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a,h as n,d as l,e as c}from"./index-B-KMpdMZ.js";import{R as r}from"./register-component-BHk70oxk.js";import{i as o,b as s}from"./utils-Bj5Y75fX.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';var d=undefined&&undefined.__decorate||function(e,a,n,l){var c=arguments.length,r=c<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,a,n,l);else for(var s=e.length-1;s>=0;s--)if(o=e[s])r=(c<3?o(r):c>3?o(a,n,r):o(a,n))||r;return c>3&&r&&Object.defineProperty(a,n,r),r};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const f=class{constructor(n){e(this,n);this.closeCancelEventCardClicked=a(this,"closeCancelEventCardClicked",7);this.cancelledEventCardError=a(this,"cancelledEventCardError",7);this.isClosing=false;this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.cancelledEventCardError.emit(e);this.isClosing=false};this.closeCancelEventCardClicked.emit({errorHandler:e})}}selectedLanguageChangedHandler(e,a){if(e===a)return;o.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){s(`[nylas-cancelled-event-card] Component connected`)}async componentWillLoad(){s(`[nylas-cancelled-event-card] Component will load`)}async componentDidLoad(){s(`[nylas-cancelled-event-card] Component did load`);if(!this.cancelledEventInfo){console.warn(`[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-cancelled-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){return n(l,{key:"658c3e6e9805179e76a8dad896abf9334df1a3cb",part:"ncec"},n("div",{key:"a3d1e0389b1c34b4836a88328f35fb3407c033a3",class:"nylas-cancelled-event-card",part:"ncec__card"},n("div",{key:"77643efbb47ceab0079c0a819953a8fe8cf08f79",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},n("calendar-cancel-icon",{key:"e8ec9366b2d90c64f41f8c55f21bd3d1e5452291"})),n("h3",{key:"894680dcfe9b66272ebe65d5084f265cb074d2ac",class:"nylas-cancelled-event-card__title",part:"ncec__title"},o.t("bookingCancelledTitle"),"!"),n("div",{key:"f85307368cd1165d220b9ccaebaf4ec9631bc8c0",class:"nylas-cancelled-event-card__description",part:"ncec__description"},o.t("bookingCancelledMessage")," ",this.configSettings?.organizer?.name||o.t("bookingCancelledMessage_theParticipants"),"."),n("div",{key:"44f9d29d8e74fd2ace4cc748c0c63fcc4b8dd561",class:"nylas-cancelled-event-card__cta"},n("button-component",{key:"d93bf700870cd0b50169b573f3d7660b850f193f",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${o.t("closingButton")}...`:`${o.t("closeButton")}`))))}get host(){return c(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChanged"]}}};d([r({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeCancelEventCardClicked:async(e,a)=>{const n=await a.scheduler.resetCancel();const{errorHandler:l}=e.detail;if(l&&(!n||"error"in n)){l(n)}},cancelledEventCardError:async(e,a)=>{s("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_cancelled_event_card};
+import{r as e,a,h as n,d as l,e as c}from"./index-Cbn5rIwb.js";import{R as r}from"./register-component-Blj8K64f.js";import{i as s,b as o}from"./utils-DhmCcrVs.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';var d=undefined&&undefined.__decorate||function(e,a,n,l){var c=arguments.length,r=c<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,a,n,l);else for(var o=e.length-1;o>=0;o--)if(s=e[o])r=(c<3?s(r):c>3?s(a,n,r):s(a,n))||r;return c>3&&r&&Object.defineProperty(a,n,r),r};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const f=class{constructor(n){e(this,n);this.closeCancelEventCardClicked=a(this,"closeCancelEventCardClicked",7);this.cancelledEventCardError=a(this,"cancelledEventCardError",7);this.isClosing=false;this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.cancelledEventCardError.emit(e);this.isClosing=false};this.closeCancelEventCardClicked.emit({errorHandler:e})}}selectedLanguageChangedHandler(e,a){if(e===a)return;s.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){o(`[nylas-cancelled-event-card] Component connected`)}async componentWillLoad(){o(`[nylas-cancelled-event-card] Component will load`)}async componentDidLoad(){o(`[nylas-cancelled-event-card] Component did load`);if(!this.cancelledEventInfo){console.warn(`[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){o(`[nylas-cancelled-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){return n(l,{key:"658c3e6e9805179e76a8dad896abf9334df1a3cb",part:"ncec"},n("div",{key:"a3d1e0389b1c34b4836a88328f35fb3407c033a3",class:"nylas-cancelled-event-card",part:"ncec__card"},n("div",{key:"77643efbb47ceab0079c0a819953a8fe8cf08f79",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},n("calendar-cancel-icon",{key:"e8ec9366b2d90c64f41f8c55f21bd3d1e5452291"})),n("h3",{key:"894680dcfe9b66272ebe65d5084f265cb074d2ac",class:"nylas-cancelled-event-card__title",part:"ncec__title"},s.t("bookingCancelledTitle"),"!"),n("div",{key:"f85307368cd1165d220b9ccaebaf4ec9631bc8c0",class:"nylas-cancelled-event-card__description",part:"ncec__description"},s.t("bookingCancelledMessage")," ",this.configSettings?.organizer?.name||s.t("bookingCancelledMessage_theParticipants"),"."),n("div",{key:"44f9d29d8e74fd2ace4cc748c0c63fcc4b8dd561",class:"nylas-cancelled-event-card__cta"},n("button-component",{key:"d93bf700870cd0b50169b573f3d7660b850f193f",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${s.t("closingButton")}...`:`${s.t("closeButton")}`))))}get host(){return c(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChanged"]}}};d([r({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeCancelEventCardClicked:async(e,a)=>{const n=await a.scheduler.resetCancel();const{errorHandler:l}=e.detail;if(l&&(!n||"error"in n)){l(n)}},cancelledEventCardError:async(e,a)=>{o("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_cancelled_event_card};
 //# sourceMappingURL=nylas-cancelled-event-card.entry.js.map

package/dist/nylas-web-elements/nylas-confirmation-email.entry.js

@@ -1,2 +1,2 @@
-import{r as a,a as n,h as i,d as e,e as o}from"./index-B-KMpdMZ.js";import{R as l}from"./register-component-BHk70oxk.js";import{i as t,b as s,n as r}from"./utils-Bj5Y75fX.js";const m=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-confirmation-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-confirmation-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-confirmation-email .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}.nylas-confirmation-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.nylas-confirmation-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-confirmation-email .header .confirmation-email-toggle .chevron:hover,.nylas-confirmation-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body{grid-template-columns:1fr}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{border:none}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row.full-width-col{grid-template-columns:1fr;border-top:1px solid var(--nylas-base-200);padding-top:1.25rem;margin:0.25rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label{display:flex;align-items:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon{margin-left:4px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon tooltip-component{display:flex}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container{display:flex;gap:32px;width:100%}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row span.selected-value{font-weight:500}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container{padding:0 2rem 1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body span.error-message{color:var(--nylas-error)}.nylas-confirmation-email .nylas-confirmation-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}toggle-switch{padding-right:8px}';var c=undefined&&undefined.__decorate||function(a,n,i,e){var o=arguments.length,l=o<3?n:e===null?e=Object.getOwnPropertyDescriptor(n,i):e,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(a,n,i,e);else for(var s=a.length-1;s>=0;s--)if(t=a[s])l=(o<3?t(l):o>3?t(n,i,l):t(n,i))||l;return o>3&&l&&Object.defineProperty(n,i,l),l};var f=undefined&&undefined.__metadata||function(a,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,n)};const y=class{constructor(i){a(this,i);this.valueChanged=n(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.confirmationEmailTemplate={};this.participants=[];this.name="confirmation-email-template";this.nylasBranding=true;this.isOpen=false;this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl")}connectedCallback(){s("nylas-confirmation-email","connectedCallback")}disconnectedCallback(){s("nylas-confirmation-email","disconnectedCallback")}componentWillLoad(){s("nylas-confirmation-email","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-confirmation-email","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.confirmationEmail={...this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants}}elementNameChangedHandler(a){s("nylas-confirmation-email","elementNameChangedHandler",a);this.host.setAttribute("name",a)}selectedConfigurationChangedHandler(a){s("nylas-confirmation-email","selectedConfigurationChangedHandler",a);this.confirmationEmail={...a?.scheduler?.email_template||this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=!a?.event_booking?.reminders?.length;this.participantsState=a?.participants||this.participants}nylasBrandingChangedHandler(a){s("nylas-confirmation-email","nylasBrandingChangedHandler",a);if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}}selectedLanguageChangedHandler(a,n){if(a===n)return;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl");t.changeLanguage(a)}themeConfigChangedHandler(a,n){if(a===n)return;this.applyThemeConfig(a)}applyThemeConfig(a){if(a){for(const[n,i]of Object.entries(a)){this.host.style.setProperty(`${n}`,i)}}}async nylasFormInputChangeHandler(a){const{name:n,value:i}=a.detail;const e=a.detail?.type;if(n==="confirmation-email-title"){this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},title:i}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}else if(n==="confirmation-email-body"&&e==="multi_line_text"){this.handleEmailBodyChange(a)}}valueChangedHandler(a){s("nylas-confirmation-email","valueChangedHandler",a.detail);const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"){this.confirmationEmail={...this.confirmationEmail,logo:n};this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name});if(typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.internals.setValidity({})}}}async nylasFormInputImageUrlInvalidHandler(a){const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"&&typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},t.t("nylasConfirmationEmail.error.invalidImageUrl")||n)}}nyalsFormSwitchToggledHandler(a){s("nylas-confirmation-email","nyalsFormSwitchToggledHandler",a.detail);if(a.detail.name==="confirmation-email-show-branding"){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:a.detail.checked};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}}updateConfirmationFormValue(){s("nylas-confirmation-email","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}toggleConfirmationEmail(){this.isConfirmationEmailOpen=!this.isConfirmationEmailOpen}handleEmailBodyChange(a){const n=r(a.detail.value);this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},body:n}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}render(){const a=this.participantsState.find((a=>a.is_organizer));const n=a?.name||a?.email;return i(e,{key:"5a9b46e5d70efce93bef816f7abcabdb9a84ed02"},i("div",{key:"6617ea432833dd9d6623b1487b5fc005521702a8",class:"nylas-confirmation-email",part:"nce"},i("div",{key:"254d74782e2a955af1e22471ddc270b47f0fa368",class:"header",part:"nce__header"},i("div",{key:"d2990a4c7ca47527464d15c44b4cc6997bd08a57"},i("h3",{key:"e64aff058b2bf718e6dbc2412e4f6aebbe003a21"},this.confirmationEmail?.booking_confirmed?.title||n?t.t("nylasConfirmationEmail.headerTitle_withOrganizer",{organizerName:n}):t.t("nylasConfirmationEmail.headerTitle")),i("p",{key:"05b7d8161c7b0154bdf88aba4b7af147f17ea4fc"},t.t("nylasConfirmationEmail.headerSubTitle"))),this.isConfirmationEmailOpen?i("div",{class:"confirmation-email-toggle",part:"nce__confirmation-email-toggle--container"},i("span",{class:`chevron ${this.isConfirmationEmailOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},i("chevron-icon",{width:"24",height:"24"}))):i("button-component",{variant:"basic",clickHandler:a=>{a.preventDefault();this.toggleConfirmationEmail()}},i("edit-icon",{width:"16",height:"16"}),t.t("nylasConfirmationEmail.editButtonText"))),this.isConfirmationEmailOpen?i("div",{class:"nylas-confirmation-email__body",part:"nce__body"},i("div",{class:"nylas-confirmation-email__section"},this.nylasBranding&&i("div",{class:"nylas-confirmation-email__row"},i("label",null,t.t("nylasConfirmationEmail.nylasBranding.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.nylasBranding.tooltip.desc"))))),i("toggle-switch",{exportparts:"ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider",name:`confirmation-email-show-branding`,checked:this.confirmationEmail?.show_nylas_branding,themeConfig:this.themeConfig})),i("div",{class:"nylas-confirmation-email__row"},i("div",{class:"subsection"},i("div",{class:"input-container"},i("label",null,t.t("nylasConfirmationEmail.companyLogoUrl.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.companyLogoUrl.tooltip.desc"))))),this.confirmationEmail&&i("input-image-url",{name:"confirmation-email-logo",exportparts:"iiu__logo-input-textfield: nce__input-image-url",errorMessage:this.invalidImageErrorMessage,imageUrl:this.confirmationEmail?.logo??"",themeConfig:this.themeConfig})))),i("div",{class:"nylas-confirmation-email__row full-width-col"},i("div",{class:"subsection"},i("h3",null,t.t("nylasConfirmationEmail.emailMessage.header")),i("div",{class:"input-container"},i("label",{htmlFor:"title"},t.t("nylasConfirmationEmail.emailMessage.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.emailMessage.tooltip.desc"))))),i("input-component",{name:"confirmation-email-title",maxLength:60,placeholder:n?t.t("nylasConfirmationEmail.headerTitle_withOrganizer",{organizerName:n}):t.t("nylasConfirmationEmail.headerTitle"),themeConfig:this.themeConfig,defaultValue:this.confirmationEmail?.booking_confirmed?.title??""})),i("div",{class:"input-container"},i("textarea-component",{label:t.t("nylasConfirmationEmail.emailMessage.additionalInfoLabel"),name:"confirmation-email-body",id:"confirmation-email-body",placeholder:t.t("nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder"),tooltip:t.t("nylasConfirmationEmail.emailMessage.additionalInfoTooltip"),maxLength:500,defaultValue:this.confirmationEmail?.booking_confirmed?.body??"",themeConfig:this.themeConfig})))))):i("div",{class:"nylas-confirmation-email__summary",part:"nce__summary"},i("p",null,i("span",{class:"summary-icon"},i("person-clipboard-icon",null)),t.t("nylasConfirmationEmail.allHosts")),i("p",null,i("span",{class:"summary-icon"},i("clock-icon",null)),t.t("nylasConfirmationEmail.immediatelyUponBooking")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],nylasBranding:["nylasBrandingChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([l({name:"nylas-confirmation-email",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.nylasBranding","nylasBranding"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(a,n)=>{const{valueChanged:i}=a.detail;if(i){i(a)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=m;export{y as nylas_confirmation_email};
+import{r as a,a as n,h as i,d as e,e as o}from"./index-Cbn5rIwb.js";import{R as l}from"./register-component-Blj8K64f.js";import{i as t,b as s,n as r}from"./utils-DhmCcrVs.js";const m=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-confirmation-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-confirmation-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-confirmation-email .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}.nylas-confirmation-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.nylas-confirmation-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-confirmation-email .header .confirmation-email-toggle .chevron:hover,.nylas-confirmation-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body{grid-template-columns:1fr}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{border:none}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row.full-width-col{grid-template-columns:1fr;border-top:1px solid var(--nylas-base-200);padding-top:1.25rem;margin:0.25rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label{display:flex;align-items:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon{margin-left:4px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon tooltip-component{display:flex}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container{display:flex;gap:32px;width:100%}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row span.selected-value{font-weight:500}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container{padding:0 2rem 1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body span.error-message{color:var(--nylas-error)}.nylas-confirmation-email .nylas-confirmation-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}toggle-switch{padding-right:8px}';var c=undefined&&undefined.__decorate||function(a,n,i,e){var o=arguments.length,l=o<3?n:e===null?e=Object.getOwnPropertyDescriptor(n,i):e,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(a,n,i,e);else for(var s=a.length-1;s>=0;s--)if(t=a[s])l=(o<3?t(l):o>3?t(n,i,l):t(n,i))||l;return o>3&&l&&Object.defineProperty(n,i,l),l};var f=undefined&&undefined.__metadata||function(a,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,n)};const y=class{constructor(i){a(this,i);this.valueChanged=n(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.confirmationEmailTemplate={};this.participants=[];this.name="confirmation-email-template";this.nylasBranding=true;this.isOpen=false;this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl")}connectedCallback(){s("nylas-confirmation-email","connectedCallback")}disconnectedCallback(){s("nylas-confirmation-email","disconnectedCallback")}componentWillLoad(){s("nylas-confirmation-email","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-confirmation-email","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.confirmationEmail={...this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=this.isOpen;this.participantsState=this.participants}}elementNameChangedHandler(a){s("nylas-confirmation-email","elementNameChangedHandler",a);this.host.setAttribute("name",a)}selectedConfigurationChangedHandler(a){s("nylas-confirmation-email","selectedConfigurationChangedHandler",a);this.confirmationEmail={...a?.scheduler?.email_template||this.confirmationEmailTemplate};if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!this.nylasBranding){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}this.isConfirmationEmailOpen=!a?.event_booking?.reminders?.length;this.participantsState=a?.participants||this.participants}nylasBrandingChangedHandler(a){s("nylas-confirmation-email","nylasBrandingChangedHandler",a);if(typeof this.confirmationEmail?.show_nylas_branding==="undefined"&&a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:true}}else if(!a){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:false}}}selectedLanguageChangedHandler(a,n){if(a===n)return;this.invalidImageErrorMessage=t.t("nylasConfirmationEmail.error.invalidImageUrl");t.changeLanguage(a)}themeConfigChangedHandler(a,n){if(a===n)return;this.applyThemeConfig(a)}applyThemeConfig(a){if(a){for(const[n,i]of Object.entries(a)){this.host.style.setProperty(`${n}`,i)}}}async nylasFormInputChangeHandler(a){const{name:n,value:i}=a.detail;const e=a.detail?.type;if(n==="confirmation-email-title"){this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},title:i}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}else if(n==="confirmation-email-body"&&e==="multi_line_text"){this.handleEmailBodyChange(a)}}valueChangedHandler(a){s("nylas-confirmation-email","valueChangedHandler",a.detail);const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"){this.confirmationEmail={...this.confirmationEmail,logo:n};this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name});if(typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.internals.setValidity({})}}}async nylasFormInputImageUrlInvalidHandler(a){const{value:n,name:i}=a.detail;if(i==="confirmation-email-logo"&&typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},t.t("nylasConfirmationEmail.error.invalidImageUrl")||n)}}nyalsFormSwitchToggledHandler(a){s("nylas-confirmation-email","nyalsFormSwitchToggledHandler",a.detail);if(a.detail.name==="confirmation-email-show-branding"){this.confirmationEmail={...this.confirmationEmail,show_nylas_branding:a.detail.checked};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}}updateConfirmationFormValue(){s("nylas-confirmation-email","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}toggleConfirmationEmail(){this.isConfirmationEmailOpen=!this.isConfirmationEmailOpen}handleEmailBodyChange(a){const n=r(a.detail.value);this.confirmationEmail={...this.confirmationEmail,booking_confirmed:{...this.confirmationEmail?.booking_confirmed||{},body:n}};this.internals.setFormValue(JSON.stringify(this.confirmationEmail),this.name);this.valueChanged.emit({value:JSON.stringify(this.confirmationEmail),name:this.name})}render(){const a=this.participantsState.find((a=>a.is_organizer));const n=a?.name||a?.email;return i(e,{key:"5a9b46e5d70efce93bef816f7abcabdb9a84ed02"},i("div",{key:"6617ea432833dd9d6623b1487b5fc005521702a8",class:"nylas-confirmation-email",part:"nce"},i("div",{key:"254d74782e2a955af1e22471ddc270b47f0fa368",class:"header",part:"nce__header"},i("div",{key:"d2990a4c7ca47527464d15c44b4cc6997bd08a57"},i("h3",{key:"e64aff058b2bf718e6dbc2412e4f6aebbe003a21"},this.confirmationEmail?.booking_confirmed?.title||n?t.t("nylasConfirmationEmail.headerTitle_withOrganizer",{organizerName:n}):t.t("nylasConfirmationEmail.headerTitle")),i("p",{key:"05b7d8161c7b0154bdf88aba4b7af147f17ea4fc"},t.t("nylasConfirmationEmail.headerSubTitle"))),this.isConfirmationEmailOpen?i("div",{class:"confirmation-email-toggle",part:"nce__confirmation-email-toggle--container"},i("span",{class:`chevron ${this.isConfirmationEmailOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},i("chevron-icon",{width:"24",height:"24"}))):i("button-component",{variant:"basic",clickHandler:a=>{a.preventDefault();this.toggleConfirmationEmail()}},i("edit-icon",{width:"16",height:"16"}),t.t("nylasConfirmationEmail.editButtonText"))),this.isConfirmationEmailOpen?i("div",{class:"nylas-confirmation-email__body",part:"nce__body"},i("div",{class:"nylas-confirmation-email__section"},this.nylasBranding&&i("div",{class:"nylas-confirmation-email__row"},i("label",null,t.t("nylasConfirmationEmail.nylasBranding.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.nylasBranding.tooltip.desc"))))),i("toggle-switch",{exportparts:"ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider",name:`confirmation-email-show-branding`,checked:this.confirmationEmail?.show_nylas_branding,themeConfig:this.themeConfig})),i("div",{class:"nylas-confirmation-email__row"},i("div",{class:"subsection"},i("div",{class:"input-container"},i("label",null,t.t("nylasConfirmationEmail.companyLogoUrl.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.companyLogoUrl.tooltip.desc"))))),this.confirmationEmail&&i("input-image-url",{name:"confirmation-email-logo",exportparts:"iiu__logo-input-textfield: nce__input-image-url",errorMessage:this.invalidImageErrorMessage,imageUrl:this.confirmationEmail?.logo??"",themeConfig:this.themeConfig})))),i("div",{class:"nylas-confirmation-email__row full-width-col"},i("div",{class:"subsection"},i("h3",null,t.t("nylasConfirmationEmail.emailMessage.header")),i("div",{class:"input-container"},i("label",{htmlFor:"title"},t.t("nylasConfirmationEmail.emailMessage.label"),i("span",{class:"label-icon"},i("tooltip-component",null,i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},t.t("nylasConfirmationEmail.emailMessage.tooltip.desc"))))),i("input-component",{name:"confirmation-email-title",maxLength:60,placeholder:n?t.t("nylasConfirmationEmail.headerTitle_withOrganizer",{organizerName:n}):t.t("nylasConfirmationEmail.headerTitle"),themeConfig:this.themeConfig,defaultValue:this.confirmationEmail?.booking_confirmed?.title??""})),i("div",{class:"input-container"},i("textarea-component",{label:t.t("nylasConfirmationEmail.emailMessage.additionalInfoLabel"),name:"confirmation-email-body",id:"confirmation-email-body",placeholder:t.t("nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder"),tooltip:t.t("nylasConfirmationEmail.emailMessage.additionalInfoTooltip"),maxLength:500,defaultValue:this.confirmationEmail?.booking_confirmed?.body??"",themeConfig:this.themeConfig})))))):i("div",{class:"nylas-confirmation-email__summary",part:"nce__summary"},i("p",null,i("span",{class:"summary-icon"},i("person-clipboard-icon",null)),t.t("nylasConfirmationEmail.allHosts")),i("p",null,i("span",{class:"summary-icon"},i("clock-icon",null)),t.t("nylasConfirmationEmail.immediatelyUponBooking")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],nylasBranding:["nylasBrandingChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([l({name:"nylas-confirmation-email",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.nylasBranding","nylasBranding"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(a,n)=>{const{valueChanged:i}=a.detail;if(i){i(a)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=m;export{y as nylas_confirmation_email};
 //# sourceMappingURL=nylas-confirmation-email.entry.js.map

package/dist/nylas-web-elements/nylas-confirmed-event-card.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a as n,h as a,d as r,e as o}from"./index-B-KMpdMZ.js";import{R as c}from"./register-component-BHk70oxk.js";import{i as l,b as s}from"./utils-Bj5Y75fX.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';var d=undefined&&undefined.__decorate||function(e,n,a,r){var o=arguments.length,c=o<3?n:r===null?r=Object.getOwnPropertyDescriptor(n,a):r,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,n,a,r);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(o<3?l(c):o>3?l(n,a,c):l(n,a))||c;return o>3&&c&&Object.defineProperty(n,a,c),c};var f=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const i=class{constructor(a){e(this,a);this.closeConfirmEventCardClicked=n(this,"closeConfirmEventCardClicked",7);this.confirmedEventCardError=n(this,"confirmedEventCardError",7);this.isClosing=false;this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.confirmedEventCardError.emit(e);this.isClosing=false};this.closeConfirmEventCardClicked.emit({errorHandler:e})}}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e)}connectedCallback(){s(`[nylas-confirmed-event-card] Component connected`)}async componentWillLoad(){s(`[nylas-confirmed-event-card] Component will load`)}async componentDidLoad(){s(`[nylas-confirmed-event-card] Component did load`);if(!this.confirmedEventInfo){console.warn(`[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-confirmed-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){return a(r,{key:"387e8096c375ee9fc412154082da2cbb45a3ecf7",part:"ncec"},a("div",{key:"4f5aad7d33fe98f1e61229bddb5a1e44265262ef",class:"nylas-confirmed-event-card",part:"ncec__card"},a("div",{key:"047dc9ab160d1af9cc62bae2bd5c5f2920f616f5",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},a("calendar-check-icon",{key:"b0e7e7ea15765729f171d5da6bc21234180346d9"})),a("h3",{key:"5dbf670a91d688301d60cfe1fecc674d5ff5d300",class:"nylas-confirmed-event-card__title",part:"ncec__title"},l.t("confirmedEventCardTitle"),"!"),a("div",{key:"3da0910dd4a00859289222ff265c5e240f684d9f",class:"nylas-confirmed-event-card__description",part:"ncec__description"},l.t("confirmedEventCardDescription")," ",this.configSettings?.organizer?.name||"the participants","."),a("div",{key:"8c641dfca86c78f205b16d61ec66e64809625b61",class:"nylas-confirmed-event-card__cta"},a("button-component",{key:"a3835ff137cded71c6f06c580de22fa59065a402",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${l.t("closingButton")}...`:`${l.t("closeButton")}`))))}get host(){return o(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([c({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeConfirmEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetConfirm();const{errorHandler:r}=e.detail;if(r&&(!a||"error"in a)){r(a)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],i.prototype,"render",null);i.style=t;export{i as nylas_confirmed_event_card};
+import{r as e,a as n,h as a,d as r,e as o}from"./index-Cbn5rIwb.js";import{R as c}from"./register-component-Blj8K64f.js";import{i as l,b as s}from"./utils-DhmCcrVs.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';var d=undefined&&undefined.__decorate||function(e,n,a,r){var o=arguments.length,c=o<3?n:r===null?r=Object.getOwnPropertyDescriptor(n,a):r,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,n,a,r);else for(var s=e.length-1;s>=0;s--)if(l=e[s])c=(o<3?l(c):o>3?l(n,a,c):l(n,a))||c;return o>3&&c&&Object.defineProperty(n,a,c),c};var f=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const i=class{constructor(a){e(this,a);this.closeConfirmEventCardClicked=n(this,"closeConfirmEventCardClicked",7);this.confirmedEventCardError=n(this,"confirmedEventCardError",7);this.isClosing=false;this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.confirmedEventCardError.emit(e);this.isClosing=false};this.closeConfirmEventCardClicked.emit({errorHandler:e})}}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e)}connectedCallback(){s(`[nylas-confirmed-event-card] Component connected`)}async componentWillLoad(){s(`[nylas-confirmed-event-card] Component will load`)}async componentDidLoad(){s(`[nylas-confirmed-event-card] Component did load`);if(!this.confirmedEventInfo){console.warn(`[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-confirmed-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){return a(r,{key:"387e8096c375ee9fc412154082da2cbb45a3ecf7",part:"ncec"},a("div",{key:"4f5aad7d33fe98f1e61229bddb5a1e44265262ef",class:"nylas-confirmed-event-card",part:"ncec__card"},a("div",{key:"047dc9ab160d1af9cc62bae2bd5c5f2920f616f5",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},a("calendar-check-icon",{key:"b0e7e7ea15765729f171d5da6bc21234180346d9"})),a("h3",{key:"5dbf670a91d688301d60cfe1fecc674d5ff5d300",class:"nylas-confirmed-event-card__title",part:"ncec__title"},l.t("confirmedEventCardTitle"),"!"),a("div",{key:"3da0910dd4a00859289222ff265c5e240f684d9f",class:"nylas-confirmed-event-card__description",part:"ncec__description"},l.t("confirmedEventCardDescription")," ",this.configSettings?.organizer?.name||"the participants","."),a("div",{key:"8c641dfca86c78f205b16d61ec66e64809625b61",class:"nylas-confirmed-event-card__cta"},a("button-component",{key:"a3835ff137cded71c6f06c580de22fa59065a402",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${l.t("closingButton")}...`:`${l.t("closeButton")}`))))}get host(){return o(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([c({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{closeConfirmEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetConfirm();const{errorHandler:r}=e.detail;if(r&&(!a||"error"in a)){r(a)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],i.prototype,"render",null);i.style=t;export{i as nylas_confirmed_event_card};
 //# sourceMappingURL=nylas-confirmed-event-card.entry.js.map

package/dist/nylas-web-elements/nylas-connected-calendars.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a,h as n,d as t,e as r}from"./index-B-KMpdMZ.js";import{R as s}from"./register-component-BHk70oxk.js";import{b as c,i as l}from"./utils-Bj5Y75fX.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-connected-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-connected-calendars .header{padding:1rem}.nylas-connected-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-connected-calendars .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-connected-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200);color:var(--nylas-base-900);background-color:var(--nylas-base-25)}.nylas-connected-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-connected-calendars .content .participant-container .participant-title p{margin:0}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-calendar-picker::part(ncp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}';var o=undefined&&undefined.__decorate||function(e,a,n,t){var r=arguments.length,s=r<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,n):t,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,t);else for(var l=e.length-1;l>=0;l--)if(c=e[l])s=(r<3?c(s):r>3?c(a,n,s):c(a,n))||s;return r>3&&s&&Object.defineProperty(a,n,s),s};var d=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const p=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="connected-calendars";this.participants=this.selectedConfiguration?.participants||[];this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars={};this.participantDefaultSelectedCalendars={}}elementNameChangedHandler(e){c("nylas-connected-calendars","elementNameChangedHandler",e);this.host.setAttribute("name",e)}calendarsChangedHandler(e){c("nylas-connected-calendars","calendarsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}participantsChangedHandler(e){c("nylas-connected-calendars","participantsChangedHandler",e);this.selectedCalendars=this.setParticipants(e);this.participantCalendars=this.getParticipantCalendarOptions(e,this.participantOptions)}participantOptionsChangedHandler(e){c("nylas-calendar-picker","participantOptionsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,e)}selectedConfigurationChangedHandler(e){c("nylas-calendar-picker","selectedConfigurationChangedHandler",e);const a=e?.participants||this.participants;if(a&&a.length>0){this.selectedCalendars=this.setParticipants(a);this.participantCalendars=this.getParticipantCalendarOptions(a,this.participantOptions)}}selectedLanguageChangedHandler(e,a){if(e===a)return;l.changeLanguage(e)}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}getParticipantCalendarOptions(e,a){const n=e?.find((e=>e.is_organizer));const t=this.selectedConfiguration?.availability?.availability_rules?.availability_method!=="collective";const r={};if(a){const n=e?.filter((e=>a.some((a=>a.email===e.email))));const s=e?.filter((e=>!a.some((a=>a.email===e.email))));n?.forEach((e=>{const n=a?.find((a=>a.email===e.email));if(!n)return;this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[];const t=n.calendars??[];e.availability?.calendar_ids?.forEach((e=>{if(!t?.some((a=>a.id===e))&&e!=="primary"){t.push({id:e,name:e})}}));r[e.email]=t}));if(t){s?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0&&!e.is_organizer){r[e.email]=this.calendars??[{id:"primary",name:e.email}];this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[]}}))}}if(n){r[n.email]=this.calendars??[{id:"primary",name:n.email}];this.participantDefaultSelectedCalendars[n.email]=n.availability?.calendar_ids||[]}return r}connectedCallback(){c("nylas-connected-calendars","connectedCallback")}disconnectedCallback(){c("nylas-connected-calendars","disconnectedCallback")}componentWillLoad(){c("nylas-connected-calendars","componentWillLoad")}componentDidLoad(){c("nylas-connected-calendars","componentDidLoad");if(this.selectedConfiguration){this.selectedCalendars=this.setParticipants(this.selectedConfiguration?.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.selectedConfiguration?.participants,this.participantOptions)}else{this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}}handleValueChanged(e){c("[nylas-editor-tabs]","handleValueChanged",e);const{name:a,value:n}=e.detail;if(!a.startsWith("participant-")){return}if(!this.connectedCalendarsFormRef.checkValidity()){this.internals.setValidity({customError:true},l.t("nylasConnectedCalendars.selectAtLeastOneCalendar"));return}else{this.internals.setValidity({})}const t=a.split("participant-")[1];if(!this.selectedCalendars[t])return;this.selectedCalendars[t]["calendars"]=n;this.selectedCalendars={...this.selectedCalendars};const r={};Object.keys(this.selectedCalendars).forEach((e=>{r[e]=this.selectedCalendars[e].calendars}));this.internals.setFormValue(JSON.stringify(r),this.name);this.valueChanged.emit({value:JSON.stringify(r),name:this.name})}setParticipants(e){const a={};e?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0){const n=e.is_organizer?true:false;a[e.email]={isOpen:n,name:e.name||e.email,calendars:e.availability?.calendar_ids}}}));return a}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){return n(t,{key:"1c178d3ca0f2f4ab105ac690bf54dcfd33a62120"},n("div",{key:"50f58a75f88972407432ebdb6e639e1d54dc1825",class:"nylas-connected-calendars",part:"nccals"},n("div",{key:"9310dd23eef7414834147dd8a0f2806c70a46472",class:"header",part:"nccals__header"},n("h3",{key:"83f9f3bdf373a95d4920c7d073f2b1b8cf20e6be"},l.t("nylasConnectedCalendars.headerTitle")),n("p",{key:"5a5c5421ed94a71532081949703ad36bb7a130f0"},l.t("nylasConnectedCalendars.headerSubTitle"),n("tooltip-component",{key:"83b0716a044b715aabaeb26e6195a549e38c79ce"},n("info-icon",{key:"97349bbb6bb80340e409f947a51eac365d49b2d3",slot:"tooltip-icon"}),n("span",{key:"ac5d4f2e4ac46ea569dd02cdbe18f321d639f443",slot:"tooltip-content"},l.t("nylasConnectedCalendars.tooltip.desc"))))),n("div",{key:"d482171527ed74ece228b04eb1294a0a2518a99d",class:"content",part:"nccals__content"},n("form",{key:"3ec024a6b193a11363e88a49569da1d8de79b1a4",ref:e=>this.connectedCalendarsFormRef=e},Object.keys(this.participantCalendars).map(((e,a)=>{const t=this.selectedCalendars[e];const r=this.participantCalendars[e];if(!t||!t.name)return;return n("div",{class:"participant-container",part:"nccals__container",key:`participant-conatiner-${a}`},n("div",{class:"participant-title",part:"nccals__title"},n("p",null,l.t("nylasConnectedCalendars.participantCalendarTitle",{participantName:t.name})),n("div",{class:"participant-toggle",part:"nccals__toggle-container"},n("span",{class:`chevron ${t.isOpen?"open":"closed"}`,onClick:()=>{this.selectedCalendars[e].isOpen=!t.isOpen;this.selectedCalendars={...this.selectedCalendars}}},n("chevron-icon",{width:"24",height:"24"})))),t.isOpen&&n("nylas-calendar-picker",{key:e,name:`participant-${e}`,calendars:r,defaultSelectedCalendars:this.participantDefaultSelectedCalendars[e]}))}))))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],calendars:["calendarsChangedHandler"],participants:["participantsChangedHandler"],participantOptions:["participantOptionsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};o([s({name:"nylas-connected-calendars",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],p.prototype,"render",null);p.style=i;export{p as nylas_connected_calendars};
+import{r as e,a,h as n,d as t,e as r}from"./index-Cbn5rIwb.js";import{R as s}from"./register-component-Blj8K64f.js";import{b as c,i as l}from"./utils-DhmCcrVs.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-connected-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-connected-calendars .header{padding:1rem}.nylas-connected-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-connected-calendars .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-connected-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200);color:var(--nylas-base-900);background-color:var(--nylas-base-25)}.nylas-connected-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-connected-calendars .content .participant-container .participant-title p{margin:0}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-calendar-picker::part(ncp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}';var o=undefined&&undefined.__decorate||function(e,a,n,t){var r=arguments.length,s=r<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,n):t,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,t);else for(var l=e.length-1;l>=0;l--)if(c=e[l])s=(r<3?c(s):r>3?c(a,n,s):c(a,n))||s;return r>3&&s&&Object.defineProperty(a,n,s),s};var d=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const p=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="connected-calendars";this.participants=this.selectedConfiguration?.participants||[];this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars={};this.participantDefaultSelectedCalendars={}}elementNameChangedHandler(e){c("nylas-connected-calendars","elementNameChangedHandler",e);this.host.setAttribute("name",e)}calendarsChangedHandler(e){c("nylas-connected-calendars","calendarsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}participantsChangedHandler(e){c("nylas-connected-calendars","participantsChangedHandler",e);this.selectedCalendars=this.setParticipants(e);this.participantCalendars=this.getParticipantCalendarOptions(e,this.participantOptions)}participantOptionsChangedHandler(e){c("nylas-calendar-picker","participantOptionsChangedHandler",e);this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,e)}selectedConfigurationChangedHandler(e){c("nylas-calendar-picker","selectedConfigurationChangedHandler",e);const a=e?.participants||this.participants;if(a&&a.length>0){this.selectedCalendars=this.setParticipants(a);this.participantCalendars=this.getParticipantCalendarOptions(a,this.participantOptions)}}selectedLanguageChangedHandler(e,a){if(e===a)return;l.changeLanguage(e)}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}getParticipantCalendarOptions(e,a){const n=e?.find((e=>e.is_organizer));const t=this.selectedConfiguration?.availability?.availability_rules?.availability_method!=="collective";const r={};if(a){const n=e?.filter((e=>a.some((a=>a.email===e.email))));const s=e?.filter((e=>!a.some((a=>a.email===e.email))));n?.forEach((e=>{const n=a?.find((a=>a.email===e.email));if(!n)return;this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[];const t=n.calendars??[];e.availability?.calendar_ids?.forEach((e=>{if(!t?.some((a=>a.id===e))&&e!=="primary"){t.push({id:e,name:e})}}));r[e.email]=t}));if(t){s?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0&&!e.is_organizer){r[e.email]=this.calendars??[{id:"primary",name:e.email}];this.participantDefaultSelectedCalendars[e.email]=e.availability?.calendar_ids||[]}}))}}if(n){r[n.email]=this.calendars??[{id:"primary",name:n.email}];this.participantDefaultSelectedCalendars[n.email]=n.availability?.calendar_ids||[]}return r}connectedCallback(){c("nylas-connected-calendars","connectedCallback")}disconnectedCallback(){c("nylas-connected-calendars","disconnectedCallback")}componentWillLoad(){c("nylas-connected-calendars","componentWillLoad")}componentDidLoad(){c("nylas-connected-calendars","componentDidLoad");if(this.selectedConfiguration){this.selectedCalendars=this.setParticipants(this.selectedConfiguration?.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.selectedConfiguration?.participants,this.participantOptions)}else{this.selectedCalendars=this.setParticipants(this.participants);this.participantCalendars=this.getParticipantCalendarOptions(this.participants,this.participantOptions)}}handleValueChanged(e){c("[nylas-editor-tabs]","handleValueChanged",e);const{name:a,value:n}=e.detail;if(!a.startsWith("participant-")){return}if(!this.connectedCalendarsFormRef.checkValidity()){this.internals.setValidity({customError:true},l.t("nylasConnectedCalendars.selectAtLeastOneCalendar"));return}else{this.internals.setValidity({})}const t=a.split("participant-")[1];if(!this.selectedCalendars[t])return;this.selectedCalendars[t]["calendars"]=n;this.selectedCalendars={...this.selectedCalendars};const r={};Object.keys(this.selectedCalendars).forEach((e=>{r[e]=this.selectedCalendars[e].calendars}));this.internals.setFormValue(JSON.stringify(r),this.name);this.valueChanged.emit({value:JSON.stringify(r),name:this.name})}setParticipants(e){const a={};e?.forEach((e=>{if(e?.availability?.calendar_ids&&e?.availability?.calendar_ids?.length>0){const n=e.is_organizer?true:false;a[e.email]={isOpen:n,name:e.name||e.email,calendars:e.availability?.calendar_ids}}}));return a}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}render(){return n(t,{key:"1c178d3ca0f2f4ab105ac690bf54dcfd33a62120"},n("div",{key:"50f58a75f88972407432ebdb6e639e1d54dc1825",class:"nylas-connected-calendars",part:"nccals"},n("div",{key:"9310dd23eef7414834147dd8a0f2806c70a46472",class:"header",part:"nccals__header"},n("h3",{key:"83f9f3bdf373a95d4920c7d073f2b1b8cf20e6be"},l.t("nylasConnectedCalendars.headerTitle")),n("p",{key:"5a5c5421ed94a71532081949703ad36bb7a130f0"},l.t("nylasConnectedCalendars.headerSubTitle"),n("tooltip-component",{key:"83b0716a044b715aabaeb26e6195a549e38c79ce"},n("info-icon",{key:"97349bbb6bb80340e409f947a51eac365d49b2d3",slot:"tooltip-icon"}),n("span",{key:"ac5d4f2e4ac46ea569dd02cdbe18f321d639f443",slot:"tooltip-content"},l.t("nylasConnectedCalendars.tooltip.desc"))))),n("div",{key:"d482171527ed74ece228b04eb1294a0a2518a99d",class:"content",part:"nccals__content"},n("form",{key:"3ec024a6b193a11363e88a49569da1d8de79b1a4",ref:e=>this.connectedCalendarsFormRef=e},Object.keys(this.participantCalendars).map(((e,a)=>{const t=this.selectedCalendars[e];const r=this.participantCalendars[e];if(!t||!t.name)return;return n("div",{class:"participant-container",part:"nccals__container",key:`participant-conatiner-${a}`},n("div",{class:"participant-title",part:"nccals__title"},n("p",null,l.t("nylasConnectedCalendars.participantCalendarTitle",{participantName:t.name})),n("div",{class:"participant-toggle",part:"nccals__toggle-container"},n("span",{class:`chevron ${t.isOpen?"open":"closed"}`,onClick:()=>{this.selectedCalendars[e].isOpen=!t.isOpen;this.selectedCalendars={...this.selectedCalendars}}},n("chevron-icon",{width:"24",height:"24"})))),t.isOpen&&n("nylas-calendar-picker",{key:e,name:`participant-${e}`,calendars:r,defaultSelectedCalendars:this.participantDefaultSelectedCalendars[e]}))}))))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],calendars:["calendarsChangedHandler"],participants:["participantsChangedHandler"],participantOptions:["participantOptionsChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};o([s({name:"nylas-connected-calendars",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],p.prototype,"render",null);p.style=i;export{p as nylas_connected_calendars};
 //# sourceMappingURL=nylas-connected-calendars.entry.js.map

package/dist/nylas-web-elements/nylas-custom-booking-flow.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as o,d as l,e as a}from"./index-B-KMpdMZ.js";import{R as n}from"./register-component-BHk70oxk.js";import{i as s,b as r,I as c}from"./utils-Bj5Y75fX.js";const f=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-custom-booking-flow__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-custom-booking-flow__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-custom-booking-flow__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-custom-booking-flow__block{display:flex;justify-content:space-between;gap:0.5rem}';var t=undefined&&undefined.__decorate||function(e,o,l,a){var n=arguments.length,s=n<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,l):a,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,o,l,a);else for(var c=e.length-1;c>=0;c--)if(r=e[c])s=(n<3?r(s):n>3?r(o,l,s):r(o,l))||s;return n>3&&s&&Object.defineProperty(o,l,s),s};var y=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const i=class{constructor(o){e(this,o);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}}selectedLanguageChangedHandler(e,o){if(e===o)return;s.changeLanguage(e)}themeConfigChangedHandler(e,o){if(e===o)return;this.applyThemeConfig(e)}connectedCallback(){r("nylas-custom-booking-flow","connectedCallback")}disconnectedCallback(){r("nylas-custom-booking-flow","disconnectedCallback")}componentWillLoad(){r("nylas-custom-booking-flow","componentWillLoad")}componentDidLoad(){r("nylas-custom-booking-flow","componentDidLoad");c(["inputs"],this.el)}applyThemeConfig(e){if(e){for(const[o,l]of Object.entries(e)){this.el.style.setProperty(`${o}`,l)}}}render(){return o(l,{key:"9392194f3fd8fc4ab9b1bc2d7478a8eb52b4a0e1",part:"ncbflow"},o("nylas-form-card",{key:"6881de8fa5952bb3a665762f4cd99a784f4e0f98",exportparts:"nfc__header: ncbflow__header"},o("h1",{key:"386f9845468632d4b0a8a1dd5370bfee55880906",slot:"header-title",class:"nylas-custom-booking-flow__title",part:"ncbflow__title"},s.t("nylasCustomBookingFlow.headerTitle")),o("div",{key:"420a11139d0700c17d8638a13fcee4b589f504d6",slot:"content",class:"nylas-custom-booking-flow__content",part:"ncbflow__content"},o("slot",{key:"45b022c9b6003cb748fc9427d44ffea3a130aa6a",name:"inputs"}))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};t([n({name:"nylas-custom-booking-flow",eventToProps:{},stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],i.prototype,"render",null);i.style=f;export{i as nylas_custom_booking_flow};
+import{r as e,h as o,d as l,e as n}from"./index-Cbn5rIwb.js";import{R as a}from"./register-component-Blj8K64f.js";import{i as s,b as r,I as c}from"./utils-DhmCcrVs.js";const f=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-custom-booking-flow__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-custom-booking-flow__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-custom-booking-flow__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-custom-booking-flow__block{display:flex;justify-content:space-between;gap:0.5rem}';var t=undefined&&undefined.__decorate||function(e,o,l,n){var a=arguments.length,s=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,l):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,o,l,n);else for(var c=e.length-1;c>=0;c--)if(r=e[c])s=(a<3?r(s):a>3?r(o,l,s):r(o,l))||s;return a>3&&s&&Object.defineProperty(o,l,s),s};var y=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const i=class{constructor(o){e(this,o);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}}selectedLanguageChangedHandler(e,o){if(e===o)return;s.changeLanguage(e)}themeConfigChangedHandler(e,o){if(e===o)return;this.applyThemeConfig(e)}connectedCallback(){r("nylas-custom-booking-flow","connectedCallback")}disconnectedCallback(){r("nylas-custom-booking-flow","disconnectedCallback")}componentWillLoad(){r("nylas-custom-booking-flow","componentWillLoad")}componentDidLoad(){r("nylas-custom-booking-flow","componentDidLoad");c(["inputs"],this.el)}applyThemeConfig(e){if(e){for(const[o,l]of Object.entries(e)){this.el.style.setProperty(`${o}`,l)}}}render(){return o(l,{key:"9392194f3fd8fc4ab9b1bc2d7478a8eb52b4a0e1",part:"ncbflow"},o("nylas-form-card",{key:"6881de8fa5952bb3a665762f4cd99a784f4e0f98",exportparts:"nfc__header: ncbflow__header"},o("h1",{key:"386f9845468632d4b0a8a1dd5370bfee55880906",slot:"header-title",class:"nylas-custom-booking-flow__title",part:"ncbflow__title"},s.t("nylasCustomBookingFlow.headerTitle")),o("div",{key:"420a11139d0700c17d8638a13fcee4b589f504d6",slot:"content",class:"nylas-custom-booking-flow__content",part:"ncbflow__content"},o("slot",{key:"45b022c9b6003cb748fc9427d44ffea3a130aa6a",name:"inputs"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};t([a({name:"nylas-custom-booking-flow",eventToProps:{},stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],i.prototype,"render",null);i.style=f;export{i as nylas_custom_booking_flow};
 //# sourceMappingURL=nylas-custom-booking-flow.entry.js.map