@nylas/react 1.3.1 → 1.3.2
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.entry-d8358e3f.js → add-circle-icon.entry-0ea05c5b.js} +1 -1
- package/dist/{add-circle-icon.entry-606d3096.cjs → add-circle-icon.entry-10f2c319.cjs} +1 -1
- package/dist/{archive-icon.entry-e8ce8c7d.cjs → archive-icon.entry-7eeea6f4.cjs} +1 -1
- package/dist/{archive-icon.entry-8c6d31f2.js → archive-icon.entry-a0af58f2.js} +1 -1
- package/dist/{arrow-icon.entry-d950ddce.js → arrow-icon.entry-7fd7c18e.js} +1 -1
- package/dist/{arrow-icon.entry-13d23d01.cjs → arrow-icon.entry-954f2ba8.cjs} +1 -1
- package/dist/{bold-icon.entry-5382fea2.js → bold-icon.entry-690ecac8.js} +1 -1
- package/dist/{bold-icon.entry-12072568.cjs → bold-icon.entry-e970c498.cjs} +1 -1
- package/dist/{button-component_2.entry-4aa63891.js → button-component_2.entry-b57d03fc.js} +1 -1
- package/dist/{button-component_2.entry-d34ed360.cjs → button-component_2.entry-b7d39903.cjs} +1 -1
- package/dist/{calendar-agenda-fill-icon_54.entry-50c9ed7b.js → calendar-agenda-fill-icon_53.entry-7792b45c.js} +432 -442
- package/dist/calendar-agenda-fill-icon_53.entry-89e5ac45.cjs +9 -0
- package/dist/{calendar-cancel-icon.entry-64ea7038.js → calendar-cancel-icon.entry-5757c056.js} +1 -1
- package/dist/{calendar-cancel-icon.entry-b13aa245.cjs → calendar-cancel-icon.entry-8cd02237.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-9cbe60a8.cjs → calendar-check-icon_2.entry-4f59d206.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-935310fc.js → calendar-check-icon_2.entry-6864b9d5.js} +1 -1
- package/dist/{calendar-icon.entry-0c560a35.cjs → calendar-icon.entry-0b1edb49.cjs} +1 -1
- package/dist/{calendar-icon.entry-2448eea2.js → calendar-icon.entry-3798880d.js} +1 -1
- package/dist/checkbox-component_3.entry-10293364.cjs +1 -0
- package/dist/checkbox-component_3.entry-3d9fa7b5.js +140 -0
- package/dist/{chevron-icon_3.entry-1f72ef71.js → chevron-icon_3.entry-43e83594.js} +11 -11
- package/dist/{chevron-icon_3.entry-da1751d2.cjs → chevron-icon_3.entry-a5175d87.cjs} +1 -1
- package/dist/{clock-icon_4.entry-4502c9f0.js → clock-icon_4.entry-219733d8.js} +1 -1
- package/dist/{clock-icon_4.entry-b87aaaa9.cjs → clock-icon_4.entry-76751b46.cjs} +1 -1
- package/dist/{close-icon.entry-e96749ed.js → close-icon.entry-286fc5ca.js} +1 -1
- package/dist/{close-icon.entry-92e93293.cjs → close-icon.entry-cecd3cdd.cjs} +1 -1
- package/dist/{constants-24eca8c9-922dc05c.js → constants-54af2051-767e8462.js} +12 -0
- package/dist/{constants-24eca8c9-d0d9f3ec.cjs → constants-54af2051-a3596673.cjs} +1 -1
- package/dist/{copy-icon.entry-7c958d7c.js → copy-icon.entry-121dd297.js} +1 -1
- package/dist/{copy-icon.entry-19bb7d2f.cjs → copy-icon.entry-d4835d9a.cjs} +1 -1
- package/dist/{delete-icon.entry-41c7d463.cjs → delete-icon.entry-14249f70.cjs} +1 -1
- package/dist/{delete-icon.entry-59c9ca04.js → delete-icon.entry-497ac8a2.js} +1 -1
- package/dist/{document-refresh-icon.entry-afc75ddb.cjs → document-refresh-icon.entry-c0eacb66.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-c32cda4f.js → document-refresh-icon.entry-f265bb1b.js} +1 -1
- package/dist/elements/index.d.ts +1 -0
- package/dist/{feedbackSync-b4015b72-0785986b.js → feedbackSync-e5cb0245-d84015c5.js} +1 -1
- package/dist/{feedbackSync-b4015b72-d343d411.cjs → feedbackSync-e5cb0245-ea7ddac9.cjs} +1 -1
- package/dist/{folder-icon.entry-5dcf707b.js → folder-icon.entry-d22b3e80.js} +1 -1
- package/dist/{folder-icon.entry-61ccaddd.cjs → folder-icon.entry-e4806f0a.cjs} +1 -1
- package/dist/{forward-icon.entry-3d598cb4.cjs → forward-icon.entry-42b98c73.cjs} +1 -1
- package/dist/{forward-icon.entry-5a156d37.js → forward-icon.entry-b6711af7.js} +1 -1
- package/dist/{globe-icon.entry-a88502ce.cjs → globe-icon.entry-18605371.cjs} +1 -1
- package/dist/{globe-icon.entry-99e8bebf.js → globe-icon.entry-4c5d6be0.js} +1 -1
- package/dist/google-logo-icon_4.entry-007f2813.cjs +1 -0
- package/dist/{google-logo-icon_4.entry-531021bd.js → google-logo-icon_4.entry-c3bae7b7.js} +176 -168
- package/dist/{inbox-icon.entry-6eadce9b.cjs → inbox-icon.entry-02c59267.cjs} +1 -1
- package/dist/{inbox-icon.entry-b2a2f48e.js → inbox-icon.entry-ae4383af.js} +1 -1
- package/dist/{index-13a43508.js → index-ad112f6a.js} +166 -161
- package/dist/{index-7dbf0ae7.cjs → index-bbbc79ad.cjs} +17 -17
- package/dist/{index.es-aa323594-17c2a3f6.js → index.es-e9d66a9b-62be34ce.js} +214 -211
- package/dist/{index.es-aa323594-84331fa3.cjs → index.es-e9d66a9b-a29322e0.cjs} +5 -5
- package/dist/{info-icon_2.entry-c6e650c4.js → info-icon_2.entry-3f143408.js} +5 -5
- package/dist/{info-icon_2.entry-f53d81e5.cjs → info-icon_2.entry-d10f1df5.cjs} +1 -1
- package/dist/{input-color-picker.entry-16fa8456.cjs → input-color-picker.entry-45caaa1d.cjs} +1 -1
- package/dist/{input-color-picker.entry-cd398537.js → input-color-picker.entry-8ce41f49.js} +1 -1
- package/dist/{input-component.entry-74b63249.cjs → input-component.entry-37b106dc.cjs} +1 -1
- package/dist/{input-component.entry-b471f023.js → input-component.entry-6db98fb0.js} +1 -1
- package/dist/{input-dropdown.entry-32b4b8be.cjs → input-dropdown.entry-1a2cdf40.cjs} +1 -1
- package/dist/{input-dropdown.entry-14e1f6cb.js → input-dropdown.entry-ec3d04ad.js} +1 -1
- package/dist/{italic-icon.entry-8a1a7568.js → italic-icon.entry-36d1e644.js} +1 -1
- package/dist/{italic-icon.entry-c9ae0186.cjs → italic-icon.entry-b5e4eec9.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-58b860a0.cjs → multi-select-dropdown.entry-00e43a89.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-bc4901aa.js → multi-select-dropdown.entry-6f22740f.js} +1 -1
- package/dist/nylas-booked-event-card_12.entry-4f115674.cjs +1 -0
- package/dist/{nylas-booked-event-card_12.entry-fbdb2f3d.js → nylas-booked-event-card_12.entry-cb6b2ce6.js} +270 -265
- package/dist/{nylas-form-card.entry-aa1d5aca.js → nylas-form-card.entry-07e46491.js} +11 -11
- package/dist/{nylas-form-card.entry-7e9a0cf1.cjs → nylas-form-card.entry-e2749723.cjs} +1 -1
- package/dist/{nylas-if-state.entry-96914d61.cjs → nylas-if-state.entry-88e01248.cjs} +1 -1
- package/dist/{nylas-if-state.entry-5e30f6b3.js → nylas-if-state.entry-e34c5cbb.js} +2 -2
- package/dist/{nylas-login.entry-e52648da.js → nylas-login.entry-a30bbd87.js} +3 -3
- package/dist/{nylas-login.entry-e26689b0.cjs → nylas-login.entry-ab50ca6a.cjs} +1 -1
- package/dist/{nylas-provider.entry-ac669351.js → nylas-provider.entry-070f8090.js} +5 -5
- package/dist/{nylas-provider.entry-9d43f4f0.cjs → nylas-provider.entry-7f4a1520.cjs} +1 -1
- package/dist/{nylas-scheduler-editor.entry-9655ce2e.js → nylas-scheduler-editor.entry-23e68865.js} +3 -3
- package/dist/{nylas-scheduler-editor.entry-0f1370d9.cjs → nylas-scheduler-editor.entry-287ca230.cjs} +2 -2
- package/dist/{nylas-scheduling.entry-14d4cd69.js → nylas-scheduling.entry-19fca55a.js} +8 -8
- package/dist/{nylas-scheduling.entry-ab10f8a4.cjs → nylas-scheduling.entry-c882ee9a.cjs} +1 -1
- package/dist/nylas-time-window-picker_2.entry-3d24eec4.js +336 -0
- package/dist/nylas-time-window-picker_2.entry-9a216230.cjs +1 -0
- package/dist/{person-icon.entry-40b5a8c5.js → person-icon.entry-a6d86572.js} +1 -1
- package/dist/{person-icon.entry-a45918af.cjs → person-icon.entry-b26a199b.cjs} +1 -1
- package/dist/{play-icon.entry-c5757946.cjs → play-icon.entry-5fc66fe6.cjs} +1 -1
- package/dist/{play-icon.entry-b2315f8c.js → play-icon.entry-87939760.js} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +73 -72
- package/dist/{refresh-icon.entry-b9afd192.cjs → refresh-icon.entry-3a8ae0f6.cjs} +1 -1
- package/dist/{refresh-icon.entry-37d038f8.js → refresh-icon.entry-820111be.js} +1 -1
- package/dist/{register-component-555477e7-42247763.js → register-component-5d7bcc15-35e4a5a0.js} +12 -12
- package/dist/{register-component-555477e7-ecafba1c.cjs → register-component-5d7bcc15-d9900fbc.cjs} +1 -1
- package/dist/{reply-all-icon.entry-89fd0e10.js → reply-all-icon.entry-5fbf1103.js} +1 -1
- package/dist/{reply-all-icon.entry-07a6783a.cjs → reply-all-icon.entry-864494e2.cjs} +1 -1
- package/dist/{reply-icon.entry-a53a6fc4.js → reply-icon.entry-7c136d06.js} +1 -1
- package/dist/{reply-icon.entry-8cddb112.cjs → reply-icon.entry-93084ffd.cjs} +1 -1
- package/dist/{scheduler-config-store-ed4a8dfd-733c6442.cjs → scheduler-config-store-ed4a8dfd-b2986359.cjs} +1 -1
- package/dist/{scheduler-config-store-ed4a8dfd-656579e3.js → scheduler-config-store-ed4a8dfd-f7f53255.js} +1 -1
- package/dist/{scheduler-store-c37aa5ca-0484b074.cjs → scheduler-store-20151a77-2dfd28c2.cjs} +1 -1
- package/dist/{scheduler-store-c37aa5ca-c9752707.js → scheduler-store-20151a77-4f7ffb6f.js} +2 -2
- package/dist/{sent-icon.entry-b740a32d.cjs → sent-icon.entry-18afc1f9.cjs} +1 -1
- package/dist/{sent-icon.entry-6ac749b3.js → sent-icon.entry-60f1b814.js} +1 -1
- package/dist/{spam-icon.entry-78cec025.cjs → spam-icon.entry-9d41427e.cjs} +1 -1
- package/dist/{spam-icon.entry-872ff1e4.js → spam-icon.entry-b580b108.js} +1 -1
- package/dist/{star-icon.entry-57246dc1.js → star-icon.entry-7cbe5a81.js} +1 -1
- package/dist/{star-icon.entry-ab9ad7df.cjs → star-icon.entry-8792026f.cjs} +1 -1
- package/dist/{stop-icon.entry-f79dce49.cjs → stop-icon.entry-5b605364.cjs} +1 -1
- package/dist/{stop-icon.entry-5054fa33.js → stop-icon.entry-ae629874.js} +1 -1
- package/dist/{textarea-component.entry-2967dd82.cjs → textarea-component.entry-2dae13db.cjs} +1 -1
- package/dist/{textarea-component.entry-15c9a676.js → textarea-component.entry-fa87a032.js} +2 -2
- package/dist/{time-period-selector.entry-9226fd08.js → time-period-selector.entry-0de79682.js} +2 -2
- package/dist/{time-period-selector.entry-a53c94c2.cjs → time-period-selector.entry-b1f5523b.cjs} +1 -1
- package/dist/{translate-icon.entry-52939fa4.js → translate-icon.entry-07e9c2cf.js} +1 -1
- package/dist/{translate-icon.entry-f4dcc479.cjs → translate-icon.entry-22ef3602.cjs} +1 -1
- package/dist/{trash-fill-icon.entry-b9ab3cfc.js → trash-fill-icon.entry-81ee0fdf.js} +1 -1
- package/dist/{trash-fill-icon.entry-7f4ddaf5.cjs → trash-fill-icon.entry-d332cf5d.cjs} +1 -1
- package/dist/{underline-icon.entry-c8142970.js → underline-icon.entry-dce1c48b.js} +1 -1
- package/dist/{underline-icon.entry-e9959c5c.cjs → underline-icon.entry-e381e3d2.cjs} +1 -1
- package/dist/{warning-icon.entry-00426457.js → warning-icon.entry-76d03910.js} +1 -1
- package/dist/{warning-icon.entry-98c0d003.cjs → warning-icon.entry-b55e52d0.cjs} +1 -1
- package/package.json +3 -3
- package/dist/calendar-agenda-fill-icon_54.entry-33d08f1a.cjs +0 -9
- package/dist/checkbox-component_2.entry-1e3afb3a.cjs +0 -1
- package/dist/checkbox-component_2.entry-ec5e75fb.js +0 -79
- package/dist/google-logo-icon_4.entry-9a7790d2.cjs +0 -1
- package/dist/nylas-booked-event-card_12.entry-f64eecaa.cjs +0 -1
- package/dist/nylas-time-window-picker.entry-a2f71121.js +0 -316
- package/dist/nylas-time-window-picker.entry-dfbd975e.cjs +0 -1
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { R as
|
|
3
|
-
import { T as
|
|
1
|
+
import { r as x, c as h, d as c, q as ae, h as a, i as l, k as re, H as v, g as D, s as ie, t as ke, j as oe, v as Ce, w as _e, x as L, y as xe, z as we, A as O, C as Ee, F as Te } from "./index-ad112f6a.js";
|
|
2
|
+
import { R as S } from "./register-component-5d7bcc15-35e4a5a0.js";
|
|
3
|
+
import { T as j, a as le, b as se } from "./constants-54af2051-767e8462.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
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}.nylas-booked-event-card{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 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.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:16px;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}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}', De = Be;
|
|
7
|
-
var
|
|
7
|
+
var Se = function(e, t, n, r) {
|
|
8
8
|
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
9
9
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
10
10
|
i = Reflect.decorate(e, t, n, r);
|
|
11
11
|
else
|
|
12
|
-
for (var
|
|
13
|
-
(o = e[
|
|
12
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
13
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
14
14
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
15
|
-
},
|
|
15
|
+
}, $ = function(e, t) {
|
|
16
16
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
17
17
|
return Reflect.metadata(e, t);
|
|
18
18
|
};
|
|
19
|
-
const
|
|
19
|
+
const de = class {
|
|
20
20
|
constructor(e) {
|
|
21
|
-
|
|
21
|
+
x(this, e), this.cancelBookingButtonClicked = h(this, "cancelBookingButtonClicked", 7), this.rescheduleButtonClicked = h(this, "rescheduleButtonClicked", 7), this.rescheduleBookedEventError = h(this, "rescheduleBookedEventError", 7), this.cancelBookedEventValidationError = h(this, "cancelBookedEventValidationError", 7), this.handleCancelBookingButtonClicked = () => {
|
|
22
22
|
var s, i;
|
|
23
23
|
const t = new Date(this.selectedTimeslot.start_time), n = (i = (s = this.configSettings) == null ? void 0 : s.scheduler) == null ? void 0 : i.min_cancellation_notice;
|
|
24
24
|
t.getTime() - n * 60 * 1e3 < (/* @__PURE__ */ new Date()).getTime() ? this.cancelBookedEventValidationError.emit({
|
|
@@ -51,11 +51,11 @@ const ce = class {
|
|
|
51
51
|
disconnectedCallback() {
|
|
52
52
|
}
|
|
53
53
|
async componentWillLoad() {
|
|
54
|
-
|
|
54
|
+
c("[nylas-booked-event-card] Component will load");
|
|
55
55
|
}
|
|
56
56
|
async componentDidLoad() {
|
|
57
57
|
var e, t;
|
|
58
|
-
|
|
58
|
+
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.'), this.applyThemeConfig(this.themeConfig), this.startTime = ae((e = this.selectedTimeslot) == null ? void 0 : e.start_time, this.selectedTimezone), this.endTime = ae((t = this.selectedTimeslot) == null ? void 0 : t.end_time, this.selectedTimezone);
|
|
59
59
|
}
|
|
60
60
|
applyThemeConfig(e) {
|
|
61
61
|
if (e)
|
|
@@ -63,16 +63,16 @@ const ce = class {
|
|
|
63
63
|
this.host.style.setProperty(`${t}`, n);
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
|
-
var n, r, s, i, o,
|
|
66
|
+
var n, r, s, i, o, d, p, m, y, k, w, E, T, u, f, g;
|
|
67
67
|
const e = (n = this.configSettings) == null ? void 0 : n.booking_type, t = e && e !== "booking";
|
|
68
|
-
return a(v, { key: "5c0d6ded922007d327b55a3536338a82302ca0be", part: "nbec" }, a("div", { key: "a0d3c60605fbf54303527bc6001477db946eb560", class: "nylas-booked-event-card" }, a("div", { key: "043a3aead5724fd56c3075d60ff0cfe470e2d551", class: "booked-event-timezone" }, a("globe-icon", { key: "f21ee01ed85b02982e013d6731bffd8a20ef0ad9" }),
|
|
68
|
+
return a(v, { key: "5c0d6ded922007d327b55a3536338a82302ca0be", part: "nbec" }, a("div", { key: "a0d3c60605fbf54303527bc6001477db946eb560", class: "nylas-booked-event-card" }, a("div", { key: "043a3aead5724fd56c3075d60ff0cfe470e2d551", class: "booked-event-timezone" }, a("globe-icon", { key: "f21ee01ed85b02982e013d6731bffd8a20ef0ad9" }), j[this.selectedTimezone]), a("div", { key: "5408744046d0b755044db2c88f15dfeed1ac0cd1", class: "event-card-wrapper", part: "nbec__card" }, a("div", { key: "c1e352e8395aa35c9faadadf10a82f04b10cf88e", class: "calendar-icon" }, a("calendar-check-icon", { key: "9e4464eb5a88dafa35340d8441bfc6570c880151" })), a("div", { key: "2265e9737ed82f085e348a6bde53dc68d7d7fc94", class: "booked-event-header" }, a("h2", { key: "30ba50948f9de4ef3f47c72547478c81870d85b2", slot: "card-title", part: "nbec__title" }, this.rescheduleBookingId && !this.isLoading ? `${l.t("bookingRescheduled")}` : t && !this.isLoading ? `${l.t("bookingSent")}` : `${l.t("bookingConfirmed")}`, "!"), a("div", { key: "8ae1ffd38656334a233bca8eb7b25b6e7c03c937", class: "card-description", part: "nbec__description" }, t ? l.t("bookingSentDescription") : a("span", null, l.t("bookingConfirmedDescription")))), a("div", { key: "cf6a84c9dc87e923c21468561a7601f476fd85a1", class: "booking-date-time" }, a("checkmark-circle-icon", { key: "7e42ae42fbe6c87a21f2a6031796132a5562d882" }), a("h3", { key: "d92ede4d9f33a3dd461a0e14c4965e614c23f075" }, l.t("bookingDateAndTimeHeader")), a("p", { key: "1da0c2ff11644c6718e8ca512baffbc0affb3fd5" }, (r = this.selectedTimeslot) != null && r.start_time ? re(new Date((s = this.selectedTimeslot) == null ? void 0 : s.start_time).toLocaleDateString(le[this.selectedLanguage], { dateStyle: "full" })) : "-", " ", a("br", { key: "167cd8c78e97697766713811549588e9d6fd3fcb" }), this.startTime, " - ", this.endTime)), a("div", { key: "61d35600d07d7ffccbce3f3aa93a3bfed385637e", class: "booking-participants" }), !t && a("div", { class: "button-container" }, a("div", { class: {
|
|
69
69
|
footer: !0,
|
|
70
|
-
"no-footer": ((o = (i = this.configSettings) == null ? void 0 : i.scheduler) == null ? void 0 : o.hide_cancellation_options) && ((
|
|
71
|
-
"no-template-cols": ((k = (y = this.configSettings) == null ? void 0 : y.scheduler) == null ? void 0 : k.hide_cancellation_options) || ((
|
|
72
|
-
} }, !((u = (
|
|
70
|
+
"no-footer": ((o = (i = this.configSettings) == null ? void 0 : i.scheduler) == null ? void 0 : o.hide_cancellation_options) && ((p = (d = this.configSettings) == null ? void 0 : d.scheduler) == null ? void 0 : p.hide_rescheduling_options) || ((m = this.configSettings) == null ? void 0 : m.booking_type) === "organizer-confirmation",
|
|
71
|
+
"no-template-cols": ((k = (y = this.configSettings) == null ? void 0 : y.scheduler) == null ? void 0 : k.hide_cancellation_options) || ((E = (w = this.configSettings) == null ? void 0 : w.scheduler) == null ? void 0 : E.hide_rescheduling_options)
|
|
72
|
+
} }, !((u = (T = this.configSettings) == null ? void 0 : T.scheduler) != null && u.hide_cancellation_options) && a("button-component", { variant: "destructive", onClick: this.handleCancelBookingButtonClicked, part: "nbec__button-outline nbec__cancel-cta" }, `${l.t("cancelBookingButton")}`), !((g = (f = this.configSettings) == null ? void 0 : f.scheduler) != null && g.hide_rescheduling_options) && a("button-component", { variant: "basic", onClick: this.handleRescheduleButtonClicked, disabled: this.isLoading, part: "nbec__button-outline nbec__reschedule-cta" }, `${l.t("rescheduleBookingButton")}`))))));
|
|
73
73
|
}
|
|
74
74
|
get host() {
|
|
75
|
-
return
|
|
75
|
+
return D(this);
|
|
76
76
|
}
|
|
77
77
|
static get watchers() {
|
|
78
78
|
return {
|
|
@@ -80,8 +80,8 @@ const ce = class {
|
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
Se([
|
|
84
|
+
S({
|
|
85
85
|
name: "nylas-booked-event-card",
|
|
86
86
|
stateToProps: /* @__PURE__ */ new Map([
|
|
87
87
|
["scheduler.bookingInfo", "bookingInfo"],
|
|
@@ -102,35 +102,35 @@ Le([
|
|
|
102
102
|
r && (!n || "error" in n) && r(n);
|
|
103
103
|
},
|
|
104
104
|
rescheduleBookedEventError: async (e, t) => {
|
|
105
|
-
|
|
105
|
+
c("nylas-booked-event-card", "rescheduleBookedEventError", e.detail);
|
|
106
106
|
},
|
|
107
107
|
cancelBookedEventValidationError: async (e, t) => {
|
|
108
|
-
|
|
108
|
+
c("nylas-booked-event-card", "cancelBookedEventValidationError", e.detail);
|
|
109
109
|
}
|
|
110
110
|
},
|
|
111
111
|
fireRegisterEvent: !0
|
|
112
112
|
}),
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
],
|
|
117
|
-
|
|
118
|
-
const
|
|
113
|
+
$("design:type", Function),
|
|
114
|
+
$("design:paramtypes", []),
|
|
115
|
+
$("design:returntype", void 0)
|
|
116
|
+
], de.prototype, "render", null);
|
|
117
|
+
de.style = De;
|
|
118
|
+
const Le = ':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:grid;grid-template-columns:1fr 1fr;gap:0.5rem;align-items:flex-start;justify-content:space-between;gap:0.5rem;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.cta{grid-template-columns:1fr}}.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);font-size:16px}.input-wrapper .help-text{margin:0;color:var(--nylas-error)}.button-wrapper{width:100%;align-items:flex-start;height:max-content;position:relative}.button-content{display:flex;gap:4px;align-items:center}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]:focus,input[type=email]:focus{outline-color:var(--nylas-primary)}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]::placeholder,input[type=email]::placeholder{color:var(--nylas-base-300)}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}button-component.remove-guest{position:absolute;height:51px;right:0}button-component.remove-guest.error button{border-color:var(--nylas-error)}button-component.remove-guest button{height:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;border:none !important;border-left:1px solid var(--nylas-base-300) !important}button-component.remove-guest button:hover,button-component.remove-guest button:focus{outline:1px solid var(--nylas-primary) !important;color:var(--nylas-primary)}button-component.back button{--dot-color:var(--nylas-base-800)}.guest-email-input{position:relative;display:flex;width:100%}', Ie = Le;
|
|
119
119
|
var ze = function(e, t, n, r) {
|
|
120
120
|
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
121
121
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
122
122
|
i = Reflect.decorate(e, t, n, r);
|
|
123
123
|
else
|
|
124
|
-
for (var
|
|
125
|
-
(o = e[
|
|
124
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
125
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
126
126
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
127
|
-
},
|
|
127
|
+
}, M = function(e, t) {
|
|
128
128
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
129
129
|
return Reflect.metadata(e, t);
|
|
130
130
|
};
|
|
131
|
-
const
|
|
131
|
+
const R = /^[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])?)*$/, ce = class {
|
|
132
132
|
constructor(e) {
|
|
133
|
-
|
|
133
|
+
x(this, e), this.nameChanged = h(this, "nameChanged", 7), this.emailChanged = h(this, "emailChanged", 7), this.backButtonClicked = h(this, "backButtonClicked", 7), this.detailsConfirmed = h(this, "detailsConfirmed", 7), this.bookingFormError = h(this, "bookingFormError", 7), this.bookingFormSubmitted = h(this, "bookingFormSubmitted", 7), this.handleGuestChange = (t, n) => {
|
|
134
134
|
this.resetGuestEmailError(t);
|
|
135
135
|
const r = [...this.guestEmails];
|
|
136
136
|
r[t] = ie(n), this.guestEmails = [...r];
|
|
@@ -139,7 +139,7 @@ const I = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
139
139
|
this.guestEmailErrors[t] = l.t("fieldRequired", { field: l.t("email") });
|
|
140
140
|
return;
|
|
141
141
|
}
|
|
142
|
-
if (!
|
|
142
|
+
if (!R.test(n)) {
|
|
143
143
|
this.guestEmailErrors[t] = l.t("invalidInputFormat", { field: l.t("email") });
|
|
144
144
|
return;
|
|
145
145
|
}
|
|
@@ -153,11 +153,11 @@ const I = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
153
153
|
}, this.handleBackButtonClicked = (t) => {
|
|
154
154
|
t.preventDefault(), this.backButtonLoading = !0, this.backButtonClicked.emit();
|
|
155
155
|
}, this.bookButtonClickedHandler = async (t) => {
|
|
156
|
-
var
|
|
156
|
+
var m, y, k, w, E, T, u, f, g, b, B;
|
|
157
157
|
if (t.preventDefault(), this.bookingFormSubmitted.emit().defaultPrevented)
|
|
158
158
|
return;
|
|
159
|
-
|
|
160
|
-
const r = this.name || ((
|
|
159
|
+
c("nylas-booking-form", "bookButtonClickedHandler", this.bookingInfo);
|
|
160
|
+
const r = this.name || ((y = (m = this.bookingInfo) == null ? void 0 : m.primaryParticipant) == null ? void 0 : y.name), s = this.email || ((w = (k = this.bookingInfo) == null ? void 0 : k.primaryParticipant) == null ? void 0 : w.email);
|
|
161
161
|
if (!r || r === "") {
|
|
162
162
|
this.isNameValid = !1, this.validationError.name = l.t("fieldRequired", { field: l.t("name") }) || "Name is required", this.bookingFormError.emit({
|
|
163
163
|
title: "Booking form error",
|
|
@@ -172,7 +172,7 @@ const I = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
172
172
|
});
|
|
173
173
|
return;
|
|
174
174
|
}
|
|
175
|
-
if (!
|
|
175
|
+
if (!R.test(s)) {
|
|
176
176
|
this.isEmailValid = !1, this.validationError.email = l.t("invalidInputFormat", { field: l.t("email") }), this.bookingFormError.emit({
|
|
177
177
|
title: "Booking form error",
|
|
178
178
|
description: l.t("invalidInputFormat", { field: l.t("email") }) || "Invalid email"
|
|
@@ -181,24 +181,27 @@ const I = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
181
181
|
}
|
|
182
182
|
let i = [];
|
|
183
183
|
if (this.guestEmails.length > 0) {
|
|
184
|
-
let
|
|
185
|
-
if (this.guestEmails.forEach((
|
|
186
|
-
|
|
187
|
-
}),
|
|
184
|
+
let C = !1;
|
|
185
|
+
if (this.guestEmails.forEach((_, I) => {
|
|
186
|
+
_ === "" ? (C = !0, this.guestEmailErrors = { ...this.guestEmailErrors, [I]: l.t("fieldRequired", { field: l.t("email") }) }) : R.test(_) || (C = !0, this.guestEmailErrors = { ...this.guestEmailErrors, [I]: l.t("invalidInputFormat", { field: l.t("email") }) });
|
|
187
|
+
}), C) {
|
|
188
188
|
this.bookingFormError.emit({
|
|
189
189
|
title: "Booking form error",
|
|
190
190
|
description: l.t("invalidInputFormat", { field: l.t("guestEmail") }) || "Invalid guest email"
|
|
191
191
|
});
|
|
192
192
|
return;
|
|
193
193
|
}
|
|
194
|
-
i = this.guestEmails.map((
|
|
194
|
+
i = this.guestEmails.map((_) => ({ name: _.trim(), email: _.trim() }));
|
|
195
195
|
} else
|
|
196
|
-
(
|
|
197
|
-
const o = {},
|
|
198
|
-
(
|
|
199
|
-
|
|
200
|
-
}), Object.entries(
|
|
201
|
-
|
|
196
|
+
(E = this.bookingInfo) != null && E.guests && (i = (T = this.bookingInfo) == null ? void 0 : T.guests);
|
|
197
|
+
const o = {}, d = ((f = (u = this.configSettings) == null ? void 0 : u.scheduler) == null ? void 0 : f.additional_fields) || {}, p = ((b = (g = this.configSettings) == null ? void 0 : g.booking) == null ? void 0 : b.additional_fields) || {};
|
|
198
|
+
(B = this.bookingInfo) != null && B.additionalFields && Object.entries(this.bookingInfo.additionalFields).forEach(([C, _]) => {
|
|
199
|
+
C in d && (o[C] = _.value);
|
|
200
|
+
}), Object.entries(d).forEach(([C, _]) => {
|
|
201
|
+
if (!(C in o)) {
|
|
202
|
+
const I = p[C] || _.default || "";
|
|
203
|
+
o[C] = I;
|
|
204
|
+
}
|
|
202
205
|
}), this.detailsConfirmed.emit({
|
|
203
206
|
primaryParticipant: {
|
|
204
207
|
name: r,
|
|
@@ -216,11 +219,11 @@ const I = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
216
219
|
disconnectedCallback() {
|
|
217
220
|
}
|
|
218
221
|
componentWillLoad() {
|
|
219
|
-
|
|
222
|
+
c("nylas-booking-form", "componentWillLoad", this.bookingInfo);
|
|
220
223
|
}
|
|
221
224
|
componentDidLoad() {
|
|
222
|
-
var e, t, n, r, s, i, o,
|
|
223
|
-
|
|
225
|
+
var e, t, n, r, s, i, o, d, p, m, y, k, w, E, T, u, f;
|
|
226
|
+
c("nylas-booking-form", "componentDidLoad", this.bookingInfo), this.bookingInfo && ((e = this.bookingInfo) != null && e.primaryParticipant) ? (this.name = (t = this.bookingInfo.primaryParticipant) == null ? void 0 : t.name, this.email = (n = this.bookingInfo.primaryParticipant) == null ? void 0 : n.email) : (s = (r = this.configSettings) == null ? void 0 : r.booking) != null && s.guest && (this.name = (d = (o = (i = this.configSettings) == null ? void 0 : i.booking) == null ? void 0 : o.guest) == null ? void 0 : d.name, this.email = (y = (m = (p = this.configSettings) == null ? void 0 : p.booking) == null ? void 0 : m.guest) == null ? void 0 : y.email), (w = (k = this.configSettings) == null ? void 0 : k.booking) != null && w.additional_guests && ((T = (E = this.configSettings) == null ? void 0 : E.booking) == null ? void 0 : T.additional_guests.length) > 0 && (this.guestEmails = (f = (u = this.configSettings) == null ? void 0 : u.booking) == null ? void 0 : f.additional_guests.map((g) => g.email)), this.applyThemeConfig(this.themeConfig);
|
|
224
227
|
}
|
|
225
228
|
bookingInfoChangedHandler(e) {
|
|
226
229
|
e && e.primaryParticipant && (this.name = e.primaryParticipant.name, this.email = e.primaryParticipant.email);
|
|
@@ -286,42 +289,44 @@ const I = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
286
289
|
this.updateAdditionalFields(e.detail.name, e.detail.value);
|
|
287
290
|
}
|
|
288
291
|
render() {
|
|
289
|
-
var e, t, n, r, s, i, o,
|
|
290
|
-
return a(v, { key: "
|
|
292
|
+
var e, t, n, r, s, i, o, d, p, m, y, k, w, E, T;
|
|
293
|
+
return a(v, { key: "0ccfb665ffb616ce318d15aa0ce10706d31ca949" }, a("form", { key: "54cdd9984eacedeecf4bef5b2e4720e45f0662d5", onSubmit: (u) => this.bookButtonClickedHandler(u), noValidate: !0 }, a("div", { key: "45495cfaaafafac5e89c27a8b6dcf51afa0cce78", class: "nylas-booking-form", part: "nbf" }, a("div", { key: "9b6bd2cf0f607049445079054852e6200f1acdca", class: "input-wrapper", part: "nbf__input-wrapper" }, a("input-component", { key: "2805ccbb0ba6746a9d04ad17afa342692a14564f", label: l.t("name"), name: "name", id: "name", defaultValue: ((t = (e = this.bookingInfo) == null ? void 0 : e.primaryParticipant) == null ? void 0 : t.name) || ((s = (r = (n = this.configSettings) == null ? void 0 : n.booking) == null ? void 0 : r.guest) == null ? void 0 : s.name) || this.name, placeholder: l.t("namePlaceholder"), type: "text", required: !0, requiredError: l.t("fieldRequired", { field: l.t("name") }), patternError: l.t("invalidInputFormat", { field: l.t("name") }), part: "nbf__input-textfield" })), a("div", { key: "10fd8ac7f0f2e0b29bd602820bd94a817d2d2f8f", class: "input-wrapper", part: "nbf__input-wrapper" }, a("input-component", { key: "5700f114ac983a50e8b7b0df7044aa5da183a22a", label: l.t("email"), name: "email", id: "email", pattern: R, defaultValue: ((o = (i = this.bookingInfo) == null ? void 0 : i.primaryParticipant) == null ? void 0 : o.email) || ((m = (p = (d = this.configSettings) == null ? void 0 : d.booking) == null ? void 0 : p.guest) == null ? void 0 : m.email) || this.email, placeholder: l.t("emailPlaceholder"), type: "email", required: !0, requiredError: l.t("fieldRequired", { field: l.t("email") }), patternError: l.t("invalidInputFormat", { field: l.t("email") }), part: "nbf__input-textfield" })), ((k = (y = this.configSettings) == null ? void 0 : y.scheduler) == null ? void 0 : k.hide_additional_guests) !== !0 && a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, this.guestEmails.map((u, f) => a("div", { class: "input-wrapper button-wrapper" }, a("label", { class: {
|
|
291
294
|
error: !!this.guestEmailErrors[f]
|
|
292
295
|
} }, l.t("guestEmail")), a("div", { class: "guest-email-input" }, a("input", { type: "email", id: `guest-email-${f}`, maxLength: 100, class: {
|
|
293
296
|
"guest-email": !0,
|
|
294
297
|
error: !!this.guestEmailErrors[f]
|
|
295
|
-
}, placeholder: l.t("guestEmailPlaceholder"), value: u, "data-index": f, part: "nbf__input-textfield", onBlur: (
|
|
296
|
-
var
|
|
297
|
-
return this.handleGuestBlur(f, (
|
|
298
|
-
}, onInput: (
|
|
299
|
-
var
|
|
300
|
-
return this.handleGuestChange(f, (
|
|
301
|
-
} }), a("button-component", { variant: "basic", tooltip: "Remove guest", onClick: (
|
|
298
|
+
}, placeholder: l.t("guestEmailPlaceholder"), value: u, "data-index": f, part: "nbf__input-textfield", onBlur: (g) => {
|
|
299
|
+
var b;
|
|
300
|
+
return this.handleGuestBlur(f, (b = g.target) == null ? void 0 : b.value);
|
|
301
|
+
}, onInput: (g) => {
|
|
302
|
+
var b;
|
|
303
|
+
return this.handleGuestChange(f, (b = g.target) == null ? void 0 : b.value);
|
|
304
|
+
} }), a("button-component", { variant: "basic", tooltip: "Remove guest", onClick: (g) => this.removeGuestButtonClickHandler(g, f), class: {
|
|
302
305
|
"remove-guest": !0,
|
|
303
306
|
error: !!this.guestEmailErrors[f]
|
|
304
|
-
} }, a("close-icon", null))), a("p", { class: "help-text" }, this.guestEmailErrors[f]))), a("button-component", { class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: (u) => this.addGuestButtonClickedHandler(u) }, a("div", { class: "button-content" }, a("add-circle-icon", { slot: "icon" }), this.guestEmails.length > 0 ? `${l.t("addAnotherGuest")}` : `${l.t("addGuest")}`))), (
|
|
305
|
-
var
|
|
306
|
-
const f = u[1],
|
|
307
|
+
} }, a("close-icon", null))), a("p", { class: "help-text" }, this.guestEmailErrors[f]))), a("button-component", { class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: (u) => this.addGuestButtonClickedHandler(u) }, a("div", { class: "button-content" }, a("add-circle-icon", { slot: "icon" }), this.guestEmails.length > 0 ? `${l.t("addAnotherGuest")}` : `${l.t("addGuest")}`))), (T = Object.entries(((E = (w = this.configSettings) == null ? void 0 : w.scheduler) == null ? void 0 : E.additional_fields) || {})) == null ? void 0 : T.sort((u, f) => u[1].order - f[1].order).map((u) => {
|
|
308
|
+
var C, _, I, J, K, Q, ee, te, ne;
|
|
309
|
+
const f = u[1], g = f.label, b = u[0], B = ((I = (_ = (C = this.bookingInfo) == null ? void 0 : C.additionalFields) == null ? void 0 : _[b]) == null ? void 0 : I.value) || ((Q = (K = (J = this.configSettings) == null ? void 0 : J.booking) == null ? void 0 : K.additional_fields) == null ? void 0 : Q[b]) || f.default || "";
|
|
307
310
|
switch (f.type) {
|
|
308
311
|
case "dropdown":
|
|
309
|
-
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("select-dropdown", { label:
|
|
312
|
+
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("select-dropdown", { label: g, name: b, id: b, withSearch: !1, defaultSelectedOption: B ? { value: B, label: B } : void 0, options: (ee = f.options) == null ? void 0 : ee.map((z) => ({ value: z, label: z })), required: f.required, exportparts: "sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content" }));
|
|
310
313
|
case "checkbox":
|
|
311
|
-
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("checkbox-component", { label:
|
|
314
|
+
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("checkbox-component", { label: g, name: b, id: b, checked: B === "true", required: f.required, part: "nbf__checkbox-component" }));
|
|
312
315
|
case "radio_button":
|
|
313
|
-
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("radio-button-group", { label:
|
|
316
|
+
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("radio-button-group", { label: g, name: b, id: b, defaultSelectedValue: B || ((te = f.options) == null ? void 0 : te[0]) || "", options: (ne = f.options) == null ? void 0 : ne.map((z) => ({ value: z, label: z })), required: f.required, part: "nbf__radio-button-group" }));
|
|
314
317
|
case "multi_line_text":
|
|
315
|
-
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("textarea-component", { label:
|
|
318
|
+
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("textarea-component", { label: g, defaultValue: B, name: b, id: b, required: f.required, part: "nbf__textarea-component" }));
|
|
319
|
+
case "date":
|
|
320
|
+
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("nylas-date-component", { label: g, defaultValue: B, name: b, id: b, required: f.required, part: "nbf__date-component" }));
|
|
316
321
|
case "metadata":
|
|
317
322
|
return null;
|
|
318
323
|
default:
|
|
319
|
-
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("input-component", { label:
|
|
324
|
+
return a("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, a("input-component", { label: g, name: b, id: b, type: f.type, defaultValue: B || "", requiredError: l.t("fieldRequired", { field: g }), required: f.required, part: "nbf__input-textfield" }));
|
|
320
325
|
}
|
|
321
|
-
})), a("div", { key: "
|
|
326
|
+
})), a("div", { key: "7e53011eb10ca0dea67989b1e2b0e84f2ff0e9e8", class: "cta" }, a("button-component", { key: "cb7e0b4ccf44766fc71de041db09070c6509603b", variant: "basic", class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, a("slot", { key: "dbc2161ee78958dc007053f4d7bddf98f01185ad", name: "booking-form-back-label" }, `${l.t("backButton")}`)), a("button-component", { key: "e265695860c4a20ad0305cde02129bd3d2237208", variant: "primary", isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, a("slot", { key: "0db692e5e96df1c8403ac6a22a068ca51066e530", name: "booking-form-book-label" }, `${l.t("bookNowButton")}`)))));
|
|
322
327
|
}
|
|
323
328
|
get host() {
|
|
324
|
-
return
|
|
329
|
+
return D(this);
|
|
325
330
|
}
|
|
326
331
|
static get watchers() {
|
|
327
332
|
return {
|
|
@@ -331,7 +336,7 @@ const I = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
331
336
|
}
|
|
332
337
|
};
|
|
333
338
|
ze([
|
|
334
|
-
|
|
339
|
+
S({
|
|
335
340
|
name: "nylas-booking-form",
|
|
336
341
|
stateToProps: /* @__PURE__ */ new Map([
|
|
337
342
|
["scheduler.isLoading", "isLoading"],
|
|
@@ -351,48 +356,48 @@ ze([
|
|
|
351
356
|
t.scheduler.setParticipantEmail(e.detail);
|
|
352
357
|
},
|
|
353
358
|
detailsConfirmed: async (e, t) => {
|
|
354
|
-
|
|
359
|
+
c("nylas-booking-form", "detailsConfirmed", e.detail);
|
|
355
360
|
},
|
|
356
361
|
bookingFormSubmitted: async (e, t) => {
|
|
357
|
-
|
|
362
|
+
c("nylas-booking-form", "bookingFormSubmitted", e.detail);
|
|
358
363
|
},
|
|
359
364
|
bookingFormError: async (e, t) => {
|
|
360
|
-
|
|
365
|
+
c("nylas-booking-form", "bookingFormError", e.detail);
|
|
361
366
|
}
|
|
362
367
|
},
|
|
363
368
|
fireRegisterEvent: !0
|
|
364
369
|
}),
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
],
|
|
369
|
-
|
|
370
|
+
M("design:type", Function),
|
|
371
|
+
M("design:paramtypes", []),
|
|
372
|
+
M("design:returntype", void 0)
|
|
373
|
+
], ce.prototype, "render", null);
|
|
374
|
+
ce.style = Ie;
|
|
370
375
|
const je = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:block;width:400px;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 form{width:100%}.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);padding-bottom:1.25rem}.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%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}', Re = je;
|
|
371
376
|
var Fe = function(e, t, n, r) {
|
|
372
377
|
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
373
378
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
374
379
|
i = Reflect.decorate(e, t, n, r);
|
|
375
380
|
else
|
|
376
|
-
for (var
|
|
377
|
-
(o = e[
|
|
381
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
382
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
378
383
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
379
|
-
},
|
|
384
|
+
}, N = function(e, t) {
|
|
380
385
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
381
386
|
return Reflect.metadata(e, t);
|
|
382
387
|
};
|
|
383
388
|
const fe = class {
|
|
384
389
|
constructor(e) {
|
|
385
390
|
var t, n;
|
|
386
|
-
|
|
391
|
+
x(this, e), this.goBackButtonClicked = h(this, "goBackButtonClicked", 7), this.cancelBookingFormSubmitted = h(this, "cancelBookingFormSubmitted", 7), this.triggerValidation = h(this, "triggerValidation", 7), this.cancelBookedEventError = h(this, "cancelBookedEventError", 7), this.cancelBookingFormError = h(this, "cancelBookingFormError", 7), this.handleGoBackClicked = () => {
|
|
387
392
|
this.goBackButtonClicked.emit();
|
|
388
393
|
}, this.handleSubmitCancelBooking = (r) => {
|
|
389
|
-
var o,
|
|
394
|
+
var o, d, p;
|
|
390
395
|
if (this.triggerValidation.emit({}), r.preventDefault(), !this.cancellationReason) {
|
|
391
396
|
this.cancellationError = l.t("cancellationErrorMessage"), this.cancelBookingFormError.emit({ title: l.t("cancelBokingFormError"), description: l.t("cancellationErrorMessage") });
|
|
392
397
|
return;
|
|
393
398
|
}
|
|
394
|
-
const s = (
|
|
395
|
-
if (this.selectedTimeslot && s && new Date((
|
|
399
|
+
const s = (d = (o = this.configSettings) == null ? void 0 : o.scheduler) == null ? void 0 : d.min_cancellation_notice;
|
|
400
|
+
if (this.selectedTimeslot && s && new Date((p = this.selectedTimeslot) == null ? void 0 : p.start_time).getTime() - s * 60 * 1e3 < (/* @__PURE__ */ new Date()).getTime()) {
|
|
396
401
|
this.cancelBookedEventError.emit({
|
|
397
402
|
error: {
|
|
398
403
|
title: l.t("cancellationErrorTitle"),
|
|
@@ -401,9 +406,9 @@ const fe = class {
|
|
|
401
406
|
});
|
|
402
407
|
return;
|
|
403
408
|
}
|
|
404
|
-
|
|
405
|
-
const i = (
|
|
406
|
-
this.cancelBookedEventError.emit(
|
|
409
|
+
c(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);
|
|
410
|
+
const i = (m) => {
|
|
411
|
+
this.cancelBookedEventError.emit(m);
|
|
407
412
|
};
|
|
408
413
|
this.cancelBookingId ? this.cancelBookingFormSubmitted.emit({ bookingId: this.cancelBookingId, action: "cancel", reason: this.cancellationReason, errorHandler: i }) : this.rejectBookingId && this.cancelBookingFormSubmitted.emit({ bookingId: this.rejectBookingId, action: "reject", reason: this.cancellationReason, errorHandler: i });
|
|
409
414
|
}, this.cancelBookingId = void 0, this.rejectBookingId = void 0, this.selectedTimeslot = void 0, this.configSettings = void 0, this.eventInfo = void 0, this.isLoading = void 0, this.themeConfig = void 0, this.cancellationReason = "", this.cancellationError = "", this.cancellationPolicy = ((n = (t = this.configSettings) == null ? void 0 : t.scheduler) == null ? void 0 : n.cancellation_policy) || "Your current timeslot will become available to others.";
|
|
@@ -416,16 +421,16 @@ const fe = class {
|
|
|
416
421
|
this.applyThemeConfig(e);
|
|
417
422
|
}
|
|
418
423
|
connectedCallback() {
|
|
419
|
-
|
|
424
|
+
c("[nylas-cancel-booking-form] Component connected");
|
|
420
425
|
}
|
|
421
426
|
async componentWillLoad() {
|
|
422
|
-
|
|
427
|
+
c("[nylas-cancel-booking-form] Component will load");
|
|
423
428
|
}
|
|
424
429
|
async componentDidLoad() {
|
|
425
|
-
|
|
430
|
+
c("[nylas-cancel-booking-form] Component did load"), this.cancelBookingId || console.warn('[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.'), this.applyThemeConfig(this.themeConfig);
|
|
426
431
|
}
|
|
427
432
|
disconnectedCallback() {
|
|
428
|
-
|
|
433
|
+
c("[nylas-cancel-booking-form] Component disconnected");
|
|
429
434
|
}
|
|
430
435
|
applyThemeConfig(e) {
|
|
431
436
|
if (e)
|
|
@@ -440,7 +445,7 @@ const fe = class {
|
|
|
440
445
|
return a(v, { key: "a28fc058c46d2d16bc902bc3660f50316c57dece", part: "ncbf" }, a("div", { key: "84f2ba1baba4acba17364298b40dd6758f992476", class: "nylas-cancel-booking-form", part: "ncbf__card" }, a("div", { key: "3d3a21bbfafb1f6e5729dba6d2cce61c09d55d7f", class: "nylas-cancel-booking-form__calendar-icon", part: "ncbf__icon" }, a("calendar-cancel-icon", { key: "4da0905147c24eca01cf4d6e008b20db62fe1172" })), a("h3", { key: "dea90396dfe208b42228f5627421f909c94a6d3d", class: "nylas-cancel-booking-form__title", part: "ncbf__title" }, l.t("cancelBookingTitle")), a("div", { key: "4e7223a576a56dbd704b0f85b05928c4075eaa10", class: "nylas-cancel-booking-form__description", part: "ncbf__description" }, (t = (e = this.configSettings) == null ? void 0 : e.scheduler) != null && t.cancellation_policy ? this.cancellationPolicy : `${l.t("cancelBookingMessage")}`), a("form", { key: "d779a47d129a3e49d6f021c4fa148c4354e0b8e2", onSubmit: this.handleSubmitCancelBooking }, a("textarea-component", { key: "06c3d25a5fe75a4ea450703568648ca3741549c7", id: "cancel-reason", name: "cancel-reason", required: !0, label: l.t("reasonForCancellation"), class: this.cancellationError ? "error" : "", part: "ncbf__reason-textarea", defaultValue: this.cancellationReason }), a("div", { key: "19447dd729cc312c9a95c8977b50f335a3941d75", class: "footer" }, a("button-component", { key: "3c2fe7523fcd7127af466921e84722b368cb54bd", variant: "destructive", class: "cancel", type: "submit", part: "ncbf__button-cta", disabled: this.isLoading }, l.t("cancelBookingButton")), !!this.eventInfo && a("button-component", { variant: "basic", class: "back", part: "ncbf__button-outline", onClick: this.handleGoBackClicked }, l.t("goBackButton"))))));
|
|
441
446
|
}
|
|
442
447
|
get host() {
|
|
443
|
-
return
|
|
448
|
+
return D(this);
|
|
444
449
|
}
|
|
445
450
|
static get watchers() {
|
|
446
451
|
return {
|
|
@@ -450,7 +455,7 @@ const fe = class {
|
|
|
450
455
|
}
|
|
451
456
|
};
|
|
452
457
|
Fe([
|
|
453
|
-
|
|
458
|
+
S({
|
|
454
459
|
name: "nylas-cancel-booking-form",
|
|
455
460
|
stateToProps: /* @__PURE__ */ new Map([
|
|
456
461
|
["scheduler.configSettings", "configSettings"],
|
|
@@ -477,20 +482,20 @@ Fe([
|
|
|
477
482
|
}
|
|
478
483
|
},
|
|
479
484
|
goBackButtonClicked: async (e, t) => {
|
|
480
|
-
|
|
485
|
+
c("nylas-cancel-booking-form", "goBackButtonClicked", e.detail), t.scheduler.goBack();
|
|
481
486
|
},
|
|
482
487
|
cancelBookedEventError: async (e, t) => {
|
|
483
|
-
|
|
488
|
+
c("nylas-cancel-booking-form", "cancelBookedEventError", e.detail);
|
|
484
489
|
},
|
|
485
490
|
cancelBookingFormError: async (e, t) => {
|
|
486
|
-
|
|
491
|
+
c("nylas-cancel-booking-form", "cancelBookingFormError", e.detail);
|
|
487
492
|
}
|
|
488
493
|
},
|
|
489
494
|
fireRegisterEvent: !0
|
|
490
495
|
}),
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
496
|
+
N("design:type", Function),
|
|
497
|
+
N("design:paramtypes", []),
|
|
498
|
+
N("design:returntype", void 0)
|
|
494
499
|
], fe.prototype, "render", null);
|
|
495
500
|
fe.style = Re;
|
|
496
501
|
const Pe = ':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-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);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%}button-component{width:100%}', Oe = Pe;
|
|
@@ -499,16 +504,16 @@ var $e = function(e, t, n, r) {
|
|
|
499
504
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
500
505
|
i = Reflect.decorate(e, t, n, r);
|
|
501
506
|
else
|
|
502
|
-
for (var
|
|
503
|
-
(o = e[
|
|
507
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
508
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
504
509
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
505
|
-
},
|
|
510
|
+
}, H = function(e, t) {
|
|
506
511
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
507
512
|
return Reflect.metadata(e, t);
|
|
508
513
|
};
|
|
509
514
|
const he = class {
|
|
510
515
|
constructor(e) {
|
|
511
|
-
|
|
516
|
+
x(this, e), this.closeCancelEventCardClicked = h(this, "closeCancelEventCardClicked", 7), this.cancelledEventCardError = h(this, "cancelledEventCardError", 7), this.handleCloseClicked = () => {
|
|
512
517
|
this.isClosing = !0;
|
|
513
518
|
const t = (n) => {
|
|
514
519
|
this.cancelledEventCardError.emit(n), this.isClosing = !1;
|
|
@@ -520,16 +525,16 @@ const he = class {
|
|
|
520
525
|
this.applyThemeConfig(e);
|
|
521
526
|
}
|
|
522
527
|
connectedCallback() {
|
|
523
|
-
|
|
528
|
+
c("[nylas-cancelled-event-card] Component connected");
|
|
524
529
|
}
|
|
525
530
|
async componentWillLoad() {
|
|
526
|
-
|
|
531
|
+
c("[nylas-cancelled-event-card] Component will load");
|
|
527
532
|
}
|
|
528
533
|
async componentDidLoad() {
|
|
529
|
-
|
|
534
|
+
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.'), this.applyThemeConfig(this.themeConfig);
|
|
530
535
|
}
|
|
531
536
|
disconnectedCallback() {
|
|
532
|
-
|
|
537
|
+
c("[nylas-cancelled-event-card] Component disconnected");
|
|
533
538
|
}
|
|
534
539
|
applyThemeConfig(e) {
|
|
535
540
|
if (e)
|
|
@@ -541,7 +546,7 @@ const he = class {
|
|
|
541
546
|
return a(v, { key: "4bc5935f964686d8713ad7e7d1e40c67cdd4e12c", part: "ncec" }, a("div", { key: "56f468bfcd9045f260edbf5ff4d0b15b36d0b71b", class: "nylas-cancelled-event-card", part: "ncec__card" }, a("div", { key: "1ab411b7fe3a3be0acf4b1d959fd28ec008a209a", class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, a("calendar-cancel-icon", { key: "2385650a6494031b7f323c7983fc9ea889014cba" })), a("h3", { key: "0b2abe6bf9853fcda33d79b9862a4bed4a002f9e", class: "nylas-cancelled-event-card__title", part: "ncec__title" }, l.t("bookingCancelledTitle"), "!"), a("div", { key: "bffb4124594dd368cbd3889b57919738e46c9dba", class: "nylas-cancelled-event-card__description", part: "ncec__description" }, l.t("bookingCancelledMessage"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), a("div", { key: "cec5f1eadfc6fb46ab380ec62e32a7150846ae60", class: "nylas-cancelled-event-card__cta" }, a("button-component", { key: "98d546eb6b74011e65cf7853481741da1b546427", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${l.t("closingButton")}...` : `${l.t("closeButton")}`))));
|
|
542
547
|
}
|
|
543
548
|
get host() {
|
|
544
|
-
return
|
|
549
|
+
return D(this);
|
|
545
550
|
}
|
|
546
551
|
static get watchers() {
|
|
547
552
|
return {
|
|
@@ -550,7 +555,7 @@ const he = class {
|
|
|
550
555
|
}
|
|
551
556
|
};
|
|
552
557
|
$e([
|
|
553
|
-
|
|
558
|
+
S({
|
|
554
559
|
name: "nylas-cancelled-event-card",
|
|
555
560
|
stateToProps: /* @__PURE__ */ new Map([
|
|
556
561
|
["scheduler.configSettings", "configSettings"],
|
|
@@ -563,14 +568,14 @@ $e([
|
|
|
563
568
|
r && (!n || "error" in n) && r(n);
|
|
564
569
|
},
|
|
565
570
|
cancelledEventCardError: async (e, t) => {
|
|
566
|
-
|
|
571
|
+
c("nylas-cancelled-event-card", "cancelledEventCardError", e.detail);
|
|
567
572
|
}
|
|
568
573
|
},
|
|
569
574
|
fireRegisterEvent: !0
|
|
570
575
|
}),
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
576
|
+
H("design:type", Function),
|
|
577
|
+
H("design:paramtypes", []),
|
|
578
|
+
H("design:returntype", void 0)
|
|
574
579
|
], he.prototype, "render", null);
|
|
575
580
|
he.style = Oe;
|
|
576
581
|
const Me = ':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-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);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-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-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-confirmed-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%}button-component{width:100%}', Ne = Me;
|
|
@@ -579,16 +584,16 @@ var He = function(e, t, n, r) {
|
|
|
579
584
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
580
585
|
i = Reflect.decorate(e, t, n, r);
|
|
581
586
|
else
|
|
582
|
-
for (var
|
|
583
|
-
(o = e[
|
|
587
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
588
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
584
589
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
585
|
-
},
|
|
590
|
+
}, A = function(e, t) {
|
|
586
591
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
587
592
|
return Reflect.metadata(e, t);
|
|
588
593
|
};
|
|
589
594
|
const me = class {
|
|
590
595
|
constructor(e) {
|
|
591
|
-
|
|
596
|
+
x(this, e), this.closeConfirmEventCardClicked = h(this, "closeConfirmEventCardClicked", 7), this.confirmedEventCardError = h(this, "confirmedEventCardError", 7), this.handleCloseClicked = () => {
|
|
592
597
|
this.isClosing = !0;
|
|
593
598
|
const t = (n) => {
|
|
594
599
|
this.confirmedEventCardError.emit(n), this.isClosing = !1;
|
|
@@ -600,16 +605,16 @@ const me = class {
|
|
|
600
605
|
this.applyThemeConfig(e);
|
|
601
606
|
}
|
|
602
607
|
connectedCallback() {
|
|
603
|
-
|
|
608
|
+
c("[nylas-confirmed-event-card] Component connected");
|
|
604
609
|
}
|
|
605
610
|
async componentWillLoad() {
|
|
606
|
-
|
|
611
|
+
c("[nylas-confirmed-event-card] Component will load");
|
|
607
612
|
}
|
|
608
613
|
async componentDidLoad() {
|
|
609
|
-
|
|
614
|
+
c("[nylas-confirmed-event-card] Component did load"), this.confirmedEventInfo || console.warn('[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.'), this.applyThemeConfig(this.themeConfig);
|
|
610
615
|
}
|
|
611
616
|
disconnectedCallback() {
|
|
612
|
-
|
|
617
|
+
c("[nylas-confirmed-event-card] Component disconnected");
|
|
613
618
|
}
|
|
614
619
|
applyThemeConfig(e) {
|
|
615
620
|
if (e)
|
|
@@ -618,10 +623,10 @@ const me = class {
|
|
|
618
623
|
}
|
|
619
624
|
render() {
|
|
620
625
|
var e, t;
|
|
621
|
-
return a(v, { key: "
|
|
626
|
+
return a(v, { key: "d04d199ead958731939a895c53e72d59b64b9f73", part: "ncec" }, a("div", { key: "889b273f1423d1966f0b258d6358a47832c3ec81", class: "nylas-confirmed-event-card", part: "ncec__card" }, a("div", { key: "75d3ff739f4d4d8fbc64946daea394c90d48b19d", class: "nylas-confirmed-event-card__calendar-icon", part: "ncec__icon" }, a("calendar-cancel-icon", { key: "3263cdac19491c97770937e385432e5dd02281ba" })), a("h3", { key: "5598851974e0ad1f3c408fe5829bef5babc2d7bd", class: "nylas-confirmed-event-card__title", part: "ncec__title" }, l.t("confirmedEventCardTitle"), "!"), a("div", { key: "322c7bc4d0aa39b7a8ccd03583e398c01216b6a0", class: "nylas-confirmed-event-card__description", part: "ncec__description" }, l.t("confirmedEventCardDescription"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), a("div", { key: "fa773e0283bbaec2bade66ee5338150085fd8ea9", class: "nylas-confirmed-event-card__cta" }, a("button-component", { key: "e98a33dac95ef68eb46ceaed793911dc39709980", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${l.t("closingButton")}...` : `${l.t("closeButton")}`))));
|
|
622
627
|
}
|
|
623
628
|
get host() {
|
|
624
|
-
return
|
|
629
|
+
return D(this);
|
|
625
630
|
}
|
|
626
631
|
static get watchers() {
|
|
627
632
|
return {
|
|
@@ -630,7 +635,7 @@ const me = class {
|
|
|
630
635
|
}
|
|
631
636
|
};
|
|
632
637
|
He([
|
|
633
|
-
|
|
638
|
+
S({
|
|
634
639
|
name: "nylas-confirmed-event-card",
|
|
635
640
|
stateToProps: /* @__PURE__ */ new Map([
|
|
636
641
|
["scheduler.configSettings", "configSettings"],
|
|
@@ -644,76 +649,76 @@ He([
|
|
|
644
649
|
},
|
|
645
650
|
fireRegisterEvent: !0
|
|
646
651
|
}),
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
652
|
+
A("design:type", Function),
|
|
653
|
+
A("design:paramtypes", []),
|
|
654
|
+
A("design:returntype", void 0)
|
|
650
655
|
], me.prototype, "render", null);
|
|
651
656
|
me.style = Ne;
|
|
652
|
-
const
|
|
653
|
-
function
|
|
657
|
+
const q = /* @__PURE__ */ new Date(), V = /* @__PURE__ */ new Date();
|
|
658
|
+
function P(e, t, n, r) {
|
|
654
659
|
function s(i) {
|
|
655
660
|
return e(i = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+i)), i;
|
|
656
661
|
}
|
|
657
662
|
return s.floor = (i) => (e(i = /* @__PURE__ */ new Date(+i)), i), s.ceil = (i) => (e(i = new Date(i - 1)), t(i, 1), e(i), i), s.round = (i) => {
|
|
658
|
-
const o = s(i),
|
|
659
|
-
return i - o <
|
|
660
|
-
}, s.offset = (i, o) => (t(i = /* @__PURE__ */ new Date(+i), o == null ? 1 : Math.floor(o)), i), s.range = (i, o,
|
|
661
|
-
const
|
|
662
|
-
if (i = s.ceil(i),
|
|
663
|
-
return
|
|
664
|
-
let
|
|
663
|
+
const o = s(i), d = s.ceil(i);
|
|
664
|
+
return i - o < d - i ? o : d;
|
|
665
|
+
}, s.offset = (i, o) => (t(i = /* @__PURE__ */ new Date(+i), o == null ? 1 : Math.floor(o)), i), s.range = (i, o, d) => {
|
|
666
|
+
const p = [];
|
|
667
|
+
if (i = s.ceil(i), d = d == null ? 1 : Math.floor(d), !(i < o) || !(d > 0))
|
|
668
|
+
return p;
|
|
669
|
+
let m;
|
|
665
670
|
do
|
|
666
|
-
|
|
667
|
-
while (
|
|
668
|
-
return
|
|
669
|
-
}, s.filter = (i) =>
|
|
671
|
+
p.push(m = /* @__PURE__ */ new Date(+i)), t(i, d), e(i);
|
|
672
|
+
while (m < i && i < o);
|
|
673
|
+
return p;
|
|
674
|
+
}, s.filter = (i) => P((o) => {
|
|
670
675
|
if (o >= o)
|
|
671
676
|
for (; e(o), !i(o); )
|
|
672
677
|
o.setTime(o - 1);
|
|
673
|
-
}, (o,
|
|
678
|
+
}, (o, d) => {
|
|
674
679
|
if (o >= o)
|
|
675
|
-
if (
|
|
676
|
-
for (; ++
|
|
680
|
+
if (d < 0)
|
|
681
|
+
for (; ++d <= 0; )
|
|
677
682
|
for (; t(o, -1), !i(o); )
|
|
678
683
|
;
|
|
679
684
|
else
|
|
680
|
-
for (; --
|
|
685
|
+
for (; --d >= 0; )
|
|
681
686
|
for (; t(o, 1), !i(o); )
|
|
682
687
|
;
|
|
683
|
-
}), n && (s.count = (i, o) => (
|
|
688
|
+
}), n && (s.count = (i, o) => (q.setTime(+i), V.setTime(+o), e(q), e(V), Math.floor(n(q, V))), s.every = (i) => (i = Math.floor(i), !isFinite(i) || !(i > 0) ? null : i > 1 ? s.filter(r ? (o) => r(o) % i === 0 : (o) => s.count(0, o) % i === 0) : s)), s;
|
|
684
689
|
}
|
|
685
|
-
const Ae = 1e3, be = Ae * 60, qe = be * 60,
|
|
690
|
+
const Ae = 1e3, be = Ae * 60, qe = be * 60, F = qe * 24, Z = P(
|
|
686
691
|
(e) => e.setHours(0, 0, 0, 0),
|
|
687
692
|
(e, t) => e.setDate(e.getDate() + t),
|
|
688
|
-
(e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) * be) /
|
|
693
|
+
(e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) * be) / F,
|
|
689
694
|
(e) => e.getDate() - 1
|
|
690
695
|
);
|
|
691
|
-
|
|
696
|
+
P((e) => {
|
|
692
697
|
e.setUTCHours(0, 0, 0, 0);
|
|
693
698
|
}, (e, t) => {
|
|
694
699
|
e.setUTCDate(e.getUTCDate() + t);
|
|
695
|
-
}, (e, t) => (t - e) /
|
|
696
|
-
|
|
700
|
+
}, (e, t) => (t - e) / F, (e) => e.getUTCDate() - 1);
|
|
701
|
+
P((e) => {
|
|
697
702
|
e.setUTCHours(0, 0, 0, 0);
|
|
698
703
|
}, (e, t) => {
|
|
699
704
|
e.setUTCDate(e.getUTCDate() + t);
|
|
700
|
-
}, (e, t) => (t - e) /
|
|
705
|
+
}, (e, t) => (t - e) / F, (e) => Math.floor(e / F));
|
|
701
706
|
const Ve = ':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:24px}.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)}', Ze = Ve;
|
|
702
707
|
var Ge = function(e, t, n, r) {
|
|
703
708
|
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
704
709
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
705
710
|
i = Reflect.decorate(e, t, n, r);
|
|
706
711
|
else
|
|
707
|
-
for (var
|
|
708
|
-
(o = e[
|
|
712
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
713
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
709
714
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
710
|
-
},
|
|
715
|
+
}, G = function(e, t) {
|
|
711
716
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
712
717
|
return Reflect.metadata(e, t);
|
|
713
718
|
};
|
|
714
|
-
const
|
|
719
|
+
const pe = class {
|
|
715
720
|
constructor(e) {
|
|
716
|
-
|
|
721
|
+
x(this, e), this.dateSelected = h(this, "dateSelected", 7), this.monthChanged = h(this, "monthChanged", 7), this.selectableDates = void 0, this.configSettings = void 0, this.themeConfig = void 0, this.selectedDate = void 0, this.selectedLanguage = void 0, this.isLoading = void 0, this.eventDuration = void 0, this.month = this.selectedDate || /* @__PURE__ */ new Date(), this.dates = this.getDates(), this.disableNextMonthButton = !1;
|
|
717
722
|
}
|
|
718
723
|
configSettingsChanged(e) {
|
|
719
724
|
var s;
|
|
@@ -735,7 +740,7 @@ const ge = class {
|
|
|
735
740
|
componentWillLoad() {
|
|
736
741
|
}
|
|
737
742
|
componentDidLoad() {
|
|
738
|
-
|
|
743
|
+
c("[nylas-date-picker] Component did load"), this.applyThemeConfig(this.themeConfig);
|
|
739
744
|
}
|
|
740
745
|
applyThemeConfig(e) {
|
|
741
746
|
if (e)
|
|
@@ -744,7 +749,7 @@ const ge = class {
|
|
|
744
749
|
}
|
|
745
750
|
getDates() {
|
|
746
751
|
const e = Ce(this.month), t = _e(this.month);
|
|
747
|
-
return
|
|
752
|
+
return Z.range(Z.offset(t, -t.getDay()), Z.offset(e, 7 - e.getDay()));
|
|
748
753
|
}
|
|
749
754
|
selectDate(e) {
|
|
750
755
|
this.dateSelected.emit(e);
|
|
@@ -756,10 +761,10 @@ const ge = class {
|
|
|
756
761
|
oe(/* @__PURE__ */ new Date(), n).getTime() < t.getTime() ? this.disableNextMonthButton = !0 : this.disableNextMonthButton = !1, this.dates = this.getDates(), this.monthChanged.emit(this.month);
|
|
757
762
|
}
|
|
758
763
|
isSelected(e, t, n) {
|
|
759
|
-
return e && t &&
|
|
764
|
+
return e && t && L(e, t) && n && (n == null ? void 0 : n.length) > 0;
|
|
760
765
|
}
|
|
761
766
|
isDisabled(e, t) {
|
|
762
|
-
return e && (t == null ? void 0 : t.find((n) =>
|
|
767
|
+
return e && (t == null ? void 0 : t.find((n) => L(n, e))) === void 0;
|
|
763
768
|
}
|
|
764
769
|
render() {
|
|
765
770
|
var e, t, n, r, s, i;
|
|
@@ -771,22 +776,22 @@ const ge = class {
|
|
|
771
776
|
l.t("days.thursday"),
|
|
772
777
|
l.t("days.friday"),
|
|
773
778
|
l.t("days.saturday")
|
|
774
|
-
].map((o) => a("div", { class: "day", part: "ndp__day" }, o)), this.dates.map((o,
|
|
775
|
-
var
|
|
776
|
-
const
|
|
779
|
+
].map((o) => a("div", { class: "day", part: "ndp__day" }, o)), this.dates.map((o, d) => {
|
|
780
|
+
var m;
|
|
781
|
+
const p = this.isDisabled(o, this.selectableDates);
|
|
777
782
|
return this.isLoading ? a("button", { disabled: !0, class: {
|
|
778
783
|
"date day-skeleton": !0,
|
|
779
|
-
"current-month":
|
|
780
|
-
}, style: { animationDelay: `${
|
|
784
|
+
"current-month": O(o, this.month)
|
|
785
|
+
}, style: { animationDelay: `${d * 20}ms` }, part: "ndp__date ndp__date--disabled" }, o.getDate()) : a("button", { class: {
|
|
781
786
|
date: !0,
|
|
782
|
-
selected: !!(this.selectedDate &&
|
|
783
|
-
"current-day":
|
|
784
|
-
"current-month":
|
|
785
|
-
}, "aria-label": o.toLocaleDateString(void 0, { dateStyle: "full" }), disabled:
|
|
787
|
+
selected: !!(this.selectedDate && L(o, this.selectedDate) && this.selectableDates && ((m = this.selectableDates) == null ? void 0 : m.length) > 0),
|
|
788
|
+
"current-day": L(o, /* @__PURE__ */ new Date()),
|
|
789
|
+
"current-month": O(o, this.month)
|
|
790
|
+
}, "aria-label": o.toLocaleDateString(void 0, { dateStyle: "full" }), disabled: p, onClick: () => this.selectDate(o), part: `ndp__date ${this.isSelected(o, this.selectedDate, this.selectableDates) ? "ndp__date--selected" : ""} ${L(o, /* @__PURE__ */ new Date()) ? "ndp__date--current-day" : ""} ${O(o, this.month) ? "ndp__date--current-month" : ""}` }, o.getDate());
|
|
786
791
|
}))));
|
|
787
792
|
}
|
|
788
793
|
get host() {
|
|
789
|
-
return
|
|
794
|
+
return D(this);
|
|
790
795
|
}
|
|
791
796
|
static get watchers() {
|
|
792
797
|
return {
|
|
@@ -797,7 +802,7 @@ const ge = class {
|
|
|
797
802
|
}
|
|
798
803
|
};
|
|
799
804
|
Ge([
|
|
800
|
-
|
|
805
|
+
S({
|
|
801
806
|
name: "nylas-date-picker",
|
|
802
807
|
stateToProps: /* @__PURE__ */ new Map([
|
|
803
808
|
["scheduler.selectableDates", "selectableDates"],
|
|
@@ -810,35 +815,35 @@ Ge([
|
|
|
810
815
|
]),
|
|
811
816
|
eventToProps: {
|
|
812
817
|
dateSelected: async (e, t) => {
|
|
813
|
-
|
|
818
|
+
c("nylas-date-picker", "dateSelected", e.detail), t.scheduler.selectDate(e.detail);
|
|
814
819
|
},
|
|
815
820
|
monthChanged: async (e, t) => {
|
|
816
|
-
|
|
821
|
+
c("nylas-date-picker", "monthChanged", e.detail);
|
|
817
822
|
}
|
|
818
823
|
},
|
|
819
824
|
fireRegisterEvent: !0
|
|
820
825
|
}),
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
],
|
|
825
|
-
|
|
826
|
+
G("design:type", Function),
|
|
827
|
+
G("design:paramtypes", []),
|
|
828
|
+
G("design:returntype", void 0)
|
|
829
|
+
], pe.prototype, "render", null);
|
|
830
|
+
pe.style = Ze;
|
|
826
831
|
const We = ':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;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}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){border:none;padding:10px}select-dropdown::part(sd_dropdown-content){max-width:306px}', Ue = We;
|
|
827
832
|
var Xe = function(e, t, n, r) {
|
|
828
833
|
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
829
834
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
830
835
|
i = Reflect.decorate(e, t, n, r);
|
|
831
836
|
else
|
|
832
|
-
for (var
|
|
833
|
-
(o = e[
|
|
837
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
838
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
834
839
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
835
|
-
},
|
|
840
|
+
}, W = function(e, t) {
|
|
836
841
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
837
842
|
return Reflect.metadata(e, t);
|
|
838
843
|
};
|
|
839
|
-
const
|
|
844
|
+
const ge = class {
|
|
840
845
|
constructor(e) {
|
|
841
|
-
|
|
846
|
+
x(this, e), this.timezoneChanged = h(this, "timezoneChanged", 7), this.languageChanged = h(this, "languageChanged", 7), this.themeConfig = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedLanguage = navigator.language;
|
|
842
847
|
}
|
|
843
848
|
themeConfigChanged(e) {
|
|
844
849
|
this.applyThemeConfig(e);
|
|
@@ -850,7 +855,7 @@ const pe = class {
|
|
|
850
855
|
componentWillLoad() {
|
|
851
856
|
}
|
|
852
857
|
componentDidLoad() {
|
|
853
|
-
|
|
858
|
+
c("[nylas-locale-switch] Component did load"), this.applyThemeConfig(this.themeConfig);
|
|
854
859
|
}
|
|
855
860
|
applyThemeConfig(e) {
|
|
856
861
|
if (e)
|
|
@@ -874,16 +879,16 @@ const pe = class {
|
|
|
874
879
|
alignItems: "center",
|
|
875
880
|
justifyContent: "space-between",
|
|
876
881
|
width: "-webkit-fill-available"
|
|
877
|
-
} },
|
|
882
|
+
} }, j[e], " ", a("span", { class: "timezone-offset", style: {
|
|
878
883
|
fontSize: "14px",
|
|
879
884
|
fontWeight: "400",
|
|
880
885
|
color: "var(--nylas-base-500)"
|
|
881
886
|
} }, t));
|
|
882
887
|
}
|
|
883
888
|
render() {
|
|
884
|
-
const e = Object.keys(
|
|
889
|
+
const e = Object.keys(j).map((n) => ({
|
|
885
890
|
labelHTML: this.getTimezoneLabelHTML(n),
|
|
886
|
-
label:
|
|
891
|
+
label: j[n],
|
|
887
892
|
value: n
|
|
888
893
|
})), t = Object.keys(se).map((n) => ({
|
|
889
894
|
label: se[n],
|
|
@@ -898,7 +903,7 @@ const pe = class {
|
|
|
898
903
|
}, part: "nls__language" }, a("select-dropdown", { key: "11d162780880afa654e46d32640e79461dabddad", name: "language", options: t, defaultSelectedOption: t.find((n) => n.value == this.selectedLanguage), exportparts: "sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label" }, a("span", { key: "b534eee8b7687c103c5d54b620c7d4c1b2199633", slot: "select-icon" }, a("translate-icon", { key: "774adc9377369bcff49f7e9e1acef51f12f89a8d", width: "20", height: "20" }))))));
|
|
899
904
|
}
|
|
900
905
|
get host() {
|
|
901
|
-
return
|
|
906
|
+
return D(this);
|
|
902
907
|
}
|
|
903
908
|
static get watchers() {
|
|
904
909
|
return {
|
|
@@ -907,7 +912,7 @@ const pe = class {
|
|
|
907
912
|
}
|
|
908
913
|
};
|
|
909
914
|
Xe([
|
|
910
|
-
|
|
915
|
+
S({
|
|
911
916
|
name: "nylas-locale-switch",
|
|
912
917
|
stateToProps: /* @__PURE__ */ new Map([
|
|
913
918
|
["scheduler.selectedLanguage", "selectedLanguage"],
|
|
@@ -916,22 +921,22 @@ Xe([
|
|
|
916
921
|
]),
|
|
917
922
|
eventToProps: {
|
|
918
923
|
timezoneChanged: async (e, t) => {
|
|
919
|
-
|
|
924
|
+
c("nylas-locale-switch", "timezoneChanged", e.detail), t.scheduler.selectTimezone(e.detail);
|
|
920
925
|
},
|
|
921
926
|
languageChanged: async (e, t) => {
|
|
922
|
-
|
|
927
|
+
c("nylas-locale-switch", "languageChanged", e.detail), t.scheduler.selectLanguage(e.detail);
|
|
923
928
|
}
|
|
924
929
|
},
|
|
925
930
|
fireRegisterEvent: !0
|
|
926
931
|
}),
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
],
|
|
931
|
-
|
|
932
|
+
W("design:type", Function),
|
|
933
|
+
W("design:paramtypes", []),
|
|
934
|
+
W("design:returntype", void 0)
|
|
935
|
+
], ge.prototype, "render", null);
|
|
936
|
+
ge.style = Ue;
|
|
932
937
|
const Ye = ".sc-nylas-logo-h{display:flex}", Je = Ye, Ke = class {
|
|
933
938
|
constructor(e) {
|
|
934
|
-
|
|
939
|
+
x(this, e), this.width = "69", this.height = "24";
|
|
935
940
|
}
|
|
936
941
|
render() {
|
|
937
942
|
return a("svg", { key: "12dffc0c444183dfd3bb8593076a6b022de4654b", width: this.width, height: this.height, viewBox: "0 0 69 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("g", { key: "89545db6a2731faffdf62b9f0826211c9827af35", "clip-path": "url(#clip0_455_3543)" }, a("path", { key: "bc169c74819239b2c40b3730a445f45d1a16f445", 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: "456cd298652217764f8486bca01860c4f1132e58", 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: "99e86fdeed7fd4e6440e749884432df26dfe1d37", 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: "68231e9e8a5f86804d3590ca240bcaf362df1fa6", 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: "80b2550211f60e218c5f52f975a060e3ac4ea84a", 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: "b5db41daab85f0ffd7738f492ede6189237b7d5f", 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: "9fc6c3fe5eb5f86e4e53126c98958f36a128030f", 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: "dcbcc1f9ad3d20c137644553a90ec0afc7f6bdf9", 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: "569df0349b4a24ea2d0a0bee9788b0b8911dcf39" }, a("clipPath", { key: "7a24bd2f656eba24c53b46b1b65b6ae5ea11c378", id: "clip0_455_3543" }, a("rect", { key: "60a57936d17acf21b9c58a177f17f3ce3fede7f1", width: "68.7123", height: "19.2877", fill: "white", transform: "translate(0.144043 0.356201)" }))));
|
|
@@ -940,19 +945,19 @@ const Ye = ".sc-nylas-logo-h{display:flex}", Je = Ye, Ke = class {
|
|
|
940
945
|
Ke.style = Je;
|
|
941
946
|
const Qe = ':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}', et = Qe, tt = class {
|
|
942
947
|
constructor(e) {
|
|
943
|
-
|
|
948
|
+
x(this, e), this.ttl = 5e3, this.allowedCategories = ["component", "api", "validation", "invalid_session"], this.notifications = [];
|
|
944
949
|
}
|
|
945
950
|
onError(e) {
|
|
946
|
-
|
|
951
|
+
c(`[nylas-notification] Error: ${e.detail.notification.title}`), this.handleNotification(e);
|
|
947
952
|
}
|
|
948
953
|
onWarning(e) {
|
|
949
|
-
|
|
954
|
+
c(`[nylas-notification] Warning: ${e.detail.notification.title}`), this.handleNotification(e);
|
|
950
955
|
}
|
|
951
956
|
onInfo(e) {
|
|
952
|
-
|
|
957
|
+
c(`[nylas-notification] Info: ${e.detail.notification.title}`), this.handleNotification(e);
|
|
953
958
|
}
|
|
954
959
|
onSuccess(e) {
|
|
955
|
-
|
|
960
|
+
c(`[nylas-notification] Success: ${e.detail.notification.title}`), this.handleNotification(e);
|
|
956
961
|
}
|
|
957
962
|
isChildOf(e) {
|
|
958
963
|
let t = this.host.parentNode;
|
|
@@ -966,19 +971,19 @@ const Qe = ':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas
|
|
|
966
971
|
handleNotification(e) {
|
|
967
972
|
const t = e.detail.host;
|
|
968
973
|
if (e.defaultPrevented) {
|
|
969
|
-
|
|
974
|
+
c("[nylas-notification] Event default prevented");
|
|
970
975
|
return;
|
|
971
976
|
}
|
|
972
977
|
if (t && !this.isChildOf(t)) {
|
|
973
|
-
|
|
978
|
+
c("[nylas-notification] Host not a parent");
|
|
974
979
|
return;
|
|
975
980
|
}
|
|
976
981
|
if (this.ttl === 0) {
|
|
977
|
-
|
|
982
|
+
c("[nylas-notification] TTL is 0");
|
|
978
983
|
return;
|
|
979
984
|
}
|
|
980
985
|
if (this.allowedCategories.length > 0 && !this.allowedCategories.includes(e.detail.notification.category)) {
|
|
981
|
-
|
|
986
|
+
c("[nylas-notification] Category not allowed");
|
|
982
987
|
return;
|
|
983
988
|
}
|
|
984
989
|
if (this.notifications = [...this.notifications, { ...e.detail.notification }], e.detail.notification.ttl !== "none") {
|
|
@@ -992,10 +997,10 @@ const Qe = ':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas
|
|
|
992
997
|
this.notifications = this.notifications.filter((t) => t.id !== e);
|
|
993
998
|
}
|
|
994
999
|
render() {
|
|
995
|
-
return a(v, { key: "
|
|
1000
|
+
return a(v, { key: "82c432ab736b1e268b4ad7716892ded7f44fb020" }, a(Te, { key: "934128c336bb0a350e7f4387da83ed336614dcdb" }, 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: "fabdf8c7c6f66de45dd4dac06d49685450e7edc1" })));
|
|
996
1001
|
}
|
|
997
1002
|
get host() {
|
|
998
|
-
return
|
|
1003
|
+
return D(this);
|
|
999
1004
|
}
|
|
1000
1005
|
};
|
|
1001
1006
|
tt.style = et;
|
|
@@ -1005,16 +1010,16 @@ var it = function(e, t, n, r) {
|
|
|
1005
1010
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1006
1011
|
i = Reflect.decorate(e, t, n, r);
|
|
1007
1012
|
else
|
|
1008
|
-
for (var
|
|
1009
|
-
(o = e[
|
|
1013
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1014
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
1010
1015
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
1011
|
-
},
|
|
1016
|
+
}, U = function(e, t) {
|
|
1012
1017
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1013
1018
|
return Reflect.metadata(e, t);
|
|
1014
1019
|
};
|
|
1015
1020
|
const ue = class {
|
|
1016
1021
|
constructor(e) {
|
|
1017
|
-
|
|
1022
|
+
x(this, e), this.rejectBookingButtonClicked = h(this, "rejectBookingButtonClicked", 7), this.confirmBookingButtonClicked = h(this, "confirmBookingButtonClicked", 7), this.confirmBookingError = h(this, "confirmBookingError", 7), this.handleConfirmBookingButtonClicked = () => {
|
|
1018
1023
|
this.action = "confirm";
|
|
1019
1024
|
const t = (n) => {
|
|
1020
1025
|
this.confirmBookingError.emit(n);
|
|
@@ -1032,10 +1037,10 @@ const ue = class {
|
|
|
1032
1037
|
disconnectedCallback() {
|
|
1033
1038
|
}
|
|
1034
1039
|
async componentWillLoad() {
|
|
1035
|
-
|
|
1040
|
+
c("[nylas-organizer-confirmation-card] Component will load");
|
|
1036
1041
|
}
|
|
1037
1042
|
async componentDidLoad() {
|
|
1038
|
-
|
|
1043
|
+
c("[nylas-organizer-confirmation-card] Component did load"), this.applyThemeConfig(this.themeConfig);
|
|
1039
1044
|
}
|
|
1040
1045
|
applyThemeConfig(e) {
|
|
1041
1046
|
if (e)
|
|
@@ -1046,15 +1051,15 @@ const ue = class {
|
|
|
1046
1051
|
this.action = null;
|
|
1047
1052
|
}
|
|
1048
1053
|
render() {
|
|
1049
|
-
var e, t, n, r, s, i, o,
|
|
1050
|
-
return a(v, { key: "
|
|
1054
|
+
var e, t, n, r, s, i, o, d, p, m, y, k;
|
|
1055
|
+
return a(v, { key: "d63c1735d549e11d475d766532c88f09266c2ce9", part: "nmcc" }, a("div", { key: "4483001de670f5de865494dcd058b7db04d90990", class: "event-card-wrapper", part: "nmccc__card" }, a("div", { key: "b89e97cc68f233c1fde366f1d6fdd1a810fb639a", class: "calendar-icon" }, a("calendar-check-icon", { key: "7f3bfa63b5cb20e82a8709c172a9dd1a97538f88" })), a("div", { key: "39cf40798b1458b7aea740acf8406bc7d4297d11", class: "booked-event-header" }, a("h2", { key: "75c57ce1695e04264a23e9e80c11f1f7be80bccd", slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${l.t("bookingPendingTitle")}!`)), a("div", { key: "5a60299f2041b7dde33f177fd5b954518146d068", class: "manage-booking-description" }, a("p", { key: "c3f93b40c8cddd87be6e6100080f7da04e253138" }, l.t("bookingPendingnDescription"))), a("div", { key: "9c3784baea0372c1bcbd2b316ba4e9c0fce5f45e", class: {
|
|
1051
1056
|
footer: !0,
|
|
1052
1057
|
"no-footer": ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.hide_cancellation_options) && ((r = (n = this.configSettings) == null ? void 0 : n.scheduler) == null ? void 0 : r.hide_rescheduling_options),
|
|
1053
|
-
"no-template-cols": ((i = (s = this.configSettings) == null ? void 0 : s.scheduler) == null ? void 0 : i.hide_cancellation_options) || ((
|
|
1054
|
-
} }, !((
|
|
1058
|
+
"no-template-cols": ((i = (s = this.configSettings) == null ? void 0 : s.scheduler) == null ? void 0 : i.hide_cancellation_options) || ((d = (o = this.configSettings) == null ? void 0 : o.scheduler) == null ? void 0 : d.hide_rescheduling_options)
|
|
1059
|
+
} }, !((m = (p = this.configSettings) == null ? void 0 : p.scheduler) != null && m.hide_cancellation_options) && a("button-component", { variant: "destructive", onClick: this.handleRejectBookingButtonClicked, isLoading: this.isLoading && this.action === "reject", part: "nmcc__button-outline nmcc__cancel-cta" }, `${l.t("rejectBookingButton")}`), !((k = (y = this.configSettings) == null ? void 0 : y.scheduler) != null && k.hide_rescheduling_options) && a("button-component", { variant: "basic", onClick: this.handleConfirmBookingButtonClicked, isLoading: this.isLoading && this.action === "confirm", part: "nmcc__button-outline nmcc__reschedule-cta" }, `${l.t("confirmBookingButton")}`))));
|
|
1055
1060
|
}
|
|
1056
1061
|
get host() {
|
|
1057
|
-
return
|
|
1062
|
+
return D(this);
|
|
1058
1063
|
}
|
|
1059
1064
|
static get watchers() {
|
|
1060
1065
|
return {
|
|
@@ -1063,7 +1068,7 @@ const ue = class {
|
|
|
1063
1068
|
}
|
|
1064
1069
|
};
|
|
1065
1070
|
it([
|
|
1066
|
-
|
|
1071
|
+
S({
|
|
1067
1072
|
name: "nylas-organizer-confirmation-card",
|
|
1068
1073
|
stateToProps: /* @__PURE__ */ new Map([
|
|
1069
1074
|
["scheduler.organizerConfirmationBookingId", "organizerConfirmationBookingId"],
|
|
@@ -1086,9 +1091,9 @@ it([
|
|
|
1086
1091
|
},
|
|
1087
1092
|
fireRegisterEvent: !0
|
|
1088
1093
|
}),
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1094
|
+
U("design:type", Function),
|
|
1095
|
+
U("design:paramtypes", []),
|
|
1096
|
+
U("design:returntype", void 0)
|
|
1092
1097
|
], ue.prototype, "render", null);
|
|
1093
1098
|
ue.style = at;
|
|
1094
1099
|
const ot = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:block;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: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}}', st = ot;
|
|
@@ -1097,16 +1102,16 @@ var rt = function(e, t, n, r) {
|
|
|
1097
1102
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1098
1103
|
i = Reflect.decorate(e, t, n, r);
|
|
1099
1104
|
else
|
|
1100
|
-
for (var
|
|
1101
|
-
(o = e[
|
|
1105
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1106
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
1102
1107
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
1103
|
-
},
|
|
1108
|
+
}, X = function(e, t) {
|
|
1104
1109
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1105
1110
|
return Reflect.metadata(e, t);
|
|
1106
1111
|
};
|
|
1107
1112
|
const ye = class {
|
|
1108
1113
|
constructor(e) {
|
|
1109
|
-
|
|
1114
|
+
x(this, e), this.themeConfig = void 0, this.selectedDate = void 0, this.selectedTimeslot = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedLanguage = void 0, this.startTime = "", this.endTime = "";
|
|
1110
1115
|
}
|
|
1111
1116
|
themeConfigChanged(e) {
|
|
1112
1117
|
this.applyThemeConfig(e);
|
|
@@ -1116,11 +1121,11 @@ const ye = class {
|
|
|
1116
1121
|
disconnectedCallback() {
|
|
1117
1122
|
}
|
|
1118
1123
|
async componentWillLoad() {
|
|
1119
|
-
|
|
1124
|
+
c("[nylas-selected-event-card] Component will load");
|
|
1120
1125
|
}
|
|
1121
1126
|
async componentDidLoad() {
|
|
1122
1127
|
var t, n;
|
|
1123
|
-
|
|
1128
|
+
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.'), this.applyThemeConfig(this.themeConfig);
|
|
1124
1129
|
const e = new Intl.DateTimeFormat("en-US", {
|
|
1125
1130
|
hour: "2-digit",
|
|
1126
1131
|
minute: "2-digit",
|
|
@@ -1135,10 +1140,10 @@ const ye = class {
|
|
|
1135
1140
|
}
|
|
1136
1141
|
render() {
|
|
1137
1142
|
var e;
|
|
1138
|
-
return a(v, { key: "e03c7985396173ef1d2bb0ba02ea88e958811a35", part: "nsec" }, a("div", { key: "017d6ce8fc92ef11070d94038e80095acbd90f29", class: "event-card", part: "nsec__card" }, a("div", { key: "b475d6d8481d4e85a383822ed34139a2838a686c", class: "calendar-icon", part: "nsec__icon" }, a("calendar-icon", { key: "83df23c0d499b2932c84175c45c05bb589294f74" })), a("div", { key: "e11fe3c83e6cf3fa926ec3b7e0e381625cb98b0f", class: "nylas-selected-event-card__date", part: "nsec__date" }, this.selectedDate ? re((e = this.selectedDate) == null ? void 0 : e.toLocaleDateString(le[this.selectedLanguage || navigator.language], { dateStyle: "full", timeZone: this.selectedTimezone })) : "-"), a("div", { key: "ed9773f2567782ab354ffe28fbbc365d3d2effa5", class: "nylas-selected-event-card__time", part: "nsec__time" }, this.startTime, " - ", this.endTime)), a("div", { key: "16389c36fe0ab7c55e5f71ab22ad8576dc509cae", class: "event-timezone", part: "nsec__timezone" }, a("globe-icon", { key: "2c6d9e03e0687a5912e1f674c08c19b6e612e90a" }),
|
|
1143
|
+
return a(v, { key: "e03c7985396173ef1d2bb0ba02ea88e958811a35", part: "nsec" }, a("div", { key: "017d6ce8fc92ef11070d94038e80095acbd90f29", class: "event-card", part: "nsec__card" }, a("div", { key: "b475d6d8481d4e85a383822ed34139a2838a686c", class: "calendar-icon", part: "nsec__icon" }, a("calendar-icon", { key: "83df23c0d499b2932c84175c45c05bb589294f74" })), a("div", { key: "e11fe3c83e6cf3fa926ec3b7e0e381625cb98b0f", class: "nylas-selected-event-card__date", part: "nsec__date" }, this.selectedDate ? re((e = this.selectedDate) == null ? void 0 : e.toLocaleDateString(le[this.selectedLanguage || navigator.language], { dateStyle: "full", timeZone: this.selectedTimezone })) : "-"), a("div", { key: "ed9773f2567782ab354ffe28fbbc365d3d2effa5", class: "nylas-selected-event-card__time", part: "nsec__time" }, this.startTime, " - ", this.endTime)), a("div", { key: "16389c36fe0ab7c55e5f71ab22ad8576dc509cae", class: "event-timezone", part: "nsec__timezone" }, a("globe-icon", { key: "2c6d9e03e0687a5912e1f674c08c19b6e612e90a" }), j[this.selectedTimezone]));
|
|
1139
1144
|
}
|
|
1140
1145
|
get host() {
|
|
1141
|
-
return
|
|
1146
|
+
return D(this);
|
|
1142
1147
|
}
|
|
1143
1148
|
static get watchers() {
|
|
1144
1149
|
return {
|
|
@@ -1147,7 +1152,7 @@ const ye = class {
|
|
|
1147
1152
|
}
|
|
1148
1153
|
};
|
|
1149
1154
|
rt([
|
|
1150
|
-
|
|
1155
|
+
S({
|
|
1151
1156
|
name: "nylas-selected-event-card",
|
|
1152
1157
|
stateToProps: /* @__PURE__ */ new Map([
|
|
1153
1158
|
["scheduler.selectedDate", "selectedDate"],
|
|
@@ -1159,28 +1164,28 @@ rt([
|
|
|
1159
1164
|
eventToProps: {},
|
|
1160
1165
|
fireRegisterEvent: !0
|
|
1161
1166
|
}),
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1167
|
+
X("design:type", Function),
|
|
1168
|
+
X("design:paramtypes", []),
|
|
1169
|
+
X("design:returntype", void 0)
|
|
1165
1170
|
], ye.prototype, "render", null);
|
|
1166
1171
|
ye.style = st;
|
|
1167
|
-
const lt = ':host{display:block;height:calc(100% - 48px);--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}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.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 .timeslot-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:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}',
|
|
1168
|
-
var
|
|
1172
|
+
const lt = ':host{display:block;height:calc(100% - 48px);--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}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.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 .timeslot-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:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}', dt = lt;
|
|
1173
|
+
var ct = function(e, t, n, r) {
|
|
1169
1174
|
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
1170
1175
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1171
1176
|
i = Reflect.decorate(e, t, n, r);
|
|
1172
1177
|
else
|
|
1173
|
-
for (var
|
|
1174
|
-
(o = e[
|
|
1178
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1179
|
+
(o = e[d]) && (i = (s < 3 ? o(i) : s > 3 ? o(t, n, i) : o(t, n)) || i);
|
|
1175
1180
|
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
1176
|
-
},
|
|
1181
|
+
}, Y = function(e, t) {
|
|
1177
1182
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1178
1183
|
return Reflect.metadata(e, t);
|
|
1179
1184
|
};
|
|
1180
1185
|
const ve = class {
|
|
1181
1186
|
constructor(e) {
|
|
1182
|
-
|
|
1183
|
-
t.preventDefault(),
|
|
1187
|
+
x(this, e), this.timeslotSelected = h(this, "timeslotSelected", 7), this.timeslotConfirmed = h(this, "timeslotConfirmed", 7), this.handleConfirmedTimeslot = async (t, n) => {
|
|
1188
|
+
t.preventDefault(), c("[nylas-timeslot-picker] Confirm timeslot", n), this.timeslotConfirmed.emit(n);
|
|
1184
1189
|
}, this.handleMouseEnter = (t) => {
|
|
1185
1190
|
this.hoveredTimeslotIndex = t;
|
|
1186
1191
|
}, this.handleMouseLeave = () => {
|
|
@@ -1192,14 +1197,14 @@ const ve = class {
|
|
|
1192
1197
|
}
|
|
1193
1198
|
selectedDateChanged(e) {
|
|
1194
1199
|
var t;
|
|
1195
|
-
if (
|
|
1196
|
-
const n = (t = this.availability) == null ? void 0 : t.filter((r) =>
|
|
1200
|
+
if (c("[nylas-timeslot-picker] Selected date changed", { newVal: e }), e && (this.selectedTimeslotIndex = "", typeof e < "u")) {
|
|
1201
|
+
const n = (t = this.availability) == null ? void 0 : t.filter((r) => L(r.start_time, e)).map((r) => r);
|
|
1197
1202
|
this.times = n || [];
|
|
1198
1203
|
}
|
|
1199
1204
|
}
|
|
1200
1205
|
availabilityChanged(e) {
|
|
1201
|
-
if (
|
|
1202
|
-
const t = e == null ? void 0 : e.filter((n) => this.selectedDate &&
|
|
1206
|
+
if (c("[nylas-timeslot-picker] Available times changed", { newVal: e, selectedDate: this.selectedDate }), typeof e < "u") {
|
|
1207
|
+
const t = e == null ? void 0 : e.filter((n) => this.selectedDate && L(n.start_time, this.selectedDate)).map((n) => n);
|
|
1203
1208
|
this.times = t || [];
|
|
1204
1209
|
}
|
|
1205
1210
|
}
|
|
@@ -1211,12 +1216,12 @@ const ve = class {
|
|
|
1211
1216
|
disconnectedCallback() {
|
|
1212
1217
|
}
|
|
1213
1218
|
async componentWillLoad() {
|
|
1214
|
-
|
|
1219
|
+
c("[nylas-timeslot-picker] Component will load", { selectedDate: this.selectedDate, availability: this.availability, times: this.times });
|
|
1215
1220
|
}
|
|
1216
1221
|
async componentDidLoad() {
|
|
1217
1222
|
var t;
|
|
1218
|
-
|
|
1219
|
-
const e = (t = this.availability) == null ? void 0 : t.filter((n) => this.selectedDate &&
|
|
1223
|
+
c("[nylas-timeslot-picker] Component did load");
|
|
1224
|
+
const e = (t = this.availability) == null ? void 0 : t.filter((n) => this.selectedDate && L(n.start_time, this.selectedDate)).map((n) => n);
|
|
1220
1225
|
this.times = e || [], this.applyThemeConfig(this.themeConfig);
|
|
1221
1226
|
}
|
|
1222
1227
|
applyThemeConfig(e) {
|
|
@@ -1228,7 +1233,7 @@ const ve = class {
|
|
|
1228
1233
|
return `${e.toLocaleDateString()}-${t}`;
|
|
1229
1234
|
}
|
|
1230
1235
|
onClickSelectTime(e, t) {
|
|
1231
|
-
|
|
1236
|
+
c("[nylas-timeslot-picker] Time selected", e, t), this.selectedTimeslotIndex = this.getTimeslotId(e.start_time, t), this.timeslotSelected.emit({
|
|
1232
1237
|
start_time: e.start_time,
|
|
1233
1238
|
end_time: e.end_time,
|
|
1234
1239
|
emails: e.emails
|
|
@@ -1252,7 +1257,7 @@ const ve = class {
|
|
|
1252
1257
|
})), this.selectedTimeslot && a("div", { class: "footer" }, a("button-component", { variant: "primary", onClick: (e) => this.handleConfirmedTimeslot(e, this.selectedTimeslot), part: "ntp__button-primary" }, a("slot", { name: "timeslot-picker-cta-label" }, l.t("nextButton")))))) : a(v, null);
|
|
1253
1258
|
}
|
|
1254
1259
|
get host() {
|
|
1255
|
-
return
|
|
1260
|
+
return D(this);
|
|
1256
1261
|
}
|
|
1257
1262
|
static get watchers() {
|
|
1258
1263
|
return {
|
|
@@ -1263,8 +1268,8 @@ const ve = class {
|
|
|
1263
1268
|
};
|
|
1264
1269
|
}
|
|
1265
1270
|
};
|
|
1266
|
-
|
|
1267
|
-
|
|
1271
|
+
ct([
|
|
1272
|
+
S({
|
|
1268
1273
|
name: "nylas-timeslot-picker",
|
|
1269
1274
|
stateToProps: /* @__PURE__ */ new Map([
|
|
1270
1275
|
["scheduler.selectedDate", "selectedDate"],
|
|
@@ -1277,27 +1282,27 @@ dt([
|
|
|
1277
1282
|
]),
|
|
1278
1283
|
eventToProps: {
|
|
1279
1284
|
timeslotSelected: async (e, t) => {
|
|
1280
|
-
|
|
1285
|
+
c("nylas-timeslot-picker", "timeslotSelected", e.detail), t.scheduler.selectTime(e.detail);
|
|
1281
1286
|
},
|
|
1282
1287
|
timeslotConfirmed: async (e, t) => {
|
|
1283
|
-
|
|
1288
|
+
c("nylas-timeslot-picker", "timeslotConfirmed", e.detail), e.detail && t.scheduler.toggleAdditionalData(!0);
|
|
1284
1289
|
}
|
|
1285
1290
|
},
|
|
1286
1291
|
fireRegisterEvent: !0
|
|
1287
1292
|
}),
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1293
|
+
Y("design:type", Function),
|
|
1294
|
+
Y("design:paramtypes", []),
|
|
1295
|
+
Y("design:returntype", void 0)
|
|
1291
1296
|
], ve.prototype, "render", null);
|
|
1292
|
-
ve.style =
|
|
1297
|
+
ve.style = dt;
|
|
1293
1298
|
export {
|
|
1294
|
-
|
|
1295
|
-
|
|
1299
|
+
de as nylas_booked_event_card,
|
|
1300
|
+
ce as nylas_booking_form,
|
|
1296
1301
|
fe as nylas_cancel_booking_form,
|
|
1297
1302
|
he as nylas_cancelled_event_card,
|
|
1298
1303
|
me as nylas_confirmed_event_card,
|
|
1299
|
-
|
|
1300
|
-
|
|
1304
|
+
pe as nylas_date_picker,
|
|
1305
|
+
ge as nylas_locale_switch,
|
|
1301
1306
|
Ke as nylas_logo,
|
|
1302
1307
|
tt as nylas_notification,
|
|
1303
1308
|
ue as nylas_organizer_confirmation_card,
|