npm - @nylas/web-elements - Versions diffs - 1.4.1 → 1.4.3 - Mend

@nylas/web-elements 1.4.1 → 1.4.3

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

Files changed (90) hide show

package/dist/nylas-web-elements/nylas-time-window-picker.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as s,i as e,h as i,a as t,e as a}from"./index-3e0d6890.js";import{L as r}from"./constants-794fe173.js";import{L as o,M as n,C as l,N as c,O as h,E as f}from"./utils-3fdf2c83.js";import{b as d}from"./utc-290d564f.js";import{c as y}from"./customParseFormat-1c5cfec5.js";const p=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}';d.extend(y);const m=class{constructor(i){s(this,i);this.timeChange=e(this,"timeChange",7);this.timeWindowFormError=e(this,"timeWindowFormError",7);this.time=undefined;this.minimumStartTime=null;this.placeholder="hh:mmam/pm";this.name=undefined;this.hasError=false;this.language=r.en;this.err="";this.showTimes=false;this.ariaActivedescendant="";this.times=this.generateTimes();this.shouldAutoScroll=false}handleOutsideClick(s){const e=s.composedPath();const i=e.includes(this.el);if(!i&&this.showTimes){this.showTimes=false}}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let s=d().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));if(this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12){s=s.add(12,"hour")}else if(this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12){s=s.subtract(12,"hour")}this.times=this.generateTimes();const e=d(this.times[0].value,"hh:mma");const i=d(this.time,"hh:mma");if(i.isBefore(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const s=o(this.time);const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.shouldAutoScroll=false;this.scrollToViewWithinParent(e)}return}}handleTimeChange(s,e){const i=e.split(":");if(i[0]==="00"&&i[1].slice(-2)=="pm"){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}if(!n(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}else{this.err="";this.timeWindowFormError.emit({key:this.el.id,message:""})}if(this.err){return}this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(s){const e=s.target?.value;const i=this.language===r.de||this.language===r.fr?l(e):e;if(!n(i)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"});return}if(i===""){const s=c().format("hh:mma");this.timeChange.emit({key:this.el.id,value:s});return}if(!h(i)){const s=o(i);this.timeChange.emit({key:this.el.id,value:s});return}this.timeChange.emit({key:this.el.id,value:i})}handleOnInput(s){const e=s.target?.value;if(!n(e)){return}if(e===""){const s=c().format("hh:mma");const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.scrollToViewWithinParent(e)}return}if(!h(e)){const s=o(e);const i=this.times.findIndex((e=>e.value===s));if(i>-1){this.scrollToViewWithinParent(i)}return}}generateTimes(){const s=[];let e=d().set("hour",0).set("minute",0).set("second",0);if(this.minimumStartTime){e=d(this.minimumStartTime,"hh:mma")}const i=e.endOf("day").diff(e,"minutes");const t=Math.round(i/15);for(let i=0;i<t+1;i++){const a=e.add(i*15,"minute");if(i==t&&a.format("hh:mma").includes("am")){break}s.push({id:i,value:a.format("hh:mma")})}return s}handleComboboxKeyDown(s){if(s.key==="ArrowDown"){s.preventDefault();if(!this.showTimes){this.showTimes=true;this.shouldAutoScroll=true;return}if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[0].id.toString();this.focusOption(0)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s+1<this.times.length?s+1:0;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="ArrowUp"){s.preventDefault();if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[this.times.length-1].id.toString();this.focusOption(this.times.length-1)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s-1>=0?s-1:this.times.length-1;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}handleListboxKeydown(s){const e=this.times;const i=e.findIndex((s=>s.id.toString()===this.ariaActivedescendant));if(s.key==="ArrowDown"||s.key==="Tab"&&!s.shiftKey){s.preventDefault();const t=i+1<e.length?i+1:0;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="ArrowUp"||s.key==="Tab"&&s.shiftKey){s.preventDefault();const t=i-1>=0?i-1:e.length-1;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="Enter"){s.preventDefault();if(this.ariaActivedescendant){const t=e[i];this.handleTimeChange(s,t.value);this.showTimes=false;this.ariaActivedescendant="";this.timeInput.focus()}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}scrollToViewWithinParent(s){const e=this.times[s];const i=this.el.shadowRoot?.getElementById(e.id.toString());const t=this.timeMenu;this.ariaActivedescendant=e.id.toString();const a=i.getBoundingClientRect();const r=t.getBoundingClientRect();if(a.top<r.top){t.scrollTop-=r.top-a.top}else if(a.bottom>r.bottom){t.scrollTop+=a.bottom-r.bottom}if(a.left<r.left){t.scrollLeft-=r.left-a.left}else if(a.right>r.right){t.scrollLeft+=a.right-r.right}}focusOption(s){const e=this.times[s];if(!e)return;const i=e.id.toString();const t=this.el.shadowRoot?.getElementById(i);if(t){t.focus();t.scrollIntoView({behavior:"smooth",block:"nearest"})}}render(){const s=this.language===r.en?false:true;return i(t,{key:"fe213a09bb8bd924e66b19ae885a4ecea11e7919"},i("div",{key:"75068ee86601003889d1d5047ca72f94cfce4354",class:"time-picker",part:"time-picker"},i("input",{key:"204175ad394c1a67f5464c04c20ba07dcde5863a",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":true,error:!!this.err||this.hasError},ref:s=>this.timeInput=s,value:s?f(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes;this.shouldAutoScroll=true},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:s=>this.handleComboboxKeyDown(s),onInput:s=>this.handleOnInput(s),onBlur:s=>this.handleTimeAutocomplete(s)}),this.err&&i("div",{class:"invalid-time-icon"}),this.showTimes&&i("div",{class:"times",part:"times",ref:s=>this.timeMenu=s},i("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:s=>this.handleListboxKeydown(s)},this.times.map((e=>i("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:s=>{this.handleTimeChange(s,e.value);this.showTimes=false;this.timeInput.focus()},role:"option"},`${s?f(e.value):e.value}`))))),!this.showTimes&&this.err&&i("p",{class:"error",id:"email-error"},this.err)))}get el(){return a(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};m.style=p;export{m as nylas_time_window_picker};
+import{r as s,i as e,h as i,a as t,e as a}from"./index-3e0d6890.js";import{L as r}from"./constants-794fe173.js";import{L as o,M as n,C as l,N as c,O as h,E as f}from"./utils-ac8fef1e.js";import{b as d}from"./utc-290d564f.js";import{c as y}from"./customParseFormat-1c5cfec5.js";const p=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}';d.extend(y);const m=class{constructor(i){s(this,i);this.timeChange=e(this,"timeChange",7);this.timeWindowFormError=e(this,"timeWindowFormError",7);this.time=undefined;this.minimumStartTime=null;this.placeholder="hh:mmam/pm";this.name=undefined;this.hasError=false;this.language=r.en;this.err="";this.showTimes=false;this.ariaActivedescendant="";this.times=this.generateTimes();this.shouldAutoScroll=false}handleOutsideClick(s){const e=s.composedPath();const i=e.includes(this.el);if(!i&&this.showTimes){this.showTimes=false}}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let s=d().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));if(this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12){s=s.add(12,"hour")}else if(this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12){s=s.subtract(12,"hour")}this.times=this.generateTimes();const e=d(this.times[0].value,"hh:mma");const i=d(this.time,"hh:mma");if(i.isBefore(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const s=o(this.time);const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.shouldAutoScroll=false;this.scrollToViewWithinParent(e)}return}}handleTimeChange(s,e){const i=e.split(":");if(i[0]==="00"&&i[1].slice(-2)=="pm"){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}if(!n(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}else{this.err="";this.timeWindowFormError.emit({key:this.el.id,message:""})}if(this.err){return}this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(s){const e=s.target?.value;const i=this.language===r.de||this.language===r.fr?l(e):e;if(!n(i)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"});return}if(i===""){const s=c().format("hh:mma");this.timeChange.emit({key:this.el.id,value:s});return}if(!h(i)){const s=o(i);this.timeChange.emit({key:this.el.id,value:s});return}this.timeChange.emit({key:this.el.id,value:i})}handleOnInput(s){const e=s.target?.value;if(!n(e)){return}if(e===""){const s=c().format("hh:mma");const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.scrollToViewWithinParent(e)}return}if(!h(e)){const s=o(e);const i=this.times.findIndex((e=>e.value===s));if(i>-1){this.scrollToViewWithinParent(i)}return}}generateTimes(){const s=[];let e=d().set("hour",0).set("minute",0).set("second",0);if(this.minimumStartTime){e=d(this.minimumStartTime,"hh:mma")}const i=e.endOf("day").diff(e,"minutes");const t=Math.round(i/15);for(let i=0;i<t+1;i++){const a=e.add(i*15,"minute");if(i==t&&a.format("hh:mma").includes("am")){break}s.push({id:i,value:a.format("hh:mma")})}return s}handleComboboxKeyDown(s){if(s.key==="ArrowDown"){s.preventDefault();if(!this.showTimes){this.showTimes=true;this.shouldAutoScroll=true;return}if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[0].id.toString();this.focusOption(0)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s+1<this.times.length?s+1:0;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="ArrowUp"){s.preventDefault();if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[this.times.length-1].id.toString();this.focusOption(this.times.length-1)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s-1>=0?s-1:this.times.length-1;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}handleListboxKeydown(s){const e=this.times;const i=e.findIndex((s=>s.id.toString()===this.ariaActivedescendant));if(s.key==="ArrowDown"||s.key==="Tab"&&!s.shiftKey){s.preventDefault();const t=i+1<e.length?i+1:0;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="ArrowUp"||s.key==="Tab"&&s.shiftKey){s.preventDefault();const t=i-1>=0?i-1:e.length-1;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="Enter"){s.preventDefault();if(this.ariaActivedescendant){const t=e[i];this.handleTimeChange(s,t.value);this.showTimes=false;this.ariaActivedescendant="";this.timeInput.focus()}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}scrollToViewWithinParent(s){const e=this.times[s];const i=this.el.shadowRoot?.getElementById(e.id.toString());const t=this.timeMenu;this.ariaActivedescendant=e.id.toString();const a=i.getBoundingClientRect();const r=t.getBoundingClientRect();if(a.top<r.top){t.scrollTop-=r.top-a.top}else if(a.bottom>r.bottom){t.scrollTop+=a.bottom-r.bottom}if(a.left<r.left){t.scrollLeft-=r.left-a.left}else if(a.right>r.right){t.scrollLeft+=a.right-r.right}}focusOption(s){const e=this.times[s];if(!e)return;const i=e.id.toString();const t=this.el.shadowRoot?.getElementById(i);if(t){t.focus();t.scrollIntoView({behavior:"smooth",block:"nearest"})}}render(){const s=this.language===r.en?false:true;return i(t,{key:"fe213a09bb8bd924e66b19ae885a4ecea11e7919"},i("div",{key:"75068ee86601003889d1d5047ca72f94cfce4354",class:"time-picker",part:"time-picker"},i("input",{key:"204175ad394c1a67f5464c04c20ba07dcde5863a",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":true,error:!!this.err||this.hasError},ref:s=>this.timeInput=s,value:s?f(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes;this.shouldAutoScroll=true},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:s=>this.handleComboboxKeyDown(s),onInput:s=>this.handleOnInput(s),onBlur:s=>this.handleTimeAutocomplete(s)}),this.err&&i("div",{class:"invalid-time-icon"}),this.showTimes&&i("div",{class:"times",part:"times",ref:s=>this.timeMenu=s},i("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:s=>this.handleListboxKeydown(s)},this.times.map((e=>i("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:s=>{this.handleTimeChange(s,e.value);this.showTimes=false;this.timeInput.focus()},role:"option"},`${s?f(e.value):e.value}`))))),!this.showTimes&&this.err&&i("p",{class:"error",id:"email-error"},this.err)))}get el(){return a(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};m.style=p;export{m as nylas_time_window_picker};
 //# sourceMappingURL=nylas-time-window-picker.entry.js.map

