@nylas/web-elements 2.0.6 → 2.1.0

package/dist/esm/{abstract-provider-45ada3b4.js.map → abstract-provider-a502b54d.js.map}

@@ -1 +1 @@
-{"file":"abstract-provider-45ada3b4.js","mappings":"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","names":[],"sources":["src/common/abstract-provider.ts"],"sourcesContent":["import { RegisteredComponent } from '@/common/register-component';\nimport { BaseNylasConnectorInterface } from '@/connector/connector-interface';\nimport { debug, formatEventName, uniqueID } from '@/utils/utils';\nimport { ObservableMap } from '@stencil/store';\nimport { EventOverride } from './component-types';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\nexport type PropKey = string | number | symbol;\nexport type StoreKey = string;\nexport type StoreName<T> = keyof T;\nexport type StateKey = string;\nexport type ElementID = string;\nexport type PropStateRegistration = { elementId: ElementID; propKey: PropKey };\nexport type EventListenerRegistration = [HTMLElement, PropKey, (event: CustomEvent<any>) => Promise<void>];\n\nexport interface NylasProviderInterface<Stores extends Record<string, ObservableMap<any>>> {\n  nylasConnector?: BaseNylasConnectorInterface;\n  stores: Stores;\n  host?: HTMLElement;\n  automaticComponentRegistration: boolean;\n  registeredComponents: Record<ElementID, RegisteredComponent<any, any>>;\n  propStateRegistrations: Map<StoreName<this['stores']>, Map<StateKey, PropStateRegistration[]>>;\n  eventListenerRegistrations: Map<ElementID, EventListenerRegistration[]>;\n  componentWillLoad(nylasConnector: BaseNylasConnectorInterface): Promise<void>;\n  componentDidLoad(): Promise<void>;\n  componentDisconnected(): Promise<void>;\n  getStore<K extends keyof ThisType<this['stores']>>(name: K): ThisType<this['stores']>[K];\n  registerComponent(component: RegisteredComponent<any, any>): void;\n  unregisterComponent(component: RegisteredComponent<any, any>): void;\n}\n\nexport abstract class NylasAbstractProvider<Stores extends Record<string, ObservableMap<any>>> implements NylasProviderInterface<Stores> {\n  /**\n   * The NylasConnector instance.\n   * This is used to provide access to the NylasConnector instance to all components.\n   */\n  public nylasConnector?: BaseNylasConnectorInterface;\n\n  /**\n   * A list of stores that are used by the provider.\n   * This is used to provide access to the stores to all components.\n   */\n  public stores: Stores;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  public host!: HTMLElement;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   * @default true\n   */\n  public automaticComponentRegistration: boolean = true;\n\n  /**\n   * A list of registered components that are listening for store changes.\n   * Each component is registered with a unique id so that we can easily track the component\n   * for various other operations (see `propStateRegistrations` and `eventListenerRegistrations`).\n   */\n  public registeredComponents: Record<ElementID, RegisteredComponent<any, any>> = {};\n\n  /**\n   * A list of registered components that are listening for store changes.\n   * To make lookups more efficient, we use a Map of our prop registrations that we need to map to differnet\n   * state keys. When a component is unregistered, we can use this map to remove the prop registration.\n   */\n  public propStateRegistrations: Map<StoreName<this['stores']>, Map<StateKey, PropStateRegistration[]>> = new Map();\n\n  /**\n   * A list of registered event listeners.\n   * To make lookups more efficient, we use a Map of our event listeners that we need to map to differnet\n   * nylas connector methods. When a component is unregistered, we can use this map to remove the event listener.\n   */\n  public eventListenerRegistrations: Map<ElementID, EventListenerRegistration[]> = new Map();\n\n  /**\n   * A list of event overrides that are used by the provider.\n   * This is used to provide an easy way to override the default function of the event emitter.\n   * An example of this is the `timeslotConfirmed` event. By default, this event will set the scheduler store state for `showBookingForm` to `true` which will\n   * show the booking form. However, if you want to override this behavior, you can pass in the prop `eventOverride` like:\n   * ```html\n   * <nylas-scheduler eventOverride={{\"timeslotConfirmed\": (event, nylasConnector) => { console.log(\"Timeslot confirmed event fired!\"); } }} />\n   * ```\n   */\n  public eventOverrides: EventOverride<Exclude<BaseNylasConnectorInterface, undefined>>;\n\n  /**\n   * The constructor for the AbstractNylasProvider.\n   * @param host  The host element (usually the HTMLElement of the provider)\n   * @param stores A list of stores that are used by the provider\n   * @param automaticComponentRegistration A boolean that determines if components should be automatically registered\n   * @param eventOverrides A list of event overrides that are used by the provider\n   */\n  constructor(host: HTMLElement, stores: Stores, automaticComponentRegistration: boolean = true, eventOverrides: EventOverride<any>) {\n    this.host = host;\n    this.stores = stores;\n    this.automaticComponentRegistration = automaticComponentRegistration;\n    this.eventOverrides = eventOverrides;\n\n    debug(`[${this.hostTagName}] Initializing (abstract) provider.`, { eventOverrides });\n\n    this.registerComponent = this.registerComponent.bind(this);\n    this.getStore = this.getStore.bind(this);\n\n    // Init propStateRegistrations with store names\n    Object.keys(this.stores).forEach(storeName => {\n      this.propStateRegistrations.set(storeName, new Map());\n    });\n  }\n\n  /**\n   * This method is called before the component is loaded.\n   * We're passing the NylasConnector instance to the provider so that we can\n   * provide access to the NylasConnector instance to all components.\n   *\n   * However, because the NylasConnector is often constructed after the component's\n   * constructor is called, set the NylasConnector instance here.\n   * @param nylasConnector The NylasConnector instance\n   */\n  async componentWillLoad(nylasConnector: BaseNylasConnectorInterface) {\n    debug(`[${this.hostTagName}] Will load`);\n\n    // For each of our stores, configure the listeners for changes in the\n    // store state.\n    this.setupStoreListeners();\n\n    // Set the NylasConnector instance\n    this.nylasConnector = nylasConnector;\n\n    /**\n     * This is a very static way of registering components, but it happens fairly\n     * early in the component lifecycle, so it can be beneficial to do it here.\n     *\n     * The big downside to this is that it will not pick up any components that\n     * are dynamically added to the DOM after this method is called.\n     *\n     * So we should evaluate if this is the best way to register components.\n     */\n    const childComponents = Array.from(this.host.querySelectorAll('*')).filter(child => child.tagName.toLowerCase().startsWith('nylas-'));\n    debug(`[${this.hostTagName}] Found ${childComponents.length} child component(s).`, { childComponents });\n\n    const registrations = childComponents.map(async child => {\n      const component = child as any; // It unfortunately makes life a whole lot easier to just cast this to any\n      if (!component) {\n        debug(`[~${this.hostTagName}] (componentWillLoad) Component ${component.tagName} does not have a name. Skipping.`);\n        return;\n      }\n\n      // Skip components that don't have the `registerNylasComponent` prop\n      if (!component.registerNylasComponent) {\n        debug(`[~${this.hostTagName}] (componentWillLoad) Component ${component.tagName} is not a component that can be registered. Skipping.`, { component });\n        return;\n      }\n\n      const registeredComponent: RegisteredComponent<any, any> = {\n        element: component as HTMLStencilElement,\n        name: component.tagName.toLowerCase(),\n        getStoresToProp: component.getStoresToProp,\n        storeToProps: component.storeToProps,\n        stateToProps: component.stateToProps,\n        authToProp: component.authToProp,\n        eventToProps: component.eventToProps,\n        connectorToProp: component.connectorToProp,\n        localPropsToProp: component.localPropsToProp,\n      };\n\n      await this.registerComponent(registeredComponent);\n    });\n\n    await Promise.all(registrations);\n  }\n\n  /**\n   * This method is called after the component is loaded.\n   * We're using this method to add event listeners to the host element.\n   */\n  async componentDidLoad() {\n    debug(`[~${this.hostTagName}] (componentDidLoad) Did load`);\n  }\n\n  /**\n   * This method is called when the component is disconnected from the DOM.\n   * We're using this method to dispose of the stores.\n   */\n  async componentDisconnected() {\n    // Loop through each store and and dispose\n    Object.values(this.stores).forEach(store => {\n      store.dispose();\n    });\n  }\n\n  /**\n   * This is a custom event handler that is used to register a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to register\n   * @returns Promise<void>\n   */\n  async registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    event.stopPropagation();\n\n    if (!this.automaticComponentRegistration) {\n      debug(`~[${this.hostTagName}] (registerComponentHandler) Automatic component registration disabled. Skipping registration of ${event.detail.name}.`);\n      return;\n    }\n\n    await this.registerComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to unregister a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to unregister\n   * @returns Promise<void>\n   */\n  async unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    event.stopPropagation();\n\n    if (!this.automaticComponentRegistration) {\n      debug(`~[${this.hostTagName}] (unregisterComponentHandler) Automatic component registration disabled. Skipping unregistration of ${event.detail.name}.`);\n      return;\n    }\n\n    this.unregisterComponent(event.detail);\n  }\n\n  /**\n   * This method is used to register a component with the provider\n   * @param component component to register\n   * @returns void\n   */\n  public async registerComponent(component: RegisteredComponent<any, any>): Promise<void> {\n    debug(`~[${this.hostTagName}] (registerComponent) Registering component ${component.name}.`);\n\n    // Get component element id\n    const elementId = component.element.dataset.nylasId;\n    const isReregistration = elementId && this.registeredComponents[elementId];\n\n    // If this is a re-registration, clean up previous registrations first\n    if (isReregistration) {\n      debug(`[${this.hostTagName}] (registerComponent) Component ${component.name} already registered. Updating registration.`);\n      // Clean up event listeners but keep the component ID\n      this.cleanupComponentRegistration(elementId, false);\n    } else {\n      // Set a unique data id on the element for new registrations\n      component.element.dataset.nylasId = elementId || uniqueID();\n    }\n\n    // Register/update the component to ensure the component is tracked even while waiting for definition\n    const nylasId = component.element.dataset.nylasId;\n    if (nylasId) {\n      this.registeredComponents[nylasId] = component;\n    }\n\n    // Wait for the component to be defined in the custom elements registry before we attempt to\n    // complete the component registration. While this means that the component will not be loaded with\n    // props immediately, it does ensure that when we do set the props, the component is ready to receive them.\n    debug(`[${this.hostTagName}] (registerComponent) Waiting for \"${component.element.localName}\" component to be defined`, { component });\n    try {\n      await customElements.whenDefined(component.element.tagName.toLowerCase());\n      debug(`[${this.hostTagName}] (registerComponent) Component \"${component.element.localName}\" is now defined`);\n    } catch (error) {\n      debug(`[${this.hostTagName}] (registerComponent) Error waiting for component \"${component.element.localName}\" to be defined:`, error);\n      // Continue with registration anyway, as the component might be defined later\n    }\n\n    const eventOverrides = this.eventOverrides;\n    const { stateToProps, getStoresToProp, eventToProps, storeToProps, connectorToProp, localPropsToProp, element } = component;\n\n    /**\n     * We allow components to map an event to a prop. These events can automatically\n     * call a method on the nylasConnector instance.\n     */\n    eventToProps?.forEach((customEventHandler, propKey) => {\n      const nylasConnector = this.nylasConnector;\n      const handler = async (event: CustomEvent<any>) => {\n        debug(`[${this.hostTagName}] (registerComponent) Handling \"${component.name}\" prop \"${String(propKey)}\" event.`, { event });\n        if (propKey in eventOverrides) {\n          debug(`[${this.hostTagName}] (registerComponent) Found event override for \"${String(propKey)}\" event. Calling override.`);\n          await eventOverrides[propKey](event, nylasConnector);\n        }\n\n        if (!event.defaultPrevented) {\n          await customEventHandler(event, nylasConnector);\n        }\n\n        return;\n      };\n\n      const elementId = component.element.dataset.nylasId;\n\n      if (elementId && !this.eventListenerRegistrations.has(elementId)) {\n        this.eventListenerRegistrations.set(elementId, []);\n      }\n\n      if (elementId) {\n        this.eventListenerRegistrations.get(elementId)?.push([element, propKey, handler]);\n      }\n\n      debug(`[${this.hostTagName}] (registerComponent) Setting \"${component.name}\" event \"${String(propKey)}\" to automcially call NylasConnector method.`);\n\n      // We should immediately call the event handler to make sure the prop is set\n      const eventName = formatEventName(propKey.toString());\n      debug(`[${this.hostTagName}] (registerComponent) Adding event listener for \"${eventName}\" on \"${element.tagName}\"`);\n      element.addEventListener(eventName, handler as unknown as EventListener);\n    });\n\n    /**\n     * This is a rather simple way for us to set the initial props for a component.\n     * For each prop, we check if the prop is mapped to a store. If it is, we set\n     * the prop to the store value.\n     */\n    stateToProps?.forEach((propKey, stateKey) => {\n      const [storeName, stateName] = stateKey.split('.');\n      const store = this.getStore(storeName as keyof typeof this.stores);\n      const stateValue = store.state[stateName as keyof typeof store.state];\n\n      // Make sure this component was registered and has a nylasId\n      if (!element.dataset.nylasId) {\n        debug(`[${this.hostTagName}] (registerComponent) Component \"${component.name}\" not registered. Skipping.`, { component });\n        return;\n      }\n\n      // We need to keep track of the store and prop key so that we can update the\n      // prop when the store changes\n      if (!this.propStateRegistrations.has(storeName as keyof typeof this.stores)) {\n        this.propStateRegistrations.set(storeName as keyof typeof this.stores, new Map());\n      }\n\n      if (!this.propStateRegistrations.get(storeName as keyof typeof this.stores)?.has(stateName)) {\n        this.propStateRegistrations.get(storeName as keyof typeof this.stores)?.set(stateName, [\n          {\n            elementId: element.dataset.nylasId,\n            propKey,\n          },\n        ]);\n      } else {\n        this.propStateRegistrations\n          .get(storeName as keyof typeof this.stores)\n          ?.get(stateName)\n          ?.push({\n            elementId: element.dataset.nylasId,\n            propKey,\n          });\n      }\n\n      // Set the prop value on the component\n      (element as { [key: string]: any })[propKey.toString()] = stateValue;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${propKey.toString()}\" to \"${stateKey}\" value.`, { stateValue });\n    });\n\n    /**\n     * We allow components to also map props from the provider to the component.\n     */\n    localPropsToProp?.forEach((propKey, value) => {\n      const mappedPropValue = this.host[value]; // TODO: Is this safe? We should find a way to only limit it to public properties and no methods.\n      (element as { [key: string]: any })[propKey.toString()] = mappedPropValue;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${propKey.toString()}\" to the value of \"${value}\" value.`, { value, mappedPropValue });\n    });\n\n    /**\n     * We allow components to access the getStore method directly.\n     */\n    if (getStoresToProp) {\n      (element as { [key: string]: any })[getStoresToProp?.toString()] = this.getStore;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${getStoresToProp.toString()}\" to \"getStore\" method.`);\n    }\n\n    /**\n     * We allow components to map a store to a prop for direct access.\n     */\n    storeToProps?.forEach((propKey, storeKey) => {\n      const store = this.getStore(storeKey);\n      (element as { [key: string]: any })[propKey.toString()] = store;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${propKey.toString()}\" to \"${storeKey}\" store.`, { store });\n    });\n\n    /**\n     * We allow components to map the NylasConnector instance to a prop for direct access.\n     */\n    if (connectorToProp) {\n      (element as { [key: string]: any })[connectorToProp?.toString()] = this.nylasConnector;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${connectorToProp.toString()}\" to \"nylasConnector\" value.`, { connectorToProp });\n    }\n\n    /**\n     * We allow components to fire an event when they are registered.\n     */\n    if (typeof element.registerCallback === 'function') {\n      debug(`[${this.hostTagName}] (registerComponent) Calling registerCallback method for \"${component.name}\".`);\n      await element.registerCallback();\n    }\n\n    debug(`[${this.hostTagName}] (registerComponent) Component ${component.name} registered.`);\n  }\n\n  /**\n   * Cleans up registrations for a component without fully unregistering it\n   * @param elementId The ID of the element to clean up\n   * @param removeFromRegistry Whether to remove the component from the registry\n   */\n  private cleanupComponentRegistration(elementId: string, removeFromRegistry: boolean = true): void {\n    // Remove event listeners\n    const eventListenerRegistrations = this.eventListenerRegistrations.get(elementId);\n    if (eventListenerRegistrations) {\n      eventListenerRegistrations.forEach(([element, propKey, handler]) => {\n        const eventName = formatEventName(propKey.toString());\n        debug(`[${this.hostTagName}] (cleanupComponentRegistration) Removing event listener for \"${eventName}\" on \"${element.tagName}\"`);\n        element.removeEventListener(eventName, handler as unknown as EventListener);\n      });\n      this.eventListenerRegistrations.delete(elementId);\n    }\n\n    // Clean up prop state registrations\n    this.propStateRegistrations.forEach((stateToProps, storeName) => {\n      stateToProps.forEach((props, stateKey) => {\n        const filteredProps = props.filter(prop => prop.elementId !== elementId);\n        if (filteredProps.length !== props.length) {\n          this.propStateRegistrations.get(storeName)?.set(stateKey, filteredProps);\n        }\n      });\n    });\n\n    // Remove from registry if requested\n    if (removeFromRegistry) {\n      delete this.registeredComponents[elementId];\n    }\n  }\n\n  /**\n   * This is a method that is used to unregister a component with the provider.\n   * @param component HTMLElement to unregister\n   * @returns void\n   */\n  public unregisterComponent(component: RegisteredComponent<any, any>): void {\n    debug(`[${this.hostTagName}] Unregistering component ${component.name}.`);\n\n    // Get component element id\n    const elementId = component.element.dataset.nylasId;\n    if (!elementId) {\n      debug(`[${this.hostTagName}] (unregisterComponent) Unregistering component ${component.name}.`);\n      return;\n    }\n\n    // Make sure the component is not already registered\n    if (this.registeredComponents[elementId]) {\n      debug(`[${this.hostTagName}] (unregisterComponent) Component ${component.name} not registered. Skipping.`);\n      return;\n    }\n\n    // Remove the component prop registration from propStateRegistrations\n    this.propStateRegistrations.forEach((stateToProps, storeName) => {\n      stateToProps.forEach((_, stateKey) => {\n        const props = this.propStateRegistrations.get(storeName)?.get(stateKey);\n        const filteredProps = props?.filter(prop => prop.elementId !== elementId);\n        if (filteredProps) {\n          this.propStateRegistrations.get(storeName)?.set(stateKey, filteredProps);\n        }\n      });\n    });\n\n    // Before we unregister the component, we need to remove any event listeners\n    const eventListenerRegistrations = this.eventListenerRegistrations.get(elementId);\n    eventListenerRegistrations?.forEach(([element, propKey, handler]) => {\n      const eventName = formatEventName(propKey.toString());\n      debug(`[${this.hostTagName}] (unregisterComponent) Removing event listener for \"${eventName}\" on \"${element.tagName}\"`);\n      element.removeEventListener(eventName, handler as unknown as EventListener);\n    });\n\n    // Unregister the component\n    delete this.registeredComponents[elementId];\n  }\n\n  /**\n   * This method is used to dynamically retrieve the appropriate store\n   * @param name store name\n   */\n  public getStore<K extends keyof Stores>(name: K): Stores[K] {\n    const store = this.stores[name];\n    if (!store) {\n      throw new Error(`[${this.hostTagName}] Store \"${name.toString()}\" not found.`);\n    }\n    return store;\n  }\n\n  /**\n   * This method is called when the component is connected to the DOM.\n   * We're using this method to listen for changes in the store and update\n   * the registered components with the new values.\n   */\n  private async setupStoreListeners() {\n    const self = this; // eslint-disable-line @typescript-eslint/no-this-alias\n\n    /**\n     * This is a rather simple way for us to listen for changes in the store\n     * and make sure our registered components are updated with the new values.\n     *\n     * For each store change, we loop through each registered component and\n     * check if the store change is mapped to a prop on the component. If it is,\n     * we set the prop to the new value.\n     *\n     * We call this super early in the provider lifecycle so that we can make sure\n     * that all components have the correct props before they are rendered.\n     */\n    Object.entries(this.stores).forEach(([storeName, store]) => {\n      debug(`[${self.hostTagName}] (setupStoreListeners) Listening for changes in \"${storeName}\" store.`);\n      store.use({\n        set(stateKey, newValue, oldValue) {\n          debug(`[${self.hostTagName}] (setupStoreListeners) Store \"${storeName}\" state \"${stateKey.toString()}\" changed`, { newValue, oldValue });\n          if (newValue === oldValue) {\n            debug(`[${self.hostTagName}] (setupStoreListeners) Store \"${storeName}\" state \"${stateKey.toString()}\" unchanged. Skipping.`);\n            return;\n          }\n\n          const registeredComponents = self.registeredComponents;\n          if (!registeredComponents) {\n            debug(`[${self.hostTagName}] (setupStoreListeners) No registered components found. Skipping.`);\n            return;\n          }\n\n          // Get our prop registrations for this store\n          const props = self.propStateRegistrations.get(storeName as keyof typeof self.stores as string)?.get(stateKey.toString()) || [];\n          debug(`[${self.hostTagName}] (setupStoreListeners) Found ${props.length} prop(s) registered for \"${stateKey.toString()}\" store.`, {\n            props,\n            propStateRegistrations: self.propStateRegistrations,\n          });\n\n          // Loop through each registered component and update the prop\n          props.forEach(({ elementId, propKey }) => {\n            const component = registeredComponents[elementId];\n            if (!component) {\n              debug(`[${self.hostTagName}] (setupStoreListeners) Component \"${elementId}\" not found. Skipping.`, { component });\n              return;\n            }\n\n            // Get the appropriate store\n            const loadedStore = self.getStore(storeName as keyof typeof self.stores as string);\n            const stateValue = loadedStore.state[stateKey as unknown as keyof typeof loadedStore.state];\n            (component.element as { [key: string]: any })[propKey.toString()] = stateValue;\n            debug(`[${self.hostTagName}] (setupStoreListeners) Setting \"${component.name}\" prop \"${propKey.toString()}\" to \"${stateKey.toString()}\" value.`, { stateValue });\n          });\n        },\n      });\n    });\n  }\n\n  /**\n   * Simple getter for the host element tag name.\n   */\n  private get hostTagName(): string {\n    return this.host?.tagName?.toLowerCase() ?? 'nylas-provider';\n  }\n}\n\nexport class NylasBaseProvider<T extends Record<string, ObservableMap<any>>> extends NylasAbstractProvider<T> {}\n"],"version":3}
+{"file":"abstract-provider-a502b54d.js","mappings":";;MA+BsB,qBAAqB;IAkEzC,YAAY,IAAiB,EAAE,MAAc,EAAE,iCAA0C,IAAI,EAAE,cAAkC;QAzC1H,mCAA8B,GAAY,IAAI,CAAC;QAO/C,yBAAoB,GAAqD,EAAE,CAAC;QAO5E,2BAAsB,GAA2E,IAAI,GAAG,EAAE,CAAC;QAO3G,+BAA0B,GAAgD,IAAI,GAAG,EAAE,CAAC;QAqBzF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,8BAA8B,GAAG,8BAA8B,CAAC;QACrE,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QAErC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,qCAAqC,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;QAErF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAGzC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,SAAS;YACxC,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;SACvD,CAAC,CAAC;KACJ;IAWD,MAAM,iBAAiB,CAAC,cAA2C;QACjE,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,aAAa,CAAC,CAAC;QAIzC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAG3B,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QAWrC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QACtI,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,WAAW,eAAe,CAAC,MAAM,sBAAsB,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC;QAExG,MAAM,aAAa,GAAG,eAAe,CAAC,GAAG,CAAC,OAAM,KAAK;YACnD,MAAM,SAAS,GAAG,KAAY,CAAC;YAC/B,IAAI,CAAC,SAAS,EAAE;gBACd,KAAK,CAAC,KAAK,IAAI,CAAC,WAAW,mCAAmC,SAAS,CAAC,OAAO,kCAAkC,CAAC,CAAC;gBACnH,OAAO;aACR;YAGD,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE;gBACrC,KAAK,CAAC,KAAK,IAAI,CAAC,WAAW,mCAAmC,SAAS,CAAC,OAAO,uDAAuD,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;gBACvJ,OAAO;aACR;YAED,MAAM,mBAAmB,GAAkC;gBACzD,OAAO,EAAE,SAA+B;gBACxC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE;gBACrC,eAAe,EAAE,SAAS,CAAC,eAAe;gBAC1C,YAAY,EAAE,SAAS,CAAC,YAAY;gBACpC,YAAY,EAAE,SAAS,CAAC,YAAY;gBACpC,UAAU,EAAE,SAAS,CAAC,UAAU;gBAChC,YAAY,EAAE,SAAS,CAAC,YAAY;gBACpC,eAAe,EAAE,SAAS,CAAC,eAAe;gBAC1C,gBAAgB,EAAE,SAAS,CAAC,gBAAgB;aAC7C,CAAC;YAEF,MAAM,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;SACnD,CAAC,CAAC;QAEH,MAAM,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAClC;IAMD,MAAM,gBAAgB;QACpB,KAAK,CAAC,KAAK,IAAI,CAAC,WAAW,+BAA+B,CAAC,CAAC;KAC7D;IAMD,MAAM,qBAAqB;QAEzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK;YACtC,KAAK,CAAC,OAAO,EAAE,CAAC;SACjB,CAAC,CAAC;KACJ;IAQD,MAAM,wBAAwB,CAAC,KAAiD;QAC9E,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,8BAA8B,EAAE;YACxC,KAAK,CAAC,KAAK,IAAI,CAAC,WAAW,oGAAoG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;YACrJ,OAAO;SACR;QAED,MAAM,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC5C;IAQD,MAAM,0BAA0B,CAAC,KAAiD;QAChF,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,8BAA8B,EAAE;YACxC,KAAK,CAAC,KAAK,IAAI,CAAC,WAAW,wGAAwG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;YACzJ,OAAO;SACR;QAED,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KACxC;IAOM,MAAM,iBAAiB,CAAC,SAAwC;QACrE,KAAK,CAAC,KAAK,IAAI,CAAC,WAAW,+CAA+C,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;QAG7F,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QACpD,MAAM,gBAAgB,GAAG,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAG3E,IAAI,gBAAgB,EAAE;YACpB,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,mCAAmC,SAAS,CAAC,IAAI,6CAA6C,CAAC,CAAC;YAE1H,IAAI,CAAC,4BAA4B,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;SACrD;aAAM;YAEL,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,SAAS,IAAI,QAAQ,EAAE,CAAC;SAC7D;QAGD,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QAClD,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;SAChD;QAKD,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,sCAAsC,SAAS,CAAC,OAAO,CAAC,SAAS,2BAA2B,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;QACvI,IAAI;YACF,MAAM,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;YAC1E,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,oCAAoC,SAAS,CAAC,OAAO,CAAC,SAAS,kBAAkB,CAAC,CAAC;SAC9G;QAAC,OAAO,KAAK,EAAE;YACd,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,sDAAsD,SAAS,CAAC,OAAO,CAAC,SAAS,kBAAkB,EAAE,KAAK,CAAC,CAAC;SAEvI;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC3C,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QAM5H,YAAY,EAAE,OAAO,CAAC,CAAC,kBAAkB,EAAE,OAAO;YAChD,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;YAC3C,MAAM,OAAO,GAAG,OAAO,KAAuB;gBAC5C,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,mCAAmC,SAAS,CAAC,IAAI,WAAW,MAAM,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC5H,IAAI,OAAO,IAAI,cAAc,EAAE;oBAC7B,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,mDAAmD,MAAM,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;oBAC1H,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;iBACtD;gBAED,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;oBAC3B,MAAM,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;iBACjD;gBAED,OAAO;aACR,CAAC;YAEF,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;YAEpD,IAAI,SAAS,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;gBAChE,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;aACpD;YAED,IAAI,SAAS,EAAE;gBACb,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;aACnF;YAED,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,kCAAkC,SAAS,CAAC,IAAI,YAAY,MAAM,CAAC,OAAO,CAAC,8CAA8C,CAAC,CAAC;YAGrJ,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;YACtD,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,oDAAoD,SAAS,SAAS,OAAO,CAAC,OAAO,GAAG,CAAC,CAAC;YACpH,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAmC,CAAC,CAAC;SAC1E,CAAC,CAAC;QAOH,YAAY,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,QAAQ;YACtC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAqC,CAAC,CAAC;YACnE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,SAAqC,CAAC,CAAC;YAGtE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE;gBAC5B,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,oCAAoC,SAAS,CAAC,IAAI,6BAA6B,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;gBAC1H,OAAO;aACR;YAID,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAqC,CAAC,EAAE;gBAC3E,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAqC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;aACnF;YAED,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAqC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE;gBAC3F,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAqC,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE;oBACrF;wBACE,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,OAAO;wBAClC,OAAO;qBACR;iBACF,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,sBAAsB;qBACxB,GAAG,CAAC,SAAqC,CAAC;sBACzC,GAAG,CAAC,SAAS,CAAC;sBACd,IAAI,CAAC;oBACL,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,OAAO;oBAClC,OAAO;iBACR,CAAC,CAAC;aACN;YAGA,OAAkC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,UAAU,CAAC;YACrE,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,cAAc,SAAS,CAAC,IAAI,WAAW,OAAO,CAAC,QAAQ,EAAE,SAAS,QAAQ,UAAU,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;SACjI,CAAC,CAAC;QAKH,gBAAgB,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK;YACvC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxC,OAAkC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,eAAe,CAAC;YAC1E,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,cAAc,SAAS,CAAC,IAAI,WAAW,OAAO,CAAC,QAAQ,EAAE,sBAAsB,KAAK,UAAU,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC;SACvJ,CAAC,CAAC;QAKH,IAAI,eAAe,EAAE;YAClB,OAAkC,CAAC,eAAe,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;YACjF,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,cAAc,SAAS,CAAC,IAAI,WAAW,eAAe,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAAC;SACvH;QAKD,YAAY,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,QAAQ;YACtC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrC,OAAkC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,KAAK,CAAC;YAChE,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,cAAc,SAAS,CAAC,IAAI,WAAW,OAAO,CAAC,QAAQ,EAAE,SAAS,QAAQ,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;SAC5H,CAAC,CAAC;QAKH,IAAI,eAAe,EAAE;YAClB,OAAkC,CAAC,eAAe,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC;YACvF,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,cAAc,SAAS,CAAC,IAAI,WAAW,eAAe,CAAC,QAAQ,EAAE,8BAA8B,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC;SACjJ;QAKD,IAAI,OAAO,OAAO,CAAC,gBAAgB,KAAK,UAAU,EAAE;YAClD,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,8DAA8D,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC;YAC5G,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC;SAClC;QAED,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,mCAAmC,SAAS,CAAC,IAAI,cAAc,CAAC,CAAC;KAC5F;IAOO,4BAA4B,CAAC,SAAiB,EAAE,qBAA8B,IAAI;QAExF,MAAM,0BAA0B,GAAG,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAClF,IAAI,0BAA0B,EAAE;YAC9B,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;gBAC7D,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACtD,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,iEAAiE,SAAS,SAAS,OAAO,CAAC,OAAO,GAAG,CAAC,CAAC;gBACjI,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAmC,CAAC,CAAC;aAC7E,CAAC,CAAC;YACH,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SACnD;QAGD,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,SAAS;YAC1D,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ;gBACnC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;gBACzE,IAAI,aAAa,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;oBACzC,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;iBAC1E;aACF,CAAC,CAAC;SACJ,CAAC,CAAC;QAGH,IAAI,kBAAkB,EAAE;YACtB,OAAO,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;SAC7C;KACF;IAOM,mBAAmB,CAAC,SAAwC;QACjE,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,6BAA6B,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;QAG1E,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QACpD,IAAI,CAAC,SAAS,EAAE;YACd,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,mDAAmD,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;YAChG,OAAO;SACR;QAGD,IAAI,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAAE;YACxC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,qCAAqC,SAAS,CAAC,IAAI,4BAA4B,CAAC,CAAC;YAC3G,OAAO;SACR;QAGD,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,SAAS;YAC1D,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ;gBAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACxE,MAAM,aAAa,GAAG,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;gBAC1E,IAAI,aAAa,EAAE;oBACjB,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;iBAC1E;aACF,CAAC,CAAC;SACJ,CAAC,CAAC;QAGH,MAAM,0BAA0B,GAAG,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAClF,0BAA0B,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;YAC9D,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;YACtD,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,wDAAwD,SAAS,SAAS,OAAO,CAAC,OAAO,GAAG,CAAC,CAAC;YACxH,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAmC,CAAC,CAAC;SAC7E,CAAC,CAAC;QAGH,OAAO,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;KAC7C;IAMM,QAAQ,CAAyB,IAAO;QAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,YAAY,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;SAChF;QACD,OAAO,KAAK,CAAC;KACd;IAOO,MAAM,mBAAmB;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC;QAalB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC;YACrD,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,qDAAqD,SAAS,UAAU,CAAC,CAAC;YACpG,KAAK,CAAC,GAAG,CAAC;gBACR,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ;oBAC9B,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,kCAAkC,SAAS,YAAY,QAAQ,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACzI,IAAI,QAAQ,KAAK,QAAQ,EAAE;wBACzB,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,kCAAkC,SAAS,YAAY,QAAQ,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC;wBAC9H,OAAO;qBACR;oBAED,MAAM,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;oBACvD,IAAI,CAAC,oBAAoB,EAAE;wBACzB,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,mEAAmE,CAAC,CAAC;wBAC/F,OAAO;qBACR;oBAGD,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAA+C,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;oBAC/H,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,iCAAiC,KAAK,CAAC,MAAM,4BAA4B,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE;wBAChI,KAAK;wBACL,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;qBACpD,CAAC,CAAC;oBAGH,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE;wBACnC,MAAM,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;wBAClD,IAAI,CAAC,SAAS,EAAE;4BACd,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,sCAAsC,SAAS,wBAAwB,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;4BAClH,OAAO;yBACR;wBAGD,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,SAA+C,CAAC,CAAC;wBACnF,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,QAAqD,CAAC,CAAC;wBAC3F,SAAS,CAAC,OAAkC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,UAAU,CAAC;wBAC/E,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,oCAAoC,SAAS,CAAC,IAAI,WAAW,OAAO,CAAC,QAAQ,EAAE,SAAS,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;qBAClK,CAAC,CAAC;iBACJ;aACF,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;IAKD,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,gBAAgB,CAAC;KAC9D;CACF;MAEY,iBAAgE,SAAQ,qBAAwB;;;;;","names":[],"sources":["src/common/abstract-provider.ts"],"sourcesContent":["import { RegisteredComponent } from '@/common/register-component';\nimport { BaseNylasConnectorInterface } from '@/connector/connector-interface';\nimport { debug, formatEventName, uniqueID } from '@/utils/utils';\nimport { ObservableMap } from '@stencil/store';\nimport { EventOverride } from './component-types';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\nexport type PropKey = string | number | symbol;\nexport type StoreKey = string;\nexport type StoreName<T> = keyof T;\nexport type StateKey = string;\nexport type ElementID = string;\nexport type PropStateRegistration = { elementId: ElementID; propKey: PropKey };\nexport type EventListenerRegistration = [HTMLElement, PropKey, (event: CustomEvent<any>) => Promise<void>];\n\nexport interface NylasProviderInterface<Stores extends Record<string, ObservableMap<any>>> {\n  nylasConnector?: BaseNylasConnectorInterface;\n  stores: Stores;\n  host?: HTMLElement;\n  automaticComponentRegistration: boolean;\n  registeredComponents: Record<ElementID, RegisteredComponent<any, any>>;\n  propStateRegistrations: Map<StoreName<this['stores']>, Map<StateKey, PropStateRegistration[]>>;\n  eventListenerRegistrations: Map<ElementID, EventListenerRegistration[]>;\n  componentWillLoad(nylasConnector: BaseNylasConnectorInterface): Promise<void>;\n  componentDidLoad(): Promise<void>;\n  componentDisconnected(): Promise<void>;\n  getStore<K extends keyof ThisType<this['stores']>>(name: K): ThisType<this['stores']>[K];\n  registerComponent(component: RegisteredComponent<any, any>): void;\n  unregisterComponent(component: RegisteredComponent<any, any>): void;\n}\n\nexport abstract class NylasAbstractProvider<Stores extends Record<string, ObservableMap<any>>> implements NylasProviderInterface<Stores> {\n  /**\n   * The NylasConnector instance.\n   * This is used to provide access to the NylasConnector instance to all components.\n   */\n  public nylasConnector?: BaseNylasConnectorInterface;\n\n  /**\n   * A list of stores that are used by the provider.\n   * This is used to provide access to the stores to all components.\n   */\n  public stores: Stores;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  public host!: HTMLElement;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   * @default true\n   */\n  public automaticComponentRegistration: boolean = true;\n\n  /**\n   * A list of registered components that are listening for store changes.\n   * Each component is registered with a unique id so that we can easily track the component\n   * for various other operations (see `propStateRegistrations` and `eventListenerRegistrations`).\n   */\n  public registeredComponents: Record<ElementID, RegisteredComponent<any, any>> = {};\n\n  /**\n   * A list of registered components that are listening for store changes.\n   * To make lookups more efficient, we use a Map of our prop registrations that we need to map to differnet\n   * state keys. When a component is unregistered, we can use this map to remove the prop registration.\n   */\n  public propStateRegistrations: Map<StoreName<this['stores']>, Map<StateKey, PropStateRegistration[]>> = new Map();\n\n  /**\n   * A list of registered event listeners.\n   * To make lookups more efficient, we use a Map of our event listeners that we need to map to differnet\n   * nylas connector methods. When a component is unregistered, we can use this map to remove the event listener.\n   */\n  public eventListenerRegistrations: Map<ElementID, EventListenerRegistration[]> = new Map();\n\n  /**\n   * A list of event overrides that are used by the provider.\n   * This is used to provide an easy way to override the default function of the event emitter.\n   * An example of this is the `timeslotConfirmed` event. By default, this event will set the scheduler store state for `showBookingForm` to `true` which will\n   * show the booking form. However, if you want to override this behavior, you can pass in the prop `eventOverride` like:\n   * ```html\n   * <nylas-scheduler eventOverride={{\"timeslotConfirmed\": (event, nylasConnector) => { console.log(\"Timeslot confirmed event fired!\"); } }} />\n   * ```\n   */\n  public eventOverrides: EventOverride<Exclude<BaseNylasConnectorInterface, undefined>>;\n\n  /**\n   * The constructor for the AbstractNylasProvider.\n   * @param host  The host element (usually the HTMLElement of the provider)\n   * @param stores A list of stores that are used by the provider\n   * @param automaticComponentRegistration A boolean that determines if components should be automatically registered\n   * @param eventOverrides A list of event overrides that are used by the provider\n   */\n  constructor(host: HTMLElement, stores: Stores, automaticComponentRegistration: boolean = true, eventOverrides: EventOverride<any>) {\n    this.host = host;\n    this.stores = stores;\n    this.automaticComponentRegistration = automaticComponentRegistration;\n    this.eventOverrides = eventOverrides;\n\n    debug(`[${this.hostTagName}] Initializing (abstract) provider.`, { eventOverrides });\n\n    this.registerComponent = this.registerComponent.bind(this);\n    this.getStore = this.getStore.bind(this);\n\n    // Init propStateRegistrations with store names\n    Object.keys(this.stores).forEach(storeName => {\n      this.propStateRegistrations.set(storeName, new Map());\n    });\n  }\n\n  /**\n   * This method is called before the component is loaded.\n   * We're passing the NylasConnector instance to the provider so that we can\n   * provide access to the NylasConnector instance to all components.\n   *\n   * However, because the NylasConnector is often constructed after the component's\n   * constructor is called, set the NylasConnector instance here.\n   * @param nylasConnector The NylasConnector instance\n   */\n  async componentWillLoad(nylasConnector: BaseNylasConnectorInterface) {\n    debug(`[${this.hostTagName}] Will load`);\n\n    // For each of our stores, configure the listeners for changes in the\n    // store state.\n    this.setupStoreListeners();\n\n    // Set the NylasConnector instance\n    this.nylasConnector = nylasConnector;\n\n    /**\n     * This is a very static way of registering components, but it happens fairly\n     * early in the component lifecycle, so it can be beneficial to do it here.\n     *\n     * The big downside to this is that it will not pick up any components that\n     * are dynamically added to the DOM after this method is called.\n     *\n     * So we should evaluate if this is the best way to register components.\n     */\n    const childComponents = Array.from(this.host.querySelectorAll('*')).filter(child => child.tagName.toLowerCase().startsWith('nylas-'));\n    debug(`[${this.hostTagName}] Found ${childComponents.length} child component(s).`, { childComponents });\n\n    const registrations = childComponents.map(async child => {\n      const component = child as any; // It unfortunately makes life a whole lot easier to just cast this to any\n      if (!component) {\n        debug(`[~${this.hostTagName}] (componentWillLoad) Component ${component.tagName} does not have a name. Skipping.`);\n        return;\n      }\n\n      // Skip components that don't have the `registerNylasComponent` prop\n      if (!component.registerNylasComponent) {\n        debug(`[~${this.hostTagName}] (componentWillLoad) Component ${component.tagName} is not a component that can be registered. Skipping.`, { component });\n        return;\n      }\n\n      const registeredComponent: RegisteredComponent<any, any> = {\n        element: component as HTMLStencilElement,\n        name: component.tagName.toLowerCase(),\n        getStoresToProp: component.getStoresToProp,\n        storeToProps: component.storeToProps,\n        stateToProps: component.stateToProps,\n        authToProp: component.authToProp,\n        eventToProps: component.eventToProps,\n        connectorToProp: component.connectorToProp,\n        localPropsToProp: component.localPropsToProp,\n      };\n\n      await this.registerComponent(registeredComponent);\n    });\n\n    await Promise.all(registrations);\n  }\n\n  /**\n   * This method is called after the component is loaded.\n   * We're using this method to add event listeners to the host element.\n   */\n  async componentDidLoad() {\n    debug(`[~${this.hostTagName}] (componentDidLoad) Did load`);\n  }\n\n  /**\n   * This method is called when the component is disconnected from the DOM.\n   * We're using this method to dispose of the stores.\n   */\n  async componentDisconnected() {\n    // Loop through each store and and dispose\n    Object.values(this.stores).forEach(store => {\n      store.dispose();\n    });\n  }\n\n  /**\n   * This is a custom event handler that is used to register a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to register\n   * @returns Promise<void>\n   */\n  async registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    event.stopPropagation();\n\n    if (!this.automaticComponentRegistration) {\n      debug(`~[${this.hostTagName}] (registerComponentHandler) Automatic component registration disabled. Skipping registration of ${event.detail.name}.`);\n      return;\n    }\n\n    await this.registerComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to unregister a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to unregister\n   * @returns Promise<void>\n   */\n  async unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    event.stopPropagation();\n\n    if (!this.automaticComponentRegistration) {\n      debug(`~[${this.hostTagName}] (unregisterComponentHandler) Automatic component registration disabled. Skipping unregistration of ${event.detail.name}.`);\n      return;\n    }\n\n    this.unregisterComponent(event.detail);\n  }\n\n  /**\n   * This method is used to register a component with the provider\n   * @param component component to register\n   * @returns void\n   */\n  public async registerComponent(component: RegisteredComponent<any, any>): Promise<void> {\n    debug(`~[${this.hostTagName}] (registerComponent) Registering component ${component.name}.`);\n\n    // Get component element id\n    const elementId = component.element.dataset.nylasId;\n    const isReregistration = elementId && this.registeredComponents[elementId];\n\n    // If this is a re-registration, clean up previous registrations first\n    if (isReregistration) {\n      debug(`[${this.hostTagName}] (registerComponent) Component ${component.name} already registered. Updating registration.`);\n      // Clean up event listeners but keep the component ID\n      this.cleanupComponentRegistration(elementId, false);\n    } else {\n      // Set a unique data id on the element for new registrations\n      component.element.dataset.nylasId = elementId || uniqueID();\n    }\n\n    // Register/update the component to ensure the component is tracked even while waiting for definition\n    const nylasId = component.element.dataset.nylasId;\n    if (nylasId) {\n      this.registeredComponents[nylasId] = component;\n    }\n\n    // Wait for the component to be defined in the custom elements registry before we attempt to\n    // complete the component registration. While this means that the component will not be loaded with\n    // props immediately, it does ensure that when we do set the props, the component is ready to receive them.\n    debug(`[${this.hostTagName}] (registerComponent) Waiting for \"${component.element.localName}\" component to be defined`, { component });\n    try {\n      await customElements.whenDefined(component.element.tagName.toLowerCase());\n      debug(`[${this.hostTagName}] (registerComponent) Component \"${component.element.localName}\" is now defined`);\n    } catch (error) {\n      debug(`[${this.hostTagName}] (registerComponent) Error waiting for component \"${component.element.localName}\" to be defined:`, error);\n      // Continue with registration anyway, as the component might be defined later\n    }\n\n    const eventOverrides = this.eventOverrides;\n    const { stateToProps, getStoresToProp, eventToProps, storeToProps, connectorToProp, localPropsToProp, element } = component;\n\n    /**\n     * We allow components to map an event to a prop. These events can automatically\n     * call a method on the nylasConnector instance.\n     */\n    eventToProps?.forEach((customEventHandler, propKey) => {\n      const nylasConnector = this.nylasConnector;\n      const handler = async (event: CustomEvent<any>) => {\n        debug(`[${this.hostTagName}] (registerComponent) Handling \"${component.name}\" prop \"${String(propKey)}\" event.`, { event });\n        if (propKey in eventOverrides) {\n          debug(`[${this.hostTagName}] (registerComponent) Found event override for \"${String(propKey)}\" event. Calling override.`);\n          await eventOverrides[propKey](event, nylasConnector);\n        }\n\n        if (!event.defaultPrevented) {\n          await customEventHandler(event, nylasConnector);\n        }\n\n        return;\n      };\n\n      const elementId = component.element.dataset.nylasId;\n\n      if (elementId && !this.eventListenerRegistrations.has(elementId)) {\n        this.eventListenerRegistrations.set(elementId, []);\n      }\n\n      if (elementId) {\n        this.eventListenerRegistrations.get(elementId)?.push([element, propKey, handler]);\n      }\n\n      debug(`[${this.hostTagName}] (registerComponent) Setting \"${component.name}\" event \"${String(propKey)}\" to automcially call NylasConnector method.`);\n\n      // We should immediately call the event handler to make sure the prop is set\n      const eventName = formatEventName(propKey.toString());\n      debug(`[${this.hostTagName}] (registerComponent) Adding event listener for \"${eventName}\" on \"${element.tagName}\"`);\n      element.addEventListener(eventName, handler as unknown as EventListener);\n    });\n\n    /**\n     * This is a rather simple way for us to set the initial props for a component.\n     * For each prop, we check if the prop is mapped to a store. If it is, we set\n     * the prop to the store value.\n     */\n    stateToProps?.forEach((propKey, stateKey) => {\n      const [storeName, stateName] = stateKey.split('.');\n      const store = this.getStore(storeName as keyof typeof this.stores);\n      const stateValue = store.state[stateName as keyof typeof store.state];\n\n      // Make sure this component was registered and has a nylasId\n      if (!element.dataset.nylasId) {\n        debug(`[${this.hostTagName}] (registerComponent) Component \"${component.name}\" not registered. Skipping.`, { component });\n        return;\n      }\n\n      // We need to keep track of the store and prop key so that we can update the\n      // prop when the store changes\n      if (!this.propStateRegistrations.has(storeName as keyof typeof this.stores)) {\n        this.propStateRegistrations.set(storeName as keyof typeof this.stores, new Map());\n      }\n\n      if (!this.propStateRegistrations.get(storeName as keyof typeof this.stores)?.has(stateName)) {\n        this.propStateRegistrations.get(storeName as keyof typeof this.stores)?.set(stateName, [\n          {\n            elementId: element.dataset.nylasId,\n            propKey,\n          },\n        ]);\n      } else {\n        this.propStateRegistrations\n          .get(storeName as keyof typeof this.stores)\n          ?.get(stateName)\n          ?.push({\n            elementId: element.dataset.nylasId,\n            propKey,\n          });\n      }\n\n      // Set the prop value on the component\n      (element as { [key: string]: any })[propKey.toString()] = stateValue;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${propKey.toString()}\" to \"${stateKey}\" value.`, { stateValue });\n    });\n\n    /**\n     * We allow components to also map props from the provider to the component.\n     */\n    localPropsToProp?.forEach((propKey, value) => {\n      const mappedPropValue = this.host[value]; // TODO: Is this safe? We should find a way to only limit it to public properties and no methods.\n      (element as { [key: string]: any })[propKey.toString()] = mappedPropValue;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${propKey.toString()}\" to the value of \"${value}\" value.`, { value, mappedPropValue });\n    });\n\n    /**\n     * We allow components to access the getStore method directly.\n     */\n    if (getStoresToProp) {\n      (element as { [key: string]: any })[getStoresToProp?.toString()] = this.getStore;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${getStoresToProp.toString()}\" to \"getStore\" method.`);\n    }\n\n    /**\n     * We allow components to map a store to a prop for direct access.\n     */\n    storeToProps?.forEach((propKey, storeKey) => {\n      const store = this.getStore(storeKey);\n      (element as { [key: string]: any })[propKey.toString()] = store;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${propKey.toString()}\" to \"${storeKey}\" store.`, { store });\n    });\n\n    /**\n     * We allow components to map the NylasConnector instance to a prop for direct access.\n     */\n    if (connectorToProp) {\n      (element as { [key: string]: any })[connectorToProp?.toString()] = this.nylasConnector;\n      debug(`[${this.hostTagName}] Setting \"${component.name}\" prop \"${connectorToProp.toString()}\" to \"nylasConnector\" value.`, { connectorToProp });\n    }\n\n    /**\n     * We allow components to fire an event when they are registered.\n     */\n    if (typeof element.registerCallback === 'function') {\n      debug(`[${this.hostTagName}] (registerComponent) Calling registerCallback method for \"${component.name}\".`);\n      await element.registerCallback();\n    }\n\n    debug(`[${this.hostTagName}] (registerComponent) Component ${component.name} registered.`);\n  }\n\n  /**\n   * Cleans up registrations for a component without fully unregistering it\n   * @param elementId The ID of the element to clean up\n   * @param removeFromRegistry Whether to remove the component from the registry\n   */\n  private cleanupComponentRegistration(elementId: string, removeFromRegistry: boolean = true): void {\n    // Remove event listeners\n    const eventListenerRegistrations = this.eventListenerRegistrations.get(elementId);\n    if (eventListenerRegistrations) {\n      eventListenerRegistrations.forEach(([element, propKey, handler]) => {\n        const eventName = formatEventName(propKey.toString());\n        debug(`[${this.hostTagName}] (cleanupComponentRegistration) Removing event listener for \"${eventName}\" on \"${element.tagName}\"`);\n        element.removeEventListener(eventName, handler as unknown as EventListener);\n      });\n      this.eventListenerRegistrations.delete(elementId);\n    }\n\n    // Clean up prop state registrations\n    this.propStateRegistrations.forEach((stateToProps, storeName) => {\n      stateToProps.forEach((props, stateKey) => {\n        const filteredProps = props.filter(prop => prop.elementId !== elementId);\n        if (filteredProps.length !== props.length) {\n          this.propStateRegistrations.get(storeName)?.set(stateKey, filteredProps);\n        }\n      });\n    });\n\n    // Remove from registry if requested\n    if (removeFromRegistry) {\n      delete this.registeredComponents[elementId];\n    }\n  }\n\n  /**\n   * This is a method that is used to unregister a component with the provider.\n   * @param component HTMLElement to unregister\n   * @returns void\n   */\n  public unregisterComponent(component: RegisteredComponent<any, any>): void {\n    debug(`[${this.hostTagName}] Unregistering component ${component.name}.`);\n\n    // Get component element id\n    const elementId = component.element.dataset.nylasId;\n    if (!elementId) {\n      debug(`[${this.hostTagName}] (unregisterComponent) Unregistering component ${component.name}.`);\n      return;\n    }\n\n    // Make sure the component is not already registered\n    if (this.registeredComponents[elementId]) {\n      debug(`[${this.hostTagName}] (unregisterComponent) Component ${component.name} not registered. Skipping.`);\n      return;\n    }\n\n    // Remove the component prop registration from propStateRegistrations\n    this.propStateRegistrations.forEach((stateToProps, storeName) => {\n      stateToProps.forEach((_, stateKey) => {\n        const props = this.propStateRegistrations.get(storeName)?.get(stateKey);\n        const filteredProps = props?.filter(prop => prop.elementId !== elementId);\n        if (filteredProps) {\n          this.propStateRegistrations.get(storeName)?.set(stateKey, filteredProps);\n        }\n      });\n    });\n\n    // Before we unregister the component, we need to remove any event listeners\n    const eventListenerRegistrations = this.eventListenerRegistrations.get(elementId);\n    eventListenerRegistrations?.forEach(([element, propKey, handler]) => {\n      const eventName = formatEventName(propKey.toString());\n      debug(`[${this.hostTagName}] (unregisterComponent) Removing event listener for \"${eventName}\" on \"${element.tagName}\"`);\n      element.removeEventListener(eventName, handler as unknown as EventListener);\n    });\n\n    // Unregister the component\n    delete this.registeredComponents[elementId];\n  }\n\n  /**\n   * This method is used to dynamically retrieve the appropriate store\n   * @param name store name\n   */\n  public getStore<K extends keyof Stores>(name: K): Stores[K] {\n    const store = this.stores[name];\n    if (!store) {\n      throw new Error(`[${this.hostTagName}] Store \"${name.toString()}\" not found.`);\n    }\n    return store;\n  }\n\n  /**\n   * This method is called when the component is connected to the DOM.\n   * We're using this method to listen for changes in the store and update\n   * the registered components with the new values.\n   */\n  private async setupStoreListeners() {\n    const self = this; // eslint-disable-line @typescript-eslint/no-this-alias\n\n    /**\n     * This is a rather simple way for us to listen for changes in the store\n     * and make sure our registered components are updated with the new values.\n     *\n     * For each store change, we loop through each registered component and\n     * check if the store change is mapped to a prop on the component. If it is,\n     * we set the prop to the new value.\n     *\n     * We call this super early in the provider lifecycle so that we can make sure\n     * that all components have the correct props before they are rendered.\n     */\n    Object.entries(this.stores).forEach(([storeName, store]) => {\n      debug(`[${self.hostTagName}] (setupStoreListeners) Listening for changes in \"${storeName}\" store.`);\n      store.use({\n        set(stateKey, newValue, oldValue) {\n          debug(`[${self.hostTagName}] (setupStoreListeners) Store \"${storeName}\" state \"${stateKey.toString()}\" changed`, { newValue, oldValue });\n          if (newValue === oldValue) {\n            debug(`[${self.hostTagName}] (setupStoreListeners) Store \"${storeName}\" state \"${stateKey.toString()}\" unchanged. Skipping.`);\n            return;\n          }\n\n          const registeredComponents = self.registeredComponents;\n          if (!registeredComponents) {\n            debug(`[${self.hostTagName}] (setupStoreListeners) No registered components found. Skipping.`);\n            return;\n          }\n\n          // Get our prop registrations for this store\n          const props = self.propStateRegistrations.get(storeName as keyof typeof self.stores as string)?.get(stateKey.toString()) || [];\n          debug(`[${self.hostTagName}] (setupStoreListeners) Found ${props.length} prop(s) registered for \"${stateKey.toString()}\" store.`, {\n            props,\n            propStateRegistrations: self.propStateRegistrations,\n          });\n\n          // Loop through each registered component and update the prop\n          props.forEach(({ elementId, propKey }) => {\n            const component = registeredComponents[elementId];\n            if (!component) {\n              debug(`[${self.hostTagName}] (setupStoreListeners) Component \"${elementId}\" not found. Skipping.`, { component });\n              return;\n            }\n\n            // Get the appropriate store\n            const loadedStore = self.getStore(storeName as keyof typeof self.stores as string);\n            const stateValue = loadedStore.state[stateKey as unknown as keyof typeof loadedStore.state];\n            (component.element as { [key: string]: any })[propKey.toString()] = stateValue;\n            debug(`[${self.hostTagName}] (setupStoreListeners) Setting \"${component.name}\" prop \"${propKey.toString()}\" to \"${stateKey.toString()}\" value.`, { stateValue });\n          });\n        },\n      });\n    });\n  }\n\n  /**\n   * Simple getter for the host element tag name.\n   */\n  private get hostTagName(): string {\n    return this.host?.tagName?.toLowerCase() ?? 'nylas-provider';\n  }\n}\n\nexport class NylasBaseProvider<T extends Record<string, ObservableMap<any>>> extends NylasAbstractProvider<T> {}\n"],"version":3}

