@nylas/web-elements 1.1.0-canary.15 → 1.1.0-canary.16

package/dist/nylas-web-elements/time-period-selector.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, e as getElement } from './index-8362ce5c.js';
+import { r as registerInstance, a as createEvent, h, i as getElement } from './index-582cfc93.js';
 import { a as debug } from './utils-49a1d17b.js';
 import './buffer-es6-5510d761.js';
 import './_commonjsHelpers-6cbf8316.js';

package/dist/nylas-web-elements/toggle-switch.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-8362ce5c.js';
+import { r as registerInstance, a as createEvent, h } from './index-582cfc93.js';
 
 const toggleSwitchCss = ".switch{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:var(--nylas-base-400);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{background-color:var(--nylas-base-0);bottom:4px;content:\"\";height:32px;left:4px;position:absolute;transition:0.4s;width:32px}input:checked+.slider{background-color:var(--nylas-success)}input:checked+.slider:before{transform:translateX(32px)}.slider.round{border-radius:35px;width:72px;height:40px}.slider.round:before{border-radius:50%}";
 

package/dist/nylas-web-elements/tooltip-component.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as getElement } from './index-8362ce5c.js';
+import { r as registerInstance, h, i as getElement } from './index-582cfc93.js';
 
 const tooltipComponentCss = ".tooltip-container{position:relative;display:flex;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:\"\";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}";
 

package/dist/nylas-web-elements/translate-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-8362ce5c.js';
+import { r as registerInstance, h } from './index-582cfc93.js';
 
 const iconCss = ".sc-translate-icon-h{display:flex}";
 

package/dist/nylas-web-elements/trash-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-8362ce5c.js';
+import { r as registerInstance, h } from './index-582cfc93.js';
 
 const iconCss = ".sc-trash-icon-h{display:flex}";
 

package/dist/nylas-web-elements/underline-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-8362ce5c.js';
+import { r as registerInstance, h } from './index-582cfc93.js';
 
 const iconCss = ".sc-underline-icon-h{display:flex}";
 

package/dist/nylas-web-elements/warning-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-8362ce5c.js';
+import { r as registerInstance, h } from './index-582cfc93.js';
 
 const iconCss = ".sc-warning-icon-h{display:flex}";
 

package/dist/types/components/design-system/input-dropdown/input-dropdown.d.ts

@@ -24,6 +24,7 @@ export declare class InputDropdown {
     }>;
     optionsChangedHandler(newValue: DropdownOption[], oldValue: DropdownOption[]): void;
     defaultSelectedOptionChangedHandler(newValue: DropdownOption, oldValue: DropdownOption): void;
+    inputValueChangedHandler(newValue: string, oldValue: string): void;
     componentWillLoad(): void;
     toggleDropdown(): void;
     selectOption(option: DropdownOption): void;

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

