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

package/dist/components/nylas-scheduler-editor.js

@@ -1,6 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { X as Xr, g as global, N as NylasBaseProvider } from './index.es.js';
-import { c as dataResponse, d as debug, e as commonjsGlobal } from './utils.js';
+import { N as NylasIdentityRequestWrapper } from './nylas-api-request.js';
+import { d as dataResponse, a as debug, f as commonjsGlobal } from './utils.js';
 import { C as CreateNylasSchedulerConfigStore } from './scheduler-config-store.js';
 import { d as defineCustomElement$C } from './add-circle.js';
 import { d as defineCustomElement$B } from './button-component2.js';
@@ -40,48 +41,6 @@ import { d as defineCustomElement$4 } from './select-dropdown2.js';
 import { d as defineCustomElement$3 } from './time-period-selector2.js';
 import { d as defineCustomElement$2 } from './toolitp-component.js';
 
-class NylasApiRequest {
-}
-class NylasIdentityRequestWrapper {
-    constructor(session) {
-        this.session = session;
-    }
-    setActiveGrantId(grantId) {
-        this.activeGrantId = grantId;
-    }
-    async request({ method, path, body, headers }) {
-        try {
-            const response = await this.session.fetch(`grants/me/${path}`, {
-                method,
-                headers: headers ? new Headers(headers) : undefined,
-                body,
-                ...(this.session.isMultiAccount() && this.activeGrantId ? { grant_id: this.activeGrantId } : {}),
-            });
-            return dataResponse(response);
-        }
-        catch (error) {
-            return dataResponse(null, {
-                message: String(error),
-            });
-        }
-    }
-    async currentUser() {
-        const grantId = this.session.isMultiAccount() ? this.activeGrantId : undefined;
-        const idToken = await this.session.getProfile(grantId);
-        if (!idToken) {
-            return null;
-        }
-        return {
-            id: idToken.sub,
-            email: idToken.email,
-            name: idToken.name,
-        };
-    }
-    async authenticationUrl(authArgs) {
-        return this.session.auth(authArgs || {});
-    }
-}
-
 class NylasSchedulerConfigAPIConnector {
     constructor({ nylasApiRequest, nylasSchedulerConfigStore }) {
         this.nylasApiRequest = nylasApiRequest;
@@ -128,7 +87,7 @@ class NylasSchedulerConfigAPIConnector {
         if (!forceFetch) {
             const existingConfig = this.nylasSchedulerConfigStore.state.configurations.find(c => c.id === configurationId);
             if (existingConfig) {
-                this.nylasSchedulerConfigStore.state.config = existingConfig;
+                this.nylasSchedulerConfigStore.state.selectedConfiguration = existingConfig;
                 return dataResponse(existingConfig);
             }
         }
@@ -146,7 +105,7 @@ class NylasSchedulerConfigAPIConnector {
                 message: 'Error fetching configuration: ' + response.error?.message,
             });
         }
-        this.nylasSchedulerConfigStore.state.config = response.data;
+        this.nylasSchedulerConfigStore.state.selectedConfiguration = response.data;
         if (this.nylasSchedulerConfigStore.state.configurations.find(c => c.id === configurationId)) {
             this.nylasSchedulerConfigStore.state.configurations = this.nylasSchedulerConfigStore.state.configurations.map(c => (c.id === configurationId ? response.data : c));
         }
@@ -202,7 +161,7 @@ class NylasSchedulerConfigAPIConnector {
                 message: 'Error creating configuration: ' + response.error?.message,
             });
         }
-        this.nylasSchedulerConfigStore.state.config = response.data;
+        this.nylasSchedulerConfigStore.state.selectedConfiguration = response.data;
         this.nylasSchedulerConfigStore.state.configurations = [...this.nylasSchedulerConfigStore.state.configurations, response.data];
         return dataResponse(response.data);
     }
@@ -228,7 +187,7 @@ class NylasSchedulerConfigAPIConnector {
                 message: 'Error updating configuration: ' + response.error?.message,
             });
         }