package/dist/esm/calendar-agenda-fill-icon_37.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, c as createEvent, H as Host, a as getElement } from './index-091600eb.js';
-import { R as RegisterComponent } from './register-component-0aad9e3d.js';
-import { b as debug, i as instance, E as timeToMinutes, F as convertTo12HourFormat, G as convertTo24HourFormat, H as minutesToTime, I as isValidUrl, r as sanitize, J as checkForMissingSlots } from './utils-d3c0b941.js';
+import { R as RegisterComponent } from './register-component-3acd57e7.js';
+import { b as debug, i as instance, E as timeToMinutes, F as convertTo12HourFormat, G as convertTo24HourFormat, H as minutesToTime, I as isValidUrl, r as sanitize, J as checkForMissingSlots } from './utils-31933f5d.js';
 import { T as TIMEZONE_MAP, D as DEFAULT_OPEN_HOURS, d as DEFAULT_FORM_FIELD_TYPES, F as FIELD_TYPES, a as LANGUAGE_MAP, L as LANGUAGE_CODE } from './constants-f51538ef.js';
 
 const iconCss$9 = ".sc-calendar-agenda-fill-icon-h{display:flex}";
@@ -7277,21 +7277,21 @@ const NylasParticipantsCustomAvailability = class {
             : this.selectedConfiguration?.availability?.availability_rules?.default_open_hours?.at(0)?.timezone ||
                 this.selectedConfiguration?.event_booking?.timezone ||
                 window.Intl.DateTimeFormat().resolvedOptions().timeZone;
-        const existingSpecificDateOpenHours = existingParticipant?.specific_date_open_hours || [];
-        const specificDateOpenHours = existingSpecificDateOpenHours?.length > 0 ? existingSpecificDateOpenHours : [];
+        const existingSpecificTimeAvailability = existingParticipant?.specific_time_availability || [];
+        const specificTimesAvailability = existingSpecificTimeAvailability?.length > 0 ? existingSpecificTimeAvailability : [];
         this.selectedParticipants[event.detail.name]['isOpen'] = event.detail.checked;
         this.selectedParticipants[event.detail.name]['tab'] = 'availability';
         this.selectedParticipants[event.detail.name]['setCustom'] = event.detail.checked;
         this.selectedParticipants[event.detail.name]['openHours'] = event.detail.checked ? (openHours?.length > 0 ? openHours : DEFAULT_OPEN_HOURS) : [];
         this.selectedParticipants[event.detail.name]['timezone'] = event.detail.checked ? timeZone : undefined;
-        this.selectedParticipants[event.detail.name]['specificDateOpenHours'] = event.detail.checked ? specificDateOpenHours : [];
+        this.selectedParticipants[event.detail.name]['specificTimesAvailability'] = event.detail.checked ? specificTimesAvailability : [];
         this.selectedParticipants = { ...this.selectedParticipants };
         this.updateFormValue();
     }
     handleValueChanged(event) {
         debug('[nylas-editor-tabs]', 'handleValueChanged', event);
         const { name, value } = event.detail;
-        if (!name.startsWith('participant-availability-') && !name.startsWith('participant-specific-date-availability-')) {
+        if (!name.startsWith('participant-availability-') && !name.startsWith('participant-specific-time-availability-')) {
             return;
         }
         let jsonValue;
@@ -7325,33 +7325,33 @@ const NylasParticipantsCustomAvailability = class {
             this.selectedParticipants[key]['openHours'] = openHours;
             this.selectedParticipants[key]['tab'] = 'availability';
         }
-        else if (name.startsWith('participant-specific-date-availability')) {
+        else if (name.startsWith('participant-specific-time-availability')) {
             const nameParts = name.split('-');
             if (nameParts.length < 6) {
-                console.warn(`Malformed participant specific date name format: ${name}. Expected format: "participant-specific-date-availability-{index}-{uniqueKey}"`);
+                console.warn(`Malformed participant specific date name format: ${name}. Expected format: "participant-specific-time-availability-{index}-{uniqueKey}"`);
                 return;
             }
             const key = nameParts[5];
             if (!this.selectedParticipants[key])
                 return;
-            const existingSpecificDateOpenHours = jsonValue || [];
-            this.selectedParticipants[key]['specificDateOpenHours'] = existingSpecificDateOpenHours;
-            this.selectedParticipants[key]['tab'] = 'specific-date-availability';
+            const existingSpecificTimeAvailability = jsonValue || [];
+            this.selectedParticipants[key]['specificTimesAvailability'] = existingSpecificTimeAvailability;
+            this.selectedParticipants[key]['tab'] = 'specific-time-availability';
         }
         this.selectedParticipants = { ...this.selectedParticipants };
         this.updateFormValue();
     }
     updateFormValue() {
         const participantOpenHours = {};
-        const participantSpecificDateOpenHours = {};
+        const participantSpecificTimeAvailability = {};
         Object.keys(this.selectedParticipants).forEach(key => {
             participantOpenHours[key] = this.selectedParticipants[key].openHours;
-            participantSpecificDateOpenHours[key] = this.selectedParticipants[key].specificDateOpenHours || [];
+            participantSpecificTimeAvailability[key] = this.selectedParticipants[key].specificTimesAvailability || [];
         });
         this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(participantOpenHours), this.name);
         this.valueChanged.emit({ value: JSON.stringify(participantOpenHours), name: this.name });
-        this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(participantSpecificDateOpenHours), `${this.name}-specific-date`);
-        this.valueChanged.emit({ value: JSON.stringify(participantSpecificDateOpenHours), name: `${this.name}-specific-date` });
+        this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(participantSpecificTimeAvailability), `${this.name}-specific-time`);
+        this.valueChanged.emit({ value: JSON.stringify(participantSpecificTimeAvailability), name: `${this.name}-specific-time` });
     }
     setParticipants(participants) {
         const selectedParticipants = {};
@@ -7363,7 +7363,7 @@ const NylasParticipantsCustomAvailability = class {
                 name: participant.name || participant.email,
                 availability: participant.availability,
                 timezone: participant.timezone,
-                specificDateOpenHours: participant.specific_date_open_hours || [],
+                specificTimesAvailability: participant.specific_time_availability || [],
             };
         });
         return selectedParticipants;
