@nylas/web-elements 2.5.4 → 2.5.6

package/dist/cjs/{register-component-Cu3tKKKD.js → register-component-3z1jbXx-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = require('./utils-DMqnHqF8.js');
+var utils = require('./utils-C5qGWVDr.js');
 var index = require('./index-9TuL48qE.js');
 
 function createComponentEvent(instance, registeredComponent, eventName = 'registerComponent') {
@@ -199,6 +199,6 @@ function RegisterComponent(config) {
 }
 
 exports.RegisterComponent = RegisterComponent;
-//# sourceMappingURL=register-component-Cu3tKKKD.js.map
+//# sourceMappingURL=register-component-3z1jbXx-.js.map
 
-//# sourceMappingURL=register-component-Cu3tKKKD.js.map
+//# sourceMappingURL=register-component-3z1jbXx-.js.map

package/dist/cjs/{register-component-Cu3tKKKD.js.map → register-component-3z1jbXx-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"register-component-Cu3tKKKD.js","sources":["src/common/register-component.ts"],"sourcesContent":["import { BaseNylasConnectorInterface } from '@/connector/connector-interface';\nimport { debug, error } from '@/utils/utils';\nimport { ComponentInterface, getElement } from '@stencil/core';\nimport { CombinedStoreStateKeys, EventEmitterEventType, ExtractEventEmitterKeys, ExtractEventEmitterProperties } from './types';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nexport interface RegisteredComponent<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores = string> {\n  name: string;\n  element: HTMLStencilElement & { setProperty?: (key: string, value: any) => Promise<void>; registerCallback?(): Promise<void> };\n  getStoresToProp?: keyof H;\n  storeToProps?: Map<string, keyof H>;\n  stateToProps?: Map<MailboxStores, keyof H>;\n  eventToProps?: Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>;\n  localPropsToProp?: Map<string, keyof H>;\n  authToProp?: keyof H;\n  connectorToProp?: keyof H;\n  registrationEventName?: string;\n  unregistrationEventName?: string;\n}\n\nexport function createComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n  instance: T,\n  registeredComponent: RegisteredComponent<T, B>,\n  eventName: string = 'registerComponent',\n) {\n  return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n    bubbles: true,\n    composed: true,\n    detail: registeredComponent,\n  });\n}\n\nexport function unregisterComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n  instance: T,\n  registeredComponent: RegisteredComponent<T, B>,\n  eventName: string = 'unregisterComponent',\n) {\n  return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n    bubbles: true,\n    composed: true,\n    detail: registeredComponent,\n  });\n}\n\nexport interface RegisterComponentConfig<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores>\n  extends Omit<RegisteredComponent<H, B, MailboxStores>, 'eventToProps' | 'name' | 'element'> {\n  name: string;\n  eventToProps?: Partial<{\n    [P in ExtractEventEmitterProperties<H> as P['key']]: (event: CustomEvent<P['eventType']>, nylasConnector: B) => Promise<void>;\n  }>;\n  fireRegisterEvent?: boolean | ((host: H) => boolean);\n}\n\nexport interface NylasComponentInterface extends ComponentInterface {\n  authToProp?: keyof this;\n  connectorToProp?: keyof this;\n  registerCallback?: () => Promise<void>;\n}\n\nexport function RegisterComponent<H extends NylasComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores extends Record<string, any>>(\n  config: RegisterComponentConfig<H, B, CombinedStoreStateKeys<keyof MailboxStores, MailboxStores>>,\n) {\n  return (target: H, propKey: string) => {\n    const componentName = config.name;\n    debug(`[${componentName}] Registering component ${componentName} being called on ${propKey}`);\n\n    const originalComponentWillLoad = target.componentWillLoad;\n    if (!originalComponentWillLoad) {\n      error(`[${componentName}] componentWillLoad lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n      return;\n    }\n\n    const originalConnectCallback = target.connectedCallback;\n    if (!originalConnectCallback) {\n      error(`[${componentName}] connectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n      return;\n    }\n\n    const originalDisconnectCallback = target.disconnectedCallback;\n    if (!originalDisconnectCallback) {\n      error(`[${componentName}] disconnectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n      return;\n    }\n\n    // Detect a conflict if config.storeToProps and config.stateToProps are both defined\n    // for overlapping prop keys\n    if (config.storeToProps && config.stateToProps) {\n      const storeToPropsKeys = Array.from(config.storeToProps.values());\n      const stateToPropsKeys = Array.from(config.stateToProps.values());\n      const intersection = storeToPropsKeys.filter(key => stateToPropsKeys.includes(key));\n      if (intersection.length > 0) {\n        error(\n          `[${componentName}] Overlapping prop keys detected in ${componentName} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${intersection.join(\n            ', ',\n          )}`,\n        );\n        return;\n      }\n    }\n\n    // Convert the record of eventToProps to a map\n    const eventToPropsMap = new Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>();\n    if (config.eventToProps) {\n      Object.keys(config.eventToProps).forEach(key => {\n        eventToPropsMap.set(\n          key as ExtractEventEmitterKeys<H>,\n          config.eventToProps?.[key as ExtractEventEmitterKeys<H>] as (\n            event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>,\n            nylasConnector: B,\n          ) => Promise<void>,\n        );\n      });\n    }\n\n    target.connectedCallback = function () {\n      debug(`[~${componentName}] connectedCallback called`);\n      const origionalResult = originalConnectCallback?.call(this);\n      const host = getElement(this);\n\n      // If the nylas id is already set, ensure properties are still set up\n      // This handles the case where component was disconnected and reconnected\n      // Properties may have been cleared during disconnect\n      if (host.dataset.nylasId) {\n        // Still set up properties in case they were cleared during disconnect\n        // This ensures reconnected components have proper setup\n        Object.defineProperty(host, 'registerNylasComponent', {\n          get() {\n            return true;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'stateToProps', {\n          get() {\n            return config.stateToProps;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'getStoresToProp', {\n          get() {\n            return config.getStoresToProp;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'storeToProps', {\n          get() {\n            return config.storeToProps;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'eventToProps', {\n          get() {\n            return eventToPropsMap;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'authToProp', {\n          get() {\n            return config.authToProp;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'connectorToProp', {\n          get() {\n            return config.connectorToProp;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'localPropsToProp', {\n          get() {\n            return config.localPropsToProp;\n          },\n          enumerable: true,\n        });\n        return origionalResult;\n      }\n\n      Object.defineProperty(host, 'registerNylasComponent', {\n        get() {\n          return true;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'stateToProps', {\n        get() {\n          return config.stateToProps;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'getStoresToProp', {\n        get() {\n          return config.getStoresToProp;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'storeToProps', {\n        get() {\n          return config.storeToProps;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'eventToProps', {\n        get() {\n          return eventToPropsMap;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'authToProp', {\n        get() {\n          return config.authToProp;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'connectorToProp', {\n        get() {\n          return config.connectorToProp;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'localPropsToProp', {\n        get() {\n          return config.localPropsToProp;\n        },\n        enumerable: true,\n      });\n      return origionalResult;\n    };\n\n    if (config.fireRegisterEvent) {\n      target.componentWillLoad = function () {\n        const origionalResult = originalComponentWillLoad?.call(this);\n        const host = getElement(this);\n\n        // We use our host element to dispatch a registration event that is picked up by the\n        // the nylas-provider component.\n        const registeredComponent: RegisteredComponent<H, B> = {\n          element: host,\n          ...config,\n          eventToProps: eventToPropsMap,\n        };\n        const event = createComponentEvent(target, registeredComponent, config.registrationEventName);\n        if (host.dispatchEvent(event)) {\n          debug(`[${componentName}] Component ${componentName} successfully fired registration event`);\n        }\n\n        return origionalResult;\n      };\n\n      target.disconnectedCallback = function () {\n        const origionalResult = originalDisconnectCallback?.call(this);\n        const host = getElement(this);\n\n        // We use our host element to dispatch a registration event that is picked up by the\n        // the nylas-provider component.\n        const registeredComponent: RegisteredComponent<H, B> = {\n          element: host,\n          ...config,\n          eventToProps: eventToPropsMap,\n        };\n        const event = unregisterComponentEvent(target, registeredComponent, config.unregistrationEventName);\n\n        // Dispatch event before clearing nylasId to ensure it bubbles to provider\n        // disconnectedCallback is called before element is fully detached, so event should bubble\n        try {\n          if (host.dispatchEvent(event)) {\n            debug(`[${componentName}] Component ${componentName} successfully fired unregistration event`);\n          }\n        } catch (error) {\n          debug(`[${componentName}] Error dispatching unregistration event:`, error);\n        }\n\n        // Clear nylasId on disconnect so reconnection triggers fresh registration\n        // This ensures reconnected components get proper property setup\n        if (host.dataset.nylasId) {\n          delete host.dataset.nylasId;\n          debug(`[${componentName}] Cleared nylasId on disconnect for component ${componentName}`);\n        }\n\n        return origionalResult;\n      };\n    }\n  };\n}\n"],"names":["debug","error","getElement"],"mappings":"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"}
+{"version":3,"file":"register-component-3z1jbXx-.js","sources":["src/common/register-component.ts"],"sourcesContent":["import { BaseNylasConnectorInterface } from '@/connector/connector-interface';\nimport { debug, error } from '@/utils/utils';\nimport { ComponentInterface, getElement } from '@stencil/core';\nimport { CombinedStoreStateKeys, EventEmitterEventType, ExtractEventEmitterKeys, ExtractEventEmitterProperties } from './types';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nexport interface RegisteredComponent<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores = string> {\n  name: string;\n  element: HTMLStencilElement & { setProperty?: (key: string, value: any) => Promise<void>; registerCallback?(): Promise<void> };\n  getStoresToProp?: keyof H;\n  storeToProps?: Map<string, keyof H>;\n  stateToProps?: Map<MailboxStores, keyof H>;\n  eventToProps?: Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>;\n  localPropsToProp?: Map<string, keyof H>;\n  authToProp?: keyof H;\n  connectorToProp?: keyof H;\n  registrationEventName?: string;\n  unregistrationEventName?: string;\n}\n\nexport function createComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n  instance: T,\n  registeredComponent: RegisteredComponent<T, B>,\n  eventName: string = 'registerComponent',\n) {\n  return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n    bubbles: true,\n    composed: true,\n    detail: registeredComponent,\n  });\n}\n\nexport function unregisterComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n  instance: T,\n  registeredComponent: RegisteredComponent<T, B>,\n  eventName: string = 'unregisterComponent',\n) {\n  return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n    bubbles: true,\n    composed: true,\n    detail: registeredComponent,\n  });\n}\n\nexport interface RegisterComponentConfig<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores>\n  extends Omit<RegisteredComponent<H, B, MailboxStores>, 'eventToProps' | 'name' | 'element'> {\n  name: string;\n  eventToProps?: Partial<{\n    [P in ExtractEventEmitterProperties<H> as P['key']]: (event: CustomEvent<P['eventType']>, nylasConnector: B) => Promise<void>;\n  }>;\n  fireRegisterEvent?: boolean | ((host: H) => boolean);\n}\n\nexport interface NylasComponentInterface extends ComponentInterface {\n  authToProp?: keyof this;\n  connectorToProp?: keyof this;\n  registerCallback?: () => Promise<void>;\n}\n\nexport function RegisterComponent<H extends NylasComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores extends Record<string, any>>(\n  config: RegisterComponentConfig<H, B, CombinedStoreStateKeys<keyof MailboxStores, MailboxStores>>,\n) {\n  return (target: H, propKey: string) => {\n    const componentName = config.name;\n    debug(`[${componentName}] Registering component ${componentName} being called on ${propKey}`);\n\n    const originalComponentWillLoad = target.componentWillLoad;\n    if (!originalComponentWillLoad) {\n      error(`[${componentName}] componentWillLoad lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n      return;\n    }\n\n    const originalConnectCallback = target.connectedCallback;\n    if (!originalConnectCallback) {\n      error(`[${componentName}] connectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n      return;\n    }\n\n    const originalDisconnectCallback = target.disconnectedCallback;\n    if (!originalDisconnectCallback) {\n      error(`[${componentName}] disconnectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n      return;\n    }\n\n    // Detect a conflict if config.storeToProps and config.stateToProps are both defined\n    // for overlapping prop keys\n    if (config.storeToProps && config.stateToProps) {\n      const storeToPropsKeys = Array.from(config.storeToProps.values());\n      const stateToPropsKeys = Array.from(config.stateToProps.values());\n      const intersection = storeToPropsKeys.filter(key => stateToPropsKeys.includes(key));\n      if (intersection.length > 0) {\n        error(\n          `[${componentName}] Overlapping prop keys detected in ${componentName} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${intersection.join(\n            ', ',\n          )}`,\n        );\n        return;\n      }\n    }\n\n    // Convert the record of eventToProps to a map\n    const eventToPropsMap = new Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>();\n    if (config.eventToProps) {\n      Object.keys(config.eventToProps).forEach(key => {\n        eventToPropsMap.set(\n          key as ExtractEventEmitterKeys<H>,\n          config.eventToProps?.[key as ExtractEventEmitterKeys<H>] as (\n            event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>,\n            nylasConnector: B,\n          ) => Promise<void>,\n        );\n      });\n    }\n\n    target.connectedCallback = function () {\n      debug(`[~${componentName}] connectedCallback called`);\n      const origionalResult = originalConnectCallback?.call(this);\n      const host = getElement(this);\n\n      // If the nylas id is already set, ensure properties are still set up\n      // This handles the case where component was disconnected and reconnected\n      // Properties may have been cleared during disconnect\n      if (host.dataset.nylasId) {\n        // Still set up properties in case they were cleared during disconnect\n        // This ensures reconnected components have proper setup\n        Object.defineProperty(host, 'registerNylasComponent', {\n          get() {\n            return true;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'stateToProps', {\n          get() {\n            return config.stateToProps;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'getStoresToProp', {\n          get() {\n            return config.getStoresToProp;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'storeToProps', {\n          get() {\n            return config.storeToProps;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'eventToProps', {\n          get() {\n            return eventToPropsMap;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'authToProp', {\n          get() {\n            return config.authToProp;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'connectorToProp', {\n          get() {\n            return config.connectorToProp;\n          },\n          enumerable: true,\n        });\n        Object.defineProperty(host, 'localPropsToProp', {\n          get() {\n            return config.localPropsToProp;\n          },\n          enumerable: true,\n        });\n        return origionalResult;\n      }\n\n      Object.defineProperty(host, 'registerNylasComponent', {\n        get() {\n          return true;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'stateToProps', {\n        get() {\n          return config.stateToProps;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'getStoresToProp', {\n        get() {\n          return config.getStoresToProp;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'storeToProps', {\n        get() {\n          return config.storeToProps;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'eventToProps', {\n        get() {\n          return eventToPropsMap;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'authToProp', {\n        get() {\n          return config.authToProp;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'connectorToProp', {\n        get() {\n          return config.connectorToProp;\n        },\n        enumerable: true,\n      });\n      Object.defineProperty(host, 'localPropsToProp', {\n        get() {\n          return config.localPropsToProp;\n        },\n        enumerable: true,\n      });\n      return origionalResult;\n    };\n\n    if (config.fireRegisterEvent) {\n      target.componentWillLoad = function () {\n        const origionalResult = originalComponentWillLoad?.call(this);\n        const host = getElement(this);\n\n        // We use our host element to dispatch a registration event that is picked up by the\n        // the nylas-provider component.\n        const registeredComponent: RegisteredComponent<H, B> = {\n          element: host,\n          ...config,\n          eventToProps: eventToPropsMap,\n        };\n        const event = createComponentEvent(target, registeredComponent, config.registrationEventName);\n        if (host.dispatchEvent(event)) {\n          debug(`[${componentName}] Component ${componentName} successfully fired registration event`);\n        }\n\n        return origionalResult;\n      };\n\n      target.disconnectedCallback = function () {\n        const origionalResult = originalDisconnectCallback?.call(this);\n        const host = getElement(this);\n\n        // We use our host element to dispatch a registration event that is picked up by the\n        // the nylas-provider component.\n        const registeredComponent: RegisteredComponent<H, B> = {\n          element: host,\n          ...config,\n          eventToProps: eventToPropsMap,\n        };\n        const event = unregisterComponentEvent(target, registeredComponent, config.unregistrationEventName);\n\n        // Dispatch event before clearing nylasId to ensure it bubbles to provider\n        // disconnectedCallback is called before element is fully detached, so event should bubble\n        try {\n          if (host.dispatchEvent(event)) {\n            debug(`[${componentName}] Component ${componentName} successfully fired unregistration event`);\n          }\n        } catch (error) {\n          debug(`[${componentName}] Error dispatching unregistration event:`, error);\n        }\n\n        // Clear nylasId on disconnect so reconnection triggers fresh registration\n        // This ensures reconnected components get proper property setup\n        if (host.dataset.nylasId) {\n          delete host.dataset.nylasId;\n          debug(`[${componentName}] Cleared nylasId on disconnect for component ${componentName}`);\n        }\n\n        return origionalResult;\n      };\n    }\n  };\n}\n"],"names":["debug","error","getElement"],"mappings":"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"}

package/dist/cjs/textarea-component.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-9TuL48qE.js');
-var utils = require('./utils-DMqnHqF8.js');
+var utils = require('./utils-C5qGWVDr.js');
 
 const textareaComponentCss = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}textarea:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}";
 

