@nylas/react 1.1.3 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/add-circle-icon_2.entry-1e899552.js +25 -0
- package/dist/add-circle-icon_2.entry-31acee1d.cjs +1 -0
- package/dist/archive-icon.entry-b5f307e8.js +15 -0
- package/dist/archive-icon.entry-e932c9e6.cjs +1 -0
- package/dist/arrow-icon.entry-aae2e22d.js +15 -0
- package/dist/{arrow-icon.entry-2dfd8319.cjs → arrow-icon.entry-e35a6cad.cjs} +1 -1
- package/dist/bold-icon.entry-1e3c9b1f.cjs +1 -0
- package/dist/bold-icon.entry-d5d86b3f.js +15 -0
- package/dist/{button-component_2.entry-697bf5ac.js → button-component_2.entry-5284316e.js} +6 -6
- package/dist/{button-component_2.entry-27a504d9.cjs → button-component_2.entry-a86f8dca.cjs} +1 -1
- package/dist/{calendar-agenda-fill-icon_51.entry-52b5bf31.js → calendar-agenda-fill-icon_54.entry-5672c589.js} +1944 -1639
- package/dist/calendar-agenda-fill-icon_54.entry-702b29cc.cjs +10 -0
- package/dist/{calendar-cancel-icon.entry-e6a433a2.js → calendar-cancel-icon.entry-7f81de9d.js} +4 -4
- package/dist/{calendar-cancel-icon.entry-c6e2eed6.cjs → calendar-cancel-icon.entry-e9792eaa.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-d88307d6.js → calendar-check-icon_2.entry-84db1700.js} +3 -3
- package/dist/{calendar-check-icon_2.entry-45cad6f1.cjs → calendar-check-icon_2.entry-ad055b37.cjs} +1 -1
- package/dist/{calendar-icon.entry-b2fffd21.cjs → calendar-icon.entry-019f7feb.cjs} +1 -1
- package/dist/{calendar-icon.entry-2badc962.js → calendar-icon.entry-45db1630.js} +4 -4
- package/dist/{checkbox-component_2.entry-3926b644.cjs → checkbox-component_2.entry-8325ff88.cjs} +1 -1
- package/dist/{checkbox-component_2.entry-5ab55050.js → checkbox-component_2.entry-84a053ff.js} +3 -3
- package/dist/{chevron-icon_3.entry-1fe5d097.cjs → chevron-icon_3.entry-0edde2a6.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-664fae5d.js → chevron-icon_3.entry-ec894a13.js} +4 -4
- package/dist/{clock-icon_4.entry-f11f9dad.js → clock-icon_4.entry-8ec9c29b.js} +15 -15
- package/dist/{clock-icon_4.entry-efec2c08.cjs → clock-icon_4.entry-935fe48d.cjs} +1 -1
- package/dist/constants-c549b12b-7ea4c7f5.js +763 -0
- package/dist/constants-c549b12b-c85413b1.cjs +1 -0
- package/dist/copy-icon.entry-5a2030da.cjs +1 -0
- package/dist/{copy-icon.entry-70131e8e.js → copy-icon.entry-d9405510.js} +6 -6
- package/dist/{delete-icon.entry-e003695d.js → delete-icon.entry-1b0a3ba4.js} +4 -4
- package/dist/{delete-icon.entry-5d067fef.cjs → delete-icon.entry-3f3d1ffb.cjs} +1 -1
- package/dist/document-refresh-icon.entry-59a18097.cjs +1 -0
- package/dist/document-refresh-icon.entry-fab58d33.js +15 -0
- package/dist/elements/index.d.ts +0 -11
- package/dist/feedbackSync-b56b29ed-7a1f1f75.js +6035 -0
- package/dist/feedbackSync-b56b29ed-b6f352f3.cjs +448 -0
- package/dist/folder-icon.entry-b5a123d0.js +15 -0
- package/dist/folder-icon.entry-e85383b6.cjs +1 -0
- package/dist/forward-icon.entry-7c8ed4c3.cjs +1 -0
- package/dist/forward-icon.entry-88ab1a85.js +15 -0
- package/dist/{globe-icon.entry-6fc456c7.js → globe-icon.entry-6fb414ca.js} +5 -5
- package/dist/{globe-icon.entry-8c3c9e48.cjs → globe-icon.entry-b1253516.cjs} +1 -1
- package/dist/google-logo-icon_4.entry-ae09d065.cjs +1 -0
- package/dist/{google-logo-icon_4.entry-d6e0c4c0.js → google-logo-icon_4.entry-fe627741.js} +221 -207
- package/dist/inbox-icon.entry-7dce836e.cjs +1 -0
- package/dist/inbox-icon.entry-cec35da1.js +15 -0
- package/dist/{index-a282e817.js → index-3fd31877.js} +4194 -4123
- package/dist/index-bd6fdc8c.cjs +81 -0
- package/dist/index.d.ts +1 -1
- package/dist/{index.es-ab9affcc-18263b66.cjs → index.es-c7ca1bad-0a324dca.cjs} +5 -5
- package/dist/{index.es-ab9affcc-30461b18.js → index.es-c7ca1bad-b895d84b.js} +125 -131
- package/dist/{info-icon_2.entry-e582ac10.cjs → info-icon_2.entry-1dab6311.cjs} +1 -1
- package/dist/{info-icon_2.entry-d20b975c.js → info-icon_2.entry-f7e6b4aa.js} +3 -3
- package/dist/{input-color-picker.entry-27f4288f.js → input-color-picker.entry-30cda4e2.js} +3 -3
- package/dist/{input-color-picker.entry-c6a28671.cjs → input-color-picker.entry-b6e53c29.cjs} +1 -1
- package/dist/{input-component.entry-744fcec1.cjs → input-component.entry-1f1f8e00.cjs} +1 -1
- package/dist/{input-component.entry-b6f1c417.js → input-component.entry-7a04bc8b.js} +3 -3
- package/dist/{input-dropdown.entry-f13234d7.cjs → input-dropdown.entry-5e5b67be.cjs} +1 -1
- package/dist/{input-dropdown.entry-18744def.js → input-dropdown.entry-abf134a8.js} +2 -2
- package/dist/italic-icon.entry-4631c594.js +15 -0
- package/dist/italic-icon.entry-c793243b.cjs +1 -0
- package/dist/{multi-select-dropdown.entry-dde671d7.cjs → multi-select-dropdown.entry-2b8728d5.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-924809e1.js → multi-select-dropdown.entry-9a93da56.js} +2 -2
- package/dist/nylas-booked-event-card_12.entry-8d502a3c.cjs +1 -0
- package/dist/{nylas-booked-event-card_12.entry-52c3111d.js → nylas-booked-event-card_12.entry-f13f3f54.js} +294 -288
- package/dist/{nylas-form-card.entry-b0a2403f.js → nylas-form-card.entry-862519b4.js} +20 -20
- package/dist/nylas-form-card.entry-af179b96.cjs +1 -0
- package/dist/{nylas-if-state.entry-523fdc6b.js → nylas-if-state.entry-8803a762.js} +3 -3
- package/dist/{nylas-if-state.entry-53883c36.cjs → nylas-if-state.entry-c1c1282d.cjs} +1 -1
- package/dist/{nylas-login.entry-d9bf3974.js → nylas-login.entry-3e12f747.js} +3 -3
- package/dist/{nylas-login.entry-05e1df3e.cjs → nylas-login.entry-65f8f046.cjs} +1 -1
- package/dist/nylas-provider.entry-9626b113.cjs +1 -0
- package/dist/nylas-provider.entry-e3501bd1.js +264 -0
- package/dist/{nylas-scheduler-editor.entry-1a2f3ee0.cjs → nylas-scheduler-editor.entry-17cd1514.cjs} +2 -2
- package/dist/{nylas-scheduler-editor.entry-b434b526.js → nylas-scheduler-editor.entry-6df45b05.js} +25 -25
- package/dist/{nylas-scheduling.entry-b71080c8.js → nylas-scheduling.entry-08051ba3.js} +136 -124
- package/dist/nylas-scheduling.entry-b1fafd91.cjs +1 -0
- package/dist/{nylas-time-window-picker.entry-a6d1c648.cjs → nylas-time-window-picker.entry-4989d421.cjs} +1 -1
- package/dist/{nylas-time-window-picker.entry-c1ee860a.js → nylas-time-window-picker.entry-bdc8c6ea.js} +16 -16
- package/dist/{person-icon.entry-8833e3cc.js → person-icon.entry-d62a16b4.js} +2 -2
- package/dist/{person-icon.entry-80c9022e.cjs → person-icon.entry-fb7efa8f.cjs} +1 -1
- package/dist/play-icon.entry-01b95392.js +15 -0
- package/dist/play-icon.entry-f485a2c8.cjs +1 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +92 -103
- package/dist/{refresh-icon.entry-4d6791bd.js → refresh-icon.entry-1ff4b39f.js} +4 -4
- package/dist/{refresh-icon.entry-d4cc16b7.cjs → refresh-icon.entry-5f997e86.cjs} +1 -1
- package/dist/{register-component-a7ea27ad-fa2c4b17.js → register-component-3444af44-854971ad.js} +1 -1
- package/dist/{register-component-a7ea27ad-2343f3df.cjs → register-component-3444af44-9053e8c3.cjs} +1 -1
- package/dist/reply-all-icon.entry-1dad6514.cjs +1 -0
- package/dist/reply-all-icon.entry-cbafb8a0.js +15 -0
- package/dist/reply-icon.entry-162d9945.cjs +1 -0
- package/dist/reply-icon.entry-a43bc252.js +15 -0
- package/dist/{scheduler-config-store-2a3b403d-5176cd45.js → scheduler-config-store-ed4a8dfd-22db9285.js} +1 -2
- package/dist/scheduler-config-store-ed4a8dfd-eeaeaa50.cjs +1 -0
- package/dist/{scheduler-store-33ab8dea-9801357a.js → scheduler-store-d4784b24-9a5f5734.js} +134 -126
- package/dist/scheduler-store-d4784b24-aed474e8.cjs +1 -0
- package/dist/sent-icon.entry-a05486d5.js +15 -0
- package/dist/sent-icon.entry-a1aec7e9.cjs +1 -0
- package/dist/spam-icon.entry-473f11af.js +15 -0
- package/dist/spam-icon.entry-b481a04b.cjs +1 -0
- package/dist/star-icon.entry-12fdc345.js +15 -0
- package/dist/star-icon.entry-6b1fe3cf.cjs +1 -0
- package/dist/stop-icon.entry-4bd609f7.js +15 -0
- package/dist/stop-icon.entry-72481153.cjs +1 -0
- package/dist/{textarea-component.entry-174089bc.js → textarea-component.entry-47e1b2e6.js} +2 -2
- package/dist/{textarea-component.entry-019e75d0.cjs → textarea-component.entry-f330a755.cjs} +1 -1
- package/dist/{time-period-selector.entry-62c854d1.js → time-period-selector.entry-a4899368.js} +4 -4
- package/dist/{time-period-selector.entry-8466d0f2.cjs → time-period-selector.entry-c7611563.cjs} +1 -1
- package/dist/{translate-icon.entry-7d5cf4b8.cjs → translate-icon.entry-40dfa8c9.cjs} +1 -1
- package/dist/{translate-icon.entry-73f7127b.js → translate-icon.entry-4517838d.js} +2 -2
- package/dist/trash-fill-icon.entry-86ca3055.cjs +1 -0
- package/dist/trash-fill-icon.entry-d7e960eb.js +15 -0
- package/dist/underline-icon.entry-352970f5.js +15 -0
- package/dist/underline-icon.entry-f16d4943.cjs +1 -0
- package/dist/{warning-icon.entry-abf896c3.js → warning-icon.entry-63987dad.js} +5 -5
- package/dist/{warning-icon.entry-92638eeb.cjs → warning-icon.entry-79ef75b2.cjs} +1 -1
- package/package.json +3 -3
- package/dist/add-circle-icon_2.entry-b77120e5.cjs +0 -1
- package/dist/add-circle-icon_2.entry-fbc1e82b.js +0 -25
- package/dist/archive-icon_7.entry-30962e70.js +0 -75
- package/dist/archive-icon_7.entry-dd8c7642.cjs +0 -1
- package/dist/arrow-icon.entry-5b436054.js +0 -15
- package/dist/bold-icon_3.entry-5120a9c8.js +0 -35
- package/dist/bold-icon_3.entry-da2d1270.cjs +0 -1
- package/dist/calendar-agenda-fill-icon_51.entry-a25262b3.cjs +0 -7
- package/dist/constants-50c3e067-33cf0ffe.js +0 -3883
- package/dist/constants-50c3e067-5ec3f879.cjs +0 -15
- package/dist/copy-icon.entry-3965f206.cjs +0 -1
- package/dist/document-refresh-icon.entry-30c974df.cjs +0 -1
- package/dist/document-refresh-icon.entry-b4e01cd4.js +0 -15
- package/dist/elements-dc5b338e-55823d00.js +0 -28031
- package/dist/elements-dc5b338e-6883a39e.cjs +0 -16516
- package/dist/feedbackSync-81d4c4d8-dd4d2e32.js +0 -11735
- package/dist/feedbackSync-81d4c4d8-f4e78902.cjs +0 -455
- package/dist/flow-40ff9cea-6f8c30e2.cjs +0 -9
- package/dist/flow-40ff9cea-ee70fdf5.js +0 -505
- package/dist/focus-visible-e8093c16-431bbe59.cjs +0 -1
- package/dist/focus-visible-e8093c16-f403fee8.js +0 -84
- package/dist/forward-icon_6.entry-3bb91d58.js +0 -953
- package/dist/forward-icon_6.entry-ceec2371.cjs +0 -3
- package/dist/google-logo-icon_4.entry-4eb16cd2.cjs +0 -1
- package/dist/index-11f33e47.cjs +0 -82
- package/dist/mailbox-store-affca6de-9451094e.cjs +0 -1
- package/dist/mailbox-store-affca6de-d601dc6b.js +0 -380
- package/dist/nylas-booked-event-card_12.entry-d89c1f9d.cjs +0 -1
- package/dist/nylas-form-card.entry-ab61fdc5.cjs +0 -1
- package/dist/nylas-list-folders.entry-4ef6cb3d.cjs +0 -1
- package/dist/nylas-list-folders.entry-e37d069f.js +0 -120
- package/dist/nylas-list-threads.entry-3be623e9.cjs +0 -1
- package/dist/nylas-list-threads.entry-8ba62db8.js +0 -70
- package/dist/nylas-mailbox-pagination.entry-3dd05cf4.cjs +0 -1
- package/dist/nylas-mailbox-pagination.entry-50d9d9e3.js +0 -101
- package/dist/nylas-mailbox-toolbar-button.entry-9a77d137.js +0 -82
- package/dist/nylas-mailbox-toolbar-button.entry-d87b55de.cjs +0 -1
- package/dist/nylas-mailbox.entry-cb7d1031.js +0 -134
- package/dist/nylas-mailbox.entry-f7db9aa8.cjs +0 -1
- package/dist/nylas-provider.entry-1716bf48.cjs +0 -1
- package/dist/nylas-provider.entry-7aa46ea2.js +0 -145
- package/dist/nylas-reminder-emails.entry-88a862cd.cjs +0 -4
- package/dist/nylas-reminder-emails.entry-a86231b7.js +0 -129
- package/dist/nylas-reminder-time_2.entry-9589d5f2.js +0 -105
- package/dist/nylas-reminder-time_2.entry-bc76d4ab.cjs +0 -1
- package/dist/nylas-scheduling.entry-59e5e8c1.cjs +0 -1
- package/dist/nylas-threads-refresh.entry-544ca90a.js +0 -74
- package/dist/nylas-threads-refresh.entry-7ada7b2d.cjs +0 -1
- package/dist/nylas-threads-search.entry-181ba46a.js +0 -69
- package/dist/nylas-threads-search.entry-f1cb19e4.cjs +0 -1
- package/dist/nylas-view-thread.entry-6ae8dd64.cjs +0 -1
- package/dist/nylas-view-thread.entry-c066f522.js +0 -203
- package/dist/play-icon_2.entry-801c85bc.cjs +0 -1
- package/dist/play-icon_2.entry-efca8f00.js +0 -25
- package/dist/scheduler-config-store-2a3b403d-2263f999.cjs +0 -1
- package/dist/scheduler-store-33ab8dea-a0b39d36.cjs +0 -1
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { R as
|
|
3
|
-
import { D as
|
|
4
|
-
import { i as
|
|
1
|
+
import { r as G, h as t, c as x, d as h, n as Fe, o as K, H as Te, g as Ee, F as ze } from "./index-3fd31877.js";
|
|
2
|
+
import { R as Pe } from "./register-component-3444af44-854971ad.js";
|
|
3
|
+
import { D as Le } from "./constants-c549b12b-7ea4c7f5.js";
|
|
4
|
+
import { i as Ue, a as Re, c as Ae, b as je, f as $e } from "./feedbackSync-b56b29ed-7a1f1f75.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "react-dom";
|
|
7
|
-
const
|
|
7
|
+
const Je = ".sc-google-logo-icon-h{display:flex}", Ve = Je, Ze = class {
|
|
8
8
|
constructor(e) {
|
|
9
|
-
|
|
9
|
+
G(this, e), this.width = "24", this.height = "24";
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return t("svg", { key: "
|
|
12
|
+
return t("svg", { key: "a92099ec8ac0962d66c891c164e335ef3d047d22", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("g", { key: "67f404193a491c7599cb0ff6eb2eba5322d05e12", "clip-path": "url(#clip0_959_12452)" }, t("path", { key: "3c61ed99570e6093cad10d510093e172828eff40", d: "M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z", fill: "#4285F4" }), t("path", { key: "c02254455f486c14330e39e76240c1cf4f4597a4", d: "M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z", fill: "#34A853" }), t("path", { key: "8db3f9f9c1587778afe57689afc1a72db582d5ec", d: "M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z", fill: "#FBBC05" }), t("path", { key: "45b05683bc9c6bf46c6aef5858604016460df3e2", d: "M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z", fill: "#EA4335" })), t("defs", { key: "4c047174ca3453f959e5e81b31e79abae98a1e09" }, t("clipPath", { key: "0e8a1d30c69e4ff0d43a99342b111a0ced46b894", id: "clip0_959_12452" }, t("rect", { key: "e653c135430f8fd0e33dea31c2d26a75ac6301a0", width: 24, height: 24, fill: "white" }))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
const
|
|
15
|
+
Ze.style = Ve;
|
|
16
|
+
const Ge = ".sc-microsoft-logo-icon-h{display:flex}", We = Ge, qe = class {
|
|
17
17
|
constructor(e) {
|
|
18
|
-
|
|
18
|
+
G(this, e), this.width = "22", this.height = "22";
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return t("svg", { key: "
|
|
21
|
+
return t("svg", { key: "0426f3e50fb256a3a5f5c2c221da187daddf01ab", width: this.width, height: this.height, viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "7613831c4bd6ec132acc5e89859acdfd6035f0c1", d: "M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z", fill: "#F35325" }), t("path", { key: "db04c966af57fe29013c799d7a38192d121beb44", d: "M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z", fill: "#81BC06" }), t("path", { key: "fe59fe563aede56518af70627d0ece3b83ded0fc", d: "M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z", fill: "#05A6F0" }), t("path", { key: "07e3f81f79863f2e87827b163a2e9a9f9804cbf0", d: "M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z", fill: "#FFBA08" }));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
qe.style = We;
|
|
25
25
|
var o;
|
|
26
26
|
(function(e) {
|
|
27
27
|
e.EventInfo = "eventInfo", e.Availability = "availability", e.BookingOptions = "bookingOptions", e.Communications = "communications", e.Participants = "participants", e.BookingForm = "bookingForm", e.PageStyles = "pageStyles";
|
|
28
28
|
})(o || (o = {}));
|
|
29
|
-
function
|
|
29
|
+
function Ke({ id: e, formState: a, activeTab: i }, n) {
|
|
30
30
|
return t(
|
|
31
|
-
|
|
31
|
+
ze,
|
|
32
32
|
null,
|
|
33
33
|
t(
|
|
34
34
|
"div",
|
|
@@ -49,9 +49,9 @@ function Ge({ id: e, formState: a, activeTab: i }, n) {
|
|
|
49
49
|
t(
|
|
50
50
|
"div",
|
|
51
51
|
{ key: `availability-${e}`, class: { hide: i !== o.Availability } },
|
|
52
|
-
t("nylas-participant-booking-calendars", { participants: a.participants, name: "participant-booking-calendars" }),
|
|
53
|
-
t("nylas-connected-calendars", { participants: a.participants, name: "connected-calendars" }),
|
|
54
|
-
t("nylas-availability-picker", { name: "availability", exportparts: "nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times" })
|
|
52
|
+
t("nylas-participant-booking-calendars", { participants: a.participants, name: "participant-booking-calendars", exportparts: "npbc, npbc__header, npbc__content, npbc__participant-container, npbc__participant-title" }),
|
|
53
|
+
t("nylas-connected-calendars", { participants: a.participants, name: "connected-calendars", exportparts: "nccals, nccals__header, nccals__content, nccals__container, nccals__title, nccals__toggle-container, npbc__participant-toggle-container" }),
|
|
54
|
+
t("nylas-availability-picker", { name: "availability", exportparts: "nap, nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times" })
|
|
55
55
|
),
|
|
56
56
|
t(
|
|
57
57
|
"div",
|
|
@@ -59,7 +59,7 @@ function Ge({ id: e, formState: a, activeTab: i }, n) {
|
|
|
59
59
|
t("nylas-scheduling-method", { name: "availability-method", readOnly: !0, exportparts: "nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content" }),
|
|
60
60
|
t(
|
|
61
61
|
"nylas-custom-booking-flow",
|
|
62
|
-
|
|
62
|
+
{ exportparts: "ncbflow, ncbflow__header, ncbflow__title, ncbflow__content" },
|
|
63
63
|
t(
|
|
64
64
|
"div",
|
|
65
65
|
{ slot: "inputs" },
|
|
@@ -92,12 +92,13 @@ function Ge({ id: e, formState: a, activeTab: i }, n) {
|
|
|
92
92
|
t("h3", null, "Event communications"),
|
|
93
93
|
t("p", null, "Set up automatic confirmation emails.")
|
|
94
94
|
),
|
|
95
|
-
t("nylas-confirmation-email", { name: "confirmation-email-template", exportparts: "nce, nce__tab-heading, nce__header, nce__body, nce__confirmation-email-toggle--container, nce__summary, nce__reminder-input_dropdown, nce__reminder-input_dropdown-input, nce__reminder-input_dropdown-content" })
|
|
95
|
+
t("nylas-confirmation-email", { name: "confirmation-email-template", exportparts: "nce, nce__tab-heading, nce__header, nce__body, nce__confirmation-email-toggle--container, nce__summary, nce__reminder-input_dropdown, nce__reminder-input_dropdown-input, nce__reminder-input_dropdown-content" }),
|
|
96
|
+
t("nylas-reminder-emails", { name: "reminder-emails", exportparts: "nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nre__reminder-input_dropdown, nre__reminder-input_dropdown-input, nre__reminder-input_dropdown-content" })
|
|
96
97
|
),
|
|
97
98
|
t(
|
|
98
99
|
"div",
|
|
99
100
|
{ key: `participants-${e}`, class: { hide: i !== o.Participants } },
|
|
100
|
-
t("nylas-additional-participants", { name: "participants", exportparts: "nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant" }),
|
|
101
|
+
t("nylas-additional-participants", { name: "participants", exportparts: "nap, nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant" }),
|
|
101
102
|
t("nylas-participants-custom-availability", { participants: a.participants, name: "participant-custom-availability", exportparts: "npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider" })
|
|
102
103
|
),
|
|
103
104
|
t(
|
|
@@ -110,184 +111,192 @@ function Ge({ id: e, formState: a, activeTab: i }, n) {
|
|
|
110
111
|
t(
|
|
111
112
|
"div",
|
|
112
113
|
{ key: `booking-form-${e}`, class: { hide: i !== o.BookingForm } },
|
|
113
|
-
t("nylas-booking-form-config", { name: "additional-fields" })
|
|
114
|
+
t("nylas-booking-form-config", { name: "additional-fields", exportparts: "nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content" })
|
|
114
115
|
)
|
|
115
116
|
);
|
|
116
117
|
}
|
|
117
|
-
const
|
|
118
|
-
var
|
|
119
|
-
var
|
|
118
|
+
const Qe = '.sc-nylas-editor-tabs-h{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}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column;height:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:calc(100% - 80px);display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{display:table-column-group;height:auto}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.active.sc-nylas-editor-tabs{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs{width:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs h3.sc-nylas-editor-tabs{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{margin:0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.footer.sc-nylas-editor-tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .preview.sc-nylas-editor-tabs{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{max-width:524px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.unsaved-changes.sc-nylas-editor-tabs{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.saved-changes.sc-nylas-editor-tabs{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error.sc-nylas-editor-tabs{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error-full-width.sc-nylas-editor-tabs{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.sc-nylas-editor-tabs{width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs span.sc-nylas-editor-tabs{display:flex;align-items:center;justify-content:center;gap:0.5rem}button-component#report-issue.sc-nylas-editor-tabs{width:auto}nylas-feedback-form.sc-nylas-editor-tabs{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}', Xe = Qe;
|
|
119
|
+
var Ye = function(e, a, i, n) {
|
|
120
|
+
var r = arguments.length, s = r < 3 ? a : n === null ? n = Object.getOwnPropertyDescriptor(a, i) : n, c;
|
|
120
121
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
121
122
|
s = Reflect.decorate(e, a, i, n);
|
|
122
123
|
else
|
|
123
124
|
for (var d = e.length - 1; d >= 0; d--)
|
|
124
|
-
(c = e[d]) && (s = (
|
|
125
|
-
return
|
|
126
|
-
},
|
|
125
|
+
(c = e[d]) && (s = (r < 3 ? c(s) : r > 3 ? c(a, i, s) : c(a, i)) || s);
|
|
126
|
+
return r > 3 && s && Object.defineProperty(a, i, s), s;
|
|
127
|
+
}, W = function(e, a) {
|
|
127
128
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
128
129
|
return Reflect.metadata(e, a);
|
|
129
130
|
};
|
|
130
|
-
const
|
|
131
|
+
const Be = class {
|
|
131
132
|
constructor(e) {
|
|
132
|
-
|
|
133
|
+
G(this, e), this.schedulerConfigChanged = x(this, "schedulerConfigChanged", 7), this.cancelButtonClick = x(this, "cancelButtonClick", 7), this.formSubmitted = x(this, "formSubmitted", 7), this.previewButtonClicked = x(this, "previewButtonClicked", 7), this.schedulerEditorFormUpdated = x(this, "schedulerEditorFormUpdated", 7), this.setError = (a) => {
|
|
133
134
|
this.error = a.message;
|
|
134
135
|
}, this.formSubmissionHandler = async (a) => {
|
|
135
|
-
var
|
|
136
|
+
var Q, X, Y, ee, te, ae, ie, ne, se, oe, re, le, de, ce, be, he, ue;
|
|
136
137
|
a.preventDefault();
|
|
137
138
|
const i = await this.formSubmitted.emit();
|
|
138
|
-
if (
|
|
139
|
+
if (h("[nylas-editor-tabs]", "formSubmissionHandler", i), !this.formRef.checkValidity() || i.defaultPrevented) {
|
|
139
140
|
this.error = this.formRef.validationMessage || "Please fix the form errors.";
|
|
140
141
|
return;
|
|
141
142
|
}
|
|
142
143
|
this.isLoading = !0, this.hasUnsavedChanges = !1;
|
|
143
|
-
const
|
|
144
|
+
const r = this.updateFormState(), { title: s, description: c, duration: d, availability: u, bookingCalendar: v, location: S, bookingType: F, buffer: B, availableDaysInFuture: H, minCancellationNotice: O, minBookingNotice: N, cancellationPolicy: I, timeslotInterval: w, additionalGuestsHidden: M, hideCancellationOptions: D, hideReschedulingOptions: z, participants: g, participantOpenHours: p, additionalFields: U, participantCalendars: f, conferencing: R, participantBookingCalendars: m, reminders: A, emailTemplate: j, redirectUrl: $, availabilityMethod: T, slug: J, appearance: V, name: Z } = r, b = ((X = (Q = this.selectedConfiguration) == null ? void 0 : Q.participants) == null ? void 0 : X.find((l) => l.is_organizer)) || (g == null ? void 0 : g.find((l) => l.is_organizer)), k = f && (b != null && b.email) ? f[b == null ? void 0 : b.email] : [], y = ((Y = b == null ? void 0 : b.booking) == null ? void 0 : Y.calendar_id) || v, _ = d ? parseInt(d) : 30, C = g && (g == null ? void 0 : g.length) > 0 ? g : [
|
|
144
145
|
{
|
|
145
|
-
name: (b == null ? void 0 : b.name) ?? ((
|
|
146
|
-
email: (b == null ? void 0 : b.email) ?? ((
|
|
146
|
+
name: (b == null ? void 0 : b.name) ?? ((ee = this.currentUser) == null ? void 0 : ee.name) ?? "",
|
|
147
|
+
email: (b == null ? void 0 : b.email) ?? ((te = this.currentUser) == null ? void 0 : te.email) ?? "",
|
|
147
148
|
is_organizer: !0,
|
|
148
|
-
timezone: (
|
|
149
|
+
timezone: (u == null ? void 0 : u.timezone) ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
|
|
149
150
|
availability: {
|
|
150
|
-
calendar_ids:
|
|
151
|
+
calendar_ids: k.length ? k : ["primary"],
|
|
151
152
|
open_hours: []
|
|
152
153
|
},
|
|
153
154
|
booking: {
|
|
154
|
-
calendar_id:
|
|
155
|
+
calendar_id: v && v !== "" ? v : "primary"
|
|
155
156
|
}
|
|
156
157
|
}
|
|
157
|
-
],
|
|
158
|
-
...((
|
|
159
|
-
version: ((
|
|
160
|
-
slug:
|
|
161
|
-
name:
|
|
158
|
+
], E = {
|
|
159
|
+
...((ae = this.selectedConfiguration) == null ? void 0 : ae.id) && { id: this.selectedConfiguration.id },
|
|
160
|
+
version: ((ie = this.selectedConfiguration) == null ? void 0 : ie.version) ?? "1.0.0",
|
|
161
|
+
slug: J,
|
|
162
|
+
name: Z,
|
|
162
163
|
availability: {
|
|
163
|
-
duration_minutes:
|
|
164
|
-
interval_minutes: (
|
|
165
|
-
round_to:
|
|
164
|
+
duration_minutes: _,
|
|
165
|
+
interval_minutes: (w == null ? void 0 : w.interval) ?? _,
|
|
166
|
+
round_to: w == null ? void 0 : w.roundTo,
|
|
166
167
|
availability_rules: {
|
|
167
|
-
availability_method: T || (((
|
|
168
|
-
buffer:
|
|
169
|
-
default_open_hours: (
|
|
170
|
-
round_robin_group_id: ((
|
|
168
|
+
availability_method: T || (((oe = (se = (ne = this.selectedConfiguration) == null ? void 0 : ne.availability) == null ? void 0 : se.availability_rules) == null ? void 0 : oe.availability_method) ?? "collective"),
|
|
169
|
+
buffer: B || { before: 0, after: 0 },
|
|
170
|
+
default_open_hours: (u == null ? void 0 : u.openHours) ?? ((de = (le = (re = this.selectedConfiguration) == null ? void 0 : re.availability) == null ? void 0 : le.availability_rules) == null ? void 0 : de.default_open_hours) ?? Le,
|
|
171
|
+
round_robin_group_id: ((he = (be = (ce = this.selectedConfiguration) == null ? void 0 : ce.availability) == null ? void 0 : be.availability_rules) == null ? void 0 : he.round_robin_group_id) ?? ""
|
|
171
172
|
}
|
|
172
173
|
},
|
|
173
174
|
participants: [
|
|
174
|
-
...
|
|
175
|
-
var
|
|
176
|
-
return
|
|
177
|
-
name:
|
|
178
|
-
email:
|
|
175
|
+
...C == null ? void 0 : C.map((l) => {
|
|
176
|
+
var P, pe, me, fe, ye, _e, ge, ve, we, ke, Ce, xe, Se;
|
|
177
|
+
return l.is_organizer ? {
|
|
178
|
+
name: l.name ?? "",
|
|
179
|
+
email: l.email,
|
|
179
180
|
is_organizer: !0,
|
|
180
|
-
timezone: ((
|
|
181
|
+
timezone: ((pe = (P = p == null ? void 0 : p[l.email]) == null ? void 0 : P[0]) == null ? void 0 : pe.timezone) ?? ((ye = (fe = (me = l.availability) == null ? void 0 : me.open_hours) == null ? void 0 : fe[0]) == null ? void 0 : ye.timezone) ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
|
|
181
182
|
availability: {
|
|
182
|
-
calendar_ids: f != null && f[
|
|
183
|
-
open_hours: (p == null ? void 0 : p[
|
|
183
|
+
calendar_ids: f != null && f[l.email] ? f == null ? void 0 : f[l.email] : k != null && k.length ? k : ["primary"],
|
|
184
|
+
open_hours: (p == null ? void 0 : p[l.email]) ?? ((_e = l.availability) == null ? void 0 : _e.open_hours) ?? []
|
|
184
185
|
},
|
|
185
186
|
booking: {
|
|
186
|
-
calendar_id: m != null && m[
|
|
187
|
+
calendar_id: m != null && m[l.email] ? m == null ? void 0 : m[l.email] : y || "primary"
|
|
187
188
|
}
|
|
188
189
|
} : {
|
|
189
|
-
...
|
|
190
|
-
timezone: ((
|
|
191
|
-
availability:
|
|
192
|
-
calendar_ids: (f == null ? void 0 : f[
|
|
193
|
-
open_hours: (p == null ? void 0 : p[
|
|
190
|
+
...l,
|
|
191
|
+
timezone: ((ve = (ge = p == null ? void 0 : p[l.email]) == null ? void 0 : ge[0]) == null ? void 0 : ve.timezone) ?? ((Ce = (ke = (we = l.availability) == null ? void 0 : we.open_hours) == null ? void 0 : ke[0]) == null ? void 0 : Ce.timezone) ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
|
|
192
|
+
availability: l.availability ? {
|
|
193
|
+
calendar_ids: (f == null ? void 0 : f[l.email]) ?? ((xe = l.availability) == null ? void 0 : xe.calendar_ids) ?? ["primary"],
|
|
194
|
+
open_hours: (p == null ? void 0 : p[l.email]) ?? ((Se = l.availability) == null ? void 0 : Se.open_hours) ?? []
|
|
194
195
|
} : void 0,
|
|
195
|
-
booking: m != null && m[
|
|
196
|
+
booking: m != null && m[l.email] ? { calendar_id: m == null ? void 0 : m[l.email] } : (l == null ? void 0 : l.booking) ?? void 0
|
|
196
197
|
};
|
|
197
198
|
})
|
|
198
199
|
],
|
|
199
200
|
event_booking: {
|
|
200
201
|
title: (s == null ? void 0 : s.toString()) ?? "",
|
|
201
202
|
description: (c == null ? void 0 : c.toString()) ?? "",
|
|
202
|
-
location: (
|
|
203
|
-
booking_type: (
|
|
204
|
-
timezone: (
|
|
205
|
-
conferencing:
|
|
206
|
-
reminders:
|
|
203
|
+
location: (S == null ? void 0 : S.toString()) ?? "",
|
|
204
|
+
booking_type: (F == null ? void 0 : F.toString()) ?? "booking",
|
|
205
|
+
timezone: (u == null ? void 0 : u.timezone) ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
|
|
206
|
+
conferencing: R,
|
|
207
|
+
reminders: A
|
|
207
208
|
},
|
|
208
209
|
scheduler: {
|
|
209
|
-
cancellation_policy:
|
|
210
|
-
available_days_in_future:
|
|
211
|
-
min_cancellation_notice:
|
|
212
|
-
min_booking_notice:
|
|
213
|
-
hide_additional_guests:
|
|
210
|
+
cancellation_policy: I ?? "",
|
|
211
|
+
available_days_in_future: H ?? 30,
|
|
212
|
+
min_cancellation_notice: O ?? 0,
|
|
213
|
+
min_booking_notice: N ?? 60,
|
|
214
|
+
hide_additional_guests: M ?? !1,
|
|
214
215
|
hide_cancellation_options: D ?? !1,
|
|
215
|
-
hide_rescheduling_options:
|
|
216
|
-
additional_fields:
|
|
217
|
-
email_template:
|
|
218
|
-
confirmation_redirect_url:
|
|
216
|
+
hide_rescheduling_options: z ?? !1,
|
|
217
|
+
additional_fields: U,
|
|
218
|
+
email_template: j,
|
|
219
|
+
confirmation_redirect_url: $
|
|
219
220
|
},
|
|
220
|
-
appearance:
|
|
221
|
-
},
|
|
222
|
-
this.isConfigRoundRobin(
|
|
223
|
-
const
|
|
221
|
+
appearance: V
|
|
222
|
+
}, Oe = Fe(E, this.selectedConfiguration || {}), L = this.action === "create" ? Oe : E;
|
|
223
|
+
this.isConfigRoundRobin(L) && (L.participants = L.participants.map((l) => ({ ...l, is_organizer: void 0 })));
|
|
224
|
+
const Ne = (l) => {
|
|
224
225
|
this.isLoading = !1, this.changesSaved = !0, setTimeout(() => {
|
|
225
226
|
this.changesSaved = !1;
|
|
226
227
|
}, 5e3);
|
|
227
|
-
}
|
|
228
|
-
|
|
228
|
+
}, Ie = this.checkForBookingFormErrors(L), Me = ((ue = this.configurations) == null ? void 0 : ue.find((l) => {
|
|
229
|
+
var P;
|
|
230
|
+
return l.id === ((P = this.selectedConfiguration) == null ? void 0 : P.id);
|
|
231
|
+
})) || {}, De = this.checkForOrganizerConfirmationError(Fe(L, Me));
|
|
232
|
+
Ie || De || this.schedulerConfigChanged.emit({ config: L, resetLoadingState: Ne, setError: this.setError, action: this.action });
|
|
229
233
|
}, this.isConfigRoundRobin = (a) => {
|
|
230
|
-
var i, n,
|
|
231
|
-
return ((n = (i = a.availability) == null ? void 0 : i.availability_rules) == null ? void 0 : n.availability_method) === "max-availability" || ((s = (
|
|
232
|
-
}, this.
|
|
233
|
-
var
|
|
234
|
+
var i, n, r, s;
|
|
235
|
+
return ((n = (i = a == null ? void 0 : a.availability) == null ? void 0 : i.availability_rules) == null ? void 0 : n.availability_method) === "max-availability" || ((s = (r = a.availability) == null ? void 0 : r.availability_rules) == null ? void 0 : s.availability_method) === "max-fairness";
|
|
236
|
+
}, this.checkForOrganizerConfirmationError = (a) => {
|
|
237
|
+
var c, d;
|
|
238
|
+
let i = !1, n = "";
|
|
239
|
+
const r = ((c = a.event_booking) == null ? void 0 : c.booking_type) === "organizer-confirmation", s = (d = a.scheduler) == null ? void 0 : d.organizer_confirmation_url;
|
|
240
|
+
return r && !s && (n += "Organizer confirmation URL is required when using organizer confirmation booking type.", i = !0), i && (this.isLoading = !1, this.setError(new Error(n))), i;
|
|
241
|
+
}, this.checkForBookingFormErrors = (a) => {
|
|
242
|
+
var s;
|
|
234
243
|
let i = !1, n = "";
|
|
235
|
-
const
|
|
236
|
-
return
|
|
237
|
-
const
|
|
238
|
-
if (
|
|
239
|
-
n += `Label is required for field of type ${
|
|
244
|
+
const r = (s = a.scheduler) == null ? void 0 : s.additional_fields;
|
|
245
|
+
return r && (n = "Booking form error: ", Object.entries(r).forEach((c) => {
|
|
246
|
+
const d = c[1];
|
|
247
|
+
if (d.label === "") {
|
|
248
|
+
n += `Label is required for field of type ${d.type}.`, i = !0;
|
|
240
249
|
return;
|
|
241
250
|
}
|
|
242
|
-
if (
|
|
243
|
-
for (const
|
|
244
|
-
if (
|
|
245
|
-
n += `Empty option detected inside ${
|
|
251
|
+
if (d.options) {
|
|
252
|
+
for (const u of d.options)
|
|
253
|
+
if (u === "") {
|
|
254
|
+
n += `Empty option detected inside ${d.label} of type ${d.type}.`, i = !0;
|
|
246
255
|
break;
|
|
247
256
|
}
|
|
248
257
|
}
|
|
249
|
-
})),
|
|
250
|
-
}, this.calendars = void 0, this.selectedConfiguration = void 0, this.currentUser = void 0, this.schedulerPreviewLink = "", this.mode = "app", this.hideEditorTabs = [], this.enableUserFeedback = !0, this.action = "create", this.showFeedbackModal = !1, this.activeTab = o.EventInfo, this.isLoading = !1, this.hasUnsavedChanges = !1, this.changesSaved = !1, this.formState = {}, this.error = "";
|
|
258
|
+
})), i && (this.isLoading = !1, this.setError(new Error(n))), i;
|
|
259
|
+
}, this.calendars = void 0, this.selectedConfiguration = void 0, this.configurations = void 0, this.currentUser = void 0, this.schedulerPreviewLink = "", this.mode = "app", this.hideEditorTabs = [], this.enableUserFeedback = !0, this.action = "create", this.showFeedbackModal = !1, this.activeTab = o.EventInfo, this.isLoading = !1, this.hasUnsavedChanges = !1, this.changesSaved = !1, this.formState = {}, this.error = "";
|
|
251
260
|
}
|
|
252
261
|
configChangedHandler(e) {
|
|
253
|
-
|
|
262
|
+
h("[nylas-editor-tabs]", "configChangedHandler", e, this.selectedConfiguration), this.formState = {
|
|
254
263
|
...this.getFormStateFromConfig(e)
|
|
255
264
|
}, e != null && e.id ? this.action = "edit" : this.action = "create";
|
|
256
265
|
}
|
|
257
266
|
userChangedHandler(e) {
|
|
258
|
-
|
|
267
|
+
h("[nylas-editor-tabs]", "userChangedHandler", e), e && (this.formState = {
|
|
259
268
|
...this.getFormStateFromConfig(this.selectedConfiguration)
|
|
260
269
|
});
|
|
261
270
|
}
|
|
262
271
|
connectedCallback() {
|
|
263
|
-
|
|
272
|
+
h("[nylas-editor-tabs]", "connectedCallback");
|
|
264
273
|
}
|
|
265
274
|
componentWillLoad() {
|
|
266
|
-
|
|
275
|
+
h("[nylas-editor-tabs]", "componentWillLoad"), this.formState = this.getFormStateFromConfig(this.selectedConfiguration);
|
|
267
276
|
}
|
|
268
277
|
componentDidLoad() {
|
|
269
278
|
var a, i;
|
|
270
|
-
|
|
279
|
+
h("[nylas-editor-tabs]", "componentDidLoad"), this.enableUserFeedback && !Ue() && Re({
|
|
271
280
|
dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
|
|
272
|
-
release: "1.1.
|
|
273
|
-
integrations: [
|
|
274
|
-
|
|
275
|
-
|
|
281
|
+
release: "1.1.5",
|
|
282
|
+
integrations: (n) => [
|
|
283
|
+
...n.filter((r) => !1),
|
|
284
|
+
$e({
|
|
276
285
|
colorScheme: "system",
|
|
277
286
|
autoInject: !1
|
|
278
287
|
})
|
|
279
288
|
],
|
|
280
|
-
|
|
281
|
-
|
|
289
|
+
autoSessionTracking: !1,
|
|
290
|
+
beforeSend: () => null
|
|
282
291
|
}), (a = this.selectedConfiguration) != null && a.id && this.configChangedHandler(this.selectedConfiguration);
|
|
283
292
|
const e = (i = this.host.querySelector("button.tab:not(.hide)")) == null ? void 0 : i.name;
|
|
284
293
|
e && (this.activeTab = e);
|
|
285
294
|
}
|
|
286
295
|
disconnectedCallback() {
|
|
287
|
-
|
|
296
|
+
h("[nylas-editor-tabs]", "disconnectedCallback");
|
|
288
297
|
}
|
|
289
298
|
handleValueChanged(e) {
|
|
290
|
-
|
|
299
|
+
h("[nylas-editor-tabs]", "handleValueChanged", e);
|
|
291
300
|
const { name: a, value: i } = e.detail;
|
|
292
301
|
this.setFormState(i, a), this.formState = { ...this.formState }, this.hasUnsavedChanges = !0, this.error = "", this.schedulerEditorFormUpdated.emit({
|
|
293
302
|
value: e.detail.value,
|
|
@@ -298,69 +307,69 @@ const Pe = class {
|
|
|
298
307
|
this.showFeedbackModal = !1;
|
|
299
308
|
}
|
|
300
309
|
feedbackSubmittedHandler(e) {
|
|
301
|
-
var n,
|
|
310
|
+
var n, r;
|
|
302
311
|
const i = {
|
|
303
|
-
eventId:
|
|
312
|
+
eventId: Ae("Scheduler Editor User Feedback"),
|
|
304
313
|
message: e.detail.feedback
|
|
305
314
|
};
|
|
306
|
-
|
|
315
|
+
je(i, {
|
|
307
316
|
includeReplay: !0,
|
|
308
317
|
captureContext: {
|
|
309
318
|
tags: {
|
|
310
319
|
"nylas-web-element": "nylas-scheduler-editor",
|
|
311
|
-
"nylas-web-element-version": "1.1.
|
|
320
|
+
"nylas-web-element-version": "1.1.5"
|
|
312
321
|
},
|
|
313
322
|
extra: {
|
|
314
323
|
configId: (n = this.selectedConfiguration) == null ? void 0 : n.id,
|
|
315
|
-
slug: (
|
|
324
|
+
slug: (r = this.selectedConfiguration) == null ? void 0 : r.slug
|
|
316
325
|
}
|
|
317
326
|
}
|
|
318
327
|
}), this.showFeedbackModal = !1;
|
|
319
328
|
}
|
|
320
329
|
getFormStateFromConfig(e) {
|
|
321
|
-
var i, n,
|
|
322
|
-
let a = (i = e == null ? void 0 : e.participants) == null ? void 0 : i.find((
|
|
323
|
-
return !a && ((
|
|
324
|
-
var
|
|
325
|
-
return
|
|
330
|
+
var i, n, r, s, c, d, u, v, S, F, B, H, O, N, I, w, M, D, z, g, p, U, f, R, m, A, j, $, T, J, V, Z, b, k;
|
|
331
|
+
let a = (i = e == null ? void 0 : e.participants) == null ? void 0 : i.find((y) => y.is_organizer);
|
|
332
|
+
return !a && ((r = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.availability_rules) == null ? void 0 : r.availability_method) !== "collective" && (a = (s = e == null ? void 0 : e.participants) == null ? void 0 : s.find((y) => {
|
|
333
|
+
var _;
|
|
334
|
+
return y.email === ((_ = this.currentUser) == null ? void 0 : _.email);
|
|
326
335
|
}), a && (a.is_organizer = !0)), e != null && e.appearance && console.info("Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired."), {
|
|
327
336
|
title: ((c = e == null ? void 0 : e.event_booking) == null ? void 0 : c.title) ?? "",
|
|
328
337
|
description: ((d = e == null ? void 0 : e.event_booking) == null ? void 0 : d.description) ?? "",
|
|
329
|
-
duration: ((
|
|
338
|
+
duration: ((v = (u = e == null ? void 0 : e.availability) == null ? void 0 : u.duration_minutes) == null ? void 0 : v.toString()) ?? "30",
|
|
330
339
|
availability: {
|
|
331
|
-
timezone: ((
|
|
332
|
-
openHours: ((
|
|
340
|
+
timezone: ((S = e == null ? void 0 : e.event_booking) == null ? void 0 : S.timezone) ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
|
|
341
|
+
openHours: ((B = (F = e == null ? void 0 : e.availability) == null ? void 0 : F.availability_rules) == null ? void 0 : B.default_open_hours) ?? Le
|
|
333
342
|
},
|
|
334
|
-
additionalFields: ((
|
|
335
|
-
conferencing: ((
|
|
336
|
-
calendarIds: ((
|
|
343
|
+
additionalFields: ((H = e == null ? void 0 : e.scheduler) == null ? void 0 : H.additional_fields) ?? {},
|
|
344
|
+
conferencing: ((O = e == null ? void 0 : e.event_booking) == null ? void 0 : O.conferencing) ?? {},
|
|
345
|
+
calendarIds: ((N = a == null ? void 0 : a.availability) == null ? void 0 : N.calendar_ids) ?? [],
|
|
337
346
|
participants: (e == null ? void 0 : e.participants) ?? [],
|
|
338
|
-
bookingCalendar: ((
|
|
339
|
-
location: ((
|
|
340
|
-
bookingType: ((
|
|
341
|
-
buffer: ((
|
|
342
|
-
cancellationPolicy: ((
|
|
347
|
+
bookingCalendar: ((I = a == null ? void 0 : a.booking) == null ? void 0 : I.calendar_id) ?? (a == null ? void 0 : a.email) ?? "",
|
|
348
|
+
location: ((w = e == null ? void 0 : e.event_booking) == null ? void 0 : w.location) ?? "",
|
|
349
|
+
bookingType: ((M = e == null ? void 0 : e.event_booking) == null ? void 0 : M.booking_type) ?? "booking",
|
|
350
|
+
buffer: ((z = (D = e == null ? void 0 : e.availability) == null ? void 0 : D.availability_rules) == null ? void 0 : z.buffer) ?? { before: 0, after: 0 },
|
|
351
|
+
cancellationPolicy: ((g = e == null ? void 0 : e.scheduler) == null ? void 0 : g.cancellation_policy) ?? "",
|
|
343
352
|
availableDaysInFuture: ((p = e == null ? void 0 : e.scheduler) == null ? void 0 : p.available_days_in_future) ?? 30,
|
|
344
|
-
minCancellationNotice: ((
|
|
353
|
+
minCancellationNotice: ((U = e == null ? void 0 : e.scheduler) == null ? void 0 : U.min_cancellation_notice) ?? 0,
|
|
345
354
|
minBookingNotice: ((f = e == null ? void 0 : e.scheduler) == null ? void 0 : f.min_booking_notice) ?? 60,
|
|
346
355
|
timeslotInterval: {
|
|
347
|
-
interval: ((
|
|
348
|
-
roundTo: (
|
|
356
|
+
interval: ((R = e == null ? void 0 : e.availability) == null ? void 0 : R.interval_minutes) ?? ((m = e == null ? void 0 : e.availability) == null ? void 0 : m.duration_minutes),
|
|
357
|
+
roundTo: (A = e == null ? void 0 : e.availability) == null ? void 0 : A.round_to
|
|
349
358
|
},
|
|
350
|
-
additionalGuestsHidden: ((
|
|
351
|
-
hideCancellationOptions: ((
|
|
359
|
+
additionalGuestsHidden: ((j = e == null ? void 0 : e.scheduler) == null ? void 0 : j.hide_additional_guests) ?? !1,
|
|
360
|
+
hideCancellationOptions: (($ = e == null ? void 0 : e.scheduler) == null ? void 0 : $.hide_cancellation_options) ?? !1,
|
|
352
361
|
hideReschedulingOptions: ((T = e == null ? void 0 : e.scheduler) == null ? void 0 : T.hide_rescheduling_options) ?? !1,
|
|
353
|
-
participantBookingCalendars: ((
|
|
354
|
-
var
|
|
355
|
-
return (
|
|
362
|
+
participantBookingCalendars: ((J = e == null ? void 0 : e.participants) == null ? void 0 : J.reduce((y, _) => {
|
|
363
|
+
var C, E;
|
|
364
|
+
return (C = _.booking) != null && C.calendar_id && (y[_.email] = (E = _.booking) == null ? void 0 : E.calendar_id), y;
|
|
356
365
|
})) ?? {},
|
|
357
|
-
participantCalendars: ((
|
|
358
|
-
var
|
|
359
|
-
return _
|
|
366
|
+
participantCalendars: ((V = e == null ? void 0 : e.participants) == null ? void 0 : V.reduce((y, _) => {
|
|
367
|
+
var C;
|
|
368
|
+
return y[_.email] = (C = _.availability) == null ? void 0 : C.calendar_ids, y;
|
|
360
369
|
}, {})) ?? {},
|
|
361
|
-
reminders: (
|
|
370
|
+
reminders: (Z = e == null ? void 0 : e.event_booking) == null ? void 0 : Z.reminders,
|
|
362
371
|
emailTemplate: (b = e == null ? void 0 : e.scheduler) == null ? void 0 : b.email_template,
|
|
363
|
-
redirectUrl: (
|
|
372
|
+
redirectUrl: (k = e == null ? void 0 : e.scheduler) == null ? void 0 : k.confirmation_redirect_url,
|
|
364
373
|
slug: e == null ? void 0 : e.slug,
|
|
365
374
|
appearance: e == null ? void 0 : e.appearance,
|
|
366
375
|
name: e == null ? void 0 : e.name
|
|
@@ -434,7 +443,7 @@ const Pe = class {
|
|
|
434
443
|
this.formState.emailTemplate = JSON.parse(e.toString());
|
|
435
444
|
break;
|
|
436
445
|
case "reminder-overrides":
|
|
437
|
-
this.formState.reminders =
|
|
446
|
+
this.formState.reminders = JSON.parse(e.toString());
|
|
438
447
|
break;
|
|
439
448
|
case "confirmation-redirect":
|
|
440
449
|
this.formState.redirectUrl = e.toString();
|
|
@@ -474,19 +483,19 @@ const Pe = class {
|
|
|
474
483
|
}
|
|
475
484
|
render() {
|
|
476
485
|
var e, a;
|
|
477
|
-
return
|
|
486
|
+
return h("[nylas-editor-tabs]", "render", this.formState), t(Te, { key: "979cb82af1a494ea69a8122420da0c794e7c1c14" }, t("form", { key: "a8aec5d884b9985898a0e2015a973c3f18c9993d", onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: (i) => this.formRef = i, noValidate: !0 }, this.mode === "app" ? t("div", { class: "form-contents" }, t("div", { class: "tabs" }, t("button", { name: o.EventInfo, class: { tab: !0, active: this.activeTab == o.EventInfo, hide: this.hideTab(o.EventInfo) }, part: "editortab__event-info", onClick: (i) => this.setActiveTab(i, o.EventInfo) }, t("calendar-info-icon", { width: "16", height: "16" }), "Event info"), t("button", { name: o.Availability, class: { tab: !0, active: this.activeTab == o.Availability, hide: this.hideTab(o.Availability) }, part: "editortab__availability", onClick: (i) => this.setActiveTab(i, o.Availability) }, t("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), t("button", { name: o.Participants, class: { tab: !0, active: this.activeTab == o.Participants, hide: this.hideTab(o.Participants) }, part: "editortab__participants", onClick: (i) => this.setActiveTab(i, o.Participants) }, t("people-icon", { width: "16", height: "16" }), "Participants"), t("button", { name: o.BookingOptions, class: { tab: !0, active: this.activeTab == o.BookingOptions, hide: this.hideTab(o.BookingOptions) }, part: "editortab__booking-options", onClick: (i) => this.setActiveTab(i, o.BookingOptions) }, t("flow-icon", { width: "16", height: "16" }), "Booking options"), t("button", { name: o.BookingForm, class: { tab: !0, active: this.activeTab == "bookingForm", hide: this.hideTab(o.BookingForm) }, part: "editortab__booking-form", onClick: (i) => this.setActiveTab(i, o.BookingForm) }, this.activeTab == o.BookingForm ? t("calendar-agenda-fill-icon", { width: "16", height: "16" }) : t("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), t("button", { name: o.Communications, class: { tab: !0, active: this.activeTab == "communications", hide: this.hideTab(o.Communications) }, onClick: (i) => this.setActiveTab(i, o.Communications) }, this.activeTab == o.Communications ? t("envelope-fill-icon", { width: "16", height: "16" }) : t("envelope-icon", { width: "16", height: "16" }), "Communications"), t("button", { name: o.PageStyles, class: { tab: !0, active: this.activeTab == "pageStyles", hide: this.hideTab(o.PageStyles) }, onClick: (i) => this.setActiveTab(i, o.PageStyles) }, this.activeTab == o.PageStyles ? t("paintbrush-fill-icon", { width: "16", height: "16" }) : t("paintbrush-icon", { width: "16", height: "16" }), "Page styles")), t("div", { class: "tab-content" }, t(Ke, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: ((e = this.selectedConfiguration) == null ? void 0 : e.id) ?? "new" }))) : t("div", { class: "composable", key: (a = this.selectedConfiguration) == null ? void 0 : a.id }, t("slot", null)), t("div", { key: "c013e06487a2675130df47566e7322bb8254fea0", class: "footer", part: "editor__footer" }, t("div", { key: "7ec0e476e014b7dcc5cb0177b86161743b09233f", class: "preview", part: "editor__footer-preview" }, this.enableUserFeedback && t("button-component", { title: "Share your feedback", id: "report-issue", variant: "basic", onClick: () => this.onFeedbackClick() }, t("feedback-icon", null))), t("div", { key: "791187b91f7ce807d980fe79a551bb7f16725a8b", class: "buttons", part: "editor__footer-buttons" }, t("p", { key: "33e1dcbac0ccf06a7c9b15fe615e222e86d7d947", class: {
|
|
478
487
|
"unsaved-changes": this.hasUnsavedChanges && !this.changesSaved,
|
|
479
488
|
"saved-changes": this.changesSaved,
|
|
480
489
|
error: this.error !== "",
|
|
481
490
|
"error-full-width": this.error !== "" && this.action === "create"
|
|
482
491
|
} }, this.error !== "" ? this.error : "", this.error == "" && this.hasUnsavedChanges && !this.changesSaved ? "Unsaved changes" : this.error == "" && this.changesSaved ? "Changes saved!" : ""), this.schedulerPreviewLink !== "" && this.action === "edit" && t("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: (i) => {
|
|
483
|
-
i.preventDefault(), this.previewButtonClicked.emit(this.host).defaultPrevented || window.open(
|
|
484
|
-
}, variant: "basic" }, t("eye-icon", null)), t("button-component", { key: "
|
|
492
|
+
i.preventDefault(), this.previewButtonClicked.emit(this.host).defaultPrevented || window.open(K(this.schedulerPreviewLink, this.selectedConfiguration), "_blank");
|
|
493
|
+
}, variant: "basic" }, t("eye-icon", null)), t("button-component", { key: "35722d8b7c489c687ef63d7747a33204261b2870", type: "button", disabled: this.isLoading, clickHandler: (i) => {
|
|
485
494
|
i.preventDefault(), this.cancelButtonClick.emit(), this.error = "";
|
|
486
|
-
}, variant: "basic", part: "editor__footer-cancel" }, "Back"), t("button-component", { key: "
|
|
495
|
+
}, variant: "basic", part: "editor__footer-cancel" }, "Back"), t("button-component", { key: "fabfca306aecb7a62212397bfe12e3fffce5fa8e", type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? t("span", null, "Saving", t("loading-icon", null), " ") : this.action === "create" ? "Create" : "Save changes")))), this.showFeedbackModal && t("nylas-feedback-form", null));
|
|
487
496
|
}
|
|
488
497
|
get host() {
|
|
489
|
-
return
|
|
498
|
+
return Ee(this);
|
|
490
499
|
}
|
|
491
500
|
static get watchers() {
|
|
492
501
|
return {
|
|
@@ -495,22 +504,22 @@ const Pe = class {
|
|
|
495
504
|
};
|
|
496
505
|
}
|
|
497
506
|
};
|
|
498
|
-
|
|
499
|
-
|
|
507
|
+
Ye([
|
|
508
|
+
Pe({
|
|
500
509
|
name: "nylas-editor-tabs",
|
|
501
510
|
stateToProps: /* @__PURE__ */ new Map([
|
|
502
511
|
["schedulerConfig.calendars", "calendars"],
|
|
503
512
|
["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
|
|
504
513
|
["schedulerConfig.currentUser", "currentUser"],
|
|
505
|
-
["schedulerConfig.
|
|
514
|
+
["schedulerConfig.configurations", "configurations"]
|
|
506
515
|
]),
|
|
507
516
|
eventToProps: {
|
|
508
517
|
schedulerConfigChanged: async (e, a) => {
|
|
509
|
-
const { resetLoadingState: i, setError: n, action:
|
|
510
|
-
const [
|
|
511
|
-
!
|
|
518
|
+
const { resetLoadingState: i, setError: n, action: r, config: s } = e.detail, c = (d) => {
|
|
519
|
+
const [u, v] = d;
|
|
520
|
+
!u && v && n && n(v), i && i(e);
|
|
512
521
|
};
|
|
513
|
-
if (
|
|
522
|
+
if (r === "edit") {
|
|
514
523
|
const d = await a.schedulerConfig.updateConfiguration(s);
|
|
515
524
|
c(d);
|
|
516
525
|
} else {
|
|
@@ -522,42 +531,43 @@ Ke([
|
|
|
522
531
|
a.schedulerConfigStore.state.action = null;
|
|
523
532
|
},
|
|
524
533
|
previewButtonClicked: async (e, a) => {
|
|
525
|
-
|
|
534
|
+
h("[nylas-editor-tabs]", "previewButtonClicked", a);
|
|
526
535
|
},
|
|
527
536
|
formSubmitted: async (e, a) => {
|
|
528
|
-
|
|
537
|
+
h("[nylas-editor-tabs]", "formSubmitted", a);
|
|
529
538
|
},
|
|
530
539
|
schedulerEditorFormUpdated: async (e, a) => {
|
|
531
|
-
|
|
540
|
+
h("[nylas-editor-tabs]", "schedulerEditorFormUpdated", e);
|
|
532
541
|
}
|
|
533
542
|
},
|
|
534
543
|
localPropsToProp: /* @__PURE__ */ new Map([
|
|
535
544
|
["schedulerPreviewLink", "schedulerPreviewLink"],
|
|
536
|
-
["enableUserFeedback", "enableUserFeedback"]
|
|
545
|
+
["enableUserFeedback", "enableUserFeedback"],
|
|
546
|
+
["hideEditorTabs", "hideEditorTabs"]
|
|
537
547
|
]),
|
|
538
548
|
fireRegisterEvent: !0
|
|
539
549
|
}),
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
],
|
|
544
|
-
|
|
545
|
-
const
|
|
546
|
-
var
|
|
547
|
-
var
|
|
550
|
+
W("design:type", Function),
|
|
551
|
+
W("design:paramtypes", []),
|
|
552
|
+
W("design:returntype", void 0)
|
|
553
|
+
], Be.prototype, "render", null);
|
|
554
|
+
Be.style = Xe;
|
|
555
|
+
const et = ':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--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}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:1rem;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:hidden}.configurations .table-container{overflow-y:auto;flex:1}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations .table-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{text-align:right}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:white;width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .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);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}', tt = et;
|
|
556
|
+
var at = function(e, a, i, n) {
|
|
557
|
+
var r = arguments.length, s = r < 3 ? a : n === null ? n = Object.getOwnPropertyDescriptor(a, i) : n, c;
|
|
548
558
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
549
559
|
s = Reflect.decorate(e, a, i, n);
|
|
550
560
|
else
|
|
551
561
|
for (var d = e.length - 1; d >= 0; d--)
|
|
552
|
-
(c = e[d]) && (s = (
|
|
553
|
-
return
|
|
554
|
-
},
|
|
562
|
+
(c = e[d]) && (s = (r < 3 ? c(s) : r > 3 ? c(a, i, s) : c(a, i)) || s);
|
|
563
|
+
return r > 3 && s && Object.defineProperty(a, i, s), s;
|
|
564
|
+
}, q = function(e, a) {
|
|
555
565
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
556
566
|
return Reflect.metadata(e, a);
|
|
557
567
|
};
|
|
558
|
-
const
|
|
568
|
+
const He = class {
|
|
559
569
|
constructor(e) {
|
|
560
|
-
|
|
570
|
+
G(this, e), this.initListConfigurations = x(this, "initListConfigurations", 7), this.createButtonClick = x(this, "createButtonClick", 7), this.editButtonClick = x(this, "editButtonClick", 7), this.deleteButtonClick = x(this, "deleteButtonClick", 7), this.configurations = [], this.schedulerPreviewLink = "", this.listConfigurationsNextCursor = void 0, this.state = "loading", this.error = "", this.currentCursor = null, this.previousCursors = [], this.disableNextPageButton = !1;
|
|
561
571
|
}
|
|
562
572
|
listConfigurationsNextCursorChangedHandler(e, a) {
|
|
563
573
|
if (!e || e === a) {
|
|
@@ -567,31 +577,31 @@ const Ee = class {
|
|
|
567
577
|
this.disableNextPageButton = !1, this.currentCursor = e;
|
|
568
578
|
}
|
|
569
579
|
connectedCallback() {
|
|
570
|
-
|
|
580
|
+
h("[nylas-list-configurations]", "connectedCallback");
|
|
571
581
|
}
|
|
572
582
|
componentWillLoad() {
|
|
573
|
-
|
|
583
|
+
h("[nylas-list-configurations]", "componentWillLoad"), this.configurations && this.configurations.length > 0 && (this.state = "loaded");
|
|
574
584
|
}
|
|
575
585
|
componentDidLoad() {
|
|
576
|
-
|
|
586
|
+
h("[nylas-list-configurations]", "componentDidLoad"), this.initListConfigurations.emit({
|
|
577
587
|
host: this.host
|
|
578
588
|
});
|
|
579
589
|
}
|
|
580
590
|
disconnectedCallback() {
|
|
581
|
-
|
|
591
|
+
h("[nylas-list-configurations]", "disconnectedCallback");
|
|
582
592
|
}
|
|
583
593
|
async handleNylasFormDropdownChanged(e) {
|
|
584
|
-
|
|
594
|
+
h("[nylas-list-configurations]", "handleNylasFormDropdownChanged", e.detail);
|
|
585
595
|
const { value: a } = e.detail, [i, n] = a.split("-");
|
|
586
596
|
switch (e.preventDefault(), i) {
|
|
587
597
|
case "delete":
|
|
588
598
|
this.deleteButtonClick.emit({ host: this.host, configuration: this.configurations[n] });
|
|
589
599
|
break;
|
|
590
600
|
case "preview":
|
|
591
|
-
window.open(
|
|
601
|
+
window.open(K(this.schedulerPreviewLink, this.configurations[n]), "_blank");
|
|
592
602
|
break;
|
|
593
603
|
case "copy":
|
|
594
|
-
await navigator.clipboard.writeText(
|
|
604
|
+
await navigator.clipboard.writeText(K(this.schedulerPreviewLink, this.configurations[n]));
|
|
595
605
|
break;
|
|
596
606
|
}
|
|
597
607
|
}
|
|
@@ -644,7 +654,8 @@ const Ee = class {
|
|
|
644
654
|
}));
|
|
645
655
|
}
|
|
646
656
|
render() {
|
|
647
|
-
|
|
657
|
+
var e;
|
|
658
|
+
return t(Te, null, t("div", { class: "header" }, t("div", { class: "description" }, t("h2", null, "All Scheduling Pages"), t("p", null, "Create and manage your Scheduling Pages.")), this.configurations && this.configurations.length > 0 && t("div", { class: "actions" }, t("button-component", { part: "nlc__create-new-cta", clickHandler: () => {
|
|
648
659
|
this.createButtonClick.emit(this.host);
|
|
649
660
|
} }, "Create new"))), t("div", { class: "configurations" }, t("div", { class: "table-container" }, t("table", { class: {
|
|
650
661
|
"no-configurations": this.state !== "loading" && (!this.configurations || this.configurations.length === 0)
|
|
@@ -652,16 +663,19 @@ const Ee = class {
|
|
|
652
663
|
hide: this.state === "loading" || this.configurations && this.configurations.length === 0
|
|
653
664
|
} }, t("th", null, "Page title"), t("th", null, "Duration"), t("th", null)), this.state === "loading" && t("tr", { class: "no-configurations" }, t("td", { colSpan: 3 }, t("div", null, t("h3", null, "Loading..."), t("p", null, "Please wait while we fetch the scheduling pages")))), this.state !== "loading" && (!this.configurations || this.configurations.length === 0) && t("tr", { class: "no-configurations" }, t("td", { colSpan: 3 }, t("div", null, t("calendar-icon", { width: "48", height: "48" }), t("h3", null, "No scheduling pages found"), t("p", null, "Get started with creating your first scheduling page"), t("button-component", { part: "nlc__create-new-cta", clickHandler: () => {
|
|
654
665
|
this.createButtonClick.emit(this.host);
|
|
655
|
-
} }, "Create new")))), this.state !== "loading" &&
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
{
|
|
660
|
-
|
|
661
|
-
|
|
666
|
+
} }, "Create new")))), this.state !== "loading" && ((e = this.configurations) == null ? void 0 : e.map((a, i) => {
|
|
667
|
+
var n, r, s, c;
|
|
668
|
+
return t("tr", { key: a == null ? void 0 : a.id }, t("td", null, t("div", { class: "title" }, t("div", { class: "config-event-title", title: (n = a == null ? void 0 : a.event_booking) == null ? void 0 : n.title }, (r = a == null ? void 0 : a.event_booking) == null ? void 0 : r.title), t("div", { class: "config-event-description" }, (s = a == null ? void 0 : a.event_booking) == null ? void 0 : s.description))), t("td", null, t("div", { class: "duration" }, this.getDurationString((c = a == null ? void 0 : a.availability) == null ? void 0 : c.duration_minutes))), t("td", null, t("div", { class: "actions" }, t("button-component", { variant: "basic", key: `edit-${i}`, clickHandler: (d) => {
|
|
669
|
+
d.preventDefault(), this.editButtonClick.emit({ host: this.host, configuration: a });
|
|
670
|
+
} }, t("edit-icon", { width: "16", height: "16" }), "Edit"), t("select-dropdown", { name: "actions", options: [
|
|
671
|
+
{ value: `preview-${i}`, label: "Preview", labelHTML: this.getActionLabelHTML("preview") },
|
|
672
|
+
{ value: `copy-${i}`, label: "Copy link", labelHTML: this.getActionLabelHTML("copy") },
|
|
673
|
+
{ value: `delete-${i}`, label: "Delete", labelHTML: this.getActionLabelHTML("delete") }
|
|
674
|
+
], defaultSelectedOption: { value: "", label: "" }, dropdownButtonText: "...", withSearch: !1, withChevron: !1, exportparts: "sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content" }))));
|
|
675
|
+
})))), t("div", { class: "pagination" }, t("button", { class: "arrow left", onClick: () => this.previousPageClickedHandler(), disabled: this.previousCursors.length <= 0 }, t("chevron-icon", null)), t("button", { class: "arrow right", onClick: () => this.nextPageClickedHandler(), disabled: this.disableNextPageButton }, t("chevron-icon", null)))), this.state === "error" && t("div", { class: "error-container" }, t("p", { class: "error" }, this.error)));
|
|
662
676
|
}
|
|
663
677
|
get host() {
|
|
664
|
-
return
|
|
678
|
+
return Ee(this);
|
|
665
679
|
}
|
|
666
680
|
static get watchers() {
|
|
667
681
|
return {
|
|
@@ -669,8 +683,8 @@ const Ee = class {
|
|
|
669
683
|
};
|
|
670
684
|
}
|
|
671
685
|
};
|
|
672
|
-
|
|
673
|
-
|
|
686
|
+
at([
|
|
687
|
+
Pe({
|
|
674
688
|
name: "nylas-list-configurations",
|
|
675
689
|
stateToProps: /* @__PURE__ */ new Map([
|
|
676
690
|
["schedulerConfig.configurations", "configurations"],
|
|
@@ -681,8 +695,8 @@ Ye([
|
|
|
681
695
|
initListConfigurations: async (e, a) => {
|
|
682
696
|
const { host: i, cursor: n } = e.detail;
|
|
683
697
|
await i.setState("loading");
|
|
684
|
-
const [
|
|
685
|
-
if (!
|
|
698
|
+
const [r, s] = await a.schedulerConfig.getConfigurations(n);
|
|
699
|
+
if (!r && s && s.message) {
|
|
686
700
|
await i.setState("error"), await i.setError(s.message);
|
|
687
701
|
return;
|
|
688
702
|
}
|
|
@@ -692,8 +706,8 @@ Ye([
|
|
|
692
706
|
a.schedulerConfigStore.resetSelectedConfiguration(), a.schedulerConfigStore.state.action = "create";
|
|
693
707
|
},
|
|
694
708
|
deleteButtonClick: async (e, a) => {
|
|
695
|
-
const { host: i, configuration: n } = e.detail, [
|
|
696
|
-
!
|
|
709
|
+
const { host: i, configuration: n } = e.detail, [r, s] = await a.schedulerConfig.deleteConfiguration(n.id);
|
|
710
|
+
!r && s && s.message && (await i.setState("error"), await i.setError(s.message));
|
|
697
711
|
},
|
|
698
712
|
editButtonClick: async (e, a) => {
|
|
699
713
|
const { configuration: i } = e.detail;
|
|
@@ -702,14 +716,14 @@ Ye([
|
|
|
702
716
|
},
|
|
703
717
|
fireRegisterEvent: !0
|
|
704
718
|
}),
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
],
|
|
709
|
-
|
|
719
|
+
q("design:type", Function),
|
|
720
|
+
q("design:paramtypes", []),
|
|
721
|
+
q("design:returntype", void 0)
|
|
722
|
+
], He.prototype, "render", null);
|
|
723
|
+
He.style = tt;
|
|
710
724
|
export {
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
725
|
+
Ze as google_logo_icon,
|
|
726
|
+
qe as microsoft_logo_icon,
|
|
727
|
+
Be as nylas_editor_tabs,
|
|
728
|
+
He as nylas_list_configurations
|
|
715
729
|
};
|