@@ -7372,7 +7372,7 @@ const NylasParticipantsCustomAvailability = class {
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     render() {
-        return (h(Host, { key: 'd1b9a07f7da68fb448cf0cd16524513670193de2' }, h("div", { key: '4e9e9846f2b54cf35b55f4e886eeae9f8f955a22', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'd02fb993f8cd5f5954248468744b2aa9d4ee8919', class: "header", part: "npca__header" }, h("h3", { key: 'b96661d84f5516f30538ff81ef2fbd8f5ee74e2d' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: '4751c886be9e28e4c445f194241132adc98cb0d3' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), h("div", { key: '2c034d536a845e45228853032c995e3a6eb88906', class: "content", part: "npca__content" }, h("form", { key: 'dd3077bacae7ab2c10bb6ca1b3f047b7442fc8b5', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (h(Host, { key: '72278a40aca8e3e3868b2c04abf9ec7ecb5cac10' }, h("div", { key: '82a8ddedcd2a16598f5a3cf8b8ac50e082a8303b', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'e2881fe998d498b865420faf97f0355fd571b702', class: "header", part: "npca__header" }, h("h3", { key: '3ca8980d00abe8001eb4ff0168c8ce249977c8da' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: '5fed5465662b20ce3339f95c1fda1ce6c8b72a32' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), h("div", { key: '1a3bd4ebcfc8e420674dcbbe39e7c77900bceb8e', class: "content", part: "npca__content" }, h("form", { key: '7dc0f391a4c56336bea907f2c2e78b6c17d06f0f', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             const participantOpenHours = participant.availability?.open_hours || [];
             if (!participant || !participant.name || !participant.availability)
@@ -7386,10 +7386,10 @@ const NylasParticipantsCustomAvailability = class {
                 } }, h("chevron-icon", { width: "24", height: "24" })))), participant.isOpen && (h("div", { class: "participant-tabs", part: "npca__participant-tabs" }, h("div", { class: `participant-tab ${participant.tab === 'availability' ? 'active' : ''}`, part: "npca__participant-tab", onClick: () => {
                     this.selectedParticipants[key].tab = 'availability';
                     this.selectedParticipants = { ...this.selectedParticipants };
-                } }, h("span", null, instance.t('nylasParticipantCustomAvailability.participantAvailabilityTab'))), h("div", { class: `participant-tab ${participant.tab === 'specific-date-availability' ? 'active' : ''}`, part: "npca__participant-tab", onClick: () => {
-                    this.selectedParticipants[key].tab = 'specific-date-availability';
+                } }, h("span", null, instance.t('nylasParticipantCustomAvailability.participantAvailabilityTab'))), h("div", { class: `participant-tab ${participant.tab === 'specific-time-availability' ? 'active' : ''}`, part: "npca__participant-tab", onClick: () => {
+                    this.selectedParticipants[key].tab = 'specific-time-availability';
                     this.selectedParticipants = { ...this.selectedParticipants };
-                } }, h("span", null, instance.t('nylasParticipantCustomAvailability.participantSpecificDateAvailabilityTab'))))), participant.tab === 'availability' && participant.isOpen && (h("nylas-availability-picker", { key: index, name: `participant-availability-${index}-${key}`, openHours: participantOpenHours, defaultTimezone: participant.timezone, hideHeader: true })), participant.tab === 'specific-date-availability' && participant.isOpen && (h("nylas-specific-date-availability-picker", { key: index, name: `participant-specific-date-availability-${index}-${key}`, specificDateOpenHours: participant.specificDateOpenHours }))));
+                } }, h("span", null, instance.t('nylasParticipantCustomAvailability.participantSpecificTimeAvailabilityTab'))))), participant.tab === 'availability' && participant.isOpen && (h("nylas-availability-picker", { key: index, name: `participant-availability-${index}-${key}`, openHours: participantOpenHours, defaultTimezone: participant.timezone, hideHeader: true })), participant.tab === 'specific-time-availability' && participant.isOpen && (h("nylas-specific-time-availability-picker", { key: index, name: `participant-specific-time-availability-${index}-${key}`, specificTimesAvailability: participant.specificTimesAvailability }))));
         }))))));
     }
     static get formAssociated() { return true; }
