@nylas/react 2.0.4 → 2.0.6
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/{abstract-provider-97cdbfea-5837e17f.cjs → abstract-provider-45ada3b4-31e3ed72.cjs} +1 -1
- package/dist/{abstract-provider-97cdbfea-6b0e3547.js → abstract-provider-45ada3b4-abd3105d.js} +1 -1
- package/dist/{add-circle-icon_2.entry-96ef4ded.cjs → add-circle-icon_2.entry-48953f9c.cjs} +1 -1
- package/dist/{add-circle-icon_2.entry-e59a5b4d.js → add-circle-icon_2.entry-f6f8b5e5.js} +1 -1
- package/dist/{archive-icon.entry-ea5667df.js → archive-icon.entry-b3a76711.js} +1 -1
- package/dist/{archive-icon.entry-49b4e0fd.cjs → archive-icon.entry-e2880dc7.cjs} +1 -1
- package/dist/{arrow-icon.entry-5aefd7de.cjs → arrow-icon.entry-84d1e26c.cjs} +1 -1
- package/dist/{arrow-icon.entry-1f766862.js → arrow-icon.entry-9b3441aa.js} +1 -1
- package/dist/{bold-icon.entry-240950a6.js → bold-icon.entry-0749a116.js} +1 -1
- package/dist/{bold-icon.entry-1a4955df.cjs → bold-icon.entry-e1d8ab5e.cjs} +1 -1
- package/dist/{button-component_2.entry-357fa02a.cjs → button-component_2.entry-1a817230.cjs} +1 -1
- package/dist/{button-component_2.entry-96785a34.js → button-component_2.entry-6eb55e97.js} +1 -1
- package/dist/calendar-agenda-fill-icon_37.entry-0ca8b9f4.cjs +6 -0
- package/dist/{calendar-agenda-fill-icon_37.entry-e732ee2e.js → calendar-agenda-fill-icon_37.entry-4adf73a2.js} +1434 -1169
- package/dist/{calendar-cancel-icon.entry-7543c684.js → calendar-cancel-icon.entry-2a29cb3f.js} +1 -1
- package/dist/{calendar-cancel-icon.entry-55d746cf.cjs → calendar-cancel-icon.entry-e0dee585.cjs} +1 -1
- package/dist/{calendar-check-icon.entry-63d33f23.cjs → calendar-check-icon.entry-7f96d456.cjs} +1 -1
- package/dist/{calendar-check-icon.entry-aba54652.js → calendar-check-icon.entry-c12b63ea.js} +1 -1
- package/dist/{calendar-icon.entry-e13add9b.cjs → calendar-icon.entry-a2d19ff2.cjs} +1 -1
- package/dist/{calendar-icon.entry-2cb3b7d1.js → calendar-icon.entry-e82a5169.js} +1 -1
- package/dist/checkbox-component.entry-59612a67.js +52 -0
- package/dist/checkbox-component.entry-ddce70bc.cjs +1 -0
- package/dist/checkbox-group_4.entry-3311da64.cjs +28 -0
- package/dist/{checkbox-group_4.entry-04561314.js → checkbox-group_4.entry-7df47ad4.js} +286 -245
- package/dist/{checkmark-circle-icon.entry-1f788efc.js → checkmark-circle-icon.entry-677b0def.js} +1 -1
- package/dist/{checkmark-circle-icon.entry-e637e20e.cjs → checkmark-circle-icon.entry-67df713b.cjs} +1 -1
- package/dist/checkmark-icon_15.entry-2121e1b7.cjs +5 -0
- package/dist/{checkmark-icon_15.entry-146c1cb0.js → checkmark-icon_15.entry-9fd0ec58.js} +403 -330
- package/dist/chevron-icon_3.entry-1a42235c.cjs +1 -0
- package/dist/{chevron-icon_3.entry-637338b5.js → chevron-icon_3.entry-f0ad71d9.js} +19 -10
- package/dist/{clock-icon_4.entry-aa4117dc.cjs → clock-icon_4.entry-88822a84.cjs} +1 -1
- package/dist/{clock-icon_4.entry-e69395a2.js → clock-icon_4.entry-e7472d5f.js} +1 -1
- package/dist/{customParseFormat-8be9be1b-2464f2ba.js → customParseFormat-eeec04f5-3ad26beb.js} +1 -1
- package/dist/{customParseFormat-8be9be1b-7ad95d87.cjs → customParseFormat-eeec04f5-d5957784.cjs} +1 -1
- package/dist/{delete-icon.entry-af0cc45b.cjs → delete-icon.entry-3cb58910.cjs} +1 -1
- package/dist/{delete-icon.entry-8a956edd.js → delete-icon.entry-813429d7.js} +1 -1
- package/dist/{document-refresh-icon.entry-45931416.cjs → document-refresh-icon.entry-ae361b0b.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-5f58f367.js → document-refresh-icon.entry-c224c778.js} +1 -1
- package/dist/{feedbackSync-3db3713c-aadf336b.js → feedbackSync-0ebd0eda-803c3ebe.js} +1 -1
- package/dist/{feedbackSync-3db3713c-701d2eb9.cjs → feedbackSync-0ebd0eda-e12b00d5.cjs} +1 -1
- package/dist/{folder-icon.entry-cb80c172.cjs → folder-icon.entry-107841af.cjs} +1 -1
- package/dist/{folder-icon.entry-e5d7a651.js → folder-icon.entry-9c1f7c41.js} +1 -1
- package/dist/{forward-icon.entry-59be8165.js → forward-icon.entry-4ac22c16.js} +1 -1
- package/dist/{forward-icon.entry-c792734b.cjs → forward-icon.entry-6cec1f94.cjs} +1 -1
- package/dist/{globe-icon.entry-0fe4a4bb.js → globe-icon.entry-7798c93b.js} +1 -1
- package/dist/{globe-icon.entry-9ecf0255.cjs → globe-icon.entry-909c1382.cjs} +1 -1
- package/dist/google-logo-icon_6.entry-1f4ad364.cjs +2 -0
- package/dist/{google-logo-icon_6.entry-799511df.js → google-logo-icon_6.entry-b198c90a.js} +132 -89
- package/dist/{google-meet-icon_5.entry-3841313d.cjs → google-meet-icon_5.entry-82d87e77.cjs} +1 -1
- package/dist/{google-meet-icon_5.entry-e753ba28.js → google-meet-icon_5.entry-fa6dc1dc.js} +1 -1
- package/dist/{inbox-icon.entry-61132337.js → inbox-icon.entry-1b123e64.js} +1 -1
- package/dist/{inbox-icon.entry-2b450378.cjs → inbox-icon.entry-84f96d31.cjs} +1 -1
- package/dist/{index-2084ffd9.js → index-140eb219.js} +6439 -6370
- package/dist/index-d8a42c15.cjs +118 -0
- package/dist/{index.es-9e756df7-42d8a4cf.js → index.es-57d4a08f-184cbc01.js} +1 -1
- package/dist/{index.es-9e756df7-fa75b01e.cjs → index.es-57d4a08f-b0a2ca19.cjs} +1 -1
- package/dist/{info-icon_2.entry-c547775c.cjs → info-icon_2.entry-f09e7dae.cjs} +1 -1
- package/dist/{info-icon_2.entry-8d2750ce.js → info-icon_2.entry-f8b72d08.js} +1 -1
- package/dist/{input-component.entry-2e134e2a.js → input-component.entry-44607977.js} +26 -17
- package/dist/{input-component.entry-b1086460.cjs → input-component.entry-fd38953d.cjs} +1 -1
- package/dist/input-dropdown_2.entry-4c2e5e1a.cjs +1 -0
- package/dist/{input-dropdown_2.entry-1a02e672.js → input-dropdown_2.entry-6898b420.js} +30 -9
- package/dist/{italic-icon.entry-0ec2793b.js → italic-icon.entry-16aa1ada.js} +1 -1
- package/dist/{italic-icon.entry-6a3a5464.cjs → italic-icon.entry-beef2254.cjs} +1 -1
- package/dist/lib/notetaker/SendNotetaker/SendNotetaker.d.ts +3 -2
- package/dist/lib/notetaker/VideoPlayer/VideoPlayer.d.ts +2 -0
- package/dist/{multi-select-dropdown.entry-15e887be.js → multi-select-dropdown.entry-50133d29.js} +39 -30
- package/dist/multi-select-dropdown.entry-c82cd6d4.cjs +1 -0
- package/dist/{nylas-booked-event-card_11.entry-98bcc904.js → nylas-booked-event-card_11.entry-56768a09.js} +60 -60
- package/dist/nylas-booked-event-card_11.entry-eb4b3c5c.cjs +1 -0
- package/dist/nylas-date-component_2.entry-93f2f352.cjs +1 -0
- package/dist/{nylas-date-component_2.entry-6a98a5bf.js → nylas-date-component_2.entry-df957150.js} +85 -67
- package/dist/nylas-form-card.entry-4d95a4ad.cjs +1 -0
- package/dist/nylas-form-card.entry-7724e61f.js +72 -0
- package/dist/{nylas-notification_2.entry-4638126b.cjs → nylas-notification_2.entry-448c2cb8.cjs} +1 -1
- package/dist/{nylas-notification_2.entry-320a5a65.js → nylas-notification_2.entry-af763b6c.js} +1 -1
- package/dist/{nylas-scheduler-editor.entry-aa62c689.js → nylas-scheduler-editor.entry-0e4ba46d.js} +45 -34
- package/dist/{nylas-scheduler-editor.entry-82e0f79e.cjs → nylas-scheduler-editor.entry-e36cdd9d.cjs} +2 -2
- package/dist/{nylas-scheduling.entry-aec79de5.js → nylas-scheduling.entry-1b207e91.js} +194 -184
- package/dist/nylas-scheduling.entry-904dd10e.cjs +1 -0
- package/dist/{person-icon.entry-01a6a976.cjs → person-icon.entry-70d46ca6.cjs} +1 -1
- package/dist/{person-icon.entry-23cbe5dd.js → person-icon.entry-f2979577.js} +1 -1
- package/dist/{play-icon.entry-33443687.cjs → play-icon.entry-c2cf0b12.cjs} +1 -1
- package/dist/{play-icon.entry-4a529bd2.js → play-icon.entry-d387df5d.js} +1 -1
- package/dist/{radio-button-group.entry-04b7ff59.js → radio-button-group.entry-45dbd2df.js} +19 -10
- package/dist/{radio-button-group.entry-65155787.cjs → radio-button-group.entry-94e06176.cjs} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/{refresh-icon.entry-e4ea4811.cjs → refresh-icon.entry-5ab20f26.cjs} +1 -1
- package/dist/{refresh-icon.entry-61ced881.js → refresh-icon.entry-777cff27.js} +1 -1
- package/dist/{register-component-8bbd6492-0d8737fd.js → register-component-0aad9e3d-b395364a.js} +1 -1
- package/dist/{register-component-8bbd6492-d9a23f3c.cjs → register-component-0aad9e3d-d2f2e543.cjs} +1 -1
- package/dist/{reply-all-icon.entry-c64d923b.cjs → reply-all-icon.entry-3c90510e.cjs} +1 -1
- package/dist/{reply-all-icon.entry-83509aaf.js → reply-all-icon.entry-e2dd6da9.js} +1 -1
- package/dist/{reply-icon.entry-131ade31.js → reply-icon.entry-00a97d9f.js} +1 -1
- package/dist/{reply-icon.entry-4edfbb70.cjs → reply-icon.entry-d96478be.cjs} +1 -1
- package/dist/{sent-icon.entry-e4f6a3ef.cjs → sent-icon.entry-2d16da4e.cjs} +1 -1
- package/dist/{sent-icon.entry-72fd8f16.js → sent-icon.entry-949cf214.js} +1 -1
- package/dist/{spam-icon.entry-7594c792.js → spam-icon.entry-3baf9e79.js} +1 -1
- package/dist/{spam-icon.entry-c531c188.cjs → spam-icon.entry-7ee61730.cjs} +1 -1
- package/dist/{star-icon.entry-adbe1bb3.js → star-icon.entry-9fdb278b.js} +1 -1
- package/dist/{star-icon.entry-a75255ff.cjs → star-icon.entry-dc702d73.cjs} +1 -1
- package/dist/{stop-icon.entry-079b28c6.cjs → stop-icon.entry-b5ae7e55.cjs} +1 -1
- package/dist/{stop-icon.entry-e95993f2.js → stop-icon.entry-efa1ea66.js} +1 -1
- package/dist/{textarea-component.entry-920a81ac.cjs → textarea-component.entry-247aca42.cjs} +1 -1
- package/dist/{textarea-component.entry-f5d74fb8.js → textarea-component.entry-7c6fc4d8.js} +26 -10
- package/dist/toggle-switch.entry-a0295d17.js +49 -0
- package/dist/toggle-switch.entry-d52b0338.cjs +1 -0
- package/dist/{translate-icon.entry-01cbe664.js → translate-icon.entry-219cab17.js} +1 -1
- package/dist/{translate-icon.entry-f33632d6.cjs → translate-icon.entry-985b3b29.cjs} +1 -1
- package/dist/{trash-fill-icon.entry-b39ff771.js → trash-fill-icon.entry-03c90559.js} +1 -1
- package/dist/{trash-fill-icon.entry-298eece8.cjs → trash-fill-icon.entry-4dfd7d24.cjs} +1 -1
- package/dist/{underline-icon.entry-39179a2e.js → underline-icon.entry-58fa18b5.js} +1 -1
- package/dist/{underline-icon.entry-3704187c.cjs → underline-icon.entry-c60b77a6.cjs} +1 -1
- package/package.json +3 -3
- package/dist/calendar-agenda-fill-icon_37.entry-5e405c00.cjs +0 -6
- package/dist/checkbox-component.entry-8341a8d6.cjs +0 -1
- package/dist/checkbox-component.entry-da122544.js +0 -43
- package/dist/checkbox-group_4.entry-8854d522.cjs +0 -28
- package/dist/checkmark-icon_15.entry-a265f687.cjs +0 -5
- package/dist/chevron-icon_3.entry-6c38b5e5.cjs +0 -1
- package/dist/google-logo-icon_6.entry-60924f34.cjs +0 -2
- package/dist/index-e9dc7971.cjs +0 -118
- package/dist/input-dropdown_2.entry-cb163dc3.cjs +0 -1
- package/dist/multi-select-dropdown.entry-daccefd5.cjs +0 -1
- package/dist/nylas-booked-event-card_11.entry-3cdf8015.cjs +0 -1
- package/dist/nylas-date-component_2.entry-5d4f54fa.cjs +0 -1
- package/dist/nylas-form-card.entry-22851b77.cjs +0 -1
- package/dist/nylas-form-card.entry-a997084f.js +0 -58
- package/dist/nylas-scheduling.entry-9cef581a.cjs +0 -1
- package/dist/toggle-switch.entry-33273409.js +0 -34
- package/dist/toggle-switch.entry-ba6b4f33.cjs +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { i as
|
|
2
|
-
import { N as re } from "./abstract-provider-
|
|
3
|
-
import { E as
|
|
4
|
-
import { n as H } from "./index.es-
|
|
1
|
+
import { i as d, r as te, a as P, b as A, k as N, l as V, m as ne, h as s, H as R, g as ie, e as se, F as oe } from "./index-140eb219.js";
|
|
2
|
+
import { N as re } from "./abstract-provider-45ada3b4-abd3105d.js";
|
|
3
|
+
import { E as M, i as ae, a as le, f as de, c as ce, b as he } from "./feedbackSync-0ebd0eda-803c3ebe.js";
|
|
4
|
+
import { n as H } from "./index.es-57d4a08f-184cbc01.js";
|
|
5
5
|
import { L as j, a as Z } from "./constants-f51538ef-e0a5f026.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react/jsx-runtime";
|
|
@@ -9,7 +9,7 @@ import "react-dom";
|
|
|
9
9
|
class ge {
|
|
10
10
|
constructor() {
|
|
11
11
|
this.component = (e) => {
|
|
12
|
-
const t =
|
|
12
|
+
const t = M.Component, o = `${e} Error`;
|
|
13
13
|
return {
|
|
14
14
|
endtime_not_in_future: (n = '"endtime" can not be in the future') => ({
|
|
15
15
|
title: o,
|
|
@@ -63,7 +63,7 @@ class ge {
|
|
|
63
63
|
})
|
|
64
64
|
};
|
|
65
65
|
}, this.api = (e) => {
|
|
66
|
-
const t =
|
|
66
|
+
const t = M.Api, o = `${e} Error`;
|
|
67
67
|
return {
|
|
68
68
|
invalid_session: (n) => ({
|
|
69
69
|
title: o,
|
|
@@ -115,7 +115,7 @@ class ue {
|
|
|
115
115
|
}
|
|
116
116
|
async makeAPIRequest(e, t, o, n = {}) {
|
|
117
117
|
try {
|
|
118
|
-
const a = new URL(this.schedulerAPIURL), r = "2.0.
|
|
118
|
+
const a = new URL(this.schedulerAPIURL), r = "2.0.6";
|
|
119
119
|
return a.pathname = e, await (await fetch(decodeURIComponent(a.toString()), {
|
|
120
120
|
method: t,
|
|
121
121
|
headers: {
|
|
@@ -156,7 +156,7 @@ class ue {
|
|
|
156
156
|
this.schedulerStore.set("selectedTimezone", e);
|
|
157
157
|
}
|
|
158
158
|
selectLanguage(e) {
|
|
159
|
-
this.schedulerStore.set("selectedLanguage", e),
|
|
159
|
+
this.schedulerStore.set("selectedLanguage", e), d.changeLanguage(e);
|
|
160
160
|
}
|
|
161
161
|
async toggleAdditionalData(e) {
|
|
162
162
|
e || await this.refetchAvailability(), this.schedulerStore.set("showBookingForm", e);
|
|
@@ -215,69 +215,69 @@ class ue {
|
|
|
215
215
|
return this.schedulerStore.set("organizerConfirmationBookingId", ""), this.schedulerStore.set("confirmedEventInfo", void 0), e;
|
|
216
216
|
}
|
|
217
217
|
async bookTimeslot(e) {
|
|
218
|
-
var
|
|
218
|
+
var w, L, C;
|
|
219
219
|
this.schedulerStore.set("isLoading", !0);
|
|
220
220
|
const { selectedTimeslot: t, selectedTimezone: o, bookingInfo: n, selectedLanguage: a } = this.schedulerStore.state;
|
|
221
221
|
if (!e && !n)
|
|
222
|
-
return { error: this.errors.component(
|
|
222
|
+
return { error: this.errors.component(d.t("createBookingErrorTitle")).no_booking_info() };
|
|
223
223
|
const r = (e == null ? void 0 : e.timeslot) || t;
|
|
224
224
|
if (!r)
|
|
225
|
-
return { error: this.errors.component(
|
|
226
|
-
const l = e && (e != null && e.timezone) ? e == null ? void 0 : e.timezone : o,
|
|
225
|
+
return { error: this.errors.component(d.t("createBookingErrorTitle")).no_timeslot_selected() };
|
|
226
|
+
const l = e && (e != null && e.timezone) ? e == null ? void 0 : e.timezone : o, c = a || "en-US";
|
|
227
227
|
if (!l)
|
|
228
|
-
return { error: this.errors.component(
|
|
228
|
+
return { error: this.errors.component(d.t("createBookingErrorTitle")).no_timezone_selected() };
|
|
229
229
|
const m = [...this.schedulerStore.get("availabilityOrderEmails")];
|
|
230
|
-
let
|
|
230
|
+
let h = "";
|
|
231
231
|
const g = (r == null ? void 0 : r.emails) || [], f = {};
|
|
232
|
-
Object.entries((n == null ? void 0 : n.additionalFields) || {}).forEach(([
|
|
233
|
-
f[
|
|
232
|
+
Object.entries((n == null ? void 0 : n.additionalFields) || {}).forEach(([v, B]) => {
|
|
233
|
+
f[v] = B.value;
|
|
234
234
|
});
|
|
235
|
-
const
|
|
235
|
+
const b = e ? e == null ? void 0 : e.primaryParticipant : n == null ? void 0 : n.primaryParticipant, p = e ? (e == null ? void 0 : e.guests) || [] : (n == null ? void 0 : n.guests) || [], I = e ? e == null ? void 0 : e.additionalFields : f, _ = this.getHeaders(), k = `/v3/scheduling/bookings${!this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : ""}`;
|
|
236
236
|
if (m.length === 0) {
|
|
237
|
-
const
|
|
238
|
-
additional_fields:
|
|
237
|
+
const v = await this.makeAPIRequest(decodeURIComponent(k), "POST", JSON.stringify({
|
|
238
|
+
additional_fields: I,
|
|
239
239
|
additional_guests: p,
|
|
240
|
-
guest: { ...
|
|
240
|
+
guest: { ...b },
|
|
241
241
|
start_time: r.start_time.getTime() / 1e3,
|
|
242
242
|
end_time: r.end_time.getTime() / 1e3,
|
|
243
243
|
timezone: l,
|
|
244
244
|
event_id: (r == null ? void 0 : r.event_id) || void 0,
|
|
245
245
|
master_id: (r == null ? void 0 : r.master_id) || void 0,
|
|
246
246
|
calendar_id: (r == null ? void 0 : r.calendar_id) || void 0,
|
|
247
|
-
email_language: this.getTwoLetterLanguageCode(
|
|
248
|
-
}),
|
|
249
|
-
return this.schedulerStore.set("isLoading", !1), "data" in
|
|
247
|
+
email_language: this.getTwoLetterLanguageCode(c)
|
|
248
|
+
}), _);
|
|
249
|
+
return this.schedulerStore.set("isLoading", !1), "data" in v ? (this.schedulerStore.set("eventInfo", v.data), v) : { error: v.error };
|
|
250
250
|
}
|
|
251
251
|
for (; m.length > 0; ) {
|
|
252
|
-
if (
|
|
252
|
+
if (h = m.shift(), !g.includes(h))
|
|
253
253
|
continue;
|
|
254
|
-
const
|
|
255
|
-
participants:
|
|
256
|
-
additional_fields:
|
|
254
|
+
const v = await this.makeAPIRequest(decodeURIComponent(k), "POST", JSON.stringify({
|
|
255
|
+
participants: h ? [{ email: h }] : void 0,
|
|
256
|
+
additional_fields: I,
|
|
257
257
|
additional_guests: p,
|
|
258
|
-
guest: { ...
|
|
258
|
+
guest: { ...b },
|
|
259
259
|
start_time: r.start_time.getTime() / 1e3,
|
|
260
260
|
end_time: r.end_time.getTime() / 1e3,
|
|
261
261
|
timezone: l,
|
|
262
|
-
email_language: this.getTwoLetterLanguageCode(
|
|
263
|
-
}),
|
|
264
|
-
if ("data" in
|
|
265
|
-
return this.schedulerStore.set("isLoading", !1), this.schedulerStore.set("eventInfo",
|
|
266
|
-
if ((
|
|
262
|
+
email_language: this.getTwoLetterLanguageCode(c)
|
|
263
|
+
}), _);
|
|
264
|
+
if ("data" in v)
|
|
265
|
+
return this.schedulerStore.set("isLoading", !1), this.schedulerStore.set("eventInfo", v == null ? void 0 : v.data), v;
|
|
266
|
+
if ((L = (w = v.error) == null ? void 0 : w.message) != null && L.startsWith("The selected timeslot is unavailable"))
|
|
267
267
|
continue;
|
|
268
268
|
{
|
|
269
269
|
this.schedulerStore.set("isLoading", !1);
|
|
270
|
-
const
|
|
271
|
-
let F =
|
|
272
|
-
if (
|
|
273
|
-
const
|
|
274
|
-
F = this.errors.api(
|
|
270
|
+
const B = (C = v.error) == null ? void 0 : C.type;
|
|
271
|
+
let F = v.error;
|
|
272
|
+
if (B && B in this.errors.api(d.t("createBookingErrorTitle"))) {
|
|
273
|
+
const U = this.getErrorMessage(F);
|
|
274
|
+
F = this.errors.api(d.t("createBookingErrorTitle"))[B](U);
|
|
275
275
|
}
|
|
276
276
|
return { error: F };
|
|
277
277
|
}
|
|
278
278
|
}
|
|
279
279
|
return this.schedulerStore.set("isLoading", !1), {
|
|
280
|
-
error: this.errors.api(
|
|
280
|
+
error: this.errors.api(d.t("createBookingErrorTitle")).timeslot_not_available("The selected timeslot is unavailable")
|
|
281
281
|
};
|
|
282
282
|
}
|
|
283
283
|
async getUISettings() {
|
|
@@ -290,8 +290,8 @@ class ue {
|
|
|
290
290
|
if ("error" in a) {
|
|
291
291
|
this.schedulerStore.set("isLoading", !1);
|
|
292
292
|
const l = (r = a.error) == null ? void 0 : r.type;
|
|
293
|
-
let
|
|
294
|
-
return l && l in this.errors.api(
|
|
293
|
+
let c = a.error;
|
|
294
|
+
return l && l in this.errors.api(d.t("getUISettingErrorTitle")) && (c = this.errors.api(d.t("getUISettingErrorTitle"))[l]((c == null ? void 0 : c.message) || (c == null ? void 0 : c.title) || "Something went wrong")), { error: c };
|
|
295
295
|
}
|
|
296
296
|
return "data" in a && (this.schedulerStore.set("configSettings", a.data), this.clientId = a.data.app_client_id || this.clientId), this.schedulerStore.set("isLoading", !1), a;
|
|
297
297
|
}
|
|
@@ -312,62 +312,72 @@ class ue {
|
|
|
312
312
|
return Math.min(n, e);
|
|
313
313
|
}
|
|
314
314
|
async getAvailability(e = 0, t = 0) {
|
|
315
|
-
var f,
|
|
315
|
+
var f, b, p, I, _;
|
|
316
316
|
this.schedulerStore.set("isLoading", !0);
|
|
317
317
|
const o = new URLSearchParams(), n = /* @__PURE__ */ new Date(), a = n.getTime();
|
|
318
318
|
if (t && t < a / 1e3)
|
|
319
|
-
return this.schedulerStore.set("isLoading", !1), { error: this.errors.component(
|
|
319
|
+
return this.schedulerStore.set("isLoading", !1), { error: this.errors.component(d.t("getAvailabilityErrorTitle")).endtime_not_in_future() };
|
|
320
320
|
if (!e) {
|
|
321
|
-
const
|
|
322
|
-
e = Math.floor(
|
|
321
|
+
const y = new Date(n.getFullYear(), n.getMonth(), 1);
|
|
322
|
+
e = Math.floor(y.getTime() / 1e3);
|
|
323
323
|
}
|
|
324
324
|
if (!t) {
|
|
325
|
-
const
|
|
326
|
-
t = Math.floor(
|
|
325
|
+
const y = new Date(n.getFullYear(), n.getMonth() + 1, 0);
|
|
326
|
+
t = Math.floor(y.getTime() / 1e3);
|
|
327
327
|
}
|
|
328
328
|
t = this.getEndTimeForAvailableDaysInFuture(t);
|
|
329
329
|
const r = this.getStartTimeWithMinBookingNotice(e);
|
|
330
330
|
e = r, t = r > t ? r + 1 : t, o.append("start_time", encodeURIComponent(e.toString())), o.append("end_time", encodeURIComponent(t.toString())), this.configId && !this.sessionId ? o.append("configuration_id", encodeURIComponent(this.configId)) : this.slug && this.clientId && !this.sessionId && (o.append("slug", encodeURIComponent(this.slug)), o.append("client_id", encodeURIComponent(this.clientId)));
|
|
331
331
|
const l = this.schedulerStore.get("rescheduleBookingId");
|
|
332
332
|
l && o.append("booking_id", encodeURIComponent(l));
|
|
333
|
-
const
|
|
333
|
+
const c = o.toString(), m = `/v3/scheduling/availability${c ? `?${c}` : ""}`, h = this.getHeaders(), g = await this.makeAPIRequest(decodeURIComponent(m), "GET", void 0, h);
|
|
334
334
|
if ("error" in g) {
|
|
335
335
|
this.schedulerStore.set("availability", []), this.schedulerStore.set("isLoading", !1);
|
|
336
|
-
const
|
|
336
|
+
const y = (f = g.error) == null ? void 0 : f.type;
|
|
337
337
|
let k = g.error;
|
|
338
|
-
if (b
|
|
339
|
-
const
|
|
340
|
-
|
|
338
|
+
if ((b = k == null ? void 0 : k.message) != null && b.toLowerCase().includes("Failed to find a valid Grant")) {
|
|
339
|
+
const w = d.t("invalidGrantError");
|
|
340
|
+
return {
|
|
341
|
+
error: {
|
|
342
|
+
title: d.t("invalidGrantErrorTitle"),
|
|
343
|
+
message: w,
|
|
344
|
+
category: M.Api
|
|
345
|
+
}
|
|
346
|
+
};
|
|
347
|
+
}
|
|
348
|
+
if (y && y in this.errors.api(d.t("getAvailabilityErrorTitle"))) {
|
|
349
|
+
const w = this.getErrorMessage(k);
|
|
350
|
+
k = this.errors.api(d.t("getAvailabilityErrorTitle"))[y](w);
|
|
341
351
|
}
|
|
342
352
|
return { error: k };
|
|
343
353
|
}
|
|
344
354
|
if ("data" in g) {
|
|
345
|
-
const
|
|
346
|
-
...
|
|
347
|
-
start_time: new Date(
|
|
348
|
-
end_time: new Date(
|
|
349
|
-
}))) || []).filter((
|
|
350
|
-
this.schedulerStore.set("availability",
|
|
351
|
-
const
|
|
352
|
-
this.schedulerStore.set("availabilityOrderEmails",
|
|
355
|
+
const w = (((I = (p = g.data) == null ? void 0 : p.time_slots) == null ? void 0 : I.map((C) => ({
|
|
356
|
+
...C,
|
|
357
|
+
start_time: new Date(C.start_time * 1e3),
|
|
358
|
+
end_time: new Date(C.end_time * 1e3)
|
|
359
|
+
}))) || []).filter((C) => C.start_time.getTime() > a).sort((C, v) => C.start_time.getTime() - v.start_time.getTime());
|
|
360
|
+
this.schedulerStore.set("availability", w);
|
|
361
|
+
const L = ((_ = g.data) == null ? void 0 : _.order) || [];
|
|
362
|
+
this.schedulerStore.set("availabilityOrderEmails", L);
|
|
353
363
|
}
|
|
354
364
|
return this.schedulerStore.set("isLoading", !1), g;
|
|
355
365
|
}
|
|
356
366
|
async cancelBooking(e, t) {
|
|
357
367
|
var l;
|
|
358
368
|
if (this.schedulerStore.set("isLoading", !0), !e)
|
|
359
|
-
return { error: this.errors.component(
|
|
369
|
+
return { error: this.errors.component(d.t("cancelBookingErrorTitle")).no_booking_id() };
|
|
360
370
|
const o = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "", n = `/v3/scheduling/bookings/${e}${o}`, a = this.getHeaders(), r = await this.makeAPIRequest(decodeURIComponent(n), "DELETE", JSON.stringify({
|
|
361
371
|
action: "cancel",
|
|
362
372
|
cancellation_reason: t
|
|
363
373
|
}), a);
|
|
364
374
|
if ("error" in r) {
|
|
365
375
|
this.schedulerStore.set("isLoading", !1);
|
|
366
|
-
const
|
|
376
|
+
const c = (l = r.error) == null ? void 0 : l.type;
|
|
367
377
|
let m = r.error;
|
|
368
|
-
if (
|
|
369
|
-
const
|
|
370
|
-
m = this.errors.api(
|
|
378
|
+
if (c && c in this.errors.api(d.t("cancelBookingErrorTitle"))) {
|
|
379
|
+
const h = this.getErrorMessage(m);
|
|
380
|
+
m = this.errors.api(d.t("cancelBookingErrorTitle"))[c](h);
|
|
371
381
|
}
|
|
372
382
|
return { error: m };
|
|
373
383
|
}
|
|
@@ -378,52 +388,52 @@ class ue {
|
|
|
378
388
|
async rescheduleBooking(e, t) {
|
|
379
389
|
var O;
|
|
380
390
|
if (this.schedulerStore.set("isLoading", !0), !e)
|
|
381
|
-
return { error: this.errors.component(
|
|
382
|
-
const o = this.errors.api(
|
|
391
|
+
return { error: this.errors.component(d.t("rescheduleBookingErrorTitle")).no_booking_id() };
|
|
392
|
+
const o = this.errors.api(d.t("rescheduleBookingErrorTitle")), n = this.errors.component(d.t("rescheduleBookingErrorTitle")), { bookingInfo: a, selectedTimeslot: r, selectedTimezone: l, selectedLanguage: c } = this.schedulerStore.state, { startTime: m, endTime: h, timezone: g } = t, f = m || (r == null ? void 0 : r.start_time);
|
|
383
393
|
if (!f)
|
|
384
394
|
return { error: n.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
|
|
385
|
-
const
|
|
386
|
-
if (!
|
|
395
|
+
const b = h || (r == null ? void 0 : r.end_time);
|
|
396
|
+
if (!b)
|
|
387
397
|
return { error: n.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
|
|
388
398
|
const p = this.schedulerStore.get("availabilityOrderEmails");
|
|
389
|
-
let
|
|
399
|
+
let I = "";
|
|
390
400
|
if (p.length > 0) {
|
|
391
|
-
const
|
|
392
|
-
for (let
|
|
393
|
-
if (
|
|
394
|
-
|
|
401
|
+
const T = (r == null ? void 0 : r.emails) || [];
|
|
402
|
+
for (let S = 0; S < p.length; S++)
|
|
403
|
+
if (T.includes(p[S])) {
|
|
404
|
+
I = p[S];
|
|
395
405
|
break;
|
|
396
406
|
}
|
|
397
407
|
}
|
|
398
|
-
const
|
|
399
|
-
if (!
|
|
408
|
+
const _ = g || l;
|
|
409
|
+
if (!_)
|
|
400
410
|
return { error: n.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.') };
|
|
401
|
-
const
|
|
402
|
-
Object.entries((a == null ? void 0 : a.additionalFields) || {}).forEach(([
|
|
403
|
-
|
|
411
|
+
const y = (r == null ? void 0 : r.event_id) || void 0, k = (r == null ? void 0 : r.master_id) || void 0, w = (r == null ? void 0 : r.calendar_id) || void 0, L = {};
|
|
412
|
+
Object.entries((a == null ? void 0 : a.additionalFields) || {}).forEach(([T, S]) => {
|
|
413
|
+
L[T] = S.value;
|
|
404
414
|
});
|
|
405
|
-
const
|
|
415
|
+
const C = t ? t == null ? void 0 : t.primaryParticipant : a == null ? void 0 : a.primaryParticipant, v = t ? (t == null ? void 0 : t.guests) || [] : (a == null ? void 0 : a.guests) || [], B = t ? t == null ? void 0 : t.additionalFields : L, F = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "", U = `/v3/scheduling/bookings/${e}${F}`, q = this.getHeaders(), x = await this.makeAPIRequest(decodeURIComponent(U), "PATCH", JSON.stringify({
|
|
406
416
|
start_time: f.getTime() / 1e3,
|
|
407
|
-
end_time:
|
|
408
|
-
timezone:
|
|
409
|
-
additional_fields:
|
|
410
|
-
guest: { ...
|
|
411
|
-
additional_guests:
|
|
412
|
-
participants:
|
|
413
|
-
email_language: this.getTwoLetterLanguageCode(
|
|
414
|
-
event_id:
|
|
415
|
-
master_id:
|
|
416
|
-
calendar_id:
|
|
417
|
+
end_time: b.getTime() / 1e3,
|
|
418
|
+
timezone: _,
|
|
419
|
+
additional_fields: B,
|
|
420
|
+
guest: { ...C },
|
|
421
|
+
additional_guests: v,
|
|
422
|
+
participants: I ? [{ email: I }] : void 0,
|
|
423
|
+
email_language: this.getTwoLetterLanguageCode(c),
|
|
424
|
+
event_id: y,
|
|
425
|
+
master_id: k,
|
|
426
|
+
calendar_id: w
|
|
417
427
|
}), q);
|
|
418
428
|
if ("error" in x) {
|
|
419
429
|
this.schedulerStore.set("isLoading", !1);
|
|
420
|
-
const
|
|
421
|
-
let
|
|
422
|
-
if (
|
|
423
|
-
const
|
|
424
|
-
|
|
430
|
+
const T = (O = x.error) == null ? void 0 : O.type;
|
|
431
|
+
let S = x.error;
|
|
432
|
+
if (T && T in o) {
|
|
433
|
+
const D = this.getErrorMessage(S);
|
|
434
|
+
S = o[T](D);
|
|
425
435
|
}
|
|
426
|
-
return { error:
|
|
436
|
+
return { error: S };
|
|
427
437
|
}
|
|
428
438
|
const u = this.schedulerStore.get("reschedulingEventInfo");
|
|
429
439
|
if ("data" in x)
|
|
@@ -431,46 +441,46 @@ class ue {
|
|
|
431
441
|
else if (u)
|
|
432
442
|
this.schedulerStore.set("eventInfo", u);
|
|
433
443
|
else {
|
|
434
|
-
const
|
|
444
|
+
const T = {
|
|
435
445
|
booking_id: e
|
|
436
446
|
};
|
|
437
|
-
this.schedulerStore.set("eventInfo",
|
|
447
|
+
this.schedulerStore.set("eventInfo", T);
|
|
438
448
|
}
|
|
439
449
|
return this.schedulerStore.set("isLoading", !1), x;
|
|
440
450
|
}
|
|
441
451
|
async updateBooking(e) {
|
|
442
452
|
var g;
|
|
443
453
|
this.schedulerStore.set("isLoading", !0);
|
|
444
|
-
const { bookingId: t, status: o, reason: n } = e, a = this.schedulerStore.get("organizerConfirmationSalt"), r = o === "confirmed" ?
|
|
454
|
+
const { bookingId: t, status: o, reason: n } = e, a = this.schedulerStore.get("organizerConfirmationSalt"), r = o === "confirmed" ? d.t("confirmBookingErrorTitle") : d.t("rejectBookingErrorTitle");
|
|
445
455
|
if (!t)
|
|
446
456
|
return { error: this.errors.component(r).no_booking_id() };
|
|
447
457
|
if (!a)
|
|
448
458
|
return { error: this.errors.component(r).no_salt() };
|
|
449
|
-
const l = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "",
|
|
459
|
+
const l = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "", c = `/v3/scheduling/bookings/${t}${l}`, m = this.getHeaders(), h = await this.makeAPIRequest(decodeURIComponent(c), "PUT", JSON.stringify({
|
|
450
460
|
status: o,
|
|
451
461
|
cancellation_reason: n,
|
|
452
462
|
salt: a
|
|
453
463
|
}), m);
|
|
454
|
-
if ("error" in
|
|
464
|
+
if ("error" in h) {
|
|
455
465
|
this.schedulerStore.set("isLoading", !1);
|
|
456
|
-
const f = (g =
|
|
457
|
-
let
|
|
466
|
+
const f = (g = h.error) == null ? void 0 : g.type;
|
|
467
|
+
let b = h.error;
|
|
458
468
|
if (f && f in this.errors.api(r)) {
|
|
459
|
-
const p = this.getErrorMessage(
|
|
460
|
-
|
|
469
|
+
const p = this.getErrorMessage(b);
|
|
470
|
+
b = this.errors.api(r)[f](p);
|
|
461
471
|
}
|
|
462
|
-
return { error:
|
|
472
|
+
return { error: b };
|
|
463
473
|
}
|
|
464
|
-
return "data" in
|
|
474
|
+
return "data" in h && o === "confirmed" ? this.schedulerStore.set("confirmedEventInfo", h == null ? void 0 : h.data) : "request_id" in h && o === "cancelled" && this.schedulerStore.set("cancelledEventInfo", {
|
|
465
475
|
booking_id: t
|
|
466
|
-
}), this.schedulerStore.set("organizerConfirmationBookingId", ""), this.schedulerStore.set("isLoading", !1),
|
|
476
|
+
}), this.schedulerStore.set("organizerConfirmationBookingId", ""), this.schedulerStore.set("isLoading", !1), h;
|
|
467
477
|
}
|
|
468
478
|
async validateGroupEventTimeslot(e) {
|
|
469
479
|
var r, l;
|
|
470
480
|
this.schedulerStore.set("isLoading", !0);
|
|
471
481
|
const t = (r = this.schedulerStore.get("configSettings")) == null ? void 0 : r.configuration_id;
|
|
472
482
|
if (!t)
|
|
473
|
-
return { error: this.errors.component(
|
|
483
|
+
return { error: this.errors.component(d.t("validateTimeslotErrorTitle")).no_config_id() };
|
|
474
484
|
const o = this.getHeaders(), n = `/v3/scheduling/configurations/${t}/group-events/validate-timeslot`, a = await this.makeAPIRequest(decodeURIComponent(n), "POST", JSON.stringify({
|
|
475
485
|
...e,
|
|
476
486
|
start_time: e.start_time.getTime() / 1e3,
|
|
@@ -478,11 +488,11 @@ class ue {
|
|
|
478
488
|
}), o);
|
|
479
489
|
if ("error" in a) {
|
|
480
490
|
this.schedulerStore.set("isLoading", !1);
|
|
481
|
-
const
|
|
491
|
+
const c = (l = a.error) == null ? void 0 : l.type;
|
|
482
492
|
let m = a.error;
|
|
483
|
-
if (
|
|
484
|
-
const
|
|
485
|
-
m = this.errors.api(
|
|
493
|
+
if (c && c in this.errors.api(d.t("validateTimeslotErrorTitle"))) {
|
|
494
|
+
const h = this.getErrorMessage(m);
|
|
495
|
+
m = this.errors.api(d.t("validateTimeslotErrorTitle"))[c](h);
|
|
486
496
|
}
|
|
487
497
|
return this.refetchAvailability(), { error: m };
|
|
488
498
|
}
|
|
@@ -598,20 +608,20 @@ const z = (i, e) => {
|
|
|
598
608
|
)
|
|
599
609
|
)
|
|
600
610
|
);
|
|
601
|
-
}, K = (i, e) => s("div", { class: "message-banner" }, e), me = ':host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto;border-left:none}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer .powered-by-nylas{display:flex;align-items:center;text-decoration:none;color:var(--nylas-base-500)}.footer .powered-by-nylas:hover{color:var(--nylas-base-800)}.footer svg{fill:var(--nylas-base-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}.language-feedback-container{width:auto;position:absolute;bottom:4px;left:16px;display:flex;gap:8px;align-items:center}.language-feedback-container button-component#report-issue{position:initial}nylas-feedback-form{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}', be = me, Q = { title:
|
|
611
|
+
}, K = (i, e) => s("div", { class: "message-banner" }, e), me = ':host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto;border-left:none}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer .powered-by-nylas{display:flex;align-items:center;text-decoration:none;color:var(--nylas-base-500)}.footer .powered-by-nylas:hover{color:var(--nylas-base-800)}.footer svg{fill:var(--nylas-base-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}.language-feedback-container{width:auto;position:absolute;bottom:4px;left:16px;display:flex;gap:8px;align-items:center}.language-feedback-container button-component#report-issue{position:initial}nylas-feedback-form{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}', be = me, Q = { title: d.t("genericErrorTitle"), type: H.Error, category: M.Component }, _e = class {
|
|
602
612
|
constructor(i) {
|
|
603
|
-
te(this, i), this.init = P(this, "init", 7), this.schedulerWillLoad = P(this, "schedulerWillLoad", 7), this.schedulerDidLoad = P(this, "schedulerDidLoad", 7), this.nylasSchedulerError = P(this, "nylasSchedulerError", 7), this.nylasSchedulerInfo = P(this, "nylasSchedulerInfo", 7), this.configSettingsLoaded = P(this, "configSettingsLoaded", 7), this.bookingRefExtracted = P(this, "bookingRefExtracted", 7), this.bookedEventInfo = P(this, "bookedEventInfo", 7), this.mode = "app", this.defaultSchedulerState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingRef = void 0, this.cancelBookingRef = void 0, this.organizerConfirmationBookingRef = void 0, this.configurationId = void 0, this.slug = void 0, this.clientId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.localization = void 0, this.defaultLanguage = void 0, this.showNotification = !0, this.enableUserFeedback = !0, this.hour12 = void 0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(navigator.language, { dateStyle: "full" }) || `${
|
|
613
|
+
te(this, i), this.init = P(this, "init", 7), this.schedulerWillLoad = P(this, "schedulerWillLoad", 7), this.schedulerDidLoad = P(this, "schedulerDidLoad", 7), this.nylasSchedulerError = P(this, "nylasSchedulerError", 7), this.nylasSchedulerInfo = P(this, "nylasSchedulerInfo", 7), this.configSettingsLoaded = P(this, "configSettingsLoaded", 7), this.bookingRefExtracted = P(this, "bookingRefExtracted", 7), this.bookedEventInfo = P(this, "bookedEventInfo", 7), this.mode = "app", this.defaultSchedulerState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingRef = void 0, this.cancelBookingRef = void 0, this.organizerConfirmationBookingRef = void 0, this.configurationId = void 0, this.slug = void 0, this.clientId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.localization = void 0, this.defaultLanguage = void 0, this.showNotification = !0, this.enableUserFeedback = !0, this.hour12 = void 0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(navigator.language, { dateStyle: "full" }) || `${d.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language, this.showFeedbackModal = !1, this.bookingInfoConfirmed = null, this.version = "2.0.6";
|
|
604
614
|
}
|
|
605
615
|
connectedCallback() {
|
|
606
616
|
A("[nylas-scheduler] connectedCallback");
|
|
607
617
|
}
|
|
608
618
|
async componentWillLoad() {
|
|
609
|
-
var l,
|
|
610
|
-
A("[nylas-scheduler] Component will load"), this.version = "2.0.
|
|
619
|
+
var l, c, m;
|
|
620
|
+
A("[nylas-scheduler] Component will load"), this.version = "2.0.6", this.enableUserFeedback && !ae() && le({
|
|
611
621
|
dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
|
|
612
622
|
release: this.version,
|
|
613
|
-
integrations: (
|
|
614
|
-
...
|
|
623
|
+
integrations: (h) => [
|
|
624
|
+
...h.filter((g) => !1),
|
|
615
625
|
de({
|
|
616
626
|
colorScheme: "system",
|
|
617
627
|
autoInject: !1
|
|
@@ -636,18 +646,18 @@ const z = (i, e) => {
|
|
|
636
646
|
}, this.baseProvider = new re(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
|
|
637
647
|
let n;
|
|
638
648
|
if (this.rescheduleBookingRef) {
|
|
639
|
-
const [
|
|
640
|
-
this.refConfigId =
|
|
649
|
+
const [h, g, f] = N(this.rescheduleBookingRef);
|
|
650
|
+
this.refConfigId = h, this.stores.scheduler.set("rescheduleBookingId", g), n = this.bookingRefExtracted.emit({ configurationId: h, bookingId: g });
|
|
641
651
|
} else if (this.cancelBookingRef) {
|
|
642
|
-
const [
|
|
643
|
-
this.refConfigId =
|
|
652
|
+
const [h, g, f] = N(this.cancelBookingRef);
|
|
653
|
+
this.refConfigId = h, this.stores.scheduler.set("cancelBookingId", g), n = this.bookingRefExtracted.emit({ configurationId: h, bookingId: g });
|
|
644
654
|
} else if (this.organizerConfirmationBookingRef) {
|
|
645
|
-
const [
|
|
646
|
-
this.refConfigId =
|
|
655
|
+
const [h, g, f] = N(this.organizerConfirmationBookingRef);
|
|
656
|
+
this.refConfigId = h, this.stores.scheduler.set("organizerConfirmationBookingId", g), this.stores.scheduler.set("organizerConfirmationSalt", f), n = this.bookingRefExtracted.emit({ configurationId: h, bookingId: g, salt: f });
|
|
647
657
|
}
|
|
648
658
|
if ("bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(n, this.nylasSchedulerConnector), n.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
|
|
649
659
|
return;
|
|
650
|
-
const a = (
|
|
660
|
+
const a = (c = this.baseProvider) == null ? void 0 : c.getStore("scheduler");
|
|
651
661
|
this.nylasSchedulerConnector = new fe({
|
|
652
662
|
schedulerAPIURL: this.schedulerApiUrl,
|
|
653
663
|
sessionId: this.sessionId,
|
|
@@ -660,8 +670,8 @@ const z = (i, e) => {
|
|
|
660
670
|
"init" in this.eventOverrides && (await this.eventOverrides.init(r, this.nylasSchedulerConnector), r.defaultPrevented) || ((m = this.baseProvider) == null || m.componentWillLoad(this.nylasSchedulerConnector), this.applyThemeConfig(this.themeConfig));
|
|
661
671
|
}
|
|
662
672
|
async componentDidLoad() {
|
|
663
|
-
var
|
|
664
|
-
(
|
|
673
|
+
var c, m, h, g, f, b, p, I;
|
|
674
|
+
(c = this.baseProvider) == null || c.componentDidLoad();
|
|
665
675
|
const i = this.schedulerDidLoad.emit(this.host);
|
|
666
676
|
if ("schedulerDidLoad" in this.eventOverrides && (await this.eventOverrides.schedulerDidLoad(i, this.nylasSchedulerConnector), i.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
|
|
667
677
|
return;
|
|
@@ -671,12 +681,12 @@ const z = (i, e) => {
|
|
|
671
681
|
this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(e == null ? void 0 : e.error) }, host: this.host });
|
|
672
682
|
return;
|
|
673
683
|
} else {
|
|
674
|
-
"data" in e && ((
|
|
675
|
-
const
|
|
676
|
-
if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(
|
|
684
|
+
"data" in e && ((h = e.data) != null && h.appearance) && console.info("Appearance settings have been returned from the configuration used byt his scheduling page; please remember to grab them from the configSettingsLoaded event and apply them as desired.");
|
|
685
|
+
const _ = this.configSettingsLoaded.emit({ settings: e });
|
|
686
|
+
if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(_, this.nylasSchedulerConnector), _.defaultPrevented))
|
|
677
687
|
return;
|
|
678
688
|
}
|
|
679
|
-
const t = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), o = (
|
|
689
|
+
const t = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), o = (b = (f = t == null ? void 0 : t.get("configSettings")) == null ? void 0 : f.scheduler) == null ? void 0 : b.available_days_in_future, n = t == null ? void 0 : t.get("selectedTimeslot");
|
|
680
690
|
if (n && (n != null && n.start_time)) {
|
|
681
691
|
if (!this.isTimeslotValid(n))
|
|
682
692
|
return;
|
|
@@ -689,16 +699,16 @@ const z = (i, e) => {
|
|
|
689
699
|
let l;
|
|
690
700
|
if (!(r && r.length > 0)) {
|
|
691
701
|
if (a) {
|
|
692
|
-
const { startTime:
|
|
693
|
-
a.getTime() <
|
|
702
|
+
const { startTime: _, endTime: y, endTimeForAvailableDaysInFuture: k } = this.validateAvailableDaysInFuture(a, o || 30);
|
|
703
|
+
a.getTime() < k * 1e3 && (l = await ((I = this.nylasSchedulerConnector) == null ? void 0 : I.scheduler.getAvailability(_, y)));
|
|
694
704
|
} else {
|
|
695
|
-
const
|
|
696
|
-
|
|
705
|
+
const _ = /* @__PURE__ */ new Date(), { startTime: y, endTime: k, endTimeForAvailableDaysInFuture: w } = this.validateAvailableDaysInFuture(_, o || 30);
|
|
706
|
+
_.getTime() < w * 1e3 && (l = await ((p = this.nylasSchedulerConnector) == null ? void 0 : p.scheduler.getAvailability(y, k)));
|
|
697
707
|
}
|
|
698
708
|
if ((!l || "error" in l) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(l == null ? void 0 : l.error) }, host: this.host }), !a) {
|
|
699
|
-
let
|
|
700
|
-
const
|
|
701
|
-
|
|
709
|
+
let _ = /* @__PURE__ */ new Date();
|
|
710
|
+
const y = t == null ? void 0 : t.get("availability").find((k) => new Date(k.start_time) > /* @__PURE__ */ new Date());
|
|
711
|
+
y && (_ = y.start_time), t == null || t.set("selectedDate", _);
|
|
702
712
|
}
|
|
703
713
|
}
|
|
704
714
|
}
|
|
@@ -713,32 +723,32 @@ const z = (i, e) => {
|
|
|
713
723
|
rescheduleBookingRefChanged(i) {
|
|
714
724
|
var e, t;
|
|
715
725
|
if (i) {
|
|
716
|
-
const [o, n] =
|
|
726
|
+
const [o, n] = N(i);
|
|
717
727
|
(e = this.stores) == null || e.scheduler.set("rescheduleBookingId", n), this.refConfigId = o, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(o);
|
|
718
728
|
}
|
|
719
729
|
}
|
|
720
730
|
cancelBookingRefChanged(i) {
|
|
721
731
|
var e, t;
|
|
722
732
|
if (i) {
|
|
723
|
-
const [o, n] =
|
|
733
|
+
const [o, n] = N(i);
|
|
724
734
|
(e = this.stores) == null || e.scheduler.set("cancelBookingId", n), this.refConfigId = o, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(o);
|
|
725
735
|
}
|
|
726
736
|
}
|
|
727
737
|
organizerConfirmationBookingRefChanged(i) {
|
|
728
738
|
var e, t;
|
|
729
739
|
if (i) {
|
|
730
|
-
const [o, n] =
|
|
740
|
+
const [o, n] = N(i);
|
|
731
741
|
(e = this.stores) == null || e.scheduler.set("organizerConfirmationBookingId", n), this.refConfigId = o, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(o);
|
|
732
742
|
}
|
|
733
743
|
}
|
|
734
744
|
localizationChanged(i) {
|
|
735
745
|
i && Object.keys(i).forEach((e) => {
|
|
736
|
-
e in j &&
|
|
746
|
+
e in j && d.addResourceBundle(e, "translation", i[e], !1, !0);
|
|
737
747
|
});
|
|
738
748
|
}
|
|
739
749
|
defaultLanguageChanged(i) {
|
|
740
750
|
var e;
|
|
741
|
-
i && ((e = this.stores) == null || e.scheduler.set("selectedLanguage", i),
|
|
751
|
+
i && ((e = this.stores) == null || e.scheduler.set("selectedLanguage", i), d.changeLanguage(i));
|
|
742
752
|
}
|
|
743
753
|
themeConfigChanged(i) {
|
|
744
754
|
var e, t;
|
|
@@ -746,7 +756,7 @@ const z = (i, e) => {
|
|
|
746
756
|
}
|
|
747
757
|
languageChanged(i) {
|
|
748
758
|
const e = i.detail;
|
|
749
|
-
this.language = e,
|
|
759
|
+
this.language = e, d.changeLanguage(e);
|
|
750
760
|
}
|
|
751
761
|
async registerComponentHandler(i) {
|
|
752
762
|
var e;
|
|
@@ -757,18 +767,18 @@ const z = (i, e) => {
|
|
|
757
767
|
(e = this.baseProvider) == null || e.unregisterComponent(i.detail);
|
|
758
768
|
}
|
|
759
769
|
async monthChangedHandler(i) {
|
|
760
|
-
var r, l,
|
|
761
|
-
const e = i.detail, t = (m = (
|
|
770
|
+
var r, l, c, m, h, g, f;
|
|
771
|
+
const e = i.detail, t = (m = (c = (l = (r = this.nylasSchedulerConnector) == null ? void 0 : r.schedulerStore) == null ? void 0 : l.get("configSettings")) == null ? void 0 : c.scheduler) == null ? void 0 : m.available_days_in_future, { startTime: o, endTime: n, endTimeForAvailableDaysInFuture: a } = this.validateAvailableDaysInFuture(e, t || 30);
|
|
762
772
|
if (!i.defaultPrevented && o < a && e.getTime() < a * 1e3) {
|
|
763
|
-
const
|
|
764
|
-
(!
|
|
773
|
+
const b = await ((h = this.nylasSchedulerConnector) == null ? void 0 : h.scheduler.getAvailability(o, n));
|
|
774
|
+
(!b || "error" in b) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(b == null ? void 0 : b.error) }, host: this.host });
|
|
765
775
|
const p = (g = this.stores) == null ? void 0 : g.scheduler.get("selectableDates");
|
|
766
776
|
p && p.length > 0 && ((f = this.stores) == null || f.scheduler.set("selectedDate", p[0]));
|
|
767
777
|
}
|
|
768
778
|
}
|
|
769
779
|
mapToBookingData(i) {
|
|
770
|
-
var r, l,
|
|
771
|
-
const e = (r = this.stores) == null ? void 0 : r.scheduler.get("selectedTimeslot"), t = (l = this.stores) == null ? void 0 : l.scheduler.get("selectedLanguage"), o = (
|
|
780
|
+
var r, l, c;
|
|
781
|
+
const e = (r = this.stores) == null ? void 0 : r.scheduler.get("selectedTimeslot"), t = (l = this.stores) == null ? void 0 : l.scheduler.get("selectedLanguage"), o = (c = this.stores) == null ? void 0 : c.scheduler.get("selectedTimezone"), n = e != null && e.start_time ? new Date(e == null ? void 0 : e.start_time).getTime() / 1e3 : "", a = e != null && e.end_time ? new Date(e == null ? void 0 : e.end_time).getTime() / 1e3 : "";
|
|
772
782
|
return {
|
|
773
783
|
additional_guests: i.guests,
|
|
774
784
|
guest: { ...i.primaryParticipant },
|
|
@@ -780,17 +790,17 @@ const z = (i, e) => {
|
|
|
780
790
|
};
|
|
781
791
|
}
|
|
782
792
|
async bookButtonClickedHandler(i) {
|
|
783
|
-
var
|
|
793
|
+
var c, m, h, g;
|
|
784
794
|
if (i.defaultPrevented)
|
|
785
795
|
return;
|
|
786
796
|
const e = i.detail, t = this.mapToBookingData(e);
|
|
787
797
|
this.bookingInfoConfirmed = e;
|
|
788
|
-
const n = (m = (
|
|
798
|
+
const n = (m = (c = this.nylasSchedulerConnector) == null ? void 0 : c.schedulerStore) == null ? void 0 : m.get("rescheduleBookingId");
|
|
789
799
|
if (n) {
|
|
790
|
-
const f = await ((
|
|
800
|
+
const f = await ((h = this.nylasSchedulerConnector) == null ? void 0 : h.scheduler.rescheduleBooking(n, e));
|
|
791
801
|
(!f || "error" in f) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(f == null ? void 0 : f.error) }, host: this.host });
|
|
792
|
-
const
|
|
793
|
-
this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...
|
|
802
|
+
const b = f == null ? void 0 : f.data, p = this.bookedEventInfo.emit({ ...f, data: { ...b, ...t } });
|
|
803
|
+
this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...b }, "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(p, this.nylasSchedulerConnector);
|
|
794
804
|
return;
|
|
795
805
|
}
|
|
796
806
|
const a = await ((g = this.nylasSchedulerConnector) == null ? void 0 : g.scheduler.bookTimeslot(e));
|
|
@@ -800,7 +810,7 @@ const z = (i, e) => {
|
|
|
800
810
|
}
|
|
801
811
|
dateSelectedHandler(i) {
|
|
802
812
|
const e = i.detail;
|
|
803
|
-
this.selectedDateLabel = e ? e.toLocaleDateString(this.language, { dateStyle: "full" }) : `${
|
|
813
|
+
this.selectedDateLabel = e ? e.toLocaleDateString(this.language, { dateStyle: "full" }) : `${d.t("noDateSelected")}`;
|
|
804
814
|
}
|
|
805
815
|
cancelBookedEventErrorHandler(i) {
|
|
806
816
|
this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(i.detail.error) }, host: this.host });
|
|
@@ -822,7 +832,7 @@ const z = (i, e) => {
|
|
|
822
832
|
i.detail.type === "error" ? this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject({ message: e }) }, host: this.host }) : this.nylasSchedulerInfo.emit({
|
|
823
833
|
notification: {
|
|
824
834
|
title: "Event is full",
|
|
825
|
-
category:
|
|
835
|
+
category: M.Component,
|
|
826
836
|
type: H.Info,
|
|
827
837
|
description: "The event you selected is full. Please try a different time.",
|
|
828
838
|
id: (/* @__PURE__ */ new Date()).getTime().toString(),
|
|
@@ -882,10 +892,10 @@ const z = (i, e) => {
|
|
|
882
892
|
checkIfSessionIdOrConfigIdExists() {
|
|
883
893
|
if (!this.sessionId && !this.refConfigId && !(this.slug && this.clientId)) {
|
|
884
894
|
let i = "";
|
|
885
|
-
return this.sessionId || (i +=
|
|
895
|
+
return this.sessionId || (i += d.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (i = d.t("sessionIdRequiredErrorMessage") + " " + d.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
|
|
886
896
|
notification: {
|
|
887
|
-
title:
|
|
888
|
-
category:
|
|
897
|
+
title: d.t("schedulingComponentErrorTitle"),
|
|
898
|
+
category: M.Component,
|
|
889
899
|
type: H.Error,
|
|
890
900
|
description: i,
|
|
891
901
|
id: (/* @__PURE__ */ new Date()).getTime().toString(),
|
|
@@ -899,10 +909,10 @@ const z = (i, e) => {
|
|
|
899
909
|
isTimeslotValid(i) {
|
|
900
910
|
return new Date(i.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
|
|
901
911
|
notification: {
|
|
902
|
-
title:
|
|
903
|
-
category:
|
|
912
|
+
title: d.t("invalidTimeslotErrorTitle"),
|
|
913
|
+
category: M.Component,
|
|
904
914
|
type: H.Error,
|
|
905
|
-
description:
|
|
915
|
+
description: d.t("invalidTimeslotErrorMessage"),
|
|
906
916
|
id: (/* @__PURE__ */ new Date()).getTime().toString(),
|
|
907
917
|
ttl: "none"
|
|
908
918
|
},
|
|
@@ -929,44 +939,44 @@ const z = (i, e) => {
|
|
|
929
939
|
const { name: e, value: t } = i.detail;
|
|
930
940
|
if (e === "language") {
|
|
931
941
|
const a = j[t];
|
|
932
|
-
|
|
942
|
+
d.changeLanguage(a), (n = (o = this.stores) == null ? void 0 : o.scheduler) == null || n.set("selectedLanguage", a);
|
|
933
943
|
}
|
|
934
944
|
}
|
|
935
945
|
render() {
|
|
936
|
-
var
|
|
937
|
-
const i = this.mode === "app", e = (
|
|
938
|
-
this.selectedDateLabel = f && this.language ? ne(f.toLocaleDateString(this.language, { dateStyle: "full" })) : `${
|
|
946
|
+
var _, y, k, w, L, C, v, B, F, U, q, x;
|
|
947
|
+
const i = this.mode === "app", e = (_ = this.baseProvider) == null ? void 0 : _.getStore("scheduler"), t = e == null ? void 0 : e.get("eventInfo"), o = e == null ? void 0 : e.get("showBookingForm"), n = e == null ? void 0 : e.get("cancelledEventInfo"), a = e == null ? void 0 : e.get("cancelBookingId"), r = e == null ? void 0 : e.get("selectedTimeslot"), l = e == null ? void 0 : e.get("rescheduleBookingId"), c = e == null ? void 0 : e.get("organizerConfirmationBookingId"), m = e == null ? void 0 : e.get("rejectBookingId"), h = e == null ? void 0 : e.get("confirmedEventInfo"), g = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, f = e == null ? void 0 : e.get("selectedDate"), b = (k = (y = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : y.scheduler) == null ? void 0 : k.confirmation_redirect_url;
|
|
948
|
+
this.selectedDateLabel = f && this.language ? ne(f.toLocaleDateString(this.language, { dateStyle: "full" })) : `${d.t("noDateSelected")}`;
|
|
939
949
|
const p = Object.keys(Z).map((u) => ({
|
|
940
950
|
label: Z[u],
|
|
941
951
|
value: u
|
|
942
|
-
})),
|
|
952
|
+
})), I = (e == null ? void 0 : e.get("selectedLanguage")) || this.defaultLanguage || navigator.language || j.en;
|
|
943
953
|
if (i && (a || m) && !n)
|
|
944
|
-
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, s("nylas-cancel-booking-form", { selectedTimeslot: r, cancelBookingId: a, rejectBookingId: m, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder:
|
|
945
|
-
if (i && d)
|
|
946
|
-
return s(R, null, s(z, null, s("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, s("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: d, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
947
|
-
if (i && n)
|
|
948
|
-
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, s("nylas-cancelled-event-card", { cancelledEventInfo: n, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
954
|
+
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, s("nylas-cancel-booking-form", { selectedTimeslot: r, cancelBookingId: a, rejectBookingId: m, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
949
955
|
if (i && c)
|
|
950
|
-
return s(R, null, s(z,
|
|
951
|
-
if (i &&
|
|
952
|
-
|
|
953
|
-
|
|
956
|
+
return s(R, null, s(z, null, s("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, s("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: c, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
957
|
+
if (i && n)
|
|
958
|
+
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, s("nylas-cancelled-event-card", { cancelledEventInfo: n, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
959
|
+
if (i && h)
|
|
960
|
+
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, s("nylas-confirmed-event-card", { confirmedEventInfo: h, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
961
|
+
if (i && t && b) {
|
|
962
|
+
const u = (w = this.bookingInfoConfirmed) == null ? void 0 : w.primaryParticipant, O = (L = this.bookingInfoConfirmed) == null ? void 0 : L.location, T = (C = this.bookingInfoConfirmed) == null ? void 0 : C.booking_ref, S = ((v = this.bookingInfoConfirmed) == null ? void 0 : v.additionalFields) || {};
|
|
963
|
+
if (this.bookingInfo && typeof ((B = this.bookingInfo) == null ? void 0 : B.additionalFields) < "u") {
|
|
954
964
|
const $ = this.bookingInfo.additionalFields;
|
|
955
965
|
Object.keys($).forEach((W) => {
|
|
956
|
-
!
|
|
966
|
+
!S[W] && ($ != null && $[W]) && (S[W] = $[W].value);
|
|
957
967
|
});
|
|
958
968
|
}
|
|
959
|
-
const
|
|
960
|
-
|
|
969
|
+
const D = (F = this.stores) == null ? void 0 : F.scheduler.get("selectedTimeslot"), J = (U = this.stores) == null ? void 0 : U.scheduler.get("selectedTimezone"), Y = (q = this.stores) == null ? void 0 : q.scheduler.get("selectedLanguage"), G = (x = this.stores) == null ? void 0 : x.scheduler.get("configSettings"), X = this.configurationId ? this.configurationId : G == null ? void 0 : G.configuration_id, ee = window.location.search, E = new URLSearchParams(ee);
|
|
970
|
+
E.set("booking_id", t.booking_id), u != null && u.name && E.set("name", u.name), u != null && u.email && E.set("email", u.email), D != null && D.start_time && E.set("start_time", (new Date(D.start_time).getTime() / 1e3).toString()), D != null && D.end_time && E.set("end_time", (new Date(D.end_time).getTime() / 1e3).toString()), J && E.set("tz", J), Y && E.set("language", Y), S && E.set("additional_values", JSON.stringify(S)), this.slug && E.set("page_slug", this.slug), X && E.set("config_id", X), O && E.set("location", O), T && E.set("booking_ref", T), this.redirectToCustomUrl(`${b}?${E.toString()}`);
|
|
961
971
|
return;
|
|
962
972
|
}
|
|
963
973
|
if (i && t)
|
|
964
|
-
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, s("nylas-booked-event-card", { selectedTimeslot: r, eventInfo: t, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder:
|
|
974
|
+
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, s("nylas-booked-event-card", { selectedTimeslot: r, eventInfo: t, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
965
975
|
if (i && (!t || l) && !o) {
|
|
966
976
|
const u = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
|
|
967
|
-
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, l && s(K, null, `${
|
|
977
|
+
return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, l && s(K, null, `${d.t("rescheduleTitle")}`), s("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, s("div", { class: "left-panel", part: "ns_left-panel" }, s("nylas-date-picker", { exportparts: "ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), s("nylas-locale-switch", { exportparts: "nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label" })), s("div", { class: `right-panel ${l ? "reschedule" : ""}`, part: `ns_right-panel ${l ? "ns_reschedule" : ""}` }, s("h2", { part: "ns_right-panel__title" }, s("calendar-icon", { part: "ns_right-panel__calendar-icon" }), s("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, this.selectedDateLabel)), s("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, u && s("span", { slot: "timeslot-picker-cta-label" }, s("slot", { name: "timeslot-picker-cta-label" })))))), this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (O) => this.onFeedbackClick(O) }, s("feedback-icon", null)), this.showFeedbackModal && s("nylas-feedback-form", null));
|
|
968
978
|
}
|
|
969
|
-
return i && !t && o ? s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, l && s(K, null, `${
|
|
979
|
+
return i && !t && o ? s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, l && s(K, null, `${d.t("rescheduleTitle")}`), s("div", { class: "additional-data-page", part: "additional-data-page ns_additional-data-page" }, s("div", { class: "left-panel ns_left-panel", part: "ns_left-panel" }, s("div", { class: "wrapper", part: "ns_left-panel__wrapper" }, s("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), s("div", { class: `right-panel ${l ? "reschedule" : ""}`, part: `ns_right-panel ${l ? "ns_reschedule" : ""}` }, s("nylas-booking-form", { exportparts: "nbf, nbf__input-textfield, nbf__button-ghost, nbf__button-outline, nbf__button-primary, nbf__input-wrapper, nbf__checkbox-component, nbf__radio-button-group, nbf__textarea-component, nbf__dropdown, nbf__dropdown-button, nbf__dropdown-content" })))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null)) : s(R, null, s("slot", null));
|
|
970
980
|
}
|
|
971
981
|
get host() {
|
|
972
982
|
return ie(this);
|