@nylas/react 1.1.0-canary.12 → 1.1.0-canary.13
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_22.entry-26980c9f.cjs +1 -0
- package/dist/add-circle-icon_22.entry-a63de90d.js +1895 -0
- package/dist/{archive-icon_7.entry-e892a458.js → archive-icon_7.entry-561a5deb.js} +13 -13
- package/dist/{archive-icon_7.entry-59d9e24f.cjs → archive-icon_7.entry-97628ff8.cjs} +1 -1
- package/dist/{arrow-icon.entry-834b8066.cjs → arrow-icon.entry-68a3ba5b.cjs} +1 -1
- package/dist/arrow-icon.entry-c9b46bbc.js +15 -0
- package/dist/{bold-icon_3.entry-0f038db3.js → bold-icon_3.entry-e5a6fea9.js} +4 -4
- package/dist/{bold-icon_3.entry-eb0fcdaa.cjs → bold-icon_3.entry-f8473940.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-27a6f628.cjs → calendar-cancel-icon.entry-1fd6b27a.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-96156441.js → calendar-cancel-icon.entry-4bc3ceb1.js} +2 -2
- package/dist/{calendar-check-icon_2.entry-b6d6d220.cjs → calendar-check-icon_2.entry-3f734e43.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-c7c13e3e.js → calendar-check-icon_2.entry-a7033bf7.js} +11 -11
- package/dist/{calendar-icon.entry-e7f6a9a8.cjs → calendar-icon.entry-2943ea63.cjs} +1 -1
- package/dist/{calendar-icon.entry-f088fb14.js → calendar-icon.entry-2f963a7d.js} +4 -4
- package/dist/{chevron-icon_3.entry-8c6e6f74.cjs → chevron-icon_3.entry-ac1be504.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-90a3e89c.js → chevron-icon_3.entry-d10c854b.js} +5 -5
- package/dist/clock-icon_2.entry-7c576457.cjs +1 -0
- package/dist/clock-icon_2.entry-c8b0693e.js +25 -0
- package/dist/close-icon.entry-5cc5ae00.cjs +1 -0
- package/dist/close-icon.entry-e01b32cc.js +15 -0
- package/dist/{constants-f34b9c6e-593e21cc.cjs → constants-f34b9c6e-0e1cb070.cjs} +1 -1
- package/dist/{constants-f34b9c6e-91f6ad05.js → constants-f34b9c6e-ada541f4.js} +1 -1
- package/dist/{document-refresh-icon.entry-ca98d879.js → document-refresh-icon.entry-a18e5222.js} +5 -5
- package/dist/document-refresh-icon.entry-b0927573.cjs +1 -0
- package/dist/elements/index.d.ts +4 -1
- package/dist/{elements-dc5b338e-60f95088.cjs → elements-dc5b338e-272b5dff.cjs} +1 -1
- package/dist/{elements-dc5b338e-68eab1e5.js → elements-dc5b338e-d6cbe948.js} +1 -1
- package/dist/{focus-visible-e8093c16-a0869441.cjs → focus-visible-e8093c16-6991ac1b.cjs} +1 -1
- package/dist/{focus-visible-e8093c16-b5d785fc.js → focus-visible-e8093c16-d239362e.js} +1 -1
- package/dist/{forward-icon_6.entry-84ac76ac.js → forward-icon_6.entry-230c7ab2.js} +9 -9
- package/dist/{forward-icon_6.entry-4b321b9a.cjs → forward-icon_6.entry-ee238c52.cjs} +3 -3
- package/dist/{globe-icon.entry-ef04c8bf.cjs → globe-icon.entry-539f0052.cjs} +1 -1
- package/dist/{globe-icon.entry-14a60f32.js → globe-icon.entry-e8c272c0.js} +2 -2
- package/dist/{google-logo-icon_4.entry-4fa3cb8e.js → google-logo-icon_4.entry-0c46cddd.js} +103 -93
- package/dist/google-logo-icon_4.entry-a5add4b4.cjs +1 -0
- package/dist/index-53420959-71fdd6ef.js +5 -0
- package/dist/index-53420959-f15601a9.cjs +1 -0
- package/dist/index-553c0327.cjs +42 -0
- package/dist/index-cd0e2d77.js +4977 -0
- package/dist/index-ef01c714-839c3029.cjs +41 -0
- package/dist/index-ef01c714-d85134a4.js +4971 -0
- package/dist/{index.es-9190f785-60475c4c.cjs → index.es-74f70f7d-1d137fdb.cjs} +5 -5
- package/dist/{index.es-9190f785-69269065.js → index.es-74f70f7d-960f947f.js} +11 -12
- package/dist/{info-icon_2.entry-fb099090.cjs → info-icon_2.entry-00ea6504.cjs} +1 -1
- package/dist/{info-icon_2.entry-45f6f01f.js → info-icon_2.entry-42f77d4b.js} +5 -5
- package/dist/{loading-icon.entry-67c8b1fa.js → loading-icon.entry-0692e093.js} +4 -4
- package/dist/{loading-icon.entry-eaabff41.cjs → loading-icon.entry-fb7464c3.cjs} +1 -1
- package/dist/{mailbox-store-29139d89-dd9d3d1b.cjs → mailbox-store-050a2914-9c975586.cjs} +1 -1
- package/dist/{mailbox-store-29139d89-e3513416.js → mailbox-store-050a2914-cfb1b1c0.js} +2 -2
- package/dist/{nylas-additional-participants.entry-a1fb4ef4.js → nylas-additional-participants.entry-1d7bda06.js} +12 -12
- package/dist/{nylas-additional-participants.entry-6413fc87.cjs → nylas-additional-participants.entry-d97b8bb4.cjs} +1 -1
- package/dist/{nylas-booked-event-card_10.entry-e435ff63.js → nylas-booked-event-card_10.entry-041a10c7.js} +255 -252
- package/dist/nylas-booked-event-card_10.entry-dfec7c8d.cjs +1 -0
- package/dist/{nylas-custom-booking-flow.entry-3e690bb7.cjs → nylas-custom-booking-flow.entry-3ec838df.cjs} +1 -1
- package/dist/{nylas-custom-booking-flow.entry-56075ecd.js → nylas-custom-booking-flow.entry-ced72cc5.js} +3 -3
- package/dist/nylas-form-card.entry-8d594514.cjs +1 -0
- package/dist/nylas-form-card.entry-9b8176ad.js +57 -0
- package/dist/{nylas-if-state.entry-1e4b0a58.cjs → nylas-if-state.entry-445ec109.cjs} +1 -1
- package/dist/{nylas-if-state.entry-3d22bca7.js → nylas-if-state.entry-eb11630d.js} +3 -3
- package/dist/{nylas-list-folders.entry-3da37b1c.cjs → nylas-list-folders.entry-32a1e254.cjs} +1 -1
- package/dist/{nylas-list-folders.entry-e634780d.js → nylas-list-folders.entry-822436d4.js} +3 -3
- package/dist/{nylas-list-threads.entry-26dbb8ff.js → nylas-list-threads.entry-0186e9e7.js} +4 -4
- package/dist/{nylas-list-threads.entry-ef4743af.cjs → nylas-list-threads.entry-181872dd.cjs} +1 -1
- package/dist/{nylas-login.entry-a76e4aae.cjs → nylas-login.entry-0261e74e.cjs} +1 -1
- package/dist/{nylas-login.entry-ff7d9db5.js → nylas-login.entry-7460c1d4.js} +3 -3
- package/dist/{nylas-mailbox-pagination.entry-fcb3cc47.js → nylas-mailbox-pagination.entry-107b3fbc.js} +2 -2
- package/dist/{nylas-mailbox-pagination.entry-565ee29b.cjs → nylas-mailbox-pagination.entry-eaf08163.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-3a94b1e9.cjs → nylas-mailbox-toolbar-button.entry-23fc08a6.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-ae13c538.js → nylas-mailbox-toolbar-button.entry-40e8d9ad.js} +8 -8
- package/dist/{nylas-mailbox.entry-6d86abe9.js → nylas-mailbox.entry-2199a6b4.js} +9 -10
- package/dist/nylas-mailbox.entry-de8618eb.cjs +1 -0
- package/dist/nylas-provider.entry-11a95d86.cjs +1 -0
- package/dist/{nylas-provider.entry-01e0944e.js → nylas-provider.entry-a8f8bad2.js} +9 -10
- package/dist/nylas-scheduler-editor.entry-73794266.cjs +2 -0
- package/dist/{nylas-scheduler-editor.entry-8f62880a.js → nylas-scheduler-editor.entry-c58c813c.js} +28 -14
- package/dist/nylas-scheduling.entry-b449ab24.cjs +1 -0
- package/dist/{nylas-scheduling.entry-f15b3106.js → nylas-scheduling.entry-fe9d6b69.js} +91 -68
- package/dist/{nylas-threads-refresh.entry-d62d0574.cjs → nylas-threads-refresh.entry-4f17fa6c.cjs} +1 -1
- package/dist/{nylas-threads-refresh.entry-d7727ccb.js → nylas-threads-refresh.entry-c8438752.js} +4 -4
- package/dist/{nylas-threads-search.entry-eec50b1b.cjs → nylas-threads-search.entry-0ed36372.cjs} +1 -1
- package/dist/{nylas-threads-search.entry-4803d20b.js → nylas-threads-search.entry-b1f88916.js} +4 -4
- package/dist/{nylas-view-thread.entry-2b85f8e2.js → nylas-view-thread.entry-8dfe1352.js} +3 -3
- package/dist/{nylas-view-thread.entry-5da789da.cjs → nylas-view-thread.entry-c50bea78.cjs} +1 -1
- package/dist/{people-icon.entry-b6426fe6.cjs → people-icon.entry-0875cac0.cjs} +1 -1
- package/dist/{people-icon.entry-63f63064.js → people-icon.entry-8392a21c.js} +6 -6
- package/dist/{play-icon_2.entry-a3262db3.js → play-icon_2.entry-4a15f215.js} +8 -8
- package/dist/play-icon_2.entry-d6ff1cc3.cjs +1 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +87 -84
- package/dist/{refresh-icon.entry-542f680c.cjs → refresh-icon.entry-1ebb9376.cjs} +1 -1
- package/dist/{refresh-icon.entry-64679ef7.js → refresh-icon.entry-76b2d888.js} +4 -4
- package/dist/{register-component-83e24412-51af5293.js → register-component-e4dc8778-408dc241.js} +1 -1
- package/dist/{register-component-83e24412-d76a2962.cjs → register-component-e4dc8778-99eb91ca.cjs} +1 -1
- package/dist/{scheduler-config-store-ec3b6190-2710b76a.cjs → scheduler-config-store-ec3b6190-4abd56df.cjs} +1 -1
- package/dist/{scheduler-config-store-ec3b6190-df09ddc0.js → scheduler-config-store-ec3b6190-f292fe19.js} +1 -1
- package/dist/scheduler-store-3afbcda0-166e84ff.cjs +1 -0
- package/dist/{scheduler-store-dabdbc4f-6f6096d6.js → scheduler-store-3afbcda0-53680387.js} +130 -89
- package/dist/time-period-selector.entry-846b64bd.cjs +1 -0
- package/dist/{time-period-selector.entry-8e6954f5.js → time-period-selector.entry-f6128367.js} +3 -3
- package/dist/{translate-icon.entry-57dedacf.js → translate-icon.entry-84778350.js} +6 -6
- package/dist/{translate-icon.entry-49a653f0.cjs → translate-icon.entry-f3060124.cjs} +1 -1
- package/dist/warning-icon.entry-246eb6fb.cjs +1 -0
- package/dist/warning-icon.entry-eeaae1a7.js +15 -0
- package/package.json +2 -2
- package/dist/add-circle-icon_21.entry-172d31c3.js +0 -6726
- package/dist/add-circle-icon_21.entry-71af48f1.cjs +0 -41
- package/dist/arrow-icon.entry-060b9b4f.js +0 -15
- package/dist/close-icon.entry-175b9674.cjs +0 -1
- package/dist/close-icon.entry-e694948f.js +0 -15
- package/dist/document-refresh-icon.entry-a54c74b9.cjs +0 -1
- package/dist/global-37eeb0cd-6c5934cf.cjs +0 -1
- package/dist/global-37eeb0cd-b42e0abc.js +0 -4
- package/dist/google-logo-icon_4.entry-ffeec491.cjs +0 -1
- package/dist/index-3a004ec1.cjs +0 -37
- package/dist/index-4c7e8f2f.js +0 -4045
- package/dist/index-92989ac4-69175657.js +0 -902
- package/dist/index-92989ac4-6f32ff2a.cjs +0 -6
- package/dist/nylas-booked-event-card_10.entry-ce660783.cjs +0 -1
- package/dist/nylas-form-card.entry-33ff95e1.js +0 -54
- package/dist/nylas-form-card.entry-64d7be4d.cjs +0 -1
- package/dist/nylas-mailbox.entry-8f41c35a.cjs +0 -1
- package/dist/nylas-provider.entry-65f0f8da.cjs +0 -1
- package/dist/nylas-scheduler-editor.entry-7dc20e4d.cjs +0 -2
- package/dist/nylas-scheduling.entry-1b6628a3.cjs +0 -1
- package/dist/play-icon_2.entry-2b8094d7.cjs +0 -1
- package/dist/scheduler-store-dabdbc4f-404dc261.cjs +0 -1
- package/dist/time-period-selector.entry-c5faae46.cjs +0 -1
- package/dist/warning-icon.entry-a7977526.js +0 -15
- package/dist/warning-icon.entry-bce861bd.cjs +0 -1
|
@@ -1,35 +1,37 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { R as p } from "./register-component-
|
|
3
|
-
import { T as u, g as
|
|
1
|
+
import { r as h, c as d, z as Y, d as c, h as a, H as f, g as X, A as J, C as K, l as Q, D as m, E as ee, G as C, F as te } from "./index-cd0e2d77.js";
|
|
2
|
+
import { R as p } from "./register-component-e4dc8778-408dc241.js";
|
|
3
|
+
import { T as u, g as ae, L as F } from "./constants-f34b9c6e-ada541f4.js";
|
|
4
|
+
import { s as w } from "./index-ef01c714-d85134a4.js";
|
|
5
|
+
import "./index-53420959-71fdd6ef.js";
|
|
4
6
|
import "react";
|
|
5
7
|
import "react-dom";
|
|
6
|
-
const
|
|
7
|
-
var
|
|
8
|
-
var
|
|
8
|
+
const ne = ':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}sp-theme{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:1rem;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}sp-button{background-color:var(--nylas-base-0);color:var(--nylas-base-700);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);font-size:16px;padding:8px;font-family:var(--nylas-font-family);font-weight:600;height:48px;line-height:24px}sp-button.cancel{color:var(--nylas-error)}sp-button.cancel:hover,sp-button.cancel:focus{border-color:var(--nylas-error)}sp-button.cancel:active{color:var(--nylas-error-pressed);border-color:var(--nylas-error-pressed)}sp-button.reschedule:hover,sp-button.reschedule:focus{border-color:var(--nylas-primary)}sp-button.reschedule:active{border-color:var(--nylas-base-600)}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}', ie = ne;
|
|
9
|
+
var se = function(e, t, i, s) {
|
|
10
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
9
11
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
10
|
-
|
|
12
|
+
n = Reflect.decorate(e, t, i, s);
|
|
11
13
|
else
|
|
12
14
|
for (var l = e.length - 1; l >= 0; l--)
|
|
13
|
-
(
|
|
14
|
-
return
|
|
15
|
-
},
|
|
15
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
16
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
17
|
+
}, _ = function(e, t) {
|
|
16
18
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
17
19
|
return Reflect.metadata(e, t);
|
|
18
20
|
};
|
|
19
|
-
const
|
|
21
|
+
const H = class {
|
|
20
22
|
constructor(e) {
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
const t = /* @__PURE__ */ new Date(),
|
|
23
|
+
h(this, e), this.cancelBookingButtonClicked = d(this, "cancelBookingButtonClicked", 7), this.rescheduleButtonClicked = d(this, "rescheduleButtonClicked", 7), this.rescheduleBookedEventError = d(this, "rescheduleBookedEventError", 7), this.cancelBookedEventValidationError = d(this, "cancelBookedEventValidationError", 7), this.handleCancelBookingButtonClicked = () => {
|
|
24
|
+
var r;
|
|
25
|
+
const t = /* @__PURE__ */ new Date(), i = (r = this.configSettings) == null ? void 0 : r.scheduler.min_cancellation_notice, s = Y(t, i);
|
|
24
26
|
t.getTime() < s.getTime() ? this.cancelBookedEventValidationError.emit({
|
|
25
27
|
error: {
|
|
26
28
|
title: "Cancellation Error",
|
|
27
|
-
message: `You cannot cancel the booking within ${
|
|
29
|
+
message: `You cannot cancel the booking within ${i} minutes of the event.`
|
|
28
30
|
}
|
|
29
31
|
}) : this.cancelBookingButtonClicked.emit({ bookingId: this.eventInfo.booking_id });
|
|
30
32
|
}, this.handleRescheduleButtonClicked = () => {
|
|
31
|
-
const t = (
|
|
32
|
-
this.rescheduleBookedEventError.emit(
|
|
33
|
+
const t = (i) => {
|
|
34
|
+
this.rescheduleBookedEventError.emit(i);
|
|
33
35
|
};
|
|
34
36
|
this.rescheduleButtonClicked.emit({ bookingId: this.eventInfo.booking_id, errorHandler: t });
|
|
35
37
|
}, this.getOrganizer = (t) => t == null ? void 0 : t.organizer, this.getPaticipantType = (t) => {
|
|
@@ -51,14 +53,14 @@ const F = class {
|
|
|
51
53
|
c("[nylas-booked-event-card] Component will load");
|
|
52
54
|
}
|
|
53
55
|
async componentDidLoad() {
|
|
54
|
-
c("[nylas-booked-event-card] Component did load");
|
|
56
|
+
c("[nylas-booked-event-card] Component did load"), this.eventInfo || console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.'), this.bookingInfo || console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.');
|
|
55
57
|
}
|
|
56
58
|
render() {
|
|
57
|
-
var e, t,
|
|
58
|
-
return
|
|
59
|
+
var e, t, i, s, r, n, o, l, b;
|
|
60
|
+
return a(f, { key: "67dd2b25ed9f6e97043f3df7b939c5e23e465109", part: "nbec" }, a("sp-theme", { key: "52e55db58f82c3e4b11da76f4d595395512ea9d7", theme: "spectrum", color: "dark", scale: "medium" }, a("div", { key: "197889d870b6c052e6444984bff0f3fe35644bc7", class: "booked-event-timezone" }, a("globe-icon", { key: "95132cf92e263162a745ab54f8df090d7a65c53f" }), u[this.selectedTimezone]), a("div", { key: "c6a057ddcbffd3cdf2a2b898cf0e071adaa8fc8a", class: "event-card-wrapper", part: "nbec__card" }, a("div", { key: "3a2dc83f4a3f79e2cd46576037026074ffc75ca7", class: "calendar-icon" }, a("calendar-check-icon", { key: "dedeccea4e24d5cf61bd19669f819921422ee9b5" })), a("div", { key: "41cf9cd787f85d85a53add470562a146e65b2405", class: "booked-event-header" }, a("h2", { key: "7457dedb9bc4cfa1a04f8edb2e0b42dcfb71024f", slot: "card-title", part: "nbec__title" }, "Booking ", this.rescheduleBookingId ? "rescheduled" : "confirmed", "!"), a("div", { key: "03b987813744b2b625f089d4217c9bc7820d0a7c", part: "nbec__description" }, ((e = this.getOrganizer(this.eventInfo)) == null ? void 0 : e.name) || ((t = this.getOrganizer(this.eventInfo)) == null ? void 0 : t.email), " & ", ((s = (i = this.bookingInfo) == null ? void 0 : i.primaryParticipant) == null ? void 0 : s.name) || ((n = (r = this.bookingInfo) == null ? void 0 : r.primaryParticipant) == null ? void 0 : n.email))), a("sp-divider", { key: "5f12482df20b09a77df16c2b4945439b90364655" }), a("div", { key: "efa52924c2d866be7eecd216ef9be381228671b7", class: "booking-date-time" }, a("checkmark-circle-icon", { key: "a24ebafa19530d7be9e86bfe5a30bc059708b7c7" }), a("h3", { key: "835150638c5cc9328a067e60328bf1e8cb28dd1b" }, "Booking date and time"), a("p", { key: "ab0897c947c57c847836ddd6f04ce922cc216c77" }, new Date((o = this.selectedTimeslot) == null ? void 0 : o.start_time).toLocaleDateString(void 0, { dateStyle: "full" }), " ", a("br", { key: "47a610f350fefe6554af54b567bfd5b79dd08f20" }), new Date((l = this.selectedTimeslot) == null ? void 0 : l.start_time).toLocaleTimeString(void 0, { timeStyle: "short" }), " -", " ", new Date((b = this.selectedTimeslot) == null ? void 0 : b.end_time).toLocaleTimeString(void 0, { timeStyle: "short" }))), a("div", { key: "0db95adfa64e57bcc5e7c216e85c1479f0b6e4de", class: "booking-participants" }), a("sp-divider", { key: "68ee8a7fd3f4ff6c31dee82d7b8b1e4f0d75a889" }), a("div", { key: "efe3bb06d1a26c36ab75807ed7d24a3098e0015f", class: "footer" }, a("sp-button", { key: "31a69af4569c122200cc52866ceac17f49b781df", variant: "secondary", treatment: "outline", class: "cancel", onClick: this.handleCancelBookingButtonClicked, part: "nbec__button-outline nbec__cancel-cta" }, "Cancel booking"), a("sp-button", { key: "393c0f23c68e5e24c5190df328867fba4a05abc9", variant: "secondary", treatment: "outline", class: "reschedule", onClick: this.handleRescheduleButtonClicked, part: "nbec__button-outline nbec__reschedule-cta" }, "Reschedule")))));
|
|
59
61
|
}
|
|
60
62
|
};
|
|
61
|
-
|
|
63
|
+
se([
|
|
62
64
|
p({
|
|
63
65
|
name: "nylas-booked-event-card",
|
|
64
66
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -73,59 +75,59 @@ ne([
|
|
|
73
75
|
t.scheduler.setCancel(e.detail.bookingId);
|
|
74
76
|
},
|
|
75
77
|
rescheduleButtonClicked: async (e, t) => {
|
|
76
|
-
const
|
|
77
|
-
s && (!
|
|
78
|
+
const i = await t.scheduler.setReschedule(e.detail.bookingId), { errorHandler: s } = e.detail;
|
|
79
|
+
s && (!i || "error" in i) && s(i);
|
|
78
80
|
}
|
|
79
81
|
},
|
|
80
82
|
fireRegisterEvent: !0
|
|
81
83
|
}),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
],
|
|
86
|
-
|
|
87
|
-
const
|
|
88
|
-
var
|
|
89
|
-
var
|
|
84
|
+
_("design:type", Function),
|
|
85
|
+
_("design:paramtypes", []),
|
|
86
|
+
_("design:returntype", void 0)
|
|
87
|
+
], H.prototype, "render", null);
|
|
88
|
+
H.style = ie;
|
|
89
|
+
const oe = ':host{display:block;height:100%;--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-booking-form{width:100%;padding:1.5rem;box-sizing:border-box;height:450px;overflow-y:auto;height:100%}form{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}sp-textfield{--spectrum-corner-radius-100:var(--nylas-border-radius-2x);--spectrum-textfield-border-color:var(--nylas-base-300);position:relative;width:100%;height:48px;margin-bottom:16px;color:var(--nylas-base-500)}.cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0.5rem;padding:10px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.cta{flex-direction:column-reverse}}sp-button{background-color:transparent;color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);--button-width:50%;font-family:var(--nylas-font-family);font-size:16px;font-weight:600;border:none;height:48px;padding:14px}@media screen and (max-width: 768px){sp-button{--button-width:100%}}sp-button:hover,sp-button:focus{background-color:var(--nylas-base-100);color:var(--nylas-primary);border-radius:var(--nylas-border-radius-2x)}sp-button:active{background-color:var(--nylas-base-200);color:var(--nylas-base-800)}sp-button.back{width:var(--button-width);background-color:transparent;color:var(--nylas-base-700);outline:1px solid var(--nylas-base-300)}sp-button.back:hover,sp-button.back:focus{outline-color:var(--nylas-primary)}sp-button.back:active{outline:2px solid var(--nylas-base-600)}sp-button.book{width:var(--button-width);background-color:var(--nylas-primary);color:var(--nylas-base-0)}sp-button.book:hover,sp-button.book:focus{background-color:var(--nylas-base-600)}sp-button.book:active{background-color:var(--nylas-base-800)}.input-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:1rem}.input-wrapper input::placeholder{color:var(--nylas-base-300)}.input-wrapper label,.input-wrapper input{font-family:var(--nylas-font-family)}.input-wrapper .help-text{margin:0;color:var(--nylas-error)}.button-wrapper{width:100%;align-items:flex-start;height:max-content;position:relative}sp-infield-button{--spectrum-infield-button-background-color:transparent;--spectrum-infield-button-background-color-hover:transparent;--spectrum-infield-button-background-color-active:transparent;--spectrum-infield-button-border-color:transparent;--spectrum-infield-button-border-width:1px;--spectrum-infield-button-border-radius:0;color:var(--nylas-base-600);background:transparent;border:none;outline:1px solid var(--nylas-base-300);border-radius:0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x) 0;height:52px;width:52px;display:flex;position:absolute;right:0;align-items:center;justify-content:center;cursor:pointer}sp-infield-button sp-icon-cross300{color:var(--nylas-base-600)}sp-infield-button.error{border-width:2px;border-color:var(--nylas-error)}input[type=text],input[type=email]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%}input[type=text].error,input[type=email].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=email].error::placeholder{font-weight:400}input[type=text].guest-email,input[type=email].guest-email{color:var(--nylas-base-900);padding-right:52px}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}', re = oe;
|
|
90
|
+
var le = function(e, t, i, s) {
|
|
91
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
90
92
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
91
|
-
|
|
93
|
+
n = Reflect.decorate(e, t, i, s);
|
|
92
94
|
else
|
|
93
95
|
for (var l = e.length - 1; l >= 0; l--)
|
|
94
|
-
(
|
|
95
|
-
return
|
|
96
|
-
},
|
|
96
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
97
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
98
|
+
}, E = function(e, t) {
|
|
97
99
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
98
100
|
return Reflect.metadata(e, t);
|
|
99
101
|
};
|
|
100
|
-
const
|
|
102
|
+
const T = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/, $ = class {
|
|
101
103
|
constructor(e) {
|
|
102
|
-
|
|
104
|
+
h(this, e), this.nameChanged = d(this, "nameChanged", 7), this.emailChanged = d(this, "emailChanged", 7), this.backButtonClicked = d(this, "backButtonClicked", 7), this.detailsConfirmed = d(this, "detailsConfirmed", 7), this.bookingFormError = d(this, "bookingFormError", 7), this.handleGuestChange = (t, i) => {
|
|
103
105
|
this.resetGuestEmailError(t);
|
|
104
106
|
const s = [...this.guestEmails];
|
|
105
|
-
s[t] =
|
|
106
|
-
}, this.handleGuestBlur = (t,
|
|
107
|
-
if (this.resetGuestEmailError(t),
|
|
107
|
+
s[t] = w(i), this.guestEmails = [...s];
|
|
108
|
+
}, this.handleGuestBlur = (t, i) => {
|
|
109
|
+
if (this.resetGuestEmailError(t), i === "") {
|
|
108
110
|
this.guestEmailErrors[t] = "Email is required";
|
|
109
111
|
return;
|
|
110
112
|
}
|
|
111
|
-
if (!
|
|
113
|
+
if (!T.test(i)) {
|
|
112
114
|
this.guestEmailErrors[t] = "Enter a valid email address";
|
|
113
115
|
return;
|
|
114
116
|
}
|
|
115
|
-
this.handleGuestChange(t,
|
|
117
|
+
this.handleGuestChange(t, i);
|
|
116
118
|
}, this.addGuestButtonClickedHandler = () => {
|
|
117
119
|
this.guestEmails = [...this.guestEmails, ""];
|
|
118
|
-
}, this.removeGuestButtonClickHandler = (t,
|
|
119
|
-
t.preventDefault(), this.resetGuestEmailError(
|
|
120
|
+
}, this.removeGuestButtonClickHandler = (t, i) => {
|
|
121
|
+
t.preventDefault(), this.resetGuestEmailError(i);
|
|
120
122
|
const s = [...this.guestEmails];
|
|
121
|
-
s.splice(
|
|
123
|
+
s.splice(i, 1), this.guestEmails = [...s];
|
|
122
124
|
}, this.handleBackButtonClicked = () => {
|
|
123
125
|
this.backButtonClicked.emit();
|
|
124
126
|
}, this.bookButtonClickedHandler = async (t) => {
|
|
125
|
-
var
|
|
127
|
+
var n, o, l, b, y, N, M;
|
|
126
128
|
t.preventDefault(), c("nylas-booking-form", "bookButtonClickedHandler", this.bookingInfo);
|
|
127
|
-
const
|
|
128
|
-
if (!
|
|
129
|
+
const i = this.name || ((o = (n = this.bookingInfo) == null ? void 0 : n.primaryParticipant) == null ? void 0 : o.name), s = this.email || ((b = (l = this.bookingInfo) == null ? void 0 : l.primaryParticipant) == null ? void 0 : b.email);
|
|
130
|
+
if (!i || i === "") {
|
|
129
131
|
this.isNameValid = !1, this.validationError.name = "Name is required", this.bookingFormError.emit({
|
|
130
132
|
title: "Booking form error",
|
|
131
133
|
description: "Name is required"
|
|
@@ -139,18 +141,18 @@ const E = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
139
141
|
});
|
|
140
142
|
return;
|
|
141
143
|
}
|
|
142
|
-
if (!
|
|
144
|
+
if (!T.test(s)) {
|
|
143
145
|
this.isEmailValid = !1, this.validationError.email = "Enter a valid email address", this.bookingFormError.emit({
|
|
144
146
|
title: "Booking form error",
|
|
145
147
|
description: "Invalid email"
|
|
146
148
|
});
|
|
147
149
|
return;
|
|
148
150
|
}
|
|
149
|
-
let
|
|
151
|
+
let r = [];
|
|
150
152
|
if (this.guestEmails.length > 0) {
|
|
151
153
|
let x = !1;
|
|
152
|
-
if (this.guestEmails.forEach((g,
|
|
153
|
-
g === "" ? (x = !0, this.guestEmailErrors = { ...this.guestEmailErrors, [
|
|
154
|
+
if (this.guestEmails.forEach((g, O) => {
|
|
155
|
+
g === "" ? (x = !0, this.guestEmailErrors = { ...this.guestEmailErrors, [O]: "Email is required" }) : T.test(g) || (x = !0, this.guestEmailErrors = { ...this.guestEmailErrors, [O]: "Enter a valid email address" });
|
|
154
156
|
}), x) {
|
|
155
157
|
this.bookingFormError.emit({
|
|
156
158
|
title: "Booking form error",
|
|
@@ -158,17 +160,17 @@ const E = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
158
160
|
});
|
|
159
161
|
return;
|
|
160
162
|
}
|
|
161
|
-
|
|
163
|
+
r = this.guestEmails.map((g) => ({ name: "", email: g.trim() }));
|
|
162
164
|
} else
|
|
163
|
-
(y = this.bookingInfo) != null && y.guests && (
|
|
165
|
+
(y = this.bookingInfo) != null && y.guests && (r = (N = this.bookingInfo) == null ? void 0 : N.guests);
|
|
164
166
|
this.detailsConfirmed.emit({
|
|
165
167
|
primaryParticipant: {
|
|
166
|
-
name:
|
|
168
|
+
name: i,
|
|
167
169
|
email: s
|
|
168
170
|
},
|
|
169
|
-
guests:
|
|
171
|
+
guests: r,
|
|
170
172
|
additionalFields: {
|
|
171
|
-
...(
|
|
173
|
+
...(M = this.bookingInfo) == null ? void 0 : M.additionalFields
|
|
172
174
|
}
|
|
173
175
|
});
|
|
174
176
|
}, this.isLoading = void 0, this.bookingInfo = void 0, this.eventInfo = void 0, this.name = "", this.email = "", this.guestEmails = [], this.guestEmailErrors = {}, this.isNameValid = !0, this.isEmailValid = !0, this.validationError = { name: "", email: "" };
|
|
@@ -185,32 +187,32 @@ const E = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
185
187
|
e && e.primaryParticipant && (this.name = e.primaryParticipant.name, this.email = e.primaryParticipant.email);
|
|
186
188
|
}
|
|
187
189
|
changeName(e) {
|
|
188
|
-
this.isNameValid = !0, this.validationError.name = "", this.name = e, this.nameChanged.emit(e);
|
|
190
|
+
this.isNameValid = !0, this.validationError.name = "", this.name = w(e), this.nameChanged.emit(e);
|
|
189
191
|
}
|
|
190
192
|
changeEmail(e) {
|
|
191
|
-
this.isEmailValid = !0, this.validationError.email = "", this.email = e, this.emailChanged.emit(e);
|
|
193
|
+
this.isEmailValid = !0, this.validationError.email = "", this.email = w(e), this.emailChanged.emit(e);
|
|
192
194
|
}
|
|
193
195
|
resetGuestEmailError(e) {
|
|
194
196
|
const t = { ...this.guestEmailErrors };
|
|
195
197
|
delete t[e], this.guestEmailErrors = { ...t };
|
|
196
198
|
}
|
|
197
199
|
render() {
|
|
198
|
-
return
|
|
200
|
+
return a(f, { key: "bee0a966f819effdeabadaa8cc1229f5ee4c7060" }, a("form", { key: "d90b5a39e6f3ce8474f0d2f27cd1c9a3ce8aefe2", onSubmit: (e) => this.bookButtonClickedHandler(e), noValidate: !0 }, a("div", { key: "8ff0260d32955371dcb45d27838ca1d02547f146", class: "nylas-booking-form" }, a("slot", { key: "e1015293cc5196a6b3f8d8198abb965b2fff77ce", name: "custom-booking-form" }, a("div", { key: "a5d52a3f967170cfac3c4d2dedb481d1b838d1c6", class: "input-wrapper" }, a("label", { key: "a67a697fe8308055735e766ca5bfcc9d78f6e44e", htmlFor: "name", class: { "input-label": !0, error: !this.isNameValid }, part: "nbf__input-label" }, "Name ", a("span", { key: "e2b5ba9820903f7e7dbe859c17ae72b10e90d6ab", class: "required" }, "*")), a("input", { key: "4b60f641975188748f5993e289680062afea8040", id: "name", type: "text", placeholder: "Enter your name", value: this.name, class: {
|
|
199
201
|
input: !0,
|
|
200
202
|
error: !this.isNameValid
|
|
201
|
-
}, part: "nbf__input-textfield", onInput: (e) => {
|
|
203
|
+
}, maxLength: 100, part: "nbf__input-textfield", onInput: (e) => {
|
|
202
204
|
var t;
|
|
203
205
|
return this.changeName((t = e.target) == null ? void 0 : t.value);
|
|
204
|
-
} }),
|
|
206
|
+
} }), a("p", { key: "267dc5714e20d262c83bea6537b7285c36c147f1", class: "help-text" }, this.validationError.name)), a("div", { key: "3577781aebed1a45766636e3d5e0975d0f19fbb1", class: "input-wrapper" }, a("label", { key: "a7ea061ca58e73b716398818e6f9dedc5be6ccef", htmlFor: "email", class: { "input-label": !0, error: !this.isEmailValid }, part: "nbf__input-label" }, "Email ", a("span", { key: "bc47e307dadb4871ea49f3860caea3e3399a746c", class: "required" }, "*")), a("input", { key: "be165163609b1076570229ce82e441be46ca6280", id: "email", type: "email", placeholder: "Enter your email", value: this.email, maxLength: 100, class: {
|
|
205
207
|
input: !0,
|
|
206
208
|
error: !this.isEmailValid
|
|
207
209
|
}, part: "nbf__input-textfield", onInput: (e) => {
|
|
208
210
|
var t;
|
|
209
211
|
return this.changeEmail((t = e.target) == null ? void 0 : t.value);
|
|
210
|
-
} }),
|
|
212
|
+
} }), a("p", { key: "99abcc70e33efa30b4e16283049a79148b0ec507", class: "help-text" }, this.validationError.email)))), a("div", { key: "ac458a426a8262f22868ec8fa4a9fb7326b2a7c7", class: "cta" }, a("sp-button", { key: "8306f88e73ba2c3162662a3e77153730f2a5f039", treatment: "outline", variant: "secondary", class: "back", part: "nbf__button-outline", onClick: this.handleBackButtonClicked }, a("slot", { key: "18238d444c45a2ce872cbecdbea6e2a6d12bf79c", name: "booking-form-back-label" }, "Back")), a("sp-button", { key: "837886ad7f762c978af174fcfa4e2b78a0920960", variant: "primary", class: "book", part: "nbf__button-primary", type: "submit" }, this.isLoading && a("loading-icon", { slot: "icon" }), a("slot", { key: "57a0a6ce4784a2969a0f8e89980ac146ab0a2e3a", name: "booking-form-book-label" }, "Book now")))));
|
|
211
213
|
}
|
|
212
214
|
get host() {
|
|
213
|
-
return
|
|
215
|
+
return X(this);
|
|
214
216
|
}
|
|
215
217
|
static get watchers() {
|
|
216
218
|
return {
|
|
@@ -218,7 +220,7 @@ const E = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
218
220
|
};
|
|
219
221
|
}
|
|
220
222
|
};
|
|
221
|
-
|
|
223
|
+
le([
|
|
222
224
|
p({
|
|
223
225
|
name: "nylas-booking-form",
|
|
224
226
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -239,27 +241,27 @@ re([
|
|
|
239
241
|
},
|
|
240
242
|
fireRegisterEvent: !0
|
|
241
243
|
}),
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
244
|
+
E("design:type", Function),
|
|
245
|
+
E("design:paramtypes", []),
|
|
246
|
+
E("design:returntype", void 0)
|
|
245
247
|
], $.prototype, "render", null);
|
|
246
|
-
$.style =
|
|
247
|
-
const
|
|
248
|
-
var
|
|
249
|
-
var
|
|
248
|
+
$.style = re;
|
|
249
|
+
const ce = ':host{display:block;width:400px;--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}sp-theme{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:1rem;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600)}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}sp-button{background-color:var(--nylas-base-0);color:var(--nylas-base-700);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;width:100%;height:48px;padding:8px;line-height:24px;font-family:var(--nylas-font-family)}sp-button.cancel{margin-top:1.25rem;background-color:var(--nylas-primary);color:var(--nylas-base-0)}sp-button.cancel:hover,sp-button.cancel:focus{background-color:var(--nylas-base-600)}sp-button.cancel:active{background-color:var(--nylas-base-800)}sp-button.back{margin-top:0.5rem}sp-button.back:hover,sp-button.back:focus{border-color:var(--nylas-primary)}sp-button.back:active{border-color:var(--nylas-base-600)}sp-field-label{margin-top:1rem;display:flex;color:var(--nylas-base-800);font-size:14px}sp-field-label.error{color:var(--nylas-error)}sp-field-label span.required{color:var(--nylas-error)}sp-textfield{--spectrum-textfield-border-color:var(--nylas-base-300);--spectrum-textfield-icon-color-invalid:var(--nylas-error);position:relative;width:100%;height:48px;margin-bottom:16px;background-color:var(--nylas-base-0);color:var(--nylas-base-500)}sp-textfield.error{--spectrum-textfield-border-color:var(--nylas-error)}sp-help-text{margin:0.25rem 0 1rem 0;color:var(--nylas-error)}', de = ce;
|
|
250
|
+
var fe = function(e, t, i, s) {
|
|
251
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
250
252
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
251
|
-
|
|
253
|
+
n = Reflect.decorate(e, t, i, s);
|
|
252
254
|
else
|
|
253
255
|
for (var l = e.length - 1; l >= 0; l--)
|
|
254
|
-
(
|
|
255
|
-
return
|
|
256
|
-
},
|
|
256
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
257
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
258
|
+
}, D = function(e, t) {
|
|
257
259
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
258
260
|
return Reflect.metadata(e, t);
|
|
259
261
|
};
|
|
260
|
-
const
|
|
262
|
+
const Z = class {
|
|
261
263
|
constructor(e) {
|
|
262
|
-
|
|
264
|
+
h(this, e), this.goBackButtonClicked = d(this, "goBackButtonClicked", 7), this.cancelBookingFormSubmitted = d(this, "cancelBookingFormSubmitted", 7), this.cancelBookedEventError = d(this, "cancelBookedEventError", 7), this.cancelBookingFormError = d(this, "cancelBookingFormError", 7), this.handleGoBackClicked = () => {
|
|
263
265
|
this.goBackButtonClicked.emit();
|
|
264
266
|
}, this.handleSubmitCancelBooking = (t) => {
|
|
265
267
|
if (t.preventDefault(), !this.cancellationReason) {
|
|
@@ -267,10 +269,10 @@ const H = class {
|
|
|
267
269
|
return;
|
|
268
270
|
}
|
|
269
271
|
c(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);
|
|
270
|
-
const
|
|
272
|
+
const i = (s) => {
|
|
271
273
|
this.cancelBookedEventError.emit(s);
|
|
272
274
|
};
|
|
273
|
-
this.cancelBookingFormSubmitted.emit({ bookingId: this.cancelBookingId, reason: this.cancellationReason, errorHandler:
|
|
275
|
+
this.cancelBookingFormSubmitted.emit({ bookingId: this.cancelBookingId, reason: this.cancellationReason, errorHandler: i });
|
|
274
276
|
}, this.handleOnChangeCancellationReason = (t) => {
|
|
275
277
|
this.cancellationError = "", this.cancellationReason = t.target.value;
|
|
276
278
|
}, this.cancelBookingId = void 0, this.cancellationReason = "", this.cancellationError = "";
|
|
@@ -282,50 +284,50 @@ const H = class {
|
|
|
282
284
|
c("[nylas-cancel-booking-form] Component will load");
|
|
283
285
|
}
|
|
284
286
|
async componentDidLoad() {
|
|
285
|
-
c("[nylas-cancel-booking-form] Component did load");
|
|
287
|
+
c("[nylas-cancel-booking-form] Component did load"), this.cancelBookingId || console.warn('[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.');
|
|
286
288
|
}
|
|
287
289
|
disconnectedCallback() {
|
|
288
290
|
c("[nylas-cancel-booking-form] Component disconnected");
|
|
289
291
|
}
|
|
290
292
|
render() {
|
|
291
|
-
return
|
|
293
|
+
return a(f, { key: "b1807e47c789883c24894d78997b706e75c4ceb1", part: "ncec" }, a("sp-theme", { key: "ee1efb2527806b2ac84331ceae3f9883aa6368f4", theme: "spectrum", scale: "medium" }, a("div", { key: "96f6b3424cdad58db6e8eb674e2b08b634ce42ef", class: "nylas-cancel-booking-form", part: "ncec__card" }, a("div", { key: "cda2f57ff29f321a065aa12945db52b909d26120", class: "nylas-cancel-booking-form__calendar-icon", part: "ncec__icon" }, a("calendar-cancel-icon", { key: "7a5726c0b062c82c2348e3d3f646d20b16f25f69" })), a("h3", { key: "d6eb5c9ca294308d6044ca4883974daab89e796c", class: "nylas-cancel-booking-form__title", part: "ncec__title" }, "Cancel booking?"), a("div", { key: "731ff9897a7b7bc7ab142590d782465e4b7c0246", class: "nylas-cancel-booking-form__description", part: "ncec__description" }, "Your current timeslot will become available to others."), a("form", { key: "efaa6d04137eb43e471f5df9c1673f0d4b3a664b", onSubmit: this.handleSubmitCancelBooking }, a("sp-field-label", { key: "f98b808d7431cb69579acd95a29113215256bee2", for: "cancel-reason", class: this.cancellationError ? "error" : "" }, "Reason for cancellation ", a("span", { key: "e5d01b2fe4dc4cf4323ed2000b96aed70feffbf2", class: "required" }, "*")), a("sp-textfield", { key: "d0dd574a5929cca67afca1363f789e2c871ddc6f", id: "cancel-reason", class: this.cancellationError ? "error" : "", part: "ncec__reason-textarea", multiline: !0, value: this.cancellationReason, onInput: this.handleOnChangeCancellationReason, onFocus: this.handleOnChangeCancellationReason, invalid: !!this.cancellationError }, a("sp-help-text", { key: "781d6ebc2104595939ee23254e127b1bfae4540a", slot: "negative-help-text" }, this.cancellationError)), a("sp-button", { key: "ba9c37dc52597cfb5c338e56dca2ec13871dd99d", variant: "primary", class: "cancel", type: "submit", part: "ncec__button-cta" }, "Cancel booking"), a("sp-button", { key: "f748b5c67c2a42c19f95a80fbd829b8ba4c4ad36", variant: "secondary", class: "back", treatment: "outline", part: "ncec__button-outline", onClick: this.handleGoBackClicked }, "Go back")))));
|
|
292
294
|
}
|
|
293
295
|
};
|
|
294
|
-
|
|
296
|
+
fe([
|
|
295
297
|
p({
|
|
296
298
|
name: "nylas-cancel-booking-form",
|
|
297
299
|
eventToProps: {
|
|
298
300
|
cancelBookingFormSubmitted: async (e, t) => {
|
|
299
|
-
const
|
|
300
|
-
s && (!
|
|
301
|
+
const i = await t.scheduler.cancelBooking(e.detail.bookingId), { errorHandler: s } = e.detail;
|
|
302
|
+
s && (!i || "error" in i) && s(i);
|
|
301
303
|
}
|
|
302
304
|
},
|
|
303
305
|
fireRegisterEvent: !0
|
|
304
306
|
}),
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
],
|
|
309
|
-
|
|
310
|
-
const
|
|
311
|
-
var
|
|
312
|
-
var
|
|
307
|
+
D("design:type", Function),
|
|
308
|
+
D("design:paramtypes", []),
|
|
309
|
+
D("design:returntype", void 0)
|
|
310
|
+
], Z.prototype, "render", null);
|
|
311
|
+
Z.style = de;
|
|
312
|
+
const be = ':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}sp-theme{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.nylas-cancelled-event-card{display:flex;align-items:center;flex-direction:column;width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}sp-button{background-color:var(--nylas-base-0);color:var(--nylas-base-700);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);font-size:1rem;height:48px;padding:8px;line-height:24px;width:100%}sp-button:hover,sp-button:focus{border-color:var(--nylas-primary)}sp-button:active{border-color:var(--nylas-base-600)}', he = be;
|
|
313
|
+
var me = function(e, t, i, s) {
|
|
314
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
313
315
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
314
|
-
|
|
316
|
+
n = Reflect.decorate(e, t, i, s);
|
|
315
317
|
else
|
|
316
318
|
for (var l = e.length - 1; l >= 0; l--)
|
|
317
|
-
(
|
|
318
|
-
return
|
|
319
|
-
},
|
|
319
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
320
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
321
|
+
}, z = function(e, t) {
|
|
320
322
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
321
323
|
return Reflect.metadata(e, t);
|
|
322
324
|
};
|
|
323
|
-
const
|
|
325
|
+
const A = class {
|
|
324
326
|
constructor(e) {
|
|
325
|
-
|
|
327
|
+
h(this, e), this.closeCancelEventCardClicked = d(this, "closeCancelEventCardClicked", 7), this.cancelledEventCardError = d(this, "cancelledEventCardError", 7), this.handleCloseClicked = () => {
|
|
326
328
|
this.isClosing = !0;
|
|
327
|
-
const t = (
|
|
328
|
-
this.cancelledEventCardError.emit(
|
|
329
|
+
const t = (i) => {
|
|
330
|
+
this.cancelledEventCardError.emit(i), this.isClosing = !1;
|
|
329
331
|
};
|
|
330
332
|
this.closeCancelEventCardClicked.emit({ errorHandler: t });
|
|
331
333
|
}, this.cancelledEventInfo = void 0, this.isClosing = !1, this.configSettings = void 0;
|
|
@@ -337,70 +339,70 @@ const Z = class {
|
|
|
337
339
|
c("[nylas-cancelled-event-card] Component will load");
|
|
338
340
|
}
|
|
339
341
|
async componentDidLoad() {
|
|
340
|
-
c("[nylas-cancelled-event-card] Component did load");
|
|
342
|
+
c("[nylas-cancelled-event-card] Component did load"), this.cancelledEventInfo || console.warn('[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.');
|
|
341
343
|
}
|
|
342
344
|
disconnectedCallback() {
|
|
343
345
|
c("[nylas-cancelled-event-card] Component disconnected");
|
|
344
346
|
}
|
|
345
347
|
render() {
|
|
346
348
|
var e, t;
|
|
347
|
-
return
|
|
349
|
+
return a(f, { key: "570e95a1df3f30fdc6bd8e2cd4c38bfa0a7a6f88", part: "ncec" }, a("sp-theme", { key: "bb6095bec7b1880219f62e80b7437efa4551a56f", theme: "spectrum", color: "dark", scale: "medium" }, a("div", { key: "928ca293a610a8a49c5426e50c66ff0e67beb039", class: "nylas-cancelled-event-card", part: "ncec__card" }, a("div", { key: "634f6af4c75cac6ae19b3992c0eb250faccfeb3b", class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, a("calendar-cancel-icon", { key: "a57e39e3ffe08fb07856a9f9b840ec41242cd183" })), a("h3", { key: "21a2122ff49af730735ee612c4a0e64076a65d94", class: "nylas-cancelled-event-card__title", part: "ncec__title" }, "Your booking has been cancelled successfully!"), a("div", { key: "517c4657f8f19466622c3992077bb245333e2452", class: "nylas-cancelled-event-card__description", part: "ncec__description" }, "A cancellation email has been sent to ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), a("div", { key: "8cbd77f9dc6b13c383b367ccc9576c3f1c2fc57b", class: "nylas-cancelled-event-card__cta" }, a("sp-button", { key: "b9a1d5cb47fff9eb6688ab57b6acc701a4e4f1b1", variant: "secondary", treatment: "outline", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? "Closing..." : "Close")))));
|
|
348
350
|
}
|
|
349
351
|
};
|
|
350
|
-
|
|
352
|
+
me([
|
|
351
353
|
p({
|
|
352
354
|
name: "nylas-cancelled-event-card",
|
|
353
355
|
stateToProps: /* @__PURE__ */ new Map([["scheduler.configSettings", "configSettings"]]),
|
|
354
356
|
eventToProps: {
|
|
355
357
|
closeCancelEventCardClicked: async (e, t) => {
|
|
356
|
-
const
|
|
357
|
-
s && (!
|
|
358
|
+
const i = await t.scheduler.resetCancel(), { errorHandler: s } = e.detail;
|
|
359
|
+
s && (!i || "error" in i) && s(i);
|
|
358
360
|
}
|
|
359
361
|
},
|
|
360
362
|
fireRegisterEvent: !0
|
|
361
363
|
}),
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
],
|
|
366
|
-
|
|
367
|
-
const
|
|
368
|
-
function k(e, t,
|
|
369
|
-
function
|
|
370
|
-
return e(
|
|
371
|
-
}
|
|
372
|
-
return
|
|
373
|
-
const
|
|
374
|
-
return
|
|
375
|
-
},
|
|
376
|
-
const
|
|
377
|
-
if (
|
|
378
|
-
return
|
|
364
|
+
z("design:type", Function),
|
|
365
|
+
z("design:paramtypes", []),
|
|
366
|
+
z("design:returntype", void 0)
|
|
367
|
+
], A.prototype, "render", null);
|
|
368
|
+
A.style = he;
|
|
369
|
+
const B = /* @__PURE__ */ new Date(), L = /* @__PURE__ */ new Date();
|
|
370
|
+
function k(e, t, i, s) {
|
|
371
|
+
function r(n) {
|
|
372
|
+
return e(n = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+n)), n;
|
|
373
|
+
}
|
|
374
|
+
return r.floor = (n) => (e(n = /* @__PURE__ */ new Date(+n)), n), r.ceil = (n) => (e(n = new Date(n - 1)), t(n, 1), e(n), n), r.round = (n) => {
|
|
375
|
+
const o = r(n), l = r.ceil(n);
|
|
376
|
+
return n - o < l - n ? o : l;
|
|
377
|
+
}, r.offset = (n, o) => (t(n = /* @__PURE__ */ new Date(+n), o == null ? 1 : Math.floor(o)), n), r.range = (n, o, l) => {
|
|
378
|
+
const b = [];
|
|
379
|
+
if (n = r.ceil(n), l = l == null ? 1 : Math.floor(l), !(n < o) || !(l > 0))
|
|
380
|
+
return b;
|
|
379
381
|
let y;
|
|
380
382
|
do
|
|
381
|
-
|
|
382
|
-
while (y <
|
|
383
|
-
return
|
|
384
|
-
},
|
|
385
|
-
if (
|
|
386
|
-
for (; e(
|
|
387
|
-
|
|
388
|
-
}, (
|
|
389
|
-
if (
|
|
383
|
+
b.push(y = /* @__PURE__ */ new Date(+n)), t(n, l), e(n);
|
|
384
|
+
while (y < n && n < o);
|
|
385
|
+
return b;
|
|
386
|
+
}, r.filter = (n) => k((o) => {
|
|
387
|
+
if (o >= o)
|
|
388
|
+
for (; e(o), !n(o); )
|
|
389
|
+
o.setTime(o - 1);
|
|
390
|
+
}, (o, l) => {
|
|
391
|
+
if (o >= o)
|
|
390
392
|
if (l < 0)
|
|
391
393
|
for (; ++l <= 0; )
|
|
392
|
-
for (; t(
|
|
394
|
+
for (; t(o, -1), !n(o); )
|
|
393
395
|
;
|
|
394
396
|
else
|
|
395
397
|
for (; --l >= 0; )
|
|
396
|
-
for (; t(
|
|
398
|
+
for (; t(o, 1), !n(o); )
|
|
397
399
|
;
|
|
398
|
-
}),
|
|
400
|
+
}), i && (r.count = (n, o) => (B.setTime(+n), L.setTime(+o), e(B), e(L), Math.floor(i(B, L))), r.every = (n) => (n = Math.floor(n), !isFinite(n) || !(n > 0) ? null : n > 1 ? r.filter(s ? (o) => s(o) % n === 0 : (o) => r.count(0, o) % n === 0) : r)), r;
|
|
399
401
|
}
|
|
400
|
-
const
|
|
402
|
+
const pe = 1e3, V = pe * 60, ye = V * 60, v = ye * 24, S = k(
|
|
401
403
|
(e) => e.setHours(0, 0, 0, 0),
|
|
402
404
|
(e, t) => e.setDate(e.getDate() + t),
|
|
403
|
-
(e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) *
|
|
405
|
+
(e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) * V) / v,
|
|
404
406
|
(e) => e.getDate() - 1
|
|
405
407
|
);
|
|
406
408
|
k((e) => {
|
|
@@ -413,22 +415,22 @@ k((e) => {
|
|
|
413
415
|
}, (e, t) => {
|
|
414
416
|
e.setUTCDate(e.getUTCDate() + t);
|
|
415
417
|
}, (e, t) => (t - e) / v, (e) => Math.floor(e / v));
|
|
416
|
-
const
|
|
417
|
-
var
|
|
418
|
-
var
|
|
418
|
+
const ue = ':host{display:block;min-height:444px;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}.title{margin:0 -1.25rem;display:flex;flex-direction:column;padding:0 1.5rem;gap:0.5rem;border-bottom:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family)}.title h1{margin-bottom:0;font-size:18px;line-height:20px;font-weight:600;display:flex;gap:0.5rem;align-items:center}.title p{margin-top:0;font-size:16px;display:flex;gap:0.5rem;align-items:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.dates{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:1rem}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 412px){.dates .date{width:38px;height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}', ge = ue;
|
|
419
|
+
var ve = function(e, t, i, s) {
|
|
420
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
419
421
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
420
|
-
|
|
422
|
+
n = Reflect.decorate(e, t, i, s);
|
|
421
423
|
else
|
|
422
424
|
for (var l = e.length - 1; l >= 0; l--)
|
|
423
|
-
(
|
|
424
|
-
return
|
|
425
|
-
},
|
|
425
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
426
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
427
|
+
}, I = function(e, t) {
|
|
426
428
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
427
429
|
return Reflect.metadata(e, t);
|
|
428
430
|
};
|
|
429
|
-
const
|
|
431
|
+
const G = class {
|
|
430
432
|
constructor(e) {
|
|
431
|
-
|
|
433
|
+
h(this, e), this.dateSelected = d(this, "dateSelected", 7), this.monthChanged = d(this, "monthChanged", 7), this.selectableDates = void 0, this.selectedDate = void 0, this.configSettings = void 0, this.isLoading = void 0, this.eventDuration = void 0, this.month = this.selectedDate || /* @__PURE__ */ new Date(), this.dates = this.getDates(), this.disableNextMonthButton = !1;
|
|
432
434
|
}
|
|
433
435
|
connectedCallback() {
|
|
434
436
|
}
|
|
@@ -437,49 +439,50 @@ const V = class {
|
|
|
437
439
|
componentWillLoad() {
|
|
438
440
|
}
|
|
439
441
|
getDates() {
|
|
440
|
-
const e =
|
|
441
|
-
return
|
|
442
|
+
const e = J(this.month), t = K(this.month);
|
|
443
|
+
return S.range(S.offset(t, -t.getDay()), S.offset(e, 7 - e.getDay()));
|
|
442
444
|
}
|
|
443
445
|
selectDate(e) {
|
|
444
446
|
this.dateSelected.emit(e);
|
|
445
447
|
}
|
|
446
448
|
changeMonth(e) {
|
|
447
|
-
var
|
|
449
|
+
var r, n;
|
|
448
450
|
this.month = new Date(this.month.getFullYear(), this.month.getMonth() + e, 1);
|
|
449
|
-
const t = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1),
|
|
450
|
-
|
|
451
|
+
const t = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1), i = (n = (r = this.configSettings) == null ? void 0 : r.scheduler) == null ? void 0 : n.available_days_in_future;
|
|
452
|
+
Q(/* @__PURE__ */ new Date(), i).getTime() < t.getTime() ? this.disableNextMonthButton = !0 : this.disableNextMonthButton = !1, this.dates = this.getDates(), this.monthChanged.emit(this.month), this.selectDate();
|
|
451
453
|
}
|
|
452
|
-
isSelected(e, t,
|
|
453
|
-
return e && t && m(e, t) &&
|
|
454
|
+
isSelected(e, t, i) {
|
|
455
|
+
return e && t && m(e, t) && i && (i == null ? void 0 : i.length) > 0;
|
|
454
456
|
}
|
|
455
457
|
isDisabled(e, t) {
|
|
456
|
-
return e && (t == null ? void 0 : t.find((
|
|
458
|
+
return e && (t == null ? void 0 : t.find((i) => m(i, e))) === void 0;
|
|
457
459
|
}
|
|
458
460
|
render() {
|
|
459
|
-
var e, t;
|
|
460
|
-
return
|
|
461
|
-
var
|
|
462
|
-
const
|
|
463
|
-
return this.isLoading ?
|
|
461
|
+
var e, t, i, s, r;
|
|
462
|
+
return a(f, { key: "a015e0a944f8f149be1c4e2f11a457e2eaa835f4", part: "ndp" }, a("div", { key: "0e9b0e42d8c194bc099b108834b0718e49fe87a1", class: "nylas-date-picker" }, a("div", { key: "48858da247f5148c48be7c0e4cb612c827c2c573", class: "title", part: "'ndp__title" }, a("h1", { key: "da2651fd1b32579b6f94134096e0bb24372fe335" }, a("person-icon", { key: "02e38c19d8aa489c060339a8cf431f7106bdee4c" }), ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || ((i = this.configSettings) == null ? void 0 : i.organizer.email)), a("p", { key: "b6beb5d95ce832acd3969dd5b8dedf55c4910455" }, a("clock-icon", { key: "b5eb3534daee467c482b4d9b696c3fedb4e1ac38" }), this.eventDuration ? ee(this.eventDuration) : "- minutes")), a("div", { key: "cd593ff88f3958671955c0a87071f3fbaa254820", class: "header flex-row" }, a("h2", { key: "8b11d5e5a2fbecb1b41fd2ad018a35d949cb2170", part: "ndp__month-header" }, a("strong", { key: "f9781cdf0f7e66ff6b40629e6316f73c195b5254" }, this.month.toLocaleDateString(void 0, { month: "long" })), " ", this.month.toLocaleDateString(void 0, { year: "numeric" })), a("div", { key: "a04be08256c1b8cd90d4bd7f51a41cb2741ad18b", class: "pagination" }, a("button", { key: "fdec6bb568e8e857f7a8dd68f00f751d6db78cf4", onClick: () => this.changeMonth(-1), class: { "chevron-left": !0, button: !0 }, disabled: !((s = this.selectableDates) != null && s.length) || this.month <= /* @__PURE__ */ new Date(), part: "ndp__month-button" }, a("chevron-icon", { key: "530a0bdb932ec987731721b26976c559eb939f1a" })), a("button", { key: "af35238a1b2fd324af994c758d4ad85ab1a479b7", onClick: () => this.changeMonth(1), class: { "chevron-right": !0, button: !0 }, disabled: !((r = this.selectableDates) != null && r.length) || this.disableNextMonthButton, part: "ndp__month-button" }, a("chevron-icon", { key: "a27412828bcb40a204c1f7cb6ecbf35af53f8257" })))), a("div", { key: "b92c36bd25605f4a0149e9a6fb81c697b2180a43", class: "dates" }, ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"].map((n) => a("div", { class: "day", part: "ndp__day" }, n)), this.dates.map((n, o) => {
|
|
463
|
+
var b;
|
|
464
|
+
const l = this.isDisabled(n, this.selectableDates);
|
|
465
|
+
return this.isLoading ? a("button", { disabled: !0, class: {
|
|
464
466
|
"date day-skeleton": !0,
|
|
465
|
-
"current-month": C(
|
|
466
|
-
}, style: { animationDelay: `${
|
|
467
|
+
"current-month": C(n, this.month)
|
|
468
|
+
}, style: { animationDelay: `${o * 20}ms` }, part: "ndp__date" }, n.getDate()) : a("button", { class: {
|
|
467
469
|
date: !0,
|
|
468
|
-
selected: !!(this.selectedDate && m(
|
|
469
|
-
"current-day": m(
|
|
470
|
-
"current-month": C(
|
|
471
|
-
}, "aria-lang":
|
|
470
|
+
selected: !!(this.selectedDate && m(n, this.selectedDate) && this.selectableDates && ((b = this.selectableDates) == null ? void 0 : b.length) > 0),
|
|
471
|
+
"current-day": m(n, /* @__PURE__ */ new Date()),
|
|
472
|
+
"current-month": C(n, this.month)
|
|
473
|
+
}, "aria-lang": n.toLocaleDateString(void 0, { dateStyle: "full" }), disabled: l, onClick: () => this.selectDate(n), part: `ndp__date ${this.isSelected(n, this.selectedDate, this.selectableDates) ? "ndp__date--selected" : ""} ${m(n, /* @__PURE__ */ new Date()) ? "ndp__date--current-day" : ""} ${C(n, this.month) ? "ndp__date--current-month" : ""}` }, n.getDate());
|
|
472
474
|
}))));
|
|
473
475
|
}
|
|
474
476
|
};
|
|
475
|
-
|
|
477
|
+
ve([
|
|
476
478
|
p({
|
|
477
479
|
name: "nylas-date-picker",
|
|
478
480
|
stateToProps: /* @__PURE__ */ new Map([
|
|
479
481
|
["scheduler.selectableDates", "selectableDates"],
|
|
480
482
|
["scheduler.selectedDate", "selectedDate"],
|
|
481
483
|
["scheduler.isLoading", "isLoading"],
|
|
482
|
-
["scheduler.configSettings", "configSettings"]
|
|
484
|
+
["scheduler.configSettings", "configSettings"],
|
|
485
|
+
["scheduler.eventDuration", "eventDuration"]
|
|
483
486
|
]),
|
|
484
487
|
eventToProps: {
|
|
485
488
|
dateSelected: async (e, t) => {
|
|
@@ -488,27 +491,27 @@ ue([
|
|
|
488
491
|
},
|
|
489
492
|
fireRegisterEvent: !0
|
|
490
493
|
}),
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
],
|
|
495
|
-
|
|
496
|
-
const
|
|
497
|
-
var
|
|
498
|
-
var
|
|
494
|
+
I("design:type", Function),
|
|
495
|
+
I("design:paramtypes", []),
|
|
496
|
+
I("design:returntype", void 0)
|
|
497
|
+
], G.prototype, "render", null);
|
|
498
|
+
G.style = ge;
|
|
499
|
+
const ke = ':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-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:68px;border-left:none;border-right:none;color:var(--nylas-base-50);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit}@media screen and (max-width: 768px){.nylas-locale-switch{font-size:16px}}.select-wrapper{display:flex;align-items:center;gap:0.5rem}select{border:none;background:transparent;cursor:pointer;outline:none;background-color:transparent;margin:0 0 1px;padding:4px;vertical-align:middle}select#timezone{width:140px}select#language{width:80px}span.timezone-label{display:flex;width:-webkit-fill-available;justify-content:space-between}', xe = ke;
|
|
500
|
+
var Ce = function(e, t, i, s) {
|
|
501
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
499
502
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
500
|
-
|
|
503
|
+
n = Reflect.decorate(e, t, i, s);
|
|
501
504
|
else
|
|
502
505
|
for (var l = e.length - 1; l >= 0; l--)
|
|
503
|
-
(
|
|
504
|
-
return
|
|
506
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
507
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
505
508
|
}, R = function(e, t) {
|
|
506
509
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
507
510
|
return Reflect.metadata(e, t);
|
|
508
511
|
};
|
|
509
|
-
const
|
|
512
|
+
const q = class {
|
|
510
513
|
constructor(e) {
|
|
511
|
-
|
|
514
|
+
h(this, e), this.timezoneChanged = d(this, "timezoneChanged", 7), this.languageChanged = d(this, "languageChanged", 7), this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedLanguage = navigator.language;
|
|
512
515
|
}
|
|
513
516
|
connectedCallback() {
|
|
514
517
|
}
|
|
@@ -523,41 +526,41 @@ const G = class {
|
|
|
523
526
|
this.selectedLanguage = e, this.languageChanged.emit(e);
|
|
524
527
|
}
|
|
525
528
|
selectedOptionChangedHandler(e) {
|
|
526
|
-
const { name: t, value:
|
|
527
|
-
t === "timezone" ? this.changeTimezone(
|
|
529
|
+
const { name: t, value: i } = e.detail;
|
|
530
|
+
t === "timezone" ? this.changeTimezone(i) : t === "language" && this.changeLanguage(i);
|
|
528
531
|
}
|
|
529
532
|
getTimezoneLabelHTML(e) {
|
|
530
|
-
const t =
|
|
531
|
-
return
|
|
533
|
+
const t = ae(e);
|
|
534
|
+
return a("span", { class: "timezone-label", style: {
|
|
532
535
|
display: "flex",
|
|
533
536
|
alignItems: "center",
|
|
534
537
|
justifyContent: "space-between",
|
|
535
538
|
width: "-webkit-fill-available"
|
|
536
|
-
} }, u[e], " ",
|
|
539
|
+
} }, u[e], " ", a("span", { class: "timezone-offset", style: {
|
|
537
540
|
fontSize: "14px",
|
|
538
541
|
fontWeight: "400",
|
|
539
542
|
color: "var(--nylas-base-500)"
|
|
540
543
|
} }, t));
|
|
541
544
|
}
|
|
542
545
|
render() {
|
|
543
|
-
const e = Object.keys(u).map((
|
|
544
|
-
labelHTML: this.getTimezoneLabelHTML(
|
|
545
|
-
label: u[
|
|
546
|
-
value:
|
|
547
|
-
})), t = Object.keys(
|
|
548
|
-
label:
|
|
549
|
-
value:
|
|
546
|
+
const e = Object.keys(u).map((i) => ({
|
|
547
|
+
labelHTML: this.getTimezoneLabelHTML(i),
|
|
548
|
+
label: u[i],
|
|
549
|
+
value: i
|
|
550
|
+
})), t = Object.keys(F).map((i) => ({
|
|
551
|
+
label: F[i],
|
|
552
|
+
value: i
|
|
550
553
|
}));
|
|
551
|
-
return
|
|
554
|
+
return a(f, { key: "c0a6a862393a28172f9e5a27f877ad1649bedca2" }, a("div", { key: "924cea83d4737928c8e22ceba75db5ed55c23cdd", class: "nylas-locale-switch" }, a("div", { key: "8503ba7c1983961e904acaba394153e3f391cd6d", class: {
|
|
552
555
|
"select-wrapper": !0,
|
|
553
556
|
timezone: !0
|
|
554
|
-
} },
|
|
557
|
+
} }, a("select-dropdown", { key: "41232c533e3da00301397c9550bbcff763d8632f", name: "timezone", options: e, defaultSelectedOption: e.find((i) => i.value == this.selectedTimezone) }, a("span", { key: "66fdd8cb15f9c2f6a61d4f7d11b4a6ea602a1230", slot: "select-icon" }, a("globe-icon", { key: "17997840324dd2dc42d8dd29163289cbe18fbb6a", width: "20", height: "20" })))), a("div", { key: "350c75bd2b1b7c482daa6c1a07d0c5f30247ba5d", class: {
|
|
555
558
|
"select-wrapper": !0,
|
|
556
559
|
language: !0
|
|
557
|
-
} },
|
|
560
|
+
} }, a("select-dropdown", { key: "f4e9247105873e359a9d048b924bcb27428ad3ab", name: "language", options: t, defaultSelectedOption: t.find((i) => i.value == this.selectedLanguage) }, a("span", { key: "f3cae8af43608f1fb571f181c6ae861e74a0d35f", slot: "select-icon" }, a("translate-icon", { key: "0d89c0fac2bc30f0d557785f5dc93e565542ff2e", width: "20", height: "20" }))))));
|
|
558
561
|
}
|
|
559
562
|
};
|
|
560
|
-
|
|
563
|
+
Ce([
|
|
561
564
|
p({
|
|
562
565
|
name: "nylas-locale-switch",
|
|
563
566
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -574,20 +577,20 @@ ke([
|
|
|
574
577
|
R("design:type", Function),
|
|
575
578
|
R("design:paramtypes", []),
|
|
576
579
|
R("design:returntype", void 0)
|
|
577
|
-
],
|
|
578
|
-
|
|
579
|
-
const
|
|
580
|
+
], q.prototype, "render", null);
|
|
581
|
+
q.style = xe;
|
|
582
|
+
const we = ".sc-nylas-logo-h{display:flex}", _e = we, Ee = class {
|
|
580
583
|
constructor(e) {
|
|
581
|
-
|
|
584
|
+
h(this, e), this.width = "69", this.height = "24";
|
|
582
585
|
}
|
|
583
586
|
render() {
|
|
584
|
-
return
|
|
587
|
+
return a("svg", { key: "ed631631650c1b1e72a33514c62620f07db0aab5", width: this.width, height: this.height, viewBox: "0 0 69 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("g", { key: "4529b46e6c641a1a510ddcd26e7867ef67719d51", "clip-path": "url(#clip0_455_3543)" }, a("path", { key: "3b6abbf3d05c2d64979feacc3e472478cc2b6bef", d: "M15.8092 3.03248C14.6497 1.86996 13.1076 1.23047 11.4646 1.23047C9.82156 1.23047 8.27753 1.86996 7.11999 3.03248L0.835347 9.33381C0.686846 9.4827 0.60498 9.68123 0.60498 9.89312C0.60498 10.105 0.686846 10.3035 0.835347 10.4524C0.983848 10.6013 1.18185 10.6834 1.39318 10.6834C1.60451 10.6834 1.80251 10.6013 1.95101 10.4524L8.23374 4.15111C10.0139 2.36627 12.9134 2.36627 14.6935 4.15111C16.4736 5.93785 16.4756 8.84322 14.6935 10.6281L8.4108 16.9275C8.10428 17.2348 8.10428 17.7368 8.4108 18.0461C8.5593 18.195 8.75731 18.2771 8.96863 18.2771C9.17996 18.2771 9.37796 18.195 9.52646 18.0461L15.8092 11.7467C16.9687 10.5841 17.6064 9.03793 17.6064 7.39053C17.6064 5.74314 16.9687 4.19501 15.8092 3.03439V3.03248Z", fill: "currentColor" }), a("path", { key: "0fab0203a5b35f5328cf556cffc5b70d91b1c6cf", d: "M14.9296 7.39038C14.9296 6.46074 14.5698 5.58837 13.9148 4.93361C12.5631 3.57828 10.3641 3.57828 9.01239 4.93361L0.663961 13.3023C0.51546 13.4512 0.433594 13.6497 0.433594 13.8616C0.433594 14.0735 0.51546 14.272 0.663961 14.4209C0.812462 14.5698 1.01046 14.6519 1.22179 14.6519C1.43312 14.6519 1.63112 14.5698 1.77962 14.4209L10.0367 6.1515L10.05 6.13623C10.0747 6.10759 10.1014 6.07705 10.128 6.05033C10.1585 6.01978 10.1928 5.99115 10.2251 5.96252L10.2442 5.94534C10.9886 5.31349 12.1119 5.3593 12.8011 6.05033C13.4903 6.74135 13.536 7.78171 12.9705 8.53192L12.9648 8.53955C12.9058 8.61591 12.8544 8.67699 12.8011 8.73044C12.7497 8.78198 12.6906 8.83352 12.6069 8.90033L4.45264 17.0991C4.30414 17.248 4.22227 17.4465 4.22227 17.6584C4.22227 17.8703 4.30414 18.0689 4.45264 18.2177C4.60114 18.3666 4.79914 18.4487 5.01047 18.4487C5.2218 18.4487 5.4198 18.3666 5.5683 18.2177L13.9167 9.84716C14.5698 9.1924 14.9315 8.31812 14.9315 7.39038H14.9296Z", fill: "currentColor" }), a("path", { key: "f1a4740faedaa576e3eaba1a5e57c6373d0919f3", d: "M10.6821 9.11238C10.4727 9.01694 10.2861 8.88904 10.1281 8.7306C9.97008 8.57216 9.84252 8.38508 9.74733 8.1751L9.69021 8.05103L0.467916 17.2978C0.287049 17.4792 0.174721 17.7082 0.149971 17.9411C0.125221 18.1778 0.19376 18.3897 0.344165 18.5405C0.471724 18.6684 0.65259 18.739 0.850592 18.739C1.11142 18.739 1.37796 18.6207 1.58358 18.4145L10.8059 9.16774L10.6821 9.11047V9.11238Z", fill: "currentColor" }), a("path", { key: "161dbecb5673e0585285692d3e1a863c7f949994", d: "M68.401 10.6185C68.2126 10.2692 67.9593 9.97334 67.6433 9.73854C67.3235 9.49993 66.956 9.31094 66.5486 9.17541C66.1316 9.03606 65.7033 8.91771 65.2749 8.81844C64.7951 8.70582 64.3039 8.57983 63.8165 8.44811C63.3196 8.31258 62.9065 8.14269 62.5905 7.94225C62.4743 7.88689 62.3391 7.76663 62.3391 7.50129C62.3391 7.39821 62.3639 7.29704 62.4153 7.19587L62.4248 7.18059C62.5352 7.02216 62.7142 6.8828 62.975 6.75109C63.234 6.62128 63.609 6.55829 64.1231 6.55829C64.5286 6.55829 64.877 6.61365 65.1569 6.72436C65.4348 6.83508 65.6652 6.96871 65.8442 7.12524C66.0212 7.27986 66.1659 7.45357 66.2782 7.63873C66.3563 7.76854 66.4267 7.89262 66.4858 8.00525L68.2754 6.84081C68.1669 6.59456 68.0146 6.33495 67.8204 6.0677C67.6033 5.768 67.3254 5.4893 66.9922 5.23732C66.659 4.98534 66.2516 4.77345 65.7813 4.60929C65.3111 4.44512 64.7532 4.36304 64.1231 4.36304C63.3844 4.36304 62.7599 4.46421 62.2706 4.66083C61.7813 4.85935 61.3815 5.09988 61.0845 5.37667C60.7875 5.65346 60.5628 5.95125 60.4143 6.2605C60.2639 6.57547 60.1611 6.85799 60.1078 7.10233C60.0945 7.18059 60.0812 7.27031 60.0678 7.36767C60.0545 7.4593 60.0469 7.5452 60.0469 7.62537C60.0469 8.13314 60.1745 8.56074 60.4239 8.89671C60.679 9.24222 61.0045 9.53429 61.391 9.76336C61.7813 9.99624 62.2116 10.1852 62.6704 10.3227C63.1388 10.462 63.5862 10.5823 64.0012 10.6796C64.4067 10.777 64.7932 10.8782 65.1531 10.9774C65.5224 11.0786 65.8289 11.2122 66.0631 11.3745C66.2801 11.5425 66.3887 11.7448 66.3887 11.9777C66.3887 12.2278 66.2916 12.4263 66.0993 12.5695C65.9279 12.6954 65.7261 12.7985 65.4958 12.8711C65.273 12.9436 65.0407 12.9913 64.8066 13.0142C64.58 13.0352 64.3915 13.0467 64.2468 13.0467C63.8032 13.0467 63.4224 13.0028 63.1197 12.915C62.8151 12.8272 62.5638 12.7241 62.3734 12.6057C62.1811 12.4874 62.0288 12.3614 61.9222 12.2316C61.8213 12.1094 61.747 12.0082 61.7014 11.9319L61.4957 11.6303L59.708 12.7928C59.8508 13.0161 60.0298 13.2643 60.2392 13.5296C60.4772 13.8293 60.7837 14.1138 61.153 14.3734C61.5224 14.633 61.966 14.8525 62.4724 15.0243C62.9788 15.1961 63.5748 15.282 64.2468 15.282C64.797 15.282 65.2901 15.2324 65.7166 15.137C66.1412 15.0396 66.5162 14.9117 66.8285 14.7552C67.1388 14.6005 67.4015 14.4192 67.6109 14.2149C67.8223 14.0107 67.9974 13.8026 68.1326 13.6003C68.4563 13.1135 68.6409 12.5504 68.6828 11.9262C68.6828 11.4069 68.5876 10.9641 68.401 10.6166V10.6185Z", fill: "currentColor" }), a("path", { key: "c11c9713589afaa684befbfb82aa5748196f92f2", d: "M26.3585 4.27905C23.7901 4.27905 21.6997 6.37504 21.6997 8.95017V15.0701H23.9291V8.95017C23.9291 7.6082 25.0181 6.5163 26.3565 6.5163C27.695 6.5163 28.784 7.6082 28.784 8.95017V15.0701H31.0134V8.95017C31.0134 6.37504 28.9229 4.27905 26.3546 4.27905H26.3585Z", fill: "currentColor" }), a("path", { key: "c6c0c7c00597373123a283b5ed63f3045b3c2dec", d: "M53.4522 4.27905C50.4251 4.27905 47.9634 6.74728 47.9634 9.78245C47.9634 12.8176 50.427 15.2859 53.4522 15.2859C54.5545 15.2859 55.6188 14.9594 56.5288 14.3409L56.7116 14.2169V15.0682H58.941V9.78245C58.941 6.74728 56.4793 4.27905 53.4522 4.27905ZM53.4522 13.0505C51.655 13.0505 50.1928 11.5845 50.1928 9.78245C50.1928 7.98044 51.655 6.51439 53.4522 6.51439C55.2494 6.51439 56.7116 7.98044 56.7116 9.78245C56.7116 11.5845 55.2494 13.0505 53.4522 13.0505Z", fill: "currentColor" }), a("path", { key: "abaeeab72cdf96a4875750bb5804272ccd95ad62", d: "M45.5795 10.6166V0.356201H43.3501V10.6166C43.3501 13.1517 45.3758 15.2228 47.8908 15.2858V13.0486C46.6057 12.9875 45.5795 11.9204 45.5795 10.6166Z", fill: "currentColor" }), a("path", { key: "55ce1c450fcc735ec75faeb729691a7b40541c98", d: "M39.5428 4.4967V10.63C39.5428 11.6761 38.8669 12.621 37.9016 12.9284C37.1249 13.1746 36.3157 13.0486 35.6817 12.5829C35.0592 12.1247 34.6879 11.3917 34.6879 10.6186V4.4967H32.4585V10.5995C32.4585 12.7165 33.8388 14.57 35.8131 15.1084C37.0354 15.4424 38.2995 15.2973 39.3695 14.7037L39.5428 14.6063V14.9747C39.5428 16.2766 38.5166 17.3437 37.2315 17.4067V19.6439C39.7465 19.5809 41.7722 17.5117 41.7722 14.9747V4.4967H39.5428Z", fill: "currentColor" })), a("defs", { key: "724826a441c49bc34aed5507963411bbb58db4c4" }, a("clipPath", { key: "039d04c4978547f1d3125f48eb57d2862ad0aa4a", id: "clip0_455_3543" }, a("rect", { key: "d1a31fb9f05a649236f5b3a4b3bebcabb8663146", width: "68.7123", height: "19.2877", fill: "white", transform: "translate(0.144043 0.356201)" }))));
|
|
585
588
|
}
|
|
586
589
|
};
|
|
587
|
-
|
|
588
|
-
const
|
|
590
|
+
Ee.style = _e;
|
|
591
|
+
const Te = ':host{display:block;margin-bottom:-12px;width:100%;z-index: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}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}', De = Te, ze = class {
|
|
589
592
|
constructor(e) {
|
|
590
|
-
|
|
593
|
+
h(this, e), this.ttl = 5e3, this.allowedCategories = ["component", "api", "validation", "invalid_session"], this.notifications = [];
|
|
591
594
|
}
|
|
592
595
|
onError(e) {
|
|
593
596
|
c(`[nylas-notification] Error: ${e.detail.title}`), this.handleNotification(e);
|
|
@@ -617,7 +620,7 @@ const _e = ':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas
|
|
|
617
620
|
if (this.notifications = [...this.notifications, { ...e.detail }], e.detail.ttl !== "none") {
|
|
618
621
|
const t = e.detail.ttl ? e.detail.ttl : this.ttl;
|
|
619
622
|
window.setTimeout(() => {
|
|
620
|
-
this.notifications = this.notifications.filter((
|
|
623
|
+
this.notifications = this.notifications.filter((i) => i.id !== e.detail.id);
|
|
621
624
|
}, t);
|
|
622
625
|
}
|
|
623
626
|
}
|
|
@@ -625,26 +628,26 @@ const _e = ':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas
|
|
|
625
628
|
this.notifications = this.notifications.filter((t) => t.id !== e);
|
|
626
629
|
}
|
|
627
630
|
render() {
|
|
628
|
-
return
|
|
631
|
+
return a(f, { key: "04b12b24fcae1b215c6fd27745eda909e200ce99" }, a(te, { key: "023971b83ac850df2801d2aa02c3af37b834ddc8" }, this.notifications.map((e) => a("div", { class: `notif ${e.type}`, key: e.id }, a("div", { class: "content" }, a("span", { class: `icon ${e.type}` }, (e.type === "error" || e.type === "warning") && a("warning-icon", null)), a("span", { class: "message" }, a("span", { class: "title" }, e.title), e.description && a("span", { class: "description" }, e.description))), a("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(e.id) }, a("close-icon", null)))), a("slot", { key: "2bf249b06c07b8acad8511608831e77bc6c50ec7" })));
|
|
629
632
|
}
|
|
630
633
|
};
|
|
631
|
-
|
|
632
|
-
const
|
|
633
|
-
var
|
|
634
|
-
var
|
|
634
|
+
ze.style = De;
|
|
635
|
+
const Be = ":host{display:block}sp-theme{position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:min(max(14px, 3vw), 16px);font-weight:500}.calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-icon{display:flex;align-items:center;justify-content:center;height:100%}.event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:8px;gap:4px;align-items:center}@media screen and (max-width: 768px){.event-timezone{margin-bottom:16px}}", Le = Be;
|
|
636
|
+
var Se = function(e, t, i, s) {
|
|
637
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
635
638
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
636
|
-
|
|
639
|
+
n = Reflect.decorate(e, t, i, s);
|
|
637
640
|
else
|
|
638
641
|
for (var l = e.length - 1; l >= 0; l--)
|
|
639
|
-
(
|
|
640
|
-
return
|
|
641
|
-
},
|
|
642
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
643
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
644
|
+
}, j = function(e, t) {
|
|
642
645
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
643
646
|
return Reflect.metadata(e, t);
|
|
644
647
|
};
|
|
645
648
|
const W = class {
|
|
646
649
|
constructor(e) {
|
|
647
|
-
|
|
650
|
+
h(this, e), this.selectedDate = void 0, this.selectedTimeslot = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.startTime = "", this.endTime = "";
|
|
648
651
|
}
|
|
649
652
|
connectedCallback() {
|
|
650
653
|
}
|
|
@@ -654,14 +657,14 @@ const W = class {
|
|
|
654
657
|
c("[nylas-selected-event-card] Component will load");
|
|
655
658
|
}
|
|
656
659
|
async componentDidLoad() {
|
|
657
|
-
c("[nylas-selected-event-card] Component did load");
|
|
660
|
+
c("[nylas-selected-event-card] Component did load"), this.selectedDate || console.warn('[nylas-selected-event-card] "selectedDate" prop is not provided.'), this.selectedTimeslot || console.warn('[nylas-selected-event-card] "selectedTimeslot" prop is not provided.');
|
|
658
661
|
}
|
|
659
662
|
handleSelectedTimeslotChange(e) {
|
|
660
663
|
this.startTime = new Date(e == null ? void 0 : e.start_time).toLocaleString(void 0, { timeStyle: "short" }), this.endTime = new Date(e == null ? void 0 : e.end_time).toLocaleString(void 0, { timeStyle: "short" });
|
|
661
664
|
}
|
|
662
665
|
render() {
|
|
663
666
|
var e;
|
|
664
|
-
return
|
|
667
|
+
return a(f, { key: "5db94a07ff685fc783fa49e6eb890fce2be57cbf", part: "nsec" }, a("sp-theme", { key: "9444e08365080532c403eb0db8241d3a5be1bbf1", theme: "spectrum", color: "dark", scale: "medium" }, a("div", { key: "ace05d8165e68b9eb389fad78926a4c19e64859a", class: "event-card", part: "nsec__card" }, a("div", { key: "82f4ea6cb3bfad565cfea1ef8eef651c9776b486", class: "calendar-icon", part: "nsec__icon" }, a("calendar-icon", { key: "f984463ebcaab6e32e24951293633f651ebb7f24" })), a("div", { key: "1c48032e65079ce172219d92a79b38338db03c89", class: "nylas-selected-event-card__date", part: "nsec__date" }, (e = this.selectedDate) == null ? void 0 : e.toLocaleDateString(void 0, { dateStyle: "full" })), a("div", { key: "71efc4d5f7d409877d3a5d6cf62fd95f7df10176", class: "nylas-selected-event-card__time", part: "nsec__time" }, this.startTime, " - ", this.endTime)), a("div", { key: "3f9cbf108c99a8d6cfdc448781dfa67c90504c18", class: "event-timezone", part: "nsec__timezone" }, a("globe-icon", { key: "92f77867dc3b6fba848746b690484f83511e9c7e" }), u[this.selectedTimezone])));
|
|
665
668
|
}
|
|
666
669
|
static get watchers() {
|
|
667
670
|
return {
|
|
@@ -669,7 +672,7 @@ const W = class {
|
|
|
669
672
|
};
|
|
670
673
|
}
|
|
671
674
|
};
|
|
672
|
-
|
|
675
|
+
Se([
|
|
673
676
|
p({
|
|
674
677
|
name: "nylas-selected-event-card",
|
|
675
678
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -680,28 +683,28 @@ Be([
|
|
|
680
683
|
eventToProps: {},
|
|
681
684
|
fireRegisterEvent: !0
|
|
682
685
|
}),
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
+
j("design:type", Function),
|
|
687
|
+
j("design:paramtypes", []),
|
|
688
|
+
j("design:returntype", void 0)
|
|
686
689
|
], W.prototype, "render", null);
|
|
687
|
-
W.style =
|
|
688
|
-
const
|
|
689
|
-
var
|
|
690
|
-
var
|
|
690
|
+
W.style = Le;
|
|
691
|
+
const Ie = ":host{display:block;height:calc(100% - 48px)}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.time-slots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .time-slot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:10px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}.footer sp-button{padding:14px;color:var(--nylas-base-100);border-radius:var(--nylas-border-radius-2x);width:100%;height:48px;font-weight:600;font-size:16px;background-color:var(--nylas-primary);border:none}.footer sp-button:hover,.footer sp-button:focus{background-color:var(--nylas-base-600)}.footer sp-button:active{background-color:var(--nylas-base-800)}", Re = Ie;
|
|
692
|
+
var je = function(e, t, i, s) {
|
|
693
|
+
var r = arguments.length, n = r < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, i) : s, o;
|
|
691
694
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
692
|
-
|
|
695
|
+
n = Reflect.decorate(e, t, i, s);
|
|
693
696
|
else
|
|
694
697
|
for (var l = e.length - 1; l >= 0; l--)
|
|
695
|
-
(
|
|
696
|
-
return
|
|
697
|
-
},
|
|
698
|
+
(o = e[l]) && (n = (r < 3 ? o(n) : r > 3 ? o(t, i, n) : o(t, i)) || n);
|
|
699
|
+
return r > 3 && n && Object.defineProperty(t, i, n), n;
|
|
700
|
+
}, P = function(e, t) {
|
|
698
701
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
699
702
|
return Reflect.metadata(e, t);
|
|
700
703
|
};
|
|
701
704
|
const U = class {
|
|
702
705
|
constructor(e) {
|
|
703
|
-
|
|
704
|
-
t.preventDefault(), c("[nylas-timeslot-picker] Confirm timeslot",
|
|
706
|
+
h(this, e), this.timeslotSelected = d(this, "timeslotSelected", 7), this.timeslotConfirmed = d(this, "timeslotConfirmed", 7), this.handleConfirmedTimeslot = async (t, i) => {
|
|
707
|
+
t.preventDefault(), c("[nylas-timeslot-picker] Confirm timeslot", i), this.timeslotConfirmed.emit(i);
|
|
705
708
|
}, this.handleMouseEnter = (t) => {
|
|
706
709
|
this.hoveredTimeslotIndex = t;
|
|
707
710
|
}, this.handleMouseLeave = () => {
|
|
@@ -714,7 +717,7 @@ const U = class {
|
|
|
714
717
|
}
|
|
715
718
|
async componentWillLoad() {
|
|
716
719
|
var t;
|
|
717
|
-
const e = (t = this.availability) == null ? void 0 : t.filter((
|
|
720
|
+
const e = (t = this.availability) == null ? void 0 : t.filter((i) => this.selectedDate && m(i.start_time, this.selectedDate)).map((i) => i);
|
|
718
721
|
this.times = e || [], c("[nylas-timeslot-picker] Component will load", { selectedDate: this.selectedDate, availability: this.availability, times: this.times });
|
|
719
722
|
}
|
|
720
723
|
async componentDidLoad() {
|
|
@@ -740,24 +743,24 @@ const U = class {
|
|
|
740
743
|
selectedDateChanged(e) {
|
|
741
744
|
var t;
|
|
742
745
|
if (c("[nylas-timeslot-picker] Selected date changed", { newVal: e }), e && (this.selectedTimeslotIndex = "", typeof e < "u")) {
|
|
743
|
-
const
|
|
744
|
-
this.times =
|
|
746
|
+
const i = (t = this.availability) == null ? void 0 : t.filter((s) => m(s.start_time, e)).map((s) => s);
|
|
747
|
+
this.times = i || [];
|
|
745
748
|
}
|
|
746
749
|
}
|
|
747
750
|
availabilityChanged(e) {
|
|
748
751
|
if (c("[nylas-timeslot-picker] Available times changed", { newVal: e, selectedDate: this.selectedDate }), typeof e < "u") {
|
|
749
|
-
const t = e == null ? void 0 : e.filter((
|
|
752
|
+
const t = e == null ? void 0 : e.filter((i) => this.selectedDate && m(i.start_time, this.selectedDate)).map((i) => i);
|
|
750
753
|
this.times = t || [];
|
|
751
754
|
}
|
|
752
755
|
}
|
|
753
756
|
render() {
|
|
754
|
-
return this.isLoading ?
|
|
755
|
-
var
|
|
756
|
-
return
|
|
757
|
+
return this.isLoading ? a(f, null, a("div", { class: "loading" }, new Array(6).fill(0).map((e, t) => a("div", { class: "time-slot-skeleton", style: { animationDelay: `${t * 20}ms` } })))) : this.availability && this.availability.length === 0 ? a(f, null, a("div", { class: "empty" }, a("span", null, "No dates available"))) : (!this.times || this.times.length === 0) && this.selectedDate ? a(f, null, a("div", { class: "empty" }, a("span", null, "No time slots available for selected date"))) : this.selectedDate ? a(f, { part: "ntp" }, a("div", { class: "time-picker-wrapper" }, a("div", { class: "time-slots" }, this.times.map((e, t) => {
|
|
758
|
+
var i, s, r, n;
|
|
759
|
+
return a("button", { part: `ntp__timeslot ${((s = (i = this.selectedTimeslot) == null ? void 0 : i.start_time) == null ? void 0 : s.getTime()) === e.start_time.getTime() ? "ntp__timeslot--selected" : ""}`, "aria-role": "button", class: {
|
|
757
760
|
time: !0,
|
|
758
|
-
selected: typeof this.selectedTimeslot < "u" && ((
|
|
761
|
+
selected: typeof this.selectedTimeslot < "u" && ((n = (r = this.selectedTimeslot) == null ? void 0 : r.start_time) == null ? void 0 : n.getTime()) === e.start_time.getTime()
|
|
759
762
|
}, onClick: () => this.onClickSelectTime(e, t), onMouseEnter: () => this.handleMouseEnter(t), onMouseLeave: () => this.handleMouseLeave() }, this.hoveredTimeslotIndex == t || this.selectedTimeslotIndex == this.getTimeslotId(e.start_time, t) ? this.getTimeSlotLabel(e) : e.start_time.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", timeZone: this.selectedTimezone }));
|
|
760
|
-
})), this.selectedTimeslot &&
|
|
763
|
+
})), this.selectedTimeslot && a("div", { class: "footer" }, a("sp-button", { variant: "primary", onClick: (e) => this.handleConfirmedTimeslot(e, this.selectedTimeslot), part: "ntp__button-primary" }, a("slot", { name: "timeslot-picker-cta-label" }, "Next"))))) : a(f, null);
|
|
761
764
|
}
|
|
762
765
|
static get watchers() {
|
|
763
766
|
return {
|
|
@@ -766,7 +769,7 @@ const U = class {
|
|
|
766
769
|
};
|
|
767
770
|
}
|
|
768
771
|
};
|
|
769
|
-
|
|
772
|
+
je([
|
|
770
773
|
p({
|
|
771
774
|
name: "nylas-timeslot-picker",
|
|
772
775
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -786,20 +789,20 @@ Re([
|
|
|
786
789
|
},
|
|
787
790
|
fireRegisterEvent: !0
|
|
788
791
|
}),
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
+
P("design:type", Function),
|
|
793
|
+
P("design:paramtypes", []),
|
|
794
|
+
P("design:returntype", void 0)
|
|
792
795
|
], U.prototype, "render", null);
|
|
793
|
-
U.style =
|
|
796
|
+
U.style = Re;
|
|
794
797
|
export {
|
|
795
|
-
|
|
798
|
+
H as nylas_booked_event_card,
|
|
796
799
|
$ as nylas_booking_form,
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
800
|
+
Z as nylas_cancel_booking_form,
|
|
801
|
+
A as nylas_cancelled_event_card,
|
|
802
|
+
G as nylas_date_picker,
|
|
803
|
+
q as nylas_locale_switch,
|
|
804
|
+
Ee as nylas_logo,
|
|
805
|
+
ze as nylas_notification,
|
|
803
806
|
W as nylas_selected_event_card,
|
|
804
807
|
U as nylas_timeslot_picker
|
|
805
808
|
};
|