@nylas/web-elements 1.4.1 → 1.4.3

package/dist/nylas-web-elements/input-image-url.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as a,a as l,e as s}from"./index-3e0d6890.js";import{R as o}from"./register-component-3d439a88.js";import{a as r,I as t}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const i=':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}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}';var c=undefined&&undefined.__decorate||function(e,n,a,l){var s=arguments.length,o=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,l);else for(var t=e.length-1;t>=0;t--)if(r=e[t])o=(s<3?r(o):s>3?r(n,a,o):r(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var y=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const d=class{constructor(a){e(this,a);this.nylasFormInputImageUrlInvalid=n(this,"nylasFormInputImageUrlInvalid",7);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.componentType="image-url";this.imageUrl="";this.errorMessage="";this.name="input-image-url";this.currentImageUrl=this.imageUrl;this.error=""}connectedCallback(){r("nylas-image-input","connectedCallback")}disconnectedCallback(){r("nylas-image-input","disconnectedCallback")}componentWillLoad(){r("nylas-image-input","componentWillLoad");this.host.setAttribute("name",this.name);this.host.setAttribute("component-type",this.componentType)}componentDidLoad(){r("nylas-image-input","componentDidLoad");this.currentImageUrl=this.imageUrl;this.setImage(this.imageUrl,false)}componentWillUpdate(){r("nylas-image-input","componentWillUpdate")}componentDidUpdate(){r("nylas-image-input","componentDidUpdate")}componentWillRender(){r("nylas-image-input","componentWillRender")}componentDidRender(){r("nylas-image-input","componentDidRender")}elementNameChangedHandler(e){r("nylas-image-input","elementNameChangedHandler",e);this.host.setAttribute("name",e)}errorMessageChangedHandler(e){r("nylas-image-input","errorMessageChangedHandler",e);if(this.error){this.error=e}}async nylasFormInputChangedHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}async nylasFormInputBlurHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}setImage(e,n=true){this.error="";t(e).then((()=>{this.currentImageUrl=e;this.internals.setValidity({});this.internals.setFormValue(this.currentImageUrl,this.name);if(n){this.valueChanged.emit({value:this.currentImageUrl,name:this.name})}})).catch((()=>{this.error=this.errorMessage||"Invalid image URL.";this.nylasFormInputImageUrlInvalid.emit({value:this.error,name:this.name});if(typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},this.error)}}))}render(){return a(l,{key:"4f40a383b04b54040c53a2deb4bd401d8984cfce"},a("div",{key:"c470c5fe3a6b2e72d5e2395542b3be59d3cfee24",class:"logo-container"},a("div",{key:"9982ebfc4113457f044df87560921ecf693687e1",class:"input-container"},a("input-component",{key:"ecceb63da6e50c59292cedf2ef6bf9f611130b1c",name:this.name,id:this.name,type:"text",required:false,exportparts:"ic_input: iiu__logo-input-textfield",defaultValue:this.imageUrl??""}),this.error&&a("span",{class:"error-message"},this.error)),this.currentImageUrl&&!this.error&&a("div",{class:"logo"},a("img",{src:this.currentImageUrl,alt:"Logo"}))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],errorMessage:["errorMessageChangedHandler"]}}};c([o({name:"nylas-image-input",eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}}}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as input_image_url};
+import{r as e,i as n,h as a,a as l,e as s}from"./index-3e0d6890.js";import{R as o}from"./register-component-8b5587d5.js";import{a as r,I as t}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':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}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}';var c=undefined&&undefined.__decorate||function(e,n,a,l){var s=arguments.length,o=s<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,l);else for(var t=e.length-1;t>=0;t--)if(r=e[t])o=(s<3?r(o):s>3?r(n,a,o):r(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var y=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(a){e(this,a);this.nylasFormInputImageUrlInvalid=n(this,"nylasFormInputImageUrlInvalid",7);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.componentType="image-url";this.imageUrl="";this.errorMessage="";this.name="input-image-url";this.currentImageUrl=this.imageUrl;this.error=""}connectedCallback(){r("nylas-image-input","connectedCallback")}disconnectedCallback(){r("nylas-image-input","disconnectedCallback")}componentWillLoad(){r("nylas-image-input","componentWillLoad");this.host.setAttribute("name",this.name);this.host.setAttribute("component-type",this.componentType)}componentDidLoad(){r("nylas-image-input","componentDidLoad");this.currentImageUrl=this.imageUrl;this.setImage(this.imageUrl,false)}componentWillUpdate(){r("nylas-image-input","componentWillUpdate")}componentDidUpdate(){r("nylas-image-input","componentDidUpdate")}componentWillRender(){r("nylas-image-input","componentWillRender")}componentDidRender(){r("nylas-image-input","componentDidRender")}elementNameChangedHandler(e){r("nylas-image-input","elementNameChangedHandler",e);this.host.setAttribute("name",e)}errorMessageChangedHandler(e){r("nylas-image-input","errorMessageChangedHandler",e);if(this.error){this.error=e}}async nylasFormInputChangedHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}async nylasFormInputBlurHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}setImage(e,n=true){this.error="";t(e).then((()=>{this.currentImageUrl=e;this.internals.setValidity({});this.internals.setFormValue(this.currentImageUrl,this.name);if(n){this.valueChanged.emit({value:this.currentImageUrl,name:this.name})}})).catch((()=>{this.error=this.errorMessage||"Invalid image URL.";this.nylasFormInputImageUrlInvalid.emit({value:this.error,name:this.name});if(typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},this.error)}}))}render(){return a(l,{key:"4f40a383b04b54040c53a2deb4bd401d8984cfce"},a("div",{key:"c470c5fe3a6b2e72d5e2395542b3be59d3cfee24",class:"logo-container"},a("div",{key:"9982ebfc4113457f044df87560921ecf693687e1",class:"input-container"},a("input-component",{key:"ecceb63da6e50c59292cedf2ef6bf9f611130b1c",name:this.name,id:this.name,type:"text",required:false,exportparts:"ic_input: iiu__logo-input-textfield",defaultValue:this.imageUrl??""}),this.error&&a("span",{class:"error-message"},this.error)),this.currentImageUrl&&!this.error&&a("div",{class:"logo"},a("img",{src:this.currentImageUrl,alt:"Logo"}))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],errorMessage:["errorMessageChangedHandler"]}}};c([o({name:"nylas-image-input",eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}}}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],f.prototype,"render",null);f.style=i;export{f as input_image_url};
 //# sourceMappingURL=input-image-url.entry.js.map

