@nylas/web-elements 2.0.6 → 2.1.0

package/dist/nylas-web-elements/{p-f0e1688e.js → p-e42db60f.js}

@@ -1,2 +1,2 @@
-import{b as t,e,f as n}from"./p-17c5fb16.js";class o{constructor(e,n,o=true,i){this.automaticComponentRegistration=true;this.registeredComponents={};this.propStateRegistrations=new Map;this.eventListenerRegistrations=new Map;this.host=e;this.stores=n;this.automaticComponentRegistration=o;this.eventOverrides=i;t(`[${this.hostTagName}] Initializing (abstract) provider.`,{eventOverrides:i});this.registerComponent=this.registerComponent.bind(this);this.getStore=this.getStore.bind(this);Object.keys(this.stores).forEach((t=>{this.propStateRegistrations.set(t,new Map)}))}async componentWillLoad(e){t(`[${this.hostTagName}] Will load`);this.setupStoreListeners();this.nylasConnector=e;const n=Array.from(this.host.querySelectorAll("*")).filter((t=>t.tagName.toLowerCase().startsWith("nylas-")));t(`[${this.hostTagName}] Found ${n.length} child component(s).`,{childComponents:n});const o=n.map((async e=>{const n=e;if(!n){t(`[~${this.hostTagName}] (componentWillLoad) Component ${n.tagName} does not have a name. Skipping.`);return}if(!n.registerNylasComponent){t(`[~${this.hostTagName}] (componentWillLoad) Component ${n.tagName} is not a component that can be registered. Skipping.`,{component:n});return}const o={element:n,name:n.tagName.toLowerCase(),getStoresToProp:n.getStoresToProp,storeToProps:n.storeToProps,stateToProps:n.stateToProps,authToProp:n.authToProp,eventToProps:n.eventToProps,connectorToProp:n.connectorToProp,localPropsToProp:n.localPropsToProp};await this.registerComponent(o)}));await Promise.all(o)}async componentDidLoad(){t(`[~${this.hostTagName}] (componentDidLoad) Did load`)}async componentDisconnected(){Object.values(this.stores).forEach((t=>{t.dispose()}))}async registerComponentHandler(e){e.stopPropagation();if(!this.automaticComponentRegistration){t(`~[${this.hostTagName}] (registerComponentHandler) Automatic component registration disabled. Skipping registration of ${e.detail.name}.`);return}await this.registerComponent(e.detail)}async unregisterComponentHandler(e){e.stopPropagation();if(!this.automaticComponentRegistration){t(`~[${this.hostTagName}] (unregisterComponentHandler) Automatic component registration disabled. Skipping unregistration of ${e.detail.name}.`);return}this.unregisterComponent(e.detail)}async registerComponent(o){t(`~[${this.hostTagName}] (registerComponent) Registering component ${o.name}.`);const i=o.element.dataset.nylasId;const s=i&&this.registeredComponents[i];if(s){t(`[${this.hostTagName}] (registerComponent) Component ${o.name} already registered. Updating registration.`);this.cleanupComponentRegistration(i,false)}else{o.element.dataset.nylasId=i||e()}const r=o.element.dataset.nylasId;if(r){this.registeredComponents[r]=o}t(`[${this.hostTagName}] (registerComponent) Waiting for "${o.element.localName}" component to be defined`,{component:o});try{await customElements.whenDefined(o.element.tagName.toLowerCase());t(`[${this.hostTagName}] (registerComponent) Component "${o.element.localName}" is now defined`)}catch(e){t(`[${this.hostTagName}] (registerComponent) Error waiting for component "${o.element.localName}" to be defined:`,e)}const p=this.eventOverrides;const{stateToProps:a,getStoresToProp:h,eventToProps:c,storeToProps:$,connectorToProp:g,localPropsToProp:m,element:l}=o;c?.forEach(((e,i)=>{const s=this.nylasConnector;const r=async n=>{t(`[${this.hostTagName}] (registerComponent) Handling "${o.name}" prop "${String(i)}" event.`,{event:n});if(i in p){t(`[${this.hostTagName}] (registerComponent) Found event override for "${String(i)}" event. Calling override.`);await p[i](n,s)}if(!n.defaultPrevented){await e(n,s)}return};const a=o.element.dataset.nylasId;if(a&&!this.eventListenerRegistrations.has(a)){this.eventListenerRegistrations.set(a,[])}if(a){this.eventListenerRegistrations.get(a)?.push([l,i,r])}t(`[${this.hostTagName}] (registerComponent) Setting "${o.name}" event "${String(i)}" to automcially call NylasConnector method.`);const h=n(i.toString());t(`[${this.hostTagName}] (registerComponent) Adding event listener for "${h}" on "${l.tagName}"`);l.addEventListener(h,r)}));a?.forEach(((e,n)=>{const[i,s]=n.split(".");const r=this.getStore(i);const p=r.state[s];if(!l.dataset.nylasId){t(`[${this.hostTagName}] (registerComponent) Component "${o.name}" not registered. Skipping.`,{component:o});return}if(!this.propStateRegistrations.has(i)){this.propStateRegistrations.set(i,new Map)}if(!this.propStateRegistrations.get(i)?.has(s)){this.propStateRegistrations.get(i)?.set(s,[{elementId:l.dataset.nylasId,propKey:e}])}else{this.propStateRegistrations.get(i)?.get(s)?.push({elementId:l.dataset.nylasId,propKey:e})}l[e.toString()]=p;t(`[${this.hostTagName}] Setting "${o.name}" prop "${e.toString()}" to "${n}" value.`,{stateValue:p})}));m?.forEach(((e,n)=>{const i=this.host[n];l[e.toString()]=i;t(`[${this.hostTagName}] Setting "${o.name}" prop "${e.toString()}" to the value of "${n}" value.`,{value:n,mappedPropValue:i})}));if(h){l[h?.toString()]=this.getStore;t(`[${this.hostTagName}] Setting "${o.name}" prop "${h.toString()}" to "getStore" method.`)}$?.forEach(((e,n)=>{const i=this.getStore(n);l[e.toString()]=i;t(`[${this.hostTagName}] Setting "${o.name}" prop "${e.toString()}" to "${n}" store.`,{store:i})}));if(g){l[g?.toString()]=this.nylasConnector;t(`[${this.hostTagName}] Setting "${o.name}" prop "${g.toString()}" to "nylasConnector" value.`,{connectorToProp:g})}if(typeof l.registerCallback==="function"){t(`[${this.hostTagName}] (registerComponent) Calling registerCallback method for "${o.name}".`);await l.registerCallback()}t(`[${this.hostTagName}] (registerComponent) Component ${o.name} registered.`)}cleanupComponentRegistration(e,o=true){const i=this.eventListenerRegistrations.get(e);if(i){i.forEach((([e,o,i])=>{const s=n(o.toString());t(`[${this.hostTagName}] (cleanupComponentRegistration) Removing event listener for "${s}" on "${e.tagName}"`);e.removeEventListener(s,i)}));this.eventListenerRegistrations.delete(e)}this.propStateRegistrations.forEach(((t,n)=>{t.forEach(((t,o)=>{const i=t.filter((t=>t.elementId!==e));if(i.length!==t.length){this.propStateRegistrations.get(n)?.set(o,i)}}))}));if(o){delete this.registeredComponents[e]}}unregisterComponent(e){t(`[${this.hostTagName}] Unregistering component ${e.name}.`);const o=e.element.dataset.nylasId;if(!o){t(`[${this.hostTagName}] (unregisterComponent) Unregistering component ${e.name}.`);return}if(this.registeredComponents[o]){t(`[${this.hostTagName}] (unregisterComponent) Component ${e.name} not registered. Skipping.`);return}this.propStateRegistrations.forEach(((t,e)=>{t.forEach(((t,n)=>{const i=this.propStateRegistrations.get(e)?.get(n);const s=i?.filter((t=>t.elementId!==o));if(s){this.propStateRegistrations.get(e)?.set(n,s)}}))}));const i=this.eventListenerRegistrations.get(o);i?.forEach((([e,o,i])=>{const s=n(o.toString());t(`[${this.hostTagName}] (unregisterComponent) Removing event listener for "${s}" on "${e.tagName}"`);e.removeEventListener(s,i)}));delete this.registeredComponents[o]}getStore(t){const e=this.stores[t];if(!e){throw new Error(`[${this.hostTagName}] Store "${t.toString()}" not found.`)}return e}async setupStoreListeners(){const e=this;Object.entries(this.stores).forEach((([n,o])=>{t(`[${e.hostTagName}] (setupStoreListeners) Listening for changes in "${n}" store.`);o.use({set(o,i,s){t(`[${e.hostTagName}] (setupStoreListeners) Store "${n}" state "${o.toString()}" changed`,{newValue:i,oldValue:s});if(i===s){t(`[${e.hostTagName}] (setupStoreListeners) Store "${n}" state "${o.toString()}" unchanged. Skipping.`);return}const r=e.registeredComponents;if(!r){t(`[${e.hostTagName}] (setupStoreListeners) No registered components found. Skipping.`);return}const p=e.propStateRegistrations.get(n)?.get(o.toString())||[];t(`[${e.hostTagName}] (setupStoreListeners) Found ${p.length} prop(s) registered for "${o.toString()}" store.`,{props:p,propStateRegistrations:e.propStateRegistrations});p.forEach((({elementId:i,propKey:s})=>{const p=r[i];if(!p){t(`[${e.hostTagName}] (setupStoreListeners) Component "${i}" not found. Skipping.`,{component:p});return}const a=e.getStore(n);const h=a.state[o];p.element[s.toString()]=h;t(`[${e.hostTagName}] (setupStoreListeners) Setting "${p.name}" prop "${s.toString()}" to "${o.toString()}" value.`,{stateValue:h})}))}})}))}get hostTagName(){return this.host?.tagName?.toLowerCase()??"nylas-provider"}}class i extends o{}export{i as N};
-//# sourceMappingURL=p-f0e1688e.js.map
+import{b as t,e,f as n}from"./p-66a89e65.js";class o{constructor(e,n,o=true,i){this.automaticComponentRegistration=true;this.registeredComponents={};this.propStateRegistrations=new Map;this.eventListenerRegistrations=new Map;this.host=e;this.stores=n;this.automaticComponentRegistration=o;this.eventOverrides=i;t(`[${this.hostTagName}] Initializing (abstract) provider.`,{eventOverrides:i});this.registerComponent=this.registerComponent.bind(this);this.getStore=this.getStore.bind(this);Object.keys(this.stores).forEach((t=>{this.propStateRegistrations.set(t,new Map)}))}async componentWillLoad(e){t(`[${this.hostTagName}] Will load`);this.setupStoreListeners();this.nylasConnector=e;const n=Array.from(this.host.querySelectorAll("*")).filter((t=>t.tagName.toLowerCase().startsWith("nylas-")));t(`[${this.hostTagName}] Found ${n.length} child component(s).`,{childComponents:n});const o=n.map((async e=>{const n=e;if(!n){t(`[~${this.hostTagName}] (componentWillLoad) Component ${n.tagName} does not have a name. Skipping.`);return}if(!n.registerNylasComponent){t(`[~${this.hostTagName}] (componentWillLoad) Component ${n.tagName} is not a component that can be registered. Skipping.`,{component:n});return}const o={element:n,name:n.tagName.toLowerCase(),getStoresToProp:n.getStoresToProp,storeToProps:n.storeToProps,stateToProps:n.stateToProps,authToProp:n.authToProp,eventToProps:n.eventToProps,connectorToProp:n.connectorToProp,localPropsToProp:n.localPropsToProp};await this.registerComponent(o)}));await Promise.all(o)}async componentDidLoad(){t(`[~${this.hostTagName}] (componentDidLoad) Did load`)}async componentDisconnected(){Object.values(this.stores).forEach((t=>{t.dispose()}))}async registerComponentHandler(e){e.stopPropagation();if(!this.automaticComponentRegistration){t(`~[${this.hostTagName}] (registerComponentHandler) Automatic component registration disabled. Skipping registration of ${e.detail.name}.`);return}await this.registerComponent(e.detail)}async unregisterComponentHandler(e){e.stopPropagation();if(!this.automaticComponentRegistration){t(`~[${this.hostTagName}] (unregisterComponentHandler) Automatic component registration disabled. Skipping unregistration of ${e.detail.name}.`);return}this.unregisterComponent(e.detail)}async registerComponent(o){t(`~[${this.hostTagName}] (registerComponent) Registering component ${o.name}.`);const i=o.element.dataset.nylasId;const s=i&&this.registeredComponents[i];if(s){t(`[${this.hostTagName}] (registerComponent) Component ${o.name} already registered. Updating registration.`);this.cleanupComponentRegistration(i,false)}else{o.element.dataset.nylasId=i||e()}const r=o.element.dataset.nylasId;if(r){this.registeredComponents[r]=o}t(`[${this.hostTagName}] (registerComponent) Waiting for "${o.element.localName}" component to be defined`,{component:o});try{await customElements.whenDefined(o.element.tagName.toLowerCase());t(`[${this.hostTagName}] (registerComponent) Component "${o.element.localName}" is now defined`)}catch(e){t(`[${this.hostTagName}] (registerComponent) Error waiting for component "${o.element.localName}" to be defined:`,e)}const p=this.eventOverrides;const{stateToProps:a,getStoresToProp:h,eventToProps:c,storeToProps:$,connectorToProp:g,localPropsToProp:m,element:l}=o;c?.forEach(((e,i)=>{const s=this.nylasConnector;const r=async n=>{t(`[${this.hostTagName}] (registerComponent) Handling "${o.name}" prop "${String(i)}" event.`,{event:n});if(i in p){t(`[${this.hostTagName}] (registerComponent) Found event override for "${String(i)}" event. Calling override.`);await p[i](n,s)}if(!n.defaultPrevented){await e(n,s)}return};const a=o.element.dataset.nylasId;if(a&&!this.eventListenerRegistrations.has(a)){this.eventListenerRegistrations.set(a,[])}if(a){this.eventListenerRegistrations.get(a)?.push([l,i,r])}t(`[${this.hostTagName}] (registerComponent) Setting "${o.name}" event "${String(i)}" to automcially call NylasConnector method.`);const h=n(i.toString());t(`[${this.hostTagName}] (registerComponent) Adding event listener for "${h}" on "${l.tagName}"`);l.addEventListener(h,r)}));a?.forEach(((e,n)=>{const[i,s]=n.split(".");const r=this.getStore(i);const p=r.state[s];if(!l.dataset.nylasId){t(`[${this.hostTagName}] (registerComponent) Component "${o.name}" not registered. Skipping.`,{component:o});return}if(!this.propStateRegistrations.has(i)){this.propStateRegistrations.set(i,new Map)}if(!this.propStateRegistrations.get(i)?.has(s)){this.propStateRegistrations.get(i)?.set(s,[{elementId:l.dataset.nylasId,propKey:e}])}else{this.propStateRegistrations.get(i)?.get(s)?.push({elementId:l.dataset.nylasId,propKey:e})}l[e.toString()]=p;t(`[${this.hostTagName}] Setting "${o.name}" prop "${e.toString()}" to "${n}" value.`,{stateValue:p})}));m?.forEach(((e,n)=>{const i=this.host[n];l[e.toString()]=i;t(`[${this.hostTagName}] Setting "${o.name}" prop "${e.toString()}" to the value of "${n}" value.`,{value:n,mappedPropValue:i})}));if(h){l[h?.toString()]=this.getStore;t(`[${this.hostTagName}] Setting "${o.name}" prop "${h.toString()}" to "getStore" method.`)}$?.forEach(((e,n)=>{const i=this.getStore(n);l[e.toString()]=i;t(`[${this.hostTagName}] Setting "${o.name}" prop "${e.toString()}" to "${n}" store.`,{store:i})}));if(g){l[g?.toString()]=this.nylasConnector;t(`[${this.hostTagName}] Setting "${o.name}" prop "${g.toString()}" to "nylasConnector" value.`,{connectorToProp:g})}if(typeof l.registerCallback==="function"){t(`[${this.hostTagName}] (registerComponent) Calling registerCallback method for "${o.name}".`);await l.registerCallback()}t(`[${this.hostTagName}] (registerComponent) Component ${o.name} registered.`)}cleanupComponentRegistration(e,o=true){const i=this.eventListenerRegistrations.get(e);if(i){i.forEach((([e,o,i])=>{const s=n(o.toString());t(`[${this.hostTagName}] (cleanupComponentRegistration) Removing event listener for "${s}" on "${e.tagName}"`);e.removeEventListener(s,i)}));this.eventListenerRegistrations.delete(e)}this.propStateRegistrations.forEach(((t,n)=>{t.forEach(((t,o)=>{const i=t.filter((t=>t.elementId!==e));if(i.length!==t.length){this.propStateRegistrations.get(n)?.set(o,i)}}))}));if(o){delete this.registeredComponents[e]}}unregisterComponent(e){t(`[${this.hostTagName}] Unregistering component ${e.name}.`);const o=e.element.dataset.nylasId;if(!o){t(`[${this.hostTagName}] (unregisterComponent) Unregistering component ${e.name}.`);return}if(this.registeredComponents[o]){t(`[${this.hostTagName}] (unregisterComponent) Component ${e.name} not registered. Skipping.`);return}this.propStateRegistrations.forEach(((t,e)=>{t.forEach(((t,n)=>{const i=this.propStateRegistrations.get(e)?.get(n);const s=i?.filter((t=>t.elementId!==o));if(s){this.propStateRegistrations.get(e)?.set(n,s)}}))}));const i=this.eventListenerRegistrations.get(o);i?.forEach((([e,o,i])=>{const s=n(o.toString());t(`[${this.hostTagName}] (unregisterComponent) Removing event listener for "${s}" on "${e.tagName}"`);e.removeEventListener(s,i)}));delete this.registeredComponents[o]}getStore(t){const e=this.stores[t];if(!e){throw new Error(`[${this.hostTagName}] Store "${t.toString()}" not found.`)}return e}async setupStoreListeners(){const e=this;Object.entries(this.stores).forEach((([n,o])=>{t(`[${e.hostTagName}] (setupStoreListeners) Listening for changes in "${n}" store.`);o.use({set(o,i,s){t(`[${e.hostTagName}] (setupStoreListeners) Store "${n}" state "${o.toString()}" changed`,{newValue:i,oldValue:s});if(i===s){t(`[${e.hostTagName}] (setupStoreListeners) Store "${n}" state "${o.toString()}" unchanged. Skipping.`);return}const r=e.registeredComponents;if(!r){t(`[${e.hostTagName}] (setupStoreListeners) No registered components found. Skipping.`);return}const p=e.propStateRegistrations.get(n)?.get(o.toString())||[];t(`[${e.hostTagName}] (setupStoreListeners) Found ${p.length} prop(s) registered for "${o.toString()}" store.`,{props:p,propStateRegistrations:e.propStateRegistrations});p.forEach((({elementId:i,propKey:s})=>{const p=r[i];if(!p){t(`[${e.hostTagName}] (setupStoreListeners) Component "${i}" not found. Skipping.`,{component:p});return}const a=e.getStore(n);const h=a.state[o];p.element[s.toString()]=h;t(`[${e.hostTagName}] (setupStoreListeners) Setting "${p.name}" prop "${s.toString()}" to "${o.toString()}" value.`,{stateValue:h})}))}})}))}get hostTagName(){return this.host?.tagName?.toLowerCase()??"nylas-provider"}}class i extends o{}export{i as N};
+//# sourceMappingURL=p-e42db60f.js.map