package/dist/cjs/{utils-DMqnHqF8.js → utils-C5qGWVDr.js}

@@ -6674,6 +6674,8 @@ const instance = I18n.createInstance();
 instance.createInstance = I18n.createInstance;
 
 const noDateSelected$8 = "No date selected";
+const noDatesAvailable$8 = "No dates available";
+const noTimeSlotsAvailable$8 = "No time slots available for selected date";
 const rescheduleTitle$8 = "Choose another time slot to reschedule your meeting";
 const notetakerConsentMessage$8 = "By clicking \"Book now\", you consent to your call being recorded.";
 const allDay$8 = "All day";
@@ -7488,6 +7490,8 @@ const nylasEventCalendar$8 = {
 };
 var en = {
 	noDateSelected: noDateSelected$8,
+	noDatesAvailable: noDatesAvailable$8,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$8,
 	rescheduleTitle: rescheduleTitle$8,
 	notetakerConsentMessage: notetakerConsentMessage$8,
 	allDay: allDay$8,
@@ -7734,7 +7738,9 @@ var enTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$8,
     nextButton: nextButton$8,
     noDateSelected: noDateSelected$8,
+    noDatesAvailable: noDatesAvailable$8,
     noSchedulingPages: noSchedulingPages$8,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$8,
     notetakerConsentMessage: notetakerConsentMessage$8,
     nylasAdditionalParticipants: nylasAdditionalParticipants$8,
     nylasAvailabilityPicker: nylasAvailabilityPicker$8,
@@ -7815,6 +7821,8 @@ var enTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected$7 = "Aucune date sélectionnée";
+const noDatesAvailable$7 = "Aucune date disponible";
+const noTimeSlotsAvailable$7 = "Aucun créneau horaire disponible pour la date sélectionnée";
 const rescheduleTitle$7 = "Choisissez un autre créneau horaire pour reprogrammer votre réunion";
 const notetakerConsentMessage$7 = "En cliquant sur \"Réservez maintenant\", vous acceptez que votre appel soit enregistré.";
 const allDay$7 = "Toute la journée";
@@ -8627,6 +8635,8 @@ const nylasEventCalendar$7 = {
 };
 var fr$2 = {
 	noDateSelected: noDateSelected$7,
+	noDatesAvailable: noDatesAvailable$7,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$7,
 	rescheduleTitle: rescheduleTitle$7,
 	notetakerConsentMessage: notetakerConsentMessage$7,
 	allDay: allDay$7,
@@ -8873,7 +8883,9 @@ var frTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$7,
     nextButton: nextButton$7,
     noDateSelected: noDateSelected$7,
+    noDatesAvailable: noDatesAvailable$7,
     noSchedulingPages: noSchedulingPages$7,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$7,
     notetakerConsentMessage: notetakerConsentMessage$7,
     nylasAdditionalParticipants: nylasAdditionalParticipants$7,
     nylasAvailabilityPicker: nylasAvailabilityPicker$7,
@@ -8954,6 +8966,8 @@ var frTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected$6 = "No has seleccionado ninguna fecha";
+const noDatesAvailable$6 = "No hay fechas disponibles";
+const noTimeSlotsAvailable$6 = "No hay horarios disponibles para la fecha seleccionada";
 const rescheduleTitle$6 = "Elige otro horario para reprogramar tu reunión";
 const notetakerConsentMessage$6 = "Al hacer clic en \"Reservar ahora\", acepta que su llamada sea grabada.";
 const allDay$6 = "Todo el día";
@@ -9766,6 +9780,8 @@ const nylasEventCalendar$6 = {
 };
 var es$2 = {
 	noDateSelected: noDateSelected$6,
+	noDatesAvailable: noDatesAvailable$6,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$6,
 	rescheduleTitle: rescheduleTitle$6,
 	notetakerConsentMessage: notetakerConsentMessage$6,
 	allDay: allDay$6,
@@ -10012,7 +10028,9 @@ var esTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$6,
     nextButton: nextButton$6,
     noDateSelected: noDateSelected$6,
+    noDatesAvailable: noDatesAvailable$6,
     noSchedulingPages: noSchedulingPages$6,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$6,
     notetakerConsentMessage: notetakerConsentMessage$6,
     nylasAdditionalParticipants: nylasAdditionalParticipants$6,
     nylasAvailabilityPicker: nylasAvailabilityPicker$6,
@@ -10093,6 +10111,8 @@ var esTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected$5 = "日付が選択されていません";
+const noDatesAvailable$5 = "利用可能な日付はありません";
+const noTimeSlotsAvailable$5 = "選択した日付に利用可能な時間帯はありません";
 const rescheduleTitle$5 = "別の時間を選択してください";
 const notetakerConsentMessage$5 = "「今すぐ予約」をクリックすることで、通話が記録されることに同意したことになります。";
 const allDay$5 = "全天";
@@ -10905,6 +10925,8 @@ const nylasEventCalendar$5 = {
 };
 var ja$2 = {
 	noDateSelected: noDateSelected$5,
+	noDatesAvailable: noDatesAvailable$5,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$5,
 	rescheduleTitle: rescheduleTitle$5,
 	notetakerConsentMessage: notetakerConsentMessage$5,
 	allDay: allDay$5,
@@ -11151,7 +11173,9 @@ var jaTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$5,
     nextButton: nextButton$5,
     noDateSelected: noDateSelected$5,
+    noDatesAvailable: noDatesAvailable$5,
     noSchedulingPages: noSchedulingPages$5,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$5,
     notetakerConsentMessage: notetakerConsentMessage$5,
     nylasAdditionalParticipants: nylasAdditionalParticipants$5,
     nylasAvailabilityPicker: nylasAvailabilityPicker$5,
@@ -11232,6 +11256,8 @@ var jaTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected$4 = "Kein Datum ausgewählt";
+const noDatesAvailable$4 = "Keine Termine verfügbar";
+const noTimeSlotsAvailable$4 = "Keine Zeitfenster für das ausgewählte Datum verfügbar";
 const rescheduleTitle$4 = "Wählen Sie einen anderen Zeitpunkt, um Ihr Meeting neu zu planen";
 const notetakerConsentMessage$4 = "Durch Klicken auf \"Jetzt buchen\" stimmen Sie zu, dass Ihr Anruf aufgezeichnet wird.";
 const allDay$4 = "Ganzer Tag";
@@ -12044,6 +12070,8 @@ const nylasEventCalendar$4 = {
 };
 var de$2 = {
 	noDateSelected: noDateSelected$4,
+	noDatesAvailable: noDatesAvailable$4,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$4,
 	rescheduleTitle: rescheduleTitle$4,
 	notetakerConsentMessage: notetakerConsentMessage$4,
 	allDay: allDay$4,
@@ -12290,7 +12318,9 @@ var deTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$4,
     nextButton: nextButton$4,
     noDateSelected: noDateSelected$4,
+    noDatesAvailable: noDatesAvailable$4,
     noSchedulingPages: noSchedulingPages$4,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$4,
     notetakerConsentMessage: notetakerConsentMessage$4,
     nylasAdditionalParticipants: nylasAdditionalParticipants$4,
     nylasAvailabilityPicker: nylasAvailabilityPicker$4,
@@ -12371,6 +12401,8 @@ var deTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected$3 = "Ingen dag vald";
+const noDatesAvailable$3 = "Inga datum tillgängliga";
+const noTimeSlotsAvailable$3 = "Inga tider tillgängliga för valt datum";
 const rescheduleTitle$3 = "Välj en annan tid för att boka om din tid";
 const notetakerConsentMessage$3 = "Genom att klicka på \"Boka nu\" samtycker du till att ditt samtal spelas in.";
 const allDay$3 = "Alla dagar";
@@ -13183,6 +13215,8 @@ const nylasEventCalendar$3 = {
 };
 var sv$2 = {
 	noDateSelected: noDateSelected$3,
+	noDatesAvailable: noDatesAvailable$3,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$3,
 	rescheduleTitle: rescheduleTitle$3,
 	notetakerConsentMessage: notetakerConsentMessage$3,
 	allDay: allDay$3,
@@ -13429,7 +13463,9 @@ var svTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$3,
     nextButton: nextButton$3,
     noDateSelected: noDateSelected$3,
+    noDatesAvailable: noDatesAvailable$3,
     noSchedulingPages: noSchedulingPages$3,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$3,
     notetakerConsentMessage: notetakerConsentMessage$3,
     nylasAdditionalParticipants: nylasAdditionalParticipants$3,
     nylasAvailabilityPicker: nylasAvailabilityPicker$3,
@@ -13510,6 +13546,8 @@ var svTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected$2 = "请选择日期";
+const noDatesAvailable$2 = "没有可用日期";
+const noTimeSlotsAvailable$2 = "所选日期没有可用时间段";
 const rescheduleTitle$2 = "选择另一个时间段重新安排您的会议";
 const notetakerConsentMessage$2 = "点击\"立即预订\"即表示您同意录制您的通话。";
 const allDay$2 = "全天";
@@ -14322,6 +14360,8 @@ const nylasEventCalendar$2 = {
 };
 var zhCn$2 = {
 	noDateSelected: noDateSelected$2,
+	noDatesAvailable: noDatesAvailable$2,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$2,
 	rescheduleTitle: rescheduleTitle$2,
 	notetakerConsentMessage: notetakerConsentMessage$2,
 	allDay: allDay$2,
@@ -14568,7 +14608,9 @@ var zhCnTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$2,
     nextButton: nextButton$2,
     noDateSelected: noDateSelected$2,
+    noDatesAvailable: noDatesAvailable$2,
     noSchedulingPages: noSchedulingPages$2,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$2,
     notetakerConsentMessage: notetakerConsentMessage$2,
     nylasAdditionalParticipants: nylasAdditionalParticipants$2,
     nylasAvailabilityPicker: nylasAvailabilityPicker$2,
@@ -14649,6 +14691,8 @@ var zhCnTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected$1 = "Geen datum geselecteerd";
+const noDatesAvailable$1 = "Geen datums beschikbaar";
+const noTimeSlotsAvailable$1 = "Geen tijdsloten beschikbaar voor de geselecteerde datum";
 const rescheduleTitle$1 = "Kies een ander tijdslot om je afspraak te verzetten";
 const notetakerConsentMessage$1 = "Door op \"Nu boeken\" te klikken, stemt u ermee in dat uw gesprek wordt opgenomen.";
 const allDay$1 = "Alle dag";
@@ -15461,6 +15505,8 @@ const nylasEventCalendar$1 = {
 };
 var nl$2 = {
 	noDateSelected: noDateSelected$1,
+	noDatesAvailable: noDatesAvailable$1,
+	noTimeSlotsAvailable: noTimeSlotsAvailable$1,
 	rescheduleTitle: rescheduleTitle$1,
 	notetakerConsentMessage: notetakerConsentMessage$1,
 	allDay: allDay$1,
@@ -15706,8 +15752,10 @@ var nlTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder$1,
     nextButton: nextButton$1,
     noDateSelected: noDateSelected$1,
+    noDatesAvailable: noDatesAvailable$1,
     noSchedulingPages: noSchedulingPages$1,
     noSessionIdErrorTitle: noSessionIdErrorTitle,
+    noTimeSlotsAvailable: noTimeSlotsAvailable$1,
     notetakerConsentMessage: notetakerConsentMessage$1,
     nylasAdditionalParticipants: nylasAdditionalParticipants$1,
     nylasAvailabilityPicker: nylasAvailabilityPicker$1,
@@ -15788,6 +15836,8 @@ var nlTranslation = /*#__PURE__*/Object.freeze({
 });
 
 const noDateSelected = "날짜가 선택되지 않았습니다";
+const noDatesAvailable = "사용 가능한 날짜가 없습니다";
+const noTimeSlotsAvailable = "선택한 날짜에 사용 가능한 시간대가 없습니다";
 const rescheduleTitle = "회의 일정을 변경할 다른 시간대를 선택하세요";
 const notetakerConsentMessage = "\"지금 예약\"을 클릭하면 통화가 녹화되는 것에 동의한 것으로 간주됩니다.";
 const allDay = "온 날";
@@ -16595,6 +16645,8 @@ const nylasEventCalendar = {
 };
 var ko$2 = {
 	noDateSelected: noDateSelected,
+	noDatesAvailable: noDatesAvailable,
+	noTimeSlotsAvailable: noTimeSlotsAvailable,
 	rescheduleTitle: rescheduleTitle,
 	notetakerConsentMessage: notetakerConsentMessage,
 	allDay: allDay,
@@ -16840,7 +16892,9 @@ var koTranslation = /*#__PURE__*/Object.freeze({
     namePlaceholder: namePlaceholder,
     nextButton: nextButton,
     noDateSelected: noDateSelected,
+    noDatesAvailable: noDatesAvailable,
     noSchedulingPages: noSchedulingPages,
+    noTimeSlotsAvailable: noTimeSlotsAvailable,
     notetakerConsentMessage: notetakerConsentMessage,
     nylasAdditionalParticipants: nylasAdditionalParticipants,
     nylasAvailabilityPicker: nylasAvailabilityPicker,
@@ -28244,14 +28298,15 @@ function mergeDeep(target, source) {
     }
     return source;
 }
-function convertMinutesToHoursAndMinutes(minutes) {
+function convertMinutesToHoursAndMinutes(minutes, language) {
+    const translate = language ? instance.getFixedT(language) : t;
     if (minutes < 60) {
-        return `${minutes} ${t('time.minutes')}`;
+        return `${minutes} ${translate('time.minutes')}`;
     }
     const hours = Math.floor(minutes / 60);
     const remainingMinutes = minutes % 60;
-    const hoursText = t(`time.${hours > 1 ? 'hours' : 'hour'}`);
-    const minutesText = remainingMinutes ? `${remainingMinutes} ${t(`time.${remainingMinutes > 1 ? 'minutes' : 'minute'}`)}` : '';
+    const hoursText = translate(`time.${hours > 1 ? 'hours' : 'hour'}`);
+    const minutesText = remainingMinutes ? `${remainingMinutes} ${translate(`time.${remainingMinutes > 1 ? 'minutes' : 'minute'}`)}` : '';
     return `${hours} ${hoursText} ${minutesText}`;
 }
 function checkForMissingSlots(slots, host) {
@@ -28301,10 +28356,14 @@ function compactStringToUUIDs(compactString) {
 const t = key => {
     return instance.t(key);
 };
-function detectBrowserLanguageCode() {
-    const base = navigator.language?.split('-')[0]?.toLowerCase();
+function normalizeSupportedLanguageCode(language) {
+    const base = language?.split('-')[0]?.toLowerCase();
     return base && Object.values(exports.LANGUAGE_CODE).includes(base) ? base : null;
 }
+function detectBrowserLanguageCode() {
+    const languages = navigator.languages?.length ? navigator.languages : [navigator.language];
+    return languages.map(normalizeSupportedLanguageCode).find(Boolean) || null;
+}
 const capitalizeFirstLetter = (str) => {
     if (typeof str !== 'string')
         return '';
@@ -28487,6 +28546,7 @@ exports.isValidUrl = isValidUrl;
 exports.mergeDeep = mergeDeep;
 exports.minutesToTime = minutesToTime;
 exports.normalizeDateInput = normalizeDateInput;
+exports.normalizeSupportedLanguageCode = normalizeSupportedLanguageCode;
 exports.parsePreviewLink = parsePreviewLink;
 exports.roundToNearest15Minutes = roundToNearest15Minutes;
 exports.sanitize = sanitize;
@@ -28498,6 +28558,6 @@ exports.uniqueID = uniqueID;
 exports.utc = utc;
 exports.validateExactTimeFormat = validateExactTimeFormat;
 exports.validateTimeFormatInput = validateTimeFormatInput;
-//# sourceMappingURL=utils-DMqnHqF8.js.map
+//# sourceMappingURL=utils-C5qGWVDr.js.map
 
-//# sourceMappingURL=utils-DMqnHqF8.js.map
+//# sourceMappingURL=utils-C5qGWVDr.js.map