npm - @nylas/web-elements - Versions diffs - 2.0.1 → 2.0.3 - Mend

@nylas/web-elements 2.0.1 → 2.0.3

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

Files changed (241) hide show

package/dist/cjs/{abstract-provider-ca4f7e4f.js → abstract-provider-f84a6735.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const utils = require('./utils-dd3b6f4c.js');
+const utils = require('./utils-03b13826.js');
 class NylasAbstractProvider {
     constructor(host, stores, automaticComponentRegistration = true, eventOverrides) {
@@ -281,4 +281,4 @@ class NylasBaseProvider extends NylasAbstractProvider {
 exports.NylasBaseProvider = NylasBaseProvider;
-//# sourceMappingURL=abstract-provider-ca4f7e4f.js.map
+//# sourceMappingURL=abstract-provider-f84a6735.js.map

package/dist/cjs/{abstract-provider-ca4f7e4f.js.map → abstract-provider-f84a6735.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"abstract-provider-ca4f7e4f.js","mappings":"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","names":["debug","uniqueID","formatEventName"],"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}
1	+ {"file":"abstract-provider-f84a6735.js","mappings":"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","names":["debug","uniqueID","formatEventName"],"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/cjs/app-globals-ee500b74.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"app-globals-ee500b74.js","mappings":";;AAAe;;ACCH,MAAC,aAAa,GAAG;;;;","names":[],"sources":["src/common/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["export default async function () {}\n","import appGlobalScript from '/~~home~~/~~runner~~/~~work~~/~~nylas~~/nylas/packages/nylas-web-elements/src/common/global.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
1	+ {"file":"app-globals-ee500b74.js","mappings":";;AAAe;;ACCH,MAAC,aAAa,GAAG;;;;","names":[],"sources":["src/common/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["export default async function () {}\n","import appGlobalScript from '/Users/pooja.g/poojaguggari/github/nylas/packages/nylas-web-elements/src/common/global.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/calendar-agenda-fill-icon_36.cjs.entry.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-e07e3a7e.js');
-const registerComponent = require('./register-component-70744713.js');
-const utils = require('./utils-dd3b6f4c.js');
+const registerComponent = require('./register-component-f4ad9751.js');
+const utils = require('./utils-03b13826.js');
 const constants = require('./constants-27331d2d.js');
 const iconCss$9 = ".sc-calendar-agenda-fill-icon-h{display:flex}";
@@ -654,6 +654,8 @@ const NylasBookingConfirmationRedirect = class {
         this.currentRedirectUrl = '';
         this.acceptUrl = undefined;
         this.componentLoaded = false;
+        this.requiredError = '';
+        this.patternError = '';
     }
     elementNameChangedHandler(newValue) {
         utils.debug('nylas-booking-confirmation-redirect', 'elementNameChangedHandler', newValue);
@@ -670,6 +672,8 @@ const NylasBookingConfirmationRedirect = class {
         if (newVal === oldVal)
             return;
         utils.instance.changeLanguage(newVal);
+        this.requiredError = utils.instance.t('fieldRequired', { field: utils.instance.t('redirectUrl') });
+        this.patternError = utils.instance.t('invalidInputFormat', { field: utils.instance.t('redirectUrl') });
     }
     connectedCallback() {
         utils.debug('nylas-booking-confirmation-redirect', 'connectedCallback');
@@ -727,8 +731,8 @@ const NylasBookingConfirmationRedirect = class {
         if (this.acceptUrl && name === 'confirmation-redirect') {
             this.redirectUrlErrorMessage = '';
             if (!utils.isValidUrl(this.currentRedirectUrl)) {
-                this.internals.setValidity({ customError: true }, 'Please enter a valid URL.');
-                this.redirectUrlErrorMessage = 'Please enter a valid URL.';
+                this.internals.setValidity({ customError: true }, utils.instance.t('nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage'));
+                this.redirectUrlErrorMessage = utils.instance.t('nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage');
                 return;
             }
             this.internals.setValidity({});
@@ -741,8 +745,8 @@ const NylasBookingConfirmationRedirect = class {
     }
     formSubmittedHandler(_event) {
         if (this.acceptUrl && !utils.isValidUrl(this.currentRedirectUrl)) {
-            this.internals.setValidity({ customError: true }, 'Please enter a valid URL.');
-            this.redirectUrlErrorMessage = 'Please enter a valid URL.';
+            this.internals.setValidity({ customError: true }, utils.instance.t('nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage'));
+            this.redirectUrlErrorMessage = utils.instance.t('nylasBookingConfirmationRedirect.customRedirectUrlErrorMessage');
         }
         else {
             this.internals.setValidity({});
@@ -759,7 +763,7 @@ const NylasBookingConfirmationRedirect = class {
                 value: 'custom',
             },
         ];
-        return (index$1.h(index$1.Host, { key: 'cdeb8b02f983324f32eab10e0562d104e6502aaf' }, index$1.h("div", { key: '5e3acf615cebba5d2d78fbfd2c3cf6e4fe4dcd2a', class: "nylas-booking-confirmation-redirect", part: "nbcr" }, redirectOptions.length > 0 && (index$1.h("div", { class: "nylas-booking-confirmation-redirect__dropdown" }, index$1.h("span", { class: "label" }, utils.instance.t('nylasBookingConfirmationRedirect.dropdownLabel'), index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasBookingConfirmationRedirect.tooltip.desc')))), this.componentLoaded && (index$1.h("select-dropdown", { name: "confirmation-redirect-dropdown", options: redirectOptions, withSearch: false, defaultSelectedOption: redirectOptions.find(option => option.value === (this.acceptUrl ? 'custom' : 'default')), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content" })), this.acceptUrl && (index$1.h("div", null, index$1.h("input-component", { name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: "Enter custom redirect URL", required: false, part: "ic__input_wrapper: nbcr__input-textfield", defaultValue: this.currentRedirectUrl }), this.redirectUrlErrorMessage && index$1.h("span", { class: "error-message" }, this.redirectUrlErrorMessage))))))));
+        return (index$1.h(index$1.Host, { key: '3f0b860be075b40c1c4c128b3300de4ecccd8057' }, index$1.h("div", { key: '75bd98cf98b22ede61543e1c6d4cb3e1a2fab868', class: "nylas-booking-confirmation-redirect", part: "nbcr" }, redirectOptions.length > 0 && (index$1.h("div", { class: "nylas-booking-confirmation-redirect__dropdown" }, index$1.h("span", { class: "label" }, utils.instance.t('nylasBookingConfirmationRedirect.dropdownLabel'), index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasBookingConfirmationRedirect.tooltip.desc')))), this.componentLoaded && (index$1.h("select-dropdown", { name: "confirmation-redirect-dropdown", options: redirectOptions, withSearch: false, defaultSelectedOption: redirectOptions.find(option => option.value === (this.acceptUrl ? 'custom' : 'default')), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content" })), this.acceptUrl && (index$1.h("div", null, index$1.h("input-component", { name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: utils.instance.t('nylasBookingConfirmationRedirect.customRedirectUrlPlaceholder'), required: false, part: "ic__input_wrapper: nbcr__input-textfield", requiredError: this.requiredError, patternError: this.patternError, defaultValue: this.currentRedirectUrl }), this.redirectUrlErrorMessage && index$1.h("span", { class: "error-message" }, this.redirectUrlErrorMessage))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -4625,11 +4629,14 @@ const NylasConfirmationEmail = class {
     render() {
         const organizer = this.participantsState.find(p => p.is_organizer);
         const organizerName = organizer?.name || organizer?.email;
-        return (index$1.h(index$1.Host, { key: 'f97ea75387183c592ff2d7c125c1749cd5786540' }, index$1.h("div", { key: '9a28805654e4c8fb4778d821b92c45cb8c616730', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '3c9f7313a008cfbe506a211b46b361da4447a481', class: "header", part: "nce__header" }, index$1.h("div", { key: '4c980155e1b10a49b50202a6c34e45c3d8882e22' }, index$1.h("h3", { key: 'e56be66a98d11404875372d40ea1bca5564c1ba1' }, this.confirmationEmail?.booking_confirmed?.title ||
-            utils.instance.t('nylasConfirmationEmail.headerTitle', { organizerName: `${organizerName ? ` with ${organizerName}` : ''}` })), index$1.h("p", { key: 'c4ceda25ce206e9ca78cfcc4bb887a89a7498b73' }, utils.instance.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
+        return (index$1.h(index$1.Host, { key: 'f97ea75387183c592ff2d7c125c1749cd5786540' }, index$1.h("div", { key: '9a28805654e4c8fb4778d821b92c45cb8c616730', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '3c9f7313a008cfbe506a211b46b361da4447a481', class: "header", part: "nce__header" }, index$1.h("div", { key: '4c980155e1b10a49b50202a6c34e45c3d8882e22' }, index$1.h("h3", { key: 'e56be66a98d11404875372d40ea1bca5564c1ba1' }, this.confirmationEmail?.booking_confirmed?.title || organizerName
+            ? utils.instance.t('nylasConfirmationEmail.headerTitle_withOrganizer', { organizerName: organizerName })
+            : utils.instance.t('nylasConfirmationEmail.headerTitle')), index$1.h("p", { key: 'bf710ceb827923da51a2ab5e79217491d39cbc66' }, utils.instance.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.toggleConfirmationEmail();
-            } }, index$1.h("edit-icon", { width: "16", height: "16" }), utils.instance.t('nylasConfirmationEmail.editButtonText')))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, index$1.h("div", { class: "nylas-confirmation-email__section" }, this.nylasBranding && (index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("label", null, utils.instance.t('nylasConfirmationEmail.nylasBranding.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.nylasBranding.tooltip.desc'))))), index$1.h("toggle-switch", { exportparts: "ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider", name: `confirmation-email-show-branding`, checked: this.confirmationEmail?.show_nylas_branding }))), index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("div", { class: "subsection" }, index$1.h("div", { class: "input-container" }, index$1.h("label", null, utils.instance.t('nylasConfirmationEmail.companyLogoUrl.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.companyLogoUrl.tooltip.desc'))))), this.confirmationEmail && (index$1.h("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", errorMessage: this.invalidImageErrorMessage, imageUrl: this.confirmationEmail?.logo ?? '' }))))), index$1.h("div", { class: "nylas-confirmation-email__row full-width-col" }, index$1.h("div", { class: "subsection" }, index$1.h("h3", null, utils.instance.t('nylasConfirmationEmail.emailMessage.header')), index$1.h("div", { class: "input-container" }, index$1.h("label", { htmlFor: "title" }, utils.instance.t('nylasConfirmationEmail.emailMessage.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.emailMessage.tooltip.desc'))))), index$1.h("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: utils.instance.t('nylasConfirmationEmail.headerTitle', { organizerName: `${organizerName ? ` with ${organizerName}` : ''}` }), defaultValue: this.confirmationEmail?.booking_confirmed?.title ?? '' })), index$1.h("div", { class: "input-container" }, index$1.h("textarea-component", { label: utils.instance.t('nylasConfirmationEmail.emailMessage.additionalInfoLabel'), name: "confirmation-email-body", id: "confirmation-email-body", placeholder: utils.instance.t('nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder'), tooltip: utils.instance.t('nylasConfirmationEmail.emailMessage.additionalInfoTooltip'), maxLength: 500, defaultValue: this.confirmationEmail?.booking_confirmed?.body ?? '' }))))))) : (index$1.h("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("person-clipboard-icon", null)), utils.instance.t('nylasConfirmationEmail.allHosts')), index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("clock-icon", null)), utils.instance.t('nylasConfirmationEmail.immediatelyUponBooking')))))));
+            } }, index$1.h("edit-icon", { width: "16", height: "16" }), utils.instance.t('nylasConfirmationEmail.editButtonText')))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, index$1.h("div", { class: "nylas-confirmation-email__section" }, this.nylasBranding && (index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("label", null, utils.instance.t('nylasConfirmationEmail.nylasBranding.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.nylasBranding.tooltip.desc'))))), index$1.h("toggle-switch", { exportparts: "ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider", name: `confirmation-email-show-branding`, checked: this.confirmationEmail?.show_nylas_branding }))), index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("div", { class: "subsection" }, index$1.h("div", { class: "input-container" }, index$1.h("label", null, utils.instance.t('nylasConfirmationEmail.companyLogoUrl.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.companyLogoUrl.tooltip.desc'))))), this.confirmationEmail && (index$1.h("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", errorMessage: this.invalidImageErrorMessage, imageUrl: this.confirmationEmail?.logo ?? '' }))))), index$1.h("div", { class: "nylas-confirmation-email__row full-width-col" }, index$1.h("div", { class: "subsection" }, index$1.h("h3", null, utils.instance.t('nylasConfirmationEmail.emailMessage.header')), index$1.h("div", { class: "input-container" }, index$1.h("label", { htmlFor: "title" }, utils.instance.t('nylasConfirmationEmail.emailMessage.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.emailMessage.tooltip.desc'))))), index$1.h("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: organizerName
+                ? utils.instance.t('nylasConfirmationEmail.headerTitle_withOrganizer', { organizerName: organizerName })
+                : utils.instance.t('nylasConfirmationEmail.headerTitle'), defaultValue: this.confirmationEmail?.booking_confirmed?.title ?? '' })), index$1.h("div", { class: "input-container" }, index$1.h("textarea-component", { label: utils.instance.t('nylasConfirmationEmail.emailMessage.additionalInfoLabel'), name: "confirmation-email-body", id: "confirmation-email-body", placeholder: utils.instance.t('nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder'), tooltip: utils.instance.t('nylasConfirmationEmail.emailMessage.additionalInfoTooltip'), maxLength: 500, defaultValue: this.confirmationEmail?.booking_confirmed?.body ?? '' }))))))) : (index$1.h("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("person-clipboard-icon", null)), utils.instance.t('nylasConfirmationEmail.allHosts')), index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("clock-icon", null)), utils.instance.t('nylasConfirmationEmail.immediatelyUponBooking')))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -4991,6 +4998,8 @@ const NylasCustomEventSlug = class {
         this.urlSlug = undefined;
         this.focus = false;
         this.copied = false;
+        this.requiredError = utils.instance.t('fieldRequired', { field: 'Slug' });
+        this.patternError = utils.instance.t('invalidInputFormat', { field: 'Slug' });
     }
     connectedCallback() {
         utils.debug('nylas-custom-event-slug', 'connectedCallback');
@@ -5036,6 +5045,8 @@ const NylasCustomEventSlug = class {
         if (newVal === oldVal)
             return;
         utils.instance.changeLanguage(newVal);
+        this.requiredError = utils.instance.t('fieldRequired', { field: 'Slug' });
+        this.patternError = utils.instance.t('invalidInputFormat', { field: 'Slug' });
     }
     async nylasFormInputChangeHandler(event) {
         const { name, value } = event.detail;
@@ -5053,14 +5064,14 @@ const NylasCustomEventSlug = class {
         this.slugErrorMessage = '';
         this.internals.setValidity({});
         this.focus = false;
-        if (this.requiresSlug && this.urlSlug === '') {
-            this.internals.setValidity({ customError: true }, 'Slug is required');
-            this.slugErrorMessage = 'Slug cannot be blank';
+        if (this.requiresSlug && this.urlSlug.trim() === '') {
+            this.internals.setValidity({ customError: true }, utils.instance.t('nylasCustomEventSlug.slugRequiredErrorMessage'));
+            this.slugErrorMessage = utils.instance.t('nylasCustomEventSlug.slugRequiredErrorMessage');
             return;
         }
-        if (!/^[A-Za-z0-9_-]*$/.test(this.urlSlug)) {
-            this.internals.setValidity({ customError: true }, 'Invalid slug: Only letters, numbers, and hyphens are allowed.');
-            this.slugErrorMessage = 'Invalid slug: Only letters, numbers, and hyphens are allowed.';
+        if (!/^[A-Za-z0-9._-]*$/.test(this.urlSlug.trim())) {
+            this.internals.setValidity({ customError: true }, utils.instance.t('nylasCustomEventSlug.slugErrorMessage'));
+            this.slugErrorMessage = utils.instance.t('nylasCustomEventSlug.slugErrorMessage');
         }
     }
     formSubmittedHandler(event) {
@@ -5086,7 +5097,7 @@ const NylasCustomEventSlug = class {
         if (!this.requiresSlug)
             return null;
         const isComponentReady = typeof this.urlSlug !== 'undefined';
-        return (index$1.h(index$1.Host, null, index$1.h("div", { class: "nylas-custom-event-slug", part: "nces" }, index$1.h("div", { class: "header", part: "nces__header" }, index$1.h("div", null, index$1.h("h3", null, utils.instance.t('nylasCustomEventSlug.headerTitle')), index$1.h("p", null, utils.instance.t('nylasCustomEventSlug.headerSubTitle'))), index$1.h("div", { class: "drawer-toggle", part: "nces__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleDrawer() }, index$1.h("chevron-icon", { width: "24", height: "24" })))), this.isOpen && (index$1.h("div", { class: "nylas-custom-event-slug__body", part: "nces__body" }, index$1.h("div", { class: "nylas-custom-event-slug__section" }, index$1.h("div", { class: "nylas-custom-event-slug__row" }, index$1.h("div", { class: "input-container" }, index$1.h("label", null, utils.instance.t('nylasCustomEventSlug.eventSlugLabel'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasCustomEventSlug.tooltip.desc'))))), index$1.h("div", { class: { 'nylas-custom-event-slug__input-wrapper': true, 'focus': this.focus, 'error': !!this.slugErrorMessage } }, index$1.h("div", { slot: "prefix", class: "prefix" }, "/"), isComponentReady && (index$1.h("input-component", { name: "event-slug", id: "event-slug", type: "text", required: false, placeholder: "my-link-name", exportparts: "ic_input: nces__input-textfield", defaultValue: this.urlSlug })), index$1.h("div", { slot: "icon", class: { icon: true, disabled: !this.urlSlug }, onClick: () => !this.copied && !!this.urlSlug && this.copyToClipboard() }, this.copied ? (index$1.h("div", { class: "copied" }, index$1.h("checkmark-icon", { width: "12", height: "18" }), " ", utils.instance.t('nylasCustomEventSlug.copied'))) : (index$1.h("copy-icon", { width: "12", height: "18" })))), this.slugErrorMessage && index$1.h("span", { class: "error-message" }, this.slugErrorMessage)))))))));
+        return (index$1.h(index$1.Host, null, index$1.h("div", { class: "nylas-custom-event-slug", part: "nces" }, index$1.h("div", { class: "header", part: "nces__header" }, index$1.h("div", null, index$1.h("h3", null, utils.instance.t('nylasCustomEventSlug.headerTitle')), index$1.h("p", null, utils.instance.t('nylasCustomEventSlug.headerSubTitle'))), index$1.h("div", { class: "drawer-toggle", part: "nces__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleDrawer() }, index$1.h("chevron-icon", { width: "24", height: "24" })))), this.isOpen && (index$1.h("div", { class: "nylas-custom-event-slug__body", part: "nces__body" }, index$1.h("div", { class: "nylas-custom-event-slug__section" }, index$1.h("div", { class: "nylas-custom-event-slug__row" }, index$1.h("div", { class: "input-container" }, index$1.h("label", null, utils.instance.t('nylasCustomEventSlug.eventSlugLabel'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasCustomEventSlug.tooltip.desc'))))), index$1.h("div", { class: { 'nylas-custom-event-slug__input-wrapper': true, 'focus': this.focus, 'error': !!this.slugErrorMessage } }, index$1.h("div", { slot: "prefix", class: "prefix" }, "/"), isComponentReady && (index$1.h("input-component", { name: "event-slug", id: "event-slug", type: "text", required: false, placeholder: "my-link-name", exportparts: "ic_input: nces__input-textfield", defaultValue: this.urlSlug, requiredError: this.requiredError, patternError: this.patternError })), index$1.h("div", { slot: "icon", class: { icon: true, disabled: !this.urlSlug }, onClick: () => !this.copied && !!this.urlSlug && this.copyToClipboard() }, this.copied ? (index$1.h("div", { class: "copied" }, index$1.h("checkmark-icon", { width: "12", height: "18" }), " ", utils.instance.t('nylasCustomEventSlug.copied'))) : (index$1.h("copy-icon", { width: "12", height: "18" })))), this.slugErrorMessage && index$1.h("span", { class: "error-message" }, this.slugErrorMessage)))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -7164,7 +7175,9 @@ const NylasReminderEmails = class {
             recipientOptions = recipientOptions.filter(option => option.value !== 'all');
         }
         return (index$1.h(index$1.Host, { key: 'a14f383c9531076b75a3c8848b1a866199675f95' }, index$1.h("div", { key: 'bfa9969c2318b4f3c23bc159524da0f05b571b51', class: "cards-container" }, this.reminders.map((reminder, index) => {
-            return reminder.type !== 'webhook' ? (index$1.h("div", { class: "nylas-reminder-email", part: "nre" }, index$1.h("div", { class: "header", part: "nre__header" }, index$1.h("div", null, index$1.h("h3", null, utils.instance.t('nylasReminderEmails.headerTitle', { organizerName: organizerName ? ` with ${organizerName} ` : '' })), index$1.h("p", null, utils.instance.t('nylasReminderEmails.headerSubTitle'))), !reminder.editing ? (index$1.h("button-component", { variant: 'basic', key: `edit-${index} `, clickHandler: event => {
+            return reminder.type !== 'webhook' ? (index$1.h("div", { class: "nylas-reminder-email", part: "nre" }, index$1.h("div", { class: "header", part: "nre__header" }, index$1.h("div", null, index$1.h("h3", null, organizerName
+                ? utils.instance.t('nylasReminderEmails.headerTitle_withOrganizer', { organizerName: ` ${organizerName}` })
+                : utils.instance.t('nylasReminderEmails.headerTitle')), index$1.h("p", null, utils.instance.t('nylasReminderEmails.headerSubTitle'))), !reminder.editing ? (index$1.h("button-component", { variant: 'basic', key: `edit-${index} `, clickHandler: event => {
                     event.preventDefault();
                     reminder.editing = true;
                     this.reminders = [...this.reminders];
@@ -7176,11 +7189,13 @@ const NylasReminderEmails = class {
                     this.reminders = [...this.reminders];
                 } }, index$1.h("chevron-icon", { width: "24", height: "24" }))))), reminder.editing ? (index$1.h("div", { class: "nylas-reminder-email__body", part: "nre__body" }, index$1.h("div", { class: "nylas-reminder-email__section" }, index$1.h("div", { class: "nylas-reminder-email__row" }, index$1.h("label", null, utils.instance.t('nylasReminderEmails.emailRecipients.label')), index$1.h("select-dropdown", { name: `recipient-${index}`, options: recipientOptions, defaultSelectedOption: recipientOptions.find(i => i.value === reminder.recipient) ?? recipientOptions[0], withSearch: false })), index$1.h("div", { class: "nylas-reminder-email__row" }, index$1.h("label", null, utils.instance.t('nylasReminderEmails.sendConfirmation.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasReminderEmails.sendConfirmation.tooltip.desc'))))), index$1.h("div", null, index$1.h("nylas-reminder-time", { name: `reminder-time-${index}`, eventReminderTimeMinutes: reminder.minutes_before_event, exportparts: "nrt, nrt__number-dropdown, nrt__number-dropdown-button, nrt__number-dropdown-content, nrt__period-dropdown, nrt__period-dropdown-button, nrt__period-dropdown-content, nrt__time-period-selector" }), this.reminderErrors[`reminder-time-${index}`]?.error && (index$1.h("p", { class: "error-message" }, this.reminderErrors[`reminder-time-${index}`]?.error, ' ', index$1.h("button-component", { variant: "invisible", onClick: _e => {
                     this.nylasSuggestReminderMinutes.emit({ minutes: this.reminderErrors[`reminder-time-${index}`]?.suggestion });
-                } }, this.reminderErrors[`reminder-time-${index}`]?.suggestion))))), index$1.h("div", { class: "nylas-reminder-email__block" }, index$1.h("label", null, utils.instance.t('nylasReminderEmails.emailSubject.label')), index$1.h("input-component", { name: `reminder-subject-${index}`, maxLength: 60, placeholder: utils.instance.t('nylasReminderEmails.emailSubject.placeholder', { organizerName: organizerName ? ` with ${organizerName}` : '' }), defaultValue: reminder?.email_subject || '' }))))) : (index$1.h("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("person-clipboard-icon", null)), recipientOptions.find(i => i.value === reminder.recipient)?.label), index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("clock-icon", null)), this.formatReminderTime(reminder.minutes_before_event), " ", utils.instance.t('nylasReminderEmails.beforeTheEvent')))))) : null;
-        })), index$1.h("button-component", { key: '7ce94e57ade399ef39bb69df3bef3c0eec4c94ce', class: "create-reminder", variant: 'basic', clickHandler: event => {
+                } }, this.reminderErrors[`reminder-time-${index}`]?.suggestion))))), index$1.h("div", { class: "nylas-reminder-email__block" }, index$1.h("label", null, utils.instance.t('nylasReminderEmails.emailSubject.label')), index$1.h("input-component", { name: `reminder-subject-${index}`, maxLength: 60, placeholder: organizerName
+                    ? utils.instance.t('nylasReminderEmails.emailSubject.placeholder_withOrganizer', { organizerName: organizerName })
+                    : utils.instance.t('nylasReminderEmails.emailSubject.placeholder'), defaultValue: reminder?.email_subject || '' }))))) : (index$1.h("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("person-clipboard-icon", null)), recipientOptions.find(i => i.value === reminder.recipient)?.label), index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("clock-icon", null)), this.formatReminderTime(reminder.minutes_before_event), " ", utils.instance.t('nylasReminderEmails.beforeTheEvent')))))) : null;
+        })), index$1.h("button-component", { key: 'c3ed905e5bb3a2dfd208e2ee15d687af5bce77b7', class: "create-reminder", variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.addReminder();
-            } }, index$1.h("plus-icon", { key: '9c40a99b724f31d196f81640c882d2c673f31f43', width: "16", height: "16" }), utils.instance.t('nylasReminderEmails.newReminderButtonText'))));
+            } }, index$1.h("plus-icon", { key: '7ad8981e96e6bafc71a8ee0853412b40d04063c8', width: "16", height: "16" }), utils.instance.t('nylasReminderEmails.newReminderButtonText'))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }