@nylas/web-elements 1.1.0-canary.3 → 1.1.0-canary.5

package/dist/components/index.d.ts

@@ -1,3 +1,181 @@
+/* NylasWebElements custom elements */
+export { AddCircleIcon as AddCircleIcon } from '../types/common/icons/add-circle';
+export { defineCustomElement as defineCustomElementAddCircleIcon } from './add-circle-icon';
+export { ArchiveIcon as ArchiveIcon } from '../types/common/icons/archive';
+export { defineCustomElement as defineCustomElementArchiveIcon } from './archive-icon';
+export { ArrowIcon as ArrowIcon } from '../types/common/icons/arrow';
+export { defineCustomElement as defineCustomElementArrowIcon } from './arrow-icon';
+export { BoldIcon as BoldIcon } from '../types/common/icons/bold';
+export { defineCustomElement as defineCustomElementBoldIcon } from './bold-icon';
+export { ButtonComponent as ButtonComponent } from '../types/components/design-system/button-component/button-component';
+export { defineCustomElement as defineCustomElementButtonComponent } from './button-component';
+export { CalendarCancelIcon as CalendarCancelIcon } from '../types/common/icons/calendar-cancel';
+export { defineCustomElement as defineCustomElementCalendarCancelIcon } from './calendar-cancel-icon';
+export { CalendarCheckIcon as CalendarCheckIcon } from '../types/common/icons/calendar-check';
+export { defineCustomElement as defineCustomElementCalendarCheckIcon } from './calendar-check-icon';
+export { CalendarIcon as CalendarIcon } from '../types/common/icons/calendar';
+export { defineCustomElement as defineCustomElementCalendarIcon } from './calendar-icon';
+export { CalendarInfoIcon as CalendarInfoIcon } from '../types/common/icons/calendar-info';
+export { defineCustomElement as defineCustomElementCalendarInfoIcon } from './calendar-info-icon';
+export { CalendarPatternsIcon as CalendarPatternsIcon } from '../types/common/icons/calendar-patterns';
+export { defineCustomElement as defineCustomElementCalendarPatternsIcon } from './calendar-patterns-icon';
+export { CheckmarkCircleIcon as CheckmarkCircleIcon } from '../types/common/icons/checkmark-circle';
+export { defineCustomElement as defineCustomElementCheckmarkCircleIcon } from './checkmark-circle-icon';
+export { ChevronIcon as ChevronIcon } from '../types/common/icons/chevron';
+export { defineCustomElement as defineCustomElementChevronIcon } from './chevron-icon';
+export { CloseIcon as CloseIcon } from '../types/common/icons/close';
+export { defineCustomElement as defineCustomElementCloseIcon } from './close-icon';
+export { DocumentRefreshIcon as DocumentRefreshIcon } from '../types/common/icons/document-refresh';
+export { defineCustomElement as defineCustomElementDocumentRefreshIcon } from './document-refresh-icon';
+export { FlowIcon as FlowIcon } from '../types/common/icons/flow';
+export { defineCustomElement as defineCustomElementFlowIcon } from './flow-icon';
+export { FolderIcon as FolderIcon } from '../types/common/icons/folder';
+export { defineCustomElement as defineCustomElementFolderIcon } from './folder-icon';
+export { ForwardIcon as ForwardIcon } from '../types/common/icons/forward';
+export { defineCustomElement as defineCustomElementForwardIcon } from './forward-icon';
+export { GlobeIcon as GlobeIcon } from '../types/common/icons/globe';
+export { defineCustomElement as defineCustomElementGlobeIcon } from './globe-icon';
+export { GoogleLogoIcon as GoogleLogoIcon } from '../types/common/icons/google-logo';
+export { defineCustomElement as defineCustomElementGoogleLogoIcon } from './google-logo-icon';
+export { InboxIcon as InboxIcon } from '../types/common/icons/inbox';
+export { defineCustomElement as defineCustomElementInboxIcon } from './inbox-icon';
+export { InfoIcon as InfoIcon } from '../types/common/icons/info';
+export { defineCustomElement as defineCustomElementInfoIcon } from './info-icon';
+export { ItalicIcon as ItalicIcon } from '../types/common/icons/italic';
+export { defineCustomElement as defineCustomElementItalicIcon } from './italic-icon';
+export { LoadingIcon as LoadingIcon } from '../types/common/icons/loading';
+export { defineCustomElement as defineCustomElementLoadingIcon } from './loading-icon';
+export { LocationIcon as LocationIcon } from '../types/common/icons/location';
+export { defineCustomElement as defineCustomElementLocationIcon } from './location-icon';
+export { LocationOffIcon as LocationOffIcon } from '../types/common/icons/location-off';
+export { defineCustomElement as defineCustomElementLocationOffIcon } from './location-off-icon';
+export { MicrosoftLogoIcon as MicrosoftLogoIcon } from '../types/common/icons/microsoft-logo';
+export { defineCustomElement as defineCustomElementMicrosoftLogoIcon } from './microsoft-logo-icon';
+export { MultiSelectDropdown as MultiSelectDropdown } from '../types/components/design-system/multi-select-dropdown/multi-select-dropdown';
+export { defineCustomElement as defineCustomElementMultiSelectDropdown } from './multi-select-dropdown';
+export { NylasAdditionalParticipants as NylasAdditionalParticipants } from '../types/components/scheduler-editor/nylas-additional-participants/nylas-additional-participants';
+export { defineCustomElement as defineCustomElementNylasAdditionalParticipants } from './nylas-additional-participants';
+export { NylasAvailabilityPicker as NylasAvailabilityPicker } from '../types/components/scheduler-editor/nylas-availability-picker/nylas-availability-picker';
+export { defineCustomElement as defineCustomElementNylasAvailabilityPicker } from './nylas-availability-picker';
+export { NylasBookedEventCard as NylasBookedEventCard } from '../types/components/scheduler/nylas-booked-event-card/nylas-booked-event-card';
+export { defineCustomElement as defineCustomElementNylasBookedEventCard } from './nylas-booked-event-card';
+export { NylasBookingCalendarPicker as NylasBookingCalendarPicker } from '../types/components/scheduler-editor/nylas-booking-calendar-picker/nylas-booking-calendar-picker';
+export { defineCustomElement as defineCustomElementNylasBookingCalendarPicker } from './nylas-booking-calendar-picker';
+export { NylasBookingForm as NylasBookingForm } from '../types/components/scheduler/nylas-booking-form/nylas-booking-form';
+export { defineCustomElement as defineCustomElementNylasBookingForm } from './nylas-booking-form';
+export { NylasBufferTime as NylasBufferTime } from '../types/components/scheduler-editor/nylas-buffer-time/nylas-buffer-time';
+export { defineCustomElement as defineCustomElementNylasBufferTime } from './nylas-buffer-time';
+export { NylasCalendarPicker as NylasCalendarPicker } from '../types/components/scheduler-editor/nylas-calendar-picker/nylas-calendar-picker';
+export { defineCustomElement as defineCustomElementNylasCalendarPicker } from './nylas-calendar-picker';
+export { NylasCancelBookingForm as NylasCancelBookingForm } from '../types/components/scheduler/nylas-cancel-booking-form/nylas-cancel-booking-form';
+export { defineCustomElement as defineCustomElementNylasCancelBookingForm } from './nylas-cancel-booking-form';
+export { NylasCancelledEventCard as NylasCancelledEventCard } from '../types/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card';
+export { defineCustomElement as defineCustomElementNylasCancelledEventCard } from './nylas-cancelled-event-card';
+export { NylasComposer as NylasComposer } from '../types/components/mailbox/nylas-composer/nylas-composer';
+export { defineCustomElement as defineCustomElementNylasComposer } from './nylas-composer';
+export { NylasCustomBookingFlow as NylasCustomBookingFlow } from '../types/components/scheduler-editor/nylas-custom-booking-flow/nylas-custom-booking-flow';
+export { defineCustomElement as defineCustomElementNylasCustomBookingFlow } from './nylas-custom-booking-flow';
+export { NylasDatePicker as NylasDatePicker } from '../types/components/scheduler/nylas-date-picker/nylas-date-picker';
+export { defineCustomElement as defineCustomElementNylasDatePicker } from './nylas-date-picker';
+export { NylasEditorTabs as NylasEditorTabs } from '../types/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs';
+export { defineCustomElement as defineCustomElementNylasEditorTabs } from './nylas-editor-tabs';
+export { NylasEventDescription as NylasEventDescription } from '../types/components/scheduler-editor/nylas-event-description/nylas-event-description';
+export { defineCustomElement as defineCustomElementNylasEventDescription } from './nylas-event-description';
+export { NylasEventDuration as NylasEventDuration } from '../types/components/scheduler-editor/nylas-event-duration/nylas-event-duration';
+export { defineCustomElement as defineCustomElementNylasEventDuration } from './nylas-event-duration';
+export { NylasEventInfo as NylasEventInfo } from '../types/components/scheduler-editor/nylas-event-info/nylas-event-info';
+export { defineCustomElement as defineCustomElementNylasEventInfo } from './nylas-event-info';
+export { NylasEventLimits as NylasEventLimits } from '../types/components/scheduler-editor/nylas-event-limits/nylas-event-limits';
+export { defineCustomElement as defineCustomElementNylasEventLimits } from './nylas-event-limits';
+export { NylasEventTitle as NylasEventTitle } from '../types/components/scheduler-editor/nylas-event-title/nylas-event-title';
+export { defineCustomElement as defineCustomElementNylasEventTitle } from './nylas-event-title';
+export { NylasFormCard as NylasFormCard } from '../types/components/scheduler-editor/nylas-form-card/nylas-form-card';
+export { defineCustomElement as defineCustomElementNylasFormCard } from './nylas-form-card';
+export { NylasIfState as NylasIfState } from '../types/components/nylas-if-state/nylas-if-state';
+export { defineCustomElement as defineCustomElementNylasIfState } from './nylas-if-state';
+export { NylasLimitFutureBookings as NylasLimitFutureBookings } from '../types/components/scheduler-editor/nylas-limit-future-bookings/nylas-limit-future-bookings';
+export { defineCustomElement as defineCustomElementNylasLimitFutureBookings } from './nylas-limit-future-bookings';
+export { NylasListConfigurations as NylasListConfigurations } from '../types/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations';
+export { defineCustomElement as defineCustomElementNylasListConfigurations } from './nylas-list-configurations';
+export { NylasListFolders as NylasListFolders } from '../types/components/mailbox/nylas-list-folders/nylas-list-folders';
+export { defineCustomElement as defineCustomElementNylasListFolders } from './nylas-list-folders';
+export { NylasListThreads as NylasListThreads } from '../types/components/mailbox/nylas-list-threads/nylas-list-threads';
+export { defineCustomElement as defineCustomElementNylasListThreads } from './nylas-list-threads';
+export { NylasLocaleSwitch as NylasLocaleSwitch } from '../types/components/scheduler/nylas-locale-switch/nylas-locale-switch';
+export { defineCustomElement as defineCustomElementNylasLocaleSwitch } from './nylas-locale-switch';
+export { NylasLocationComponent as NylasLocationComponent } from '../types/components/scheduler-editor/nylas-location-component/nylas-location-component';
+export { defineCustomElement as defineCustomElementNylasLocationComponent } from './nylas-location-component';
+export { NylasLogin as NylasLogin } from '../types/components/nylas-login/nylas-login';
+export { defineCustomElement as defineCustomElementNylasLogin } from './nylas-login';
+export { NylasLogo as NylasLogo } from '../types/common/icons/nylas-logo';
+export { defineCustomElement as defineCustomElementNylasLogo } from './nylas-logo';
+export { NylasMailbox as NylasMailbox } from '../types/components/mailbox/nylas-mailbox/nylas-mailbox';
+export { defineCustomElement as defineCustomElementNylasMailbox } from './nylas-mailbox';
+export { NylasMailboxPagination as NylasMailboxPagination } from '../types/components/mailbox/nylas-mailbox-pagination/nylas-mailbox-pagination';
+export { defineCustomElement as defineCustomElementNylasMailboxPagination } from './nylas-mailbox-pagination';
+export { NylasMailboxToolbarButton as NylasMailboxToolbarButton } from '../types/components/mailbox/nylas-mailbox-toolbar-button/nylas-mailbox-toolbar-button';
+export { defineCustomElement as defineCustomElementNylasMailboxToolbarButton } from './nylas-mailbox-toolbar-button';
+export { NylasMinCancellationNotice as NylasMinCancellationNotice } from '../types/components/scheduler-editor/nylas-min-cancellation-notice/nylas-min-cancellation-notice';
+export { defineCustomElement as defineCustomElementNylasMinCancellationNotice } from './nylas-min-cancellation-notice';
+export { NylasNotification as NylasNotification } from '../types/components/scheduler/nylas-notification/nylas-notification';
+export { defineCustomElement as defineCustomElementNylasNotification } from './nylas-notification';
+export { NylasProvider as NylasProvider } from '../types/components/nylas-provider/nylas-provider';
+export { defineCustomElement as defineCustomElementNylasProvider } from './nylas-provider';
+export { NylasSchedulerEditor as NylasSchedulerEditor } from '../types/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor';
+export { defineCustomElement as defineCustomElementNylasSchedulerEditor } from './nylas-scheduler-editor';
+export { NylasScheduling as NylasScheduling } from '../types/components/scheduler/nylas-scheduler/nylas-scheduling';
+export { defineCustomElement as defineCustomElementNylasScheduling } from './nylas-scheduling';
+export { NylasSelectedEventCard as NylasSelectedEventCard } from '../types/components/scheduler/nylas-selected-event-card/nylas-selected-event-card';
+export { defineCustomElement as defineCustomElementNylasSelectedEventCard } from './nylas-selected-event-card';
+export { NylasSummarizeMessageButton as NylasSummarizeMessageButton } from '../types/components/mailbox/nylas-summarize-message-button/nylas-summarize-message-button';
+export { defineCustomElement as defineCustomElementNylasSummarizeMessageButton } from './nylas-summarize-message-button';
+export { NylasThreadsRefresh as NylasThreadsRefresh } from '../types/components/mailbox/nylas-threads-refresh/nylas-threads-refresh';
+export { defineCustomElement as defineCustomElementNylasThreadsRefresh } from './nylas-threads-refresh';
+export { NylasThreadsSearch as NylasThreadsSearch } from '../types/components/mailbox/nylas-threads-search/nylas-threads-search';
+export { defineCustomElement as defineCustomElementNylasThreadsSearch } from './nylas-threads-search';
+export { TimeInput as NylasTimeWindowPicker } from '../types/components/scheduler-editor/nylas-time-window-picker/nylas-time-window-picker';
+export { defineCustomElement as defineCustomElementNylasTimeWindowPicker } from './nylas-time-window-picker';
+export { NylasTimeslotPicker as NylasTimeslotPicker } from '../types/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker';
+export { defineCustomElement as defineCustomElementNylasTimeslotPicker } from './nylas-timeslot-picker';
+export { NylasViewEmail as NylasViewEmail } from '../types/components/mailbox/nylas-view-email/nylas-view-email';
+export { defineCustomElement as defineCustomElementNylasViewEmail } from './nylas-view-email';
+export { NylasViewThread as NylasViewThread } from '../types/components/mailbox/nylas-view-thread/nylas-view-thread';
+export { defineCustomElement as defineCustomElementNylasViewThread } from './nylas-view-thread';
+export { PeopleIcon as PeopleIcon } from '../types/common/icons/people';
+export { defineCustomElement as defineCustomElementPeopleIcon } from './people-icon';
+export { PlayIcon as PlayIcon } from '../types/common/icons/play';
+export { defineCustomElement as defineCustomElementPlayIcon } from './play-icon';
+export { RefreshIcon as RefreshIcon } from '../types/common/icons/refresh';
+export { defineCustomElement as defineCustomElementRefreshIcon } from './refresh-icon';
+export { ReplyAllIcon as ReplyAllIcon } from '../types/common/icons/reply-all';
+export { defineCustomElement as defineCustomElementReplyAllIcon } from './reply-all-icon';
+export { ReplyIcon as ReplyIcon } from '../types/common/icons/reply';
+export { defineCustomElement as defineCustomElementReplyIcon } from './reply-icon';
+export { SearchIcon as SearchIcon } from '../types/common/icons/search';
+export { defineCustomElement as defineCustomElementSearchIcon } from './search-icon';
+export { SelectDropdown as SelectDropdown } from '../types/components/design-system/select-dropdown/select-dropdown';
+export { defineCustomElement as defineCustomElementSelectDropdown } from './select-dropdown';
+export { SentIcon as SentIcon } from '../types/common/icons/sent';
+export { defineCustomElement as defineCustomElementSentIcon } from './sent-icon';
+export { SpamIcon as SpamIcon } from '../types/common/icons/spam';
+export { defineCustomElement as defineCustomElementSpamIcon } from './spam-icon';
+export { StarIcon as StarIcon } from '../types/common/icons/star';
+export { defineCustomElement as defineCustomElementStarIcon } from './star-icon';
+export { StopIcon as StopIcon } from '../types/common/icons/stop';
+export { defineCustomElement as defineCustomElementStopIcon } from './stop-icon';
+export { TimePeriodSelector as TimePeriodSelector } from '../types/components/design-system/time-period-selector/time-period-selector';
+export { defineCustomElement as defineCustomElementTimePeriodSelector } from './time-period-selector';
+export { TooltipComponent as TooltipComponent } from '../types/components/design-system/tooltip-component/toolitp-component';
+export { defineCustomElement as defineCustomElementTooltipComponent } from './tooltip-component';
+export { GlobeIcon as TranslateIcon } from '../types/common/icons/translate';
+export { defineCustomElement as defineCustomElementTranslateIcon } from './translate-icon';
+export { TrashIcon as TrashIcon } from '../types/common/icons/trash';
+export { defineCustomElement as defineCustomElementTrashIcon } from './trash-icon';
+export { UnderlineIcon as UnderlineIcon } from '../types/common/icons/underline';
+export { defineCustomElement as defineCustomElementUnderlineIcon } from './underline-icon';
+export { WarningIcon as WarningIcon } from '../types/common/icons/warning';
+export { defineCustomElement as defineCustomElementWarningIcon } from './warning-icon';
+
 /**
  * Get the base path to where the assets can be found. Use "setAssetPath(path)"
  * if the path needs to be customized.
@@ -31,3 +209,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.es.js

@@ -1,4 +1,196 @@
-import { d as debug, u as uniqueID, s as formatEventName } from './utils.js';
+import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
+import { d as debug, C as uniqueID, D as formatEventName } from './utils.js';
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
 
 class NylasAbstractProvider {
     constructor(host, stores, automaticComponentRegistration = true, eventOverrides) {
@@ -42,6 +234,7 @@ class NylasAbstractProvider {
                 authToProp: component.authToProp,
                 eventToProps: component.eventToProps,
                 connectorToProp: component.connectorToProp,
+                localPropsToProp: component.localPropsToProp,
             };
             this.registerComponent(registeredComponent);
         });
@@ -77,11 +270,10 @@ class NylasAbstractProvider {
             debug(`[${this.hostTagName}] Component ${component.name} already registered. Skipping.`);
             return;
         }
-        const { stateToProps, getStoresToProp, eventToProps, storeToProps, connectorToProp, element } = component;
+        const { stateToProps, getStoresToProp, eventToProps, storeToProps, connectorToProp, localPropsToProp, element } = component;
         element.dataset.nylasId = uniqueID();
         this.registeredComponents[element.dataset.nylasId] = component;
         const eventOverrides = this.eventOverrides;
-        console.log('eventOverrides', eventOverrides, component.name, eventToProps);
         eventToProps?.forEach((customEventHandler, propKey) => {
             const nylasConnector = this.nylasConnector;
             const handler = async (event) => {
@@ -138,6 +330,11 @@ class NylasAbstractProvider {
             element[propKey.toString()] = stateValue;
             debug(`[${this.hostTagName}] Setting "${component.name}" prop "${propKey.toString()}" to "${stateKey}" value.`, { stateValue });
         });
+        localPropsToProp?.forEach((propKey, value) => {
+            const mappedPropValue = this.host[value];
+            element[propKey.toString()] = mappedPropValue;
+            debug(`[${this.hostTagName}] Setting "${component.name}" prop "${propKey.toString()}" to the value of "${value}" value.`, { value, mappedPropValue });
+        });
         if (getStoresToProp) {
             element[getStoresToProp?.toString()] = this.getStore;
             debug(`[${this.hostTagName}] Setting "${component.name}" prop "${getStoresToProp.toString()}" to "getStore" method.`);
@@ -3206,6 +3403,6 @@ function es(t) {
   };
 }
 
-export { NylasBaseProvider as N, Xr as X, Zr as Z, es as e, global$1 as g, nr as n };
+export { NylasBaseProvider as N, Xr as X, Zr as Z, createStore as c, es as e, global$1 as g, nr as n };
 
 //# sourceMappingURL=index.es.js.map