@nylas/react 1.1.3 → 1.1.5
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.
- package/dist/add-circle-icon_2.entry-1e899552.js +25 -0
- package/dist/add-circle-icon_2.entry-31acee1d.cjs +1 -0
- package/dist/archive-icon.entry-b5f307e8.js +15 -0
- package/dist/archive-icon.entry-e932c9e6.cjs +1 -0
- package/dist/arrow-icon.entry-aae2e22d.js +15 -0
- package/dist/{arrow-icon.entry-2dfd8319.cjs → arrow-icon.entry-e35a6cad.cjs} +1 -1
- package/dist/bold-icon.entry-1e3c9b1f.cjs +1 -0
- package/dist/bold-icon.entry-d5d86b3f.js +15 -0
- package/dist/{button-component_2.entry-697bf5ac.js → button-component_2.entry-5284316e.js} +6 -6
- package/dist/{button-component_2.entry-27a504d9.cjs → button-component_2.entry-a86f8dca.cjs} +1 -1
- package/dist/{calendar-agenda-fill-icon_51.entry-52b5bf31.js → calendar-agenda-fill-icon_54.entry-5672c589.js} +1944 -1639
- package/dist/calendar-agenda-fill-icon_54.entry-702b29cc.cjs +10 -0
- package/dist/{calendar-cancel-icon.entry-e6a433a2.js → calendar-cancel-icon.entry-7f81de9d.js} +4 -4
- package/dist/{calendar-cancel-icon.entry-c6e2eed6.cjs → calendar-cancel-icon.entry-e9792eaa.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-d88307d6.js → calendar-check-icon_2.entry-84db1700.js} +3 -3
- package/dist/{calendar-check-icon_2.entry-45cad6f1.cjs → calendar-check-icon_2.entry-ad055b37.cjs} +1 -1
- package/dist/{calendar-icon.entry-b2fffd21.cjs → calendar-icon.entry-019f7feb.cjs} +1 -1
- package/dist/{calendar-icon.entry-2badc962.js → calendar-icon.entry-45db1630.js} +4 -4
- package/dist/{checkbox-component_2.entry-3926b644.cjs → checkbox-component_2.entry-8325ff88.cjs} +1 -1
- package/dist/{checkbox-component_2.entry-5ab55050.js → checkbox-component_2.entry-84a053ff.js} +3 -3
- package/dist/{chevron-icon_3.entry-1fe5d097.cjs → chevron-icon_3.entry-0edde2a6.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-664fae5d.js → chevron-icon_3.entry-ec894a13.js} +4 -4
- package/dist/{clock-icon_4.entry-f11f9dad.js → clock-icon_4.entry-8ec9c29b.js} +15 -15
- package/dist/{clock-icon_4.entry-efec2c08.cjs → clock-icon_4.entry-935fe48d.cjs} +1 -1
- package/dist/constants-c549b12b-7ea4c7f5.js +763 -0
- package/dist/constants-c549b12b-c85413b1.cjs +1 -0
- package/dist/copy-icon.entry-5a2030da.cjs +1 -0
- package/dist/{copy-icon.entry-70131e8e.js → copy-icon.entry-d9405510.js} +6 -6
- package/dist/{delete-icon.entry-e003695d.js → delete-icon.entry-1b0a3ba4.js} +4 -4
- package/dist/{delete-icon.entry-5d067fef.cjs → delete-icon.entry-3f3d1ffb.cjs} +1 -1
- package/dist/document-refresh-icon.entry-59a18097.cjs +1 -0
- package/dist/document-refresh-icon.entry-fab58d33.js +15 -0
- package/dist/elements/index.d.ts +0 -11
- package/dist/feedbackSync-b56b29ed-7a1f1f75.js +6035 -0
- package/dist/feedbackSync-b56b29ed-b6f352f3.cjs +448 -0
- package/dist/folder-icon.entry-b5a123d0.js +15 -0
- package/dist/folder-icon.entry-e85383b6.cjs +1 -0
- package/dist/forward-icon.entry-7c8ed4c3.cjs +1 -0
- package/dist/forward-icon.entry-88ab1a85.js +15 -0
- package/dist/{globe-icon.entry-6fc456c7.js → globe-icon.entry-6fb414ca.js} +5 -5
- package/dist/{globe-icon.entry-8c3c9e48.cjs → globe-icon.entry-b1253516.cjs} +1 -1
- package/dist/google-logo-icon_4.entry-ae09d065.cjs +1 -0
- package/dist/{google-logo-icon_4.entry-d6e0c4c0.js → google-logo-icon_4.entry-fe627741.js} +221 -207
- package/dist/inbox-icon.entry-7dce836e.cjs +1 -0
- package/dist/inbox-icon.entry-cec35da1.js +15 -0
- package/dist/{index-a282e817.js → index-3fd31877.js} +4194 -4123
- package/dist/index-bd6fdc8c.cjs +81 -0
- package/dist/index.d.ts +1 -1
- package/dist/{index.es-ab9affcc-18263b66.cjs → index.es-c7ca1bad-0a324dca.cjs} +5 -5
- package/dist/{index.es-ab9affcc-30461b18.js → index.es-c7ca1bad-b895d84b.js} +125 -131
- package/dist/{info-icon_2.entry-e582ac10.cjs → info-icon_2.entry-1dab6311.cjs} +1 -1
- package/dist/{info-icon_2.entry-d20b975c.js → info-icon_2.entry-f7e6b4aa.js} +3 -3
- package/dist/{input-color-picker.entry-27f4288f.js → input-color-picker.entry-30cda4e2.js} +3 -3
- package/dist/{input-color-picker.entry-c6a28671.cjs → input-color-picker.entry-b6e53c29.cjs} +1 -1
- package/dist/{input-component.entry-744fcec1.cjs → input-component.entry-1f1f8e00.cjs} +1 -1
- package/dist/{input-component.entry-b6f1c417.js → input-component.entry-7a04bc8b.js} +3 -3
- package/dist/{input-dropdown.entry-f13234d7.cjs → input-dropdown.entry-5e5b67be.cjs} +1 -1
- package/dist/{input-dropdown.entry-18744def.js → input-dropdown.entry-abf134a8.js} +2 -2
- package/dist/italic-icon.entry-4631c594.js +15 -0
- package/dist/italic-icon.entry-c793243b.cjs +1 -0
- package/dist/{multi-select-dropdown.entry-dde671d7.cjs → multi-select-dropdown.entry-2b8728d5.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-924809e1.js → multi-select-dropdown.entry-9a93da56.js} +2 -2
- package/dist/nylas-booked-event-card_12.entry-8d502a3c.cjs +1 -0
- package/dist/{nylas-booked-event-card_12.entry-52c3111d.js → nylas-booked-event-card_12.entry-f13f3f54.js} +294 -288
- package/dist/{nylas-form-card.entry-b0a2403f.js → nylas-form-card.entry-862519b4.js} +20 -20
- package/dist/nylas-form-card.entry-af179b96.cjs +1 -0
- package/dist/{nylas-if-state.entry-523fdc6b.js → nylas-if-state.entry-8803a762.js} +3 -3
- package/dist/{nylas-if-state.entry-53883c36.cjs → nylas-if-state.entry-c1c1282d.cjs} +1 -1
- package/dist/{nylas-login.entry-d9bf3974.js → nylas-login.entry-3e12f747.js} +3 -3
- package/dist/{nylas-login.entry-05e1df3e.cjs → nylas-login.entry-65f8f046.cjs} +1 -1
- package/dist/nylas-provider.entry-9626b113.cjs +1 -0
- package/dist/nylas-provider.entry-e3501bd1.js +264 -0
- package/dist/{nylas-scheduler-editor.entry-1a2f3ee0.cjs → nylas-scheduler-editor.entry-17cd1514.cjs} +2 -2
- package/dist/{nylas-scheduler-editor.entry-b434b526.js → nylas-scheduler-editor.entry-6df45b05.js} +25 -25
- package/dist/{nylas-scheduling.entry-b71080c8.js → nylas-scheduling.entry-08051ba3.js} +136 -124
- package/dist/nylas-scheduling.entry-b1fafd91.cjs +1 -0
- package/dist/{nylas-time-window-picker.entry-a6d1c648.cjs → nylas-time-window-picker.entry-4989d421.cjs} +1 -1
- package/dist/{nylas-time-window-picker.entry-c1ee860a.js → nylas-time-window-picker.entry-bdc8c6ea.js} +16 -16
- package/dist/{person-icon.entry-8833e3cc.js → person-icon.entry-d62a16b4.js} +2 -2
- package/dist/{person-icon.entry-80c9022e.cjs → person-icon.entry-fb7efa8f.cjs} +1 -1
- package/dist/play-icon.entry-01b95392.js +15 -0
- package/dist/play-icon.entry-f485a2c8.cjs +1 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +92 -103
- package/dist/{refresh-icon.entry-4d6791bd.js → refresh-icon.entry-1ff4b39f.js} +4 -4
- package/dist/{refresh-icon.entry-d4cc16b7.cjs → refresh-icon.entry-5f997e86.cjs} +1 -1
- package/dist/{register-component-a7ea27ad-fa2c4b17.js → register-component-3444af44-854971ad.js} +1 -1
- package/dist/{register-component-a7ea27ad-2343f3df.cjs → register-component-3444af44-9053e8c3.cjs} +1 -1
- package/dist/reply-all-icon.entry-1dad6514.cjs +1 -0
- package/dist/reply-all-icon.entry-cbafb8a0.js +15 -0
- package/dist/reply-icon.entry-162d9945.cjs +1 -0
- package/dist/reply-icon.entry-a43bc252.js +15 -0
- package/dist/{scheduler-config-store-2a3b403d-5176cd45.js → scheduler-config-store-ed4a8dfd-22db9285.js} +1 -2
- package/dist/scheduler-config-store-ed4a8dfd-eeaeaa50.cjs +1 -0
- package/dist/{scheduler-store-33ab8dea-9801357a.js → scheduler-store-d4784b24-9a5f5734.js} +134 -126
- package/dist/scheduler-store-d4784b24-aed474e8.cjs +1 -0
- package/dist/sent-icon.entry-a05486d5.js +15 -0
- package/dist/sent-icon.entry-a1aec7e9.cjs +1 -0
- package/dist/spam-icon.entry-473f11af.js +15 -0
- package/dist/spam-icon.entry-b481a04b.cjs +1 -0
- package/dist/star-icon.entry-12fdc345.js +15 -0
- package/dist/star-icon.entry-6b1fe3cf.cjs +1 -0
- package/dist/stop-icon.entry-4bd609f7.js +15 -0
- package/dist/stop-icon.entry-72481153.cjs +1 -0
- package/dist/{textarea-component.entry-174089bc.js → textarea-component.entry-47e1b2e6.js} +2 -2
- package/dist/{textarea-component.entry-019e75d0.cjs → textarea-component.entry-f330a755.cjs} +1 -1
- package/dist/{time-period-selector.entry-62c854d1.js → time-period-selector.entry-a4899368.js} +4 -4
- package/dist/{time-period-selector.entry-8466d0f2.cjs → time-period-selector.entry-c7611563.cjs} +1 -1
- package/dist/{translate-icon.entry-7d5cf4b8.cjs → translate-icon.entry-40dfa8c9.cjs} +1 -1
- package/dist/{translate-icon.entry-73f7127b.js → translate-icon.entry-4517838d.js} +2 -2
- package/dist/trash-fill-icon.entry-86ca3055.cjs +1 -0
- package/dist/trash-fill-icon.entry-d7e960eb.js +15 -0
- package/dist/underline-icon.entry-352970f5.js +15 -0
- package/dist/underline-icon.entry-f16d4943.cjs +1 -0
- package/dist/{warning-icon.entry-abf896c3.js → warning-icon.entry-63987dad.js} +5 -5
- package/dist/{warning-icon.entry-92638eeb.cjs → warning-icon.entry-79ef75b2.cjs} +1 -1
- package/package.json +3 -3
- package/dist/add-circle-icon_2.entry-b77120e5.cjs +0 -1
- package/dist/add-circle-icon_2.entry-fbc1e82b.js +0 -25
- package/dist/archive-icon_7.entry-30962e70.js +0 -75
- package/dist/archive-icon_7.entry-dd8c7642.cjs +0 -1
- package/dist/arrow-icon.entry-5b436054.js +0 -15
- package/dist/bold-icon_3.entry-5120a9c8.js +0 -35
- package/dist/bold-icon_3.entry-da2d1270.cjs +0 -1
- package/dist/calendar-agenda-fill-icon_51.entry-a25262b3.cjs +0 -7
- package/dist/constants-50c3e067-33cf0ffe.js +0 -3883
- package/dist/constants-50c3e067-5ec3f879.cjs +0 -15
- package/dist/copy-icon.entry-3965f206.cjs +0 -1
- package/dist/document-refresh-icon.entry-30c974df.cjs +0 -1
- package/dist/document-refresh-icon.entry-b4e01cd4.js +0 -15
- package/dist/elements-dc5b338e-55823d00.js +0 -28031
- package/dist/elements-dc5b338e-6883a39e.cjs +0 -16516
- package/dist/feedbackSync-81d4c4d8-dd4d2e32.js +0 -11735
- package/dist/feedbackSync-81d4c4d8-f4e78902.cjs +0 -455
- package/dist/flow-40ff9cea-6f8c30e2.cjs +0 -9
- package/dist/flow-40ff9cea-ee70fdf5.js +0 -505
- package/dist/focus-visible-e8093c16-431bbe59.cjs +0 -1
- package/dist/focus-visible-e8093c16-f403fee8.js +0 -84
- package/dist/forward-icon_6.entry-3bb91d58.js +0 -953
- package/dist/forward-icon_6.entry-ceec2371.cjs +0 -3
- package/dist/google-logo-icon_4.entry-4eb16cd2.cjs +0 -1
- package/dist/index-11f33e47.cjs +0 -82
- package/dist/mailbox-store-affca6de-9451094e.cjs +0 -1
- package/dist/mailbox-store-affca6de-d601dc6b.js +0 -380
- package/dist/nylas-booked-event-card_12.entry-d89c1f9d.cjs +0 -1
- package/dist/nylas-form-card.entry-ab61fdc5.cjs +0 -1
- package/dist/nylas-list-folders.entry-4ef6cb3d.cjs +0 -1
- package/dist/nylas-list-folders.entry-e37d069f.js +0 -120
- package/dist/nylas-list-threads.entry-3be623e9.cjs +0 -1
- package/dist/nylas-list-threads.entry-8ba62db8.js +0 -70
- package/dist/nylas-mailbox-pagination.entry-3dd05cf4.cjs +0 -1
- package/dist/nylas-mailbox-pagination.entry-50d9d9e3.js +0 -101
- package/dist/nylas-mailbox-toolbar-button.entry-9a77d137.js +0 -82
- package/dist/nylas-mailbox-toolbar-button.entry-d87b55de.cjs +0 -1
- package/dist/nylas-mailbox.entry-cb7d1031.js +0 -134
- package/dist/nylas-mailbox.entry-f7db9aa8.cjs +0 -1
- package/dist/nylas-provider.entry-1716bf48.cjs +0 -1
- package/dist/nylas-provider.entry-7aa46ea2.js +0 -145
- package/dist/nylas-reminder-emails.entry-88a862cd.cjs +0 -4
- package/dist/nylas-reminder-emails.entry-a86231b7.js +0 -129
- package/dist/nylas-reminder-time_2.entry-9589d5f2.js +0 -105
- package/dist/nylas-reminder-time_2.entry-bc76d4ab.cjs +0 -1
- package/dist/nylas-scheduling.entry-59e5e8c1.cjs +0 -1
- package/dist/nylas-threads-refresh.entry-544ca90a.js +0 -74
- package/dist/nylas-threads-refresh.entry-7ada7b2d.cjs +0 -1
- package/dist/nylas-threads-search.entry-181ba46a.js +0 -69
- package/dist/nylas-threads-search.entry-f1cb19e4.cjs +0 -1
- package/dist/nylas-view-thread.entry-6ae8dd64.cjs +0 -1
- package/dist/nylas-view-thread.entry-c066f522.js +0 -203
- package/dist/play-icon_2.entry-801c85bc.cjs +0 -1
- package/dist/play-icon_2.entry-efca8f00.js +0 -25
- package/dist/scheduler-config-store-2a3b403d-2263f999.cjs +0 -1
- package/dist/scheduler-store-33ab8dea-a0b39d36.cjs +0 -1
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { r as C, c as h, d as a, h as g, H as S, g as m } from "./index-a282e817.js";
|
|
2
|
-
import { N as f, e as b } from "./index.es-ab9affcc-30461b18.js";
|
|
3
|
-
import { C as A, a as p, H as v, N as P, b as _, c as N, d as w } from "./mailbox-store-affca6de-d601dc6b.js";
|
|
4
|
-
import { C as x, N as I } from "./scheduler-store-33ab8dea-9801357a.js";
|
|
5
|
-
import { C as M } from "./scheduler-config-store-2a3b403d-5176cd45.js";
|
|
6
|
-
import "react";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
class E {
|
|
9
|
-
constructor(e, s, r, o, l, n, i = "https://api.us.nylas.com") {
|
|
10
|
-
this.router = e, this.schedulerAPIURL = i, this.nylasAuth = s, this.nylasAuthStore = r, this.nylasMailboxStore = o, this.nylasSchedulerStore = l, this.nylasSchedulerConfigStore = n;
|
|
11
|
-
}
|
|
12
|
-
init() {
|
|
13
|
-
a("NylasConnector init");
|
|
14
|
-
}
|
|
15
|
-
get authStore() {
|
|
16
|
-
return this.nylasAuthStore;
|
|
17
|
-
}
|
|
18
|
-
get mailboxStore() {
|
|
19
|
-
return this.nylasMailboxStore;
|
|
20
|
-
}
|
|
21
|
-
get schedulerStore() {
|
|
22
|
-
return this.nylasSchedulerStore;
|
|
23
|
-
}
|
|
24
|
-
get schedulerConfigStore() {
|
|
25
|
-
return this.nylasSchedulerConfigStore;
|
|
26
|
-
}
|
|
27
|
-
get auth() {
|
|
28
|
-
return this._authConnector ? this._authConnector : (this._authConnector = new P(this.nylasAuth, this.nylasAuthStore), this._authConnector);
|
|
29
|
-
}
|
|
30
|
-
get threads() {
|
|
31
|
-
return this._threadConnector ? this._threadConnector : (this._threadConnector = new _(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router), this._threadConnector);
|
|
32
|
-
}
|
|
33
|
-
get messages() {
|
|
34
|
-
return this._messageConnector ? this._messageConnector : (this._messageConnector = new N(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._messageConnector);
|
|
35
|
-
}
|
|
36
|
-
get folders() {
|
|
37
|
-
return this._foldersConnector ? this._foldersConnector : (this._foldersConnector = new w(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._foldersConnector);
|
|
38
|
-
}
|
|
39
|
-
get scheduler() {
|
|
40
|
-
return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new I({
|
|
41
|
-
schedulerAPIURL: this.schedulerAPIURL,
|
|
42
|
-
schedulerStore: this.schedulerStore
|
|
43
|
-
}), this._schedulerAPIConnector);
|
|
44
|
-
}
|
|
45
|
-
getAuth() {
|
|
46
|
-
return this.nylasAuth;
|
|
47
|
-
}
|
|
48
|
-
resetStores() {
|
|
49
|
-
this.nylasAuthStore.reset(), this.nylasMailboxStore.reset();
|
|
50
|
-
}
|
|
51
|
-
async logout() {
|
|
52
|
-
await this.nylasAuth.logout(), this.resetStores();
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
const L = ":host{display:contents}", R = L, T = class {
|
|
56
|
-
constructor(t) {
|
|
57
|
-
C(this, t), this.init = h(this, "init", 7), this.loggedIn = h(this, "loggedIn", 7), this.loggedOut = h(this, "loggedOut", 7), this.handleAuthChange = async (e) => {
|
|
58
|
-
e ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host);
|
|
59
|
-
}, this.authConfig = void 0, this.eventOverrides = {}, this.automaticComponentRegistration = !0;
|
|
60
|
-
}
|
|
61
|
-
connectedCallback() {
|
|
62
|
-
a("[nylas-provider] connectedCallback");
|
|
63
|
-
}
|
|
64
|
-
async componentWillLoad() {
|
|
65
|
-
var n, i, c, u, d, y;
|
|
66
|
-
a("[nylas-provider] componentWillLoad"), this.stores = {
|
|
67
|
-
auth: A(),
|
|
68
|
-
mailbox: p(),
|
|
69
|
-
scheduler: x(),
|
|
70
|
-
schedulerConfig: M()
|
|
71
|
-
}, this.baseProvider = new f(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
|
|
72
|
-
const t = new v();
|
|
73
|
-
this.nylasAuth = b({
|
|
74
|
-
apiUri: "https://api.us.nylas.com",
|
|
75
|
-
elementsApiUri: "https://elements.us.nylas.com",
|
|
76
|
-
storageType: "indexeddb",
|
|
77
|
-
clientId: "YOUR_CLIENT_ID",
|
|
78
|
-
defaultScopes: [],
|
|
79
|
-
redirectURI: "/",
|
|
80
|
-
...this.authConfig
|
|
81
|
-
});
|
|
82
|
-
const e = (n = this.baseProvider) == null ? void 0 : n.getStore("mailbox");
|
|
83
|
-
if (!e)
|
|
84
|
-
throw new Error("The mailbox store is not set");
|
|
85
|
-
const s = (i = this.baseProvider) == null ? void 0 : i.getStore("auth");
|
|
86
|
-
if (!s)
|
|
87
|
-
throw new Error("The auth store is not set");
|
|
88
|
-
const r = (c = this.baseProvider) == null ? void 0 : c.getStore("scheduler");
|
|
89
|
-
if (!r)
|
|
90
|
-
throw new Error("The scheduler store is not set");
|
|
91
|
-
const o = (u = this.baseProvider) == null ? void 0 : u.getStore("schedulerConfig");
|
|
92
|
-
if (!o)
|
|
93
|
-
throw new Error("The scheduler config store is not set");
|
|
94
|
-
this.nylasConnector = new E(t, this.nylasAuth, s, e, r, o), this.init.emit(this.host).defaultPrevented || await ((d = this.nylasConnector) == null ? void 0 : d.auth.validateSession()), this.handleAuthChange(s.state.isAuthenticated), (y = this.baseProvider) == null || y.componentWillLoad(this.nylasConnector);
|
|
95
|
-
}
|
|
96
|
-
componentDidLoad() {
|
|
97
|
-
var e, s;
|
|
98
|
-
const t = (e = this.baseProvider) == null ? void 0 : e.getStore("auth");
|
|
99
|
-
t == null || t.onChange("isAuthenticated", this.handleAuthChange), (s = this.baseProvider) == null || s.componentDidLoad();
|
|
100
|
-
}
|
|
101
|
-
componentDisconnected() {
|
|
102
|
-
var t;
|
|
103
|
-
(t = this.baseProvider) == null || t.componentDisconnected();
|
|
104
|
-
}
|
|
105
|
-
async registerComponentHandler(t) {
|
|
106
|
-
var e;
|
|
107
|
-
(e = this.baseProvider) == null || e.registerComponent(t.detail);
|
|
108
|
-
}
|
|
109
|
-
async unregisterComponentHandler(t) {
|
|
110
|
-
var e;
|
|
111
|
-
(e = this.baseProvider) == null || e.unregisterComponent(t.detail);
|
|
112
|
-
}
|
|
113
|
-
async getNylasAuth() {
|
|
114
|
-
return this.nylasAuth;
|
|
115
|
-
}
|
|
116
|
-
async getNylasConnector() {
|
|
117
|
-
return this.nylasConnector;
|
|
118
|
-
}
|
|
119
|
-
async getMailboxStore() {
|
|
120
|
-
var t;
|
|
121
|
-
return (t = this.baseProvider) == null ? void 0 : t.getStore("mailbox");
|
|
122
|
-
}
|
|
123
|
-
async getAuthStore() {
|
|
124
|
-
var t;
|
|
125
|
-
return (t = this.baseProvider) == null ? void 0 : t.getStore("auth");
|
|
126
|
-
}
|
|
127
|
-
async getNylasSchedulerStore() {
|
|
128
|
-
var t;
|
|
129
|
-
return (t = this.baseProvider) == null ? void 0 : t.getStore("scheduler");
|
|
130
|
-
}
|
|
131
|
-
async getNylasSchedulerConfigStore() {
|
|
132
|
-
var t;
|
|
133
|
-
return (t = this.baseProvider) == null ? void 0 : t.getStore("schedulerConfig");
|
|
134
|
-
}
|
|
135
|
-
render() {
|
|
136
|
-
return g(S, { key: "b5a19414ce778855c2912513f65fc8835fd0fc61" }, g("slot", { key: "9767add14ed9be96d43296ff7f1f872dc3276817" }));
|
|
137
|
-
}
|
|
138
|
-
get host() {
|
|
139
|
-
return m(this);
|
|
140
|
-
}
|
|
141
|
-
};
|
|
142
|
-
T.style = R;
|
|
143
|
-
export {
|
|
144
|
-
T as nylas_provider
|
|
145
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-11f33e47.cjs"),c=require("./register-component-a7ea27ad-2343f3df.cjs");require("react");require("react-dom");const y=':host{display:block;--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;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}',p=y;var h=function(n,a,r,i){var s=arguments.length,l=s<3?a:i===null?i=Object.getOwnPropertyDescriptor(a,r):i,t;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(n,a,r,i);else for(var d=n.length-1;d>=0;d--)(t=n[d])&&(l=(s<3?t(l):s>3?t(a,r,l):t(a,r))||l);return s>3&&l&&Object.defineProperty(a,r,l),l},m=function(n,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,a)};const o=class{constructor(n){e.registerInstance(this,n),this.valueChanged=e.createEvent(this,"valueChanged",7),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals),this.eventReminders=[],this.participants=[],this.name="reminder-overrides",this.reminders=this.eventReminders??[],this.reminderErrors={},this.editingReminderIndex=null}connectedCallback(){e.debug("nylas-reminder-emails","connectedCallback")}disconnectedCallback(){e.debug("nylas-reminder-emails","disconnectedCallback")}componentWillLoad(){e.debug("nylas-reminder-emails","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){e.debug("nylas-reminder-emails","componentDidLoad"),this.updateRemindersFormValue()}componentWillUpdate(){e.debug("nylas-reminder-emails","componentWillUpdate")}componentDidUpdate(){e.debug("nylas-reminder-emails","componentDidUpdate")}componentWillRender(){e.debug("nylas-reminder-emails","componentWillRender")}componentDidRender(){e.debug("nylas-reminder-emails","componentDidRender")}elementNameChangedHandler(n){e.debug("nylas-reminder-emails","elementNameChangedHandler",n),this.host.setAttribute("name",n)}handleValueChanged(n){e.debug("nylas-reminder-emails","handleValueChanged",n);const{name:a,value:r}=n.detail;if(a.startsWith("reminder-time-")){const[i,s]=a.split(/(\d+)/),l=[...this.reminders];l[s].reminder_minutes=parseInt(r),this.internals.setFormValue(JSON.stringify(l),"reminder-overrides"),this.valueChanged.emit({value:JSON.stringify(l),name:"reminder-overrides"})}}addReminder(){e.debug("nylas-reminder-emails","addReminder"),this.reminders=[...this.reminders,{reminder_method:"email",reminder_minutes:30}],this.editingReminderIndex=this.reminders.length-1,this.updateRemindersFormValue()}deleteReminder(n){this.reminders.splice(n,1),this.editingReminderIndex=null,this.updateRemindersFormValue()}updateRemindersFormValue(){e.debug("nylas-reminder-emails","updateRemindersFormValue"),this.internals.setFormValue(JSON.stringify(this.reminders),"reminder-overrides"),this.valueChanged.emit({value:JSON.stringify(this.reminders),name:"reminder-overrides"})}formatReminderTime(n){switch(!0){case n>24*60:return`${n/60/24} days`;case n===24*60:return"1 day";case(n>90||n===60):return`${n/60} hours`;default:return`${n} minute${n>1?"s":""} `}}render(){var a;const n=(a=this.participants.find(r=>r.is_organizer))==null?void 0:a.name;return e.h(e.Host,{key:"ab55690228cfba67a2efeec1e9d899ac254e6830"},e.h("div",{key:"5f73b959d33a1b9e8bb2d498d4275c52e0db68a9",class:"cards-container"},this.reminders.map((r,i)=>e.h("div",{class:"nylas-reminder-email",part:"nre"},e.h("div",{class:"header",part:"nre__header"},e.h("div",null,e.h("h3",null,"Upcoming meeting",n?` with ${n} `:""),e.h("p",null,"Reminder before event")),this.editingReminderIndex!==i?e.h("button-component",{variant:"basic",key:`edit-${i} `,clickHandler:s=>{s.preventDefault(),this.editingReminderIndex=i}},e.h("edit-icon",{width:"16",height:"16"}),"Edit"):e.h("button-component",{variant:"basic",class:"delete-btn",tooltip:"Delete reminder",key:`delete -${i} `,clickHandler:s=>{s.preventDefault(),this.deleteReminder(i)}},e.h("trash-icon",{width:"16",height:"16"}))),this.editingReminderIndex===i?e.h("div",{class:"nylas-reminder-email__body",part:"nre__body"},e.h("div",{class:"nylas-reminder-email__section"},e.h("div",{class:"nylas-reminder-email__row"},e.h("label",null,"Send confirmation email when",e.h("span",{class:"label-icon"},e.h("tooltip-component",null,e.h("info-icon",{slot:"tooltip-icon"}),e.h("span",{slot:"tooltip-content"},"You and your guests will receive a confirmation immediately after your booking is set up.")))),e.h("nylas-reminder-time",{name:`reminder-time-${i}`,eventReminderTimeMinutes:r.reminder_minutes,exportparts:`nrt, nrt__input_dropdown: nre__reminder-input_dropdown,
|
|
2
|
-
nrt__input_dropdown-input: nre__reminder-input_dropdown-input,
|
|
3
|
-
nrt__input_dropdown-content: nre__reminder-input_dropdown-content,
|
|
4
|
-
`})))):e.h("div",{class:"nylas-reminder-email__summary",part:"nre__summary"},e.h("p",null,e.h("span",{class:"summary-icon"},e.h("person-clipboard-icon",null)),"All host & guests"),e.h("p",null,e.h("span",{class:"summary-icon"},e.h("clock-icon",null)),this.formatReminderTime(r.reminder_minutes)," before the event"))))),e.h("button-component",{key:"bcd775ce7b873124e352e284826ca59a02957c30",class:"create-reminder",variant:"basic",clickHandler:r=>{r.preventDefault(),this.addReminder()}},e.h("plus-icon",{key:"b550e291bad1c4cba157700f34e84d12af5d317e",width:"16",height:"16"}),"New reminder"))}static get formAssociated(){return!0}get host(){return e.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};h([c.RegisterComponent({name:"nylas-reminder-emails",stateToProps:new Map([["schedulerConfig.eventReminders","reminders"]]),eventToProps:{valueChanged:async(n,a)=>{const{valueChanged:r}=n.detail;r&&r(n)}},fireRegisterEvent:!0}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],o.prototype,"render",null);o.style=p;exports.nylas_reminder_emails=o;
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import { r as y, c as p, d as s, h as n, H as _, g as b } from "./index-a282e817.js";
|
|
2
|
-
import { R as h } from "./register-component-a7ea27ad-fa2c4b17.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
const u = ':host{display:block;--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;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}', g = u;
|
|
6
|
-
var f = function(e, a, r, i) {
|
|
7
|
-
var t = arguments.length, l = t < 3 ? a : i === null ? i = Object.getOwnPropertyDescriptor(a, r) : i, d;
|
|
8
|
-
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
9
|
-
l = Reflect.decorate(e, a, r, i);
|
|
10
|
-
else
|
|
11
|
-
for (var m = e.length - 1; m >= 0; m--)
|
|
12
|
-
(d = e[m]) && (l = (t < 3 ? d(l) : t > 3 ? d(a, r, l) : d(a, r)) || l);
|
|
13
|
-
return t > 3 && l && Object.defineProperty(a, r, l), l;
|
|
14
|
-
}, o = function(e, a) {
|
|
15
|
-
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
16
|
-
return Reflect.metadata(e, a);
|
|
17
|
-
};
|
|
18
|
-
const c = class {
|
|
19
|
-
constructor(e) {
|
|
20
|
-
y(this, e), this.valueChanged = p(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventReminders = [], this.participants = [], this.name = "reminder-overrides", this.reminders = this.eventReminders ?? [], this.reminderErrors = {}, this.editingReminderIndex = null;
|
|
21
|
-
}
|
|
22
|
-
connectedCallback() {
|
|
23
|
-
s("nylas-reminder-emails", "connectedCallback");
|
|
24
|
-
}
|
|
25
|
-
disconnectedCallback() {
|
|
26
|
-
s("nylas-reminder-emails", "disconnectedCallback");
|
|
27
|
-
}
|
|
28
|
-
componentWillLoad() {
|
|
29
|
-
s("nylas-reminder-emails", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
30
|
-
}
|
|
31
|
-
componentDidLoad() {
|
|
32
|
-
s("nylas-reminder-emails", "componentDidLoad"), this.updateRemindersFormValue();
|
|
33
|
-
}
|
|
34
|
-
componentWillUpdate() {
|
|
35
|
-
s("nylas-reminder-emails", "componentWillUpdate");
|
|
36
|
-
}
|
|
37
|
-
componentDidUpdate() {
|
|
38
|
-
s("nylas-reminder-emails", "componentDidUpdate");
|
|
39
|
-
}
|
|
40
|
-
componentWillRender() {
|
|
41
|
-
s("nylas-reminder-emails", "componentWillRender");
|
|
42
|
-
}
|
|
43
|
-
componentDidRender() {
|
|
44
|
-
s("nylas-reminder-emails", "componentDidRender");
|
|
45
|
-
}
|
|
46
|
-
elementNameChangedHandler(e) {
|
|
47
|
-
s("nylas-reminder-emails", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
48
|
-
}
|
|
49
|
-
handleValueChanged(e) {
|
|
50
|
-
s("nylas-reminder-emails", "handleValueChanged", e);
|
|
51
|
-
const { name: a, value: r } = e.detail;
|
|
52
|
-
if (a.startsWith("reminder-time-")) {
|
|
53
|
-
const [i, t] = a.split(/(\d+)/), l = [...this.reminders];
|
|
54
|
-
l[t].reminder_minutes = parseInt(r), this.internals.setFormValue(JSON.stringify(l), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(l), name: "reminder-overrides" });
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
addReminder() {
|
|
58
|
-
s("nylas-reminder-emails", "addReminder"), this.reminders = [
|
|
59
|
-
...this.reminders,
|
|
60
|
-
{
|
|
61
|
-
reminder_method: "email",
|
|
62
|
-
reminder_minutes: 30
|
|
63
|
-
}
|
|
64
|
-
], this.editingReminderIndex = this.reminders.length - 1, this.updateRemindersFormValue();
|
|
65
|
-
}
|
|
66
|
-
deleteReminder(e) {
|
|
67
|
-
this.reminders.splice(e, 1), this.editingReminderIndex = null, this.updateRemindersFormValue();
|
|
68
|
-
}
|
|
69
|
-
updateRemindersFormValue() {
|
|
70
|
-
s("nylas-reminder-emails", "updateRemindersFormValue"), this.internals.setFormValue(JSON.stringify(this.reminders), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(this.reminders), name: "reminder-overrides" });
|
|
71
|
-
}
|
|
72
|
-
formatReminderTime(e) {
|
|
73
|
-
switch (!0) {
|
|
74
|
-
case e > 24 * 60:
|
|
75
|
-
return `${e / 60 / 24} days`;
|
|
76
|
-
case e === 24 * 60:
|
|
77
|
-
return "1 day";
|
|
78
|
-
case (e > 90 || e === 60):
|
|
79
|
-
return `${e / 60} hours`;
|
|
80
|
-
default:
|
|
81
|
-
return `${e} minute${e > 1 ? "s" : ""} `;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
render() {
|
|
85
|
-
var a;
|
|
86
|
-
const e = (a = this.participants.find((r) => r.is_organizer)) == null ? void 0 : a.name;
|
|
87
|
-
return n(_, { key: "ab55690228cfba67a2efeec1e9d899ac254e6830" }, n("div", { key: "5f73b959d33a1b9e8bb2d498d4275c52e0db68a9", class: "cards-container" }, this.reminders.map((r, i) => n("div", { class: "nylas-reminder-email", part: "nre" }, n("div", { class: "header", part: "nre__header" }, n("div", null, n("h3", null, "Upcoming meeting", e ? ` with ${e} ` : ""), n("p", null, "Reminder before event")), this.editingReminderIndex !== i ? n("button-component", { variant: "basic", key: `edit-${i} `, clickHandler: (t) => {
|
|
88
|
-
t.preventDefault(), this.editingReminderIndex = i;
|
|
89
|
-
} }, n("edit-icon", { width: "16", height: "16" }), "Edit") : n("button-component", { variant: "basic", class: "delete-btn", tooltip: "Delete reminder", key: `delete -${i} `, clickHandler: (t) => {
|
|
90
|
-
t.preventDefault(), this.deleteReminder(i);
|
|
91
|
-
} }, n("trash-icon", { width: "16", height: "16" }))), this.editingReminderIndex === i ? n("div", { class: "nylas-reminder-email__body", part: "nre__body" }, n("div", { class: "nylas-reminder-email__section" }, n("div", { class: "nylas-reminder-email__row" }, n("label", null, "Send confirmation email when", n("span", { class: "label-icon" }, n("tooltip-component", null, n("info-icon", { slot: "tooltip-icon" }), n("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation immediately after your booking is set up.")))), n("nylas-reminder-time", { name: `reminder-time-${i}`, eventReminderTimeMinutes: r.reminder_minutes, exportparts: `nrt, nrt__input_dropdown: nre__reminder-input_dropdown,
|
|
92
|
-
nrt__input_dropdown-input: nre__reminder-input_dropdown-input,
|
|
93
|
-
nrt__input_dropdown-content: nre__reminder-input_dropdown-content,
|
|
94
|
-
` })))) : n("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, n("p", null, n("span", { class: "summary-icon" }, n("person-clipboard-icon", null)), "All host & guests"), n("p", null, n("span", { class: "summary-icon" }, n("clock-icon", null)), this.formatReminderTime(r.reminder_minutes), " before the event"))))), n("button-component", { key: "bcd775ce7b873124e352e284826ca59a02957c30", class: "create-reminder", variant: "basic", clickHandler: (r) => {
|
|
95
|
-
r.preventDefault(), this.addReminder();
|
|
96
|
-
} }, n("plus-icon", { key: "b550e291bad1c4cba157700f34e84d12af5d317e", width: "16", height: "16" }), "New reminder"));
|
|
97
|
-
}
|
|
98
|
-
static get formAssociated() {
|
|
99
|
-
return !0;
|
|
100
|
-
}
|
|
101
|
-
get host() {
|
|
102
|
-
return b(this);
|
|
103
|
-
}
|
|
104
|
-
static get watchers() {
|
|
105
|
-
return {
|
|
106
|
-
name: ["elementNameChangedHandler"]
|
|
107
|
-
};
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
f([
|
|
111
|
-
h({
|
|
112
|
-
name: "nylas-reminder-emails",
|
|
113
|
-
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.eventReminders", "reminders"]]),
|
|
114
|
-
eventToProps: {
|
|
115
|
-
valueChanged: async (e, a) => {
|
|
116
|
-
const { valueChanged: r } = e.detail;
|
|
117
|
-
r && r(e);
|
|
118
|
-
}
|
|
119
|
-
},
|
|
120
|
-
fireRegisterEvent: !0
|
|
121
|
-
}),
|
|
122
|
-
o("design:type", Function),
|
|
123
|
-
o("design:paramtypes", []),
|
|
124
|
-
o("design:returntype", void 0)
|
|
125
|
-
], c.prototype, "render", null);
|
|
126
|
-
c.style = g;
|
|
127
|
-
export {
|
|
128
|
-
c as nylas_reminder_emails
|
|
129
|
-
};
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { r as c, c as u, d as r, h as t, H as f, g as y } from "./index-a282e817.js";
|
|
2
|
-
import { R as b } from "./register-component-a7ea27ad-fa2c4b17.js";
|
|
3
|
-
import { R as p, c as T, d as _ } from "./constants-50c3e067-33cf0ffe.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import "react-dom";
|
|
6
|
-
const g = ':host{display:block;--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}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}', w = g;
|
|
7
|
-
var C = function(e, n, s, a) {
|
|
8
|
-
var d = arguments.length, i = d < 3 ? n : a === null ? a = Object.getOwnPropertyDescriptor(n, s) : a, o;
|
|
9
|
-
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
10
|
-
i = Reflect.decorate(e, n, s, a);
|
|
11
|
-
else
|
|
12
|
-
for (var l = e.length - 1; l >= 0; l--)
|
|
13
|
-
(o = e[l]) && (i = (d < 3 ? o(i) : d > 3 ? o(n, s, i) : o(n, s)) || i);
|
|
14
|
-
return d > 3 && i && Object.defineProperty(n, s, i), i;
|
|
15
|
-
}, m = function(e, n) {
|
|
16
|
-
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
17
|
-
return Reflect.metadata(e, n);
|
|
18
|
-
};
|
|
19
|
-
function v(e) {
|
|
20
|
-
return e ? e >= 60 * 24 ? e / (60 * 24) : e >= 90 || e === 60 ? e / 60 : e : 30;
|
|
21
|
-
}
|
|
22
|
-
function x(e) {
|
|
23
|
-
return e ? e >= 60 * 24 ? 60 * 24 : e >= 90 || e === 60 ? 60 : 1 : 30;
|
|
24
|
-
}
|
|
25
|
-
const h = class {
|
|
26
|
-
constructor(e) {
|
|
27
|
-
c(this, e), this.valueChanged = u(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.name = "reminder-time", this.eventReminderTimeMinutes = void 0, this.reminderTime = v(this.eventReminderTimeMinutes), this.reminderTimeMinutes = this.eventReminderTimeMinutes ?? 30, this.reminderTimeincrement = x(this.eventReminderTimeMinutes), this.reminderTimeMinutesOptions = p;
|
|
28
|
-
}
|
|
29
|
-
elementNameChangedHandler(e) {
|
|
30
|
-
r("nylas-reminder-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
31
|
-
}
|
|
32
|
-
reminderTimeMinutesChangedHandler(e, n) {
|
|
33
|
-
r("nylas-reminder-time", "reminderTimeMinutesChangedHandler", e), e !== n && this.valueChanged.emit({ value: e.toString(), name: this.name });
|
|
34
|
-
}
|
|
35
|
-
connectedCallback() {
|
|
36
|
-
r("nylas-reminder-time", "connectedCallback");
|
|
37
|
-
}
|
|
38
|
-
componentWillLoad() {
|
|
39
|
-
r("nylas-reminder-time", "componentWillLoad"), this.host.setAttribute("name", this.name), this.setReminderTimeMinuteOptions();
|
|
40
|
-
}
|
|
41
|
-
componentDidLoad() {
|
|
42
|
-
r("nylas-reminder-time", "componentDidLoad");
|
|
43
|
-
}
|
|
44
|
-
disconnectedCallback() {
|
|
45
|
-
r("nylas-reminder-time", "disconnectedCallback");
|
|
46
|
-
}
|
|
47
|
-
setReminderTimeMinuteOptions() {
|
|
48
|
-
return this.reminderTimeincrement === 1 ? this.reminderTimeMinutesOptions = p : this.reminderTimeincrement === 60 ? this.reminderTimeMinutesOptions = T : this.reminderTimeMinutesOptions = _, this.reminderTimeMinutesOptions;
|
|
49
|
-
}
|
|
50
|
-
nylasFormDropdownChangedHandler(e) {
|
|
51
|
-
r("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
|
|
52
|
-
const { value: n } = e.detail;
|
|
53
|
-
this.reminderTimeincrement = parseInt(n), this.reminderTimeincrement === 1 ? this.reminderTime = 60 : this.reminderTime = 1, this.setReminderTimeMinuteOptions(), this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement, this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
|
|
54
|
-
}
|
|
55
|
-
inputOptionChangedHandler(e) {
|
|
56
|
-
r("nylas-calendar-picker", "inputOptionChangedHandler", e.detail);
|
|
57
|
-
const { value: n } = e.detail;
|
|
58
|
-
this.reminderTime = n, this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement, this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
|
|
59
|
-
}
|
|
60
|
-
render() {
|
|
61
|
-
const e = [
|
|
62
|
-
{ value: 1, label: "minute" },
|
|
63
|
-
{ value: 60, label: "hour" },
|
|
64
|
-
{ value: 1440, label: "day" }
|
|
65
|
-
];
|
|
66
|
-
return t(f, { key: "95650f7ac9614dca98c8e69c27b4b21467979b6d" }, t("div", { key: "14d23a6f804d63906402639d30550b9cd0ae3138", class: "nylas-reminder-time", part: "nrt" }, t("div", { key: "a62fe9f7394f5a2bb34beebb29d81bf7aecacb85", class: "nylas-reminder-time__wrapper" }, t("input-dropdown", { key: "031b5fe434b4d354ed0bfdbac6b09b4695e2d6ce", name: "reminder-time", options: this.reminderTimeMinutesOptions, inputValue: this.reminderTime.toString(), exportparts: "id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content", defaultInputOption: this.reminderTimeMinutesOptions.find((n) => n.value == this.reminderTime) ?? e[0] }), t("select-dropdown", { key: "cd3c38a0fef80875fe5ad9d418aaf53ac2a0f078", name: "reminder-time-unit", options: e, pluralizedLabel: this.reminderTime > 1 ? "s" : "", exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: e.find((n) => n.value == this.reminderTimeincrement) ?? e[0], withSearch: !1 }))));
|
|
67
|
-
}
|
|
68
|
-
static get formAssociated() {
|
|
69
|
-
return !0;
|
|
70
|
-
}
|
|
71
|
-
get host() {
|
|
72
|
-
return y(this);
|
|
73
|
-
}
|
|
74
|
-
static get watchers() {
|
|
75
|
-
return {
|
|
76
|
-
name: ["elementNameChangedHandler"],
|
|
77
|
-
reminderTimeMinutes: ["reminderTimeMinutesChangedHandler"]
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
C([
|
|
82
|
-
b({
|
|
83
|
-
name: "nylas-reminder-time",
|
|
84
|
-
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
85
|
-
eventToProps: {},
|
|
86
|
-
fireRegisterEvent: !0
|
|
87
|
-
}),
|
|
88
|
-
m("design:type", Function),
|
|
89
|
-
m("design:paramtypes", []),
|
|
90
|
-
m("design:returntype", void 0)
|
|
91
|
-
], h.prototype, "render", null);
|
|
92
|
-
h.style = w;
|
|
93
|
-
const O = ".sc-trash-icon-h{display:flex}", M = O, R = class {
|
|
94
|
-
constructor(e) {
|
|
95
|
-
c(this, e), this.width = "20", this.height = "21";
|
|
96
|
-
}
|
|
97
|
-
render() {
|
|
98
|
-
return t("svg", { key: "c95c076a50fd25d771e172fb0537c43ed73fc3bc", width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "cfa1b9137db9e3be02947593923333de83da11bb", d: "M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z", fill: "currentColor" }));
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
R.style = M;
|
|
102
|
-
export {
|
|
103
|
-
h as nylas_reminder_time,
|
|
104
|
-
R as trash_icon
|
|
105
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-11f33e47.cjs"),h=require("./register-component-a7ea27ad-2343f3df.cjs"),l=require("./constants-50c3e067-5ec3f879.cjs");require("react");require("react-dom");const u=':host{display:block;--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}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}',f=u;var b=function(e,i,t,s){var a=arguments.length,r=a<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,t):s,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,i,t,s);else for(var o=e.length-1;o>=0;o--)(d=e[o])&&(r=(a<3?d(r):a>3?d(i,t,r):d(i,t))||r);return a>3&&r&&Object.defineProperty(i,t,r),r},m=function(e,i){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,i)};function y(e){return e?e>=60*24?e/(60*24):e>=90||e===60?e/60:e:30}function g(e){return e?e>=60*24?60*24:e>=90||e===60?60:1:30}const p=class{constructor(e){n.registerInstance(this,e),this.valueChanged=n.createEvent(this,"valueChanged",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.selectedConfiguration=void 0,this.name="reminder-time",this.eventReminderTimeMinutes=void 0,this.reminderTime=y(this.eventReminderTimeMinutes),this.reminderTimeMinutes=this.eventReminderTimeMinutes??30,this.reminderTimeincrement=g(this.eventReminderTimeMinutes),this.reminderTimeMinutesOptions=l.REMINDER_MINUTE_OPTIONS}elementNameChangedHandler(e){n.debug("nylas-reminder-time","elementNameChangedHandler",e),this.host.setAttribute("name",e)}reminderTimeMinutesChangedHandler(e,i){n.debug("nylas-reminder-time","reminderTimeMinutesChangedHandler",e),e!==i&&this.valueChanged.emit({value:e.toString(),name:this.name})}connectedCallback(){n.debug("nylas-reminder-time","connectedCallback")}componentWillLoad(){n.debug("nylas-reminder-time","componentWillLoad"),this.host.setAttribute("name",this.name),this.setReminderTimeMinuteOptions()}componentDidLoad(){n.debug("nylas-reminder-time","componentDidLoad")}disconnectedCallback(){n.debug("nylas-reminder-time","disconnectedCallback")}setReminderTimeMinuteOptions(){return this.reminderTimeincrement===1?this.reminderTimeMinutesOptions=l.REMINDER_MINUTE_OPTIONS:this.reminderTimeincrement===60?this.reminderTimeMinutesOptions=l.REMINDER_HOUR_OPTIONS:this.reminderTimeMinutesOptions=l.REMINDER_DAY_OPTIONS,this.reminderTimeMinutesOptions}nylasFormDropdownChangedHandler(e){n.debug("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const{value:i}=e.detail;this.reminderTimeincrement=parseInt(i),this.reminderTimeincrement===1?this.reminderTime=60:this.reminderTime=1,this.setReminderTimeMinuteOptions(),this.reminderTimeMinutes=this.reminderTime*this.reminderTimeincrement,this.internals.setFormValue(this.reminderTimeMinutes.toString(),this.name)}inputOptionChangedHandler(e){n.debug("nylas-calendar-picker","inputOptionChangedHandler",e.detail);const{value:i}=e.detail;this.reminderTime=i,this.reminderTimeMinutes=this.reminderTime*this.reminderTimeincrement,this.internals.setFormValue(this.reminderTimeMinutes.toString(),this.name)}render(){const e=[{value:1,label:"minute"},{value:60,label:"hour"},{value:1440,label:"day"}];return n.h(n.Host,{key:"95650f7ac9614dca98c8e69c27b4b21467979b6d"},n.h("div",{key:"14d23a6f804d63906402639d30550b9cd0ae3138",class:"nylas-reminder-time",part:"nrt"},n.h("div",{key:"a62fe9f7394f5a2bb34beebb29d81bf7aecacb85",class:"nylas-reminder-time__wrapper"},n.h("input-dropdown",{key:"031b5fe434b4d354ed0bfdbac6b09b4695e2d6ce",name:"reminder-time",options:this.reminderTimeMinutesOptions,inputValue:this.reminderTime.toString(),exportparts:"id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content",defaultInputOption:this.reminderTimeMinutesOptions.find(i=>i.value==this.reminderTime)??e[0]}),n.h("select-dropdown",{key:"cd3c38a0fef80875fe5ad9d418aaf53ac2a0f078",name:"reminder-time-unit",options:e,pluralizedLabel:this.reminderTime>1?"s":"",exportparts:"sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content",defaultSelectedOption:e.find(i=>i.value==this.reminderTimeincrement)??e[0],withSearch:!1}))))}static get formAssociated(){return!0}get host(){return n.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],reminderTimeMinutes:["reminderTimeMinutesChangedHandler"]}}};b([h.RegisterComponent({name:"nylas-reminder-time",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:!0}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],p.prototype,"render",null);p.style=f;const T=".sc-trash-icon-h{display:flex}",_=T,c=class{constructor(e){n.registerInstance(this,e),this.width="20",this.height="21"}render(){return n.h("svg",{key:"c95c076a50fd25d771e172fb0537c43ed73fc3bc",width:this.width,height:this.height,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("path",{key:"cfa1b9137db9e3be02947593923333de83da11bb",d:"M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z",fill:"currentColor"}))}};c.style=_;exports.nylas_reminder_time=p;exports.trash_icon=c;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-11f33e47.cjs"),E=require("./index.es-ab9affcc-18263b66.cjs"),D=require("./scheduler-store-33ab8dea-a0b39d36.cjs"),A=require("./constants-50c3e067-5ec3f879.cjs"),x=require("./feedbackSync-81d4c4d8-f4e78902.cjs");require("react");require("react-dom");class q{constructor({schedulerAPIURL:t,nylasSchedulerStore:i,sessionId:a,configId:s,slug:d,clientId:r}){if(!t)throw new Error("schedulerAPIURL is required");if(!i)throw new Error("nylasSchedulerStore is required");if(!a&&!s&&!(d||r))throw new Error("sessionId is required for private configs. If using public config either pass a configurationId or a combination of slug and clientId.");t==="/"&&(t=new URL(window.location.href).origin),this.configId=s,this.sessionId=a,this.schedulerAPIURL=t,this.nylasSchedulerStore=i,this.slug=d,this.clientId=r}init(){e.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new D.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId,configId:this.configId,slug:this.slug,clientId:this.clientId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}const w=(n,t)=>{const i=n.isLoading,a=n.showNotification,s=n.nylasBranding;return e.h(e.Fragment,null,a&&e.h("nylas-notification",null),i&&e.h("div",{class:"loading"},e.h("div",{class:"left"},e.h("div",{class:"skeleton"})),e.h("div",{class:"right"},e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}))),!i&&t,e.h("div",{class:"footer"},s&&e.h(e.Fragment,null,"Powered by ",e.h("nylas-logo",null))))},N=(n,t)=>e.h("div",{class:"message-banner"},t),W=':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 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px 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;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{padding:0.5rem 4px 0;height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer svg{fill:var(--nylas-base-500)}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}nylas-feedback-form{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}',$=W,M={title:e.instance.t("genericErrorTitle"),type:E.nr.Error,category:D.ErrorCategory.Component},j=class{constructor(n){e.registerInstance(this,n),this.init=e.createEvent(this,"init",7),this.schedulerWillLoad=e.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=e.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=e.createEvent(this,"nylasSchedulerError",7),this.configSettingsLoaded=e.createEvent(this,"configSettingsLoaded",7),this.bookingRefExtracted=e.createEvent(this,"bookingRefExtracted",7),this.bookedEventInfo=e.createEvent(this,"bookedEventInfo",7),this.mode="app",this.defaultSchedulerState=void 0,this.sessionId=void 0,this.schedulerApiUrl="https://api.us.nylas.com",this.bookingInfo=void 0,this.rescheduleBookingRef=void 0,this.cancelBookingRef=void 0,this.organizerConfirmationBookingRef=void 0,this.configurationId=void 0,this.slug=void 0,this.clientId=void 0,this.nylasBranding=!0,this.eventOverrides={},this.isLoading=void 0,this.themeConfig=void 0,this.localization=void 0,this.showNotification=!0,this.enableUserFeedback=!0,this.automaticComponentRegistration=!0,this.selectedDateLabel=new Date().toLocaleDateString(void 0,{dateStyle:"full"})||`${e.instance.t("noDateSelected")}`,this.refConfigId=void 0,this.language=navigator.language,this.showFeedbackModal=!1}connectedCallback(){e.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var s,d;e.debug("[nylas-scheduler] Component will load"),this.enableUserFeedback&&!x.isInitialized()&&x.init({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.1.3",integrations:[x.replayIntegration(),x.feedbackSyncIntegration({colorScheme:"system",autoInject:!1})],replaysSessionSampleRate:.1,replaysOnErrorSampleRate:.1});const n=this.schedulerWillLoad.emit(this.host);if("schedulerWillLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerWillLoad(n,this.nylasSchedulerConnector),n.defaultPrevented))return;this.stores={scheduler:D.CreateNylasSchedulerStore({bookingInfo:this.bookingInfo,nylasBranding:this.nylasBranding,...this.defaultSchedulerState})},this.baseProvider=new E.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.refConfigId=this.configurationId;let t;if(this.rescheduleBookingRef){const[r,o,c]=e.compactStringToUUIDs(this.rescheduleBookingRef);this.refConfigId=r,this.stores.scheduler.set("rescheduleBookingId",o),t=this.bookingRefExtracted.emit({configurationId:r,bookingId:o})}else if(this.cancelBookingRef){const[r,o,c]=e.compactStringToUUIDs(this.cancelBookingRef);this.refConfigId=r,this.stores.scheduler.set("cancelBookingId",o),t=this.bookingRefExtracted.emit({configurationId:r,bookingId:o})}else if(this.organizerConfirmationBookingRef){const[r,o,c]=e.compactStringToUUIDs(this.organizerConfirmationBookingRef);this.refConfigId=r,this.stores.scheduler.set("organizerConfirmationBookingId",o),this.stores.scheduler.set("organizerConfirmationSalt",c),t=this.bookingRefExtracted.emit({configurationId:r,bookingId:o,salt:c})}if("bookingRefExtracted"in this.eventOverrides&&(await this.eventOverrides.bookingRefExtracted(t,this.nylasSchedulerConnector),t.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;const i=(s=this.baseProvider)==null?void 0:s.getStore("scheduler");this.nylasSchedulerConnector=new q({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,configId:this.refConfigId,slug:this.slug,clientId:this.clientId,nylasSchedulerStore:i});const a=this.init.emit(this.host);"init"in this.eventOverrides&&(await this.eventOverrides.init(a,this.nylasSchedulerConnector),a.defaultPrevented)||((d=this.baseProvider)==null||d.componentWillLoad(this.nylasSchedulerConnector),this.applyThemeConfig(this.themeConfig))}async componentDidLoad(){var c,k,b,g,m,u,f,_;(c=this.baseProvider)==null||c.componentDidLoad();const n=this.schedulerDidLoad.emit(this.host);if("schedulerDidLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerDidLoad(n,this.nylasSchedulerConnector),n.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;this.localizationChanged(this.localization);const t=await((k=this.nylasSchedulerConnector)==null?void 0:k.scheduler.getUISettings());if(!t||"error"in t){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(t==null?void 0:t.error)},host:this.host});return}else{"data"in t&&((b=t.data)!=null&&b.appearance)&&console.info("Appearance settings have been returned from the configuration used byt his scheduling page; please remember to grab them from the configSettingsLoaded event and apply them as desired.");const h=this.configSettingsLoaded.emit({settings:t});if("configSettingsLoaded"in this.eventOverrides&&(await this.eventOverrides.configSettingsLoaded(h,this.nylasSchedulerConnector),h.defaultPrevented))return}const i=(g=this.baseProvider)==null?void 0:g.getStore("scheduler"),a=(u=(m=i==null?void 0:i.get("configSettings"))==null?void 0:m.scheduler)==null?void 0:u.available_days_in_future,s=i==null?void 0:i.get("selectedTimeslot");if(s&&(s!=null&&s.start_time)){if(!this.isTimeslotValid(s))return;if(i!=null&&i.get("showBookingForm")){i==null||i.set("selectedDate",s.start_time);return}}const d=i==null?void 0:i.get("selectedDate"),r=i==null?void 0:i.get("availability");let o;if(!(r&&r.length>0)){if(d){const{startTime:h,endTime:l,endTimeForAvailableDaysInFuture:y}=this.validateAvailableDaysInFuture(d,a||30);d.getTime()<y*1e3&&(o=await((_=this.nylasSchedulerConnector)==null?void 0:_.scheduler.getAvailability(h,l)))}else{const h=new Date,{startTime:l,endTime:y,endTimeForAvailableDaysInFuture:C}=this.validateAvailableDaysInFuture(h,a||30);h.getTime()<C*1e3&&(o=await((f=this.nylasSchedulerConnector)==null?void 0:f.scheduler.getAvailability(l,y)))}if((!o||"error"in o)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(o==null?void 0:o.error)},host:this.host}),!d){let h=new Date;const l=i==null?void 0:i.get("availability").find(y=>new Date(y.start_time)>new Date);l&&(h=l.start_time),i==null||i.set("selectedDate",h)}}}componentDisconnected(){var n;(n=this.baseProvider)==null||n.componentDisconnected()}bookingInfoChanged(n){var t;(t=this.stores)==null||t.scheduler.set("bookingInfo",n)}rescheduleBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("rescheduleBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}cancelBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("cancelBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}organizerConfirmationBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("organizerConfirmationBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}localizationChanged(n){n&&Object.keys(n).forEach(t=>{t in A.LANGUAGE_CODE&&(e.instance.addResourceBundle(t,"translation",n[t],!1,!0),this.language=this.language)})}themeConfigChanged(n){this.applyThemeConfig(n)}languageChanged(n){const t=n.detail;this.language=t,e.instance.changeLanguage(t)}async registerComponentHandler(n){var t;(t=this.baseProvider)==null||t.registerComponent(n.detail)}async unregisterComponentHandler(n){var t;(t=this.baseProvider)==null||t.unregisterComponent(n.detail)}async monthChangedHandler(n){var r,o,c,k,b,g,m;const t=n.detail,i=(k=(c=(o=(r=this.nylasSchedulerConnector)==null?void 0:r.schedulerStore)==null?void 0:o.get("configSettings"))==null?void 0:c.scheduler)==null?void 0:k.available_days_in_future,{startTime:a,endTime:s,endTimeForAvailableDaysInFuture:d}=this.validateAvailableDaysInFuture(t,i||30);if(a<d&&t.getTime()<d*1e3){const u=await((b=this.nylasSchedulerConnector)==null?void 0:b.scheduler.getAvailability(a,s));(!u||"error"in u)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(u==null?void 0:u.error)},host:this.host});const f=(g=this.stores)==null?void 0:g.scheduler.get("selectableDates");f&&f.length>0&&((m=this.stores)==null||m.scheduler.set("selectedDate",f[0]))}}mapToBookingData(n){var r,o,c;const t=(r=this.stores)==null?void 0:r.scheduler.get("selectedTimeslot"),i=(o=this.stores)==null?void 0:o.scheduler.get("selectedLanguage"),a=(c=this.stores)==null?void 0:c.scheduler.get("selectedTimezone"),s=t!=null&&t.start_time?new Date(t==null?void 0:t.start_time).getTime()/1e3:"",d=t!=null&&t.end_time?new Date(t==null?void 0:t.end_time).getTime()/1e3:"";return{additional_guests:n.guests,guest:n.primaryParticipant,additional_fields:n.additionalFields,start_time:s,end_time:d,email_language:i,timezone:a}}async bookButtonClickedHandler(n){var b,g,m,u,f,_,h;const t=n.detail,i=this.mapToBookingData(t),s={...(g=(b=this.nylasSchedulerConnector)==null?void 0:b.schedulerStore)==null?void 0:g.get("bookingInfo"),...t};(m=this.stores)==null||m.scheduler.set("bookingInfo",s);const r=(f=(u=this.nylasSchedulerConnector)==null?void 0:u.schedulerStore)==null?void 0:f.get("rescheduleBookingId");if(r){const l=await((_=this.nylasSchedulerConnector)==null?void 0:_.scheduler.rescheduleBooking(r,t));(!l||"error"in l)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(l==null?void 0:l.error)},host:this.host});const y=l==null?void 0:l.data,C=this.bookedEventInfo.emit({...l,data:{...y,...i}});"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(C,this.nylasSchedulerConnector);return}const o=await((h=this.nylasSchedulerConnector)==null?void 0:h.scheduler.bookTimeslot(t));(!o||"error"in o)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(o==null?void 0:o.error)},host:this.host});const c=o==null?void 0:o.data,k=this.bookedEventInfo.emit({...o,data:{...c,...i}});"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(k,this.nylasSchedulerConnector)}dateSelectedHandler(n){const t=n.detail;this.selectedDateLabel=t?t.toLocaleDateString(void 0,{dateStyle:"full"}):`${e.instance.t("noDateSelected")}`}cancelBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}cancelBookedEventValidationErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}rescheduleBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}confirmBookingErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}feedbackModalClosedHandler(){this.showFeedbackModal=!1}feedbackSubmittedHandler(n){const i={eventId:x.captureMessage("Scheduling Page User Feedback"),message:n.detail.feedback};x.captureFeedback(i,{includeReplay:!0,captureContext:{tags:{"nylas-web-element":"nylas-schduling","nylas-web-element-version":"1.1.3"},extra:{configId:this.configurationId,slug:this.slug}}}),this.showFeedbackModal=!1}async getNylasSchedulerStore(){var n;return(n=this.baseProvider)==null?void 0:n.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(n){return{title:(n==null?void 0:n.title)||M.title,category:(n==null?void 0:n.category)||M.category,type:E.nr.Error,description:(n==null?void 0:n.message)||"",id:new Date().getTime().toString(),ttl:"none"}}checkIfSessionIdOrConfigIdExists(){if(!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)){let n="";return this.sessionId||(n+=e.instance.t("sessionIdRequiredErrorMessage")),!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)&&(n=e.instance.t("sessionIdRequiredErrorMessage")+" "+e.instance.t("publicConfigErrorMessage")),this.nylasSchedulerError.emit({notification:{title:e.instance.t("schedulingComponentErrorTitle"),category:D.ErrorCategory.Component,type:E.nr.Error,description:n,id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1}return!0}isTimeslotValid(n){return new Date(n.start_time)<new Date?(this.nylasSchedulerError.emit({notification:{title:e.instance.t("invalidTimeslotErrorTitle"),category:D.ErrorCategory.Component,type:E.nr.Error,description:e.instance.t("invalidTimeslotErrorMessage"),id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1):!0}validateAvailableDaysInFuture(n,t){const i=new Date,a=new Date(n.getFullYear(),n.getMonth(),1).getTime()/1e3,s=new Date(n.getFullYear(),n.getMonth()+1,1).getTime()/1e3,d=Math.floor(e.addDaysToCurrentDate(i,t).getTime()/1e3),r=Math.min(d,s);return{startTime:a<i.getTime()/1e3?Math.floor(i.getTime()/1e3):a,endTime:r,endTimeForAvailableDaysInFuture:d}}applyThemeConfig(n){if(n)for(const[t,i]of Object.entries(n))this.host.style.setProperty(`${t}`,i)}onFeedbackClick(){this.showFeedbackModal=!0}render(){var f,_,h,l,y,C,T,L,F,S,z;const n=this.mode==="app",t=(f=this.baseProvider)==null?void 0:f.getStore("scheduler"),i=t==null?void 0:t.get("eventInfo"),a=t==null?void 0:t.get("showBookingForm"),s=t==null?void 0:t.get("cancelledEventInfo"),d=t==null?void 0:t.get("cancelBookingId"),r=t==null?void 0:t.get("selectedTimeslot"),o=t==null?void 0:t.get("rescheduleBookingId"),c=t==null?void 0:t.get("organizerConfirmationBookingId"),k=t==null?void 0:t.get("rejectBookingId"),b=t==null?void 0:t.get("confirmedEventInfo"),g=(t==null?void 0:t.get("nylasBranding"))||this.nylasBranding,m=t==null?void 0:t.get("selectedDate"),u=(h=(_=t==null?void 0:t.get("configSettings"))==null?void 0:_.scheduler)==null?void 0:h.confirmation_redirect_url;if(this.selectedDateLabel=m&&this.language?e.capitalizeFirstLetter(m.toLocaleDateString(A.LANGUAGE_CODE_MAP[this.language],{dateStyle:"full"})):`${e.instance.t("noDateSelected")}`,n&&(d||k)&&!s)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},e.h("nylas-cancel-booking-form",{selectedTimeslot:r,cancelBookingId:d,rejectBookingId:k,exportparts:"ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&c)return e.h(e.Host,null,e.h(w,null,e.h("div",{class:"manual-confirmation-page",part:"manual-confirmation-page"},e.h("nylas-organizer-confirmation-card",{organizerConfirmationBookingId:c,exportparts:"nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&s)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},e.h("nylas-cancelled-event-card",{cancelledEventInfo:s,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&b)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancelled-event-page",part:"confirmed-event-page"},e.h("nylas-confirmed-event-card",{confirmedEventInfo:b,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&i&&u){const v=(y=(l=this.stores)==null?void 0:l.scheduler.get("bookingInfo"))==null?void 0:y.primaryParticipant,R=(T=(C=this.stores)==null?void 0:C.scheduler.get("bookingInfo"))==null?void 0:T.additionalFields,I=(L=this.stores)==null?void 0:L.scheduler.get("selectedTimeslot"),O=(F=this.stores)==null?void 0:F.scheduler.get("selectedTimezone"),P=(S=this.stores)==null?void 0:S.scheduler.get("selectedLanguage"),B=(z=this.stores)==null?void 0:z.scheduler.get("configSettings"),U=this.configurationId?this.configurationId:B==null?void 0:B.configuration_id,H=window.location.search,p=new URLSearchParams(H);p.set("booking_id",i.booking_id),v!=null&&v.name&&p.set("name",v.name),v!=null&&v.email&&p.set("email",v.email),I!=null&&I.start_time&&p.set("start_time",(new Date(I.start_time).getTime()/1e3).toString()),I!=null&&I.end_time&&p.set("end_time",(new Date(I.end_time).getTime()/1e3).toString()),O&&p.set("tz",O),P&&p.set("language",P),R&&p.set("additional_values",JSON.stringify(R)),this.slug&&p.set("page_slug",this.slug),U&&p.set("config_id",U),window.location.assign(`${u}?${p.toString()}`);return}if(n&&i)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"booked-event-page",part:"booked-event-page"},e.h("nylas-booked-event-card",{selectedTimeslot:r,eventInfo:i,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&(!i||o)&&!a){const v=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},o&&e.h(N,null,`${e.instance.t("rescheduleTitle")}`),e.h("div",{class:"select-date-page",part:"select-date-page"},e.h("div",{class:"left-panel"},e.h("nylas-date-picker",{exportparts:"ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month"}),e.h("nylas-locale-switch",{exportparts:"nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label"})),e.h("div",{class:`right-panel ${o?"reschedule":""}`},e.h("h2",null,e.h("calendar-icon",null),e.h("span",{id:"selectedDate"},this.selectedDateLabel)),e.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},v&&e.h("span",{slot:"timeslot-picker-cta-label"},e.h("slot",{name:"timeslot-picker-cta-label"})))))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null))}return n&&!i&&a?e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},o&&e.h(N,null,`${e.instance.t("rescheduleTitle")}`),e.h("div",{class:"additional-data-page",part:"additional-data-page"},e.h("div",{class:"left-panel"},e.h("div",{class:"wrapper"},e.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone"}))),e.h("div",{class:`right-panel ${o?"reschedule":""}`},e.h("nylas-booking-form",{exportparts:"nbf, nbf__input-textfield, nbf__button-ghost, nbf__button-outline, nbf__button-primary, nbf__input-wrapper, nbf__checkbox-component, nbf__radio-button-group, nbf__textarea-component, nbf__dropdown, nbf__dropdown-button, nbf__dropdown-content"})))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null)):e.h(e.Host,null,e.h("slot",null))}get host(){return e.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"],rescheduleBookingRef:["rescheduleBookingRefChanged"],cancelBookingRef:["cancelBookingRefChanged"],organizerConfirmationBookingRef:["organizerConfirmationBookingRefChanged"],localization:["localizationChanged"],themeConfig:["themeConfigChanged"]}}};j.style=$;exports.nylas_scheduling=j;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { r as f, c as p, d as i, h as o, H as u } from "./index-a282e817.js";
|
|
2
|
-
import { R as m } from "./register-component-a7ea27ad-fa2c4b17.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
const g = ":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}", y = g;
|
|
6
|
-
var v = function(t, e, s, r) {
|
|
7
|
-
var a = arguments.length, n = a < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, s) : r, h;
|
|
8
|
-
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
9
|
-
n = Reflect.decorate(t, e, s, r);
|
|
10
|
-
else
|
|
11
|
-
for (var l = t.length - 1; l >= 0; l--)
|
|
12
|
-
(h = t[l]) && (n = (a < 3 ? h(n) : a > 3 ? h(e, s, n) : h(e, s)) || n);
|
|
13
|
-
return a > 3 && n && Object.defineProperty(e, s, n), n;
|
|
14
|
-
}, c = function(t, e) {
|
|
15
|
-
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
16
|
-
return Reflect.metadata(t, e);
|
|
17
|
-
};
|
|
18
|
-
const d = class {
|
|
19
|
-
constructor(t) {
|
|
20
|
-
f(this, t), this.refresh = p(this, "refresh", 7), this.threshold = 100, this.onTouchStart = (e) => {
|
|
21
|
-
var s, r, a, n;
|
|
22
|
-
i("[nylas-threads-refresh] Touch start", e.touches[0].pageY, (s = this.containerElement) == null ? void 0 : s.scrollTop, (r = this.containerElement) == null ? void 0 : r.offsetHeight, (a = this.contentElement) == null ? void 0 : a.scrollTop), ((n = this.containerElement) == null ? void 0 : n.scrollTop) === 0 ? this.start = e.touches[0].pageY : this.start = 0;
|
|
23
|
-
}, this.onTouchMove = (e) => {
|
|
24
|
-
this.start && (e.touches[0].pageY - this.start > this.threshold ? this.pulling = !0 : this.pulling = !1);
|
|
25
|
-
}, this.onTouchEnd = (e) => {
|
|
26
|
-
this.start && (e.changedTouches[0].pageY - this.start > this.threshold && (this.pulling = !1, this.refresh.emit({
|
|
27
|
-
updateState: this.updateState
|
|
28
|
-
})), this.start = 0);
|
|
29
|
-
}, this.start = 0, this.state = "ready", this.pulling = !1, i("[nylas-threads-refresh] Constructor"), this.updateState = this.updateState.bind(this);
|
|
30
|
-
}
|
|
31
|
-
connectedCallback() {
|
|
32
|
-
}
|
|
33
|
-
async componentWillLoad() {
|
|
34
|
-
i("[nylas-threads-refresh] Component will load");
|
|
35
|
-
}
|
|
36
|
-
componentDidLoad() {
|
|
37
|
-
var t, e, s;
|
|
38
|
-
i("[nylas-threads-refresh] Component did load"), (t = this.containerElement) == null || t.addEventListener("touchstart", this.onTouchStart), (e = this.containerElement) == null || e.addEventListener("touchmove", this.onTouchMove), (s = this.containerElement) == null || s.addEventListener("touchend", this.onTouchEnd);
|
|
39
|
-
}
|
|
40
|
-
disconnectedCallback() {
|
|
41
|
-
var t, e, s;
|
|
42
|
-
i("[nylas-threads-refresh] Component disconnected"), (t = this.containerElement) == null || t.removeEventListener("touchstart", this.onTouchStart), (e = this.containerElement) == null || e.removeEventListener("touchmove", this.onTouchMove), (s = this.containerElement) == null || s.removeEventListener("touchend", this.onTouchEnd);
|
|
43
|
-
}
|
|
44
|
-
async updateState(t) {
|
|
45
|
-
this.state = t;
|
|
46
|
-
}
|
|
47
|
-
render() {
|
|
48
|
-
return o(u, { key: "0e7150c1fd50e5422e124ac007132ae2ecc0006b" }, o("div", { key: "730765ce38847fdbe691f2b9cfeda44e1a46259b", class: "container", ref: (t) => this.containerElement = t }, o("button", { key: "55427e329f0405960f22f736f10722e620931516", class: {
|
|
49
|
-
"pull-to-refresh": !0,
|
|
50
|
-
pulling: this.pulling,
|
|
51
|
-
refreshing: this.state === "loading"
|
|
52
|
-
}, "aria-label": "Refreshing..." }, this.state === "loading" && o("refresh-icon", { slot: "icon" }), this.state !== "loading" && o("arrow-icon", { slot: "icon" })), o("div", { key: "585886ff635733f5e0398ca9cfe11944860f5a61", class: "content", ref: (t) => this.contentElement = t }, o("slot", { key: "f61cab9fae1aae81ecb0e7a6544ddb4b845c91b4" }))));
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
v([
|
|
56
|
-
m({
|
|
57
|
-
name: "nylas-threads-refresh",
|
|
58
|
-
eventToProps: {
|
|
59
|
-
refresh: async (t, e) => {
|
|
60
|
-
i("[nylas-threads-refresh] Refreshing threads");
|
|
61
|
-
const { updateState: s } = t.detail;
|
|
62
|
-
await s("loading"), await e.threads.getThreads(void 0, "overwrite", !1), await s("ready");
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
fireRegisterEvent: !0
|
|
66
|
-
}),
|
|
67
|
-
c("design:type", Function),
|
|
68
|
-
c("design:paramtypes", []),
|
|
69
|
-
c("design:returntype", void 0)
|
|
70
|
-
], d.prototype, "render", null);
|
|
71
|
-
d.style = y;
|
|
72
|
-
export {
|
|
73
|
-
d as nylas_threads_refresh
|
|
74
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-11f33e47.cjs"),d=require("./register-component-a7ea27ad-2343f3df.cjs");require("react");require("react-dom");const f=":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",u=f;var p=function(t,e,n,a){var i=arguments.length,r=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,n,a);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(i<3?o(r):i>3?o(e,n,r):o(e,n))||r);return i>3&&r&&Object.defineProperty(e,n,r),r},l=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const c=class{constructor(t){s.registerInstance(this,t),this.refresh=s.createEvent(this,"refresh",7),this.threshold=100,this.onTouchStart=e=>{var n,a,i,r;s.debug("[nylas-threads-refresh] Touch start",e.touches[0].pageY,(n=this.containerElement)==null?void 0:n.scrollTop,(a=this.containerElement)==null?void 0:a.offsetHeight,(i=this.contentElement)==null?void 0:i.scrollTop),((r=this.containerElement)==null?void 0:r.scrollTop)===0?this.start=e.touches[0].pageY:this.start=0},this.onTouchMove=e=>{this.start&&(e.touches[0].pageY-this.start>this.threshold?this.pulling=!0:this.pulling=!1)},this.onTouchEnd=e=>{this.start&&(e.changedTouches[0].pageY-this.start>this.threshold&&(this.pulling=!1,this.refresh.emit({updateState:this.updateState})),this.start=0)},this.start=0,this.state="ready",this.pulling=!1,s.debug("[nylas-threads-refresh] Constructor"),this.updateState=this.updateState.bind(this)}connectedCallback(){}async componentWillLoad(){s.debug("[nylas-threads-refresh] Component will load")}componentDidLoad(){var t,e,n;s.debug("[nylas-threads-refresh] Component did load"),(t=this.containerElement)==null||t.addEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.addEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.addEventListener("touchend",this.onTouchEnd)}disconnectedCallback(){var t,e,n;s.debug("[nylas-threads-refresh] Component disconnected"),(t=this.containerElement)==null||t.removeEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.removeEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.removeEventListener("touchend",this.onTouchEnd)}async updateState(t){this.state=t}render(){return s.h(s.Host,{key:"0e7150c1fd50e5422e124ac007132ae2ecc0006b"},s.h("div",{key:"730765ce38847fdbe691f2b9cfeda44e1a46259b",class:"container",ref:t=>this.containerElement=t},s.h("button",{key:"55427e329f0405960f22f736f10722e620931516",class:{"pull-to-refresh":!0,pulling:this.pulling,refreshing:this.state==="loading"},"aria-label":"Refreshing..."},this.state==="loading"&&s.h("refresh-icon",{slot:"icon"}),this.state!=="loading"&&s.h("arrow-icon",{slot:"icon"})),s.h("div",{key:"585886ff635733f5e0398ca9cfe11944860f5a61",class:"content",ref:t=>this.contentElement=t},s.h("slot",{key:"f61cab9fae1aae81ecb0e7a6544ddb4b845c91b4"}))))}};p([d.RegisterComponent({name:"nylas-threads-refresh",eventToProps:{refresh:async(t,e)=>{s.debug("[nylas-threads-refresh] Refreshing threads");const{updateState:n}=t.detail;await n("loading"),await e.threads.getThreads(void 0,"overwrite",!1),await n("ready")}},fireRegisterEvent:!0}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],c.prototype,"render",null);c.style=u;exports.nylas_threads_refresh=c;
|