-        this.nylasSchedulerConfigStore.state.config = response.data;
+        this.nylasSchedulerConfigStore.state.selectedConfiguration = response.data;
         if (this.nylasSchedulerConfigStore.state.configurations.find(c => c.id === configuration.id)) {
             this.nylasSchedulerConfigStore.state.configurations = this.nylasSchedulerConfigStore.state.configurations.map(c => (c.id === configuration.id ? response.data : c));
         }
@@ -259,8 +218,8 @@ class NylasSchedulerConfigAPIConnector {
             });
         }
         this.nylasSchedulerConfigStore.state.configurations = this.nylasSchedulerConfigStore.state.configurations.filter(c => c.id !== configurationId);
-        if (this.nylasSchedulerConfigStore.state.config?.id === configurationId) {
-            this.nylasSchedulerConfigStore.state.config = {};
+        if (this.nylasSchedulerConfigStore.state.selectedConfiguration?.id === configurationId) {
+            this.nylasSchedulerConfigStore.resetSelectedConfiguration();
         }
         return dataResponse(response.data);
     }
@@ -7413,7 +7372,7 @@ const LoginRequired = ({ authenticationUrl }) => (h("div", { class: 'login-requi
             h("chevron-icon", { width: "17", height: "17" })),
         h("small", { class: "disclaimer-text" }, "* You will be redirected to authenticate your account."))));
 
-const nylasSchedulerEditorCss = ":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}div.scheduler-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;width:858px;margin:0;font-size:18px;line-height:24px;font-weight:600}@media screen and (max-width: 768px){div.scheduler-editor-header h1.scheduler-editor-title{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary)}div.scheduler-editor-header button:disabled{cursor:not-allowed}nylas-editor-tabs{width:auto}.card{display:flex;flex-direction:column;padding:2rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;max-width:fit-content;align-self:center}.login-required{display:flex;flex-direction:column;padding:2rem 1rem;background-color:var(--nylas-base-25)}.login-required p{margin:0 0 1rem}.login-required .microsoft-button,.login-required .google-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;margin-bottom:1rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;justify-content:center;gap:0.5rem;align-items:center}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;border:0;background-color:var(--nylas-base-0);height:48px;margin-bottom:1rem;font-size:0.95rem;justify-content:center;gap:0.25rem;align-items:center}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button svg{transform:rotate(180deg)}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .disclaimer-text{font-size:0.75rem;color:var(--nylas-base-600);align-self:center}.list-configurations{padding:2rem}";
+const nylasSchedulerEditorCss = ":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}div.scheduler-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;width:858px;margin:0;font-size:18px;line-height:24px;font-weight:600}@media screen and (max-width: 768px){div.scheduler-editor-header h1.scheduler-editor-title{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary)}div.scheduler-editor-header button:disabled{cursor:not-allowed}nylas-editor-tabs{width:auto}nylas-editor-tabs nylas-event-info div[slot=inputs],nylas-editor-tabs nylas-event-limits div[slot=inputs]{display:flex;flex-direction:column;gap:1rem}.card{display:flex;flex-direction:column;padding:2rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;max-width:fit-content;align-self:center}.login-required{display:flex;flex-direction:column;padding:2rem 1rem;background-color:var(--nylas-base-25)}.login-required p{margin:0 0 1rem}.login-required .microsoft-button,.login-required .google-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;margin-bottom:1rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;justify-content:center;gap:0.5rem;align-items:center}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;border:0;background-color:var(--nylas-base-0);height:48px;margin-bottom:1rem;font-size:0.95rem;justify-content:center;gap:0.25rem;align-items:center}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button svg{transform:rotate(180deg)}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .disclaimer-text{font-size:0.75rem;color:var(--nylas-base-600);align-self:center}.list-configurations{padding:2rem}";
 
 const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor extends HTMLElement {
     constructor() {
@@ -7439,6 +7398,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         this.configurationId = undefined;
         this.nylasApiRequest = undefined;
         this.nylasSessionsConfig = undefined;
+        this.defaultAuthArgs = undefined;
         this.eventOverrides = {};
         this.schedulerPreviewLink = '';
         this.defaultSchedulerConfigStoreState = undefined;
@@ -7472,6 +7432,9 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
             });
             this.nylasApiRequest = new NylasIdentityRequestWrapper(nylasSession);
         }
