@nylas/web-elements 2.2.0 → 2.2.2

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

@@ -1,2 +1,2 @@
-import{r as e,a,h as i,d as t,e as s}from"./index-B-KMpdMZ.js";import{R as n}from"./register-component-BHk70oxk.js";import{b as l,i as r,D as o,E as c,F as d,G as y}from"./utils-Bj5Y75fX.js";import{D as p,T as b}from"./constants-DhnshuDN.js";const h=':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-availability-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-availability-picker .header{padding:1rem}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .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-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family);border-top:1px solid var(--nylas-base-200);background:var(--nylas-base-25)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .error-message{width:100%;padding:4px 8px;background:var(--nylas-error-50);color:var(--nylas-error);font-size:12px;border-radius:4px;border:1px solid var(--nylas-error-200);margin-top:8px}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}';var f=undefined&&undefined.__decorate||function(e,a,i,t){var s=arguments.length,n=s<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,i):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(e,a,i,t);else for(var r=e.length-1;r>=0;r--)if(l=e[r])n=(s<3?l(n):s>3?l(a,i,n):l(a,i))||n;return s>3&&n&&Object.defineProperty(a,i,n),n};var m=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const g=class{constructor(i){e(this,i);this.valueChanged=a(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.name="availability";this.defaultTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.hideHeader=false;this.schedule={SUN:[],MON:[{start:"09:00am",end:"05:00pm"}],TUE:[{start:"09:00am",end:"05:00pm"}],WED:[{start:"09:00am",end:"05:00pm"}],THU:[{start:"09:00am",end:"05:00pm"}],FRI:[{start:"09:00am",end:"05:00pm"}],SAT:[]};this.timezone="";this.overlapDays={};this.timeWindowErrors={}}elementNameChangedHandler(e){l("nylas-availability-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}openHoursChanged(e){if(e&&e.length>0&&this.timezone){this.openHoursToSchedule(e)}}configChangedHandler(e){const a=e?.availability?.availability_rules?.default_open_hours??p;const i=e?.event_booking?.timezone||this.defaultTimezone;this.timezone=this.name==="availability"?i:this.defaultTimezone;if(this.openHours&&this.openHours.length>0){this.openHoursToSchedule(this.openHours)}else if(a){this.openHoursToSchedule(a)}}normalizeTimeFormat(e){return e.replace(/a\.?m\.?/gi,"am").replace(/p\.?m\.?/gi,"pm")}scheduleChanged(e,a=true){const i={};Object.keys(e).forEach((a=>{const t=e[a];if(t.length>0){const e=t.map((e=>({start:this.normalizeTimeFormat(e.start),end:this.normalizeTimeFormat(e.end)})));const s=this.getOverlaps(e);if(s.length>0){i[a]=s}}}));this.overlapDays=i;this.cleanupTimeWindowErrors(e);this.updateFormValidity();if(a){this.valueChanged.emit({value:JSON.stringify({openHours:this.scheduleToOpenHours(e),timezone:this.timezone}),name:this.name})}}cleanupTimeWindowErrors(e){const a={...this.timeWindowErrors};let i=false;const t=new Set;Object.keys(e).forEach((a=>{const i=e[a];i.forEach(((e,i)=>{t.add(`${a}:${i}_start`);t.add(`${a}:${i}_end`)}))}));Object.keys(a).forEach((e=>{if(!t.has(e)){delete a[e];i=true}}));if(i){this.timeWindowErrors=a}}updateFormValidity(){const e=Object.keys(this.overlapDays).length>0;const a=Object.keys(this.timeWindowErrors).filter((e=>this.timeWindowErrors[e])).length>0;if(e){const e=this.host.shadowRoot?.getElementById(Object.keys(this.overlapDays)[0]);if(e){l("nylas-availability-picker","The time ranges are overlapping. Overlap: ",this.overlapDays);this.isInternalsAvailable&&this.internals.setValidity({customError:true},"Overlapping time ranges found",e)}}else if(a){const e=Object.keys(this.timeWindowErrors).find((e=>this.timeWindowErrors[e]));const a=this.host.shadowRoot?.getElementById(e);const i=this.timeWindowErrors[e];if(a){this.isInternalsAvailable&&this.internals.setValidity({customError:true},i,a)}}else{this.isInternalsAvailable&&this.internals.setValidity({customError:false});this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify({openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone}),this.name)}}selectedLanguageChangedHandler(e,a){if(e===a)return;r.changeLanguage(e)}nylasFormDropdownChangedHandler(e){const{name:a,value:i}=e.detail;if(a==="timezone"){this.timezone=i;const e={openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone};this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(e),this.name);this.valueChanged.emit({value:JSON.stringify(e),name:this.name})}}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}connectedCallback(){l("nylas-availability-picker","connectedCallback")}disconnectedCallback(){l("nylas-availability-picker","disconnectedCallback")}componentWillLoad(){l("nylas-availability-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-availability-picker","componentDidLoad");if(this.selectedConfiguration){this.configChangedHandler(this.selectedConfiguration)}else{this.timezone=this.defaultTimezone;if(this.openHours&&this.openHours.length>0){this.openHoursToSchedule(this.openHours)}}const e={openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone};this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(e),this.name);this.updateFormValidity()}get isInternalsAvailable(){return typeof this.internals.setFormValue==="function"}getOverlaps(e){const a=e.map(((e,a)=>({start:o(e.start),end:o(e.end),originalIndex:a})));a.sort(((e,a)=>e.start-a.start));const i=[];for(let e=1;e<a.length;e++){if(a[e].start<a[e-1].end){if(!i.includes(a[e].originalIndex)){i.push(a[e].originalIndex)}if(!i.includes(a[e-1].originalIndex)){i.push(a[e-1].originalIndex)}}}return i.sort(((e,a)=>e-a))}addTimeRange(e){const a=this.schedule[e];const i=0;const t=1425;if(a.length===0){this.schedule[e]=[{start:"09:00am",end:"05:00pm"}]}else{const s=a.map((e=>({start:o(e.start),end:o(e.end)}))).sort(((e,a)=>e.start-a.start));const n=s[s.length-1].end;if(n+60<=t){this.schedule[e].push({start:c(d(n)),end:c(d(n+60))})}else{let a=false;if(s[0].start>i+60){this.schedule[e].push({start:c(d(i)),end:c(d(i+60))});a=true}if(!a){for(let a=0;a<s.length-1;a++){const i=s[a].end;const t=s[a+1].start;if(t-i>=60){this.schedule[e].push({start:c(d(i)),end:c(d(i+60))});break}}}}}this.schedule[e].sort(((e,a)=>o(e.start)-o(a.start)));this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}removeTimeRange(e,a){const i=`${e}:${a}_start`;const t=`${e}:${a}_end`;const s={...this.timeWindowErrors};delete s[i];delete s[t];this.timeWindowErrors=s;this.schedule[e].splice(a,1);this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}setTime(e){const{key:a,value:i}=e.detail;const[t,s]=a.split("_");const[n,l]=t.split(":");if(s==="start"){this.schedule[n][l].start=i}else if(s==="end"){this.schedule[n][l].end=i}if(this.timeWindowErrors[a]){const e={...this.timeWindowErrors};delete e[a];this.timeWindowErrors=e}this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}setFormError(e){const{key:a,message:i}=e.detail;if(i){this.timeWindowErrors={...this.timeWindowErrors,[a]:i}}else{const e={...this.timeWindowErrors};delete e[a];this.timeWindowErrors=e}this.updateFormValidity()}openHoursToSchedule(e){const a={SUN:[],MON:[],TUE:[],WED:[],THU:[],FRI:[],SAT:[]};e.forEach((e=>{e.days.forEach((i=>{const t=this.getDayKey(i);const s=this.normalizeTimeFormat(c(e.start));const n=this.normalizeTimeFormat(c(e.end));const l={start:s,end:n};let r=false;if(a[t]){r=a[t].some((e=>e.start===l.start&&e.end===l.end))}if(!r){if(a[t]){a[t].push(l)}else{a[t]=[l]}}}))}));this.schedule=a;this.scheduleChanged(this.schedule,false)}getDayKey(e){const a=["SUN","MON","TUE","WED","THU","FRI","SAT"];return a[e]}scheduleToOpenHours(e){const a=["SUN","MON","TUE","WED","THU","FRI","SAT"];const i=new Map;a.forEach(((a,t)=>{if(e[a]){e[a].forEach((e=>{const a=y(e.start);const s=y(e.end);const n=`${a}-${s}`;if(!i.has(n)){i.set(n,{days:[t],start:a,end:s})}else{const e=i.get(n);if(e){e.days.push(t);i.set(n,e)}}}))}}));const t=[];i.forEach(((e,a)=>{t.push({days:e.days,start:e.start,end:e.end,timezone:this.timezone})}));return t}applyThemeConfig(e){if(e){for(const[a,i]of Object.entries(e)){this.host.style.setProperty(`${a}`,i)}}}render(){const e=Object.keys(b).map((e=>({label:b[e],value:e})));const a=e.find((e=>e.value===this.timezone));return i(t,{key:"3e25e096861b222980d378842638bc24c1543dab"},i("div",{key:"c5c3901e920edbae0e5ea989b4a063a5e8782592",class:"nylas-availability-picker",part:"nap"},!this.hideHeader&&i("div",{key:"7b60cb3aa4a14a8b4a4d443d600e44c908638f61",class:"header",part:"nap__header"},i("h3",{key:"aea8e69031f60d337a5542bfb590315045bd629c"},r.t("nylasAvailabilityPicker.headerTitle")),i("p",{key:"20e7b712adf4ed70d8edc338f84267fcd8961d0c"},r.t("nylasAvailabilityPicker.headerSubTitle"),i("tooltip-component",{key:"dbc2a7e12ae82a5b7cc851fc958ba97fa4280722"},i("info-icon",{key:"65f3717479dce8bed0da7734223961f4a175ca89",slot:"tooltip-icon"}),i("span",{key:"aca7c09049811afaba9cf89a5bf497671d96e6cb",slot:"tooltip-content"},r.t("nylasAvailabilityPicker.tooltip.desc"))))),i("div",{key:"47f0ae5d9144322b8885e521b8de808599133927",class:"content"},i("div",{key:"7f6efbc17a3342bb0342b57701dbdb9d27faff0e",class:"select-timezone",part:"nap__select-timezone"},i("h4",{key:"f152ad823b7dfc708cadc9bbb04b53f6612718b6",class:"sub-header"},r.t("nylasAvailabilityPicker.selectTimezone")),a?.label&&i("select-dropdown",{key:"3d54d3e1971600c72944fcbbd3511f6e327966dd",name:"timezone",searchPlaceholder:r.t("search"),exportparts:"sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content",options:e,defaultSelectedOption:a,themeConfig:this.themeConfig},i("span",{key:"2a0b1c4e082d511fdb6ac97d0f2cc1e06535c3c7",slot:"select-icon"},i("globe-icon",{key:"de4bf1f38328629498796fb9897faeef35b53cf3",width:"20",height:"20"})))),i("div",{key:"f87da1aa51b39050c8a9707885bdab4383ede68c",class:"availability",part:"nap__availability"},Object.keys(this.schedule).map((e=>{const a=e;const t=this.schedule[e];return i("div",{class:"availability-day"},i("div",{class:"day",part:"nap__day"},i("input",{type:"checkbox",name:a,id:a,checked:t.length>0,onClick:()=>{if(t.length>0){const e={...this.timeWindowErrors};Object.keys(e).forEach((i=>{if(i.startsWith(`${a}:`)){delete e[i]}}));this.timeWindowErrors=e;this.schedule[a]=[]}else{this.schedule[a]=[{start:"09:00am",end:"05:00pm"}]}this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}}),i("label",{htmlFor:a,"aria-label":"Select day"},r.t(`nylasAvailabilityPicker.days.${a}`))),i("div",{class:"time-ranges",part:"nap__time-ranges"},t.length?null:i("span",{class:"unavailable"},r.t("nylasAvailabilityPicker.unavailable")),t.length>0&&t.map(((t,s)=>{const n=`${e}:${s}_start`;const l=`${e}:${s}_end`;return i("div",{class:"time-range",part:"nap__time-range"},i("div",{class:"pickers"},i("nylas-time-window-picker",{id:n,hasError:this.overlapDays[a]?.includes(s)||!!this.timeWindowErrors[n],time:t.start,name:n,key:n,language:this.selectedLanguage,themeConfig:this.themeConfig,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"}),i("span",null," - "),i("nylas-time-window-picker",{id:l,hasError:this.overlapDays[a]?.includes(s)||!!this.timeWindowErrors[l],time:t.end,name:l,key:l,minimumStartTime:t.start,language:this.selectedLanguage,themeConfig:this.themeConfig,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"})),i("button",{onClick:()=>this.removeTimeRange(a,s)},i("close-icon",null)))})),(this.overlapDays[a]||Object.keys(this.timeWindowErrors).find((e=>e.startsWith(`${a}:`)&&this.timeWindowErrors[e])))&&i("div",{class:"error-message",part:"nap__error-message"},this.overlapDays[a]?r.t("nylasAvailabilityPicker.errors.overlappingTimeRanges"):"",!this.overlapDays[a]&&Object.keys(this.timeWindowErrors).find((e=>e.startsWith(`${a}:`)&&this.timeWindowErrors[e]))?this.timeWindowErrors[Object.keys(this.timeWindowErrors).find((e=>e.startsWith(`${a}:`)&&this.timeWindowErrors[e]))]:"")),i("div",null,t.length>0?i("button",{onClick:()=>this.addTimeRange(a),part:"nap__add-time-range"},i("add-circle-icon",null)):null))}))))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],openHours:["openHoursChanged"],selectedConfiguration:["configChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};f([n({name:"nylas-availability-picker",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),fireRegisterEvent:true}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],g.prototype,"render",null);g.style=h;export{g as nylas_availability_picker};
+import{r as e,a,h as i,d as t,e as s}from"./index-Cbn5rIwb.js";import{R as n}from"./register-component-Blj8K64f.js";import{b as l,i as r,D as o,E as c,F as d,G as y}from"./utils-DhmCcrVs.js";import{D as p,T as b}from"./constants-DhnshuDN.js";const h=':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-availability-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-availability-picker .header{padding:1rem}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .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-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family);border-top:1px solid var(--nylas-base-200);background:var(--nylas-base-25)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .error-message{width:100%;padding:4px 8px;background:var(--nylas-error-50);color:var(--nylas-error);font-size:12px;border-radius:4px;border:1px solid var(--nylas-error-200);margin-top:8px}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}';var f=undefined&&undefined.__decorate||function(e,a,i,t){var s=arguments.length,n=s<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,i):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(e,a,i,t);else for(var r=e.length-1;r>=0;r--)if(l=e[r])n=(s<3?l(n):s>3?l(a,i,n):l(a,i))||n;return s>3&&n&&Object.defineProperty(a,i,n),n};var m=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const g=class{constructor(i){e(this,i);this.valueChanged=a(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.name="availability";this.defaultTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.hideHeader=false;this.schedule={SUN:[],MON:[{start:"09:00am",end:"05:00pm"}],TUE:[{start:"09:00am",end:"05:00pm"}],WED:[{start:"09:00am",end:"05:00pm"}],THU:[{start:"09:00am",end:"05:00pm"}],FRI:[{start:"09:00am",end:"05:00pm"}],SAT:[]};this.timezone="";this.overlapDays={};this.timeWindowErrors={}}elementNameChangedHandler(e){l("nylas-availability-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}openHoursChanged(e){if(e&&e.length>0&&this.timezone){this.openHoursToSchedule(e)}}configChangedHandler(e){const a=e?.availability?.availability_rules?.default_open_hours??p;const i=e?.event_booking?.timezone||this.defaultTimezone;this.timezone=this.name==="availability"?i:this.defaultTimezone;if(this.openHours&&this.openHours.length>0){this.openHoursToSchedule(this.openHours)}else if(a){this.openHoursToSchedule(a)}}normalizeTimeFormat(e){return e.replace(/a\.?m\.?/gi,"am").replace(/p\.?m\.?/gi,"pm")}scheduleChanged(e,a=true){const i={};Object.keys(e).forEach((a=>{const t=e[a];if(t.length>0){const e=t.map((e=>({start:this.normalizeTimeFormat(e.start),end:this.normalizeTimeFormat(e.end)})));const s=this.getOverlaps(e);if(s.length>0){i[a]=s}}}));this.overlapDays=i;this.cleanupTimeWindowErrors(e);this.updateFormValidity();if(a){this.valueChanged.emit({value:JSON.stringify({openHours:this.scheduleToOpenHours(e),timezone:this.timezone}),name:this.name})}}cleanupTimeWindowErrors(e){const a={...this.timeWindowErrors};let i=false;const t=new Set;Object.keys(e).forEach((a=>{const i=e[a];i.forEach(((e,i)=>{t.add(`${a}:${i}_start`);t.add(`${a}:${i}_end`)}))}));Object.keys(a).forEach((e=>{if(!t.has(e)){delete a[e];i=true}}));if(i){this.timeWindowErrors=a}}updateFormValidity(){const e=Object.keys(this.overlapDays).length>0;const a=Object.keys(this.timeWindowErrors).filter((e=>this.timeWindowErrors[e])).length>0;if(e){const e=this.host.shadowRoot?.getElementById(Object.keys(this.overlapDays)[0]);if(e){l("nylas-availability-picker","The time ranges are overlapping. Overlap: ",this.overlapDays);this.isInternalsAvailable&&this.internals.setValidity({customError:true},"Overlapping time ranges found",e)}}else if(a){const e=Object.keys(this.timeWindowErrors).find((e=>this.timeWindowErrors[e]));const a=this.host.shadowRoot?.getElementById(e);const i=this.timeWindowErrors[e];if(a){this.isInternalsAvailable&&this.internals.setValidity({customError:true},i,a)}}else{this.isInternalsAvailable&&this.internals.setValidity({customError:false});this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify({openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone}),this.name)}}selectedLanguageChangedHandler(e,a){if(e===a)return;r.changeLanguage(e)}nylasFormDropdownChangedHandler(e){const{name:a,value:i}=e.detail;if(a==="timezone"){this.timezone=i;const e={openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone};this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(e),this.name);this.valueChanged.emit({value:JSON.stringify(e),name:this.name})}}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}connectedCallback(){l("nylas-availability-picker","connectedCallback")}disconnectedCallback(){l("nylas-availability-picker","disconnectedCallback")}componentWillLoad(){l("nylas-availability-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-availability-picker","componentDidLoad");if(this.selectedConfiguration){this.configChangedHandler(this.selectedConfiguration)}else{this.timezone=this.defaultTimezone;if(this.openHours&&this.openHours.length>0){this.openHoursToSchedule(this.openHours)}}const e={openHours:this.scheduleToOpenHours(this.schedule),timezone:this.timezone};this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(e),this.name);this.updateFormValidity()}get isInternalsAvailable(){return typeof this.internals.setFormValue==="function"}getOverlaps(e){const a=e.map(((e,a)=>({start:o(e.start),end:o(e.end),originalIndex:a})));a.sort(((e,a)=>e.start-a.start));const i=[];for(let e=1;e<a.length;e++){if(a[e].start<a[e-1].end){if(!i.includes(a[e].originalIndex)){i.push(a[e].originalIndex)}if(!i.includes(a[e-1].originalIndex)){i.push(a[e-1].originalIndex)}}}return i.sort(((e,a)=>e-a))}addTimeRange(e){const a=this.schedule[e];const i=0;const t=1425;if(a.length===0){this.schedule[e]=[{start:"09:00am",end:"05:00pm"}]}else{const s=a.map((e=>({start:o(e.start),end:o(e.end)}))).sort(((e,a)=>e.start-a.start));const n=s[s.length-1].end;if(n+60<=t){this.schedule[e].push({start:c(d(n)),end:c(d(n+60))})}else{let a=false;if(s[0].start>i+60){this.schedule[e].push({start:c(d(i)),end:c(d(i+60))});a=true}if(!a){for(let a=0;a<s.length-1;a++){const i=s[a].end;const t=s[a+1].start;if(t-i>=60){this.schedule[e].push({start:c(d(i)),end:c(d(i+60))});break}}}}}this.schedule[e].sort(((e,a)=>o(e.start)-o(a.start)));this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}removeTimeRange(e,a){const i=`${e}:${a}_start`;const t=`${e}:${a}_end`;const s={...this.timeWindowErrors};delete s[i];delete s[t];this.timeWindowErrors=s;this.schedule[e].splice(a,1);this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}setTime(e){const{key:a,value:i}=e.detail;const[t,s]=a.split("_");const[n,l]=t.split(":");if(s==="start"){this.schedule[n][l].start=i}else if(s==="end"){this.schedule[n][l].end=i}if(this.timeWindowErrors[a]){const e={...this.timeWindowErrors};delete e[a];this.timeWindowErrors=e}this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}setFormError(e){const{key:a,message:i}=e.detail;if(i){this.timeWindowErrors={...this.timeWindowErrors,[a]:i}}else{const e={...this.timeWindowErrors};delete e[a];this.timeWindowErrors=e}this.updateFormValidity()}openHoursToSchedule(e){const a={SUN:[],MON:[],TUE:[],WED:[],THU:[],FRI:[],SAT:[]};e.forEach((e=>{e.days.forEach((i=>{const t=this.getDayKey(i);const s=this.normalizeTimeFormat(c(e.start));const n=this.normalizeTimeFormat(c(e.end));const l={start:s,end:n};let r=false;if(a[t]){r=a[t].some((e=>e.start===l.start&&e.end===l.end))}if(!r){if(a[t]){a[t].push(l)}else{a[t]=[l]}}}))}));this.schedule=a;this.scheduleChanged(this.schedule,false)}getDayKey(e){const a=["SUN","MON","TUE","WED","THU","FRI","SAT"];return a[e]}scheduleToOpenHours(e){const a=["SUN","MON","TUE","WED","THU","FRI","SAT"];const i=new Map;a.forEach(((a,t)=>{if(e[a]){e[a].forEach((e=>{const a=y(e.start);const s=y(e.end);const n=`${a}-${s}`;if(!i.has(n)){i.set(n,{days:[t],start:a,end:s})}else{const e=i.get(n);if(e){e.days.push(t);i.set(n,e)}}}))}}));const t=[];i.forEach(((e,a)=>{t.push({days:e.days,start:e.start,end:e.end,timezone:this.timezone})}));return t}applyThemeConfig(e){if(e){for(const[a,i]of Object.entries(e)){this.host.style.setProperty(`${a}`,i)}}}render(){const e=Object.keys(b).map((e=>({label:b[e],value:e})));const a=e.find((e=>e.value===this.timezone));return i(t,{key:"3e25e096861b222980d378842638bc24c1543dab"},i("div",{key:"c5c3901e920edbae0e5ea989b4a063a5e8782592",class:"nylas-availability-picker",part:"nap"},!this.hideHeader&&i("div",{key:"7b60cb3aa4a14a8b4a4d443d600e44c908638f61",class:"header",part:"nap__header"},i("h3",{key:"aea8e69031f60d337a5542bfb590315045bd629c"},r.t("nylasAvailabilityPicker.headerTitle")),i("p",{key:"20e7b712adf4ed70d8edc338f84267fcd8961d0c"},r.t("nylasAvailabilityPicker.headerSubTitle"),i("tooltip-component",{key:"dbc2a7e12ae82a5b7cc851fc958ba97fa4280722"},i("info-icon",{key:"65f3717479dce8bed0da7734223961f4a175ca89",slot:"tooltip-icon"}),i("span",{key:"aca7c09049811afaba9cf89a5bf497671d96e6cb",slot:"tooltip-content"},r.t("nylasAvailabilityPicker.tooltip.desc"))))),i("div",{key:"47f0ae5d9144322b8885e521b8de808599133927",class:"content"},i("div",{key:"7f6efbc17a3342bb0342b57701dbdb9d27faff0e",class:"select-timezone",part:"nap__select-timezone"},i("h4",{key:"f152ad823b7dfc708cadc9bbb04b53f6612718b6",class:"sub-header"},r.t("nylasAvailabilityPicker.selectTimezone")),a?.label&&i("select-dropdown",{key:"3d54d3e1971600c72944fcbbd3511f6e327966dd",name:"timezone",searchPlaceholder:r.t("search"),exportparts:"sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content",options:e,defaultSelectedOption:a,themeConfig:this.themeConfig},i("span",{key:"2a0b1c4e082d511fdb6ac97d0f2cc1e06535c3c7",slot:"select-icon"},i("globe-icon",{key:"de4bf1f38328629498796fb9897faeef35b53cf3",width:"20",height:"20"})))),i("div",{key:"f87da1aa51b39050c8a9707885bdab4383ede68c",class:"availability",part:"nap__availability"},Object.keys(this.schedule).map((e=>{const a=e;const t=this.schedule[e];return i("div",{class:"availability-day"},i("div",{class:"day",part:"nap__day"},i("input",{type:"checkbox",name:a,id:a,checked:t.length>0,onClick:()=>{if(t.length>0){const e={...this.timeWindowErrors};Object.keys(e).forEach((i=>{if(i.startsWith(`${a}:`)){delete e[i]}}));this.timeWindowErrors=e;this.schedule[a]=[]}else{this.schedule[a]=[{start:"09:00am",end:"05:00pm"}]}this.schedule={...this.schedule};this.scheduleChanged(this.schedule)}}),i("label",{htmlFor:a,"aria-label":"Select day"},r.t(`nylasAvailabilityPicker.days.${a}`))),i("div",{class:"time-ranges",part:"nap__time-ranges"},t.length?null:i("span",{class:"unavailable"},r.t("nylasAvailabilityPicker.unavailable")),t.length>0&&t.map(((t,s)=>{const n=`${e}:${s}_start`;const l=`${e}:${s}_end`;return i("div",{class:"time-range",part:"nap__time-range"},i("div",{class:"pickers"},i("nylas-time-window-picker",{id:n,hasError:this.overlapDays[a]?.includes(s)||!!this.timeWindowErrors[n],time:t.start,name:n,key:n,language:this.selectedLanguage,themeConfig:this.themeConfig,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"}),i("span",null," - "),i("nylas-time-window-picker",{id:l,hasError:this.overlapDays[a]?.includes(s)||!!this.timeWindowErrors[l],time:t.end,name:l,key:l,minimumStartTime:t.start,language:this.selectedLanguage,themeConfig:this.themeConfig,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"})),i("button",{onClick:()=>this.removeTimeRange(a,s)},i("close-icon",null)))})),(this.overlapDays[a]||Object.keys(this.timeWindowErrors).find((e=>e.startsWith(`${a}:`)&&this.timeWindowErrors[e])))&&i("div",{class:"error-message",part:"nap__error-message"},this.overlapDays[a]?r.t("nylasAvailabilityPicker.errors.overlappingTimeRanges"):"",!this.overlapDays[a]&&Object.keys(this.timeWindowErrors).find((e=>e.startsWith(`${a}:`)&&this.timeWindowErrors[e]))?this.timeWindowErrors[Object.keys(this.timeWindowErrors).find((e=>e.startsWith(`${a}:`)&&this.timeWindowErrors[e]))]:"")),i("div",null,t.length>0?i("button",{onClick:()=>this.addTimeRange(a),part:"nap__add-time-range"},i("add-circle-icon",null)):null))}))))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],openHours:["openHoursChanged"],selectedConfiguration:["configChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};f([n({name:"nylas-availability-picker",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),fireRegisterEvent:true}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],g.prototype,"render",null);g.style=h;export{g as nylas_availability_picker};
 //# sourceMappingURL=nylas-availability-picker.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,a as o,h as n,d as a,e as t}from"./index-B-KMpdMZ.js";import{R as r}from"./register-component-BHk70oxk.js";import{i as s,b as i,h as l,m as c}from"./utils-Bj5Y75fX.js";import{b as d,T as f}from"./constants-DhnshuDN.js";const b=':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-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;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){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;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);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}';var y=undefined&&undefined.__decorate||function(e,o,n,a){var t=arguments.length,r=t<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,o,n,a);else for(var i=e.length-1;i>=0;i--)if(s=e[i])r=(t<3?s(r):t>3?s(o,n,r):s(o,n))||r;return t>3&&r&&Object.defineProperty(o,n,r),r};var h=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const g=class{constructor(n){e(this,n);this.cancelBookingButtonClicked=o(this,"cancelBookingButtonClicked",7);this.rescheduleButtonClicked=o(this,"rescheduleButtonClicked",7);this.rescheduleBookedEventError=o(this,"rescheduleBookedEventError",7);this.cancelBookedEventValidationError=o(this,"cancelBookedEventValidationError",7);this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedLanguage=navigator.language;this.startTime="";this.endTime="";this.handleCancelBookingButtonClicked=()=>{const e=new Date(this.selectedTimeslot.start_time);const o=this.configSettings?.scheduler?.min_cancellation_notice;if(!o){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${o} minutes of the event.`}})}else{this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})}};this.handleRescheduleButtonClicked=()=>{const e=e=>{this.rescheduleBookedEventError.emit(e)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:e})};this.getPaticipantType=e=>{switch(e){case"host":return"Host";case"you":return"You";default:return""}}}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,o){if(e===o)return;s.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-booked-event-card] Component will load`)}async componentDidLoad(){i(`[nylas-booked-event-card] Component did load`);if(!this.eventInfo){console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.')}if(!this.bookingInfo){console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.')}this.applyThemeConfig(this.themeConfig);const e=d[this.selectedLanguage||"en"];const o=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=o.format(this.selectedTimeslot?.start_time);this.endTime=o.format(this.selectedTimeslot?.end_time)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}render(){const e=this.configSettings?.booking_type;const o=e&&e!=="booking";return n(a,{key:"0762e32091a5674187788413717366b6213a28fd",part:"nbec"},n("div",{key:"9cb934481989459e30f9fc718e20855f0f186027",class:"nylas-booked-event-card"},n("div",{key:"e7b810785f800f82f0c73eaa665cd56bb9406c85",class:"booked-event-timezone"},n("globe-icon",{key:"3c29fd04b4fc90e0a6583285cbf872ec840ec0d6"}),f[this.selectedTimezone]),n("div",{key:"e7f4406d8c3b110d84cb1d99e5ab8db89954e2f4",class:"event-card-wrapper",part:"nbec__card"},n("div",{key:"c656687daf9b51190341d35db6c338a9a61df3a2",class:"calendar-icon"},n("calendar-check-icon",{key:"e1f5cdfa288db54a537f4250d65e2ab0279fb84e"})),n("div",{key:"50e125630023b8dd19d537d20374f9a5464a1547",class:"booked-event-header"},n("h2",{key:"24e6e52952321065ee1e63c34d55cd1891edeafc",slot:"card-title",part:"nbec__title"},!!this.rescheduleBookingId&&!this.isLoading?`${s.t("bookingRescheduled")}`:o&&!this.isLoading?`${s.t("bookingSent")}`:`${s.t("bookingConfirmed")}`,"!"),n("div",{key:"cb07bf7f3685624f2b50bcba569399ba084ab00d",class:"card-description",part:"nbec__description"},o?s.t("bookingSentDescription"):n("span",null,s.t("bookingConfirmedDescription")))),n("div",{key:"bceb86109e1a9ae6f2c1d98e0267e7f73d763aae",class:"booking-date-time"},n("checkmark-circle-icon",{key:"0e6fdd3cb183e4d00c6c31fe368eefb01d0465d8"}),n("h3",{key:"c7561d2be55109d69650aa41bb6d356018e1973b"},s.t("bookingDateAndTimeHeader")),n("p",{key:"31818a7c4a89014438b7af5e722f49728918cc27"},this.selectedTimeslot?.start_time?l(c(this.selectedTimeslot?.start_time,this.selectedTimezone,d[this.selectedLanguage])):"-"," ",n("br",{key:"7fcd531af1cea5464ab08f9043aabb4cde0a91db"}),this.startTime," - ",this.endTime)),n("div",{key:"8d2d827677bf300ad2b0f4dc2c28ac3777971af1",class:"booking-participants"}),!o&&n("div",{key:"f2b3bd90bb3aaa0912d92844edd2a99f7a451ed0",class:"button-container"},n("div",{key:"d75e1994bb2d39204a7b7621c83e3057b46631e3",class:{footer:true,"no-footer":this.configSettings?.scheduler?.hide_cancellation_options&&this.configSettings?.scheduler?.hide_rescheduling_options||this.configSettings?.booking_type==="organizer-confirmation","no-template-cols":!!this.configSettings?.scheduler?.hide_cancellation_options||!!this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&n("button-component",{key:"570807a060a554a7a800c267d5cffae8309b00f8",variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${s.t("cancelBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&n("button-component",{key:"254f4d43bc43da32fef980d702b99fb7338504e1",variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${s.t("rescheduleBookingButton")}`))))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};y([r({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{cancelBookingButtonClicked:async(e,o)=>{o.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,o)=>{const n=await o.scheduler.setReschedule(e.detail.bookingId);const{errorHandler:a}=e.detail;if(a&&(!n||"error"in n)){a(n)}},rescheduleBookedEventError:async(e,o)=>{i("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,o)=>{i("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:true}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],g.prototype,"render",null);g.style=b;export{g as nylas_booked_event_card};
+import{r as e,a as o,h as n,d as a,e as t}from"./index-Cbn5rIwb.js";import{R as r}from"./register-component-Blj8K64f.js";import{i as s,b as i,h as l,m as c}from"./utils-DhmCcrVs.js";import{b as d,T as b}from"./constants-DhnshuDN.js";const f=':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-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;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){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;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);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}';var y=undefined&&undefined.__decorate||function(e,o,n,a){var t=arguments.length,r=t<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,o,n,a);else for(var i=e.length-1;i>=0;i--)if(s=e[i])r=(t<3?s(r):t>3?s(o,n,r):s(o,n))||r;return t>3&&r&&Object.defineProperty(o,n,r),r};var h=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const g=class{constructor(n){e(this,n);this.cancelBookingButtonClicked=o(this,"cancelBookingButtonClicked",7);this.rescheduleButtonClicked=o(this,"rescheduleButtonClicked",7);this.rescheduleBookedEventError=o(this,"rescheduleBookedEventError",7);this.cancelBookedEventValidationError=o(this,"cancelBookedEventValidationError",7);this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedLanguage=navigator.language;this.startTime="";this.endTime="";this.handleCancelBookingButtonClicked=()=>{const e=new Date(this.selectedTimeslot.start_time);const o=this.configSettings?.scheduler?.min_cancellation_notice;if(!o){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${o} minutes of the event.`}})}else{this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})}};this.handleRescheduleButtonClicked=()=>{const e=e=>{this.rescheduleBookedEventError.emit(e)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:e})};this.getPaticipantType=e=>{switch(e){case"host":return"Host";case"you":return"You";default:return""}}}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,o){if(e===o)return;s.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-booked-event-card] Component will load`)}async componentDidLoad(){i(`[nylas-booked-event-card] Component did load`);if(!this.eventInfo){console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.')}if(!this.bookingInfo){console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.')}this.applyThemeConfig(this.themeConfig);const e=d[this.selectedLanguage||"en"];const o=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=o.format(this.selectedTimeslot?.start_time);this.endTime=o.format(this.selectedTimeslot?.end_time)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}render(){const e=this.configSettings?.booking_type;const o=e&&e!=="booking";return n(a,{key:"0762e32091a5674187788413717366b6213a28fd",part:"nbec"},n("div",{key:"9cb934481989459e30f9fc718e20855f0f186027",class:"nylas-booked-event-card"},n("div",{key:"e7b810785f800f82f0c73eaa665cd56bb9406c85",class:"booked-event-timezone"},n("globe-icon",{key:"3c29fd04b4fc90e0a6583285cbf872ec840ec0d6"}),b[this.selectedTimezone]),n("div",{key:"e7f4406d8c3b110d84cb1d99e5ab8db89954e2f4",class:"event-card-wrapper",part:"nbec__card"},n("div",{key:"c656687daf9b51190341d35db6c338a9a61df3a2",class:"calendar-icon"},n("calendar-check-icon",{key:"e1f5cdfa288db54a537f4250d65e2ab0279fb84e"})),n("div",{key:"50e125630023b8dd19d537d20374f9a5464a1547",class:"booked-event-header"},n("h2",{key:"24e6e52952321065ee1e63c34d55cd1891edeafc",slot:"card-title",part:"nbec__title"},!!this.rescheduleBookingId&&!this.isLoading?`${s.t("bookingRescheduled")}`:o&&!this.isLoading?`${s.t("bookingSent")}`:`${s.t("bookingConfirmed")}`,"!"),n("div",{key:"cb07bf7f3685624f2b50bcba569399ba084ab00d",class:"card-description",part:"nbec__description"},o?s.t("bookingSentDescription"):n("span",null,s.t("bookingConfirmedDescription")))),n("div",{key:"bceb86109e1a9ae6f2c1d98e0267e7f73d763aae",class:"booking-date-time"},n("checkmark-circle-icon",{key:"0e6fdd3cb183e4d00c6c31fe368eefb01d0465d8"}),n("h3",{key:"c7561d2be55109d69650aa41bb6d356018e1973b"},s.t("bookingDateAndTimeHeader")),n("p",{key:"31818a7c4a89014438b7af5e722f49728918cc27"},this.selectedTimeslot?.start_time?l(c(this.selectedTimeslot?.start_time,this.selectedTimezone,d[this.selectedLanguage])):"-"," ",n("br",{key:"7fcd531af1cea5464ab08f9043aabb4cde0a91db"}),this.startTime," - ",this.endTime)),n("div",{key:"8d2d827677bf300ad2b0f4dc2c28ac3777971af1",class:"booking-participants"}),!o&&n("div",{key:"f2b3bd90bb3aaa0912d92844edd2a99f7a451ed0",class:"button-container"},n("div",{key:"d75e1994bb2d39204a7b7621c83e3057b46631e3",class:{footer:true,"no-footer":this.configSettings?.scheduler?.hide_cancellation_options&&this.configSettings?.scheduler?.hide_rescheduling_options||this.configSettings?.booking_type==="organizer-confirmation","no-template-cols":!!this.configSettings?.scheduler?.hide_cancellation_options||!!this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&n("button-component",{key:"570807a060a554a7a800c267d5cffae8309b00f8",variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${s.t("cancelBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&n("button-component",{key:"254f4d43bc43da32fef980d702b99fb7338504e1",variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${s.t("rescheduleBookingButton")}`))))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};y([r({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{cancelBookingButtonClicked:async(e,o)=>{o.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,o)=>{const n=await o.scheduler.setReschedule(e.detail.bookingId);const{errorHandler:a}=e.detail;if(a&&(!n||"error"in n)){a(n)}},rescheduleBookedEventError:async(e,o)=>{i("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,o)=>{i("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:true}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],g.prototype,"render",null);g.style=f;export{g as nylas_booked_event_card};
 //# sourceMappingURL=nylas-booked-event-card.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,a as n,h as a,d as l,e as o}from"./index-B-KMpdMZ.js";import{R as r}from"./register-component-BHk70oxk.js";import{b as s,i}from"./utils-Bj5Y75fX.js";const c=':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-booking-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-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .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-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-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-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_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)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var d=undefined&&undefined.__decorate||function(e,n,a,l){var o=arguments.length,r=o<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,n,a,l);else for(var i=e.length-1;i>=0;i--)if(s=e[i])r=(o<3?s(r):o>3?s(n,a,r):s(n,a))||r;return o>3&&r&&Object.defineProperty(n,a,r),r};var t=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const p=class{constructor(a){e(this,a);this.valueChanged=n(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="booking-calendar";this.defaultBookingCalendar="";this.hideHeader=false;this.expressFlow=false;this.selectedCalendar=""}connectedCallback(){s("nylas-booking-calendar-picker","connectedCallback")}disconnectedCallback(){s("nylas-booking-calendar-picker","disconnectedCallback")}componentWillLoad(){s("nylas-booking-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-calendar-picker","componentDidLoad");const e=this.calendars?.find((e=>e.is_primary))?.id;const n=this.calendars?.[0]?.id;this.defaultBookingCalendar=this.defaultBookingCalendar||e||n||"";this.isInternalsAvailable&&this.internals.setFormValue(this.defaultBookingCalendar.toString(),this.name);this.selectedCalendar=this.defaultBookingCalendar}componentWillUpdate(){s("nylas-booking-calendar-picker","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-calendar-picker","componentDidUpdate")}componentWillRender(){s("nylas-booking-calendar-picker","componentWillRender")}componentDidRender(){s("nylas-booking-calendar-picker","componentDidRender")}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}elementNameChangedHandler(e){s("nylas-booking-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}currentUserCalendarsChangedHandler(e){s("nylas-booking-calendar-picker","currentUserCalendarsChangedHandler",e);this.currentUserCalendars=e}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}nylasFormDropdownChangedHandler(e){s("nylas-booking-calendar-picker","nylasFormDropdownChangedHandler",e.detail);this.isInternalsAvailable&&this.internals.setValidity({});const n=e=>{const{value:n}=e.detail;this.selectedCalendar=n;this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name)};this.valueChanged.emit({value:e.detail.value,name:this.name,valueChanged:n})}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){const e=this.currentUserCalendars?.map((e=>({value:e.id,label:e.name})))??[];const n=this.calendars?.map((e=>({value:e.id,label:e.name})))??[];const o=n?.length>0?n:e||[];const r=o.find((e=>e.value==this.defaultBookingCalendar));return a(l,null,a("div",{class:"nylas-booking-calendar-picker",part:"nbcp"},!this.hideHeader&&a("div",{class:"header",part:"nbcp__header"},a("h3",null,i.t("nylasBookingCalendarPicker.headerTitle")),a("p",null,i.t("nylasBookingCalendarPicker.headerSubTitle"),a("tooltip-component",null,a("info-icon",{slot:"tooltip-icon"}),a("span",{slot:"tooltip-content"},i.t("nylasBookingCalendarPicker.tooltip.desc"))))),o.length>0?a("div",{class:"nylas-booking-calendar-picker__dropdown"},a("select-dropdown",{name:"booking-calendar",options:[{value:"",label:i.t("nylasBookingCalendarPicker.selectOptionLabel")},...o],withSearch:false,required:this.expressFlow,emptyValue:i.t("nylasBookingCalendarPicker.selectOptionLabel"),errorMessage:i.t("nylasBookingCalendarPicker.selectCalendarErrorMessage"),exportparts:"sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content",defaultSelectedOption:r?r:null,themeConfig:this.themeConfig})):a("div",{class:"nylas-booking-calendar-picker__loading"},a("span",{class:"label"},i.t("nylasBookingCalendarPicker.tooltip.desc")," ",a("info-icon",null)),a("div",{class:"loading-button"},a("span",null,i.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUserCalendars:["currentUserCalendarsChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([r({name:"nylas-booking-calendar-picker",stateToProps:new Map([["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],p.prototype,"render",null);p.style=c;export{p as nylas_booking_calendar_picker};
+import{r as e,a as n,h as a,d as l,e as o}from"./index-Cbn5rIwb.js";import{R as r}from"./register-component-Blj8K64f.js";import{b as s,i}from"./utils-DhmCcrVs.js";const c=':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-booking-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-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .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-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-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-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_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)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var d=undefined&&undefined.__decorate||function(e,n,a,l){var o=arguments.length,r=o<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,n,a,l);else for(var i=e.length-1;i>=0;i--)if(s=e[i])r=(o<3?s(r):o>3?s(n,a,r):s(n,a))||r;return o>3&&r&&Object.defineProperty(n,a,r),r};var t=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const p=class{constructor(a){e(this,a);this.valueChanged=n(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="booking-calendar";this.defaultBookingCalendar="";this.hideHeader=false;this.expressFlow=false;this.selectedCalendar=""}connectedCallback(){s("nylas-booking-calendar-picker","connectedCallback")}disconnectedCallback(){s("nylas-booking-calendar-picker","disconnectedCallback")}componentWillLoad(){s("nylas-booking-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-calendar-picker","componentDidLoad");const e=this.calendars?.find((e=>e.is_primary))?.id;const n=this.calendars?.[0]?.id;this.defaultBookingCalendar=this.defaultBookingCalendar||e||n||"";this.isInternalsAvailable&&this.internals.setFormValue(this.defaultBookingCalendar.toString(),this.name);this.selectedCalendar=this.defaultBookingCalendar}componentWillUpdate(){s("nylas-booking-calendar-picker","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-calendar-picker","componentDidUpdate")}componentWillRender(){s("nylas-booking-calendar-picker","componentWillRender")}componentDidRender(){s("nylas-booking-calendar-picker","componentDidRender")}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}elementNameChangedHandler(e){s("nylas-booking-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}currentUserCalendarsChangedHandler(e){s("nylas-booking-calendar-picker","currentUserCalendarsChangedHandler",e);this.currentUserCalendars=e}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}nylasFormDropdownChangedHandler(e){s("nylas-booking-calendar-picker","nylasFormDropdownChangedHandler",e.detail);this.isInternalsAvailable&&this.internals.setValidity({});const n=e=>{const{value:n}=e.detail;this.selectedCalendar=n;this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name)};this.valueChanged.emit({value:e.detail.value,name:this.name,valueChanged:n})}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){const e=this.currentUserCalendars?.map((e=>({value:e.id,label:e.name})))??[];const n=this.calendars?.map((e=>({value:e.id,label:e.name})))??[];const o=n?.length>0?n:e||[];const r=o.find((e=>e.value==this.defaultBookingCalendar));return a(l,null,a("div",{class:"nylas-booking-calendar-picker",part:"nbcp"},!this.hideHeader&&a("div",{class:"header",part:"nbcp__header"},a("h3",null,i.t("nylasBookingCalendarPicker.headerTitle")),a("p",null,i.t("nylasBookingCalendarPicker.headerSubTitle"),a("tooltip-component",null,a("info-icon",{slot:"tooltip-icon"}),a("span",{slot:"tooltip-content"},i.t("nylasBookingCalendarPicker.tooltip.desc"))))),o.length>0?a("div",{class:"nylas-booking-calendar-picker__dropdown"},a("select-dropdown",{name:"booking-calendar",options:[{value:"",label:i.t("nylasBookingCalendarPicker.selectOptionLabel")},...o],withSearch:false,required:this.expressFlow,emptyValue:i.t("nylasBookingCalendarPicker.selectOptionLabel"),errorMessage:i.t("nylasBookingCalendarPicker.selectCalendarErrorMessage"),exportparts:"sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content",defaultSelectedOption:r?r:null,themeConfig:this.themeConfig})):a("div",{class:"nylas-booking-calendar-picker__loading"},a("span",{class:"label"},i.t("nylasBookingCalendarPicker.tooltip.desc")," ",a("info-icon",null)),a("div",{class:"loading-button"},a("span",null,i.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUserCalendars:["currentUserCalendarsChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([r({name:"nylas-booking-calendar-picker",stateToProps:new Map([["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],p.prototype,"render",null);p.style=c;export{p as nylas_booking_calendar_picker};
 //# sourceMappingURL=nylas-booking-calendar-picker.entry.js.map

package/dist/nylas-web-elements/nylas-booking-confirmation-redirect.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a as o,h as n,d as r,e as a}from"./index-B-KMpdMZ.js";import{R as i}from"./register-component-BHk70oxk.js";import{b as t,i as l,H as s}from"./utils-Bj5Y75fX.js";const c=':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-booking-confirmation-redirect{width:inherit;display:flex;flex-direction:column}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_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-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown input-component::part(ic__input_wrapper){margin-top:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.error-message{color:var(--nylas-error)}';var d=undefined&&undefined.__decorate||function(e,o,n,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,n):r,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,n,r);else for(var l=e.length-1;l>=0;l--)if(t=e[l])i=(a<3?t(i):a>3?t(o,n,i):t(o,n))||i;return a>3&&i&&Object.defineProperty(o,n,i),i};var f=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const y=class{constructor(n){e(this,n);this.valueChanged=o(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="confirmation-redirect";this.redirectUrl="";this.redirectUrlErrorMessage="";this.currentRedirectUrl="";this.componentLoaded=false;this.requiredError="";this.patternError=""}elementNameChangedHandler(e){t("nylas-booking-confirmation-redirect","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){t("nylas-booking-confirmation-redirect","selectedConfigurationChangedHandler",e);if(e?.scheduler?.confirmation_redirect_url){this.currentRedirectUrl=e?.scheduler?.confirmation_redirect_url;this.acceptUrl=e?.scheduler?.confirmation_redirect_url!==""}}selectedLanguageChangedHandler(e,o){if(e===o)return;l.changeLanguage(e);this.requiredError=l.t("fieldRequired",{field:l.t("redirectUrl")});this.patternError=l.t("invalidInputFormat",{field:l.t("redirectUrl")})}themeConfigChangedHandler(e,o){if(e===o)return;this.applyThemeConfig(e)}connectedCallback(){t("nylas-booking-confirmation-redirect","connectedCallback")}disconnectedCallback(){t("nylas-booking-confirmation-redirect","disconnectedCallback")}componentWillLoad(){t("nylas-booking-confirmation-redirect","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-booking-confirmation-redirect","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentRedirectUrl=this.redirectUrl;this.acceptUrl=this.redirectUrl!==""}this.componentLoaded=true;if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.currentRedirectUrl.toString(),this.name)}}componentWillUpdate(){t("nylas-booking-confirmation-redirect","componentWillUpdate")}componentDidUpdate(){t("nylas-booking-confirmation-redirect","componentDidUpdate")}componentWillRender(){t("nylas-booking-confirmation-redirect","componentWillRender")}componentDidRender(){t("nylas-booking-confirmation-redirect","componentDidRender")}nylasFormDropdownChangedHandler(e){t("nylas-booking-confirmation-redirect","nylasFormDropdownChangedHandler",e.detail);const{name:o,value:n}=e.detail;if(o==="confirmation-redirect-dropdown"){if(n==="custom"){this.acceptUrl=true}else{this.acceptUrl=false;this.internals.setFormValue("",this.name);this.valueChanged.emit({name:this.name,value:""})}}}nylasFormInputBlurHandler(e){const{name:o,value:n}=e.detail;this.currentRedirectUrl=n;if(this.acceptUrl&&o==="confirmation-redirect"){this.redirectUrlErrorMessage="";if(!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage"));this.redirectUrlErrorMessage=l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage");return}this.internals.setValidity({});const o=e=>{const{value:o}=e.detail;this.internals.setFormValue(o.toString(),this.name)};this.valueChanged.emit({...e.detail,valueChanged:o})}}formSubmittedHandler(e){if(this.acceptUrl&&!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage"));this.redirectUrlErrorMessage=l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage")}else{this.internals.setValidity({})}}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}render(){const e=[{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"default"}),value:"default"},{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"custom"}),value:"custom"}];return n(r,{key:"10f3008cf38a4eb1e576023b3231c92c7cc40112"},n("div",{key:"a289fe5c420ad4c1656e8803737dc5a83e52d5fa",class:"nylas-booking-confirmation-redirect",part:"nbcr"},e.length>0&&n("div",{key:"e0eb79bf12f48448b631ded6eb56df59bdb3b938",class:"nylas-booking-confirmation-redirect__dropdown"},n("span",{key:"70a760e7a8526edfb2b2dcee2a014bb32005f340",class:"label"},l.t("nylasBookingConfirmationRedirect.dropdownLabel"),n("tooltip-component",{key:"707f922555f4cdb1e3f311bef86a9243f57c0cd7"},n("info-icon",{key:"fa9f733d09c94a621bcb45e734631ec5b1609766",slot:"tooltip-icon"}),n("span",{key:"e956061002cdbdcc5caca82edeb636eb66fa7fd0",slot:"tooltip-content"},l.t("nylasBookingConfirmationRedirect.tooltip.desc")))),this.componentLoaded&&n("select-dropdown",{key:"59a242fddadd902cbebdbc8c0db5effa0863770d",name:"confirmation-redirect-dropdown",options:e,withSearch:false,defaultSelectedOption:e.find((e=>e.value===(this.acceptUrl?"custom":"default"))),exportparts:"sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content",themeConfig:this.themeConfig}),this.acceptUrl&&n("div",{key:"5a33f979a8533e6ff0bd138fb24ccd3319e1947a"},n("input-component",{key:"97dbd651c28cf3ff35b61a2eb444866f7d83d662",name:"confirmation-redirect",id:"confirmation-redirect",type:"text",placeholder:l.t("nylasBookingConfirmationRedirect.customRedirectUrlPlaceholder"),required:false,part:"ic__input_wrapper: nbcr__input-textfield",requiredError:this.requiredError,patternError:this.patternError,defaultValue:this.currentRedirectUrl,themeConfig:this.themeConfig}),this.redirectUrlErrorMessage&&n("span",{key:"2baea60cb33c2688b2500d1d0211a583731d8f0f",class:"error-message"},this.redirectUrlErrorMessage)))))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([i({name:"nylas-booking-confirmation-redirect",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,o)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=c;export{y as nylas_booking_confirmation_redirect};
+import{r as e,a as o,h as n,d as r,e as a}from"./index-Cbn5rIwb.js";import{R as i}from"./register-component-Blj8K64f.js";import{b as t,i as l,H as s}from"./utils-DhmCcrVs.js";const c=':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-booking-confirmation-redirect{width:inherit;display:flex;flex-direction:column}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_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-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown input-component::part(ic__input_wrapper){margin-top:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.error-message{color:var(--nylas-error)}';var d=undefined&&undefined.__decorate||function(e,o,n,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,n):r,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,n,r);else for(var l=e.length-1;l>=0;l--)if(t=e[l])i=(a<3?t(i):a>3?t(o,n,i):t(o,n))||i;return a>3&&i&&Object.defineProperty(o,n,i),i};var f=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const y=class{constructor(n){e(this,n);this.valueChanged=o(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="confirmation-redirect";this.redirectUrl="";this.redirectUrlErrorMessage="";this.currentRedirectUrl="";this.componentLoaded=false;this.requiredError="";this.patternError=""}elementNameChangedHandler(e){t("nylas-booking-confirmation-redirect","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){t("nylas-booking-confirmation-redirect","selectedConfigurationChangedHandler",e);if(e?.scheduler?.confirmation_redirect_url){this.currentRedirectUrl=e?.scheduler?.confirmation_redirect_url;this.acceptUrl=e?.scheduler?.confirmation_redirect_url!==""}}selectedLanguageChangedHandler(e,o){if(e===o)return;l.changeLanguage(e);this.requiredError=l.t("fieldRequired",{field:l.t("redirectUrl")});this.patternError=l.t("invalidInputFormat",{field:l.t("redirectUrl")})}themeConfigChangedHandler(e,o){if(e===o)return;this.applyThemeConfig(e)}connectedCallback(){t("nylas-booking-confirmation-redirect","connectedCallback")}disconnectedCallback(){t("nylas-booking-confirmation-redirect","disconnectedCallback")}componentWillLoad(){t("nylas-booking-confirmation-redirect","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-booking-confirmation-redirect","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentRedirectUrl=this.redirectUrl;this.acceptUrl=this.redirectUrl!==""}this.componentLoaded=true;if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.currentRedirectUrl.toString(),this.name)}}componentWillUpdate(){t("nylas-booking-confirmation-redirect","componentWillUpdate")}componentDidUpdate(){t("nylas-booking-confirmation-redirect","componentDidUpdate")}componentWillRender(){t("nylas-booking-confirmation-redirect","componentWillRender")}componentDidRender(){t("nylas-booking-confirmation-redirect","componentDidRender")}nylasFormDropdownChangedHandler(e){t("nylas-booking-confirmation-redirect","nylasFormDropdownChangedHandler",e.detail);const{name:o,value:n}=e.detail;if(o==="confirmation-redirect-dropdown"){if(n==="custom"){this.acceptUrl=true}else{this.acceptUrl=false;this.internals.setFormValue("",this.name);this.valueChanged.emit({name:this.name,value:""})}}}nylasFormInputBlurHandler(e){const{name:o,value:n}=e.detail;this.currentRedirectUrl=n;if(this.acceptUrl&&o==="confirmation-redirect"){this.redirectUrlErrorMessage="";if(!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage"));this.redirectUrlErrorMessage=l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage");return}this.internals.setValidity({});const o=e=>{const{value:o}=e.detail;this.internals.setFormValue(o.toString(),this.name)};this.valueChanged.emit({...e.detail,valueChanged:o})}}formSubmittedHandler(e){if(this.acceptUrl&&!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage"));this.redirectUrlErrorMessage=l.t("nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage")}else{this.internals.setValidity({})}}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}render(){const e=[{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"default"}),value:"default"},{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"custom"}),value:"custom"}];return n(r,{key:"10f3008cf38a4eb1e576023b3231c92c7cc40112"},n("div",{key:"a289fe5c420ad4c1656e8803737dc5a83e52d5fa",class:"nylas-booking-confirmation-redirect",part:"nbcr"},e.length>0&&n("div",{key:"e0eb79bf12f48448b631ded6eb56df59bdb3b938",class:"nylas-booking-confirmation-redirect__dropdown"},n("span",{key:"70a760e7a8526edfb2b2dcee2a014bb32005f340",class:"label"},l.t("nylasBookingConfirmationRedirect.dropdownLabel"),n("tooltip-component",{key:"707f922555f4cdb1e3f311bef86a9243f57c0cd7"},n("info-icon",{key:"fa9f733d09c94a621bcb45e734631ec5b1609766",slot:"tooltip-icon"}),n("span",{key:"e956061002cdbdcc5caca82edeb636eb66fa7fd0",slot:"tooltip-content"},l.t("nylasBookingConfirmationRedirect.tooltip.desc")))),this.componentLoaded&&n("select-dropdown",{key:"59a242fddadd902cbebdbc8c0db5effa0863770d",name:"confirmation-redirect-dropdown",options:e,withSearch:false,defaultSelectedOption:e.find((e=>e.value===(this.acceptUrl?"custom":"default"))),exportparts:"sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content",themeConfig:this.themeConfig}),this.acceptUrl&&n("div",{key:"5a33f979a8533e6ff0bd138fb24ccd3319e1947a"},n("input-component",{key:"97dbd651c28cf3ff35b61a2eb444866f7d83d662",name:"confirmation-redirect",id:"confirmation-redirect",type:"text",placeholder:l.t("nylasBookingConfirmationRedirect.customRedirectUrlPlaceholder"),required:false,part:"ic__input_wrapper: nbcr__input-textfield",requiredError:this.requiredError,patternError:this.patternError,defaultValue:this.currentRedirectUrl,themeConfig:this.themeConfig}),this.redirectUrlErrorMessage&&n("span",{key:"2baea60cb33c2688b2500d1d0211a583731d8f0f",class:"error-message"},this.redirectUrlErrorMessage)))))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([i({name:"nylas-booking-confirmation-redirect",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,o)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=c;export{y as nylas_booking_confirmation_redirect};
 //# sourceMappingURL=nylas-booking-confirmation-redirect.entry.js.map

package/dist/nylas-web-elements/nylas-booking-confirmation-type.entry.js

@@ -1,2 +1,2 @@
-import{r as e,a as o,h as n,d as a,e as t}from"./index-B-KMpdMZ.js";import{R as l}from"./register-component-BHk70oxk.js";import{b as s,i}from"./utils-Bj5Y75fX.js";const r=':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-booking-confirmation-type{width:inherit;display:flex;flex-direction:column;margin-bottom:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_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-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var c=undefined&&undefined.__decorate||function(e,o,n,a){var t=arguments.length,l=t<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,o,n,a);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(t<3?s(l):t>3?s(o,n,l):s(o,n))||l;return t>3&&l&&Object.defineProperty(o,n,l),l};var d=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const f=class{constructor(n){e(this,n);this.valueChanged=o(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="confirmation-type";this.bookingType="booking";this.showComponent=this.selectedConfiguration?.event_booking?.booking_type!=="custom-confirmation"&&this.selectedConfiguration?.type!=="group"}elementNameChangedHandler(e){s("nylas-booking-confirmation-type","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-booking-confirmation-type","selectedConfigurationChangedHandler",e);if(e?.event_booking?.booking_type){this.selectedBookingType=e?.event_booking?.booking_type;this.showDropdown=e?.event_booking?.booking_type!=="custom-confirmation"&&!!e?.scheduler?.organizer_confirmation_url&&e?.type!=="group";this.isInternalsAvailable&&this.internals.setFormValue(this.selectedBookingType.toString(),this.name)}}selectedLanguageChangedHandler(e,o){if(e===o)return;i.changeLanguage(e)}themeConfigChangedHandler(e,o){if(e===o)return;this.applyThemeConfig(e)}connectedCallback(){s("nylas-booking-confirmation-type","connectedCallback")}disconnectedCallback(){s("nylas-booking-confirmation-type","disconnectedCallback")}componentWillLoad(){s("nylas-booking-confirmation-type","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-confirmation-type","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedBookingType=this.bookingType||"booking";this.showDropdown=this.showComponent}this.isInternalsAvailable&&this.internals.setFormValue(this.selectedBookingType.toString(),this.name)}componentWillUpdate(){s("nylas-booking-confirmation-type","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-confirmation-type","componentDidUpdate")}componentWillRender(){s("nylas-booking-confirmation-type","componentWillRender")}componentDidRender(){s("nylas-booking-confirmation-type","componentDidRender")}get isInternalsAvailable(){return typeof this.internals.setFormValue==="function"&&typeof this.internals.setFormValue==="function"}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}nylasFormDropdownChangedHandler(e){s("nylas-booking-confirmation-type","nylasFormDropdownChangedHandler",e.detail);const o=e=>{const{value:o}=e.detail;this.selectedBookingType=o;this.internals.setFormValue(o.toString(),this.name)};this.valueChanged.emit({...e.detail,valueChanged:o})}render(){const e=[{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"booking"}),value:"booking"},{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"organizerConfirmation"}),value:"organizer-confirmation"}];return n(a,{key:"308f7f5ca2aff30c2c2fd12ffa8288fd62685a95"},this.showDropdown&&n("div",{key:"10e5ae7ec7a4461f0379f533f647dae58a89f4c8",class:"nylas-booking-confirmation-type",part:"nbct"},e.length>0&&n("div",{key:"96a775aab608e70eab8b233e3f9b13014e02ad3e",class:"nylas-booking-confirmation-type__dropdown"},n("span",{key:"ed71192e337035cec547f2a9bd56a4d8a3bd22ec",class:"label"},i.t("nylasBookingConfirmationType.dropdownLabel"),n("tooltip-component",{key:"8717bc9cbf03c6ab0eda73bf194f279c9742fe0e"},n("info-icon",{key:"7393f20f163dac72e56af21d22a15de0154cede1",slot:"tooltip-icon"}),n("span",{key:"657afd734334bdd9453a124b73a43d521d50036e",slot:"tooltip-content"},i.t("nylasBookingConfirmationType.tooltip.desc")))),this.selectedBookingType&&n("select-dropdown",{key:"783be3b51be3ef5f357c2e9ba1151f83185e4468",name:"booking-type",options:e,withSearch:false,exportparts:"sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content",defaultSelectedOption:e.find((e=>e.value==this.selectedBookingType)),themeConfig:this.themeConfig}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([l({name:"nylas-booking-confirmation-type",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,o)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=r;export{f as nylas_booking_confirmation_type};
+import{r as e,a as o,h as n,d as a,e as t}from"./index-Cbn5rIwb.js";import{R as l}from"./register-component-Blj8K64f.js";import{b as s,i}from"./utils-DhmCcrVs.js";const r=':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-booking-confirmation-type{width:inherit;display:flex;flex-direction:column;margin-bottom:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_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-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var c=undefined&&undefined.__decorate||function(e,o,n,a){var t=arguments.length,l=t<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,o,n,a);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(t<3?s(l):t>3?s(o,n,l):s(o,n))||l;return t>3&&l&&Object.defineProperty(o,n,l),l};var d=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const f=class{constructor(n){e(this,n);this.valueChanged=o(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="confirmation-type";this.bookingType="booking";this.showComponent=this.selectedConfiguration?.event_booking?.booking_type!=="custom-confirmation"&&this.selectedConfiguration?.type!=="group"}elementNameChangedHandler(e){s("nylas-booking-confirmation-type","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-booking-confirmation-type","selectedConfigurationChangedHandler",e);if(e?.event_booking?.booking_type){this.selectedBookingType=e?.event_booking?.booking_type;this.showDropdown=e?.event_booking?.booking_type!=="custom-confirmation"&&!!e?.scheduler?.organizer_confirmation_url&&e?.type!=="group";this.isInternalsAvailable&&this.internals.setFormValue(this.selectedBookingType.toString(),this.name)}}selectedLanguageChangedHandler(e,o){if(e===o)return;i.changeLanguage(e)}themeConfigChangedHandler(e,o){if(e===o)return;this.applyThemeConfig(e)}connectedCallback(){s("nylas-booking-confirmation-type","connectedCallback")}disconnectedCallback(){s("nylas-booking-confirmation-type","disconnectedCallback")}componentWillLoad(){s("nylas-booking-confirmation-type","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-confirmation-type","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedBookingType=this.bookingType||"booking";this.showDropdown=this.showComponent}this.isInternalsAvailable&&this.internals.setFormValue(this.selectedBookingType.toString(),this.name)}componentWillUpdate(){s("nylas-booking-confirmation-type","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-confirmation-type","componentDidUpdate")}componentWillRender(){s("nylas-booking-confirmation-type","componentWillRender")}componentDidRender(){s("nylas-booking-confirmation-type","componentDidRender")}get isInternalsAvailable(){return typeof this.internals.setFormValue==="function"&&typeof this.internals.setFormValue==="function"}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}nylasFormDropdownChangedHandler(e){s("nylas-booking-confirmation-type","nylasFormDropdownChangedHandler",e.detail);const o=e=>{const{value:o}=e.detail;this.selectedBookingType=o;this.internals.setFormValue(o.toString(),this.name)};this.valueChanged.emit({...e.detail,valueChanged:o})}render(){const e=[{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"booking"}),value:"booking"},{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"organizerConfirmation"}),value:"organizer-confirmation"}];return n(a,{key:"308f7f5ca2aff30c2c2fd12ffa8288fd62685a95"},this.showDropdown&&n("div",{key:"10e5ae7ec7a4461f0379f533f647dae58a89f4c8",class:"nylas-booking-confirmation-type",part:"nbct"},e.length>0&&n("div",{key:"96a775aab608e70eab8b233e3f9b13014e02ad3e",class:"nylas-booking-confirmation-type__dropdown"},n("span",{key:"ed71192e337035cec547f2a9bd56a4d8a3bd22ec",class:"label"},i.t("nylasBookingConfirmationType.dropdownLabel"),n("tooltip-component",{key:"8717bc9cbf03c6ab0eda73bf194f279c9742fe0e"},n("info-icon",{key:"7393f20f163dac72e56af21d22a15de0154cede1",slot:"tooltip-icon"}),n("span",{key:"657afd734334bdd9453a124b73a43d521d50036e",slot:"tooltip-content"},i.t("nylasBookingConfirmationType.tooltip.desc")))),this.selectedBookingType&&n("select-dropdown",{key:"783be3b51be3ef5f357c2e9ba1151f83185e4468",name:"booking-type",options:e,withSearch:false,exportparts:"sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content",defaultSelectedOption:e.find((e=>e.value==this.selectedBookingType)),themeConfig:this.themeConfig}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([l({name:"nylas-booking-confirmation-type",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,o)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=r;export{f as nylas_booking_confirmation_type};
 //# sourceMappingURL=nylas-booking-confirmation-type.entry.js.map