@@ -16,6 +16,7 @@ export declare class NylasAdditionalParticipants {
     host: HTMLNylasAdditionalParticipantsElement;
     name: string;
     eventParticipants?: Participant[];
+    participantOptions?: Participant[];
     internals: ElementInternals;
     elementNameChangedHandler(newValue: string): void;
     participants: Participant[];
@@ -24,10 +25,19 @@ export declare class NylasAdditionalParticipants {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    onInputOptionChanged(event: CustomEvent<{
+        value: string;
+        name: string;
+    }>): void;
     onParticipantChange(event: any, index: any): void;
     addParticipant(): void;
-    removeParticipant(email: string): void;
+    removeParticipant(index: number): void;
     validate(email: any, index: any): void;
+    participantsWithouOrganizer(): Participant[];
+    getArrayDifference(array1: Participant[], array2: Participant[]): {
+        value: string;
+        label: string;
+    }[];
     render(): any;
 }
 export {};

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

@@ -5,6 +5,7 @@ import { NylasSchedulerConfigConnector } from "../../../connector/nylas-schedule
 import { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from "../../../stores/scheduler-config-store";
 import { Config } from '@nylas/identity';
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { Participant } from '@nylas/core';
 export declare class NylasSchedulerEditor {
     private stores?;
     private baseProvider?;
@@ -18,6 +19,7 @@ export declare class NylasSchedulerEditor {
     schedulerPreviewLink: string;
     readonly defaultSchedulerConfigState?: Partial<NylasSchedulerConfigStoreState>;
     readonly mode: 'app' | 'composable';
+    additionalParticipants?: Participant[];
     readonly init: EventEmitter<HTMLNylasSchedulerEditorElement>;
     readonly loggedIn: EventEmitter<HTMLNylasSchedulerEditorElement>;
     readonly loggedOut: EventEmitter<HTMLNylasSchedulerEditorElement>;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+import { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, Participant, ThemeConfig, Thread, Timeslot } from "@nylas/core";
 import { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 import { DataState, InternalAttachment, NylasEvent } from "./common/types";
 import { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
@@ -27,7 +27,7 @@ import { NylasSchedulerConfigConnector } from "./connector/nylas-scheduler-confi
 import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
 import { SummarizeEvent } from "./components/mailbox/nylas-summarize-message-button/nylas-summarize-message-button";
 import { RefreshEvent } from "./components/mailbox/nylas-threads-refresh/nylas-threads-refresh";
-export { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+export { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, Participant, ThemeConfig, Thread, Timeslot } from "@nylas/core";
 export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 export { DataState, InternalAttachment, NylasEvent } from "./common/types";
 export { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
@@ -264,6 +264,7 @@ export namespace Components {
     interface NylasAdditionalParticipants {
         "eventParticipants"?: Participant[];
         "name": string;
+        "participantOptions"?: Participant[];
     }
     /**
      * The `nylas-availability-picker` component is a form input for selecting availability (open hours).
@@ -938,6 +939,10 @@ export namespace Components {
      * The `nylas-scheduler-editor` component is a form that allows users to configure the settings for the Nylas Scheduler.
      */
     interface NylasSchedulerEditor {
+        /**
+          * This prop is used to populate the additional participants and their availability in the scheduler editor.
+         */
+        "additionalParticipants"?: Participant[];
         /**
           * * The configuration id to use for the scheduler editor. If provided, then the scheduler editor will try and fetch the configuration with the provided id. If found, it will automatically load the editor with the configuration settings for editing.
          */
@@ -3304,6 +3309,7 @@ declare namespace LocalJSX {
     interface NylasAdditionalParticipants {
         "eventParticipants"?: Participant[];
         "name"?: string;
+        "participantOptions"?: Participant[];
     }
     /**
      * The `nylas-availability-picker` component is a form input for selecting availability (open hours).
@@ -4192,6 +4198,10 @@ declare namespace LocalJSX {
      * The `nylas-scheduler-editor` component is a form that allows users to configure the settings for the Nylas Scheduler.
      */
     interface NylasSchedulerEditor {
+        /**
+          * This prop is used to populate the additional participants and their availability in the scheduler editor.
+         */
+        "additionalParticipants"?: Participant[];
         /**
           * * The configuration id to use for the scheduler editor. If provided, then the scheduler editor will try and fetch the configuration with the provided id. If found, it will automatically load the editor with the configuration settings for editing.
          */

package/dist/types/stores/scheduler-config-store.d.ts

@@ -1,4 +1,4 @@
-import { Calendar, Configuration } from '@nylas/core';
+import { Calendar, Configuration, Participant } from '@nylas/core';
 import { ObservableMap } from '@stencil/store';
 import { User } from "../common/nylas-api-request";
 type RecursivePartial<T> = {
@@ -10,6 +10,7 @@ export interface NylasSchedulerConfigStoreState {
     calendars: Calendar[];
     currentUser: User | null;
     action: 'create' | 'edit' | null;
+    additionalParticipants: Participant[];
 }
 export type NylasSchedulerConfigStoreType = ReturnType<typeof CreateNylasSchedulerConfigStore>;
 export type CreateNylasSchedulerConfigStoreReturnType = ObservableMap<NylasSchedulerConfigStoreState> & {

package/dist/types/stores/scheduler-store.d.ts

@@ -16,7 +16,7 @@ export type ConfigSettings = {
         rescheduling_url?: string;
         cancellation_url?: string;
         cancellation_policy?: string;
-        additional_guests_hidden?: boolean;
+        hide_additional_guests?: boolean;
         hide_cancellation_options?: boolean;
         hide_rescheduling_options?: boolean;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "1.1.0-canary.15",
+  "version": "1.1.0-canary.16",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -39,7 +39,7 @@
     "rrule": "2.7.2",
     "sanitize-html": "^2.13.0",
     "tinycolor2": "^1.6.0",
-    "@nylas/core": "^1.1.0-canary.4",
+    "@nylas/core": "^1.1.0-canary.5",
     "@nylas/identity": "^2.0.0-canary.2"
   },
   "devDependencies": {