package/dist/nylas-web-elements/{p-c11e1016.entry.js → p-ff122d1e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as l,a as r}from"./p-6f5a3998.js";import{r as s}from"./p-17c5fb16.js";const o=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}textarea:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}';const n=o;const t=class{constructor(l){e(this,l);this.nylasFormInputChanged=a(this,"nylasFormInputChanged",7);this.name="textarea";this.defaultValue=undefined;this.label="";this.placeholder="";this.required=false;this.readOnly=false;this.autoFocus=false;this.maxLength=255;this.type="multi_line_text";this.tooltip="";this.errorMessage="";this.themeConfig=undefined;this.value="";this.error=""}componentDidLoad(){this.value=s(this.defaultValue||"");this.applyThemeConfig(this.themeConfig)}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,l]of Object.entries(e)){this.el.style.setProperty(`${a}`,l)}}}handleBookingFormSubmitted(e){this.validate(this.value);if(this.error){e.preventDefault()}}handletriggerValidation(e){this.validate(this.value);if(this.error){e.preventDefault()}}handleInput(e){this.error="";const a=e.target;this.value=s(a.value);this.nylasFormInputChanged.emit({value:this.value,name:this.name,error:this.error,label:this.label,type:this.type})}validate(e){if(this.required&&!e){this.error=this.errorMessage||`${this.label} is required.`}else if(e.length>this.maxLength){this.error=`${this.label} cannot exceed ${this.maxLength} characters.`}else{this.error=""}}render(){return l("label",{key:"6838bd252440e3919d71357e490991acc6a32625",part:"tc__label",class:{error:!!this.error}},l("p",{key:"c1b308e1cebcfd3ff26e74938cdb9be01591e2f9"},l("span",{key:"1bd454c83edd1f239d3f54c450f5c5cc9273e9a0",class:"label"},this.label),this.required&&l("span",{class:"required"},"*"),this.tooltip&&l("tooltip-component",null,l("info-icon",{slot:"tooltip-icon"}),l("span",{slot:"tooltip-content"},this.tooltip))),l("textarea",{key:"37b3f46f961c7fe8aa3bd640628a7f8c9596e388",name:this.name,title:this.readOnly?"read-only field":undefined,placeholder:this.placeholder,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,maxLength:this.maxLength,onInput:e=>this.handleInput(e),class:{error:!!this.error},part:"tc__textarea"}),this.error&&l("span",{class:"error help-text"},this.error))}get el(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChangedHandler"]}}};t.style=n;export{t as textarea_component};
-//# sourceMappingURL=p-c11e1016.entry.js.map
+import{r as e,c as a,h as l,a as r}from"./p-6f5a3998.js";import{r as s}from"./p-66a89e65.js";const o=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}textarea:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}';const n=o;const t=class{constructor(l){e(this,l);this.nylasFormInputChanged=a(this,"nylasFormInputChanged",7);this.name="textarea";this.defaultValue=undefined;this.label="";this.placeholder="";this.required=false;this.readOnly=false;this.autoFocus=false;this.maxLength=255;this.type="multi_line_text";this.tooltip="";this.errorMessage="";this.themeConfig=undefined;this.value="";this.error=""}componentDidLoad(){this.value=s(this.defaultValue||"");this.applyThemeConfig(this.themeConfig)}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,l]of Object.entries(e)){this.el.style.setProperty(`${a}`,l)}}}handleBookingFormSubmitted(e){this.validate(this.value);if(this.error){e.preventDefault()}}handletriggerValidation(e){this.validate(this.value);if(this.error){e.preventDefault()}}handleInput(e){this.error="";const a=e.target;this.value=s(a.value);this.nylasFormInputChanged.emit({value:this.value,name:this.name,error:this.error,label:this.label,type:this.type})}validate(e){if(this.required&&!e){this.error=this.errorMessage||`${this.label} is required.`}else if(e.length>this.maxLength){this.error=`${this.label} cannot exceed ${this.maxLength} characters.`}else{this.error=""}}render(){return l("label",{key:"6838bd252440e3919d71357e490991acc6a32625",part:"tc__label",class:{error:!!this.error}},l("p",{key:"c1b308e1cebcfd3ff26e74938cdb9be01591e2f9"},l("span",{key:"1bd454c83edd1f239d3f54c450f5c5cc9273e9a0",class:"label"},this.label),this.required&&l("span",{class:"required"},"*"),this.tooltip&&l("tooltip-component",null,l("info-icon",{slot:"tooltip-icon"}),l("span",{slot:"tooltip-content"},this.tooltip))),l("textarea",{key:"37b3f46f961c7fe8aa3bd640628a7f8c9596e388",name:this.name,title:this.readOnly?"read-only field":undefined,placeholder:this.placeholder,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,maxLength:this.maxLength,onInput:e=>this.handleInput(e),class:{error:!!this.error},part:"tc__textarea"}),this.error&&l("span",{class:"error help-text"},this.error))}get el(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChangedHandler"]}}};t.style=n;export{t as textarea_component};
+//# sourceMappingURL=p-ff122d1e.entry.js.map