@@ -7851,8 +7851,8 @@ __decorate$2([
 ], NylasSchedulingMethod.prototype, "render", null);
 NylasSchedulingMethod.style = NylasSchedulingMethodStyle0;
 
-const nylasSpecificDateAvailabilityPickerCss = ":host{display:block;width:100%}.nylas-specific-date-availability-picker{display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--nylas-base-200)}.nylas-specific-date-availability-picker .content{display:flex;flex-direction:column;gap:1.5rem;padding:16px}.nylas-specific-date-availability-picker .header{display:flex;flex-direction:column;gap:0.5rem}.nylas-specific-date-availability-picker .header .header-description{margin:0;font-size:0.875rem;color:var(--nylas-base-600);line-height:1.5}.nylas-specific-date-availability-picker .specific-dates{display:flex;flex-direction:column;gap:1rem}.nylas-specific-date-availability-picker .empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.nylas-specific-date-availability-picker .empty-state .empty-icon{margin-bottom:1.5rem;opacity:0.4;color:var(--nylas-base-400)}.nylas-specific-date-availability-picker .empty-state .empty-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--nylas-base-700);line-height:1.5}.nylas-specific-date-availability-picker .empty-state .empty-subtitle{margin:0;font-size:0.875rem;color:var(--nylas-base-500);line-height:1.5;max-width:300px}.nylas-specific-date-availability-picker .specific-date-entry{display:flex;flex-direction:column;gap:0;padding:12px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0)}.nylas-specific-date-availability-picker .specific-date-entry .entry-content{display:grid;grid-template-columns:160px auto 30px 30px;gap:12px}@media (max-width: 768px){.nylas-specific-date-availability-picker .specific-date-entry .entry-content{grid-template-areas:\"date calendar_toggle remove\" \"time_or_unavailable time_or_unavailable time_or_unavailable\";grid-template-columns:1fr auto auto;grid-template-rows:1fr 1fr}}.nylas-specific-date-availability-picker .specific-date-entry .date-input-container{flex:0 0 auto;width:160px}@media (max-width: 768px){.nylas-specific-date-availability-picker .specific-date-entry .date-input-container{grid-area:date}}.nylas-specific-date-availability-picker .specific-date-entry .date-input-container .date-input{width:100%}.nylas-specific-date-availability-picker .specific-date-entry .date-input-container nylas-date-component::part(ic__date){border:1px solid var(--nylas-base-200);height:50px;display:flex;align-items:center}.nylas-specific-date-availability-picker .specific-date-entry .time-pickers{display:grid;grid-template-columns:auto 10px 1fr;width:342px;gap:14px;flex:1;min-width:0}@media (max-width: 768px){.nylas-specific-date-availability-picker .specific-date-entry .time-pickers{flex:1;width:auto;grid-area:time_or_unavailable}}.nylas-specific-date-availability-picker .specific-date-entry .time-pickers .time-separator{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500;flex-shrink:0;line-height:1;padding:0 0px 0px 6px;margin-top:18px}.nylas-specific-date-availability-picker .specific-date-entry .unavailable-text{flex:1;display:flex;align-items:center;padding:0 15px;border-radius:var(--nylas-border-radius);background:var(--nylas-base-50);min-height:50px}@media (max-width: 768px){.nylas-specific-date-availability-picker .specific-date-entry .unavailable-text{grid-area:time_or_unavailable}}.nylas-specific-date-availability-picker .specific-date-entry .unavailable-text .unavailable-label{font-size:0.875rem;color:var(--nylas-base-500);font-style:italic}.nylas-specific-date-availability-picker .specific-date-entry .toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:48px;padding-left:8px;border:none;border-radius:4px;background:transparent;color:var(--nylas-base-400);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}@media (max-width: 768px){.nylas-specific-date-availability-picker .specific-date-entry .toggle-button{grid-area:calendar_toggle}}.nylas-specific-date-availability-picker .specific-date-entry .toggle-button:hover{color:var(--nylas-primary)}.nylas-specific-date-availability-picker .specific-date-entry .toggle-button:focus{outline:none}.nylas-specific-date-availability-picker .specific-date-entry .toggle-button.unavailable{color:var(--nylas-error)}.nylas-specific-date-availability-picker .specific-date-entry .toggle-button.unavailable:hover{color:var(--nylas-error)}.nylas-specific-date-availability-picker .specific-date-entry .remove-button{display:flex;align-items:center;justify-content:center;width:40px;height:48px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--nylas-base-400);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}@media (max-width: 768px){.nylas-specific-date-availability-picker .specific-date-entry .remove-button{grid-area:remove}}.nylas-specific-date-availability-picker .specific-date-entry .remove-button:hover{color:var(--nylas-error)}.nylas-specific-date-availability-picker .specific-date-entry .remove-button:focus{outline:none;background:var(--nylas-base-100);box-shadow:0 0 0 2px var(--nylas-primary)}.nylas-specific-date-availability-picker .specific-date-entry .remove-button:active{background:var(--nylas-base-200)}.nylas-specific-date-availability-picker .specific-date-entry .error-message{width:-webkit-fill-available;padding:4px 8px;background:var(--nylas-error-50);color:var(--nylas-error);font-size:12px;border-radius:4px;border:1px solid var(--nylas-error-200);margin-top:8px}.nylas-specific-date-availability-picker .add-button-container{display:flex;justify-content:flex-start}.nylas-specific-date-availability-picker .add-button-container button-component{width:100%}::part(nsdap__add-button){border:1px dashed var(--nylas-base-200);background:var(--nylas-base-0);color:var(--nylas-base-700)}::part(nsdap__add-button):hover{border-color:var(--nylas-primary);background:var(--nylas-base-50);color:var(--nylas-primary)}::part(nsdap__time-picker-container){flex:1;min-width:0}::part(nsdap__time-picker-input){width:100%;font-size:0.875rem;min-height:50px;display:flex;align-items:center}::part(nsdap__date-input){width:100%}::part(nsdap__date-field){width:100%;font-size:0.875rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:0.5rem 0.75rem}::part(nsdap__date-field):focus{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}::part(nsdap__date-wrapper){margin:0}::part(nsdap__date-label){margin:0;padding:0}::part(nsdap__date-label) p{display:none}";
-const NylasSpecificDateAvailabilityPickerStyle0 = nylasSpecificDateAvailabilityPickerCss;
+const nylasSpecificTimeAvailabilityPickerCss = ":host{display:block;width:100%}.nylas-specific-time-availability-picker{display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--nylas-base-200)}.nylas-specific-time-availability-picker .content{display:flex;flex-direction:column;gap:1.5rem;padding:16px}.nylas-specific-time-availability-picker .header{display:flex;flex-direction:column;gap:0.5rem}.nylas-specific-time-availability-picker .header .header-description{margin:0;font-size:0.875rem;color:var(--nylas-base-600);line-height:1.5}.nylas-specific-time-availability-picker .specific-times{display:flex;flex-direction:column;gap:1rem}.nylas-specific-time-availability-picker .empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.nylas-specific-time-availability-picker .empty-state .empty-icon{margin-bottom:1.5rem;opacity:0.4;color:var(--nylas-base-400)}.nylas-specific-time-availability-picker .empty-state .empty-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--nylas-base-700);line-height:1.5}.nylas-specific-time-availability-picker .empty-state .empty-subtitle{margin:0;font-size:0.875rem;color:var(--nylas-base-500);line-height:1.5;max-width:300px}.nylas-specific-time-availability-picker .specific-time-entry{display:flex;flex-direction:column;gap:0;padding:12px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0)}.nylas-specific-time-availability-picker .specific-time-entry .entry-content{display:grid;grid-template-columns:160px auto 30px 30px;gap:12px}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .entry-content{grid-template-areas:\"date calendar_toggle remove\" \"time_or_unavailable time_or_unavailable time_or_unavailable\";grid-template-columns:1fr auto auto;grid-template-rows:1fr 1fr}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{flex:0 0 auto;width:160px}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{grid-area:date}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container .date-input{width:100%}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container nylas-date-component::part(ic__date){border:1px solid var(--nylas-base-200);height:50px;display:flex;align-items:center}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{display:grid;grid-template-columns:auto 10px 1fr;width:342px;gap:14px;flex:1;min-width:0}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{flex:1;width:auto;grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers .time-separator{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500;flex-shrink:0;line-height:1;padding:0 0px 0px 6px;margin-top:18px}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{flex:1;display:flex;align-items:center;padding:0 15px;border-radius:var(--nylas-border-radius);background:var(--nylas-base-50);min-height:50px}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text .unavailable-label{font-size:0.875rem;color:var(--nylas-base-500);font-style:italic}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:48px;padding-left:8px;border:none;border-radius:4px;background:transparent;color:var(--nylas-base-400);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .toggle-button{grid-area:calendar_toggle}}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:hover{color:var(--nylas-primary)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:focus{outline:none}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable{color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable:hover{color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button{display:flex;align-items:center;justify-content:center;width:40px;height:48px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--nylas-base-400);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .remove-button{grid-area:remove}}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:hover{color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:focus{outline:none;background:var(--nylas-base-100);box-shadow:0 0 0 2px var(--nylas-primary)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:active{background:var(--nylas-base-200)}.nylas-specific-time-availability-picker .specific-time-entry .error-message{width:-webkit-fill-available;padding:4px 8px;background:var(--nylas-error-50);color:var(--nylas-error);font-size:12px;border-radius:4px;border:1px solid var(--nylas-error-200);margin-top:8px}.nylas-specific-time-availability-picker .add-button-container{display:flex;justify-content:flex-start}.nylas-specific-time-availability-picker .add-button-container button-component{width:100%}::part(nstap__add-button){border:1px dashed var(--nylas-base-200);background:var(--nylas-base-0);color:var(--nylas-base-700)}::part(nstap__add-button):hover{border-color:var(--nylas-primary);background:var(--nylas-base-50);color:var(--nylas-primary)}::part(nstap__time-picker-container){flex:1;min-width:0}::part(nstap__time-picker-input){width:100%;font-size:0.875rem;min-height:50px;display:flex;align-items:center}::part(nstap__date-input){width:100%}::part(nstap__date-field){width:100%;font-size:0.875rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:0.5rem 0.75rem}::part(nstap__date-field):focus{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}::part(nstap__date-wrapper){margin:0}::part(nstap__date-label){margin:0;padding:0}::part(nstap__date-label) p{display:none}";
+const NylasSpecificTimeAvailabilityPickerStyle0 = nylasSpecificTimeAvailabilityPickerCss;
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -7868,7 +7868,7 @@ var __metadata$1 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-const NylasSpecificDateAvailabilityPicker = class {
+const NylasSpecificTimeAvailabilityPicker = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.valueChanged = createEvent(this, "valueChanged", 7);
@@ -7879,31 +7879,31 @@ const NylasSpecificDateAvailabilityPicker = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
-        this.name = 'specific-date-availability';
+        this.name = 'specific-time-availability';
         this.selectedConfiguration = undefined;
         this.selectedLanguage = undefined;
-        this.specificDateOpenHours = undefined;
+        this.specificTimesAvailability = undefined;
         this.themeConfig = undefined;
         this.specificDateEntries = [];
         this.validationErrors = {};
     }
     connectedCallback() {
-        debug('nylas-specific-date-availability-picker', 'connectedCallback');
+        debug('nylas-specific-time-availability-picker', 'connectedCallback');
     }
     disconnectedCallback() {
-        debug('nylas-specific-date-availability-picker', 'disconnectedCallback');
+        debug('nylas-specific-time-availability-picker', 'disconnectedCallback');
     }
     componentWillLoad() {
-        debug('nylas-specific-date-availability-picker', 'componentWillLoad');
+        debug('nylas-specific-time-availability-picker', 'componentWillLoad');
         this.host.setAttribute('name', this.name);
     }
     componentDidLoad() {
-        debug('nylas-specific-date-availability-picker', 'componentDidLoad');
+        debug('nylas-specific-time-availability-picker', 'componentDidLoad');
         if (this.selectedConfiguration) {
             this.configChangedHandler(this.selectedConfiguration);
         }
-        else if (this.specificDateOpenHours && this.specificDateOpenHours.length > 0) {
-            this.loadSpecificDateOpenHours();
+        else if (this.specificTimesAvailability && this.specificTimesAvailability.length > 0) {
+            this.loadSpecificTimeAvailability();
         }
         this.applyThemeConfig(this.themeConfig);
     }
@@ -7911,12 +7911,12 @@ const NylasSpecificDateAvailabilityPicker = class {
         return typeof this.internals.setFormValue === 'function';
     }
     elementNameChangedHandler(newValue) {
-        debug('nylas-specific-date-availability-picker', 'elementNameChangedHandler', newValue);
+        debug('nylas-specific-time-availability-picker', 'elementNameChangedHandler', newValue);
         this.host.setAttribute('name', newValue);
     }
     configChangedHandler(newConfig) {
-        debug('nylas-specific-date-availability-picker', 'configChangedHandler', newConfig);
-        this.loadSpecificDateOpenHours();
+        debug('nylas-specific-time-availability-picker', 'configChangedHandler', newConfig);
+        this.loadSpecificTimeAvailability();
     }
     selectedLanguageChangedHandler(newVal, oldVal) {
         if (newVal === oldVal)
@@ -7935,14 +7935,14 @@ const NylasSpecificDateAvailabilityPicker = class {
             }
         }
     }
