@nylas/react 1.3.0 → 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-d2b7178c.js → add-circle-icon.entry-0ea05c5b.js} +1 -1
- package/dist/{add-circle-icon.entry-0f0cd6d8.cjs → add-circle-icon.entry-10f2c319.cjs} +1 -1
- package/dist/{archive-icon.entry-ec25f93a.cjs → archive-icon.entry-7eeea6f4.cjs} +1 -1
- package/dist/{archive-icon.entry-602d3c58.js → archive-icon.entry-a0af58f2.js} +1 -1
- package/dist/{arrow-icon.entry-d4dd38b3.js → arrow-icon.entry-7fd7c18e.js} +1 -1
- package/dist/{arrow-icon.entry-7bcb6442.cjs → arrow-icon.entry-954f2ba8.cjs} +1 -1
- package/dist/{bold-icon.entry-5fc41386.js → bold-icon.entry-690ecac8.js} +1 -1
- package/dist/{bold-icon.entry-fc1d34a6.cjs → bold-icon.entry-e970c498.cjs} +1 -1
- package/dist/{button-component_2.entry-d62ae520.js → button-component_2.entry-b57d03fc.js} +1 -1
- package/dist/{button-component_2.entry-d23be43d.cjs → button-component_2.entry-b7d39903.cjs} +1 -1
- package/dist/{calendar-agenda-fill-icon_54.entry-1a42103a.js → calendar-agenda-fill-icon_53.entry-7792b45c.js} +448 -447
- package/dist/calendar-agenda-fill-icon_53.entry-89e5ac45.cjs +9 -0
- package/dist/{calendar-cancel-icon.entry-1566c286.js → calendar-cancel-icon.entry-5757c056.js} +1 -1
- package/dist/{calendar-cancel-icon.entry-bf9fc719.cjs → calendar-cancel-icon.entry-8cd02237.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-4c3e78a6.cjs → calendar-check-icon_2.entry-4f59d206.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-82407a92.js → calendar-check-icon_2.entry-6864b9d5.js} +1 -1
- package/dist/{calendar-icon.entry-359c064c.cjs → calendar-icon.entry-0b1edb49.cjs} +1 -1
- package/dist/{calendar-icon.entry-c3c23413.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-a6189c37.js → chevron-icon_3.entry-43e83594.js} +11 -11
- package/dist/{chevron-icon_3.entry-2453084c.cjs → chevron-icon_3.entry-a5175d87.cjs} +1 -1
- package/dist/{clock-icon_4.entry-ad679142.js → clock-icon_4.entry-219733d8.js} +1 -1
- package/dist/{clock-icon_4.entry-5162dfec.cjs → clock-icon_4.entry-76751b46.cjs} +1 -1
- package/dist/{close-icon.entry-2c6cdf35.js → close-icon.entry-286fc5ca.js} +1 -1
- package/dist/{close-icon.entry-38dc2638.cjs → close-icon.entry-cecd3cdd.cjs} +1 -1
- package/dist/{constants-35df11e7-b37e3406.js → constants-54af2051-767e8462.js} +28 -4
- package/dist/{constants-35df11e7-d87ad6d9.cjs → constants-54af2051-a3596673.cjs} +1 -1
- package/dist/{copy-icon.entry-6630ce5a.js → copy-icon.entry-121dd297.js} +1 -1
- package/dist/{copy-icon.entry-79df1d0e.cjs → copy-icon.entry-d4835d9a.cjs} +1 -1
- package/dist/{delete-icon.entry-f9a265b6.cjs → delete-icon.entry-14249f70.cjs} +1 -1
- package/dist/{delete-icon.entry-716f906c.js → delete-icon.entry-497ac8a2.js} +1 -1
- package/dist/{document-refresh-icon.entry-bb91822a.cjs → document-refresh-icon.entry-c0eacb66.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-fa775295.js → document-refresh-icon.entry-f265bb1b.js} +1 -1
- package/dist/elements/index.d.ts +1 -0
- package/dist/{feedbackSync-adc893c2-5965d5ba.js → feedbackSync-e5cb0245-d84015c5.js} +1 -1
- package/dist/{feedbackSync-adc893c2-70d06afc.cjs → feedbackSync-e5cb0245-ea7ddac9.cjs} +1 -1
- package/dist/{folder-icon.entry-9cf7590f.js → folder-icon.entry-d22b3e80.js} +1 -1
- package/dist/{folder-icon.entry-82a02de7.cjs → folder-icon.entry-e4806f0a.cjs} +1 -1
- package/dist/{forward-icon.entry-034ec3be.cjs → forward-icon.entry-42b98c73.cjs} +1 -1
- package/dist/{forward-icon.entry-ebd5e108.js → forward-icon.entry-b6711af7.js} +1 -1
- package/dist/{globe-icon.entry-b67c68d5.cjs → globe-icon.entry-18605371.cjs} +1 -1
- package/dist/{globe-icon.entry-48837e22.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-819d7d0d.js → google-logo-icon_4.entry-c3bae7b7.js} +176 -168
- package/dist/{inbox-icon.entry-7f91d971.cjs → inbox-icon.entry-02c59267.cjs} +1 -1
- package/dist/{inbox-icon.entry-c611c154.js → inbox-icon.entry-ae4383af.js} +1 -1
- package/dist/{index-72501df0.js → index-ad112f6a.js} +167 -161
- package/dist/{index-92ba1b80.cjs → index-bbbc79ad.cjs} +17 -17
- package/dist/{index.es-28b1b2ec-5a87db22.js → index.es-e9d66a9b-62be34ce.js} +214 -211
- package/dist/{index.es-28b1b2ec-595c0513.cjs → index.es-e9d66a9b-a29322e0.cjs} +5 -5
- package/dist/{info-icon_2.entry-4ad69286.js → info-icon_2.entry-3f143408.js} +5 -5
- package/dist/{info-icon_2.entry-4c70ab61.cjs → info-icon_2.entry-d10f1df5.cjs} +1 -1
- package/dist/{input-color-picker.entry-46bf04e1.cjs → input-color-picker.entry-45caaa1d.cjs} +1 -1
- package/dist/{input-color-picker.entry-4e5760ce.js → input-color-picker.entry-8ce41f49.js} +1 -1
- package/dist/{input-component.entry-1019ce99.cjs → input-component.entry-37b106dc.cjs} +1 -1
- package/dist/{input-component.entry-dca1013f.js → input-component.entry-6db98fb0.js} +1 -1
- package/dist/{input-dropdown.entry-e535fb5e.cjs → input-dropdown.entry-1a2cdf40.cjs} +1 -1
- package/dist/{input-dropdown.entry-f14c59e7.js → input-dropdown.entry-ec3d04ad.js} +1 -1
- package/dist/{italic-icon.entry-2ab53839.js → italic-icon.entry-36d1e644.js} +1 -1
- package/dist/{italic-icon.entry-726cc194.cjs → italic-icon.entry-b5e4eec9.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-6820d249.cjs → multi-select-dropdown.entry-00e43a89.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-a097d3cb.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-ccd85ff4.js → nylas-booked-event-card_12.entry-cb6b2ce6.js} +428 -423
- package/dist/{nylas-form-card.entry-afdfee47.js → nylas-form-card.entry-07e46491.js} +11 -11
- package/dist/{nylas-form-card.entry-8eb47f3d.cjs → nylas-form-card.entry-e2749723.cjs} +1 -1
- package/dist/{nylas-if-state.entry-be7978de.cjs → nylas-if-state.entry-88e01248.cjs} +1 -1
- package/dist/{nylas-if-state.entry-7caad39f.js → nylas-if-state.entry-e34c5cbb.js} +2 -2
- package/dist/{nylas-login.entry-dcf85f93.js → nylas-login.entry-a30bbd87.js} +3 -3
- package/dist/{nylas-login.entry-bce4f689.cjs → nylas-login.entry-ab50ca6a.cjs} +1 -1
- package/dist/{nylas-provider.entry-97882e4b.js → nylas-provider.entry-070f8090.js} +5 -5
- package/dist/{nylas-provider.entry-f02017da.cjs → nylas-provider.entry-7f4a1520.cjs} +1 -1
- package/dist/{nylas-scheduler-editor.entry-dcfdd6bf.js → nylas-scheduler-editor.entry-23e68865.js} +12 -12
- package/dist/nylas-scheduler-editor.entry-287ca230.cjs +2 -0
- package/dist/{nylas-scheduling.entry-2b842e93.js → nylas-scheduling.entry-19fca55a.js} +10 -10
- package/dist/{nylas-scheduling.entry-e0e9c8e8.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-3ec67feb.js → person-icon.entry-a6d86572.js} +1 -1
- package/dist/{person-icon.entry-2f8e00fd.cjs → person-icon.entry-b26a199b.cjs} +1 -1
- package/dist/{play-icon.entry-1abf79e9.cjs → play-icon.entry-5fc66fe6.cjs} +1 -1
- package/dist/{play-icon.entry-a840bdca.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-af7f54b4.cjs → refresh-icon.entry-3a8ae0f6.cjs} +1 -1
- package/dist/{refresh-icon.entry-11fcb673.js → refresh-icon.entry-820111be.js} +1 -1
- package/dist/{register-component-75f530bc-0e4e3d7a.js → register-component-5d7bcc15-35e4a5a0.js} +12 -12
- package/dist/{register-component-75f530bc-61b6f2dd.cjs → register-component-5d7bcc15-d9900fbc.cjs} +1 -1
- package/dist/{reply-all-icon.entry-5c8b3356.js → reply-all-icon.entry-5fbf1103.js} +1 -1
- package/dist/{reply-all-icon.entry-cc2ad940.cjs → reply-all-icon.entry-864494e2.cjs} +1 -1
- package/dist/{reply-icon.entry-d048736f.js → reply-icon.entry-7c136d06.js} +1 -1
- package/dist/{reply-icon.entry-840acade.cjs → reply-icon.entry-93084ffd.cjs} +1 -1
- package/dist/{scheduler-config-store-ed4a8dfd-161a3efd.cjs → scheduler-config-store-ed4a8dfd-b2986359.cjs} +1 -1
- package/dist/{scheduler-config-store-ed4a8dfd-f74e58ae.js → scheduler-config-store-ed4a8dfd-f7f53255.js} +1 -1
- package/dist/scheduler-store-20151a77-2dfd28c2.cjs +1 -0
- package/dist/{scheduler-store-d84b82a0-11faba86.js → scheduler-store-20151a77-4f7ffb6f.js} +127 -124
- package/dist/{sent-icon.entry-987760ce.cjs → sent-icon.entry-18afc1f9.cjs} +1 -1
- package/dist/{sent-icon.entry-fd3b9ad9.js → sent-icon.entry-60f1b814.js} +1 -1
- package/dist/{spam-icon.entry-3ce4f9fc.cjs → spam-icon.entry-9d41427e.cjs} +1 -1
- package/dist/{spam-icon.entry-4665415c.js → spam-icon.entry-b580b108.js} +1 -1
- package/dist/{star-icon.entry-0f446ac7.js → star-icon.entry-7cbe5a81.js} +1 -1
- package/dist/{star-icon.entry-a3ba4703.cjs → star-icon.entry-8792026f.cjs} +1 -1
- package/dist/{stop-icon.entry-9c13e00a.cjs → stop-icon.entry-5b605364.cjs} +1 -1
- package/dist/{stop-icon.entry-72c964b2.js → stop-icon.entry-ae629874.js} +1 -1
- package/dist/{textarea-component.entry-ff04b5fa.cjs → textarea-component.entry-2dae13db.cjs} +1 -1
- package/dist/{textarea-component.entry-d414e219.js → textarea-component.entry-fa87a032.js} +2 -2
- package/dist/{time-period-selector.entry-53edc0ba.js → time-period-selector.entry-0de79682.js} +2 -2
- package/dist/{time-period-selector.entry-2ce3347a.cjs → time-period-selector.entry-b1f5523b.cjs} +1 -1
- package/dist/{translate-icon.entry-84a78b9a.js → translate-icon.entry-07e9c2cf.js} +1 -1
- package/dist/{translate-icon.entry-9bab13ad.cjs → translate-icon.entry-22ef3602.cjs} +1 -1
- package/dist/{trash-fill-icon.entry-2881a44c.js → trash-fill-icon.entry-81ee0fdf.js} +1 -1
- package/dist/{trash-fill-icon.entry-84f52290.cjs → trash-fill-icon.entry-d332cf5d.cjs} +1 -1
- package/dist/{underline-icon.entry-23eca319.js → underline-icon.entry-dce1c48b.js} +1 -1
- package/dist/{underline-icon.entry-5a8410ef.cjs → underline-icon.entry-e381e3d2.cjs} +1 -1
- package/dist/{warning-icon.entry-abf9e5dc.js → warning-icon.entry-76d03910.js} +1 -1
- package/dist/{warning-icon.entry-1966042d.cjs → warning-icon.entry-b55e52d0.cjs} +1 -1
- package/package.json +3 -3
- package/dist/calendar-agenda-fill-icon_54.entry-95ccb99e.cjs +0 -9
- package/dist/checkbox-component_2.entry-97e97789.js +0 -79
- package/dist/checkbox-component_2.entry-f974e789.cjs +0 -1
- package/dist/google-logo-icon_4.entry-b637470a.cjs +0 -1
- package/dist/nylas-booked-event-card_12.entry-c684905b.cjs +0 -1
- package/dist/nylas-scheduler-editor.entry-cc6f4060.cjs +0 -2
- package/dist/nylas-time-window-picker.entry-96f5fe9a.js +0 -316
- package/dist/nylas-time-window-picker.entry-a8780f2e.cjs +0 -1
- package/dist/scheduler-store-d84b82a0-7a7fe186.cjs +0 -1
|
@@ -1,26 +1,26 @@
|
|
|
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
|
-
const
|
|
7
|
-
var
|
|
8
|
-
var
|
|
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 Se = function(e, t, n, r) {
|
|
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
|
-
i = Reflect.decorate(e, t, n,
|
|
10
|
+
i = Reflect.decorate(e, t, n, r);
|
|
11
11
|
else
|
|
12
|
-
for (var
|
|
13
|
-
(
|
|
14
|
-
return
|
|
15
|
-
},
|
|
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
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
|
|
22
|
-
var
|
|
23
|
-
const t = new Date(this.selectedTimeslot.start_time), n = (i = (
|
|
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
|
+
var s, i;
|
|
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({
|
|
25
25
|
error: {
|
|
26
26
|
title: "Cancellation Error",
|
|
@@ -51,11 +51,11 @@ const ee = 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 ee = class {
|
|
|
63
63
|
this.host.style.setProperty(`${t}`, n);
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
|
-
var n,
|
|
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(
|
|
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": ((
|
|
71
|
-
"no-template-cols": ((
|
|
72
|
-
} }, !((
|
|
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 ee = 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"],
|
|
@@ -98,49 +98,49 @@ ke([
|
|
|
98
98
|
t.scheduler.setCancel(e.detail.bookingId);
|
|
99
99
|
},
|
|
100
100
|
rescheduleButtonClicked: async (e, t) => {
|
|
101
|
-
const n = await t.scheduler.setReschedule(e.detail.bookingId), { errorHandler:
|
|
102
|
-
|
|
101
|
+
const n = await t.scheduler.setReschedule(e.detail.bookingId), { errorHandler: r } = e.detail;
|
|
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
|
|
119
|
-
var
|
|
120
|
-
var
|
|
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
|
+
var ze = function(e, t, n, r) {
|
|
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
|
-
i = Reflect.decorate(e, t, n,
|
|
122
|
+
i = Reflect.decorate(e, t, n, r);
|
|
123
123
|
else
|
|
124
|
-
for (var
|
|
125
|
-
(
|
|
126
|
-
return
|
|
127
|
-
},
|
|
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
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
const
|
|
136
|
-
|
|
135
|
+
const r = [...this.guestEmails];
|
|
136
|
+
r[t] = ie(n), this.guestEmails = [...r];
|
|
137
137
|
}, this.handleGuestBlur = (t, n) => {
|
|
138
138
|
if (this.resetGuestEmailError(t), n === "") {
|
|
139
|
-
this.guestEmailErrors[t] =
|
|
139
|
+
this.guestEmailErrors[t] = l.t("fieldRequired", { field: l.t("email") });
|
|
140
140
|
return;
|
|
141
141
|
}
|
|
142
|
-
if (!
|
|
143
|
-
this.guestEmailErrors[t] =
|
|
142
|
+
if (!R.test(n)) {
|
|
143
|
+
this.guestEmailErrors[t] = l.t("invalidInputFormat", { field: l.t("email") });
|
|
144
144
|
return;
|
|
145
145
|
}
|
|
146
146
|
this.handleGuestChange(t, n);
|
|
@@ -148,66 +148,67 @@ const S = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
148
148
|
t.preventDefault(), this.guestEmails = [...this.guestEmails, ""];
|
|
149
149
|
}, this.removeGuestButtonClickHandler = (t, n) => {
|
|
150
150
|
t.preventDefault(), this.resetGuestEmailError(n);
|
|
151
|
-
const
|
|
152
|
-
|
|
151
|
+
const r = [...this.guestEmails];
|
|
152
|
+
r.splice(n, 1), this.guestEmails = [...r];
|
|
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
|
|
161
|
-
if (!
|
|
162
|
-
this.isNameValid = !1, this.validationError.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
|
+
if (!r || r === "") {
|
|
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",
|
|
164
164
|
description: "Name is required"
|
|
165
165
|
});
|
|
166
166
|
return;
|
|
167
167
|
}
|
|
168
|
-
if (!
|
|
169
|
-
this.isEmailValid = !1, this.validationError.email =
|
|
168
|
+
if (!s || s === "") {
|
|
169
|
+
this.isEmailValid = !1, this.validationError.email = l.t("fieldRequired", { field: l.t("email") }) || "Email is required", this.bookingFormError.emit({
|
|
170
170
|
title: "Booking form error",
|
|
171
171
|
description: "Email is required"
|
|
172
172
|
});
|
|
173
173
|
return;
|
|
174
174
|
}
|
|
175
|
-
if (!
|
|
176
|
-
this.isEmailValid = !1, this.validationError.email =
|
|
175
|
+
if (!R.test(s)) {
|
|
176
|
+
this.isEmailValid = !1, this.validationError.email = l.t("invalidInputFormat", { field: l.t("email") }), this.bookingFormError.emit({
|
|
177
177
|
title: "Booking form error",
|
|
178
|
-
description:
|
|
178
|
+
description: l.t("invalidInputFormat", { field: l.t("email") }) || "Invalid email"
|
|
179
179
|
});
|
|
180
180
|
return;
|
|
181
181
|
}
|
|
182
182
|
let i = [];
|
|
183
183
|
if (this.guestEmails.length > 0) {
|
|
184
184
|
let C = !1;
|
|
185
|
-
if (this.guestEmails.forEach((
|
|
186
|
-
|
|
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
187
|
}), C) {
|
|
188
188
|
this.bookingFormError.emit({
|
|
189
189
|
title: "Booking form error",
|
|
190
|
-
description:
|
|
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
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
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
|
+
}
|
|
205
|
+
}), this.detailsConfirmed.emit({
|
|
205
206
|
primaryParticipant: {
|
|
206
|
-
name:
|
|
207
|
-
email:
|
|
207
|
+
name: r,
|
|
208
|
+
email: s
|
|
208
209
|
},
|
|
209
210
|
guests: i,
|
|
210
|
-
additionalFields: { ...
|
|
211
|
+
additionalFields: { ...o, ...this.additionalFields }
|
|
211
212
|
});
|
|
212
213
|
}, this.updateAdditionalFields = (t, n) => {
|
|
213
214
|
this.additionalFields && (this.additionalFields[t] = n);
|
|
@@ -218,11 +219,11 @@ const S = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
218
219
|
disconnectedCallback() {
|
|
219
220
|
}
|
|
220
221
|
componentWillLoad() {
|
|
221
|
-
|
|
222
|
+
c("nylas-booking-form", "componentWillLoad", this.bookingInfo);
|
|
222
223
|
}
|
|
223
224
|
componentDidLoad() {
|
|
224
|
-
var e, t, n;
|
|
225
|
-
|
|
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);
|
|
226
227
|
}
|
|
227
228
|
bookingInfoChangedHandler(e) {
|
|
228
229
|
e && e.primaryParticipant && (this.name = e.primaryParticipant.name, this.email = e.primaryParticipant.email);
|
|
@@ -236,10 +237,10 @@ const S = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
236
237
|
this.host.style.setProperty(`${t}`, n);
|
|
237
238
|
}
|
|
238
239
|
changeName(e) {
|
|
239
|
-
this.isNameValid = !0, this.validationError.name = "", this.name =
|
|
240
|
+
this.isNameValid = !0, this.validationError.name = "", this.name = ke(e), this.nameChanged.emit(e);
|
|
240
241
|
}
|
|
241
242
|
changeEmail(e) {
|
|
242
|
-
this.isEmailValid = !0, this.validationError.email = "", this.email =
|
|
243
|
+
this.isEmailValid = !0, this.validationError.email = "", this.email = ie(e), this.emailChanged.emit(e);
|
|
243
244
|
}
|
|
244
245
|
resetGuestEmailError(e) {
|
|
245
246
|
const t = { ...this.guestEmailErrors };
|
|
@@ -288,40 +289,44 @@ const S = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
288
289
|
this.updateAdditionalFields(e.detail.name, e.detail.value);
|
|
289
290
|
}
|
|
290
291
|
render() {
|
|
291
|
-
var e, t, n, s, o,
|
|
292
|
-
return a(
|
|
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: {
|
|
293
294
|
error: !!this.guestEmailErrors[f]
|
|
294
|
-
} },
|
|
295
|
+
} }, l.t("guestEmail")), a("div", { class: "guest-email-input" }, a("input", { type: "email", id: `guest-email-${f}`, maxLength: 100, class: {
|
|
295
296
|
"guest-email": !0,
|
|
296
297
|
error: !!this.guestEmailErrors[f]
|
|
297
|
-
}, placeholder:
|
|
298
|
+
}, placeholder: l.t("guestEmailPlaceholder"), value: u, "data-index": f, part: "nbf__input-textfield", onBlur: (g) => {
|
|
298
299
|
var b;
|
|
299
|
-
return this.handleGuestBlur(f, (b =
|
|
300
|
-
}, onInput: (
|
|
300
|
+
return this.handleGuestBlur(f, (b = g.target) == null ? void 0 : b.value);
|
|
301
|
+
}, onInput: (g) => {
|
|
301
302
|
var b;
|
|
302
|
-
return this.handleGuestChange(f, (b =
|
|
303
|
-
} }), a("button-component", { variant: "basic", tooltip: "Remove guest", onClick: (
|
|
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: {
|
|
304
305
|
"remove-guest": !0,
|
|
305
306
|
error: !!this.guestEmailErrors[f]
|
|
306
|
-
} }, 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: (
|
|
307
|
-
var
|
|
308
|
-
const f =
|
|
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 || "";
|
|
309
310
|
switch (f.type) {
|
|
310
311
|
case "dropdown":
|
|
311
|
-
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" }));
|
|
312
313
|
case "checkbox":
|
|
313
|
-
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" }));
|
|
314
315
|
case "radio_button":
|
|
315
|
-
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" }));
|
|
316
317
|
case "multi_line_text":
|
|
317
|
-
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" }));
|
|
321
|
+
case "metadata":
|
|
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 {
|
|
@@ -330,8 +335,8 @@ const S = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-
|
|
|
330
335
|
};
|
|
331
336
|
}
|
|
332
337
|
};
|
|
333
|
-
|
|
334
|
-
|
|
338
|
+
ze([
|
|
339
|
+
S({
|
|
335
340
|
name: "nylas-booking-form",
|
|
336
341
|
stateToProps: /* @__PURE__ */ new Map([
|
|
337
342
|
["scheduler.isLoading", "isLoading"],
|
|
@@ -351,57 +356,57 @@ xe([
|
|
|
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
|
-
const
|
|
371
|
-
var
|
|
372
|
-
var
|
|
370
|
+
M("design:type", Function),
|
|
371
|
+
M("design:paramtypes", []),
|
|
372
|
+
M("design:returntype", void 0)
|
|
373
|
+
], ce.prototype, "render", null);
|
|
374
|
+
ce.style = Ie;
|
|
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;
|
|
376
|
+
var Fe = function(e, t, n, r) {
|
|
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
|
-
i = Reflect.decorate(e, t, n,
|
|
379
|
+
i = Reflect.decorate(e, t, n, r);
|
|
375
380
|
else
|
|
376
|
-
for (var
|
|
377
|
-
(
|
|
378
|
-
return
|
|
379
|
-
},
|
|
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);
|
|
383
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
const
|
|
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
|
-
}, this.handleSubmitCancelBooking = (
|
|
389
|
-
var
|
|
390
|
-
if (this.triggerValidation.emit({}),
|
|
391
|
-
this.cancellationError =
|
|
393
|
+
}, this.handleSubmitCancelBooking = (r) => {
|
|
394
|
+
var o, d, p;
|
|
395
|
+
if (this.triggerValidation.emit({}), r.preventDefault(), !this.cancellationReason) {
|
|
396
|
+
this.cancellationError = l.t("cancellationErrorMessage"), this.cancelBookingFormError.emit({ title: l.t("cancelBokingFormError"), description: l.t("cancellationErrorMessage") });
|
|
392
397
|
return;
|
|
393
398
|
}
|
|
394
|
-
const
|
|
395
|
-
if (this.selectedTimeslot &&
|
|
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
|
-
title:
|
|
399
|
-
message:
|
|
403
|
+
title: l.t("cancellationErrorTitle"),
|
|
404
|
+
message: l.t("minimumCancellationNoticeErrorMessage", { minCancellationNotice: s })
|
|
400
405
|
}
|
|
401
406
|
});
|
|
402
407
|
return;
|
|
403
408
|
}
|
|
404
|
-
|
|
409
|
+
c(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);
|
|
405
410
|
const i = (m) => {
|
|
406
411
|
this.cancelBookedEventError.emit(m);
|
|
407
412
|
};
|
|
@@ -416,16 +421,16 @@ const ne = 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)
|
|
@@ -437,10 +442,10 @@ const ne = class {
|
|
|
437
442
|
}
|
|
438
443
|
render() {
|
|
439
444
|
var e, t;
|
|
440
|
-
return a(
|
|
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 {
|
|
@@ -449,8 +454,8 @@ const ne = class {
|
|
|
449
454
|
};
|
|
450
455
|
}
|
|
451
456
|
};
|
|
452
|
-
|
|
453
|
-
|
|
457
|
+
Fe([
|
|
458
|
+
S({
|
|
454
459
|
name: "nylas-cancel-booking-form",
|
|
455
460
|
stateToProps: /* @__PURE__ */ new Map([
|
|
456
461
|
["scheduler.configSettings", "configSettings"],
|
|
@@ -463,52 +468,52 @@ Ee([
|
|
|
463
468
|
]),
|
|
464
469
|
eventToProps: {
|
|
465
470
|
cancelBookingFormSubmitted: async (e, t) => {
|
|
466
|
-
const { action: n, errorHandler:
|
|
471
|
+
const { action: n, errorHandler: r } = e.detail;
|
|
467
472
|
if (n === "cancel") {
|
|
468
|
-
const
|
|
469
|
-
|
|
473
|
+
const s = await t.scheduler.cancelBooking(e.detail.bookingId, e.detail.reason);
|
|
474
|
+
r && (!s || "error" in s) && r(s);
|
|
470
475
|
} else if (n === "reject") {
|
|
471
|
-
const
|
|
476
|
+
const s = await t.scheduler.updateBooking({
|
|
472
477
|
bookingId: e.detail.bookingId,
|
|
473
478
|
status: "cancelled",
|
|
474
479
|
reason: e.detail.reason
|
|
475
480
|
});
|
|
476
|
-
|
|
481
|
+
r && (!s || "error" in s) && r(s);
|
|
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
|
-
|
|
494
|
-
],
|
|
495
|
-
|
|
496
|
-
const
|
|
497
|
-
var
|
|
498
|
-
var
|
|
496
|
+
N("design:type", Function),
|
|
497
|
+
N("design:paramtypes", []),
|
|
498
|
+
N("design:returntype", void 0)
|
|
499
|
+
], fe.prototype, "render", null);
|
|
500
|
+
fe.style = Re;
|
|
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;
|
|
502
|
+
var $e = function(e, t, n, r) {
|
|
503
|
+
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
499
504
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
500
|
-
i = Reflect.decorate(e, t, n,
|
|
505
|
+
i = Reflect.decorate(e, t, n, r);
|
|
501
506
|
else
|
|
502
|
-
for (var
|
|
503
|
-
(
|
|
504
|
-
return
|
|
505
|
-
},
|
|
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);
|
|
509
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
const
|
|
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 ae = 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)
|
|
@@ -538,10 +543,10 @@ const ae = class {
|
|
|
538
543
|
}
|
|
539
544
|
render() {
|
|
540
545
|
var e, t;
|
|
541
|
-
return a(
|
|
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 {
|
|
@@ -549,8 +554,8 @@ const ae = class {
|
|
|
549
554
|
};
|
|
550
555
|
}
|
|
551
556
|
};
|
|
552
|
-
|
|
553
|
-
|
|
557
|
+
$e([
|
|
558
|
+
S({
|
|
554
559
|
name: "nylas-cancelled-event-card",
|
|
555
560
|
stateToProps: /* @__PURE__ */ new Map([
|
|
556
561
|
["scheduler.configSettings", "configSettings"],
|
|
@@ -559,36 +564,36 @@ Le([
|
|
|
559
564
|
]),
|
|
560
565
|
eventToProps: {
|
|
561
566
|
closeCancelEventCardClicked: async (e, t) => {
|
|
562
|
-
const n = await t.scheduler.resetCancel(), { errorHandler:
|
|
563
|
-
|
|
567
|
+
const n = await t.scheduler.resetCancel(), { errorHandler: r } = e.detail;
|
|
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
|
-
|
|
574
|
-
],
|
|
575
|
-
|
|
576
|
-
const
|
|
577
|
-
var
|
|
578
|
-
var
|
|
576
|
+
H("design:type", Function),
|
|
577
|
+
H("design:paramtypes", []),
|
|
578
|
+
H("design:returntype", void 0)
|
|
579
|
+
], he.prototype, "render", null);
|
|
580
|
+
he.style = Oe;
|
|
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;
|
|
582
|
+
var He = function(e, t, n, r) {
|
|
583
|
+
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
579
584
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
580
|
-
i = Reflect.decorate(e, t, n,
|
|
585
|
+
i = Reflect.decorate(e, t, n, r);
|
|
581
586
|
else
|
|
582
|
-
for (var
|
|
583
|
-
(
|
|
584
|
-
return
|
|
585
|
-
},
|
|
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);
|
|
589
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
const
|
|
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 ie = 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 ie = class {
|
|
|
618
623
|
}
|
|
619
624
|
render() {
|
|
620
625
|
var e, t;
|
|
621
|
-
return a(
|
|
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 {
|
|
@@ -629,8 +634,8 @@ const ie = class {
|
|
|
629
634
|
};
|
|
630
635
|
}
|
|
631
636
|
};
|
|
632
|
-
|
|
633
|
-
|
|
637
|
+
He([
|
|
638
|
+
S({
|
|
634
639
|
name: "nylas-confirmed-event-card",
|
|
635
640
|
stateToProps: /* @__PURE__ */ new Map([
|
|
636
641
|
["scheduler.configSettings", "configSettings"],
|
|
@@ -638,92 +643,92 @@ ze([
|
|
|
638
643
|
]),
|
|
639
644
|
eventToProps: {
|
|
640
645
|
closeConfirmEventCardClicked: async (e, t) => {
|
|
641
|
-
const n = await t.scheduler.resetConfirm(), { errorHandler:
|
|
642
|
-
|
|
646
|
+
const n = await t.scheduler.resetConfirm(), { errorHandler: r } = e.detail;
|
|
647
|
+
r && (!n || "error" in n) && r(n);
|
|
643
648
|
}
|
|
644
649
|
},
|
|
645
650
|
fireRegisterEvent: !0
|
|
646
651
|
}),
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
],
|
|
651
|
-
|
|
652
|
-
const
|
|
653
|
-
function
|
|
654
|
-
function
|
|
652
|
+
A("design:type", Function),
|
|
653
|
+
A("design:paramtypes", []),
|
|
654
|
+
A("design:returntype", void 0)
|
|
655
|
+
], me.prototype, "render", null);
|
|
656
|
+
me.style = Ne;
|
|
657
|
+
const q = /* @__PURE__ */ new Date(), V = /* @__PURE__ */ new Date();
|
|
658
|
+
function P(e, t, n, r) {
|
|
659
|
+
function s(i) {
|
|
655
660
|
return e(i = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+i)), i;
|
|
656
661
|
}
|
|
657
|
-
return
|
|
658
|
-
const
|
|
659
|
-
return i -
|
|
660
|
-
},
|
|
661
|
-
const
|
|
662
|
-
if (i =
|
|
663
|
-
return
|
|
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) => {
|
|
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;
|
|
664
669
|
let m;
|
|
665
670
|
do
|
|
666
|
-
|
|
667
|
-
while (m < i && i <
|
|
668
|
-
return
|
|
669
|
-
},
|
|
670
|
-
if (
|
|
671
|
-
for (; e(
|
|
672
|
-
|
|
673
|
-
}, (
|
|
674
|
-
if (
|
|
675
|
-
if (
|
|
676
|
-
for (; ++
|
|
677
|
-
for (; t(
|
|
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) => {
|
|
675
|
+
if (o >= o)
|
|
676
|
+
for (; e(o), !i(o); )
|
|
677
|
+
o.setTime(o - 1);
|
|
678
|
+
}, (o, d) => {
|
|
679
|
+
if (o >= o)
|
|
680
|
+
if (d < 0)
|
|
681
|
+
for (; ++d <= 0; )
|
|
682
|
+
for (; t(o, -1), !i(o); )
|
|
678
683
|
;
|
|
679
684
|
else
|
|
680
|
-
for (; --
|
|
681
|
-
for (; t(
|
|
685
|
+
for (; --d >= 0; )
|
|
686
|
+
for (; t(o, 1), !i(o); )
|
|
682
687
|
;
|
|
683
|
-
}), n && (
|
|
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
|
|
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()) *
|
|
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) /
|
|
701
|
-
const
|
|
702
|
-
var
|
|
703
|
-
var
|
|
705
|
+
}, (e, t) => (t - e) / F, (e) => Math.floor(e / F));
|
|
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;
|
|
707
|
+
var Ge = function(e, t, n, r) {
|
|
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
|
-
i = Reflect.decorate(e, t, n,
|
|
710
|
+
i = Reflect.decorate(e, t, n, r);
|
|
706
711
|
else
|
|
707
|
-
for (var
|
|
708
|
-
(
|
|
709
|
-
return
|
|
710
|
-
},
|
|
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);
|
|
714
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
var
|
|
720
|
-
const t = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1), n = (
|
|
724
|
+
var s;
|
|
725
|
+
const t = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1), n = (s = e == null ? void 0 : e.scheduler) == null ? void 0 : s.available_days_in_future;
|
|
721
726
|
if (n === void 0)
|
|
722
727
|
return;
|
|
723
|
-
|
|
728
|
+
oe(/* @__PURE__ */ new Date(), n).getTime() < t.getTime() ? this.disableNextMonthButton = !0 : this.disableNextMonthButton = !1;
|
|
724
729
|
}
|
|
725
730
|
selectedLanguageChanged(e) {
|
|
726
|
-
|
|
731
|
+
l.changeLanguage(e);
|
|
727
732
|
}
|
|
728
733
|
themeConfigChanged(e) {
|
|
729
734
|
this.applyThemeConfig(e);
|
|
@@ -735,7 +740,7 @@ const se = 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)
|
|
@@ -743,50 +748,50 @@ const se = class {
|
|
|
743
748
|
this.host.style.setProperty(`${t}`, n);
|
|
744
749
|
}
|
|
745
750
|
getDates() {
|
|
746
|
-
const e =
|
|
747
|
-
return
|
|
751
|
+
const e = Ce(this.month), t = _e(this.month);
|
|
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);
|
|
751
756
|
}
|
|
752
757
|
changeMonth(e) {
|
|
753
|
-
var
|
|
758
|
+
var s, i;
|
|
754
759
|
this.month = new Date(this.month.getFullYear(), this.month.getMonth() + e, 1);
|
|
755
|
-
const t = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1), n = (i = (
|
|
756
|
-
|
|
760
|
+
const t = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1), n = (i = (s = this.configSettings) == null ? void 0 : s.scheduler) == null ? void 0 : i.available_days_in_future;
|
|
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
|
-
var e, t, n,
|
|
766
|
-
return a(
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
].map((
|
|
775
|
-
var
|
|
776
|
-
const
|
|
770
|
+
var e, t, n, r, s, i;
|
|
771
|
+
return a(v, { key: "4c20e8d37a61de3397cac0625884fdd9c11cc8af", part: "ndp" }, a("div", { key: "44174b6408db8263ab96c9acb57985af0d0780d2", class: "nylas-date-picker" }, a("div", { key: "962fc8b1ab8d8794df5838e16a477b8f705e4e6f", class: "title", part: "ndp__title" }, (e = this.configSettings) != null && e.name ? a("h1", null, (t = this.configSettings) == null ? void 0 : t.name) : ((r = (n = this.configSettings) == null ? void 0 : n.organizer) == null ? void 0 : r.name) && a("h1", null, a("person-icon", null), ((i = (s = this.configSettings) == null ? void 0 : s.organizer) == null ? void 0 : i.name) || "Organizer"), a("p", { key: "422505548dffc0ee5a70811415ff030641faeeff" }, a("clock-icon", { key: "ef51faa1c20ef5caf3f3a8f7ff619c619ba72401" }), this.eventDuration ? xe(this.eventDuration) : `- ${l.t("time.minutes")}`)), a("div", { key: "f593d3bbcb954bd863381e445cff053ce0085714", class: "header flex-row" }, a("h2", { key: "bc844a479c3d7e7b4a2065e91aa79baace20b302", part: "ndp__month-header" }, a("strong", { key: "da5035f141b874d58f626426b71ee7e9dd0b6424" }, we(this.month.toLocaleDateString(void 0, { month: "long" }).toLocaleLowerCase())), " ", this.month.toLocaleDateString(void 0, { year: "numeric" })), a("div", { key: "a2721542d5155de0072aa8a191b111b7d8cd7eea", class: "pagination" }, a("button", { key: "ad051ec43c6eb386ddefcab4db66932b079d75e0", title: "Previous month", onClick: () => this.changeMonth(-1), class: { "chevron-left": !0, button: !0 }, disabled: this.month <= /* @__PURE__ */ new Date(), part: "ndp__month-button" }, a("chevron-icon", { key: "29cc3852bddacb1d4dd014aceb061d6baa27bfb4" })), a("button", { key: "92de9256c6c89f2dde6c59717bc9866a122e455c", title: "Next month", onClick: () => this.changeMonth(1), class: { "chevron-right": !0, button: !0 }, disabled: this.disableNextMonthButton, part: "ndp__month-button" }, a("chevron-icon", { key: "98e5e9d80629c9e86767ba151e88b20fb1a188b7" })))), a("div", { key: "a63a1331d33c6f1b79d0e2f99e06c8ad0e4a2e50", class: "dates" }, [
|
|
772
|
+
l.t("days.sunday"),
|
|
773
|
+
l.t("days.monday"),
|
|
774
|
+
l.t("days.tuesday"),
|
|
775
|
+
l.t("days.wednesday"),
|
|
776
|
+
l.t("days.thursday"),
|
|
777
|
+
l.t("days.friday"),
|
|
778
|
+
l.t("days.saturday")
|
|
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":
|
|
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 {
|
|
@@ -796,8 +801,8 @@ const se = class {
|
|
|
796
801
|
};
|
|
797
802
|
}
|
|
798
803
|
};
|
|
799
|
-
|
|
800
|
-
|
|
804
|
+
Ge([
|
|
805
|
+
S({
|
|
801
806
|
name: "nylas-date-picker",
|
|
802
807
|
stateToProps: /* @__PURE__ */ new Map([
|
|
803
808
|
["scheduler.selectableDates", "selectableDates"],
|
|
@@ -810,35 +815,35 @@ Oe([
|
|
|
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
|
-
const
|
|
827
|
-
var
|
|
828
|
-
var
|
|
826
|
+
G("design:type", Function),
|
|
827
|
+
G("design:paramtypes", []),
|
|
828
|
+
G("design:returntype", void 0)
|
|
829
|
+
], pe.prototype, "render", null);
|
|
830
|
+
pe.style = Ze;
|
|
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;
|
|
832
|
+
var Xe = function(e, t, n, r) {
|
|
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
|
-
i = Reflect.decorate(e, t, n,
|
|
835
|
+
i = Reflect.decorate(e, t, n, r);
|
|
831
836
|
else
|
|
832
|
-
for (var
|
|
833
|
-
(
|
|
834
|
-
return
|
|
835
|
-
},
|
|
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);
|
|
839
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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 re = 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)
|
|
@@ -868,28 +873,28 @@ const re = class {
|
|
|
868
873
|
t === "timezone" ? this.changeTimezone(n) : t === "language" && this.changeLanguage(n);
|
|
869
874
|
}
|
|
870
875
|
getTimezoneLabelHTML(e) {
|
|
871
|
-
const t =
|
|
876
|
+
const t = Ee(e);
|
|
872
877
|
return a("span", { class: "timezone-label", style: {
|
|
873
878
|
display: "flex",
|
|
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
|
-
})), t = Object.keys(
|
|
889
|
-
label:
|
|
893
|
+
})), t = Object.keys(se).map((n) => ({
|
|
894
|
+
label: se[n],
|
|
890
895
|
value: n
|
|
891
896
|
}));
|
|
892
|
-
return a(
|
|
897
|
+
return a(v, { key: "879a445840da85f74f8b844caede154613ec328e" }, a("div", { key: "e7c11dc083f190e0c4b541babce3129c458e4f70", class: "nylas-locale-switch", part: "nls" }, a("div", { key: "a764dca464a4dbadf24b1af73cc003558156f009", class: {
|
|
893
898
|
"select-wrapper": !0,
|
|
894
899
|
timezone: !0
|
|
895
900
|
}, part: "nls__timezone" }, a("select-dropdown", { key: "94ebb791726435cc32e78c127a43fbb92692882d", name: "timezone", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedTimezone), exportparts: "sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label" }, a("span", { key: "3d3923b8ba91ec563a930945bb7b07072e2fd43a", slot: "select-icon" }, a("globe-icon", { key: "70650f2e15d51241af9973eba1d73fed6c669cc0", width: "20", height: "20" })))), a("div", { key: "9a6fb1221184046119f5025c30366012642dabac", class: {
|
|
@@ -898,7 +903,7 @@ const re = 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 {
|
|
@@ -906,8 +911,8 @@ const re = class {
|
|
|
906
911
|
};
|
|
907
912
|
}
|
|
908
913
|
};
|
|
909
|
-
|
|
910
|
-
|
|
914
|
+
Xe([
|
|
915
|
+
S({
|
|
911
916
|
name: "nylas-locale-switch",
|
|
912
917
|
stateToProps: /* @__PURE__ */ new Map([
|
|
913
918
|
["scheduler.selectedLanguage", "selectedLanguage"],
|
|
@@ -916,43 +921,43 @@ Ne([
|
|
|
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
|
-
const
|
|
932
|
+
W("design:type", Function),
|
|
933
|
+
W("design:paramtypes", []),
|
|
934
|
+
W("design:returntype", void 0)
|
|
935
|
+
], ge.prototype, "render", null);
|
|
936
|
+
ge.style = Ue;
|
|
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)" }))));
|
|
938
943
|
}
|
|
939
944
|
};
|
|
940
|
-
|
|
941
|
-
const
|
|
945
|
+
Ke.style = Je;
|
|
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,25 +971,25 @@ const Ve = ':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") {
|
|
985
990
|
const n = e.detail.notification.ttl ? e.detail.notification.ttl : this.ttl;
|
|
986
991
|
window.setTimeout(() => {
|
|
987
|
-
this.notifications = this.notifications.filter((
|
|
992
|
+
this.notifications = this.notifications.filter((r) => r.id !== e.detail.notification.id);
|
|
988
993
|
}, n);
|
|
989
994
|
}
|
|
990
995
|
}
|
|
@@ -992,29 +997,29 @@ const Ve = ':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(
|
|
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
|
-
|
|
1002
|
-
const
|
|
1003
|
-
var
|
|
1004
|
-
var
|
|
1006
|
+
tt.style = et;
|
|
1007
|
+
const nt = ':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}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.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%}button-component{--dot-color:var(--nylas-base-700)}', at = nt;
|
|
1008
|
+
var it = function(e, t, n, r) {
|
|
1009
|
+
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
1005
1010
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1006
|
-
i = Reflect.decorate(e, t, n,
|
|
1011
|
+
i = Reflect.decorate(e, t, n, r);
|
|
1007
1012
|
else
|
|
1008
|
-
for (var
|
|
1009
|
-
(
|
|
1010
|
-
return
|
|
1011
|
-
},
|
|
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);
|
|
1015
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
const
|
|
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 le = 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 le = class {
|
|
|
1046
1051
|
this.action = null;
|
|
1047
1052
|
}
|
|
1048
1053
|
render() {
|
|
1049
|
-
var e, t, n,
|
|
1050
|
-
return a(
|
|
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
|
-
"no-footer": ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.hide_cancellation_options) && ((
|
|
1053
|
-
"no-template-cols": ((i = (
|
|
1054
|
-
} }, !((m = (
|
|
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),
|
|
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 {
|
|
@@ -1062,8 +1067,8 @@ const le = class {
|
|
|
1062
1067
|
};
|
|
1063
1068
|
}
|
|
1064
1069
|
};
|
|
1065
|
-
|
|
1066
|
-
|
|
1070
|
+
it([
|
|
1071
|
+
S({
|
|
1067
1072
|
name: "nylas-organizer-confirmation-card",
|
|
1068
1073
|
stateToProps: /* @__PURE__ */ new Map([
|
|
1069
1074
|
["scheduler.organizerConfirmationBookingId", "organizerConfirmationBookingId"],
|
|
@@ -1077,36 +1082,36 @@ Xe([
|
|
|
1077
1082
|
t.scheduler.setReject(e.detail.bookingId);
|
|
1078
1083
|
},
|
|
1079
1084
|
confirmBookingButtonClicked: async (e, t) => {
|
|
1080
|
-
const { host: n } = e.detail,
|
|
1085
|
+
const { host: n } = e.detail, r = await t.scheduler.updateBooking({
|
|
1081
1086
|
bookingId: e.detail.bookingId,
|
|
1082
1087
|
status: "confirmed"
|
|
1083
|
-
}), { errorHandler:
|
|
1084
|
-
|
|
1088
|
+
}), { errorHandler: s } = e.detail;
|
|
1089
|
+
s && (!r || "error" in r) && s(r), await n.resetAction();
|
|
1085
1090
|
}
|
|
1086
1091
|
},
|
|
1087
1092
|
fireRegisterEvent: !0
|
|
1088
1093
|
}),
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
],
|
|
1093
|
-
|
|
1094
|
-
const
|
|
1095
|
-
var
|
|
1096
|
-
var
|
|
1094
|
+
U("design:type", Function),
|
|
1095
|
+
U("design:paramtypes", []),
|
|
1096
|
+
U("design:returntype", void 0)
|
|
1097
|
+
], ue.prototype, "render", null);
|
|
1098
|
+
ue.style = at;
|
|
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;
|
|
1100
|
+
var rt = function(e, t, n, r) {
|
|
1101
|
+
var s = arguments.length, i = s < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
1097
1102
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1098
|
-
i = Reflect.decorate(e, t, n,
|
|
1103
|
+
i = Reflect.decorate(e, t, n, r);
|
|
1099
1104
|
else
|
|
1100
|
-
for (var
|
|
1101
|
-
(
|
|
1102
|
-
return
|
|
1103
|
-
},
|
|
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);
|
|
1107
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
const
|
|
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 ce = 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 ce = class {
|
|
|
1135
1140
|
}
|
|
1136
1141
|
render() {
|
|
1137
1142
|
var e;
|
|
1138
|
-
return a(
|
|
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 {
|
|
@@ -1146,8 +1151,8 @@ const ce = class {
|
|
|
1146
1151
|
};
|
|
1147
1152
|
}
|
|
1148
1153
|
};
|
|
1149
|
-
|
|
1150
|
-
|
|
1154
|
+
rt([
|
|
1155
|
+
S({
|
|
1151
1156
|
name: "nylas-selected-event-card",
|
|
1152
1157
|
stateToProps: /* @__PURE__ */ new Map([
|
|
1153
1158
|
["scheduler.selectedDate", "selectedDate"],
|
|
@@ -1159,28 +1164,28 @@ Ke([
|
|
|
1159
1164
|
eventToProps: {},
|
|
1160
1165
|
fireRegisterEvent: !0
|
|
1161
1166
|
}),
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
],
|
|
1166
|
-
|
|
1167
|
-
const
|
|
1168
|
-
var
|
|
1169
|
-
var
|
|
1167
|
+
X("design:type", Function),
|
|
1168
|
+
X("design:paramtypes", []),
|
|
1169
|
+
X("design:returntype", void 0)
|
|
1170
|
+
], ye.prototype, "render", null);
|
|
1171
|
+
ye.style = st;
|
|
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) {
|
|
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
|
-
i = Reflect.decorate(e, t, n,
|
|
1176
|
+
i = Reflect.decorate(e, t, n, r);
|
|
1172
1177
|
else
|
|
1173
|
-
for (var
|
|
1174
|
-
(
|
|
1175
|
-
return
|
|
1176
|
-
},
|
|
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);
|
|
1180
|
+
return s > 3 && i && Object.defineProperty(t, n, i), i;
|
|
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
|
-
const
|
|
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 = () => {
|
|
@@ -1188,18 +1193,18 @@ const de = class {
|
|
|
1188
1193
|
}, this.availability = void 0, this.isLoading = void 0, this.themeConfig = void 0, this.selectedTimeslot = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedDate = /* @__PURE__ */ new Date(), this.selectedLanguage = void 0, this.times = [], this.hoveredTimeslotIndex = void 0, this.selectedTimeslotIndex = void 0;
|
|
1189
1194
|
}
|
|
1190
1195
|
selectedLanguageChanged(e) {
|
|
1191
|
-
|
|
1196
|
+
l.changeLanguage(e);
|
|
1192
1197
|
}
|
|
1193
1198
|
selectedDateChanged(e) {
|
|
1194
1199
|
var t;
|
|
1195
|
-
if (
|
|
1196
|
-
const n = (t = this.availability) == null ? void 0 : t.filter((
|
|
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 de = 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 de = 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
|
|
@@ -1243,16 +1248,16 @@ const de = class {
|
|
|
1243
1248
|
return `${t.format(e.start_time)} - ${t.format(e.end_time)}`;
|
|
1244
1249
|
}
|
|
1245
1250
|
render() {
|
|
1246
|
-
return this.isLoading ? a(
|
|
1247
|
-
var n,
|
|
1248
|
-
return a("button", { part: `ntp__timeslot ${((
|
|
1251
|
+
return this.isLoading ? a(v, null, a("div", { class: "loading" }, new Array(6).fill(0).map((e, t) => a("div", { class: "timeslot-skeleton", style: { animationDelay: `${t * 20}ms` } })))) : this.availability && this.availability.length === 0 ? a(v, null, a("div", { class: "empty" }, a("span", null, "No dates available"))) : (!this.times || this.times.length === 0) && this.selectedDate ? a(v, null, a("div", { class: "empty" }, a("span", null, "No time slots available for selected date"))) : this.selectedDate ? a(v, { part: "ntp" }, a("div", { class: "time-picker-wrapper", part: "ntp__time-picker-wrapper" }, a("div", { class: "timeslots", part: "ntp__timeslots" }, this.times.map((e, t) => {
|
|
1252
|
+
var n, r, s, i;
|
|
1253
|
+
return a("button", { part: `ntp__timeslot ${((r = (n = this.selectedTimeslot) == null ? void 0 : n.start_time) == null ? void 0 : r.getTime()) === e.start_time.getTime() ? "ntp__timeslot--selected" : ""}`, class: {
|
|
1249
1254
|
time: !0,
|
|
1250
|
-
selected: typeof this.selectedTimeslot < "u" && ((i = (
|
|
1255
|
+
selected: typeof this.selectedTimeslot < "u" && ((i = (s = this.selectedTimeslot) == null ? void 0 : s.start_time) == null ? void 0 : i.getTime()) === e.start_time.getTime()
|
|
1251
1256
|
}, onClick: () => this.onClickSelectTime(e, t), onMouseEnter: () => this.handleMouseEnter(t), onMouseLeave: () => this.handleMouseLeave() }, this.hoveredTimeslotIndex == t || this.selectedTimeslotIndex == this.getTimeslotId(e.start_time, t) ? this.getTimeSlotLabel(e) : e.start_time.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", timeZone: this.selectedTimezone }));
|
|
1252
|
-
})), 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" },
|
|
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 de = 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,30 +1282,30 @@ tt([
|
|
|
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
|
-
|
|
1291
|
-
],
|
|
1292
|
-
|
|
1293
|
+
Y("design:type", Function),
|
|
1294
|
+
Y("design:paramtypes", []),
|
|
1295
|
+
Y("design:returntype", void 0)
|
|
1296
|
+
], ve.prototype, "render", null);
|
|
1297
|
+
ve.style = dt;
|
|
1293
1298
|
export {
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1299
|
+
de as nylas_booked_event_card,
|
|
1300
|
+
ce as nylas_booking_form,
|
|
1301
|
+
fe as nylas_cancel_booking_form,
|
|
1302
|
+
he as nylas_cancelled_event_card,
|
|
1303
|
+
me as nylas_confirmed_event_card,
|
|
1304
|
+
pe as nylas_date_picker,
|
|
1305
|
+
ge as nylas_locale_switch,
|
|
1306
|
+
Ke as nylas_logo,
|
|
1307
|
+
tt as nylas_notification,
|
|
1308
|
+
ue as nylas_organizer_confirmation_card,
|
|
1309
|
+
ye as nylas_selected_event_card,
|
|
1310
|
+
ve as nylas_timeslot_picker
|
|
1306
1311
|
};
|