package/dist/types/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.d.ts

@@ -1,4 +1,4 @@
-import { AdditionalFields, Appearance, AvailabilityMethod, BookingType, Calendar, Conference, Configuration, EmailTemplate, EventReminder, NotificationType, OpenHours, Participant, SpecificDateOpenHours, ThemeConfig } from '@nylas/core';
+import { AdditionalFields, Appearance, AvailabilityMethod, BookingType, Calendar, Conference, Configuration, EmailTemplate, EventReminder, NotificationType, OpenHours, Participant, SpecificTimeAvailability, ThemeConfig } from '@nylas/core';
 import { Event, EventEmitter } from '../../../stencil-public-runtime';
 import { Tab } from './tab-contents';
 import { User } from "../../../common/nylas-api-request";
@@ -49,8 +49,8 @@ export declare class NylasEditorTabs {
         participantOpenHours?: {
             [key: string]: OpenHours[];
         };
-        participantSpecificDateOpenHours?: {
-            [key: string]: SpecificDateOpenHours[];
+        participantSpecificTimeAvailability?: {
+            [key: string]: SpecificTimeAvailability[];
         };
         participantBookingCalendars?: {
             [key: string]: string;
@@ -191,8 +191,8 @@ export declare class NylasEditorTabs {
         participantOpenHours?: {
             [key: string]: OpenHours[];
         } | undefined;
-        participantSpecificDateOpenHours?: {
-            [key: string]: SpecificDateOpenHours[];
+        participantSpecificTimeAvailability?: {
+            [key: string]: SpecificTimeAvailability[];
         } | undefined;
         participantBookingCalendars?: {
             [key: string]: string;

package/dist/types/components/scheduler-editor/nylas-participants-custom-availability/nylas-participants-custom-availability.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { Configuration, OpenHours, Participant, ParticipantAvailability, SpecificDateOpenHours, ThemeConfig } from '@nylas/core';
+import { Configuration, OpenHours, Participant, ParticipantAvailability, SpecificTimeAvailability, ThemeConfig } from '@nylas/core';
 import { LANGUAGE_CODE } from "../../../common/constants";
 export declare class NylasParticipantsCustomAvailability {
     host: HTMLNylasParticipantsCustomAvailabilityElement;
@@ -17,10 +17,10 @@ export declare class NylasParticipantsCustomAvailability {
     selectedParticipants: {
         [key: string]: {
             setCustom: boolean;
-            tab: 'availability' | 'specific-date-availability';
+            tab: 'availability' | 'specific-time-availability';
             isOpen: boolean;
             openHours: OpenHours[];
-            specificDateOpenHours: SpecificDateOpenHours[];
+            specificTimesAvailability: SpecificTimeAvailability[];
             name: string;
             availability?: ParticipantAvailability;
             timezone?: string;

package/dist/types/components/scheduler-editor/{nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.d.ts → nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.d.ts}

@@ -1,12 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { LANGUAGE_CODE } from "../../../common/constants";
-import { Configuration, SpecificDateOpenHours, ThemeConfig } from '@nylas/core';
-export declare class NylasSpecificDateAvailabilityPicker {
-    host: HTMLNylasSpecificDateAvailabilityPickerElement;
+import { Configuration, SpecificTimeAvailability, ThemeConfig } from '@nylas/core';
+export declare class NylasSpecificTimeAvailabilityPicker {
+    host: HTMLNylasSpecificTimeAvailabilityPickerElement;
     name: string;
     selectedConfiguration?: Configuration;
     selectedLanguage?: LANGUAGE_CODE;
-    specificDateOpenHours?: SpecificDateOpenHours[];
+    specificTimesAvailability?: SpecificTimeAvailability[];
     readonly themeConfig?: ThemeConfig;
     internals: ElementInternals;
     valueChanged: EventEmitter<{
@@ -33,9 +33,9 @@ export declare class NylasSpecificDateAvailabilityPicker {
     selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig): void;
     applyThemeConfig(themeConfig?: ThemeConfig): void;
-    loadSpecificDateOpenHours(): void;
-    addSpecificDateOpenHour(): void;
-    removeSpecificDateOpenHour(id: string): void;
+    loadSpecificTimeAvailability(): void;
+    addSpecificTimeAvailability(): void;
+    removeSpecificTimeAvailability(id: string): void;
     toggleAvailability(id: string): void;
     validateEntry(entry: (typeof this.specificDateEntries)[0]): string | null;
     validateAllEntries(): boolean;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, CheckboxGroupDirection, CheckboxOption, Conference, Configuration, DropdownOption, EmailTemplate, EnableEventTypes, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NotificationType, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, SpecificDateOpenHours, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
+import { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, CheckboxGroupDirection, CheckboxOption, Conference, Configuration, DropdownOption, EmailTemplate, EnableEventTypes, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NotificationType, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, SpecificTimeAvailability, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
 import { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 import { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale } from "./common/constants";
 import { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
@@ -22,7 +22,7 @@ import { SchedulerEditorEventOverride, SchedulerEventOverride } from "./common/c
 import { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from "./stores/scheduler-config-store";
 import { NylasSchedulerConfigConnector } from "./connector/nylas-scheduler-config-connector/index";
 import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
-export { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, CheckboxGroupDirection, CheckboxOption, Conference, Configuration, DropdownOption, EmailTemplate, EnableEventTypes, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NotificationType, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, SpecificDateOpenHours, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
+export { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, CheckboxGroupDirection, CheckboxOption, Conference, Configuration, DropdownOption, EmailTemplate, EnableEventTypes, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NotificationType, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, SpecificTimeAvailability, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
 export { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 export { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale } from "./common/constants";
 export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
@@ -2173,7 +2173,7 @@ export namespace Components {
          */
         "themeConfig"?: any;
     }
-    interface NylasSpecificDateAvailabilityPicker {
+    interface NylasSpecificTimeAvailabilityPicker {
         /**
           * @standalone The name of the specific date availability picker.
          */
@@ -2189,7 +2189,7 @@ export namespace Components {
         /**
           * @standalone The specific date open hours.
          */
-        "specificDateOpenHours"?: SpecificDateOpenHours[];
+        "specificTimesAvailability"?: SpecificTimeAvailability[];
         /**
           * @standalone The theme configuration.
          */
@@ -2802,9 +2802,9 @@ export interface NylasSelectEventTypeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasSelectEventTypeElement;
 }
-export interface NylasSpecificDateAvailabilityPickerCustomEvent<T> extends CustomEvent<T> {
+export interface NylasSpecificTimeAvailabilityPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLNylasSpecificDateAvailabilityPickerElement;
+    target: HTMLNylasSpecificTimeAvailabilityPickerElement;
 }
 export interface NylasTimeWindowPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -4541,25 +4541,25 @@ declare global {
         prototype: HTMLNylasSelectedEventCardElement;
         new (): HTMLNylasSelectedEventCardElement;
     };
-    interface HTMLNylasSpecificDateAvailabilityPickerElementEventMap {
+    interface HTMLNylasSpecificTimeAvailabilityPickerElementEventMap {
         "valueChanged": {
     value: string;
     name: string;
   };
     }
-    interface HTMLNylasSpecificDateAvailabilityPickerElement extends Components.NylasSpecificDateAvailabilityPicker, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLNylasSpecificDateAvailabilityPickerElementEventMap>(type: K, listener: (this: HTMLNylasSpecificDateAvailabilityPickerElement, ev: NylasSpecificDateAvailabilityPickerCustomEvent<HTMLNylasSpecificDateAvailabilityPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLNylasSpecificTimeAvailabilityPickerElement extends Components.NylasSpecificTimeAvailabilityPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasSpecificTimeAvailabilityPickerElementEventMap>(type: K, listener: (this: HTMLNylasSpecificTimeAvailabilityPickerElement, ev: NylasSpecificTimeAvailabilityPickerCustomEvent<HTMLNylasSpecificTimeAvailabilityPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLNylasSpecificDateAvailabilityPickerElementEventMap>(type: K, listener: (this: HTMLNylasSpecificDateAvailabilityPickerElement, ev: NylasSpecificDateAvailabilityPickerCustomEvent<HTMLNylasSpecificDateAvailabilityPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasSpecificTimeAvailabilityPickerElementEventMap>(type: K, listener: (this: HTMLNylasSpecificTimeAvailabilityPickerElement, ev: NylasSpecificTimeAvailabilityPickerCustomEvent<HTMLNylasSpecificTimeAvailabilityPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLNylasSpecificDateAvailabilityPickerElement: {
-        prototype: HTMLNylasSpecificDateAvailabilityPickerElement;
-        new (): HTMLNylasSpecificDateAvailabilityPickerElement;
+    var HTMLNylasSpecificTimeAvailabilityPickerElement: {
+        prototype: HTMLNylasSpecificTimeAvailabilityPickerElement;
+        new (): HTMLNylasSpecificTimeAvailabilityPickerElement;
     };
     interface HTMLNylasTimeWindowPickerElementEventMap {
         "timeChange": {
@@ -4996,7 +4996,7 @@ declare global {
         "nylas-scheduling-method": HTMLNylasSchedulingMethodElement;
         "nylas-select-event-type": HTMLNylasSelectEventTypeElement;
         "nylas-selected-event-card": HTMLNylasSelectedEventCardElement;
-        "nylas-specific-date-availability-picker": HTMLNylasSpecificDateAvailabilityPickerElement;
+        "nylas-specific-time-availability-picker": HTMLNylasSpecificTimeAvailabilityPickerElement;
         "nylas-time-window-picker": HTMLNylasTimeWindowPickerElement;
         "nylas-timeslot-interval": HTMLNylasTimeslotIntervalElement;
         "nylas-timeslot-picker": HTMLNylasTimeslotPickerElement;
@@ -7768,7 +7768,7 @@ declare namespace LocalJSX {
          */
         "themeConfig"?: any;
     }
-    interface NylasSpecificDateAvailabilityPicker {
+    interface NylasSpecificTimeAvailabilityPicker {
         /**
           * @standalone The name of the specific date availability picker.
          */
@@ -7776,7 +7776,7 @@ declare namespace LocalJSX {
         /**
           * The event is fired when the specific date open hours change.
          */
-        "onValueChanged"?: (event: NylasSpecificDateAvailabilityPickerCustomEvent<{
+        "onValueChanged"?: (event: NylasSpecificTimeAvailabilityPickerCustomEvent<{
     value: string;
     name: string;
   }>) => void;
@@ -7791,7 +7791,7 @@ declare namespace LocalJSX {
         /**
           * @standalone The specific date open hours.
          */
-        "specificDateOpenHours"?: SpecificDateOpenHours[];
+        "specificTimesAvailability"?: SpecificTimeAvailability[];
         /**
           * @standalone The theme configuration.
          */
@@ -8357,7 +8357,7 @@ declare namespace LocalJSX {
         "nylas-scheduling-method": NylasSchedulingMethod;
         "nylas-select-event-type": NylasSelectEventType;
         "nylas-selected-event-card": NylasSelectedEventCard;
-        "nylas-specific-date-availability-picker": NylasSpecificDateAvailabilityPicker;
+        "nylas-specific-time-availability-picker": NylasSpecificTimeAvailabilityPicker;
         "nylas-time-window-picker": NylasTimeWindowPicker;
         "nylas-timeslot-interval": NylasTimeslotInterval;
         "nylas-timeslot-picker": NylasTimeslotPicker;
@@ -8724,7 +8724,7 @@ declare module "@stencil/core" {
              * The `nylas-selected-event-card` component is a UI component that displays the selected event card.
              */
             "nylas-selected-event-card": LocalJSX.NylasSelectedEventCard & JSXBase.HTMLAttributes<HTMLNylasSelectedEventCardElement>;
-            "nylas-specific-date-availability-picker": LocalJSX.NylasSpecificDateAvailabilityPicker & JSXBase.HTMLAttributes<HTMLNylasSpecificDateAvailabilityPickerElement>;
+            "nylas-specific-time-availability-picker": LocalJSX.NylasSpecificTimeAvailabilityPicker & JSXBase.HTMLAttributes<HTMLNylasSpecificTimeAvailabilityPickerElement>;
             /**
              * The `nylas-time-window-picker` component is a time picker that can be used to select a time.
              */

package/dist/types/types/index.d.ts

@@ -13,7 +13,7 @@ export interface OpenHours {
     start: string;
     end: string;
 }
-export interface SpecificDateOpenHours {
+export interface SpecificTimeAvailability {
     date: string;
     start: string;
     end: string;
@@ -184,7 +184,7 @@ export interface Participant {
     is_organizer?: boolean;
     availability?: ParticipantAvailability;
     booking?: ParticipantBooking;
-    specific_date_open_hours?: SpecificDateOpenHours[];
+    specific_time_availability?: SpecificTimeAvailability[];
     timezone?: string;
 }
 export interface EventReminder {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "2.0.6",
+  "version": "2.1.0",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -39,7 +39,7 @@
     "rrule": "2.8.1",
     "sanitize-html": "^2.13.0",
     "sortablejs": "^1.15.6",
-    "@nylas/core": "^1.1.8",
+    "@nylas/core": "^1.2.0",
     "@nylas/identity": "^3.0.0"
   },
   "devDependencies": {