package/dist/nylas-web-elements/nylas-timeslot-interval.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as l,a as t,e as a}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{a as o,i}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const r=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-timeslot-interval{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-timeslot-interval .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label tooltip-component{display:flex}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown{margin-bottom:1.5rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-timeslot-interval .nylas-timeslot-interval__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-timeslot-interval .nylas-timeslot-interval__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,l,t){var a=arguments.length,s=a<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,l):t,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,l,t);else for(var i=e.length-1;i>=0;i--)if(o=e[i])s=(a<3?o(s):a>3?o(n,l,s):o(n,l))||s;return a>3&&s&&Object.defineProperty(n,l,s),s};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=15;const f=class{constructor(l){e(this,l);this.valueChanged=n(this,"valueChanged",7);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="timeslot-picker";this.eventDurationMinutes=this.selectedConfiguration?.availability?.duration_minutes;this.selectedLanguage=undefined;this.internalEventDurationMinutes=undefined;this.selectedInterval=undefined;this.selectedRoundTo=undefined;this.componentLoaded=false}elementNameChangedHandler(e){o("nylas-timeslot-interval","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){o("nylas-timeslot-interval","selectedConfigurationChangedHandler",e);this.internalEventDurationMinutes=e?.availability?.duration_minutes??this.eventDurationMinutes??30;const n=e?.availability?.interval_minutes??this.internalEventDurationMinutes??30;this.selectedInterval=e?.availability?.interval_minutes??n??10;const l=e?.availability?.round_to||null;this.selectedRoundTo=l&&l===n?true:false}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}connectedCallback(){o("nylas-timeslot-interval","connectedCallback")}disconnectedCallback(){o("nylas-timeslot-interval","disconnectedCallback")}componentWillLoad(){o("nylas-timeslot-interval","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-timeslot-interval","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.internalEventDurationMinutes=this.eventDurationMinutes??30;const e=this.internalEventDurationMinutes;this.selectedInterval=e??10;this.selectedRoundTo=false}this.componentLoaded=true}componentWillUpdate(){o("nylas-timeslot-interval","componentWillUpdate")}componentDidUpdate(){o("nylas-timeslot-interval","componentDidUpdate")}componentWillRender(){o("nylas-timeslot-interval","componentWillRender")}componentDidRender(){o("nylas-timeslot-interval","componentDidRender")}nylasFormDropdownChangedHandler(e){o("nylas-timeslot-interval","nylasFormDropdownChangedHandler",e.detail);const n=e.detail.value;if(n==="duration"){this.selectedInterval=this.internalEventDurationMinutes??10}else{this.selectedInterval=parseInt(e.detail.value)}this.valueChanged.emit({value:JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),name:this.name});if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),this.name)}}nylasFormRadioChangedHandler(e){o("nylas-timeslot-interval","nylasFormRadioChangedHandler",e.detail);const n=e.detail.value;if(n==="no-rounding"){this.selectedRoundTo=false}else{this.selectedRoundTo=true}this.valueChanged.emit({value:JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),name:this.name});if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),this.name)}}render(){const e=[{value:"duration",label:i.t("nylasTimeslotInterval.lengthOfMeeting")},{value:"5",label:`5 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"10",label:`10 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"15",label:`15 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"20",label:`20 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"30",label:`30 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"45",label:`45 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"60",label:`60 ${i.t("nylasTimeslotInterval.minutesShort")}`}];const n=typeof this.selectedInterval!=="undefined"?this.selectedInterval==this.internalEventDurationMinutes?e[0]:e.find((e=>e.value==this.selectedInterval.toString()))??e[0]:undefined;return l(t,{key:"f004010f441ec7113689d8a6eecb408b24d7d68c"},l("div",{key:"aedc0b484170e3ad7731aee07f286c324c117bdf",class:"nylas-timeslot-interval",part:"nti"},l("div",{key:"71bb9b5d42a24ded08a722e09f709e8873d777d7",class:"header",part:"nti__header"},l("h3",{key:"a7c9868eaf862baa726ac34adb96906c1e0ec791"},i.t("nylasTimeslotInterval.headerTitle"))),l("div",{key:"1a5d01c3527559012a4b991c706ea63102e2cb74",class:"nylas-timeslot-interval__dropdown"},l("span",{key:"30d72077b635b19e0af1f404402a92829ef92bdf",class:"label",part:"nti__input-label"},i.t("nylasTimeslotInterval.timeslotInterval.label")),n?.label&&l("select-dropdown",{name:"interval-minutes",options:e,withSearch:false,exportparts:"sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content",defaultSelectedOption:n}),l("span",{key:"17d6586dfffc3e71a3c1faf3f1238f4e974a865c",slot:"label",class:"label",part:"nti__input-label"},i.t("nylasTimeslotInterval.timeslotRounding.label"),l("tooltip-component",{key:"b85500f177f727da153ad13a64a2587e27d9df27"},l("info-icon",{key:"e9c4ff956dd6d11324b203b3f1a36203d4cb8140",slot:"tooltip-icon"}),l("span",{key:"c15d850769db8572ba74a6ce33bfcbfb2d1b7ad0",slot:"tooltip-content"},i.t("nylasTimeslotInterval.timeslotRounding.tooltip.desc")))),this.componentLoaded&&l("radio-button-group",{name:"interval-preference",defaultSelectedValue:this.selectedRoundTo?"rounding":"no-rounding",options:[{value:"no-rounding",label:i.t("nylasTimeslotInterval.timeslotRoundingOptions.noRounding.label"),description:i.t("nylasTimeslotInterval.timeslotRoundingOptions.noRounding.desc")},{value:"rounding",label:i.t("nylasTimeslotInterval.timeslotRoundingOptions.rounding.label"),description:i.t("nylasTimeslotInterval.timeslotRoundingOptions.rounding.desc")}]}))))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([s({name:"nylas-timeslot-interval",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],f.prototype,"render",null);f.style=r;export{f as nylas_timeslot_interval};
+import{r as e,i as n,h as l,a as t,e as a}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as o,i}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const r=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-timeslot-interval{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-timeslot-interval .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label tooltip-component{display:flex}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown{margin-bottom:1.5rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-timeslot-interval .nylas-timeslot-interval__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-timeslot-interval .nylas-timeslot-interval__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,l,t){var a=arguments.length,s=a<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,l):t,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,l,t);else for(var i=e.length-1;i>=0;i--)if(o=e[i])s=(a<3?o(s):a>3?o(n,l,s):o(n,l))||s;return a>3&&s&&Object.defineProperty(n,l,s),s};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=15;const f=class{constructor(l){e(this,l);this.valueChanged=n(this,"valueChanged",7);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="timeslot-picker";this.eventDurationMinutes=this.selectedConfiguration?.availability?.duration_minutes;this.selectedLanguage=undefined;this.internalEventDurationMinutes=undefined;this.selectedInterval=undefined;this.selectedRoundTo=undefined;this.componentLoaded=false}elementNameChangedHandler(e){o("nylas-timeslot-interval","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){o("nylas-timeslot-interval","selectedConfigurationChangedHandler",e);this.internalEventDurationMinutes=e?.availability?.duration_minutes??this.eventDurationMinutes??30;const n=e?.availability?.interval_minutes??this.internalEventDurationMinutes??30;this.selectedInterval=e?.availability?.interval_minutes??n??10;const l=e?.availability?.round_to||null;this.selectedRoundTo=l&&l===n?true:false}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}connectedCallback(){o("nylas-timeslot-interval","connectedCallback")}disconnectedCallback(){o("nylas-timeslot-interval","disconnectedCallback")}componentWillLoad(){o("nylas-timeslot-interval","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-timeslot-interval","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.internalEventDurationMinutes=this.eventDurationMinutes??30;const e=this.internalEventDurationMinutes;this.selectedInterval=e??10;this.selectedRoundTo=false}this.componentLoaded=true}componentWillUpdate(){o("nylas-timeslot-interval","componentWillUpdate")}componentDidUpdate(){o("nylas-timeslot-interval","componentDidUpdate")}componentWillRender(){o("nylas-timeslot-interval","componentWillRender")}componentDidRender(){o("nylas-timeslot-interval","componentDidRender")}nylasFormDropdownChangedHandler(e){o("nylas-timeslot-interval","nylasFormDropdownChangedHandler",e.detail);const n=e.detail.value;if(n==="duration"){this.selectedInterval=this.internalEventDurationMinutes??10}else{this.selectedInterval=parseInt(e.detail.value)}this.valueChanged.emit({value:JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),name:this.name});if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),this.name)}}nylasFormRadioChangedHandler(e){o("nylas-timeslot-interval","nylasFormRadioChangedHandler",e.detail);const n=e.detail.value;if(n==="no-rounding"){this.selectedRoundTo=false}else{this.selectedRoundTo=true}this.valueChanged.emit({value:JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),name:this.name});if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(JSON.stringify({interval:this.selectedInterval,roundTo:this.selectedRoundTo?this.selectedInterval:y}),this.name)}}render(){const e=[{value:"duration",label:i.t("nylasTimeslotInterval.lengthOfMeeting")},{value:"5",label:`5 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"10",label:`10 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"15",label:`15 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"20",label:`20 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"30",label:`30 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"45",label:`45 ${i.t("nylasTimeslotInterval.minutesShort")}`},{value:"60",label:`60 ${i.t("nylasTimeslotInterval.minutesShort")}`}];const n=typeof this.selectedInterval!=="undefined"?this.selectedInterval==this.internalEventDurationMinutes?e[0]:e.find((e=>e.value==this.selectedInterval.toString()))??e[0]:undefined;return l(t,{key:"f004010f441ec7113689d8a6eecb408b24d7d68c"},l("div",{key:"aedc0b484170e3ad7731aee07f286c324c117bdf",class:"nylas-timeslot-interval",part:"nti"},l("div",{key:"71bb9b5d42a24ded08a722e09f709e8873d777d7",class:"header",part:"nti__header"},l("h3",{key:"a7c9868eaf862baa726ac34adb96906c1e0ec791"},i.t("nylasTimeslotInterval.headerTitle"))),l("div",{key:"1a5d01c3527559012a4b991c706ea63102e2cb74",class:"nylas-timeslot-interval__dropdown"},l("span",{key:"30d72077b635b19e0af1f404402a92829ef92bdf",class:"label",part:"nti__input-label"},i.t("nylasTimeslotInterval.timeslotInterval.label")),n?.label&&l("select-dropdown",{name:"interval-minutes",options:e,withSearch:false,exportparts:"sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content",defaultSelectedOption:n}),l("span",{key:"17d6586dfffc3e71a3c1faf3f1238f4e974a865c",slot:"label",class:"label",part:"nti__input-label"},i.t("nylasTimeslotInterval.timeslotRounding.label"),l("tooltip-component",{key:"b85500f177f727da153ad13a64a2587e27d9df27"},l("info-icon",{key:"e9c4ff956dd6d11324b203b3f1a36203d4cb8140",slot:"tooltip-icon"}),l("span",{key:"c15d850769db8572ba74a6ce33bfcbfb2d1b7ad0",slot:"tooltip-content"},i.t("nylasTimeslotInterval.timeslotRounding.tooltip.desc")))),this.componentLoaded&&l("radio-button-group",{name:"interval-preference",defaultSelectedValue:this.selectedRoundTo?"rounding":"no-rounding",options:[{value:"no-rounding",label:i.t("nylasTimeslotInterval.timeslotRoundingOptions.noRounding.label"),description:i.t("nylasTimeslotInterval.timeslotRoundingOptions.noRounding.desc")},{value:"rounding",label:i.t("nylasTimeslotInterval.timeslotRoundingOptions.rounding.label"),description:i.t("nylasTimeslotInterval.timeslotRoundingOptions.rounding.desc")}]}))))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([s({name:"nylas-timeslot-interval",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],f.prototype,"render",null);f.style=r;export{f as nylas_timeslot_interval};
 //# sourceMappingURL=nylas-timeslot-interval.entry.js.map

package/dist/nylas-web-elements/nylas-timeslot-picker.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,i as t,h as s,a as l,e as a}from"./index-3e0d6890.js";import{R as i}from"./register-component-3d439a88.js";import{a as n,i as o,r}from"./utils-3fdf2c83.js";import{b as c}from"./constants-794fe173.js";import"./utc-290d564f.js";const d=':host{display:block;height:calc(100% - 48px);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.time .time-label{display:flex;flex-direction:column;align-items:center;gap:4px}.time .time-label span.spots{font-size:14px;font-family:var(--nylas-font-family);font-weight:400;color:var(--nylas-base-600)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}';var y=undefined&&undefined.__decorate||function(e,t,s,l){var a=arguments.length,i=a<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,s):l,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,s,l);else for(var o=e.length-1;o>=0;o--)if(n=e[o])i=(a<3?n(i):a>3?n(t,s,i):n(t,s))||i;return a>3&&i&&Object.defineProperty(t,s,i),i};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const m=class{constructor(s){e(this,s);this.timeslotSelected=t(this,"timeslotSelected",7);this.timeslotConfirmed=t(this,"timeslotConfirmed",7);this.validateTimeslotError=t(this,"validateTimeslotError",7);this.handleConfirmedTimeslot=async(e,t)=>{e.preventDefault();n(`[nylas-timeslot-picker] Confirm timeslot`,t);if(t){this.timeslotConfirmed.emit({timeslot:t,host:this.host})}};this.handleMouseEnter=e=>{this.hoveredTimeslotIndex=e};this.handleMouseLeave=()=>{this.hoveredTimeslotIndex=-1};this.availability=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimeslot=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedDate=new Date;this.selectedLanguage=undefined;this.hour12=undefined;this.times=[];this.hoveredTimeslotIndex=undefined;this.selectedTimeslotIndex=undefined}selectedLanguageChanged(e){o.changeLanguage(e)}selectedDateChanged(e){n(`[nylas-timeslot-picker] Selected date changed`,{newVal:e});if(e){this.selectedTimeslotIndex="";if(typeof e!=="undefined"){const t=this.availability?.filter((t=>r(t.start_time,e,this.selectedTimezone))).map((e=>e));this.times=t||[]}}}availabilityChanged(e){n(`[nylas-timeslot-picker] Available times changed`,{newVal:e,selectedDate:this.selectedDate});if(typeof e!=="undefined"){const t=e?.filter((e=>this.selectedDate&&r(e.start_time,this.selectedDate,this.selectedTimezone))).map((e=>e));this.times=t||[]}}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n(`[nylas-timeslot-picker] Component will load`,{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){n(`[nylas-timeslot-picker] Component did load`);const e=this.availability?.filter((e=>this.selectedDate&&r(e.start_time,this.selectedDate,this.selectedTimezone))).map((e=>e));this.times=e||[];this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[t,s]of Object.entries(e)){this.host.style.setProperty(`${t}`,s)}}}getTimeslotId(e,t){return`${e.toLocaleDateString()}-${t}`}onClickSelectTime(e,t){n(`[nylas-timeslot-picker] Time selected`,e,t);this.selectedTimeslotIndex=this.getTimeslotId(e.start_time,t);this.timeslotSelected.emit({start_time:e.start_time,end_time:e.end_time,emails:e.emails,capacity:e?.capacity,event_id:e?.event_id,master_id:e?.master_id,calendar_id:e?.calendar_id})}async emitValidateTimeslotError(e,t){this.validateTimeslotError.emit({error:e,type:t})}getTimeSlotLabel(e){const t=c[this.selectedLanguage||"en"];const s=new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});return`${s.format(e.start_time)} - ${s.format(e.end_time)}`}render(){const e=c[this.selectedLanguage||"en"];if(this.isLoading){return s(l,null,s("div",{class:"loading"},new Array(6).fill(0).map(((e,t)=>s("div",{class:"timeslot-skeleton",style:{animationDelay:`${t*20}ms`}})))))}if(this.availability&&this.availability.length===0){return s(l,null,s("div",{class:"empty"},s("span",null,"No dates available")))}const t=this.times.filter((e=>{const t=e?.event_id||e?.master_id;const s=typeof e?.capacity==="number"&&e?.capacity>0;return!(t&&!s)}));if((!this.times||this.times.length===0||t.length===0)&&!!this.selectedDate){return s(l,null,s("div",{class:"empty"},s("span",null,"No time slots available for selected date")))}if(!this.selectedDate)return s(l,null);return s(l,{part:"ntp"},s("div",{class:"time-picker-wrapper",part:"ntp__time-picker-wrapper"},s("div",{class:"timeslots",part:"ntp__timeslots"},t.map(((t,l)=>{const a=typeof t?.capacity==="number"&&t?.capacity>0;return s("button",{part:`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime()===t.start_time.getTime()?"ntp__timeslot--selected":""}`,class:{time:true,selected:typeof this.selectedTimeslot!=="undefined"&&this.selectedTimeslot?.start_time?.getTime()===t.start_time.getTime()},onClick:()=>this.onClickSelectTime(t,l),onMouseEnter:()=>this.handleMouseEnter(l),onMouseLeave:()=>this.handleMouseLeave()},s("div",{class:"time-label",part:"ntp__time-label"},this.hoveredTimeslotIndex==l||this.selectedTimeslotIndex==this.getTimeslotId(t.start_time,l)?this.getTimeSlotLabel(t):t.start_time.toLocaleTimeString(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12}),s("span",{class:"spots"},a?`${t?.capacity} spots left`:null)))}))),this.selectedTimeslot&&s("div",{class:"footer"},s("button-component",{variant:"primary",onClick:e=>this.handleConfirmedTimeslot(e,this.selectedTimeslot),part:"ntp__button-primary"},s("slot",{name:"timeslot-picker-cta-label"},o.t("nextButton"))))))}get host(){return a(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChanged"],selectedDate:["selectedDateChanged"],availability:["availabilityChanged"],themeConfig:["themeConfigChanged"]}}};y([i({name:"nylas-timeslot-picker",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.availability","availability"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.isLoading","isLoading"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{timeslotSelected:async(e,t)=>{n("nylas-timeslot-picker","timeslotSelected",e.detail);t.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,t)=>{n("nylas-timeslot-picker","timeslotConfirmed",e.detail);const{timeslot:s,host:l}=e.detail;if(s&&s?.event_id&&s?.capacity){const e=await t.scheduler.validateGroupEventTimeslot(s);if(e&&"error"in e){const t=e.error?.message||"An error occurred while validating the timeslot";if(t==="Event is full"){l.emitValidateTimeslotError(t,"info")}else{l.emitValidateTimeslotError(t,"error")}}}else{t.scheduler.toggleAdditionalData(true)}},validateTimeslotError:async(e,t)=>{n("nylas-timeslot-picker","validateTimeslotError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],m.prototype,"render",null);m.style=d;export{m as nylas_timeslot_picker};
+import{r as e,i as t,h as s,a as l,e as a}from"./index-3e0d6890.js";import{R as i}from"./register-component-8b5587d5.js";import{a as n,i as o,z as r}from"./utils-ac8fef1e.js";import{b as c}from"./constants-794fe173.js";import"./utc-290d564f.js";const d=':host{display:block;height:calc(100% - 48px);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.time .time-label{display:flex;flex-direction:column;align-items:center;gap:4px}.time .time-label span.spots{font-size:14px;font-family:var(--nylas-font-family);font-weight:400;color:var(--nylas-base-600)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}';var y=undefined&&undefined.__decorate||function(e,t,s,l){var a=arguments.length,i=a<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,s):l,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,s,l);else for(var o=e.length-1;o>=0;o--)if(n=e[o])i=(a<3?n(i):a>3?n(t,s,i):n(t,s))||i;return a>3&&i&&Object.defineProperty(t,s,i),i};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const m=class{constructor(s){e(this,s);this.timeslotSelected=t(this,"timeslotSelected",7);this.timeslotConfirmed=t(this,"timeslotConfirmed",7);this.validateTimeslotError=t(this,"validateTimeslotError",7);this.handleConfirmedTimeslot=async(e,t)=>{e.preventDefault();n(`[nylas-timeslot-picker] Confirm timeslot`,t);if(t){this.timeslotConfirmed.emit({timeslot:t,host:this.host})}};this.handleMouseEnter=e=>{this.hoveredTimeslotIndex=e};this.handleMouseLeave=()=>{this.hoveredTimeslotIndex=-1};this.availability=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimeslot=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedDate=new Date;this.selectedLanguage=undefined;this.hour12=undefined;this.times=[];this.hoveredTimeslotIndex=undefined;this.selectedTimeslotIndex=undefined}selectedLanguageChanged(e){o.changeLanguage(e)}selectedDateChanged(e){n(`[nylas-timeslot-picker] Selected date changed`,{newVal:e});if(e){this.selectedTimeslotIndex="";if(typeof e!=="undefined"){const t=this.availability?.filter((t=>r(t.start_time,e,this.selectedTimezone))).map((e=>e));this.times=t||[]}}}availabilityChanged(e){n(`[nylas-timeslot-picker] Available times changed`,{newVal:e,selectedDate:this.selectedDate});if(typeof e!=="undefined"){const t=e?.filter((e=>this.selectedDate&&r(e.start_time,this.selectedDate,this.selectedTimezone))).map((e=>e));this.times=t||[]}}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n(`[nylas-timeslot-picker] Component will load`,{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){n(`[nylas-timeslot-picker] Component did load`);const e=this.availability?.filter((e=>this.selectedDate&&r(e.start_time,this.selectedDate,this.selectedTimezone))).map((e=>e));this.times=e||[];this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[t,s]of Object.entries(e)){this.host.style.setProperty(`${t}`,s)}}}getTimeslotId(e,t){const s=new Date(e.start_time);const l=e.event_id;return`${s.toLocaleDateString()}-${t}${l?`-${l}`:""}`}onClickSelectTime(e,t){n(`[nylas-timeslot-picker] Time selected`,e,t);this.selectedTimeslotIndex=this.getTimeslotId(e,t);this.timeslotSelected.emit({start_time:e.start_time,end_time:e.end_time,emails:e.emails,capacity:e?.capacity,event_id:e?.event_id,master_id:e?.master_id,calendar_id:e?.calendar_id})}async emitValidateTimeslotError(e,t){this.validateTimeslotError.emit({error:e,type:t})}getTimeSlotLabel(e){const t=c[this.selectedLanguage||"en"];const s=new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});return`${s.format(e.start_time)} - ${s.format(e.end_time)}`}render(){const e=c[this.selectedLanguage||"en"];if(this.isLoading){return s(l,null,s("div",{class:"loading"},new Array(6).fill(0).map(((e,t)=>s("div",{class:"timeslot-skeleton",style:{animationDelay:`${t*20}ms`}})))))}if(this.availability&&this.availability.length===0){return s(l,null,s("div",{class:"empty"},s("span",null,"No dates available")))}const t=this.times.filter((e=>{const t=e?.event_id||e?.master_id;const s=typeof e?.capacity==="number"&&e?.capacity>0;return!(t&&!s)}));if((!this.times||this.times.length===0||t.length===0)&&!!this.selectedDate){return s(l,null,s("div",{class:"empty"},s("span",null,"No time slots available for selected date")))}if(!this.selectedDate)return s(l,null);return s(l,{part:"ntp"},s("div",{class:"time-picker-wrapper",part:"ntp__time-picker-wrapper"},s("div",{class:"timeslots",part:"ntp__timeslots"},t.map(((t,l)=>{const a=typeof t?.capacity==="number"&&t?.capacity>0;const i=this.selectedTimeslotIndex==this.getTimeslotId(t,l);return s("button",{part:`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime()===t.start_time.getTime()?"ntp__timeslot--selected":""}`,class:{time:true,selected:typeof this.selectedTimeslot!=="undefined"&&i},onClick:()=>this.onClickSelectTime(t,l),onMouseEnter:()=>this.handleMouseEnter(l),onMouseLeave:()=>this.handleMouseLeave()},s("div",{class:"time-label",part:"ntp__time-label"},this.hoveredTimeslotIndex==l||i?this.getTimeSlotLabel(t):t.start_time.toLocaleTimeString(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12}),s("span",{class:"spots"},a?`${t?.capacity} spots left`:null)))}))),this.selectedTimeslot&&s("div",{class:"footer"},s("button-component",{variant:"primary",onClick:e=>this.handleConfirmedTimeslot(e,this.selectedTimeslot),part:"ntp__button-primary"},s("slot",{name:"timeslot-picker-cta-label"},o.t("nextButton"))))))}get host(){return a(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChanged"],selectedDate:["selectedDateChanged"],availability:["availabilityChanged"],themeConfig:["themeConfigChanged"]}}};y([i({name:"nylas-timeslot-picker",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.availability","availability"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.isLoading","isLoading"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{timeslotSelected:async(e,t)=>{n("nylas-timeslot-picker","timeslotSelected",e.detail);t.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,t)=>{n("nylas-timeslot-picker","timeslotConfirmed",e.detail);const{timeslot:s,host:l}=e.detail;if(s&&s?.event_id&&s?.capacity){const e=await t.scheduler.validateGroupEventTimeslot(s);if(e&&"error"in e){const t=e.error?.message||"An error occurred while validating the timeslot";if(t==="Event is full"){l.emitValidateTimeslotError(t,"info")}else{l.emitValidateTimeslotError(t,"error")}}}else{t.scheduler.toggleAdditionalData(true)}},validateTimeslotError:async(e,t)=>{n("nylas-timeslot-picker","validateTimeslotError",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],m.prototype,"render",null);m.style=d;export{m as nylas_timeslot_picker};
 //# sourceMappingURL=nylas-timeslot-picker.entry.js.map

package/dist/nylas-web-elements/nylas-timeslot-picker.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["nylasTimeslotPickerCss","NylasTimeslotPicker","this","handleConfirmedTimeslot","async","event","timeslot","preventDefault","debug","timeslotConfirmed","emit","host","handleMouseEnter","index","hoveredTimeslotIndex","handleMouseLeave","Intl","DateTimeFormat","resolvedOptions","timeZone","Date","selectedLanguageChanged","newLanguage","i18next","changeLanguage","selectedDateChanged","newVal","selectedTimeslotIndex","availableTimes","availability","filter","isSameDayTimezone","start_time","selectedTimezone","map","times","availabilityChanged","selectedDate","themeConfigChanged","newThemeConfig","applyThemeConfig","connectedCallback","disconnectedCallback","componentWillLoad","componentDidLoad","themeConfig","key","value","Object","entries","style","setProperty","getTimeslotId","date","toLocaleDateString","onClickSelectTime","timeslotSelected","end_time","emails","capacity","event_id","master_id","calendar_id","emitValidateTimeslotError","error","type","validateTimeslotError","getTimeSlotLabel","locale","LANGUAGE_CODE_TO_LOCALE_MAP","selectedLanguage","timeFormat","hour","minute","hour12","format","render","isLoading","h","Host","class","Array","fill","_","i","animationDelay","length","filteredTimes","groupEvent","showCapacity","part","selectedTimeslot","getTime","time","selected","onClick","onMouseEnter","onMouseLeave","toLocaleTimeString","variant","name","t","__decorate","RegisterComponent","stateToProps","Map","eventToProps","nylasSchedulerConnector","detail","scheduler","selectTime","result","validateGroupEventTimeslot","errorMessage","message","toggleAdditionalData","_nylasSchedulerConnector","fireRegisterEvent"],"sources":["src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.scss?tag=nylas-timeslot-picker&encapsulation=shadow","src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n display: block;\n height: calc(100% - 48px); //48px is the height of the header\n @include default-css-variables;\n}\n\n.time-picker-wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.timeslots {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n align-items: center;\n overflow-y: scroll;\n padding: 0.5rem 1.5rem 1.5rem;\n flex: 1;\n}\n\n.time {\n /* Frame 12 /\n box-sizing: border-box;\n\n / Auto layout /\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 4px 12px;\n gap: 0.5rem;\n font-size: 16px;\n font-weight: 500;\n font-family: inherit;\n\n width: 100%;\n height: 48px;\n\n color: var(--nylas-base-800);\n background: var(--nylas-base-0);\n border: none;\n outline: 1.5px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius-2x);\n\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n\n cursor: pointer;\n\n &:hover,\n &:focus {\n color: var(--nylas-primary);\n outline-color: var(--nylas-primary);\n }\n\n &.selected {\n font-weight: 600;\n color: var(--nylas-primary);\n outline: 2px solid var(--nylas-primary);\n border-color: transparent;\n box-shadow: 0 0 0 2px var(--nylas-primary);\n }\n\n .time-label {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n\n span.spots {\n font-size: 14px;\n font-family: var(--nylas-font-family);\n font-weight: 400;\n color: var(--nylas-base-600);\n }\n }\n}\n\n.empty {\n text-align: center;\n padding: 0 1.5rem;\n color: var(--nylas-base-600);\n font-size: min(max(12px, 2vw), 14px);\n height: 450px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@keyframes pulsate {\n 0% {\n background-color: var(--nylas-base-50);\n }\n\n 50% {\n background-color: var(--nylas-base-100);\n }\n\n 100% {\n background-color: var(--nylas-base-50);\n }\n}\n\n.loading {\n padding: 0 1.5rem;\n\n .timeslot-skeleton {\n width: 100%;\n height: 4rem;\n background-color: var(--nylas-base-50);\n margin-bottom: 0.5rem;\n border-radius: var(--nylas-border-radius-2x);\n animation: pulsate 1.5s infinite ease-in-out;\n }\n}\n\n.footer {\n width: 100%;\n padding: 14px;\n box-sizing: border-box;\n border-top: 1px solid var(--nylas-base-200);\n}","import { RegisterComponent } from '@/common/register-component';\nimport { debug, isSameDayTimezone } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { AvailabilityTimeslot } from '@/stores/scheduler-store';\nimport type { ThemeConfig, Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE_TO_LOCALE_MAP } from '@/common/constants';\n\n/\n The `nylas-timeslot-picker` component is a UI component that allows users to select a timeslot from a list of available timeslots.\n \n @slot timeslot-picker-cta-label - The label for the timeslot picker CTA. Default is \"Next\".\n * @part ntp - The timeslot picker component.\n * @part ntp__timeslot - The timeslot button.\n * @part ntp__timeslot--selected - The selected timeslot button.\n * @part ntp__button-primary - The timeslot picker CTA.\n * @part ntp__time-picker-wrapper - The timeslot picker wrapper.\n * @part ntp__timeslots - The timeslot picker timeslots.\n /\n@Component({\n tag: 'nylas-timeslot-picker',\n styleUrl: 'nylas-timeslot-picker.scss',\n shadow: true,\n})\nexport class NylasTimeslotPicker {\n /\n The host element.\n * Used to manage the host element of the provider.\n /\n @Element() private host!: HTMLNylasTimeslotPickerElement;\n /\n @standalone\n * The available timeslots.\n /\n @Prop({ attribute: 'availability' }) readonly availability?: AvailabilityTimeslot[];\n /\n @standalone\n * The loading state prop. Used to display loading state when fetching availability.\n /\n @Prop({ attribute: 'loading-state' }) readonly isLoading?: boolean;\n /\n @standalone\n * The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n /\n The selected timeslot.\n /\n @Prop({ attribute: 'selected-timeslot' }) readonly selectedTimeslot?: Timeslot;\n /\n The selected timezone.\n /\n @Prop({ attribute: 'selected-timezone' }) readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n /\n The selected date.\n /\n @Prop({ attribute: 'selected-date' }) readonly selectedDate?: Date = new Date();\n /\n The selected language.\n /\n @Prop() selectedLanguage?: string;\n /\n The 12-hour time format.\n /\n @Prop() hour12?: boolean;\n\n /\n This event is fired when a timeslot is selected.\n /\n @Event() readonly timeslotSelected!: EventEmitter<Timeslot>;\n /\n This event is fired when a timeslot is confirmed. By default, this will proceed to the booking form page.\n /\n @Event() readonly timeslotConfirmed!: EventEmitter<{ timeslot: Timeslot; host: HTMLNylasTimeslotPickerElement }>;\n\n @Event() readonly validateTimeslotError!: EventEmitter<{ error: string; type: 'error' \| 'info' }>;\n\n @State() times: AvailabilityTimeslot[] = [];\n @State() hoveredTimeslotIndex?: number;\n @State() selectedTimeslotIndex?: string;\n\n @Watch('selectedLanguage')\n selectedLanguageChanged(newLanguage: string) {\n i18next.changeLanguage(newLanguage);\n }\n\n @Watch('selectedDate')\n selectedDateChanged(newVal: Date \| null \| undefined) {\n debug(`[nylas-timeslot-picker] Selected date changed`, { newVal });\n\n if (newVal) {\n this.selectedTimeslotIndex = '';\n if (typeof newVal !== 'undefined') {\n const availableTimes = this.availability?.filter(timeslot => isSameDayTimezone(timeslot.start_time, newVal, this.selectedTimezone)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n }\n\n @Watch('availability')\n availabilityChanged(newVal: AvailabilityTimeslot[] \| undefined) {\n debug(`[nylas-timeslot-picker] Available times changed`, { newVal, selectedDate: this.selectedDate });\n if (typeof newVal !== 'undefined') {\n const availableTimes = newVal\n ?.filter(timeslot => this.selectedDate && isSameDayTimezone(timeslot.start_time, this.selectedDate, this.selectedTimezone))\n .map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n\n @Watch('themeConfig')\n themeConfigChanged(newThemeConfig: ThemeConfig) {\n this.applyThemeConfig(newThemeConfig);\n }\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n async componentWillLoad() {\n debug(`[nylas-timeslot-picker] Component will load`, { selectedDate: this.selectedDate, availability: this.availability, times: this.times });\n }\n\n async componentDidLoad() {\n debug(`[nylas-timeslot-picker] Component did load`);\n const availableTimes = this.availability\n ?.filter(timeslot => this.selectedDate && isSameDayTimezone(timeslot.start_time, this.selectedDate, this.selectedTimezone))\n .map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n this.applyThemeConfig(this.themeConfig);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n private getTimeslotId(date: Date, index: number) {\n return `${date.toLocaleDateString()}-${index}`;\n }\n\n private onClickSelectTime(timeslot: Timeslot, index: number) {\n debug(`[nylas-timeslot-picker] Time selected`, timeslot, index);\n this.selectedTimeslotIndex = this.getTimeslotId(timeslot.start_time, index);\n this.timeslotSelected.emit({\n start_time: timeslot.start_time,\n end_time: timeslot.end_time,\n emails: timeslot.emails,\n capacity: timeslot?.capacity,\n event_id: timeslot?.event_id,\n master_id: timeslot?.master_id,\n calendar_id: timeslot?.calendar_id,\n });\n }\n\n private handleConfirmedTimeslot = async (event: Event, timeslot: Timeslot \| undefined) => {\n event.preventDefault();\n debug(`[nylas-timeslot-picker] Confirm timeslot`, timeslot);\n if (timeslot) {\n this.timeslotConfirmed.emit({ timeslot, host: this.host });\n }\n };\n\n @Method()\n async emitValidateTimeslotError(error: string, type: 'error' \| 'info') {\n this.validateTimeslotError.emit({ error, type });\n }\n\n private handleMouseEnter = (index: number) => {\n this.hoveredTimeslotIndex = index;\n };\n\n private handleMouseLeave = () => {\n this.hoveredTimeslotIndex = -1;\n };\n\n private getTimeSlotLabel(timeslot: Timeslot) {\n const locale = LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage \|\| 'en'];\n const timeFormat = new Intl.DateTimeFormat(locale, {\n hour: '2-digit',\n minute: '2-digit',\n timeZone: this.selectedTimezone,\n hour12: this.hour12,\n });\n return `${timeFormat.format(timeslot.start_time)} - ${timeFormat.format(timeslot.end_time)}`;\n }\n\n @RegisterComponent<NylasTimeslotPicker, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-timeslot-picker',\n stateToProps: new Map([\n ['scheduler.selectedDate', 'selectedDate'],\n ['scheduler.availability', 'availability'],\n ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n ['scheduler.selectedTimezone', 'selectedTimezone'],\n ['scheduler.selectedLanguage', 'selectedLanguage'],\n ['scheduler.isLoading', 'isLoading'],\n ['scheduler.themeConfig', 'themeConfig'],\n ['scheduler.hour12', 'hour12'],\n ]),\n eventToProps: {\n timeslotSelected: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotSelected', event.detail);\n nylasSchedulerConnector.scheduler.selectTime(event.detail);\n },\n timeslotConfirmed: async (event: CustomEvent<{ timeslot: Timeslot; host: HTMLNylasTimeslotPickerElement }>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotConfirmed', event.detail);\n const { timeslot, host } = event.detail;\n if (timeslot && timeslot?.event_id && timeslot?.capacity) {\n const result = await nylasSchedulerConnector.scheduler.validateGroupEventTimeslot(timeslot);\n if (result && 'error' in result) {\n const errorMessage = result.error?.message \|\| 'An error occurred while validating the timeslot';\n if (errorMessage === 'Event is full') {\n host.emitValidateTimeslotError(errorMessage, 'info');\n } else {\n host.emitValidateTimeslotError(errorMessage, 'error');\n }\n }\n } else {\n nylasSchedulerConnector.scheduler.toggleAdditionalData(true);\n }\n },\n validateTimeslotError: async (event: CustomEvent<{ error: string }>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'validateTimeslotError', event.detail);\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const locale = LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage \|\| 'en'];\n if (this.isLoading) {\n return (\n <Host>\n <div class={'loading'}>\n {new Array(6).fill(0).map((_, i) => (\n <div class={'timeslot-skeleton'} style={{ animationDelay: `${i 20}ms` }} />\n ))}\n </div>\n </Host>\n );\n }\n\n if (this.availability && this.availability.length === 0) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No dates available</span>\n </div>\n </Host>\n );\n }\n\n const filteredTimes = this.times.filter(timeslot => {\n const groupEvent = timeslot?.event_id \|\| timeslot?.master_id;\n const showCapacity = typeof timeslot?.capacity === 'number' && timeslot?.capacity > 0;\n return !(groupEvent && !showCapacity);\n });\n\n if ((!this.times \|\| this.times.length === 0 \|\| filteredTimes.length === 0) && !!this.selectedDate) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No time slots available for selected date</span>\n </div>\n </Host>\n );\n }\n\n if (!this.selectedDate) return <Host></Host>;\n\n return (\n <Host part=\"ntp\">\n <div class={'time-picker-wrapper'} part=\"ntp__time-picker-wrapper\">\n <div class={'timeslots'} part=\"ntp__timeslots\">\n {filteredTimes.map((timeslot, index) => {\n const showCapacity = typeof timeslot?.capacity === 'number' && timeslot?.capacity > 0;\n return (\n <button\n part={`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime() ? 'ntp__timeslot--selected' : ''}`}\n class={{\n time: true,\n selected: typeof this.selectedTimeslot !== 'undefined' && this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime(),\n }}\n onClick={() => this.onClickSelectTime(timeslot, index)}\n onMouseEnter={() => this.handleMouseEnter(index)}\n onMouseLeave={() => this.handleMouseLeave()}\n >\n <div class=\"time-label\" part=\"ntp__time-label\">\n {this.hoveredTimeslotIndex == index \|\| this.selectedTimeslotIndex == this.getTimeslotId(timeslot.start_time, index)\n ? this.getTimeSlotLabel(timeslot)\n : timeslot.start_time.toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit', timeZone: this.selectedTimezone, hour12: this.hour12 })}\n <span class=\"spots\">{showCapacity ? `${timeslot?.capacity} spots left` : null}</span>\n </div>\n </button>\n );\n })}\n </div>\n {this.selectedTimeslot && (\n <div class={'footer'}>\n <button-component variant={'primary'} onClick={(event: Event) => this.handleConfirmedTimeslot(event, this.selectedTimeslot)} part=\"ntp__button-primary\">\n <slot name=\"timeslot-picker-cta-label\">{i18next.t('nextButton')}</slot>\n </button-component>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["nylasTimeslotPickerCss","NylasTimeslotPicker","this","handleConfirmedTimeslot","async","event","timeslot","preventDefault","debug","timeslotConfirmed","emit","host","handleMouseEnter","index","hoveredTimeslotIndex","handleMouseLeave","Intl","DateTimeFormat","resolvedOptions","timeZone","Date","selectedLanguageChanged","newLanguage","i18next","changeLanguage","selectedDateChanged","newVal","selectedTimeslotIndex","availableTimes","availability","filter","isSameDayTimezone","start_time","selectedTimezone","map","times","availabilityChanged","selectedDate","themeConfigChanged","newThemeConfig","applyThemeConfig","connectedCallback","disconnectedCallback","componentWillLoad","componentDidLoad","themeConfig","key","value","Object","entries","style","setProperty","getTimeslotId","date","eventId","event_id","toLocaleDateString","onClickSelectTime","timeslotSelected","end_time","emails","capacity","master_id","calendar_id","emitValidateTimeslotError","error","type","validateTimeslotError","getTimeSlotLabel","locale","LANGUAGE_CODE_TO_LOCALE_MAP","selectedLanguage","timeFormat","hour","minute","hour12","format","render","isLoading","h","Host","class","Array","fill","_","i","animationDelay","length","filteredTimes","groupEvent","showCapacity","part","isSelected","selectedTimeslot","getTime","time","selected","onClick","onMouseEnter","onMouseLeave","toLocaleTimeString","variant","name","t","__decorate","RegisterComponent","stateToProps","Map","eventToProps","nylasSchedulerConnector","detail","scheduler","selectTime","result","validateGroupEventTimeslot","errorMessage","message","toggleAdditionalData","_nylasSchedulerConnector","fireRegisterEvent"],"sources":["src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.scss?tag=nylas-timeslot-picker&encapsulation=shadow","src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n display: block;\n height: calc(100% - 48px); //48px is the height of the header\n @include default-css-variables;\n}\n\n.time-picker-wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.timeslots {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n align-items: center;\n overflow-y: scroll;\n padding: 0.5rem 1.5rem 1.5rem;\n flex: 1;\n}\n\n.time {\n /* Frame 12 /\n box-sizing: border-box;\n\n / Auto layout /\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 4px 12px;\n gap: 0.5rem;\n font-size: 16px;\n font-weight: 500;\n font-family: inherit;\n\n width: 100%;\n height: 48px;\n\n color: var(--nylas-base-800);\n background: var(--nylas-base-0);\n border: none;\n outline: 1.5px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius-2x);\n\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n\n cursor: pointer;\n\n &:hover,\n &:focus {\n color: var(--nylas-primary);\n outline-color: var(--nylas-primary);\n }\n\n &.selected {\n font-weight: 600;\n color: var(--nylas-primary);\n outline: 2px solid var(--nylas-primary);\n border-color: transparent;\n box-shadow: 0 0 0 2px var(--nylas-primary);\n }\n\n .time-label {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n\n span.spots {\n font-size: 14px;\n font-family: var(--nylas-font-family);\n font-weight: 400;\n color: var(--nylas-base-600);\n }\n }\n}\n\n.empty {\n text-align: center;\n padding: 0 1.5rem;\n color: var(--nylas-base-600);\n font-size: min(max(12px, 2vw), 14px);\n height: 450px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@keyframes pulsate {\n 0% {\n background-color: var(--nylas-base-50);\n }\n\n 50% {\n background-color: var(--nylas-base-100);\n }\n\n 100% {\n background-color: var(--nylas-base-50);\n }\n}\n\n.loading {\n padding: 0 1.5rem;\n\n .timeslot-skeleton {\n width: 100%;\n height: 4rem;\n background-color: var(--nylas-base-50);\n margin-bottom: 0.5rem;\n border-radius: var(--nylas-border-radius-2x);\n animation: pulsate 1.5s infinite ease-in-out;\n }\n}\n\n.footer {\n width: 100%;\n padding: 14px;\n box-sizing: border-box;\n border-top: 1px solid var(--nylas-base-200);\n}","import { RegisterComponent } from '@/common/register-component';\nimport { debug, isSameDayTimezone } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { AvailabilityTimeslot } from '@/stores/scheduler-store';\nimport type { ThemeConfig, Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE_TO_LOCALE_MAP } from '@/common/constants';\n\n/\n The `nylas-timeslot-picker` component is a UI component that allows users to select a timeslot from a list of available timeslots.\n \n @slot timeslot-picker-cta-label - The label for the timeslot picker CTA. Default is \"Next\".\n * @part ntp - The timeslot picker component.\n * @part ntp__timeslot - The timeslot button.\n * @part ntp__timeslot--selected - The selected timeslot button.\n * @part ntp__button-primary - The timeslot picker CTA.\n * @part ntp__time-picker-wrapper - The timeslot picker wrapper.\n * @part ntp__timeslots - The timeslot picker timeslots.\n /\n@Component({\n tag: 'nylas-timeslot-picker',\n styleUrl: 'nylas-timeslot-picker.scss',\n shadow: true,\n})\nexport class NylasTimeslotPicker {\n /\n The host element.\n * Used to manage the host element of the provider.\n /\n @Element() private host!: HTMLNylasTimeslotPickerElement;\n /\n @standalone\n * The available timeslots.\n /\n @Prop({ attribute: 'availability' }) readonly availability?: AvailabilityTimeslot[];\n /\n @standalone\n * The loading state prop. Used to display loading state when fetching availability.\n /\n @Prop({ attribute: 'loading-state' }) readonly isLoading?: boolean;\n /\n @standalone\n * The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n /\n The selected timeslot.\n /\n @Prop({ attribute: 'selected-timeslot' }) readonly selectedTimeslot?: Timeslot;\n /\n The selected timezone.\n /\n @Prop({ attribute: 'selected-timezone' }) readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n /\n The selected date.\n /\n @Prop({ attribute: 'selected-date' }) readonly selectedDate?: Date = new Date();\n /\n The selected language.\n /\n @Prop() selectedLanguage?: string;\n /\n The 12-hour time format.\n /\n @Prop() hour12?: boolean;\n\n /\n This event is fired when a timeslot is selected.\n /\n @Event() readonly timeslotSelected!: EventEmitter<Timeslot>;\n /\n This event is fired when a timeslot is confirmed. By default, this will proceed to the booking form page.\n /\n @Event() readonly timeslotConfirmed!: EventEmitter<{ timeslot: Timeslot; host: HTMLNylasTimeslotPickerElement }>;\n\n @Event() readonly validateTimeslotError!: EventEmitter<{ error: string; type: 'error' \| 'info' }>;\n\n @State() times: AvailabilityTimeslot[] = [];\n @State() hoveredTimeslotIndex?: number;\n @State() selectedTimeslotIndex?: string;\n\n @Watch('selectedLanguage')\n selectedLanguageChanged(newLanguage: string) {\n i18next.changeLanguage(newLanguage);\n }\n\n @Watch('selectedDate')\n selectedDateChanged(newVal: Date \| null \| undefined) {\n debug(`[nylas-timeslot-picker] Selected date changed`, { newVal });\n\n if (newVal) {\n this.selectedTimeslotIndex = '';\n if (typeof newVal !== 'undefined') {\n const availableTimes = this.availability?.filter(timeslot => isSameDayTimezone(timeslot.start_time, newVal, this.selectedTimezone)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n }\n\n @Watch('availability')\n availabilityChanged(newVal: AvailabilityTimeslot[] \| undefined) {\n debug(`[nylas-timeslot-picker] Available times changed`, { newVal, selectedDate: this.selectedDate });\n if (typeof newVal !== 'undefined') {\n const availableTimes = newVal\n ?.filter(timeslot => this.selectedDate && isSameDayTimezone(timeslot.start_time, this.selectedDate, this.selectedTimezone))\n .map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n\n @Watch('themeConfig')\n themeConfigChanged(newThemeConfig: ThemeConfig) {\n this.applyThemeConfig(newThemeConfig);\n }\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n async componentWillLoad() {\n debug(`[nylas-timeslot-picker] Component will load`, { selectedDate: this.selectedDate, availability: this.availability, times: this.times });\n }\n\n async componentDidLoad() {\n debug(`[nylas-timeslot-picker] Component did load`);\n const availableTimes = this.availability\n ?.filter(timeslot => this.selectedDate && isSameDayTimezone(timeslot.start_time, this.selectedDate, this.selectedTimezone))\n .map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n this.applyThemeConfig(this.themeConfig);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n private getTimeslotId(timeslot: Timeslot, index: number) {\n const date = new Date(timeslot.start_time);\n const eventId = timeslot.event_id;\n return `${date.toLocaleDateString()}-${index}${eventId ? `-${eventId}` : ''}`;\n }\n\n private onClickSelectTime(timeslot: Timeslot, index: number) {\n debug(`[nylas-timeslot-picker] Time selected`, timeslot, index);\n this.selectedTimeslotIndex = this.getTimeslotId(timeslot, index);\n this.timeslotSelected.emit({\n start_time: timeslot.start_time,\n end_time: timeslot.end_time,\n emails: timeslot.emails,\n capacity: timeslot?.capacity,\n event_id: timeslot?.event_id,\n master_id: timeslot?.master_id,\n calendar_id: timeslot?.calendar_id,\n });\n }\n\n private handleConfirmedTimeslot = async (event: Event, timeslot: Timeslot \| undefined) => {\n event.preventDefault();\n debug(`[nylas-timeslot-picker] Confirm timeslot`, timeslot);\n if (timeslot) {\n this.timeslotConfirmed.emit({ timeslot, host: this.host });\n }\n };\n\n @Method()\n async emitValidateTimeslotError(error: string, type: 'error' \| 'info') {\n this.validateTimeslotError.emit({ error, type });\n }\n\n private handleMouseEnter = (index: number) => {\n this.hoveredTimeslotIndex = index;\n };\n\n private handleMouseLeave = () => {\n this.hoveredTimeslotIndex = -1;\n };\n\n private getTimeSlotLabel(timeslot: Timeslot) {\n const locale = LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage \|\| 'en'];\n const timeFormat = new Intl.DateTimeFormat(locale, {\n hour: '2-digit',\n minute: '2-digit',\n timeZone: this.selectedTimezone,\n hour12: this.hour12,\n });\n return `${timeFormat.format(timeslot.start_time)} - ${timeFormat.format(timeslot.end_time)}`;\n }\n\n @RegisterComponent<NylasTimeslotPicker, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-timeslot-picker',\n stateToProps: new Map([\n ['scheduler.selectedDate', 'selectedDate'],\n ['scheduler.availability', 'availability'],\n ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n ['scheduler.selectedTimezone', 'selectedTimezone'],\n ['scheduler.selectedLanguage', 'selectedLanguage'],\n ['scheduler.isLoading', 'isLoading'],\n ['scheduler.themeConfig', 'themeConfig'],\n ['scheduler.hour12', 'hour12'],\n ]),\n eventToProps: {\n timeslotSelected: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotSelected', event.detail);\n nylasSchedulerConnector.scheduler.selectTime(event.detail);\n },\n timeslotConfirmed: async (event: CustomEvent<{ timeslot: Timeslot; host: HTMLNylasTimeslotPickerElement }>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotConfirmed', event.detail);\n const { timeslot, host } = event.detail;\n if (timeslot && timeslot?.event_id && timeslot?.capacity) {\n const result = await nylasSchedulerConnector.scheduler.validateGroupEventTimeslot(timeslot);\n if (result && 'error' in result) {\n const errorMessage = result.error?.message \|\| 'An error occurred while validating the timeslot';\n if (errorMessage === 'Event is full') {\n host.emitValidateTimeslotError(errorMessage, 'info');\n } else {\n host.emitValidateTimeslotError(errorMessage, 'error');\n }\n }\n } else {\n nylasSchedulerConnector.scheduler.toggleAdditionalData(true);\n }\n },\n validateTimeslotError: async (event: CustomEvent<{ error: string }>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'validateTimeslotError', event.detail);\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const locale = LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage \|\| 'en'];\n if (this.isLoading) {\n return (\n <Host>\n <div class={'loading'}>\n {new Array(6).fill(0).map((_, i) => (\n <div class={'timeslot-skeleton'} style={{ animationDelay: `${i 20}ms` }} />\n ))}\n </div>\n </Host>\n );\n }\n\n if (this.availability && this.availability.length === 0) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No dates available</span>\n </div>\n </Host>\n );\n }\n\n const filteredTimes = this.times.filter(timeslot => {\n const groupEvent = timeslot?.event_id \|\| timeslot?.master_id;\n const showCapacity = typeof timeslot?.capacity === 'number' && timeslot?.capacity > 0;\n return !(groupEvent && !showCapacity);\n });\n\n if ((!this.times \|\| this.times.length === 0 \|\| filteredTimes.length === 0) && !!this.selectedDate) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No time slots available for selected date</span>\n </div>\n </Host>\n );\n }\n\n if (!this.selectedDate) return <Host></Host>;\n\n return (\n <Host part=\"ntp\">\n <div class={'time-picker-wrapper'} part=\"ntp__time-picker-wrapper\">\n <div class={'timeslots'} part=\"ntp__timeslots\">\n {filteredTimes.map((timeslot, index) => {\n const showCapacity = typeof timeslot?.capacity === 'number' && timeslot?.capacity > 0;\n const isSelected = this.selectedTimeslotIndex == this.getTimeslotId(timeslot, index);\n return (\n <button\n part={`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime() ? 'ntp__timeslot--selected' : ''}`}\n class={{\n time: true,\n selected: typeof this.selectedTimeslot !== 'undefined' && isSelected,\n }}\n onClick={() => this.onClickSelectTime(timeslot, index)}\n onMouseEnter={() => this.handleMouseEnter(index)}\n onMouseLeave={() => this.handleMouseLeave()}\n >\n <div class=\"time-label\" part=\"ntp__time-label\">\n {this.hoveredTimeslotIndex == index \|\| isSelected\n ? this.getTimeSlotLabel(timeslot)\n : timeslot.start_time.toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit', timeZone: this.selectedTimezone, hour12: this.hour12 })}\n <span class=\"spots\">{showCapacity ? `${timeslot?.capacity} spots left` : null}</span>\n </div>\n </button>\n );\n })}\n </div>\n {this.selectedTimeslot && (\n <div class={'footer'}>\n <button-component variant={'primary'} onClick={(event: Event) => this.handleConfirmedTimeslot(event, this.selectedTimeslot)} part=\"ntp__button-primary\">\n <slot name=\"timeslot-picker-cta-label\">{i18next.t('nextButton')}</slot>\n </button-component>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/nylas-web-elements.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{B as e,c as n,H as a,d as t,N as o,p as l,b as d}from"./index-3e0d6890.js";export{s as setNonce}from"./index-3e0d6890.js";import{g as i}from"./app-globals-295a87be.js";const r=()=>{if(e.isDev&&!e.isTesting){n("Running in development mode.")}if(e.cloneNodeFix){g(a.prototype)}const d=e.scriptDataOpts?Array.from(t.querySelectorAll("script")).find((e=>new RegExp(`/${o}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===o)):null;const i=import.meta.url;const r=e.scriptDataOpts?(d||{})["data-opts"]||{}:{};if(i!==""){r.resourcesUrl=new URL(".",i).href}return l(r)};const g=e=>{const n=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return n.call(this,e)}const a=n.call(this,false);const t=this.childNodes;if(e){for(let e=0;e<t.length;e++){if(t[e].nodeType!==2){a.appendChild(t[e].cloneNode(true))}}}return a}};r().then((e=>{i();return d(JSON.parse('[["nylas-reminder-emails",[[65,"nylas-reminder-emails",{"selectedConfiguration":[16],"eventReminders":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"reminders":[32],"reminderErrors":[32],"participants":[32],"clearError":[32]},[[0,"valueChanged","handleValueChanged"],[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"],[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-editor-tabs",[[6,"nylas-editor-tabs",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"selectedConfiguration":["configChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-scheduler-editor",[[1,"nylas-scheduler-editor",{"configurationId":[1025,"configuration-id"],"nylasApiRequest":[1040],"nylasSessionsConfig":[16],"defaultAuthArgs":[16],"eventOverrides":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"defaultSchedulerConfigState":[16],"mode":[1],"additionalParticipants":[16],"hideEditorTabs":[16],"conferenceProviders":[16],"requiresSlug":[4,"requires-slug"],"enableUserFeedback":[4,"enable-user-feedback"],"defaultLanguage":[1,"default-language"],"localization":[16],"nylasBranding":[4,"nylas-branding"],"experimentalFeatures":[16],"automaticComponentRegistration":[32],"selectedLanguage":[32],"langVersion":[32],"store":[64],"schedulerConnector":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"configurationId":["configurationIdChanged"],"localization":["updateLocalization"],"nylasBranding":["updateNylasBranding"],"experimentalFeatures":["updateExperimentalFeatures"]}]]],["nylas-scheduling",[[1,"nylas-scheduling",{"mode":[1],"defaultSchedulerState":[16],"sessionId":[1,"session-id"],"schedulerApiUrl":[1,"scheduler-api-url"],"bookingInfo":[16],"rescheduleBookingRef":[1,"reschedule-booking-ref"],"cancelBookingRef":[1,"cancel-booking-ref"],"organizerConfirmationBookingRef":[1,"organizer-confirmation-booking-ref"],"configurationId":[1,"configuration-id"],"slug":[1],"clientId":[1,"client-id"],"nylasBranding":[4,"nylas-branding"],"eventOverrides":[16],"isLoading":[4,"is-loading"],"themeConfig":[16],"localization":[16],"showNotification":[4,"show-notification"],"enableUserFeedback":[4,"enable-user-feedback"],"hour12":[4,"hour-1-2"],"automaticComponentRegistration":[32],"selectedDateLabel":[32],"refConfigId":[32],"language":[32],"showFeedbackModal":[32],"bookingInfoConfirmed":[32],"getNylasSchedulerStore":[64],"getNylasSchedulerConnector":[64],"getRef":[64]},[[0,"languageChanged","languageChanged"],[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"monthChanged","monthChangedHandler"],[0,"detailsConfirmed","bookButtonClickedHandler"],[0,"dateSelected","dateSelectedHandler"],[0,"cancelBookedEventError","cancelBookedEventErrorHandler"],[0,"cancelBookedEventValidationError","cancelBookedEventValidationErrorHandler"],[0,"rescheduleBookedEventError","rescheduleBookedEventErrorHandler"],[0,"confirmBookingError","confirmBookingErrorHandler"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"validateTimeslotError","eventIsFullHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"bookingInfo":["bookingInfoChanged"],"rescheduleBookingRef":["rescheduleBookingRefChanged"],"cancelBookingRef":["cancelBookingRefChanged"],"organizerConfirmationBookingRef":["organizerConfirmationBookingRefChanged"],"localization":["localizationChanged"],"themeConfig":["themeConfigChanged"]}]]],["archive-icon",[[2,"archive-icon",{"width":[1],"height":[1]}]]],["arrow-icon",[[2,"arrow-icon",{"width":[1],"height":[1]}]]],["bold-icon",[[2,"bold-icon",{"width":[1],"height":[1]}]]],["document-refresh-icon",[[2,"document-refresh-icon",{"width":[1],"height":[1]}]]],["folder-icon",[[2,"folder-icon",{"width":[1],"height":[1]}]]],["forward-icon",[[2,"forward-icon",{"width":[1],"height":[1]}]]],["inbox-icon",[[2,"inbox-icon",{"width":[1],"height":[1]}]]],["italic-icon",[[2,"italic-icon",{"width":[1],"height":[1]}]]],["nylas-call-summary",[[1,"nylas-call-summary",{"text":[1]}]]],["nylas-if-state",[[1,"nylas-if-state",{"state":[1],"isStateSet":[4,"is-state-set"],"isBoolean":[4,"is-boolean"],"getStore":[16],"transition":[1],"show":[32],"classes":[32]},null,{"getStore":["onGetStoreChange"]}]]],["nylas-key-points",[[1,"nylas-key-points",{"keyPoints":[16]}]]],["nylas-login",[[1,"nylas-login",{"isAuthenticated":[4,"is-authenticated"],"nylasConnector":[16],"scopes":[16],"loginMethod":[1,"login-method"],"companyName":[1,"company-name"],"logoUrl":[1,"logo-url"],"logoWidth":[1,"logo-width"],"providers":[1],"buttonText":[1,"button-text"],"email":[32]}]]],["nylas-provider",[[1,"nylas-provider",{"authConfig":[16],"eventOverrides":[16],"automaticComponentRegistration":[4,"automatic-component-registration"],"getNylasAuth":[64],"getNylasConnector":[64],"getAuthStore":[64],"getNylasSchedulerStore":[64],"getNylasSchedulerConfigStore":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"]]]]],["nylas-transcript",[[1,"nylas-transcript",{"autoscroll":[4],"transcript":[8],"focusedIndex":[32]}]]],["nylas-video-player",[[1,"nylas-video-player",{"videoUrl":[1,"video-url"],"isSeeking":[32],"isPlaying":[32]}]]],["nylas-video-preview",[[1,"nylas-video-preview"]]],["play-icon",[[2,"play-icon",{"width":[1],"height":[1]}]]],["refresh-icon",[[2,"refresh-icon",{"width":[1],"height":[1]}]]],["reply-all-icon",[[2,"reply-all-icon",{"width":[1],"height":[1]}]]],["reply-icon",[[2,"reply-icon",{"width":[1],"height":[1]}]]],["sent-icon",[[2,"sent-icon",{"width":[1],"height":[1]}]]],["spam-icon",[[2,"spam-icon",{"width":[1],"height":[1]}]]],["star-icon",[[2,"star-icon",{"width":[1],"height":[1]}]]],["stop-icon",[[2,"stop-icon",{"width":[1],"height":[1]}]]],["trash-fill-icon",[[2,"trash-fill-icon",{"width":[1],"height":[1]}]]],["underline-icon",[[2,"underline-icon",{"width":[1],"height":[1]}]]],["nylas-editor-tabs-group",[[6,"nylas-editor-tabs-group",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"selectedGroupEvent":[16],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64],"resetError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"],[0,"importGroupEvent","importGroupEventHandler"],[0,"saveGroupEventChanges","saveGroupEventChangesHandler"],[0,"deleteGroupEvent","deleteGroupEventHandler"],[0,"createGroupEvent","createGroupEventHandler"]],{"selectedConfiguration":["configChangedHandler"],"selectedGroupEvent":["selectedGroupEventChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-form",[[1,"nylas-booking-form",{"isLoading":[4,"is-loading"],"bookingInfo":[16],"eventInfo":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"name":[32],"email":[32],"guestEmails":[32],"guestEmailErrors":[32],"isNameValid":[32],"isEmailValid":[32],"additionalFields":[32],"validationError":[32],"backButtonLoading":[32],"firstRender":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormDropdownChanged","selectOptionChangedHandler"],[0,"selectedOptionsChanged","selecedOptionsChangedHandler"],[0,"nylasFormSwitchToggled","switchToggledHandler"],[0,"nylasFormCheckboxToggled","checkboxToggledHandler"],[0,"nylasFormRadioChanged","radioChangedHandler"],[0,"nylasFormDropdownDefaultSelected","dropdownDefaultSelectedHandler"]],{"bookingInfo":["bookingInfoChangedHandler"],"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}]]],["nylas-list-configurations",[[1,"nylas-list-configurations",{"configurations":[16],"selectedLanguage":[1,"selected-language"],"schedulerPreviewLink":[1,"scheduler-preview-link"],"listConfigurationsNextCursor":[1,"list-configurations-next-cursor"],"state":[32],"error":[32],"currentCursor":[32],"previousCursors":[32],"disableNextPageButton":[32],"deleteConfigurationId":[32],"showDeleteButtonLoading":[32],"registerCallback":[64],"getState":[64],"setState":[64],"setError":[64],"hideDeleteConfirmation":[64]},[[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"]],{"listConfigurationsNextCursor":["listConfigurationsNextCursorChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-cancel-booking-form",[[1,"nylas-cancel-booking-form",{"cancelBookingId":[1,"cancel-booking-id"],"rejectBookingId":[1,"reject-booking-id"],"selectedTimeslot":[16],"configSettings":[16],"eventInfo":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"cancellationReason":[32],"cancellationError":[32],"cancellationPolicy":[32]},[[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}]]],["nylas-booked-event-card",[[1,"nylas-booked-event-card",{"eventInfo":[16],"rescheduleBookingId":[1,"reschedule-booking-id"],"bookingInfo":[16],"configSettings":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedTimeslot":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-locale-switch",[[1,"nylas-locale-switch",{"themeConfig":[8,"theme-config"],"bookingInfo":[16],"selectedTimezone":[1025,"selected-timezone"],"selectedLanguage":[1025,"selected-language"]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"themeConfig":["themeConfigChanged"],"bookingInfo":["bookingInfoChangedHandler"]}]]],["nylas-cancelled-event-card",[[1,"nylas-cancelled-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"cancelledEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-confirmed-event-card",[[1,"nylas-confirmed-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"confirmedEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-date-picker",[[1,"nylas-date-picker",{"selectableDates":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"isLoading":[4,"is-loading"],"eventDuration":[2,"event-duration"],"month":[32],"dates":[32],"disableNextMonthButton":[32]},null,{"configSettings":["configSettingsChanged"],"selectedLanguage":["selectedLanguageChanged"],"themeConfig":["themeConfigChanged"],"selectedDate":["selectedDateChanged"]}]]],["nylas-organizer-confirmation-card",[[1,"nylas-organizer-confirmation-card",{"configSettings":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"organizerConfirmationBookingId":[1,"organizer-confirmation-booking-id"],"selectedLanguage":[1,"selected-language"],"action":[32],"resetAction":[64]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-select-event-type",[[1,"nylas-select-event-type",{"participantOptions":[16],"name":[1],"selectedLanguage":[1,"selected-language"]},null,{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-notification",[[1,"nylas-notification",{"ttl":[8],"allowedCategories":[16],"notifications":[32]},[[16,"nylasSchedulerError","onError"],[16,"nylasSchedulerWarning","onWarning"],[16,"nylasSchedulerInfo","onInfo"],[16,"nylasSchedulerSuccess","onSuccess"]]]]],["nylas-selected-event-card",[[1,"nylas-selected-event-card",{"themeConfig":[8,"theme-config"],"selectedDate":[16],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-timeslot-picker",[[1,"nylas-timeslot-picker",{"availability":[16],"isLoading":[4,"loading-state"],"themeConfig":[8,"theme-config"],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"times":[32],"hoveredTimeslotIndex":[32],"selectedTimeslotIndex":[32],"emitValidateTimeslotError":[64]},null,{"selectedLanguage":["selectedLanguageChanged"],"selectedDate":["selectedDateChanged"],"availability":["availabilityChanged"],"themeConfig":["themeConfigChanged"]}]]],["google-logo-icon",[[2,"google-logo-icon",{"width":[1],"height":[1]}]]],["microsoft-logo-icon",[[2,"microsoft-logo-icon",{"width":[1],"height":[1]}]]],["nylas-logo",[[2,"nylas-logo",{"width":[1],"height":[1]}]]],["nylas-event-calendar",[[65,"nylas-event-calendar",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"groupEvents":[16],"currentUser":[16],"calendars":[16],"masterGroupEvents":[16],"isLoading":[4,"is-loading"],"selectedView":[32],"events":[32],"calendar":[32],"selectedEvent":[32],"selectedDateRangeString":[32],"showEditEventDetails":[32],"showCreateEventDetails":[32],"editOptions":[32],"showEditOptions":[32],"updateOptions":[32],"showUpdateOptions":[32],"deleteOptions":[32],"showDeleteOptions":[32],"unsavedChanges":[32],"showConfirmDiscardUnsavedChangesModal":[32],"createNewGroupEventTimeslot":[32],"formError":[32],"loadingOptions":[32],"showChooseParticipantsModal":[32],"importParticipants":[32],"selectedImportParticipants":[32]},[[0,"valueChanged","valueChangedHandler"],[0,"timeWindowFormError","timeWindowFormErrorHandler"],[4,"saveGroupEventChangesError","saveGroupEventChangesErrorHandler"],[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"groupEvents":["groupEventsChangedHandler"],"isLoading":["isLoadingChangedHandler"]}]]],["nylas-participants-custom-availability",[[65,"nylas-participants-custom-availability",{"selectedConfiguration":[16],"name":[1],"participants":[16],"selectedLanguage":[1,"selected-language"],"selectedParticipants":[32]},[[0,"nylasFormSwitchToggled","nylasFormSwitchToggledHandler"],[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"participants":["participantsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-limit-future-bookings",[[65,"nylas-limit-future-bookings",{"selectedConfiguration":[16],"availableDaysInFuture":[2,"available-days-in-future"],"name":[1],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-min-booking-notice",[[65,"nylas-min-booking-notice",{"selectedConfiguration":[16],"name":[1],"minBookingNotice":[2,"min-booking-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-connected-calendars",[[65,"nylas-connected-calendars",{"name":[1],"selectedConfiguration":[16],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendars":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-participant-booking-calendars",[[65,"nylas-participant-booking-calendars",{"selectedConfiguration":[16],"name":[1],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendar":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-timeslot-interval",[[65,"nylas-timeslot-interval",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"internalEventDurationMinutes":[32],"selectedInterval":[32],"selectedRoundTo":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormRadioChanged","nylasFormRadioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-buffer-time",[[65,"nylas-buffer-time",{"selectedConfiguration":[16],"name":[1],"buffer":[16],"selectedLanguage":[1,"selected-language"],"selectedBeforeBufferTime":[32],"selectedAfterBufferTime":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-duration",[[65,"nylas-event-duration",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"duration":[32],"durationMinutes":[32],"durationIncrement":[32],"error":[32],"durationMinutesOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"inputOptionChanged","inputOptionChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["calendar-info-icon",[[2,"calendar-info-icon",{"width":[1],"height":[1]}]]],["calendar-patterns-icon",[[2,"calendar-patterns-icon",{"width":[1],"height":[1]}]]],["checkmark-circle-icon",[[2,"checkmark-circle-icon",{"width":[1],"height":[1]}]]],["delete-icon",[[2,"delete-icon",{"width":[1],"height":[1]}]]],["people-icon",[[2,"people-icon",{"width":[1],"height":[1]}]]],["person-icon",[[2,"person-icon",{"width":[1],"height":[1]}]]],["warning-icon",[[2,"warning-icon",{"width":[1],"height":[1]}]]],["nylas-confirmation-email",[[65,"nylas-confirmation-email",{"selectedConfiguration":[16],"confirmationEmailTemplate":[16],"participants":[16],"name":[1],"nylasBranding":[4,"nylas-branding"],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"confirmationEmail":[32],"isConfirmationEmailOpen":[32],"participantsState":[32],"invalidImageErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"valueChanged","valueChangedHandler"],[0,"nylasFormInputImageUrlInvalid","nylasFormInputImageUrlInvalidHandler"],[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"nylasBranding":["nylasBrandingChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-availability-picker",[[65,"nylas-availability-picker",{"name":[1],"selectedConfiguration":[16],"openHours":[16],"defaultTimezone":[1,"default-timezone"],"hideHeader":[4,"hide-header"],"selectedLanguage":[1,"selected-language"],"schedule":[32],"timezone":[32],"overlapDays":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"timeChange","setTime"],[0,"timeWindowFormError","setFormError"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-form-config",[[65,"nylas-booking-form-config",{"selectedConfiguration":[16],"name":[1],"additionalFields":[16],"selectedLanguage":[1,"selected-language"],"staticFields":[32],"formFields":[32],"formFieldsOrder":[32],"count":[32],"watchFields":[32],"fieldTypes":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-timeslot",[[65,"nylas-event-timeslot",{"name":[1],"initialValue":[16],"selectedLanguage":[1,"selected-language"],"selectedDate":[32],"selectedStartTime":[32],"selectedEndTime":[32],"selectedTimezone":[32],"selectedRecurrenceType":[32],"timeRangeError":[32],"selectedRrule":[32],"recurrenceOptions":[32],"repeatEveryInterval":[32],"repeatEveryFrequency":[32],"repeatOnDays":[32],"repeatMonthlySameDate":[32],"repeatEndType":[32],"repeatEndAfter":[32],"repeatEndOn":[32],"monthRecurrenceOptions":[32],"endDate":[32]},[[0,"timeChange","setTime"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-disable-emails",[[65,"nylas-disable-emails",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"organizerLocale":[32],"disableEmails":[32]},[[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}]]],["nylas-min-cancellation-notice",[[65,"nylas-min-cancellation-notice",{"selectedConfiguration":[16],"name":[1],"minCancellationNotice":[2,"min-cancellation-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-confirmation-redirect",[[65,"nylas-booking-confirmation-redirect",{"selectedConfiguration":[16],"name":[1],"redirectUrl":[1,"redirect-url"],"redirectUrlErrorMessage":[1,"redirect-url-error-message"],"selectedLanguage":[1,"selected-language"],"currentRedirectUrl":[32],"acceptUrl":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[4,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-custom-event-slug",[[65,"nylas-custom-event-slug",{"selectedConfiguration":[16],"defaultUrlSlug":[1,"default-url-slug"],"isOpen":[4,"is-open"],"slugErrorMessage":[1,"slug-error-message"],"name":[1],"requiresSlug":[4,"requires-slug"],"selectedLanguage":[1,"selected-language"],"urlSlug":[32],"focus":[32],"copied":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"nylasFormInputFocused","nylasFormInputFocusHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[8,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-scheduling-method",[[65,"nylas-scheduling-method",{"selectedConfiguration":[16],"name":[1],"participantOptions":[16],"readOnly":[4,"read-only"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}]]],["nylas-booking-calendar-picker",[[65,"nylas-booking-calendar-picker",{"calendars":[16],"currentUser":[16],"currentUserCalendars":[16],"name":[1],"defaultBookingCalendar":[1,"default-booking-calendar"],"hideHeader":[4,"hide-header"],"expressFlow":[4,"express-flow"],"selectedLanguage":[1,"selected-language"],"selectedCalendar":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"currentUserCalendars":["currentUserCalendarsChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-confirmation-type",[[65,"nylas-booking-confirmation-type",{"selectedConfiguration":[16],"name":[1],"bookingType":[1,"booking-type"],"showComponent":[4,"show-component"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32],"showDropdown":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-calendar-picker",[[65,"nylas-calendar-picker",{"name":[1],"currentUser":[16],"calendars":[16],"defaultSelectedCalendars":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"error":[32]},[[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-page-name",[[65,"nylas-page-name",{"selectedConfiguration":[16],"name":[1],"pageName":[1,"page-name"],"showToggle":[4,"show-toggle"],"isOpen":[4,"is-open"],"required":[4],"selectedLanguage":[1,"selected-language"],"requirePageName":[4,"require-page-name"],"currentPageName":[32],"pageNameErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-customize-booking-settings",[[65,"nylas-customize-booking-settings",{"selectedConfiguration":[16],"defaultHideAdditionalGuests":[4,"default-hide-additional-guests"],"defaultHideCancellationOptions":[4,"default-hide-cancellation-options"],"defaultHideReschedulingOptions":[4,"default-hide-rescheduling-options"],"name":[1],"selectedLanguage":[1,"selected-language"],"showSettings":[16],"allowGuestsToInvite":[32],"hideCancellationOptions":[32],"hideReschedulingOptions":[32]},[[0,"nylasFormCheckboxToggled","checkboxToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-capacity",[[65,"nylas-event-capacity",{"name":[1],"capacity":[2],"selectedLanguage":[1,"selected-language"],"selectedEventCapacity":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-cancellation-policy",[[65,"nylas-cancellation-policy",{"selectedConfiguration":[16],"cancellationPolicy":[1,"cancellation-policy"],"name":[1],"selectedLanguage":[1,"selected-language"],"message":[32]},null,{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-page-styling",[[65,"nylas-page-styling",{"selectedConfiguration":[16],"name":[1],"appearance":[16],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"currentAppearance":[32],"customInputsSlot":[32]},[[4,"nylasFormInputChanged","nylasFormInputChangeHandler"],[4,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[4,"valueChanged","valueChangedHandler"],[4,"nylasFormCheckboxToggled","checkboxToggledHandler"],[4,"nylasFormRadioChanged","radioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}]]],["nylas-custom-booking-flow",[[65,"nylas-custom-booking-flow",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-limits",[[65,"nylas-event-limits",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["calendar-agenda-fill-icon",[[2,"calendar-agenda-fill-icon",{"width":[1],"height":[1]}]]],["calendar-agenda-icon",[[2,"calendar-agenda-icon",{"width":[1],"height":[1]}]]],["calendar-check-icon",[[2,"calendar-check-icon",{"width":[1],"height":[1]}]]],["envelope-fill-icon",[[2,"envelope-fill-icon",{"width":[1],"height":[1]}]]],["envelope-icon",[[2,"envelope-icon",{"width":[1],"height":[1]}]]],["flow-icon",[[2,"flow-icon",{"width":[1],"height":[1]}]]],["paintbrush-fill-icon",[[2,"paintbrush-fill-icon",{"width":[1],"height":[1]}]]],["paintbrush-icon",[[2,"paintbrush-icon",{"width":[1],"height":[1]}]]],["nylas-event-location",[[65,"nylas-event-location",{"name":[1],"currentUser":[16],"userProvider":[1,"user-provider"],"eventConferencing":[16],"conferenceProviders":[16],"selectedConfiguration":[16],"eventLocation":[1,"event-location"],"selectedLanguage":[1,"selected-language"],"location":[32],"grantId":[32],"selectedLocationOption":[32],"userProviderState":[32],"locationOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"currentUser":["currentUserChangedHandler"],"conferenceProviders":["conferenceProvidersChanged"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-additional-participants",[[65,"nylas-additional-participants",{"name":[1],"selectedConfiguration":[16],"currentUser":[16],"currentUserCalendars":[16],"participantOptions":[16],"eventParticipants":[16],"roundRobinConfig":[4,"round-robin-config"],"selectedLanguage":[1,"selected-language"],"participants":[32],"participantErrors":[32],"includeOrganizerAsParticipant":[32],"isRoundRobinConfig":[32],"error":[32]},[[0,"inputOptionChanged","onInputOptionChanged"]],{"name":["elementNameChangedHandler"],"currentUser":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedConfiguration":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-feedback-form",[[1,"nylas-feedback-form",{"themeConfig":[8,"theme-config"],"feedbackMessage":[32]},[[4,"nylasFormInputChanged","handleFormInputChanged"]]]]],["nylas-reminder-time",[[65,"nylas-reminder-time",{"name":[1],"eventReminderTimeMinutes":[2,"event-reminder-time-minutes"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32],"errorState":[32]},[[4,"nylasSuggestReminderMinutes","nylasSuggestReminderMinutesHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"eventReminderTimeMinutes":["eventReminderTimeMinutesChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-description",[[65,"nylas-event-description",{"selectedConfiguration":[16],"eventDescription":[1,"event-description"],"name":[1],"selectedLanguage":[1,"selected-language"],"hideAutoPopulateButton":[4,"hide-auto-populate-button"],"description":[32],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"additionalFieldTokens":[32]},[[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-title",[[65,"nylas-event-title",{"selectedConfiguration":[16],"eventTitle":[1,"event-title"],"name":[1],"selectedLanguage":[1,"selected-language"],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"configEventTitle":[32],"additionalFieldTokens":[32]},[[8,"formSubmitted","formSubmittedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"ariaActivedescendant":["ariaActivedescendantChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["input-color-picker",[[1,"input-color-picker",{"name":[1],"defaultSelectedColor":[1,"default-selected-color"],"selectedColor":[32],"isOpen":[32],"ariaActivedescendant":[32],"errorMessage":[32]},[[6,"click","handleOutsideClick"]]]]],["input-image-url",[[65,"input-image-url",{"imageUrl":[1,"image-url"],"errorMessage":[1,"error-message"],"name":[1],"currentImageUrl":[32],"error":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"]],{"name":["elementNameChangedHandler"],"errorMessage":["errorMessageChangedHandler"]}]]],["nylas-event-info",[[65,"nylas-event-info",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["calendar-cancel-icon",[[2,"calendar-cancel-icon",{"width":[1],"height":[1]}]]],["calendar-icon",[[2,"calendar-icon",{"width":[1],"height":[1]}]]],["checkmark-icon",[[2,"checkmark-icon",{"width":[1],"height":[1]}]]],["dragable-icon",[[2,"dragable-icon",{"width":[1],"height":[1]}]]],["eye-icon",[[2,"eye-icon",{"width":[1],"height":[1]}]]],["feedback-icon",[[2,"feedback-icon",{"width":[1],"height":[1]}]]],["trash-icon",[[2,"trash-icon",{"width":[1],"height":[1]}]]],["copy-icon",[[2,"copy-icon",{"width":[1],"height":[1]}]]],["google-meet-icon",[[2,"google-meet-icon",{"width":[1],"height":[1]}]]],["location-icon",[[2,"location-icon",{"width":[1],"height":[1]}]]],["location-off-icon",[[2,"location-off-icon",{"width":[1],"height":[1]}]]],["microsoft-teams-icon",[[2,"microsoft-teams-icon",{"width":[1],"height":[1]}]]],["person-clipboard-icon",[[2,"person-clipboard-icon",{"width":[1],"height":[1]}]]],["plus-icon",[[2,"plus-icon",{"width":[1],"height":[1]}]]],["radio-button-group",[[1,"radio-button-group",{"name":[1],"options":[16],"defaultSelectedValue":[1,"default-selected-value"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"selectedValue":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"defaultSelectedValue":["handleDefaultSelectedValueChange"]}]]],["zoom-icon",[[2,"zoom-icon",{"width":[1],"height":[1]}]]],["checkbox-component",[[1,"checkbox-component",{"name":[1],"checked":[4],"label":[1],"readOnly":[4,"read-only"],"required":[4],"isChecked":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"checked":["checkedPropChangedHandler"]}]]],["edit-icon",[[2,"edit-icon",{"width":[1],"height":[1]}]]],["toggle-switch",[[1,"toggle-switch",{"name":[1],"checked":[4],"label":[1],"isChecked":[32]},null,{"checked":["checkedChanged"]}]]],["translate-icon",[[2,"translate-icon",{"width":[1],"height":[1]}]]],["clock-icon",[[2,"clock-icon",{"width":[1],"height":[1]}]]],["nylas-time-window-picker",[[1,"nylas-time-window-picker",{"time":[1],"minimumStartTime":[1,"minimum-start-time"],"placeholder":[1],"name":[1],"hasError":[516,"has-error"],"language":[1],"err":[32],"showTimes":[32],"ariaActivedescendant":[32],"times":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"minimumStartTime":["minimumStartTimeChangedHandler"]}]]],["chevron-icon",[[2,"chevron-icon",{"width":[1],"height":[1]}]]],["multi-select-dropdown",[[1,"multi-select-dropdown",{"name":[1],"label":[1],"options":[16],"error":[1025],"required":[4],"readOnly":[4,"read-only"],"multipleOptionsSelectedLabel":[1,"multiple-options-selected-label"],"selectAtLeastOneOptionLabel":[1,"select-at-least-one-option-label"],"availableOptions":[32],"isOpen":[32],"ariaActivedescendant":[32],"shouldFocusFirstOption":[32]},[[6,"click","handleOutsideClick"],[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"options":["optionsChangedHandler"]}]]],["textarea-component",[[1,"textarea-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"maxLength":[2,"max-length"],"type":[1],"tooltip":[1],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"triggerValidation","handletriggerValidation"]]]]],["nylas-date-component",[[1,"nylas-date-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"value":[32],"error":[32],"isDateValid":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["nylas-form-card",[[65,"nylas-form-card"]]],["input-dropdown",[[1,"input-dropdown",{"name":[1],"options":[16],"defaultInputOption":[16],"inputValue":[1,"input-value"],"pluralizedLabel":[1,"pluralized-label"],"filterable":[4],"selectedOption":[32],"isOpen":[32],"typedValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultInputOption":["defaultSelectedOptionChangedHandler"],"inputValue":["inputValueChangedHandler"]}]]],["search-icon",[[2,"search-icon",{"width":[1],"height":[1]}]]],["select-dropdown",[[1,"select-dropdown",{"name":[1],"options":[16],"defaultSelectedOption":[16],"withSearch":[4,"with-search"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"pluralizedLabel":[1,"pluralized-label"],"dropdownButtonText":[1,"dropdown-button-text"],"withChevron":[4,"with-chevron"],"emptyValue":[1,"empty-value"],"errorMessage":[1,"error-message"],"selectedOption":[32],"isOpen":[32],"searchValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"],[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultSelectedOption":["defaultSelectedOptionChangedHandler"]}]]],["time-period-selector",[[2,"time-period-selector",{"timePeriods":[16],"defaultSelectedPeriod":[1,"default-selected-period"],"defaultSelectedNumber":[2,"default-selected-number"],"hasError":[4,"has-error"],"selectedPeriod":[32],"selectedNumber":[32],"numberOptions":[32],"timePeriodOptions":[32]},[[0,"inputOptionChanged","inputOptionChangedHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"defaultSelectedPeriod":["defaultSelectedPeriodChanged"],"defaultSelectedNumber":["defaultSelectedNumberChanged"],"timePeriods":["timePeriodsChanged"]}]]],["add-circle-icon",[[2,"add-circle-icon",{"width":[1],"height":[1]}]]],["globe-icon",[[2,"globe-icon",{"width":[1],"height":[1]}]]],["close-icon",[[2,"close-icon",{"width":[1],"height":[1]}]]],["input-component",[[1,"input-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"type":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"maxValue":[2,"max-value"],"minValue":[2,"min-value"],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["loading-icon",[[1,"loading-icon",{"width":[1],"height":[1]}]]],["button-component",[[6,"button-component",{"variant":[1],"disabled":[4],"type":[1],"tooltip":[1],"isLoading":[4,"is-loading"],"clickHandler":[16],"mouseOverHandler":[16],"mouseOutHandler":[16],"focusHandler":[16],"blurHandler":[16]}]]],["tooltip-component",[[1,"tooltip-component",{"position":[1]}]]],["info-icon",[[2,"info-icon",{"width":[1],"height":[1]}]]]]'),e)}));
+import{B as e,c as n,H as a,d as t,N as o,p as l,b as d}from"./index-3e0d6890.js";export{s as setNonce}from"./index-3e0d6890.js";import{g as i}from"./app-globals-295a87be.js";const r=()=>{if(e.isDev&&!e.isTesting){n("Running in development mode.")}if(e.cloneNodeFix){g(a.prototype)}const d=e.scriptDataOpts?Array.from(t.querySelectorAll("script")).find((e=>new RegExp(`/${o}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===o)):null;const i=import.meta.url;const r=e.scriptDataOpts?(d||{})["data-opts"]||{}:{};if(i!==""){r.resourcesUrl=new URL(".",i).href}return l(r)};const g=e=>{const n=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return n.call(this,e)}const a=n.call(this,false);const t=this.childNodes;if(e){for(let e=0;e<t.length;e++){if(t[e].nodeType!==2){a.appendChild(t[e].cloneNode(true))}}}return a}};r().then((e=>{i();return d(JSON.parse('[["nylas-reminder-emails",[[65,"nylas-reminder-emails",{"selectedConfiguration":[16],"eventReminders":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"reminders":[32],"reminderErrors":[32],"participants":[32],"clearError":[32]},[[0,"valueChanged","handleValueChanged"],[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"],[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-editor-tabs",[[6,"nylas-editor-tabs",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"selectedConfiguration":["configChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-scheduler-editor",[[1,"nylas-scheduler-editor",{"configurationId":[1025,"configuration-id"],"nylasApiRequest":[1040],"nylasSessionsConfig":[16],"defaultAuthArgs":[16],"eventOverrides":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"defaultSchedulerConfigState":[16],"mode":[1],"additionalParticipants":[16],"hideEditorTabs":[16],"conferenceProviders":[16],"requiresSlug":[4,"requires-slug"],"enableUserFeedback":[4,"enable-user-feedback"],"defaultLanguage":[1,"default-language"],"localization":[16],"nylasBranding":[4,"nylas-branding"],"experimentalFeatures":[16],"automaticComponentRegistration":[32],"selectedLanguage":[32],"langVersion":[32],"store":[64],"schedulerConnector":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"configurationId":["configurationIdChanged"],"localization":["updateLocalization"],"nylasBranding":["updateNylasBranding"],"experimentalFeatures":["updateExperimentalFeatures"]}]]],["nylas-scheduling",[[1,"nylas-scheduling",{"mode":[1],"defaultSchedulerState":[16],"sessionId":[1,"session-id"],"schedulerApiUrl":[1,"scheduler-api-url"],"bookingInfo":[16],"rescheduleBookingRef":[1,"reschedule-booking-ref"],"cancelBookingRef":[1,"cancel-booking-ref"],"organizerConfirmationBookingRef":[1,"organizer-confirmation-booking-ref"],"configurationId":[1,"configuration-id"],"slug":[1],"clientId":[1,"client-id"],"nylasBranding":[4,"nylas-branding"],"eventOverrides":[16],"isLoading":[4,"is-loading"],"themeConfig":[16],"localization":[16],"showNotification":[4,"show-notification"],"enableUserFeedback":[4,"enable-user-feedback"],"hour12":[4,"hour-1-2"],"automaticComponentRegistration":[32],"selectedDateLabel":[32],"refConfigId":[32],"language":[32],"showFeedbackModal":[32],"bookingInfoConfirmed":[32],"getNylasSchedulerStore":[64],"getNylasSchedulerConnector":[64],"getRef":[64]},[[0,"languageChanged","languageChanged"],[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"monthChanged","monthChangedHandler"],[0,"detailsConfirmed","bookButtonClickedHandler"],[0,"dateSelected","dateSelectedHandler"],[0,"cancelBookedEventError","cancelBookedEventErrorHandler"],[0,"cancelBookedEventValidationError","cancelBookedEventValidationErrorHandler"],[0,"rescheduleBookedEventError","rescheduleBookedEventErrorHandler"],[0,"confirmBookingError","confirmBookingErrorHandler"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"validateTimeslotError","eventIsFullHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"bookingInfo":["bookingInfoChanged"],"rescheduleBookingRef":["rescheduleBookingRefChanged"],"cancelBookingRef":["cancelBookingRefChanged"],"organizerConfirmationBookingRef":["organizerConfirmationBookingRefChanged"],"localization":["localizationChanged"],"themeConfig":["themeConfigChanged"]}]]],["archive-icon",[[2,"archive-icon",{"width":[1],"height":[1]}]]],["arrow-icon",[[2,"arrow-icon",{"width":[1],"height":[1]}]]],["bold-icon",[[2,"bold-icon",{"width":[1],"height":[1]}]]],["document-refresh-icon",[[2,"document-refresh-icon",{"width":[1],"height":[1]}]]],["folder-icon",[[2,"folder-icon",{"width":[1],"height":[1]}]]],["forward-icon",[[2,"forward-icon",{"width":[1],"height":[1]}]]],["inbox-icon",[[2,"inbox-icon",{"width":[1],"height":[1]}]]],["italic-icon",[[2,"italic-icon",{"width":[1],"height":[1]}]]],["nylas-call-summary",[[1,"nylas-call-summary",{"text":[1]}]]],["nylas-if-state",[[1,"nylas-if-state",{"state":[1],"isStateSet":[4,"is-state-set"],"isBoolean":[4,"is-boolean"],"getStore":[16],"transition":[1],"show":[32],"classes":[32]},null,{"getStore":["onGetStoreChange"]}]]],["nylas-key-points",[[1,"nylas-key-points",{"keyPoints":[16]}]]],["nylas-login",[[1,"nylas-login",{"isAuthenticated":[4,"is-authenticated"],"nylasConnector":[16],"scopes":[16],"loginMethod":[1,"login-method"],"companyName":[1,"company-name"],"logoUrl":[1,"logo-url"],"logoWidth":[1,"logo-width"],"providers":[1],"buttonText":[1,"button-text"],"email":[32]}]]],["nylas-provider",[[1,"nylas-provider",{"authConfig":[16],"eventOverrides":[16],"automaticComponentRegistration":[4,"automatic-component-registration"],"getNylasAuth":[64],"getNylasConnector":[64],"getAuthStore":[64],"getNylasSchedulerStore":[64],"getNylasSchedulerConfigStore":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"]]]]],["nylas-transcript",[[1,"nylas-transcript",{"autoscroll":[4],"transcript":[8],"focusedIndex":[32]}]]],["nylas-video-player",[[1,"nylas-video-player",{"videoUrl":[1,"video-url"],"isSeeking":[32],"isPlaying":[32]}]]],["nylas-video-preview",[[1,"nylas-video-preview"]]],["play-icon",[[2,"play-icon",{"width":[1],"height":[1]}]]],["refresh-icon",[[2,"refresh-icon",{"width":[1],"height":[1]}]]],["reply-all-icon",[[2,"reply-all-icon",{"width":[1],"height":[1]}]]],["reply-icon",[[2,"reply-icon",{"width":[1],"height":[1]}]]],["sent-icon",[[2,"sent-icon",{"width":[1],"height":[1]}]]],["spam-icon",[[2,"spam-icon",{"width":[1],"height":[1]}]]],["star-icon",[[2,"star-icon",{"width":[1],"height":[1]}]]],["stop-icon",[[2,"stop-icon",{"width":[1],"height":[1]}]]],["trash-fill-icon",[[2,"trash-fill-icon",{"width":[1],"height":[1]}]]],["underline-icon",[[2,"underline-icon",{"width":[1],"height":[1]}]]],["nylas-editor-tabs-group",[[6,"nylas-editor-tabs-group",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"selectedGroupEvent":[16],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64],"resetError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"],[0,"importGroupEvent","importGroupEventHandler"],[0,"saveGroupEventChanges","saveGroupEventChangesHandler"],[0,"deleteGroupEvent","deleteGroupEventHandler"],[0,"createGroupEvent","createGroupEventHandler"]],{"selectedConfiguration":["configChangedHandler"],"selectedGroupEvent":["selectedGroupEventChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-form",[[1,"nylas-booking-form",{"isLoading":[4,"is-loading"],"bookingInfo":[16],"eventInfo":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"name":[32],"email":[32],"guestEmails":[32],"guestEmailErrors":[32],"isNameValid":[32],"isEmailValid":[32],"additionalFields":[32],"validationError":[32],"backButtonLoading":[32],"firstRender":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormDropdownChanged","selectOptionChangedHandler"],[0,"selectedOptionsChanged","selecedOptionsChangedHandler"],[0,"nylasFormSwitchToggled","switchToggledHandler"],[0,"nylasFormCheckboxToggled","checkboxToggledHandler"],[0,"nylasFormRadioChanged","radioChangedHandler"],[0,"nylasFormDropdownDefaultSelected","dropdownDefaultSelectedHandler"]],{"bookingInfo":["bookingInfoChangedHandler"],"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}]]],["nylas-list-configurations",[[1,"nylas-list-configurations",{"configurations":[16],"selectedLanguage":[1,"selected-language"],"schedulerPreviewLink":[1,"scheduler-preview-link"],"listConfigurationsNextCursor":[1,"list-configurations-next-cursor"],"state":[32],"error":[32],"currentCursor":[32],"previousCursors":[32],"disableNextPageButton":[32],"deleteConfigurationId":[32],"showDeleteButtonLoading":[32],"registerCallback":[64],"getState":[64],"setState":[64],"setError":[64],"hideDeleteConfirmation":[64]},[[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"]],{"listConfigurationsNextCursor":["listConfigurationsNextCursorChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-cancel-booking-form",[[1,"nylas-cancel-booking-form",{"cancelBookingId":[1,"cancel-booking-id"],"rejectBookingId":[1,"reject-booking-id"],"selectedTimeslot":[16],"configSettings":[16],"eventInfo":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"cancellationReason":[32],"cancellationError":[32],"cancellationPolicy":[32]},[[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}]]],["nylas-booked-event-card",[[1,"nylas-booked-event-card",{"eventInfo":[16],"rescheduleBookingId":[1,"reschedule-booking-id"],"bookingInfo":[16],"configSettings":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedTimeslot":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-locale-switch",[[1,"nylas-locale-switch",{"themeConfig":[8,"theme-config"],"bookingInfo":[16],"selectedTimezone":[1025,"selected-timezone"],"selectedLanguage":[1025,"selected-language"]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"themeConfig":["themeConfigChanged"],"bookingInfo":["bookingInfoChangedHandler"]}]]],["nylas-cancelled-event-card",[[1,"nylas-cancelled-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"cancelledEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-confirmed-event-card",[[1,"nylas-confirmed-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"confirmedEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-date-picker",[[1,"nylas-date-picker",{"selectableDates":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"isLoading":[4,"is-loading"],"eventDuration":[2,"event-duration"],"month":[32],"dates":[32],"disableNextMonthButton":[32],"selectableDatesTimezone":[32]},null,{"configSettings":["configSettingsChanged"],"selectedLanguage":["selectedLanguageChanged"],"themeConfig":["themeConfigChanged"],"selectedDate":["selectedDateChanged"],"selectedTimezone":["selectedTimezoneChanged"],"selectableDates":["selectableDatesChanged"]}]]],["nylas-organizer-confirmation-card",[[1,"nylas-organizer-confirmation-card",{"configSettings":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"organizerConfirmationBookingId":[1,"organizer-confirmation-booking-id"],"selectedLanguage":[1,"selected-language"],"action":[32],"resetAction":[64]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-select-event-type",[[1,"nylas-select-event-type",{"participantOptions":[16],"name":[1],"selectedLanguage":[1,"selected-language"]},null,{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-notification",[[1,"nylas-notification",{"ttl":[8],"allowedCategories":[16],"notifications":[32]},[[16,"nylasSchedulerError","onError"],[16,"nylasSchedulerWarning","onWarning"],[16,"nylasSchedulerInfo","onInfo"],[16,"nylasSchedulerSuccess","onSuccess"]]]]],["nylas-selected-event-card",[[1,"nylas-selected-event-card",{"themeConfig":[8,"theme-config"],"selectedDate":[16],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}]]],["nylas-timeslot-picker",[[1,"nylas-timeslot-picker",{"availability":[16],"isLoading":[4,"loading-state"],"themeConfig":[8,"theme-config"],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"times":[32],"hoveredTimeslotIndex":[32],"selectedTimeslotIndex":[32],"emitValidateTimeslotError":[64]},null,{"selectedLanguage":["selectedLanguageChanged"],"selectedDate":["selectedDateChanged"],"availability":["availabilityChanged"],"themeConfig":["themeConfigChanged"]}]]],["google-logo-icon",[[2,"google-logo-icon",{"width":[1],"height":[1]}]]],["microsoft-logo-icon",[[2,"microsoft-logo-icon",{"width":[1],"height":[1]}]]],["nylas-logo",[[2,"nylas-logo",{"width":[1],"height":[1]}]]],["nylas-event-calendar",[[65,"nylas-event-calendar",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"groupEvents":[16],"currentUser":[16],"calendars":[16],"masterGroupEvents":[16],"isLoading":[4,"is-loading"],"selectedView":[32],"events":[32],"calendar":[32],"selectedEvent":[32],"selectedDateRangeString":[32],"showEditEventDetails":[32],"showCreateEventDetails":[32],"editOptions":[32],"showEditOptions":[32],"updateOptions":[32],"showUpdateOptions":[32],"deleteOptions":[32],"showDeleteOptions":[32],"unsavedChanges":[32],"showConfirmDiscardUnsavedChangesModal":[32],"createNewGroupEventTimeslot":[32],"formError":[32],"loadingOptions":[32],"showChooseParticipantsModal":[32],"importParticipants":[32],"selectedImportParticipants":[32]},[[0,"valueChanged","valueChangedHandler"],[0,"timeWindowFormError","timeWindowFormErrorHandler"],[4,"saveGroupEventChangesError","saveGroupEventChangesErrorHandler"],[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"groupEvents":["groupEventsChangedHandler"],"isLoading":["isLoadingChangedHandler"]}]]],["nylas-participants-custom-availability",[[65,"nylas-participants-custom-availability",{"selectedConfiguration":[16],"name":[1],"participants":[16],"selectedLanguage":[1,"selected-language"],"selectedParticipants":[32]},[[0,"nylasFormSwitchToggled","nylasFormSwitchToggledHandler"],[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"participants":["participantsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-limit-future-bookings",[[65,"nylas-limit-future-bookings",{"selectedConfiguration":[16],"availableDaysInFuture":[2,"available-days-in-future"],"name":[1],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-min-booking-notice",[[65,"nylas-min-booking-notice",{"selectedConfiguration":[16],"name":[1],"minBookingNotice":[2,"min-booking-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-connected-calendars",[[65,"nylas-connected-calendars",{"name":[1],"selectedConfiguration":[16],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendars":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-participant-booking-calendars",[[65,"nylas-participant-booking-calendars",{"selectedConfiguration":[16],"name":[1],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendar":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-timeslot-interval",[[65,"nylas-timeslot-interval",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"internalEventDurationMinutes":[32],"selectedInterval":[32],"selectedRoundTo":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormRadioChanged","nylasFormRadioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-buffer-time",[[65,"nylas-buffer-time",{"selectedConfiguration":[16],"name":[1],"buffer":[16],"selectedLanguage":[1,"selected-language"],"selectedBeforeBufferTime":[32],"selectedAfterBufferTime":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-duration",[[65,"nylas-event-duration",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"duration":[32],"durationMinutes":[32],"durationIncrement":[32],"error":[32],"durationMinutesOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"inputOptionChanged","inputOptionChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["calendar-info-icon",[[2,"calendar-info-icon",{"width":[1],"height":[1]}]]],["calendar-patterns-icon",[[2,"calendar-patterns-icon",{"width":[1],"height":[1]}]]],["checkmark-circle-icon",[[2,"checkmark-circle-icon",{"width":[1],"height":[1]}]]],["delete-icon",[[2,"delete-icon",{"width":[1],"height":[1]}]]],["people-icon",[[2,"people-icon",{"width":[1],"height":[1]}]]],["person-icon",[[2,"person-icon",{"width":[1],"height":[1]}]]],["warning-icon",[[2,"warning-icon",{"width":[1],"height":[1]}]]],["nylas-confirmation-email",[[65,"nylas-confirmation-email",{"selectedConfiguration":[16],"confirmationEmailTemplate":[16],"participants":[16],"name":[1],"nylasBranding":[4,"nylas-branding"],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"confirmationEmail":[32],"isConfirmationEmailOpen":[32],"participantsState":[32],"invalidImageErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"valueChanged","valueChangedHandler"],[0,"nylasFormInputImageUrlInvalid","nylasFormInputImageUrlInvalidHandler"],[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"nylasBranding":["nylasBrandingChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-availability-picker",[[65,"nylas-availability-picker",{"name":[1],"selectedConfiguration":[16],"openHours":[16],"defaultTimezone":[1,"default-timezone"],"hideHeader":[4,"hide-header"],"selectedLanguage":[1,"selected-language"],"schedule":[32],"timezone":[32],"overlapDays":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"timeChange","setTime"],[0,"timeWindowFormError","setFormError"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-form-config",[[65,"nylas-booking-form-config",{"selectedConfiguration":[16],"name":[1],"additionalFields":[16],"selectedLanguage":[1,"selected-language"],"staticFields":[32],"formFields":[32],"formFieldsOrder":[32],"count":[32],"watchFields":[32],"fieldTypes":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-timeslot",[[65,"nylas-event-timeslot",{"name":[1],"initialValue":[16],"selectedLanguage":[1,"selected-language"],"selectedDate":[32],"selectedStartTime":[32],"selectedEndTime":[32],"selectedTimezone":[32],"selectedRecurrenceType":[32],"timeRangeError":[32],"selectedRrule":[32],"recurrenceOptions":[32],"repeatEveryInterval":[32],"repeatEveryFrequency":[32],"repeatOnDays":[32],"repeatMonthlySameDate":[32],"repeatEndType":[32],"repeatEndAfter":[32],"repeatEndOn":[32],"monthRecurrenceOptions":[32],"endDate":[32]},[[0,"timeChange","setTime"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-disable-emails",[[65,"nylas-disable-emails",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"organizerLocale":[32],"disableEmails":[32]},[[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}]]],["nylas-min-cancellation-notice",[[65,"nylas-min-cancellation-notice",{"selectedConfiguration":[16],"name":[1],"minCancellationNotice":[2,"min-cancellation-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-confirmation-redirect",[[65,"nylas-booking-confirmation-redirect",{"selectedConfiguration":[16],"name":[1],"redirectUrl":[1,"redirect-url"],"redirectUrlErrorMessage":[1,"redirect-url-error-message"],"selectedLanguage":[1,"selected-language"],"currentRedirectUrl":[32],"acceptUrl":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[4,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-custom-event-slug",[[65,"nylas-custom-event-slug",{"selectedConfiguration":[16],"defaultUrlSlug":[1,"default-url-slug"],"isOpen":[4,"is-open"],"slugErrorMessage":[1,"slug-error-message"],"name":[1],"requiresSlug":[4,"requires-slug"],"selectedLanguage":[1,"selected-language"],"urlSlug":[32],"focus":[32],"copied":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"nylasFormInputFocused","nylasFormInputFocusHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[8,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-scheduling-method",[[65,"nylas-scheduling-method",{"selectedConfiguration":[16],"name":[1],"participantOptions":[16],"readOnly":[4,"read-only"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}]]],["nylas-booking-calendar-picker",[[65,"nylas-booking-calendar-picker",{"calendars":[16],"currentUser":[16],"currentUserCalendars":[16],"name":[1],"defaultBookingCalendar":[1,"default-booking-calendar"],"hideHeader":[4,"hide-header"],"expressFlow":[4,"express-flow"],"selectedLanguage":[1,"selected-language"],"selectedCalendar":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"currentUserCalendars":["currentUserCalendarsChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-booking-confirmation-type",[[65,"nylas-booking-confirmation-type",{"selectedConfiguration":[16],"name":[1],"bookingType":[1,"booking-type"],"showComponent":[4,"show-component"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32],"showDropdown":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-calendar-picker",[[65,"nylas-calendar-picker",{"name":[1],"currentUser":[16],"calendars":[16],"defaultSelectedCalendars":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"error":[32]},[[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-page-name",[[65,"nylas-page-name",{"selectedConfiguration":[16],"name":[1],"pageName":[1,"page-name"],"showToggle":[4,"show-toggle"],"isOpen":[4,"is-open"],"required":[4],"selectedLanguage":[1,"selected-language"],"requirePageName":[4,"require-page-name"],"currentPageName":[32],"pageNameErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-customize-booking-settings",[[65,"nylas-customize-booking-settings",{"selectedConfiguration":[16],"defaultHideAdditionalGuests":[4,"default-hide-additional-guests"],"defaultHideCancellationOptions":[4,"default-hide-cancellation-options"],"defaultHideReschedulingOptions":[4,"default-hide-rescheduling-options"],"name":[1],"selectedLanguage":[1,"selected-language"],"showSettings":[16],"allowGuestsToInvite":[32],"hideCancellationOptions":[32],"hideReschedulingOptions":[32]},[[0,"nylasFormCheckboxToggled","checkboxToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-capacity",[[65,"nylas-event-capacity",{"name":[1],"capacity":[2],"selectedLanguage":[1,"selected-language"],"selectedEventCapacity":[32],"error":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-cancellation-policy",[[65,"nylas-cancellation-policy",{"selectedConfiguration":[16],"cancellationPolicy":[1,"cancellation-policy"],"name":[1],"selectedLanguage":[1,"selected-language"],"message":[32]},null,{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-page-styling",[[65,"nylas-page-styling",{"selectedConfiguration":[16],"name":[1],"appearance":[16],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"currentAppearance":[32],"customInputsSlot":[32]},[[4,"nylasFormInputChanged","nylasFormInputChangeHandler"],[4,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[4,"valueChanged","valueChangedHandler"],[4,"nylasFormCheckboxToggled","checkboxToggledHandler"],[4,"nylasFormRadioChanged","radioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}]]],["nylas-custom-booking-flow",[[65,"nylas-custom-booking-flow",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-limits",[[65,"nylas-event-limits",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["calendar-agenda-fill-icon",[[2,"calendar-agenda-fill-icon",{"width":[1],"height":[1]}]]],["calendar-agenda-icon",[[2,"calendar-agenda-icon",{"width":[1],"height":[1]}]]],["calendar-check-icon",[[2,"calendar-check-icon",{"width":[1],"height":[1]}]]],["envelope-fill-icon",[[2,"envelope-fill-icon",{"width":[1],"height":[1]}]]],["envelope-icon",[[2,"envelope-icon",{"width":[1],"height":[1]}]]],["flow-icon",[[2,"flow-icon",{"width":[1],"height":[1]}]]],["paintbrush-fill-icon",[[2,"paintbrush-fill-icon",{"width":[1],"height":[1]}]]],["paintbrush-icon",[[2,"paintbrush-icon",{"width":[1],"height":[1]}]]],["nylas-event-location",[[65,"nylas-event-location",{"name":[1],"currentUser":[16],"userProvider":[1,"user-provider"],"eventConferencing":[16],"conferenceProviders":[16],"selectedConfiguration":[16],"eventLocation":[1,"event-location"],"selectedLanguage":[1,"selected-language"],"location":[32],"grantId":[32],"selectedLocationOption":[32],"userProviderState":[32],"locationOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"currentUser":["currentUserChangedHandler"],"conferenceProviders":["conferenceProvidersChanged"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-additional-participants",[[65,"nylas-additional-participants",{"name":[1],"selectedConfiguration":[16],"currentUser":[16],"currentUserCalendars":[16],"participantOptions":[16],"eventParticipants":[16],"roundRobinConfig":[4,"round-robin-config"],"selectedLanguage":[1,"selected-language"],"participants":[32],"participantErrors":[32],"includeOrganizerAsParticipant":[32],"isRoundRobinConfig":[32],"error":[32]},[[0,"inputOptionChanged","onInputOptionChanged"]],{"name":["elementNameChangedHandler"],"currentUser":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedConfiguration":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-feedback-form",[[1,"nylas-feedback-form",{"themeConfig":[8,"theme-config"],"feedbackMessage":[32]},[[4,"nylasFormInputChanged","handleFormInputChanged"]]]]],["nylas-reminder-time",[[65,"nylas-reminder-time",{"name":[1],"eventReminderTimeMinutes":[2,"event-reminder-time-minutes"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32],"errorState":[32]},[[4,"nylasSuggestReminderMinutes","nylasSuggestReminderMinutesHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"eventReminderTimeMinutes":["eventReminderTimeMinutesChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-description",[[65,"nylas-event-description",{"selectedConfiguration":[16],"eventDescription":[1,"event-description"],"name":[1],"selectedLanguage":[1,"selected-language"],"hideAutoPopulateButton":[4,"hide-auto-populate-button"],"description":[32],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"additionalFieldTokens":[32]},[[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["nylas-event-title",[[65,"nylas-event-title",{"selectedConfiguration":[16],"eventTitle":[1,"event-title"],"name":[1],"selectedLanguage":[1,"selected-language"],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"configEventTitle":[32],"additionalFieldTokens":[32]},[[8,"formSubmitted","formSubmittedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"ariaActivedescendant":["ariaActivedescendantChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["input-color-picker",[[1,"input-color-picker",{"name":[1],"defaultSelectedColor":[1,"default-selected-color"],"selectedColor":[32],"isOpen":[32],"ariaActivedescendant":[32],"errorMessage":[32]},[[6,"click","handleOutsideClick"]]]]],["input-image-url",[[65,"input-image-url",{"imageUrl":[1,"image-url"],"errorMessage":[1,"error-message"],"name":[1],"currentImageUrl":[32],"error":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"]],{"name":["elementNameChangedHandler"],"errorMessage":["errorMessageChangedHandler"]}]]],["nylas-event-info",[[65,"nylas-event-info",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["calendar-cancel-icon",[[2,"calendar-cancel-icon",{"width":[1],"height":[1]}]]],["calendar-icon",[[2,"calendar-icon",{"width":[1],"height":[1]}]]],["checkmark-icon",[[2,"checkmark-icon",{"width":[1],"height":[1]}]]],["dragable-icon",[[2,"dragable-icon",{"width":[1],"height":[1]}]]],["eye-icon",[[2,"eye-icon",{"width":[1],"height":[1]}]]],["feedback-icon",[[2,"feedback-icon",{"width":[1],"height":[1]}]]],["trash-icon",[[2,"trash-icon",{"width":[1],"height":[1]}]]],["copy-icon",[[2,"copy-icon",{"width":[1],"height":[1]}]]],["google-meet-icon",[[2,"google-meet-icon",{"width":[1],"height":[1]}]]],["location-icon",[[2,"location-icon",{"width":[1],"height":[1]}]]],["location-off-icon",[[2,"location-off-icon",{"width":[1],"height":[1]}]]],["microsoft-teams-icon",[[2,"microsoft-teams-icon",{"width":[1],"height":[1]}]]],["person-clipboard-icon",[[2,"person-clipboard-icon",{"width":[1],"height":[1]}]]],["plus-icon",[[2,"plus-icon",{"width":[1],"height":[1]}]]],["radio-button-group",[[1,"radio-button-group",{"name":[1],"options":[16],"defaultSelectedValue":[1,"default-selected-value"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"selectedValue":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"defaultSelectedValue":["handleDefaultSelectedValueChange"]}]]],["zoom-icon",[[2,"zoom-icon",{"width":[1],"height":[1]}]]],["checkbox-component",[[1,"checkbox-component",{"name":[1],"checked":[4],"label":[1],"readOnly":[4,"read-only"],"required":[4],"isChecked":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"checked":["checkedPropChangedHandler"]}]]],["edit-icon",[[2,"edit-icon",{"width":[1],"height":[1]}]]],["toggle-switch",[[1,"toggle-switch",{"name":[1],"checked":[4],"label":[1],"isChecked":[32]},null,{"checked":["checkedChanged"]}]]],["translate-icon",[[2,"translate-icon",{"width":[1],"height":[1]}]]],["clock-icon",[[2,"clock-icon",{"width":[1],"height":[1]}]]],["nylas-time-window-picker",[[1,"nylas-time-window-picker",{"time":[1],"minimumStartTime":[1,"minimum-start-time"],"placeholder":[1],"name":[1],"hasError":[516,"has-error"],"language":[1],"err":[32],"showTimes":[32],"ariaActivedescendant":[32],"times":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"minimumStartTime":["minimumStartTimeChangedHandler"]}]]],["chevron-icon",[[2,"chevron-icon",{"width":[1],"height":[1]}]]],["multi-select-dropdown",[[1,"multi-select-dropdown",{"name":[1],"label":[1],"options":[16],"error":[1025],"required":[4],"readOnly":[4,"read-only"],"multipleOptionsSelectedLabel":[1,"multiple-options-selected-label"],"selectAtLeastOneOptionLabel":[1,"select-at-least-one-option-label"],"availableOptions":[32],"isOpen":[32],"ariaActivedescendant":[32],"shouldFocusFirstOption":[32]},[[6,"click","handleOutsideClick"],[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"options":["optionsChangedHandler"]}]]],["textarea-component",[[1,"textarea-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"maxLength":[2,"max-length"],"type":[1],"tooltip":[1],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"triggerValidation","handletriggerValidation"]]]]],["nylas-date-component",[[1,"nylas-date-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"value":[32],"error":[32],"isDateValid":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["nylas-form-card",[[65,"nylas-form-card"]]],["input-dropdown",[[1,"input-dropdown",{"name":[1],"options":[16],"defaultInputOption":[16],"inputValue":[1,"input-value"],"pluralizedLabel":[1,"pluralized-label"],"filterable":[4],"selectedOption":[32],"isOpen":[32],"typedValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultInputOption":["defaultSelectedOptionChangedHandler"],"inputValue":["inputValueChangedHandler"]}]]],["search-icon",[[2,"search-icon",{"width":[1],"height":[1]}]]],["select-dropdown",[[1,"select-dropdown",{"name":[1],"options":[16],"defaultSelectedOption":[16],"withSearch":[4,"with-search"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"pluralizedLabel":[1,"pluralized-label"],"dropdownButtonText":[1,"dropdown-button-text"],"withChevron":[4,"with-chevron"],"emptyValue":[1,"empty-value"],"errorMessage":[1,"error-message"],"selectedOption":[32],"isOpen":[32],"searchValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"],[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultSelectedOption":["defaultSelectedOptionChangedHandler"]}]]],["time-period-selector",[[2,"time-period-selector",{"timePeriods":[16],"defaultSelectedPeriod":[1,"default-selected-period"],"defaultSelectedNumber":[2,"default-selected-number"],"hasError":[4,"has-error"],"selectedPeriod":[32],"selectedNumber":[32],"numberOptions":[32],"timePeriodOptions":[32]},[[0,"inputOptionChanged","inputOptionChangedHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"defaultSelectedPeriod":["defaultSelectedPeriodChanged"],"defaultSelectedNumber":["defaultSelectedNumberChanged"],"timePeriods":["timePeriodsChanged"]}]]],["add-circle-icon",[[2,"add-circle-icon",{"width":[1],"height":[1]}]]],["globe-icon",[[2,"globe-icon",{"width":[1],"height":[1]}]]],["close-icon",[[2,"close-icon",{"width":[1],"height":[1]}]]],["input-component",[[1,"input-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"type":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"maxValue":[2,"max-value"],"minValue":[2,"min-value"],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["loading-icon",[[1,"loading-icon",{"width":[1],"height":[1]}]]],["button-component",[[6,"button-component",{"variant":[1],"disabled":[4],"type":[1],"tooltip":[1],"isLoading":[4,"is-loading"],"clickHandler":[16],"mouseOverHandler":[16],"mouseOutHandler":[16],"focusHandler":[16],"blurHandler":[16]}]]],["tooltip-component",[[1,"tooltip-component",{"position":[1]}]]],["info-icon",[[2,"info-icon",{"width":[1],"height":[1]}]]]]'),e)}));
 //# sourceMappingURL=nylas-web-elements.esm.js.map