package/dist/nylas-web-elements/multi-select-dropdown.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as o,h as s,a,e as r}from"./index-3e0d6890.js";import{a as n}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const l=':host{display:block;width:inherit;--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}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown .dropdown-label p{margin:0}.dropdown .dropdown-label span.required{color:var(--nylas-error);padding:0 0.25rem}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:var(--nylas-base-900);padding:0.5rem;font-size:16px;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content 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:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.dropdown-content ul li.disabled{cursor:not-allowed;opacity:0.5}.dropdown-content ul li.disabled label{cursor:not-allowed}.dropdown-content ul li.disabled label input{cursor:not-allowed}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}.selected-options .selected-option button:disabled{cursor:not-allowed;background:var(--nylas-base-100)}';const t=class{constructor(s){e(this,s);this.selectedOptionsChanged=o(this,"selectedOptionsChanged",7);this.name=undefined;this.label=undefined;this.options=[];this.error="";this.required=false;this.readOnly=false;this.multipleOptionsSelectedLabel="Multiple options selected";this.selectAtLeastOneOptionLabel="Please select at least one option";this.availableOptions=this.options;this.isOpen=false;this.ariaActivedescendant="";this.shouldFocusFirstOption=false}areOptionsEqual(e,o){if(e.length!==o.length)return false;const s=[...e].sort(((e,o)=>e.label.localeCompare(o.label)||e.value.localeCompare(o.value)));const a=[...o].sort(((e,o)=>e.label.localeCompare(o.label)||e.value.localeCompare(o.value)));return s.every(((e,o)=>{const s=a[o];return e.label===s.label&&e.value===s.value}))}optionsChangedHandler(e){if(!this.areOptionsEqual(e,this.availableOptions)){this.availableOptions=e}}componentDidLoad(){n("multi-select-dropdown","componentDidLoad");if(this.options){this.availableOptions=this.options}}componentDidRender(){n("multi-select-dropdown","componentDidRender");if(this.isOpen&&this.shouldFocusFirstOption){this.ariaActivedescendant=this.availableOptions[0]?.value;this.focusOption(0);this.shouldFocusFirstOption=false}}handleOutsideClick(e){const o=e.composedPath();const s=o.includes(this.el);if(!s&&this.isOpen){this.isOpen=false}}handleBookingFormSubmitted(e){const o=this.availableOptions.filter((e=>e.selected)).map((e=>e.value));if(this.required&&(!o||o.length<=0)){this.error="Please select at least one option"}if(this.error){e.preventDefault()}}selectOption(e){this.availableOptions=this.availableOptions.map((o=>{if(o.value===e.value){o.selected=e.selected?false:true;if(o.selected){this.error=""}}return o}));const o=this.availableOptions.filter((e=>e.selected)).map((e=>e.value));this.selectedOptionsChanged.emit({value:o,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen;if(this.isOpen){this.shouldFocusFirstOption=true}else{this.ariaActivedescendant=""}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}break;case"Escape":this.isOpen=false;break}}handleListboxKeydown(e){const o=this.availableOptions;const s=o.findIndex((e=>e.value===this.ariaActivedescendant));switch(e.key){case"ArrowDown":case"Tab":{if(!e.shiftKey){e.preventDefault();const a=s+1<o.length?s+1:0;this.ariaActivedescendant=o[a].value;this.focusOption(a)}else{e.preventDefault();const a=s-1>=0?s-1:o.length-1;this.ariaActivedescendant=o[a].value;this.focusOption(a)}break}case"ArrowUp":{e.preventDefault();const a=s-1>=0?s-1:o.length-1;this.ariaActivedescendant=o[a].value;this.focusOption(a);break}case"Enter":{e.preventDefault();if(this.ariaActivedescendant){this.selectOption(o[s])}break}case"Escape":{this.isOpen=false;break}}}focusOption(e){const o=this.availableOptions[e];if(!o)return;const s=o.value;const a=this.el.shadowRoot?.getElementById(s);if(a){a.focus();a.scrollIntoView({behavior:"smooth",block:"nearest"})}}getSelectedOptions(){return this.availableOptions.filter((e=>e.selected))}renderOption(e){return s("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:o=>{o.stopImmediatePropagation();if(!e?.disabled){this.selectOption(e)}},class:{selected:!!e.selected,disabled:!!e.disabled}},s("label",{htmlFor:e.value},s("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected,disabled:!!e?.disabled}),s("span",null,e.label)))}render(){return s(a,{key:"2211f90c0f5bdcf0d27448fd9ec5568f9aec0234"},s("div",{key:"9e84a7ed003e9b541a56ab1c0a7cb6d670cbfdd3",class:"dropdown",part:"msd_dropdown"},s("label",{key:"fe7b821b156c9fae46422ff67b9900155a545b27",class:"dropdown-label",part:"msd_dropdown-label"},s("p",{key:"266f5afa814c2da4099fff2592ee079baf8d8094"},s("span",{key:"e89025d7da4c7f7368048f9729ca10064ca32e22",class:"label"},this.label),this.required&&s("span",{class:"required"},"*")),s("slot",{key:"15916ee66e8c341e162b65cdbb53df9693371c8a",name:"label-icon","aria-hidden":"true"})),s("button",{key:"7c17a76d93efa1e3a82d75722cd0a1c5758b9c32",name:this.name,part:`msd_dropdown-button ${this.error?"msd_dropdown-button--error":""}`,class:{dropbtn:true,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,title:this.readOnly?"read-only field":undefined,"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},s("slot",{key:"3196cb36a75d471989f18d5de3cc689eaa7fe295",name:"select-icon","aria-hidden":"true"}),s("span",{key:"c4e1531026c20573bb642f6f494b92c0545957ec",class:"selected-option",part:"msd_dropdown-button-selected-label"},this.getSelectedOptions().length>1?this.multipleOptionsSelectedLabel:this.availableOptions.filter((e=>e.selected))[0]?.label??this.availableOptions[0]?.label),s("span",{key:"66eaadd178beac3fefa4e261b14a71ee5ab71a95",class:this.isOpen?"open":"closed","aria-hidden":"true"},s("chevron-icon",{key:"ed945f49a0f99abdaf3ac5e1a4707b0a1e450c48",width:"16",height:"16"}))),this.error?s("span",{class:"error",part:"msd_dropdown_error"},this.error):null,s("div",{key:"317b5f2a563b70dfc8fc3a75176f95742826236d",class:"selected-options"},this.getSelectedOptions().map((e=>s("span",{class:"selected-option"},e.label,s("button",{disabled:this.readOnly||!!e?.disabled,key:e.label,onClick:()=>this.selectOption(e)},s("close-icon",null)))))),this.isOpen?s("div",{class:"dropdown-content",part:"msd_dropdown-content"},s("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":true,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.availableOptions.map((e=>this.renderOption(e))))):null))}get el(){return r(this)}static get watchers(){return{options:["optionsChangedHandler"]}}};t.style=l;export{t as multi_select_dropdown};
+import{r as e,i as o,h as s,a,e as r}from"./index-3e0d6890.js";import{a as n}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const l=':host{display:block;width:inherit;--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}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown .dropdown-label p{margin:0}.dropdown .dropdown-label span.required{color:var(--nylas-error);padding:0 0.25rem}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:var(--nylas-base-900);padding:0.5rem;font-size:16px;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content 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:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.dropdown-content ul li.disabled{cursor:not-allowed;opacity:0.5}.dropdown-content ul li.disabled label{cursor:not-allowed}.dropdown-content ul li.disabled label input{cursor:not-allowed}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}.selected-options .selected-option button:disabled{cursor:not-allowed;background:var(--nylas-base-100)}';const t=class{constructor(s){e(this,s);this.selectedOptionsChanged=o(this,"selectedOptionsChanged",7);this.name=undefined;this.label=undefined;this.options=[];this.error="";this.required=false;this.readOnly=false;this.multipleOptionsSelectedLabel="Multiple options selected";this.selectAtLeastOneOptionLabel="Please select at least one option";this.availableOptions=this.options;this.isOpen=false;this.ariaActivedescendant="";this.shouldFocusFirstOption=false}areOptionsEqual(e,o){if(e.length!==o.length)return false;const s=[...e].sort(((e,o)=>e.label.localeCompare(o.label)||e.value.localeCompare(o.value)));const a=[...o].sort(((e,o)=>e.label.localeCompare(o.label)||e.value.localeCompare(o.value)));return s.every(((e,o)=>{const s=a[o];return e.label===s.label&&e.value===s.value}))}optionsChangedHandler(e){if(!this.areOptionsEqual(e,this.availableOptions)){this.availableOptions=e}}componentDidLoad(){n("multi-select-dropdown","componentDidLoad");if(this.options){this.availableOptions=this.options}}componentDidRender(){n("multi-select-dropdown","componentDidRender");if(this.isOpen&&this.shouldFocusFirstOption){this.ariaActivedescendant=this.availableOptions[0]?.value;this.focusOption(0);this.shouldFocusFirstOption=false}}handleOutsideClick(e){const o=e.composedPath();const s=o.includes(this.el);if(!s&&this.isOpen){this.isOpen=false}}handleBookingFormSubmitted(e){const o=this.availableOptions.filter((e=>e.selected)).map((e=>e.value));if(this.required&&(!o||o.length<=0)){this.error="Please select at least one option"}if(this.error){e.preventDefault()}}selectOption(e){this.availableOptions=this.availableOptions.map((o=>{if(o.value===e.value){o.selected=e.selected?false:true;if(o.selected){this.error=""}}return o}));const o=this.availableOptions.filter((e=>e.selected)).map((e=>e.value));this.selectedOptionsChanged.emit({value:o,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen;if(this.isOpen){this.shouldFocusFirstOption=true}else{this.ariaActivedescendant=""}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}break;case"Escape":this.isOpen=false;break}}handleListboxKeydown(e){const o=this.availableOptions;const s=o.findIndex((e=>e.value===this.ariaActivedescendant));switch(e.key){case"ArrowDown":case"Tab":{if(!e.shiftKey){e.preventDefault();const a=s+1<o.length?s+1:0;this.ariaActivedescendant=o[a].value;this.focusOption(a)}else{e.preventDefault();const a=s-1>=0?s-1:o.length-1;this.ariaActivedescendant=o[a].value;this.focusOption(a)}break}case"ArrowUp":{e.preventDefault();const a=s-1>=0?s-1:o.length-1;this.ariaActivedescendant=o[a].value;this.focusOption(a);break}case"Enter":{e.preventDefault();if(this.ariaActivedescendant){this.selectOption(o[s])}break}case"Escape":{this.isOpen=false;break}}}focusOption(e){const o=this.availableOptions[e];if(!o)return;const s=o.value;const a=this.el.shadowRoot?.getElementById(s);if(a){a.focus();a.scrollIntoView({behavior:"smooth",block:"nearest"})}}getSelectedOptions(){return this.availableOptions.filter((e=>e.selected))}renderOption(e){return s("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:o=>{o.stopImmediatePropagation();if(!e?.disabled){this.selectOption(e)}},class:{selected:!!e.selected,disabled:!!e.disabled}},s("label",{htmlFor:e.value},s("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected,disabled:!!e?.disabled}),s("span",null,e.label)))}render(){return s(a,{key:"2211f90c0f5bdcf0d27448fd9ec5568f9aec0234"},s("div",{key:"9e84a7ed003e9b541a56ab1c0a7cb6d670cbfdd3",class:"dropdown",part:"msd_dropdown"},s("label",{key:"fe7b821b156c9fae46422ff67b9900155a545b27",class:"dropdown-label",part:"msd_dropdown-label"},s("p",{key:"266f5afa814c2da4099fff2592ee079baf8d8094"},s("span",{key:"e89025d7da4c7f7368048f9729ca10064ca32e22",class:"label"},this.label),this.required&&s("span",{class:"required"},"*")),s("slot",{key:"15916ee66e8c341e162b65cdbb53df9693371c8a",name:"label-icon","aria-hidden":"true"})),s("button",{key:"7c17a76d93efa1e3a82d75722cd0a1c5758b9c32",name:this.name,part:`msd_dropdown-button ${this.error?"msd_dropdown-button--error":""}`,class:{dropbtn:true,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,title:this.readOnly?"read-only field":undefined,"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},s("slot",{key:"3196cb36a75d471989f18d5de3cc689eaa7fe295",name:"select-icon","aria-hidden":"true"}),s("span",{key:"c4e1531026c20573bb642f6f494b92c0545957ec",class:"selected-option",part:"msd_dropdown-button-selected-label"},this.getSelectedOptions().length>1?this.multipleOptionsSelectedLabel:this.availableOptions.filter((e=>e.selected))[0]?.label??this.availableOptions[0]?.label),s("span",{key:"66eaadd178beac3fefa4e261b14a71ee5ab71a95",class:this.isOpen?"open":"closed","aria-hidden":"true"},s("chevron-icon",{key:"ed945f49a0f99abdaf3ac5e1a4707b0a1e450c48",width:"16",height:"16"}))),this.error?s("span",{class:"error",part:"msd_dropdown_error"},this.error):null,s("div",{key:"317b5f2a563b70dfc8fc3a75176f95742826236d",class:"selected-options"},this.getSelectedOptions().map((e=>s("span",{class:"selected-option"},e.label,s("button",{disabled:this.readOnly||!!e?.disabled,key:e.label,onClick:()=>this.selectOption(e)},s("close-icon",null)))))),this.isOpen?s("div",{class:"dropdown-content",part:"msd_dropdown-content"},s("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":true,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.availableOptions.map((e=>this.renderOption(e))))):null))}get el(){return r(this)}static get watchers(){return{options:["optionsChangedHandler"]}}};t.style=l;export{t as multi_select_dropdown};
 //# sourceMappingURL=multi-select-dropdown.entry.js.map

package/dist/nylas-web-elements/nylas-additional-participants.entry.js

@@ -1,2 +1,2 @@
-import{r as a,i as t,h as i,a as n,e}from"./index-3e0d6890.js";import{R as r}from"./register-component-3d439a88.js";import{a as s,i as l}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const o=':host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_group label span.org-as-participant{width:max-content}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}';var d=undefined&&undefined.__decorate||function(a,t,i,n){var e=arguments.length,r=e<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(a,t,i,n);else for(var l=a.length-1;l>=0;l--)if(s=a[l])r=(e<3?s(r):e>3?s(t,i,r):s(t,i))||r;return e>3&&r&&Object.defineProperty(t,i,r),r};var p=undefined&&undefined.__metadata||function(a,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,t)};const c=class{constructor(i){a(this,i);this.valueChanged=t(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.name="participants";this.selectedConfiguration=undefined;this.currentUser=undefined;this.currentUserCalendars=undefined;this.participantOptions=undefined;this.eventParticipants=undefined;this.roundRobinConfig=undefined;this.selectedLanguage=undefined;this.participants=this.eventParticipants??[];this.participantErrors={};this.includeOrganizerAsParticipant=true;this.isRoundRobinConfig=false;this.error=""}elementNameChangedHandler(a){s("nylas-additional-participants","elementNameChangedHandler",a);this.host.setAttribute("name",a)}selectedConfigurationAndCurrentUserChangedHandler(a,t,i){s("nylas-additional-participants","selectedConfigurationAndCurrentUserChangedHandler",a,this.currentUser);if(i==="selectedConfiguration"){this.updateState(a,this.currentUser,false)}else if(i==="currentUser"){this.updateState(this.selectedConfiguration,a,false)}}selectedLanguageChangedHandler(a,t){if(a===t)return;l.changeLanguage(a);if(this.error){this.error=l.t("nylasAdditionalParticipants.error")}}connectedCallback(){s("nylas-additional-participants","connectedCallback")}componentWillLoad(){s("nylas-additional-participants","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-additional-participants","componentDidLoad");if(this.selectedConfiguration){this.updateState(this.selectedConfiguration,this.currentUser,false)}else if(this.eventParticipants){this.participants=this.eventParticipants||[];this.isRoundRobinConfig=this.roundRobinConfig||false;this.updateFormValue(true)}}disconnectedCallback(){s("nylas-additional-participants","disconnectedCallback")}updateState(a,t,i=true){this.isRoundRobinConfig=a?.availability?.availability_rules?.availability_method?a?.availability?.availability_rules?.availability_method!=="collective":false;this.participants=a?.participants||this.eventParticipants||[];this.includeOrganizerAsParticipant=this.isRoundRobinConfig&&this.participants.find((a=>a.email===t?.email))?true:false;this.updateOrganizerAsParticipant(i)}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}onInputOptionChanged(a){s("nylas-additional-participants","onInputOptionChanged");const t=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;const i=a.detail.name;const n=this.participantOptions?.find((t=>t.email===a.detail.value));if(!n&&this.isRoundRobinConfig){this.isInternalsAvailable&&this.internals.setValidity({customError:true},"For round robin configuration, participant should be selected from the dropdown.");this.participantErrors[i]="For round robin page, participant should be selected from the dropdown.";this.participants[i].is_valid=false;this.participants=[...this.participants];return}else if(!n&&!t.test(a.detail.value)){this.isInternalsAvailable&&this.internals.setValidity({customError:true},"Please enter a valid email address");this.participantErrors[i]="Please enter a valid email address";this.participants[i].is_valid=false;this.participants=[...this.participants];return}else{this.participantErrors[i]="";this.participants[i].is_valid=true;this.isInternalsAvailable&&this.internals.setValidity({})}this.participants[i].email=a.detail.value;this.participants[i].availability=n&&n.calendars[0].id?{calendar_ids:[n.calendars[0].id]}:undefined;this.participants[i].booking=n&&this.isRoundRobinConfig&&n.calendars[0].id?{calendar_id:n.calendars[0].id}:undefined;this.participants[i].name=n?.name||a.detail.value;this.participants=[...this.participants];this.updateFormValue()}updateOrganizerAsParticipant(a=true){const t=this.participants.find((a=>a.email===this.currentUser?.email));if(this.isRoundRobinConfig&&!t&&this.currentUser?.email){const a=this.currentUserCalendars?.find((a=>a.is_primary))?.id||this.currentUserCalendars?.[0]?.id||"primary";this.participants=[{name:this.currentUser?.name,email:this.currentUser?.email,is_organizer:true,availability:{calendar_ids:[a]},booking:{calendar_id:a}},...this.participants]}this.updateFormValue(a)}addParticipant(){s("nylas-additional-participants","addParticipant");this.participants=[...this.participants,{name:"",email:"",is_organizer:false}];this.updateFormValue()}removeParticipant(a){s("nylas-additional-participants","removeParticipant");this.participants=this.participants.filter(((t,i)=>i!==a));this.updateFormValue()}updateFormValue(a=true){s("nylas-additional-participants","updateFormValue");const t=this.isRoundRobinConfig?this.includeOrganizerAsParticipant?this.participants:this.participants.filter((a=>!a.is_organizer)):this.participants;if(t.length===0){this.error=l.t("nylasAdditionalParticipants.error");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else{this.isInternalsAvailable&&this.internals.setValidity({});this.error="";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(t),this.name);if(a){this.valueChanged.emit({value:JSON.stringify(t),name:this.name})}}}getArrayDifference(a,t){const i=a.filter((a=>!t.some((t=>a.email===t.email))));return i.map((a=>({value:a.email,label:a.email})))}render(){return i(n,{key:"835a3f39c0e7a67bc6d340bfa5c3cc62145678e8",part:"nadtnlpart"},i("nylas-form-card",{key:"1cf1984b29bd7c1647ce9e127d8fc4ddf095cf01",exportparts:"nfc, nfc__header"},i("h3",{key:"b46bd33729b18b983f0df47ae7a676ae96267ce2",slot:"header-title",class:"nylas-additional-participants__title",part:"nadtnlpart__title"},l.t("nylasAdditionalParticipants.headerTitle")),i("p",{key:"1e47838d94814bc7ecfd037b0f270cf823ed1f8e",slot:"header-subtitle",class:"nylas-additional-participants__subtitle",part:"nadtnlpart__subtitle"},l.t("nylasAdditionalParticipants.headerSubTitle")),i("div",{key:"ab0382b540df100fb2249a434dc47e22680fbd92",slot:"content",class:"nylas-additional-participants__content",part:"nadtnlpart__content"},i("div",{key:"622be51eeabd507a90a5517c04b8348c4cf45f49"},this.participants.map(((a,t)=>i("div",{class:"nylas-additional-participants__input_group",part:"nadtnlpart__input_group"},!a.is_organizer&&i("label",null,`${l.t("nylasAdditionalParticipants.participant")} ${t}`),i("div",{part:"nadtnlpart__input_wrapper",class:{"nylas-additional-participants__input_wrapper":true,"nylas-additional-participants__input_wrapper_organizer":a?.is_organizer===true,"nylas-additional-participants__input_wrapper_invalid":a.is_valid===false,error:a.is_valid===false}},i("div",{class:{"nylas-additional-participants__input":true,organizer:a?.is_organizer===true},part:"nadtnlpart__input"},a.is_organizer?i("input-component",{class:"label-input",name:`${t}`,key:t,label:l.t("nylasAdditionalParticipants.organizer"),required:false,readOnly:a.is_organizer,defaultValue:a.email},this.isRoundRobinConfig&&i("div",{class:"required-input",slot:"additional-input"},i("input",{type:"checkbox",name:`organizer_participant`,id:`organizer_participant`,onClick:()=>{this.includeOrganizerAsParticipant=!this.includeOrganizerAsParticipant;this.updateFormValue()},checked:this.includeOrganizerAsParticipant}),i("label",{htmlFor:`organizer_participant`,"aria-label":"Include as participant"},i("span",{class:"org-as-participant",part:"nadtnlpart__org-as-participant"},l.t("nylasAdditionalParticipants.organizerAsParticipant")),i("tooltip-component",{id:"organizer_participant_tooltip"},i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},i("strong",null,l.t("nylasAdditionalParticipants.tooltip.includeOrganizer"),":")," ",l.t("nylasAdditionalParticipants.tooltip.includeOrganizerDesc")," ",i("br",null),i("strong",null,l.t("nylasAdditionalParticipants.tooltip.excludeOrganizer"),":")," ",l.t("nylasAdditionalParticipants.tooltip.excludeOrganizerDesc")))))):i("input-dropdown",{id:`${t}`,name:`${t}`,filterable:true,inputValue:a.email,options:this.getArrayDifference(this.participantOptions||[],this.participants)}),!a.is_organizer&&i("button",{onClick:()=>this.removeParticipant(t),part:"nadtnlpart__remove-participant"},i("close-icon",null)))),!a.is_valid&&i("p",{class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.participantErrors[t])))),i("p",{key:"e67268bf9788935342f6f922b82d2af94bc1a84c",class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.error)),i("button",{key:"d322c6e1dc4fb91c40c28e36f0f25b389794780d",class:"nylas-additional-participants__add",part:"nadtnlpart__add-participant",onClick:()=>this.addParticipant()},i("add-circle-icon",{key:"a749d64c83f5427db7e3c602b8da83e35b1c110c"})," ",i("span",{key:"dc81ad7e804cac41479b6669138ea8ca56d1a3d5"},this.participants.length>1?l.t("nylasAdditionalParticipants.addParticipant",{context:"next"}):l.t("nylasAdditionalParticipants.addParticipant",{context:"first"}))))))}static get formAssociated(){return true}get host(){return e(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUser:["selectedConfigurationAndCurrentUserChangedHandler"],selectedConfiguration:["selectedConfigurationAndCurrentUserChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([r({name:"nylas-additional-participants",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],c.prototype,"render",null);c.style=o;export{c as nylas_additional_participants};
+import{r as a,i as t,h as i,a as n,e}from"./index-3e0d6890.js";import{R as r}from"./register-component-8b5587d5.js";import{a as s,i as l}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const o=':host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_group label span.org-as-participant{width:max-content}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}';var d=undefined&&undefined.__decorate||function(a,t,i,n){var e=arguments.length,r=e<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(a,t,i,n);else for(var l=a.length-1;l>=0;l--)if(s=a[l])r=(e<3?s(r):e>3?s(t,i,r):s(t,i))||r;return e>3&&r&&Object.defineProperty(t,i,r),r};var p=undefined&&undefined.__metadata||function(a,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(a,t)};const c=class{constructor(i){a(this,i);this.valueChanged=t(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.name="participants";this.selectedConfiguration=undefined;this.currentUser=undefined;this.currentUserCalendars=undefined;this.participantOptions=undefined;this.eventParticipants=undefined;this.roundRobinConfig=undefined;this.selectedLanguage=undefined;this.participants=this.eventParticipants??[];this.participantErrors={};this.includeOrganizerAsParticipant=true;this.isRoundRobinConfig=false;this.error=""}elementNameChangedHandler(a){s("nylas-additional-participants","elementNameChangedHandler",a);this.host.setAttribute("name",a)}selectedConfigurationAndCurrentUserChangedHandler(a,t,i){s("nylas-additional-participants","selectedConfigurationAndCurrentUserChangedHandler",a,this.currentUser);if(i==="selectedConfiguration"){this.updateState(a,this.currentUser,false)}else if(i==="currentUser"){this.updateState(this.selectedConfiguration,a,false)}}selectedLanguageChangedHandler(a,t){if(a===t)return;l.changeLanguage(a);if(this.error){this.error=l.t("nylasAdditionalParticipants.error")}}connectedCallback(){s("nylas-additional-participants","connectedCallback")}componentWillLoad(){s("nylas-additional-participants","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-additional-participants","componentDidLoad");if(this.selectedConfiguration){this.updateState(this.selectedConfiguration,this.currentUser,false)}else if(this.eventParticipants){this.participants=this.eventParticipants||[];this.isRoundRobinConfig=this.roundRobinConfig||false;this.updateFormValue(true)}}disconnectedCallback(){s("nylas-additional-participants","disconnectedCallback")}updateState(a,t,i=true){this.isRoundRobinConfig=a?.availability?.availability_rules?.availability_method?a?.availability?.availability_rules?.availability_method!=="collective":false;this.participants=a?.participants||this.eventParticipants||[];this.includeOrganizerAsParticipant=this.isRoundRobinConfig&&this.participants.find((a=>a.email===t?.email))?true:false;this.updateOrganizerAsParticipant(i)}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}onInputOptionChanged(a){s("nylas-additional-participants","onInputOptionChanged");const t=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;const i=a.detail.name;const n=this.participantOptions?.find((t=>t.email===a.detail.value));if(!n&&this.isRoundRobinConfig){this.isInternalsAvailable&&this.internals.setValidity({customError:true},"For round robin configuration, participant should be selected from the dropdown.");this.participantErrors[i]="For round robin page, participant should be selected from the dropdown.";this.participants[i].is_valid=false;this.participants=[...this.participants];return}else if(!n&&!t.test(a.detail.value)){this.isInternalsAvailable&&this.internals.setValidity({customError:true},"Please enter a valid email address");this.participantErrors[i]="Please enter a valid email address";this.participants[i].is_valid=false;this.participants=[...this.participants];return}else{this.participantErrors[i]="";this.participants[i].is_valid=true;this.isInternalsAvailable&&this.internals.setValidity({})}this.participants[i].email=a.detail.value;this.participants[i].availability=n&&n.calendars[0].id?{calendar_ids:[n.calendars[0].id]}:undefined;this.participants[i].booking=n&&this.isRoundRobinConfig&&n.calendars[0].id?{calendar_id:n.calendars[0].id}:undefined;this.participants[i].name=n?.name||a.detail.value;this.participants=[...this.participants];this.updateFormValue()}updateOrganizerAsParticipant(a=true){const t=this.participants.find((a=>a.email===this.currentUser?.email));if(this.isRoundRobinConfig&&!t&&this.currentUser?.email){const a=this.currentUserCalendars?.find((a=>a.is_primary))?.id||this.currentUserCalendars?.[0]?.id||"primary";this.participants=[{name:this.currentUser?.name,email:this.currentUser?.email,is_organizer:true,availability:{calendar_ids:[a]},booking:{calendar_id:a}},...this.participants]}this.updateFormValue(a)}addParticipant(){s("nylas-additional-participants","addParticipant");this.participants=[...this.participants,{name:"",email:"",is_organizer:false}];this.updateFormValue()}removeParticipant(a){s("nylas-additional-participants","removeParticipant");this.participants=this.participants.filter(((t,i)=>i!==a));this.updateFormValue()}updateFormValue(a=true){s("nylas-additional-participants","updateFormValue");const t=this.isRoundRobinConfig?this.includeOrganizerAsParticipant?this.participants:this.participants.filter((a=>!a.is_organizer)):this.participants;if(t.length===0){this.error=l.t("nylasAdditionalParticipants.error");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else{this.isInternalsAvailable&&this.internals.setValidity({});this.error="";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(t),this.name);if(a){this.valueChanged.emit({value:JSON.stringify(t),name:this.name})}}}getArrayDifference(a,t){const i=a.filter((a=>!t.some((t=>a.email===t.email))));return i.map((a=>({value:a.email,label:a.email})))}render(){return i(n,{key:"835a3f39c0e7a67bc6d340bfa5c3cc62145678e8",part:"nadtnlpart"},i("nylas-form-card",{key:"1cf1984b29bd7c1647ce9e127d8fc4ddf095cf01",exportparts:"nfc, nfc__header"},i("h3",{key:"b46bd33729b18b983f0df47ae7a676ae96267ce2",slot:"header-title",class:"nylas-additional-participants__title",part:"nadtnlpart__title"},l.t("nylasAdditionalParticipants.headerTitle")),i("p",{key:"1e47838d94814bc7ecfd037b0f270cf823ed1f8e",slot:"header-subtitle",class:"nylas-additional-participants__subtitle",part:"nadtnlpart__subtitle"},l.t("nylasAdditionalParticipants.headerSubTitle")),i("div",{key:"ab0382b540df100fb2249a434dc47e22680fbd92",slot:"content",class:"nylas-additional-participants__content",part:"nadtnlpart__content"},i("div",{key:"622be51eeabd507a90a5517c04b8348c4cf45f49"},this.participants.map(((a,t)=>i("div",{class:"nylas-additional-participants__input_group",part:"nadtnlpart__input_group"},!a.is_organizer&&i("label",null,`${l.t("nylasAdditionalParticipants.participant")} ${t}`),i("div",{part:"nadtnlpart__input_wrapper",class:{"nylas-additional-participants__input_wrapper":true,"nylas-additional-participants__input_wrapper_organizer":a?.is_organizer===true,"nylas-additional-participants__input_wrapper_invalid":a.is_valid===false,error:a.is_valid===false}},i("div",{class:{"nylas-additional-participants__input":true,organizer:a?.is_organizer===true},part:"nadtnlpart__input"},a.is_organizer?i("input-component",{class:"label-input",name:`${t}`,key:t,label:l.t("nylasAdditionalParticipants.organizer"),required:false,readOnly:a.is_organizer,defaultValue:a.email},this.isRoundRobinConfig&&i("div",{class:"required-input",slot:"additional-input"},i("input",{type:"checkbox",name:`organizer_participant`,id:`organizer_participant`,onClick:()=>{this.includeOrganizerAsParticipant=!this.includeOrganizerAsParticipant;this.updateFormValue()},checked:this.includeOrganizerAsParticipant}),i("label",{htmlFor:`organizer_participant`,"aria-label":"Include as participant"},i("span",{class:"org-as-participant",part:"nadtnlpart__org-as-participant"},l.t("nylasAdditionalParticipants.organizerAsParticipant")),i("tooltip-component",{id:"organizer_participant_tooltip"},i("info-icon",{slot:"tooltip-icon"}),i("span",{slot:"tooltip-content"},i("strong",null,l.t("nylasAdditionalParticipants.tooltip.includeOrganizer"),":")," ",l.t("nylasAdditionalParticipants.tooltip.includeOrganizerDesc")," ",i("br",null),i("strong",null,l.t("nylasAdditionalParticipants.tooltip.excludeOrganizer"),":")," ",l.t("nylasAdditionalParticipants.tooltip.excludeOrganizerDesc")))))):i("input-dropdown",{id:`${t}`,name:`${t}`,filterable:true,inputValue:a.email,options:this.getArrayDifference(this.participantOptions||[],this.participants)}),!a.is_organizer&&i("button",{onClick:()=>this.removeParticipant(t),part:"nadtnlpart__remove-participant"},i("close-icon",null)))),!a.is_valid&&i("p",{class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.participantErrors[t])))),i("p",{key:"e67268bf9788935342f6f922b82d2af94bc1a84c",class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.error)),i("button",{key:"d322c6e1dc4fb91c40c28e36f0f25b389794780d",class:"nylas-additional-participants__add",part:"nadtnlpart__add-participant",onClick:()=>this.addParticipant()},i("add-circle-icon",{key:"a749d64c83f5427db7e3c602b8da83e35b1c110c"})," ",i("span",{key:"dc81ad7e804cac41479b6669138ea8ca56d1a3d5"},this.participants.length>1?l.t("nylasAdditionalParticipants.addParticipant",{context:"next"}):l.t("nylasAdditionalParticipants.addParticipant",{context:"first"}))))))}static get formAssociated(){return true}get host(){return e(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUser:["selectedConfigurationAndCurrentUserChangedHandler"],selectedConfiguration:["selectedConfigurationAndCurrentUserChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([r({name:"nylas-additional-participants",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],c.prototype,"render",null);c.style=o;export{c as nylas_additional_participants};
 //# sourceMappingURL=nylas-additional-participants.entry.js.map

package/dist/nylas-web-elements/{nylas-api-request-d8eb4c91.js → nylas-api-request-51129e10.js}

@@ -1,2 +1,2 @@
-import{d as t}from"./utils-3fdf2c83.js";class e{}class s{constructor(t){this.defaultAuthArgs=[];this.session=t}setActiveGrantId(t){this.activeGrantId=t}async request({method:e,path:s,body:i,headers:n}){try{const r=await this.session.fetch(`grants/me/${s}`,{method:e,headers:n?new Headers(n):undefined,body:i,...this.session.isMultiAccount()&&this.activeGrantId?{grant_id:this.activeGrantId}:{}});if(typeof r==="undefined"){throw new Error("Response is undefined")}return t(r)}catch(e){let s=String(e);if(String(e).includes("Access token not found")){s="Session expired, please log in again. Redirecting...";setTimeout((()=>{localStorage.removeItem("grant");localStorage.removeItem("user");window.location.reload()}),1e3)}return t(null,{message:s})}}async currentUser(){const t=this.session.isMultiAccount()?this.activeGrantId:undefined;const e=await this.session.getProfile(t);if(await this.session.isLoggedIn()){const t=await this.session.fetch(`grants/me`,{method:"GET",...this.session.isMultiAccount()&&this.activeGrantId?{grant_id:this.activeGrantId}:{}});const s=t.data;if(!e||!s){return null}const i=s.email;return{id:e.sub,email:i,name:e.name,provider:e.provider}}return null}async authenticationUrl(t){const e=t?.provider||"google";const s=this.defaultAuthArgs.find((t=>t.provider===e));let i=s||{};if(t){i={...i,...t}}return this.session.auth(i)}setDefaultAuthArgs(t){this.defaultAuthArgs=t}}export{s as N};
-//# sourceMappingURL=nylas-api-request-d8eb4c91.js.map
+import{d as t}from"./utils-ac8fef1e.js";class e{}class s{constructor(t){this.defaultAuthArgs=[];this.session=t}setActiveGrantId(t){this.activeGrantId=t}async request({method:e,path:s,body:i,headers:n}){try{const r=await this.session.fetch(`grants/me/${s}`,{method:e,headers:n?new Headers(n):undefined,body:i,...this.session.isMultiAccount()&&this.activeGrantId?{grant_id:this.activeGrantId}:{}});if(typeof r==="undefined"){throw new Error("Response is undefined")}return t(r)}catch(e){let s=String(e);if(String(e).includes("Access token not found")){s="Session expired, please log in again. Redirecting...";setTimeout((()=>{localStorage.removeItem("grant");localStorage.removeItem("user");window.location.reload()}),1e3)}return t(null,{message:s})}}async currentUser(){const t=this.session.isMultiAccount()?this.activeGrantId:undefined;const e=await this.session.getProfile(t);if(await this.session.isLoggedIn()){const t=await this.session.fetch(`grants/me`,{method:"GET",...this.session.isMultiAccount()&&this.activeGrantId?{grant_id:this.activeGrantId}:{}});const s=t.data;if(!e||!s){return null}const i=s.email;return{id:e.sub,email:i,name:e.name,provider:e.provider}}return null}async authenticationUrl(t){const e=t?.provider||"google";const s=this.defaultAuthArgs.find((t=>t.provider===e));let i=s||{};if(t){i={...i,...t}}return this.session.auth(i)}setDefaultAuthArgs(t){this.defaultAuthArgs=t}}export{s as N};
+//# sourceMappingURL=nylas-api-request-51129e10.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{r as e,i as o,h as n,a,e as t}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{a as r,i,j as l,k as c}from"./utils-3fdf2c83.js";import{b as d,T as f}from"./constants-794fe173.js";import"./utc-290d564f.js";const b=':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}.nylas-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}';var y=undefined&&undefined.__decorate||function(e,o,n,a){var t=arguments.length,s=t<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,o,n,a);else for(var i=e.length-1;i>=0;i--)if(r=e[i])s=(t<3?r(s):t>3?r(o,n,s):r(o,n))||s;return t>3&&s&&Object.defineProperty(o,n,s),s};var h=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const p=class{constructor(n){e(this,n);this.cancelBookingButtonClicked=o(this,"cancelBookingButtonClicked",7);this.rescheduleButtonClicked=o(this,"rescheduleButtonClicked",7);this.rescheduleBookedEventError=o(this,"rescheduleBookedEventError",7);this.cancelBookedEventValidationError=o(this,"cancelBookedEventValidationError",7);this.handleCancelBookingButtonClicked=()=>{const e=new Date(this.selectedTimeslot.start_time);const o=this.configSettings?.scheduler?.min_cancellation_notice;if(!o){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${o} minutes of the event.`}})}else{this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})}};this.handleRescheduleButtonClicked=()=>{const e=e=>{this.rescheduleBookedEventError.emit(e)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:e})};this.getPaticipantType=e=>{switch(e){case"host":return"Host";case"you":return"You";default:return""}};this.eventInfo=undefined;this.rescheduleBookingId=undefined;this.bookingInfo=undefined;this.configSettings=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedTimeslot=undefined;this.selectedLanguage=navigator.language;this.hour12=undefined;this.startTime="";this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r(`[nylas-booked-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-booked-event-card] Component did load`);if(!this.eventInfo){console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.')}if(!this.bookingInfo){console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.')}this.applyThemeConfig(this.themeConfig);const e=d[this.selectedLanguage||"en"];const o=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=o.format(this.selectedTimeslot?.start_time);this.endTime=o.format(this.selectedTimeslot?.end_time)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}render(){const e=this.configSettings?.booking_type;const o=e&&e!=="booking";return n(a,{key:"746e23e82adf30da44ac6a160400705251a5cf98",part:"nbec"},n("div",{key:"aa3e79d294ff41b4a43775763f9e5f1922f955c7",class:"nylas-booked-event-card"},n("div",{key:"cbb343663633b5ba80875f42af0bb0d091ee1ac8",class:"booked-event-timezone"},n("globe-icon",{key:"8c94142bd486144efaa251770c87f4ec15481b41"}),f[this.selectedTimezone]),n("div",{key:"e06ef2c5b7a1977ff1953027d6109cb8a1acf493",class:"event-card-wrapper",part:"nbec__card"},n("div",{key:"5a99626d44f6ef819af2606bf24208e1833e3a54",class:"calendar-icon"},n("calendar-check-icon",{key:"06c5ec0241535ee0ea82c743653f93442bc9a5fa"})),n("div",{key:"b38fa39209c64394902a0e7607248d0d0c73adf2",class:"booked-event-header"},n("h2",{key:"1706d065e1f427efcccef18f382702e95da33080",slot:"card-title",part:"nbec__title"},!!this.rescheduleBookingId&&!this.isLoading?`${i.t("bookingRescheduled")}`:o&&!this.isLoading?`${i.t("bookingSent")}`:`${i.t("bookingConfirmed")}`,"!"),n("div",{key:"c7bfce355ce08d858862bc7672f20e8a2bb3dce9",class:"card-description",part:"nbec__description"},o?i.t("bookingSentDescription"):n("span",null,i.t("bookingConfirmedDescription")))),n("div",{key:"2074c51dfdfd0753fcd3d598b7633520bf70ab63",class:"booking-date-time"},n("checkmark-circle-icon",{key:"dbfe39fadeeb08186a5214cfb9ca5d3c8da55cb1"}),n("h3",{key:"edb9ed53cb25e9e06ec7b27f8141fa6f422c1511"},i.t("bookingDateAndTimeHeader")),n("p",{key:"24d8d606ab3e217256152e249ee435d070df0c5b"},this.selectedTimeslot?.start_time?l(c(this.selectedTimeslot?.start_time,this.selectedTimezone,d[this.selectedLanguage])):"-"," ",n("br",{key:"5949a97ff7e7b256e410f591b810332a72e0696c"}),this.startTime," - ",this.endTime)),n("div",{key:"3450618726c762232151511fd28570834cf07cc4",class:"booking-participants"}),!o&&n("div",{class:"button-container"},n("div",{class:{footer:true,"no-footer":this.configSettings?.scheduler?.hide_cancellation_options&&this.configSettings?.scheduler?.hide_rescheduling_options||this.configSettings?.booking_type==="organizer-confirmation","no-template-cols":!!this.configSettings?.scheduler?.hide_cancellation_options||!!this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&n("button-component",{variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${i.t("cancelBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&n("button-component",{variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${i.t("rescheduleBookingButton")}`))))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};y([s({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{cancelBookingButtonClicked:async(e,o)=>{o.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,o)=>{const n=await o.scheduler.setReschedule(e.detail.bookingId);const{errorHandler:a}=e.detail;if(a&&(!n||"error"in n)){a(n)}},rescheduleBookedEventError:async(e,o)=>{r("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,o)=>{r("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:true}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],p.prototype,"render",null);p.style=b;export{p as nylas_booked_event_card};
+import{r as e,i as o,h as n,a,e as t}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as r,i,j as l,k as c}from"./utils-ac8fef1e.js";import{b as d,T as f}from"./constants-794fe173.js";import"./utc-290d564f.js";const b=':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}.nylas-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}';var y=undefined&&undefined.__decorate||function(e,o,n,a){var t=arguments.length,s=t<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,o,n,a);else for(var i=e.length-1;i>=0;i--)if(r=e[i])s=(t<3?r(s):t>3?r(o,n,s):r(o,n))||s;return t>3&&s&&Object.defineProperty(o,n,s),s};var h=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const p=class{constructor(n){e(this,n);this.cancelBookingButtonClicked=o(this,"cancelBookingButtonClicked",7);this.rescheduleButtonClicked=o(this,"rescheduleButtonClicked",7);this.rescheduleBookedEventError=o(this,"rescheduleBookedEventError",7);this.cancelBookedEventValidationError=o(this,"cancelBookedEventValidationError",7);this.handleCancelBookingButtonClicked=()=>{const e=new Date(this.selectedTimeslot.start_time);const o=this.configSettings?.scheduler?.min_cancellation_notice;if(!o){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}const n=e.getTime()-o*60*1e3;if(n<(new Date).getTime()){this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${o} minutes of the event.`}})}else{this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})}};this.handleRescheduleButtonClicked=()=>{const e=e=>{this.rescheduleBookedEventError.emit(e)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:e})};this.getPaticipantType=e=>{switch(e){case"host":return"Host";case"you":return"You";default:return""}};this.eventInfo=undefined;this.rescheduleBookingId=undefined;this.bookingInfo=undefined;this.configSettings=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedTimeslot=undefined;this.selectedLanguage=navigator.language;this.hour12=undefined;this.startTime="";this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r(`[nylas-booked-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-booked-event-card] Component did load`);if(!this.eventInfo){console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.')}if(!this.bookingInfo){console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.')}this.applyThemeConfig(this.themeConfig);const e=d[this.selectedLanguage||"en"];const o=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=o.format(this.selectedTimeslot?.start_time);this.endTime=o.format(this.selectedTimeslot?.end_time)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}render(){const e=this.configSettings?.booking_type;const o=e&&e!=="booking";return n(a,{key:"746e23e82adf30da44ac6a160400705251a5cf98",part:"nbec"},n("div",{key:"aa3e79d294ff41b4a43775763f9e5f1922f955c7",class:"nylas-booked-event-card"},n("div",{key:"cbb343663633b5ba80875f42af0bb0d091ee1ac8",class:"booked-event-timezone"},n("globe-icon",{key:"8c94142bd486144efaa251770c87f4ec15481b41"}),f[this.selectedTimezone]),n("div",{key:"e06ef2c5b7a1977ff1953027d6109cb8a1acf493",class:"event-card-wrapper",part:"nbec__card"},n("div",{key:"5a99626d44f6ef819af2606bf24208e1833e3a54",class:"calendar-icon"},n("calendar-check-icon",{key:"06c5ec0241535ee0ea82c743653f93442bc9a5fa"})),n("div",{key:"b38fa39209c64394902a0e7607248d0d0c73adf2",class:"booked-event-header"},n("h2",{key:"1706d065e1f427efcccef18f382702e95da33080",slot:"card-title",part:"nbec__title"},!!this.rescheduleBookingId&&!this.isLoading?`${i.t("bookingRescheduled")}`:o&&!this.isLoading?`${i.t("bookingSent")}`:`${i.t("bookingConfirmed")}`,"!"),n("div",{key:"c7bfce355ce08d858862bc7672f20e8a2bb3dce9",class:"card-description",part:"nbec__description"},o?i.t("bookingSentDescription"):n("span",null,i.t("bookingConfirmedDescription")))),n("div",{key:"2074c51dfdfd0753fcd3d598b7633520bf70ab63",class:"booking-date-time"},n("checkmark-circle-icon",{key:"dbfe39fadeeb08186a5214cfb9ca5d3c8da55cb1"}),n("h3",{key:"edb9ed53cb25e9e06ec7b27f8141fa6f422c1511"},i.t("bookingDateAndTimeHeader")),n("p",{key:"24d8d606ab3e217256152e249ee435d070df0c5b"},this.selectedTimeslot?.start_time?l(c(this.selectedTimeslot?.start_time,this.selectedTimezone,d[this.selectedLanguage])):"-"," ",n("br",{key:"5949a97ff7e7b256e410f591b810332a72e0696c"}),this.startTime," - ",this.endTime)),n("div",{key:"3450618726c762232151511fd28570834cf07cc4",class:"booking-participants"}),!o&&n("div",{class:"button-container"},n("div",{class:{footer:true,"no-footer":this.configSettings?.scheduler?.hide_cancellation_options&&this.configSettings?.scheduler?.hide_rescheduling_options||this.configSettings?.booking_type==="organizer-confirmation","no-template-cols":!!this.configSettings?.scheduler?.hide_cancellation_options||!!this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&n("button-component",{variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${i.t("cancelBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&n("button-component",{variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${i.t("rescheduleBookingButton")}`))))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};y([s({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{cancelBookingButtonClicked:async(e,o)=>{o.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,o)=>{const n=await o.scheduler.setReschedule(e.detail.bookingId);const{errorHandler:a}=e.detail;if(a&&(!n||"error"in n)){a(n)}},rescheduleBookedEventError:async(e,o)=>{r("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,o)=>{r("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:true}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],p.prototype,"render",null);p.style=b;export{p as nylas_booked_event_card};
 //# sourceMappingURL=nylas-booked-event-card.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as a,a as l,e as o}from"./index-3e0d6890.js";import{R as r}from"./register-component-3d439a88.js";import{a as s,i}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:var(--nylas-base-900);font-size:16px;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var c=undefined&&undefined.__decorate||function(e,n,a,l){var o=arguments.length,r=o<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,n,a,l);else for(var i=e.length-1;i>=0;i--)if(s=e[i])r=(o<3?s(r):o>3?s(n,a,r):s(n,a))||r;return o>3&&r&&Object.defineProperty(n,a,r),r};var t=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const p=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.calendars=undefined;this.currentUser=undefined;this.currentUserCalendars=undefined;this.name="booking-calendar";this.defaultBookingCalendar="";this.hideHeader=false;this.expressFlow=false;this.selectedLanguage=undefined;this.selectedCalendar=""}connectedCallback(){s("nylas-booking-calendar-picker","connectedCallback")}disconnectedCallback(){s("nylas-booking-calendar-picker","disconnectedCallback")}componentWillLoad(){s("nylas-booking-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-calendar-picker","componentDidLoad");const e=this.calendars?.find((e=>e.is_primary))?.id;const n=this.calendars?.[0]?.id;this.defaultBookingCalendar=this.defaultBookingCalendar||e||n||"";this.isInternalsAvailable&&this.internals.setFormValue(this.defaultBookingCalendar.toString(),this.name);this.selectedCalendar=this.defaultBookingCalendar}componentWillUpdate(){s("nylas-booking-calendar-picker","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-calendar-picker","componentDidUpdate")}componentWillRender(){s("nylas-booking-calendar-picker","componentWillRender")}componentDidRender(){s("nylas-booking-calendar-picker","componentDidRender")}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}elementNameChangedHandler(e){s("nylas-booking-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}currentUserCalendarsChangedHandler(e){s("nylas-booking-calendar-picker","currentUserCalendarsChangedHandler",e);this.currentUserCalendars=e}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}nylasFormDropdownChangedHandler(e){s("nylas-booking-calendar-picker","nylasFormDropdownChangedHandler",e.detail);this.isInternalsAvailable&&this.internals.setValidity({});const n=e=>{const{value:n}=e.detail;this.selectedCalendar=n;this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name)};this.valueChanged.emit({value:e.detail.value,name:this.name,valueChanged:n})}render(){const e=this.currentUserCalendars?.map((e=>({value:e.id,label:e.name})))??[];const n=this.calendars?.map((e=>({value:e.id,label:e.name})))??[];const o=n?.length>0?n:e||[];const r=o.find((e=>e.value==this.defaultBookingCalendar));return a(l,null,a("div",{class:"nylas-booking-calendar-picker",part:"nbcp"},!this.hideHeader&&a("div",{class:"header",part:"nbcp__header"},a("h3",null,i.t("nylasBookingCalendarPicker.headerTitle")),a("p",null,i.t("nylasBookingCalendarPicker.headerSubTitle"),a("tooltip-component",null,a("info-icon",{slot:"tooltip-icon"}),a("span",{slot:"tooltip-content"},i.t("nylasBookingCalendarPicker.tooltip.desc"))))),o.length>0?a("div",{class:"nylas-booking-calendar-picker__dropdown"},a("select-dropdown",{name:"booking-calendar",options:[{value:"",label:i.t("nylasBookingCalendarPicker.selectOptionLabel")},...o],withSearch:false,required:this.expressFlow,emptyValue:i.t("nylasBookingCalendarPicker.selectOptionLabel"),errorMessage:i.t("nylasBookingCalendarPicker.selectCalendarErrorMessage"),exportparts:"sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content",defaultSelectedOption:r?r:null})):a("div",{class:"nylas-booking-calendar-picker__loading"},a("span",{class:"label"},i.t("nylasBookingCalendarPicker.tooltip.desc")," ",a("info-icon",null)),a("div",{class:"loading-button"},a("span",null,i.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUserCalendars:["currentUserCalendarsChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};c([r({name:"nylas-booking-calendar-picker",stateToProps:new Map([["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],p.prototype,"render",null);p.style=d;export{p as nylas_booking_calendar_picker};
+import{r as e,i as n,h as a,a as l,e as o}from"./index-3e0d6890.js";import{R as r}from"./register-component-8b5587d5.js";import{a as s,i}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const c=':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-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:var(--nylas-base-900);font-size:16px;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var d=undefined&&undefined.__decorate||function(e,n,a,l){var o=arguments.length,r=o<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,a):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,n,a,l);else for(var i=e.length-1;i>=0;i--)if(s=e[i])r=(o<3?s(r):o>3?s(n,a,r):s(n,a))||r;return o>3&&r&&Object.defineProperty(n,a,r),r};var t=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const p=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.calendars=undefined;this.currentUser=undefined;this.currentUserCalendars=undefined;this.name="booking-calendar";this.defaultBookingCalendar="";this.hideHeader=false;this.expressFlow=false;this.selectedLanguage=undefined;this.selectedCalendar=""}connectedCallback(){s("nylas-booking-calendar-picker","connectedCallback")}disconnectedCallback(){s("nylas-booking-calendar-picker","disconnectedCallback")}componentWillLoad(){s("nylas-booking-calendar-picker","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-calendar-picker","componentDidLoad");const e=this.calendars?.find((e=>e.is_primary))?.id;const n=this.calendars?.[0]?.id;this.defaultBookingCalendar=this.defaultBookingCalendar||e||n||"";this.isInternalsAvailable&&this.internals.setFormValue(this.defaultBookingCalendar.toString(),this.name);this.selectedCalendar=this.defaultBookingCalendar}componentWillUpdate(){s("nylas-booking-calendar-picker","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-calendar-picker","componentDidUpdate")}componentWillRender(){s("nylas-booking-calendar-picker","componentWillRender")}componentDidRender(){s("nylas-booking-calendar-picker","componentDidRender")}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"}elementNameChangedHandler(e){s("nylas-booking-calendar-picker","elementNameChangedHandler",e);this.host.setAttribute("name",e)}currentUserCalendarsChangedHandler(e){s("nylas-booking-calendar-picker","currentUserCalendarsChangedHandler",e);this.currentUserCalendars=e}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}nylasFormDropdownChangedHandler(e){s("nylas-booking-calendar-picker","nylasFormDropdownChangedHandler",e.detail);this.isInternalsAvailable&&this.internals.setValidity({});const n=e=>{const{value:n}=e.detail;this.selectedCalendar=n;this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name)};this.valueChanged.emit({value:e.detail.value,name:this.name,valueChanged:n})}render(){const e=this.currentUserCalendars?.map((e=>({value:e.id,label:e.name})))??[];const n=this.calendars?.map((e=>({value:e.id,label:e.name})))??[];const o=n?.length>0?n:e||[];const r=o.find((e=>e.value==this.defaultBookingCalendar));return a(l,null,a("div",{class:"nylas-booking-calendar-picker",part:"nbcp"},!this.hideHeader&&a("div",{class:"header",part:"nbcp__header"},a("h3",null,i.t("nylasBookingCalendarPicker.headerTitle")),a("p",null,i.t("nylasBookingCalendarPicker.headerSubTitle"),a("tooltip-component",null,a("info-icon",{slot:"tooltip-icon"}),a("span",{slot:"tooltip-content"},i.t("nylasBookingCalendarPicker.tooltip.desc"))))),o.length>0?a("div",{class:"nylas-booking-calendar-picker__dropdown"},a("select-dropdown",{name:"booking-calendar",options:[{value:"",label:i.t("nylasBookingCalendarPicker.selectOptionLabel")},...o],withSearch:false,required:this.expressFlow,emptyValue:i.t("nylasBookingCalendarPicker.selectOptionLabel"),errorMessage:i.t("nylasBookingCalendarPicker.selectCalendarErrorMessage"),exportparts:"sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content",defaultSelectedOption:r?r:null})):a("div",{class:"nylas-booking-calendar-picker__loading"},a("span",{class:"label"},i.t("nylasBookingCalendarPicker.tooltip.desc")," ",a("info-icon",null)),a("div",{class:"loading-button"},a("span",null,i.t("loading"),"...")))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUserCalendars:["currentUserCalendarsChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([r({name:"nylas-booking-calendar-picker",stateToProps:new Map([["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],p.prototype,"render",null);p.style=c;export{p as nylas_booking_calendar_picker};
 //# sourceMappingURL=nylas-booking-calendar-picker.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as o,a as r,e as a}from"./index-3e0d6890.js";import{R as t}from"./register-component-3d439a88.js";import{a as i,i as l,F as s}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const c=':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-booking-confirmation-redirect{width:inherit;display:flex;flex-direction:column}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown input-component::part(ic__input_wrapper){margin-top:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.error-message{color:var(--nylas-error)}';var d=undefined&&undefined.__decorate||function(e,n,o,r){var a=arguments.length,t=a<3?n:r===null?r=Object.getOwnPropertyDescriptor(n,o):r,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,r);else for(var l=e.length-1;l>=0;l--)if(i=e[l])t=(a<3?i(t):a>3?i(n,o,t):i(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var f=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="confirmation-redirect";this.redirectUrl="";this.redirectUrlErrorMessage="";this.selectedLanguage=undefined;this.currentRedirectUrl="";this.acceptUrl=undefined;this.componentLoaded=false}elementNameChangedHandler(e){i("nylas-booking-confirmation-redirect","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){i("nylas-booking-confirmation-redirect","selectedConfigurationChangedHandler",e);if(e?.scheduler?.confirmation_redirect_url){this.currentRedirectUrl=e?.scheduler?.confirmation_redirect_url;this.acceptUrl=e?.scheduler?.confirmation_redirect_url!==""}}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e)}connectedCallback(){i("nylas-booking-confirmation-redirect","connectedCallback")}disconnectedCallback(){i("nylas-booking-confirmation-redirect","disconnectedCallback")}componentWillLoad(){i("nylas-booking-confirmation-redirect","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-booking-confirmation-redirect","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentRedirectUrl=this.redirectUrl;this.acceptUrl=this.redirectUrl!==""}this.componentLoaded=true;if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.currentRedirectUrl.toString(),this.name)}}componentWillUpdate(){i("nylas-booking-confirmation-redirect","componentWillUpdate")}componentDidUpdate(){i("nylas-booking-confirmation-redirect","componentDidUpdate")}componentWillRender(){i("nylas-booking-confirmation-redirect","componentWillRender")}componentDidRender(){i("nylas-booking-confirmation-redirect","componentDidRender")}nylasFormDropdownChangedHandler(e){i("nylas-booking-confirmation-redirect","nylasFormDropdownChangedHandler",e.detail);const{name:n,value:o}=e.detail;if(n==="confirmation-redirect-dropdown"){if(o==="custom"){this.acceptUrl=true}else{this.acceptUrl=false;this.internals.setFormValue("",this.name);this.valueChanged.emit({name:this.name,value:""})}}}nylasFormInputBlurHandler(e){const{name:n,value:o}=e.detail;this.currentRedirectUrl=o;if(this.acceptUrl&&n==="confirmation-redirect"){this.redirectUrlErrorMessage="";if(!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},"Please enter a valid URL.");this.redirectUrlErrorMessage="Please enter a valid URL.";return}this.internals.setValidity({});const n=e=>{const{value:n}=e.detail;this.internals.setFormValue(n.toString(),this.name)};this.valueChanged.emit({...e.detail,valueChanged:n})}}formSubmittedHandler(e){if(this.acceptUrl&&!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},"Please enter a valid URL.");this.redirectUrlErrorMessage="Please enter a valid URL."}else{this.internals.setValidity({})}}render(){const e=[{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"default"}),value:"default"},{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"custom"}),value:"custom"}];return o(r,{key:"cbd57e2aa3e460dc8645efc6dbe764acf9a724c2"},o("div",{key:"efb1e8fa6da424d1f128d23b159ac5c5c32586eb",class:"nylas-booking-confirmation-redirect",part:"nbcr"},e.length>0&&o("div",{class:"nylas-booking-confirmation-redirect__dropdown"},o("span",{class:"label"},l.t("nylasBookingConfirmationRedirect.dropdownLabel"),o("tooltip-component",null,o("info-icon",{slot:"tooltip-icon"}),o("span",{slot:"tooltip-content"},l.t("nylasBookingConfirmationRedirect.tooltip.desc")))),this.componentLoaded&&o("select-dropdown",{name:"confirmation-redirect-dropdown",options:e,withSearch:false,defaultSelectedOption:e.find((e=>e.value===(this.acceptUrl?"custom":"default"))),exportparts:"sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content"}),this.acceptUrl&&o("div",null,o("input-component",{name:"confirmation-redirect",id:"confirmation-redirect",type:"text",placeholder:"Enter custom redirect URL",required:false,part:"ic__input_wrapper: nbcr__input-textfield",defaultValue:this.currentRedirectUrl}),this.redirectUrlErrorMessage&&o("span",{class:"error-message"},this.redirectUrlErrorMessage)))))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([t({name:"nylas-booking-confirmation-redirect",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:o}=e.detail;if(o){o(e)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=c;export{y as nylas_booking_confirmation_redirect};
+import{r as e,i as n,h as o,a as r,e as a}from"./index-3e0d6890.js";import{R as t}from"./register-component-8b5587d5.js";import{a as i,i as l,F as s}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const c=':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-booking-confirmation-redirect{width:inherit;display:flex;flex-direction:column}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown input-component::part(ic__input_wrapper){margin-top:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.error-message{color:var(--nylas-error)}';var d=undefined&&undefined.__decorate||function(e,n,o,r){var a=arguments.length,t=a<3?n:r===null?r=Object.getOwnPropertyDescriptor(n,o):r,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,r);else for(var l=e.length-1;l>=0;l--)if(i=e[l])t=(a<3?i(t):a>3?i(n,o,t):i(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var f=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="confirmation-redirect";this.redirectUrl="";this.redirectUrlErrorMessage="";this.selectedLanguage=undefined;this.currentRedirectUrl="";this.acceptUrl=undefined;this.componentLoaded=false}elementNameChangedHandler(e){i("nylas-booking-confirmation-redirect","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){i("nylas-booking-confirmation-redirect","selectedConfigurationChangedHandler",e);if(e?.scheduler?.confirmation_redirect_url){this.currentRedirectUrl=e?.scheduler?.confirmation_redirect_url;this.acceptUrl=e?.scheduler?.confirmation_redirect_url!==""}}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e)}connectedCallback(){i("nylas-booking-confirmation-redirect","connectedCallback")}disconnectedCallback(){i("nylas-booking-confirmation-redirect","disconnectedCallback")}componentWillLoad(){i("nylas-booking-confirmation-redirect","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("nylas-booking-confirmation-redirect","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentRedirectUrl=this.redirectUrl;this.acceptUrl=this.redirectUrl!==""}this.componentLoaded=true;if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.currentRedirectUrl.toString(),this.name)}}componentWillUpdate(){i("nylas-booking-confirmation-redirect","componentWillUpdate")}componentDidUpdate(){i("nylas-booking-confirmation-redirect","componentDidUpdate")}componentWillRender(){i("nylas-booking-confirmation-redirect","componentWillRender")}componentDidRender(){i("nylas-booking-confirmation-redirect","componentDidRender")}nylasFormDropdownChangedHandler(e){i("nylas-booking-confirmation-redirect","nylasFormDropdownChangedHandler",e.detail);const{name:n,value:o}=e.detail;if(n==="confirmation-redirect-dropdown"){if(o==="custom"){this.acceptUrl=true}else{this.acceptUrl=false;this.internals.setFormValue("",this.name);this.valueChanged.emit({name:this.name,value:""})}}}nylasFormInputBlurHandler(e){const{name:n,value:o}=e.detail;this.currentRedirectUrl=o;if(this.acceptUrl&&n==="confirmation-redirect"){this.redirectUrlErrorMessage="";if(!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},"Please enter a valid URL.");this.redirectUrlErrorMessage="Please enter a valid URL.";return}this.internals.setValidity({});const n=e=>{const{value:n}=e.detail;this.internals.setFormValue(n.toString(),this.name)};this.valueChanged.emit({...e.detail,valueChanged:n})}}formSubmittedHandler(e){if(this.acceptUrl&&!s(this.currentRedirectUrl)){this.internals.setValidity({customError:true},"Please enter a valid URL.");this.redirectUrlErrorMessage="Please enter a valid URL."}else{this.internals.setValidity({})}}render(){const e=[{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"default"}),value:"default"},{label:l.t("nylasBookingConfirmationRedirect.redirectOption",{context:"custom"}),value:"custom"}];return o(r,{key:"cbd57e2aa3e460dc8645efc6dbe764acf9a724c2"},o("div",{key:"efb1e8fa6da424d1f128d23b159ac5c5c32586eb",class:"nylas-booking-confirmation-redirect",part:"nbcr"},e.length>0&&o("div",{class:"nylas-booking-confirmation-redirect__dropdown"},o("span",{class:"label"},l.t("nylasBookingConfirmationRedirect.dropdownLabel"),o("tooltip-component",null,o("info-icon",{slot:"tooltip-icon"}),o("span",{slot:"tooltip-content"},l.t("nylasBookingConfirmationRedirect.tooltip.desc")))),this.componentLoaded&&o("select-dropdown",{name:"confirmation-redirect-dropdown",options:e,withSearch:false,defaultSelectedOption:e.find((e=>e.value===(this.acceptUrl?"custom":"default"))),exportparts:"sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content"}),this.acceptUrl&&o("div",null,o("input-component",{name:"confirmation-redirect",id:"confirmation-redirect",type:"text",placeholder:"Enter custom redirect URL",required:false,part:"ic__input_wrapper: nbcr__input-textfield",defaultValue:this.currentRedirectUrl}),this.redirectUrlErrorMessage&&o("span",{class:"error-message"},this.redirectUrlErrorMessage)))))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([t({name:"nylas-booking-confirmation-redirect",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:o}=e.detail;if(o){o(e)}}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],y.prototype,"render",null);y.style=c;export{y as nylas_booking_confirmation_redirect};
 //# sourceMappingURL=nylas-booking-confirmation-redirect.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as n,i as o,h as e,a,e as l}from"./index-3e0d6890.js";import{R as t}from"./register-component-3d439a88.js";import{a as s,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-booking-confirmation-type{width:inherit;display:flex;flex-direction:column;margin-bottom:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var c=undefined&&undefined.__decorate||function(n,o,e,a){var l=arguments.length,t=l<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,e):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(n,o,e,a);else for(var i=n.length-1;i>=0;i--)if(s=n[i])t=(l<3?s(t):l>3?s(o,e,t):s(o,e))||t;return l>3&&t&&Object.defineProperty(o,e,t),t};var d=undefined&&undefined.__metadata||function(n,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(n,o)};const y=class{constructor(e){n(this,e);this.valueChanged=o(this,"valueChanged",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="confirmation-type";this.bookingType="booking";this.showComponent=this.selectedConfiguration?.event_booking?.booking_type!=="custom-confirmation";this.selectedLanguage=undefined;this.selectedBookingType=undefined;this.showDropdown=undefined}elementNameChangedHandler(n){s("nylas-booking-confirmation-type","elementNameChangedHandler",n);this.host.setAttribute("name",n)}selectedConfigurationChangedHandler(n){s("nylas-booking-confirmation-type","selectedConfigurationChangedHandler",n);if(n?.event_booking?.booking_type){this.selectedBookingType=n?.event_booking?.booking_type;this.showDropdown=n?.event_booking?.booking_type!=="custom-confirmation"&&!!n?.scheduler?.organizer_confirmation_url}}selectedLanguageChangedHandler(n,o){if(n===o)return;i.changeLanguage(n)}connectedCallback(){s("nylas-booking-confirmation-type","connectedCallback")}disconnectedCallback(){s("nylas-booking-confirmation-type","disconnectedCallback")}componentWillLoad(){s("nylas-booking-confirmation-type","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-confirmation-type","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedBookingType=this.bookingType||"booking";this.showDropdown=this.showComponent}this.internals.setFormValue(this.selectedBookingType.toString(),this.name)}componentWillUpdate(){s("nylas-booking-confirmation-type","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-confirmation-type","componentDidUpdate")}componentWillRender(){s("nylas-booking-confirmation-type","componentWillRender")}componentDidRender(){s("nylas-booking-confirmation-type","componentDidRender")}nylasFormDropdownChangedHandler(n){s("nylas-booking-confirmation-type","nylasFormDropdownChangedHandler",n.detail);const o=n=>{const{value:o}=n.detail;this.selectedBookingType=o;this.internals.setFormValue(o.toString(),this.name)};this.valueChanged.emit({...n.detail,valueChanged:o})}render(){const n=[{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"booking"}),value:"booking"},{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"organizerConfirmation"}),value:"organizer-confirmation"}];return e(a,{key:"ae4c7104c78a8cb335bb8bf9392365310d66cb14"},this.showDropdown&&e("div",{class:"nylas-booking-confirmation-type",part:"nbct"},n.length>0&&e("div",{class:"nylas-booking-confirmation-type__dropdown"},e("span",{class:"label"},i.t("nylasBookingConfirmationType.dropdownLabel"),e("tooltip-component",null,e("info-icon",{slot:"tooltip-icon"}),e("span",{slot:"tooltip-content"},i.t("nylasBookingConfirmationType.tooltip.desc")))),this.selectedBookingType&&e("select-dropdown",{name:"booking-type",options:n,withSearch:false,exportparts:"sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content",defaultSelectedOption:n.find((n=>n.value==this.selectedBookingType))}))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};c([t({name:"nylas-booking-confirmation-type",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(n,o)=>{const{valueChanged:e}=n.detail;if(e){e(n)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],y.prototype,"render",null);y.style=r;export{y as nylas_booking_confirmation_type};
+import{r as n,i as o,h as e,a,e as l}from"./index-3e0d6890.js";import{R as t}from"./register-component-8b5587d5.js";import{a as s,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-booking-confirmation-type{width:inherit;display:flex;flex-direction:column;margin-bottom:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var c=undefined&&undefined.__decorate||function(n,o,e,a){var l=arguments.length,t=l<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,e):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(n,o,e,a);else for(var i=n.length-1;i>=0;i--)if(s=n[i])t=(l<3?s(t):l>3?s(o,e,t):s(o,e))||t;return l>3&&t&&Object.defineProperty(o,e,t),t};var d=undefined&&undefined.__metadata||function(n,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(n,o)};const y=class{constructor(e){n(this,e);this.valueChanged=o(this,"valueChanged",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="confirmation-type";this.bookingType="booking";this.showComponent=this.selectedConfiguration?.event_booking?.booking_type!=="custom-confirmation";this.selectedLanguage=undefined;this.selectedBookingType=undefined;this.showDropdown=undefined}elementNameChangedHandler(n){s("nylas-booking-confirmation-type","elementNameChangedHandler",n);this.host.setAttribute("name",n)}selectedConfigurationChangedHandler(n){s("nylas-booking-confirmation-type","selectedConfigurationChangedHandler",n);if(n?.event_booking?.booking_type){this.selectedBookingType=n?.event_booking?.booking_type;this.showDropdown=n?.event_booking?.booking_type!=="custom-confirmation"&&!!n?.scheduler?.organizer_confirmation_url}}selectedLanguageChangedHandler(n,o){if(n===o)return;i.changeLanguage(n)}connectedCallback(){s("nylas-booking-confirmation-type","connectedCallback")}disconnectedCallback(){s("nylas-booking-confirmation-type","disconnectedCallback")}componentWillLoad(){s("nylas-booking-confirmation-type","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-booking-confirmation-type","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedBookingType=this.bookingType||"booking";this.showDropdown=this.showComponent}this.internals.setFormValue(this.selectedBookingType.toString(),this.name)}componentWillUpdate(){s("nylas-booking-confirmation-type","componentWillUpdate")}componentDidUpdate(){s("nylas-booking-confirmation-type","componentDidUpdate")}componentWillRender(){s("nylas-booking-confirmation-type","componentWillRender")}componentDidRender(){s("nylas-booking-confirmation-type","componentDidRender")}nylasFormDropdownChangedHandler(n){s("nylas-booking-confirmation-type","nylasFormDropdownChangedHandler",n.detail);const o=n=>{const{value:o}=n.detail;this.selectedBookingType=o;this.internals.setFormValue(o.toString(),this.name)};this.valueChanged.emit({...n.detail,valueChanged:o})}render(){const n=[{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"booking"}),value:"booking"},{label:i.t("nylasBookingConfirmationType.bookingOption",{context:"organizerConfirmation"}),value:"organizer-confirmation"}];return e(a,{key:"ae4c7104c78a8cb335bb8bf9392365310d66cb14"},this.showDropdown&&e("div",{class:"nylas-booking-confirmation-type",part:"nbct"},n.length>0&&e("div",{class:"nylas-booking-confirmation-type__dropdown"},e("span",{class:"label"},i.t("nylasBookingConfirmationType.dropdownLabel"),e("tooltip-component",null,e("info-icon",{slot:"tooltip-icon"}),e("span",{slot:"tooltip-content"},i.t("nylasBookingConfirmationType.tooltip.desc")))),this.selectedBookingType&&e("select-dropdown",{name:"booking-type",options:n,withSearch:false,exportparts:"sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content",defaultSelectedOption:n.find((n=>n.value==this.selectedBookingType))}))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};c([t({name:"nylas-booking-confirmation-type",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(n,o)=>{const{valueChanged:e}=n.detail;if(e){e(n)}}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],y.prototype,"render",null);y.style=r;export{y as nylas_booking_confirmation_type};
 //# sourceMappingURL=nylas-booking-confirmation-type.entry.js.map

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

@@ -1,4 +1,4 @@
-import{r as e,i as t,h as n,a as i,e as o}from"./index-3e0d6890.js";import{R as r}from"./register-component-3d439a88.js";import{i as a,a as l}from"./utils-3fdf2c83.js";import{d as f,F as s}from"./constants-794fe173.js";import"./utc-290d564f.js";
+import{r as e,i as t,h as n,a as i,e as o}from"./index-3e0d6890.js";import{R as r}from"./register-component-8b5587d5.js";import{i as a,a as l}from"./utils-ac8fef1e.js";import{d as f,F as s}from"./constants-794fe173.js";import"./utc-290d564f.js";
 /**!
  * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>