+        if (this.nylasApiRequest && this.defaultAuthArgs) {
+            this.nylasApiRequest.setDefaultAuthArgs(this.defaultAuthArgs);
+        }
         this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
         const nylasSchedulerConfigStore = this.baseProvider.getStore('schedulerConfig');
         this.nylasSchedulerConfigConnector = new NylasSchedulerConfigConnector({
@@ -7490,7 +7453,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
                 this.loggedOut.emit(this.host);
             }
         }
-        this.stores?.schedulerConfig?.onChange('config', async (config) => {
+        this.stores?.schedulerConfig?.onChange('selectedConfiguration', async (config) => {
             if (config && config.id) {
                 this.configurationId = config.id;
             }
@@ -7513,7 +7476,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
             this.stores?.schedulerConfig?.set('action', 'edit');
         }
         else {
-            this.stores?.schedulerConfig?.set('config', {});
+            this.stores?.schedulerConfig?.set('selectedConfiguration', {});
             this.stores?.schedulerConfig?.set('action', null);
         }
     }
@@ -7540,11 +7503,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         await this.nylasSchedulerConfigConnector.schedulerConfig?.getCalendars();
     }
     render() {
-        const defaultEditor = this.mode === 'app';
-        if (defaultEditor) {
-            return (h(Host, null, h("div", { class: "scheduler-editor-header", part: "nse__header" }, h("h1", { class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { width: "18", height: "18" }), "Scheduler editor"), h("button", { class: "scheduler-editor-close", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (h("div", { class: "list-configurations" }, h("nylas-list-configurations", null))), this.stores?.schedulerConfig?.state.currentUser && (this.stores.schedulerConfig.state.action === 'create' || this.stores.schedulerConfig.state.action === 'edit') && (h("nylas-editor-tabs", null)), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })))));
-        }
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '14880638bcb9c031f748d72fe0052b6eb0df463d' }, h("div", { key: 'f0ee0e9a97eddbd350dfc41469257475e6178e3d', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: 'eb85113f9650853bb6f3f348e6517ba83112f28f', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '48e6edb5828fbdb111a3360a5c49ef762008c69a', width: "18", height: "18" }), "Scheduler editor"), h("button", { key: 'f3d02137c2a999e6305b20b6735efc77370a6a83', class: "scheduler-editor-close", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: '05280d7af113731d30b659d9de308b23aa3ea014', width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (h("div", { class: "list-configurations" }, h("nylas-list-configurations", null))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && (h("nylas-editor-tabs", { mode: "composable" }, h("nylas-event-info", null, h("div", { slot: "inputs" }, h("nylas-event-title", null), h("nylas-event-duration", null), h("nylas-location-component", null))), h("nylas-booking-calendar-picker", null))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && (h("nylas-editor-tabs", { mode: this.mode }, this.mode === 'composable' && h("slot", null))), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -7557,6 +7516,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         "configurationId": [1025, "configuration-id"],
         "nylasApiRequest": [1040],
         "nylasSessionsConfig": [16],
+        "defaultAuthArgs": [16],
         "eventOverrides": [16],
         "schedulerPreviewLink": [1, "scheduler-preview-link"],
         "defaultSchedulerConfigStoreState": [16],
@@ -7770,6 +7730,6 @@ function defineCustomElement$1() {
 const NylasSchedulerEditor = NylasSchedulerEditor$1;
 const defineCustomElement = defineCustomElement$1;
 
-export { NylasIdentityRequestWrapper as N, NylasSchedulerEditor, defineCustomElement };
+export { NylasSchedulerEditor, defineCustomElement };
 
 //# sourceMappingURL=nylas-scheduler-editor.js.map