-    loadSpecificDateOpenHours() {
-        if (!this.specificDateOpenHours || this.specificDateOpenHours.length === 0) {
+    loadSpecificTimeAvailability() {
+        if (!this.specificTimesAvailability || this.specificTimesAvailability.length === 0) {
             return;
         }
-        const entries = this.specificDateOpenHours.map((item, index) => {
+        const entries = this.specificTimesAvailability.map((item, index) => {
             const isUnavailable = item.start === '00:00' && item.end === '00:00';
             return {
-                id: `specific-date-${index}`,
+                id: `specific-time-${index}`,
                 date: item.date,
                 startTime: isUnavailable ? '09:00am' : convertTo12HourFormat(item.start),
                 endTime: isUnavailable ? '05:00pm' : convertTo12HourFormat(item.end),
@@ -7952,13 +7952,13 @@ const NylasSpecificDateAvailabilityPicker = class {
         this.specificDateEntries = entries;
         this.emitValueChanged();
     }
-    addSpecificDateOpenHour() {
+    addSpecificTimeAvailability() {
         const today = new Date();
         const targetDate = new Date(today);
         targetDate.setDate(today.getDate() + this.specificDateEntries.length);
         const formattedDate = targetDate.toISOString().split('T')[0];
         const newEntry = {
-            id: `specific-date-${Date.now()}`,
+            id: `specific-time-${Date.now()}`,
             date: formattedDate,
             startTime: '09:00am',
             endTime: '05:00pm',
@@ -7970,7 +7970,7 @@ const NylasSpecificDateAvailabilityPicker = class {
         }
         this.emitValueChanged();
     }
-    removeSpecificDateOpenHour(id) {
+    removeSpecificTimeAvailability(id) {
         this.specificDateEntries = this.specificDateEntries.filter(entry => entry.id !== id);
         if (this.validationErrors[id]) {
             const newErrors = { ...this.validationErrors };
@@ -7995,22 +7995,22 @@ const NylasSpecificDateAvailabilityPicker = class {
     }
     validateEntry(entry) {
         if (!entry.date) {
-            return instance.t('nylasSpecificDateAvailabilityPicker.errors.dateRequired');
+            return instance.t('nylasSpecificTimeAvailabilityPicker.errors.dateRequired');
         }
         const dateObj = new Date(entry.date);
         if (isNaN(dateObj.getTime())) {
-            return instance.t('nylasSpecificDateAvailabilityPicker.errors.invalidDateFormat');
+            return instance.t('nylasSpecificTimeAvailabilityPicker.errors.invalidDateFormat');
         }
         if (entry.isUnavailable) {
             return null;
         }
         if (!entry.startTime || !entry.endTime) {
-            return instance.t('nylasSpecificDateAvailabilityPicker.errors.timesRequired');
+            return instance.t('nylasSpecificTimeAvailabilityPicker.errors.timesRequired');
         }
         const startMinutes = timeToMinutes(entry.startTime);
         const endMinutes = timeToMinutes(entry.endTime);
         if (startMinutes >= endMinutes) {
-            return instance.t('nylasSpecificDateAvailabilityPicker.errors.startTimeBeforeEndTime');
+            return instance.t('nylasSpecificTimeAvailabilityPicker.errors.startTimeBeforeEndTime');
         }
         return null;
     }
@@ -8084,7 +8084,7 @@ const NylasSpecificDateAvailabilityPicker = class {
     }
     handleFormInputChange(event) {
         const { name, value } = event.detail;
-        if (name.startsWith('date-') && name.includes('specific-date-')) {
+        if (name.startsWith('date-') && name.includes('specific-time-')) {
             const entryId = name.replace('date-', '');
             this.specificDateEntries = this.specificDateEntries.map(entry => {
                 if (entry.id === entryId) {
@@ -8102,14 +8102,14 @@ const NylasSpecificDateAvailabilityPicker = class {
     }
     emitValueChanged() {
         const isValid = this.validateAllEntries();
-        const specificDateOpenHours = this.specificDateEntries
+        const specificTimesAvailability = this.specificDateEntries
             .filter(entry => entry.date && (entry.isUnavailable || (entry.startTime && entry.endTime)))
             .map(entry => ({
             date: entry.date,
             start: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.startTime),
             end: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.endTime),
         }));
-        const value = JSON.stringify(specificDateOpenHours);
+        const value = JSON.stringify(specificTimesAvailability);
         if (this.isInternalsAvailable && isValid) {
             this.internals.setFormValue(value, this.name);
         }
@@ -8119,9 +8119,9 @@ const NylasSpecificDateAvailabilityPicker = class {
         });
     }
     render() {
-        return (h(Host, { key: '1966754bdef1a0758f5a3a5b8093f3a9c79f3b54' }, h("div", { key: '9e902ec229a9c892ef5db38cf1292f494c4d3f58', class: "nylas-specific-date-availability-picker", part: "nsdap" }, h("div", { key: 'c9be9675420b744f5a97efdc960152d871342d1a', class: "content", part: "nsdap__content" }, h("div", { key: 'aafa543fdda80c872496b04c118eae59bdfa9844', class: "header", part: "nsdap__header" }, h("p", { key: '811cbd627fed382949bbccb6c61cf295a21c23f0', class: "header-description", part: "nsdap__header-description" }, instance.t('nylasSpecificDateAvailabilityPicker.headerDescription'))), h("div", { key: 'afb099e1cf0b743ee879f5dcd35fa335522c94e3', class: "specific-dates", part: "nsdap__specific-dates" }, this.specificDateEntries.length === 0 ? (h("div", { class: "empty-state", part: "nsdap__empty-state" }, h("div", { class: "empty-icon", part: "nsdap__empty-icon" }, h("calendar-icon", { width: "32", height: "32" })), h("h3", { class: "empty-title", part: "nsdap__empty-title" }, instance.t('nylasSpecificDateAvailabilityPicker.emptyState.title')), h("p", { class: "empty-subtitle", part: "nsdap__empty-subtitle" }, instance.t('nylasSpecificDateAvailabilityPicker.emptyState.subtitle')))) : (this.specificDateEntries.map(entry => (h("div", { class: "specific-date-entry", part: "nsdap__specific-date-entry", key: entry.id, "data-entry-id": entry.id }, h("div", { class: "entry-content", part: "nsdap__entry-content" }, h("div", { class: "date-input-container", part: "nsdap__date-input-container" }, h("nylas-date-component", { name: `date-${entry.id}`, defaultValue: entry.date, placeholder: "yyyy-mm-dd", part: "nsdap__date-input", class: "date-input", themeConfig: this.themeConfig, exportparts: "ic__date: nsdap__date-field, ic__input_wrapper: nsdap__date-wrapper, ic__label: nsdap__date-label" })), entry.isUnavailable ? (h("div", { class: "unavailable-text", part: "nsdap__unavailable-text" }, h("span", { class: "unavailable-label" }, instance.t('nylasSpecificDateAvailabilityPicker.entireDayUnavailable')))) : (h("div", { class: "time-pickers", part: "nsdap__time-pickers" }, h("nylas-time-window-picker", { id: `${entry.id}_start`, time: entry.startTime, name: `${entry.id}_start`, key: `${entry.id}_start`, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nsdap__time-picker-container, time-input: nsdap__time-picker-input, times: nsdap__time-picker-times" }), h("span", { class: "time-separator" }, "-"), h("nylas-time-window-picker", { id: `${entry.id}_end`, time: entry.endTime, name: `${entry.id}_end`, key: `${entry.id}_end`, minimumStartTime: entry.startTime, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nsdap__time-picker-container, time-input: nsdap__time-picker-input, times: nsdap__time-picker-times" }))), h("button", { type: "button", class: { 'toggle-button': true, 'unavailable': entry.isUnavailable }, part: "nsdap__toggle-button", onClick: () => this.toggleAvailability(entry.id), title: entry.isUnavailable
-                ? instance.t('nylasSpecificDateAvailabilityPicker.markAsAvailable')
-                : instance.t('nylasSpecificDateAvailabilityPicker.markAsUnavailable') }, h("calendar-icon", { width: "20", height: "20" })), h("button", { type: "button", class: "remove-button", part: "nsdap__remove-button", onClick: () => this.removeSpecificDateOpenHour(entry.id), "aria-label": "Remove specific date" }, h("close-icon", { width: "16", height: "16" }))), this.validationErrors[entry.id] && (h("div", { class: "error-message", part: "nsdap__error-message" }, this.validationErrors[entry.id]))))))), h("div", { key: 'ee3f5bac619eea70756d7a0c0a45e7109d1d17d0', class: "add-button-container", part: "nsdap__add-button-container" }, h("button-component", { key: 'f431574f40430d032166bd5e5ab49fe1ba1ded74', id: "add-specific-date-open-hour", onClick: () => this.addSpecificDateOpenHour(), part: "nsdap__add-button", variant: "basic" }, h("add-circle-icon", { key: '691bed8a6f1859de2b06ddd0a9aa9a94bdc8fd9f', width: "24", height: "24" }), instance.t('nylasSpecificDateAvailabilityPicker.addSpecificDateOpenHour')))))));
+        return (h(Host, { key: '01f075a3cded0b05cce5098dee0fe221bc13ec24' }, h("div", { key: 'f008de5cd95468e1cb0b820dabc2d38bca8a6d99', class: "nylas-specific-time-availability-picker", part: "nstap" }, h("div", { key: 'c2ec42ad544a1c10b3d5cbfa5adcf04a7e716377', class: "content", part: "nstap__content" }, h("div", { key: 'c58f880616610957181857a84ab053fa9f811f5d', class: "header", part: "nstap__header" }, h("p", { key: '671a584b2f92d1ee3d8abf50a80c60052e97510a', class: "header-description", part: "nstap__header-description" }, instance.t('nylasSpecificTimeAvailabilityPicker.headerDescription'))), h("div", { key: '9b341aa468e6fdb749cddf7bf8fdc66c110ce25f', class: "specific-times", part: "nstap__specific-times" }, this.specificDateEntries.length === 0 ? (h("div", { class: "empty-state", part: "nstap__empty-state" }, h("div", { class: "empty-icon", part: "nstap__empty-icon" }, h("calendar-icon", { width: "32", height: "32" })), h("h3", { class: "empty-title", part: "nstap__empty-title" }, instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')), h("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.subtitle')))) : (this.specificDateEntries.map(entry => (h("div", { class: "specific-time-entry", part: "nstap__specific-time-entry", key: entry.id, "data-entry-id": entry.id }, h("div", { class: "entry-content", part: "nstap__entry-content" }, h("div", { class: "date-input-container", part: "nstap__date-input-container" }, h("nylas-date-component", { name: `date-${entry.id}`, defaultValue: entry.date, placeholder: "yyyy-mm-dd", part: "nstap__date-input", class: "date-input", themeConfig: this.themeConfig, exportparts: "ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label" })), entry.isUnavailable ? (h("div", { class: "unavailable-text", part: "nstap__unavailable-text" }, h("span", { class: "unavailable-label" }, instance.t('nylasSpecificTimeAvailabilityPicker.entireDayUnavailable')))) : (h("div", { class: "time-pickers", part: "nstap__time-pickers" }, h("nylas-time-window-picker", { id: `${entry.id}_start`, time: entry.startTime, name: `${entry.id}_start`, key: `${entry.id}_start`, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times" }), h("span", { class: "time-separator" }, "-"), h("nylas-time-window-picker", { id: `${entry.id}_end`, time: entry.endTime, name: `${entry.id}_end`, key: `${entry.id}_end`, minimumStartTime: entry.startTime, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times" }))), h("button", { type: "button", class: { 'toggle-button': true, 'unavailable': entry.isUnavailable }, part: "nstap__toggle-button", onClick: () => this.toggleAvailability(entry.id), title: entry.isUnavailable
+                ? instance.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')
+                : instance.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable') }, h("calendar-icon", { width: "20", height: "20" })), h("button", { type: "button", class: "remove-button", part: "nstap__remove-button", onClick: () => this.removeSpecificTimeAvailability(entry.id), "aria-label": "Remove specific date" }, h("close-icon", { width: "16", height: "16" }))), this.validationErrors[entry.id] && (h("div", { class: "error-message", part: "nstap__error-message" }, this.validationErrors[entry.id]))))))), h("div", { key: '3a326486bb489af6c036527434c6c6a8a7736cf1', class: "add-button-container", part: "nstap__add-button-container" }, h("button-component", { key: '156a5fff11a4dedc272327cdf2322118e9fef6fc', id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic" }, h("add-circle-icon", { key: '0d12a577afac1d24a4c259997d71e0f182f1e5c8', width: "24", height: "24" }), instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability')))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -8134,7 +8134,7 @@ const NylasSpecificDateAvailabilityPicker = class {
 };
 __decorate$1([
     RegisterComponent({
-        name: 'nylas-specific-date-availability-picker',
+        name: 'nylas-specific-time-availability-picker',
         stateToProps: new Map([
             ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],
             ['schedulerConfig.selectedLanguage', 'selectedLanguage'],
@@ -8145,8 +8145,8 @@ __decorate$1([
     __metadata$1("design:type", Function),
     __metadata$1("design:paramtypes", []),
     __metadata$1("design:returntype", void 0)
-], NylasSpecificDateAvailabilityPicker.prototype, "render", null);
-NylasSpecificDateAvailabilityPicker.style = NylasSpecificDateAvailabilityPickerStyle0;
+], NylasSpecificTimeAvailabilityPicker.prototype, "render", null);
+NylasSpecificTimeAvailabilityPicker.style = NylasSpecificTimeAvailabilityPickerStyle0;
 
 const nylasTimeslotIntervalCss = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-timeslot-interval{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-timeslot-interval .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px;background-color:var(--nylas-base-25)}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label tooltip-component{display:flex}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown{margin-bottom:1.5rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}";
 const NylasTimeslotIntervalStyle0 = nylasTimeslotIntervalCss;
@@ -8390,6 +8390,6 @@ const PeopleIcon = class {
 };
 PeopleIcon.style = PeopleIconStyle0;
 
-export { CalendarAgendaFillIcon as calendar_agenda_fill_icon, CalendarAgendaIcon as calendar_agenda_icon, CalendarInfoIcon as calendar_info_icon, CalendarPatternsIcon as calendar_patterns_icon, EnvelopeFillIcon as envelope_fill_icon, EnvelopeIcon as envelope_icon, FlowIcon as flow_icon, NylasAvailabilityPicker as nylas_availability_picker, NylasBookingCalendarPicker as nylas_booking_calendar_picker, NylasBookingConfirmationRedirect as nylas_booking_confirmation_redirect, NylasBookingConfirmationType as nylas_booking_confirmation_type, NylasBookingFormConfig as nylas_booking_form_config, NylasBufferTime as nylas_buffer_time, NylasCalendarPicker as nylas_calendar_picker, NylasCancellationPolicy as nylas_cancellation_policy, NylasConfirmationEmail as nylas_confirmation_email, NylasConnectedCalendars as nylas_connected_calendars, NylasCustomBookingFlow as nylas_custom_booking_flow, NylasCustomEventSlug as nylas_custom_event_slug, NylasCustomizeBookingSettings as nylas_customize_booking_settings, NylasDisableEmails as nylas_disable_emails, NylasEventDuration as nylas_event_duration, NylasEventLimits as nylas_event_limits, NylasLimitFutureBookings as nylas_limit_future_bookings, NylasMinBookingNotice as nylas_min_booking_notice, NylasMinCancellationNotice as nylas_min_cancellation_notice, NylasPageName as nylas_page_name, NylasPageStyling as nylas_page_styling, NylasParticipantBookingCalendars as nylas_participant_booking_calendars, NylasParticipantsCustomAvailability as nylas_participants_custom_availability, NylasReminderEmails as nylas_reminder_emails, NylasSchedulingMethod as nylas_scheduling_method, NylasSpecificDateAvailabilityPicker as nylas_specific_date_availability_picker, NylasTimeslotInterval as nylas_timeslot_interval, PaintbrushFillIcon as paintbrush_fill_icon, PaintbrushIcon as paintbrush_icon, PeopleIcon as people_icon };
+export { CalendarAgendaFillIcon as calendar_agenda_fill_icon, CalendarAgendaIcon as calendar_agenda_icon, CalendarInfoIcon as calendar_info_icon, CalendarPatternsIcon as calendar_patterns_icon, EnvelopeFillIcon as envelope_fill_icon, EnvelopeIcon as envelope_icon, FlowIcon as flow_icon, NylasAvailabilityPicker as nylas_availability_picker, NylasBookingCalendarPicker as nylas_booking_calendar_picker, NylasBookingConfirmationRedirect as nylas_booking_confirmation_redirect, NylasBookingConfirmationType as nylas_booking_confirmation_type, NylasBookingFormConfig as nylas_booking_form_config, NylasBufferTime as nylas_buffer_time, NylasCalendarPicker as nylas_calendar_picker, NylasCancellationPolicy as nylas_cancellation_policy, NylasConfirmationEmail as nylas_confirmation_email, NylasConnectedCalendars as nylas_connected_calendars, NylasCustomBookingFlow as nylas_custom_booking_flow, NylasCustomEventSlug as nylas_custom_event_slug, NylasCustomizeBookingSettings as nylas_customize_booking_settings, NylasDisableEmails as nylas_disable_emails, NylasEventDuration as nylas_event_duration, NylasEventLimits as nylas_event_limits, NylasLimitFutureBookings as nylas_limit_future_bookings, NylasMinBookingNotice as nylas_min_booking_notice, NylasMinCancellationNotice as nylas_min_cancellation_notice, NylasPageName as nylas_page_name, NylasPageStyling as nylas_page_styling, NylasParticipantBookingCalendars as nylas_participant_booking_calendars, NylasParticipantsCustomAvailability as nylas_participants_custom_availability, NylasReminderEmails as nylas_reminder_emails, NylasSchedulingMethod as nylas_scheduling_method, NylasSpecificTimeAvailabilityPicker as nylas_specific_time_availability_picker, NylasTimeslotInterval as nylas_timeslot_interval, PaintbrushFillIcon as paintbrush_fill_icon, PaintbrushIcon as paintbrush_icon, PeopleIcon as people_icon };
 
 //# sourceMappingURL=calendar-agenda-fill-icon_37.entry.js.map