@nylas/react 1.1.3 → 1.1.4

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.
Files changed (168) hide show
  1. package/dist/add-circle-icon_2.entry-6753bd65.js +25 -0
  2. package/dist/add-circle-icon_2.entry-cd9a7f37.cjs +1 -0
  3. package/dist/archive-icon.entry-434d1696.js +15 -0
  4. package/dist/archive-icon.entry-7cb1c265.cjs +1 -0
  5. package/dist/arrow-icon.entry-20b50784.js +15 -0
  6. package/dist/{arrow-icon.entry-2dfd8319.cjs → arrow-icon.entry-83c3105b.cjs} +1 -1
  7. package/dist/bold-icon.entry-0e3d84e1.cjs +1 -0
  8. package/dist/bold-icon.entry-34b18d0d.js +15 -0
  9. package/dist/{button-component_2.entry-27a504d9.cjs → button-component_2.entry-54101987.cjs} +1 -1
  10. package/dist/{button-component_2.entry-697bf5ac.js → button-component_2.entry-8a5e99da.js} +9 -9
  11. package/dist/{calendar-agenda-fill-icon_51.entry-a25262b3.cjs → calendar-agenda-fill-icon_51.entry-1920adc2.cjs} +2 -2
  12. package/dist/{calendar-agenda-fill-icon_51.entry-52b5bf31.js → calendar-agenda-fill-icon_51.entry-a351dca5.js} +87 -87
  13. package/dist/{calendar-cancel-icon.entry-c6e2eed6.cjs → calendar-cancel-icon.entry-00756264.cjs} +1 -1
  14. package/dist/{calendar-cancel-icon.entry-e6a433a2.js → calendar-cancel-icon.entry-f83e9b41.js} +2 -2
  15. package/dist/{calendar-check-icon_2.entry-d88307d6.js → calendar-check-icon_2.entry-1817540c.js} +7 -7
  16. package/dist/{calendar-check-icon_2.entry-45cad6f1.cjs → calendar-check-icon_2.entry-6ac948fc.cjs} +1 -1
  17. package/dist/{calendar-icon.entry-2badc962.js → calendar-icon.entry-362428bf.js} +4 -4
  18. package/dist/{calendar-icon.entry-b2fffd21.cjs → calendar-icon.entry-68e53f52.cjs} +1 -1
  19. package/dist/{checkbox-component_2.entry-5ab55050.js → checkbox-component_2.entry-0d7c1916.js} +3 -3
  20. package/dist/{checkbox-component_2.entry-3926b644.cjs → checkbox-component_2.entry-5ce9807d.cjs} +1 -1
  21. package/dist/{chevron-icon_3.entry-664fae5d.js → chevron-icon_3.entry-37c087a7.js} +6 -6
  22. package/dist/{chevron-icon_3.entry-1fe5d097.cjs → chevron-icon_3.entry-89c52603.cjs} +1 -1
  23. package/dist/{clock-icon_4.entry-f11f9dad.js → clock-icon_4.entry-2e78febe.js} +15 -15
  24. package/dist/{clock-icon_4.entry-efec2c08.cjs → clock-icon_4.entry-496058ef.cjs} +1 -1
  25. package/dist/{constants-50c3e067-33cf0ffe.js → constants-c31dccfe-04b9cd8a.js} +2 -2
  26. package/dist/{constants-50c3e067-5ec3f879.cjs → constants-c31dccfe-1a739653.cjs} +2 -2
  27. package/dist/{copy-icon.entry-70131e8e.js → copy-icon.entry-6d4e05b0.js} +7 -7
  28. package/dist/{copy-icon.entry-3965f206.cjs → copy-icon.entry-a1baee33.cjs} +1 -1
  29. package/dist/{delete-icon.entry-5d067fef.cjs → delete-icon.entry-e98b336e.cjs} +1 -1
  30. package/dist/{delete-icon.entry-e003695d.js → delete-icon.entry-ea06b42a.js} +5 -5
  31. package/dist/document-refresh-icon.entry-09750b52.cjs +1 -0
  32. package/dist/document-refresh-icon.entry-afae6621.js +15 -0
  33. package/dist/elements/index.d.ts +0 -11
  34. package/dist/feedbackSync-ab657d65-e650e46d.cjs +448 -0
  35. package/dist/feedbackSync-ab657d65-e8b7c001.js +6035 -0
  36. package/dist/folder-icon.entry-5c3f4e8f.cjs +1 -0
  37. package/dist/folder-icon.entry-6096fbf4.js +15 -0
  38. package/dist/forward-icon.entry-4089e3bb.cjs +1 -0
  39. package/dist/forward-icon.entry-da319c05.js +15 -0
  40. package/dist/{globe-icon.entry-6fc456c7.js → globe-icon.entry-59f4c2f9.js} +7 -7
  41. package/dist/{globe-icon.entry-8c3c9e48.cjs → globe-icon.entry-e8ca972e.cjs} +1 -1
  42. package/dist/{google-logo-icon_4.entry-d6e0c4c0.js → google-logo-icon_4.entry-d4b8926f.js} +39 -39
  43. package/dist/google-logo-icon_4.entry-e2001f83.cjs +1 -0
  44. package/dist/inbox-icon.entry-70dae5ec.js +15 -0
  45. package/dist/inbox-icon.entry-80ee9082.cjs +1 -0
  46. package/dist/{index-11f33e47.cjs → index-6b9d4b01.cjs} +30 -31
  47. package/dist/{index-a282e817.js → index-e475e0c0.js} +2547 -2622
  48. package/dist/index.d.ts +1 -1
  49. package/dist/{index.es-ab9affcc-18263b66.cjs → index.es-b475d61f-68a74a28.cjs} +5 -5
  50. package/dist/{index.es-ab9affcc-30461b18.js → index.es-b475d61f-bfa2cba2.js} +125 -131
  51. package/dist/{info-icon_2.entry-d20b975c.js → info-icon_2.entry-2bb60213.js} +5 -5
  52. package/dist/{info-icon_2.entry-e582ac10.cjs → info-icon_2.entry-f1b1dfba.cjs} +1 -1
  53. package/dist/{input-color-picker.entry-27f4288f.js → input-color-picker.entry-5ae45a9e.js} +3 -3
  54. package/dist/{input-color-picker.entry-c6a28671.cjs → input-color-picker.entry-b669f7fb.cjs} +1 -1
  55. package/dist/{input-component.entry-b6f1c417.js → input-component.entry-cb958501.js} +2 -2
  56. package/dist/{input-component.entry-744fcec1.cjs → input-component.entry-eeb95361.cjs} +1 -1
  57. package/dist/{input-dropdown.entry-f13234d7.cjs → input-dropdown.entry-0b458f68.cjs} +1 -1
  58. package/dist/{input-dropdown.entry-18744def.js → input-dropdown.entry-962605f8.js} +4 -4
  59. package/dist/italic-icon.entry-4a89e289.cjs +1 -0
  60. package/dist/italic-icon.entry-5be07509.js +15 -0
  61. package/dist/{multi-select-dropdown.entry-924809e1.js → multi-select-dropdown.entry-3084e1fc.js} +2 -2
  62. package/dist/{multi-select-dropdown.entry-dde671d7.cjs → multi-select-dropdown.entry-a66408a2.cjs} +1 -1
  63. package/dist/nylas-booked-event-card_12.entry-227ccf31.cjs +1 -0
  64. package/dist/{nylas-booked-event-card_12.entry-52c3111d.js → nylas-booked-event-card_12.entry-29e2a4b1.js} +64 -63
  65. package/dist/{nylas-form-card.entry-b0a2403f.js → nylas-form-card.entry-33b4c295.js} +11 -11
  66. package/dist/{nylas-form-card.entry-ab61fdc5.cjs → nylas-form-card.entry-8465eccf.cjs} +1 -1
  67. package/dist/{nylas-if-state.entry-523fdc6b.js → nylas-if-state.entry-9d96fc87.js} +2 -2
  68. package/dist/{nylas-if-state.entry-53883c36.cjs → nylas-if-state.entry-adb6103a.cjs} +1 -1
  69. package/dist/{nylas-login.entry-d9bf3974.js → nylas-login.entry-3f7c195e.js} +7 -7
  70. package/dist/{nylas-login.entry-05e1df3e.cjs → nylas-login.entry-78b968d1.cjs} +1 -1
  71. package/dist/nylas-provider.entry-19635620.js +264 -0
  72. package/dist/nylas-provider.entry-b918d0f6.cjs +1 -0
  73. package/dist/nylas-reminder-emails.entry-ec79b757.js +168 -0
  74. package/dist/nylas-reminder-emails.entry-ee76db24.cjs +4 -0
  75. package/dist/{nylas-reminder-time_2.entry-9589d5f2.js → nylas-reminder-time_2.entry-105de2d0.js} +42 -39
  76. package/dist/nylas-reminder-time_2.entry-83ecc1d4.cjs +1 -0
  77. package/dist/{nylas-scheduler-editor.entry-1a2f3ee0.cjs → nylas-scheduler-editor.entry-cfed7ae2.cjs} +2 -2
  78. package/dist/{nylas-scheduler-editor.entry-b434b526.js → nylas-scheduler-editor.entry-e848771f.js} +3 -3
  79. package/dist/{nylas-scheduling.entry-b71080c8.js → nylas-scheduling.entry-da987c02.js} +19 -19
  80. package/dist/nylas-scheduling.entry-e989cf9e.cjs +1 -0
  81. package/dist/{nylas-time-window-picker.entry-a6d1c648.cjs → nylas-time-window-picker.entry-1f76b577.cjs} +1 -1
  82. package/dist/{nylas-time-window-picker.entry-c1ee860a.js → nylas-time-window-picker.entry-3c6b29d9.js} +20 -20
  83. package/dist/{person-icon.entry-8833e3cc.js → person-icon.entry-79fcd9fb.js} +2 -2
  84. package/dist/{person-icon.entry-80c9022e.cjs → person-icon.entry-82bbb87c.cjs} +1 -1
  85. package/dist/play-icon.entry-3f357ea4.cjs +1 -0
  86. package/dist/play-icon.entry-97b40470.js +15 -0
  87. package/dist/react.cjs +1 -1
  88. package/dist/react.js +93 -104
  89. package/dist/{refresh-icon.entry-4d6791bd.js → refresh-icon.entry-1427a5e6.js} +4 -4
  90. package/dist/{refresh-icon.entry-d4cc16b7.cjs → refresh-icon.entry-7ce5ec90.cjs} +1 -1
  91. package/dist/{register-component-a7ea27ad-2343f3df.cjs → register-component-679c1308-b5a96acf.cjs} +1 -1
  92. package/dist/{register-component-a7ea27ad-fa2c4b17.js → register-component-679c1308-de697ecb.js} +1 -1
  93. package/dist/reply-all-icon.entry-cf8114db.cjs +1 -0
  94. package/dist/reply-all-icon.entry-f1165660.js +15 -0
  95. package/dist/reply-icon.entry-3a601cff.js +15 -0
  96. package/dist/reply-icon.entry-3db337c9.cjs +1 -0
  97. package/dist/{scheduler-config-store-2a3b403d-5176cd45.js → scheduler-config-store-2a3b403d-e5210f72.js} +1 -1
  98. package/dist/{scheduler-config-store-2a3b403d-2263f999.cjs → scheduler-config-store-2a3b403d-e6f5bcab.cjs} +1 -1
  99. package/dist/{scheduler-store-33ab8dea-a0b39d36.cjs → scheduler-store-908886c8-62d14677.cjs} +1 -1
  100. package/dist/{scheduler-store-33ab8dea-9801357a.js → scheduler-store-908886c8-b0f43cb9.js} +1 -1
  101. package/dist/sent-icon.entry-2c7bd48e.js +15 -0
  102. package/dist/sent-icon.entry-708b9a2b.cjs +1 -0
  103. package/dist/spam-icon.entry-3106ed3d.js +15 -0
  104. package/dist/spam-icon.entry-fa8b80c6.cjs +1 -0
  105. package/dist/star-icon.entry-88501c8b.cjs +1 -0
  106. package/dist/star-icon.entry-b15601ca.js +15 -0
  107. package/dist/stop-icon.entry-3475e257.cjs +1 -0
  108. package/dist/stop-icon.entry-f926a8db.js +15 -0
  109. package/dist/{textarea-component.entry-019e75d0.cjs → textarea-component.entry-683c2959.cjs} +1 -1
  110. package/dist/{textarea-component.entry-174089bc.js → textarea-component.entry-d1f4dd9a.js} +2 -2
  111. package/dist/{time-period-selector.entry-8466d0f2.cjs → time-period-selector.entry-8cfdf750.cjs} +1 -1
  112. package/dist/{time-period-selector.entry-62c854d1.js → time-period-selector.entry-e97f86fd.js} +4 -4
  113. package/dist/{translate-icon.entry-73f7127b.js → translate-icon.entry-09c5574f.js} +4 -4
  114. package/dist/{translate-icon.entry-7d5cf4b8.cjs → translate-icon.entry-5757c37c.cjs} +1 -1
  115. package/dist/trash-fill-icon.entry-470ec1ff.js +15 -0
  116. package/dist/trash-fill-icon.entry-4bbfabcc.cjs +1 -0
  117. package/dist/underline-icon.entry-6d729068.cjs +1 -0
  118. package/dist/underline-icon.entry-9fe74ba7.js +15 -0
  119. package/dist/{warning-icon.entry-92638eeb.cjs → warning-icon.entry-c1d48318.cjs} +1 -1
  120. package/dist/{warning-icon.entry-abf896c3.js → warning-icon.entry-d924f8f9.js} +5 -5
  121. package/package.json +2 -2
  122. package/dist/add-circle-icon_2.entry-b77120e5.cjs +0 -1
  123. package/dist/add-circle-icon_2.entry-fbc1e82b.js +0 -25
  124. package/dist/archive-icon_7.entry-30962e70.js +0 -75
  125. package/dist/archive-icon_7.entry-dd8c7642.cjs +0 -1
  126. package/dist/arrow-icon.entry-5b436054.js +0 -15
  127. package/dist/bold-icon_3.entry-5120a9c8.js +0 -35
  128. package/dist/bold-icon_3.entry-da2d1270.cjs +0 -1
  129. package/dist/document-refresh-icon.entry-30c974df.cjs +0 -1
  130. package/dist/document-refresh-icon.entry-b4e01cd4.js +0 -15
  131. package/dist/elements-dc5b338e-55823d00.js +0 -28031
  132. package/dist/elements-dc5b338e-6883a39e.cjs +0 -16516
  133. package/dist/feedbackSync-81d4c4d8-dd4d2e32.js +0 -11735
  134. package/dist/feedbackSync-81d4c4d8-f4e78902.cjs +0 -455
  135. package/dist/flow-40ff9cea-6f8c30e2.cjs +0 -9
  136. package/dist/flow-40ff9cea-ee70fdf5.js +0 -505
  137. package/dist/focus-visible-e8093c16-431bbe59.cjs +0 -1
  138. package/dist/focus-visible-e8093c16-f403fee8.js +0 -84
  139. package/dist/forward-icon_6.entry-3bb91d58.js +0 -953
  140. package/dist/forward-icon_6.entry-ceec2371.cjs +0 -3
  141. package/dist/google-logo-icon_4.entry-4eb16cd2.cjs +0 -1
  142. package/dist/mailbox-store-affca6de-9451094e.cjs +0 -1
  143. package/dist/mailbox-store-affca6de-d601dc6b.js +0 -380
  144. package/dist/nylas-booked-event-card_12.entry-d89c1f9d.cjs +0 -1
  145. package/dist/nylas-list-folders.entry-4ef6cb3d.cjs +0 -1
  146. package/dist/nylas-list-folders.entry-e37d069f.js +0 -120
  147. package/dist/nylas-list-threads.entry-3be623e9.cjs +0 -1
  148. package/dist/nylas-list-threads.entry-8ba62db8.js +0 -70
  149. package/dist/nylas-mailbox-pagination.entry-3dd05cf4.cjs +0 -1
  150. package/dist/nylas-mailbox-pagination.entry-50d9d9e3.js +0 -101
  151. package/dist/nylas-mailbox-toolbar-button.entry-9a77d137.js +0 -82
  152. package/dist/nylas-mailbox-toolbar-button.entry-d87b55de.cjs +0 -1
  153. package/dist/nylas-mailbox.entry-cb7d1031.js +0 -134
  154. package/dist/nylas-mailbox.entry-f7db9aa8.cjs +0 -1
  155. package/dist/nylas-provider.entry-1716bf48.cjs +0 -1
  156. package/dist/nylas-provider.entry-7aa46ea2.js +0 -145
  157. package/dist/nylas-reminder-emails.entry-88a862cd.cjs +0 -4
  158. package/dist/nylas-reminder-emails.entry-a86231b7.js +0 -129
  159. package/dist/nylas-reminder-time_2.entry-bc76d4ab.cjs +0 -1
  160. package/dist/nylas-scheduling.entry-59e5e8c1.cjs +0 -1
  161. package/dist/nylas-threads-refresh.entry-544ca90a.js +0 -74
  162. package/dist/nylas-threads-refresh.entry-7ada7b2d.cjs +0 -1
  163. package/dist/nylas-threads-search.entry-181ba46a.js +0 -69
  164. package/dist/nylas-threads-search.entry-f1cb19e4.cjs +0 -1
  165. package/dist/nylas-view-thread.entry-6ae8dd64.cjs +0 -1
  166. package/dist/nylas-view-thread.entry-c066f522.js +0 -203
  167. package/dist/play-icon_2.entry-801c85bc.cjs +0 -1
  168. package/dist/play-icon_2.entry-efca8f00.js +0 -25
@@ -1,145 +0,0 @@
1
- import { r as C, c as h, d as a, h as g, H as S, g as m } from "./index-a282e817.js";
2
- import { N as f, e as b } from "./index.es-ab9affcc-30461b18.js";
3
- import { C as A, a as p, H as v, N as P, b as _, c as N, d as w } from "./mailbox-store-affca6de-d601dc6b.js";
4
- import { C as x, N as I } from "./scheduler-store-33ab8dea-9801357a.js";
5
- import { C as M } from "./scheduler-config-store-2a3b403d-5176cd45.js";
6
- import "react";
7
- import "react-dom";
8
- class E {
9
- constructor(e, s, r, o, l, n, i = "https://api.us.nylas.com") {
10
- this.router = e, this.schedulerAPIURL = i, this.nylasAuth = s, this.nylasAuthStore = r, this.nylasMailboxStore = o, this.nylasSchedulerStore = l, this.nylasSchedulerConfigStore = n;
11
- }
12
- init() {
13
- a("NylasConnector init");
14
- }
15
- get authStore() {
16
- return this.nylasAuthStore;
17
- }
18
- get mailboxStore() {
19
- return this.nylasMailboxStore;
20
- }
21
- get schedulerStore() {
22
- return this.nylasSchedulerStore;
23
- }
24
- get schedulerConfigStore() {
25
- return this.nylasSchedulerConfigStore;
26
- }
27
- get auth() {
28
- return this._authConnector ? this._authConnector : (this._authConnector = new P(this.nylasAuth, this.nylasAuthStore), this._authConnector);
29
- }
30
- get threads() {
31
- return this._threadConnector ? this._threadConnector : (this._threadConnector = new _(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router), this._threadConnector);
32
- }
33
- get messages() {
34
- return this._messageConnector ? this._messageConnector : (this._messageConnector = new N(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._messageConnector);
35
- }
36
- get folders() {
37
- return this._foldersConnector ? this._foldersConnector : (this._foldersConnector = new w(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._foldersConnector);
38
- }
39
- get scheduler() {
40
- return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new I({
41
- schedulerAPIURL: this.schedulerAPIURL,
42
- schedulerStore: this.schedulerStore
43
- }), this._schedulerAPIConnector);
44
- }
45
- getAuth() {
46
- return this.nylasAuth;
47
- }
48
- resetStores() {
49
- this.nylasAuthStore.reset(), this.nylasMailboxStore.reset();
50
- }
51
- async logout() {
52
- await this.nylasAuth.logout(), this.resetStores();
53
- }
54
- }
55
- const L = ":host{display:contents}", R = L, T = class {
56
- constructor(t) {
57
- C(this, t), this.init = h(this, "init", 7), this.loggedIn = h(this, "loggedIn", 7), this.loggedOut = h(this, "loggedOut", 7), this.handleAuthChange = async (e) => {
58
- e ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host);
59
- }, this.authConfig = void 0, this.eventOverrides = {}, this.automaticComponentRegistration = !0;
60
- }
61
- connectedCallback() {
62
- a("[nylas-provider] connectedCallback");
63
- }
64
- async componentWillLoad() {
65
- var n, i, c, u, d, y;
66
- a("[nylas-provider] componentWillLoad"), this.stores = {
67
- auth: A(),
68
- mailbox: p(),
69
- scheduler: x(),
70
- schedulerConfig: M()
71
- }, this.baseProvider = new f(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
72
- const t = new v();
73
- this.nylasAuth = b({
74
- apiUri: "https://api.us.nylas.com",
75
- elementsApiUri: "https://elements.us.nylas.com",
76
- storageType: "indexeddb",
77
- clientId: "YOUR_CLIENT_ID",
78
- defaultScopes: [],
79
- redirectURI: "/",
80
- ...this.authConfig
81
- });
82
- const e = (n = this.baseProvider) == null ? void 0 : n.getStore("mailbox");
83
- if (!e)
84
- throw new Error("The mailbox store is not set");
85
- const s = (i = this.baseProvider) == null ? void 0 : i.getStore("auth");
86
- if (!s)
87
- throw new Error("The auth store is not set");
88
- const r = (c = this.baseProvider) == null ? void 0 : c.getStore("scheduler");
89
- if (!r)
90
- throw new Error("The scheduler store is not set");
91
- const o = (u = this.baseProvider) == null ? void 0 : u.getStore("schedulerConfig");
92
- if (!o)
93
- throw new Error("The scheduler config store is not set");
94
- this.nylasConnector = new E(t, this.nylasAuth, s, e, r, o), this.init.emit(this.host).defaultPrevented || await ((d = this.nylasConnector) == null ? void 0 : d.auth.validateSession()), this.handleAuthChange(s.state.isAuthenticated), (y = this.baseProvider) == null || y.componentWillLoad(this.nylasConnector);
95
- }
96
- componentDidLoad() {
97
- var e, s;
98
- const t = (e = this.baseProvider) == null ? void 0 : e.getStore("auth");
99
- t == null || t.onChange("isAuthenticated", this.handleAuthChange), (s = this.baseProvider) == null || s.componentDidLoad();
100
- }
101
- componentDisconnected() {
102
- var t;
103
- (t = this.baseProvider) == null || t.componentDisconnected();
104
- }
105
- async registerComponentHandler(t) {
106
- var e;
107
- (e = this.baseProvider) == null || e.registerComponent(t.detail);
108
- }
109
- async unregisterComponentHandler(t) {
110
- var e;
111
- (e = this.baseProvider) == null || e.unregisterComponent(t.detail);
112
- }
113
- async getNylasAuth() {
114
- return this.nylasAuth;
115
- }
116
- async getNylasConnector() {
117
- return this.nylasConnector;
118
- }
119
- async getMailboxStore() {
120
- var t;
121
- return (t = this.baseProvider) == null ? void 0 : t.getStore("mailbox");
122
- }
123
- async getAuthStore() {
124
- var t;
125
- return (t = this.baseProvider) == null ? void 0 : t.getStore("auth");
126
- }
127
- async getNylasSchedulerStore() {
128
- var t;
129
- return (t = this.baseProvider) == null ? void 0 : t.getStore("scheduler");
130
- }
131
- async getNylasSchedulerConfigStore() {
132
- var t;
133
- return (t = this.baseProvider) == null ? void 0 : t.getStore("schedulerConfig");
134
- }
135
- render() {
136
- return g(S, { key: "b5a19414ce778855c2912513f65fc8835fd0fc61" }, g("slot", { key: "9767add14ed9be96d43296ff7f1f872dc3276817" }));
137
- }
138
- get host() {
139
- return m(this);
140
- }
141
- };
142
- T.style = R;
143
- export {
144
- T as nylas_provider
145
- };
@@ -1,4 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-11f33e47.cjs"),c=require("./register-component-a7ea27ad-2343f3df.cjs");require("react");require("react-dom");const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}',p=y;var h=function(n,a,r,i){var s=arguments.length,l=s<3?a:i===null?i=Object.getOwnPropertyDescriptor(a,r):i,t;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(n,a,r,i);else for(var d=n.length-1;d>=0;d--)(t=n[d])&&(l=(s<3?t(l):s>3?t(a,r,l):t(a,r))||l);return s>3&&l&&Object.defineProperty(a,r,l),l},m=function(n,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,a)};const o=class{constructor(n){e.registerInstance(this,n),this.valueChanged=e.createEvent(this,"valueChanged",7),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals),this.eventReminders=[],this.participants=[],this.name="reminder-overrides",this.reminders=this.eventReminders??[],this.reminderErrors={},this.editingReminderIndex=null}connectedCallback(){e.debug("nylas-reminder-emails","connectedCallback")}disconnectedCallback(){e.debug("nylas-reminder-emails","disconnectedCallback")}componentWillLoad(){e.debug("nylas-reminder-emails","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){e.debug("nylas-reminder-emails","componentDidLoad"),this.updateRemindersFormValue()}componentWillUpdate(){e.debug("nylas-reminder-emails","componentWillUpdate")}componentDidUpdate(){e.debug("nylas-reminder-emails","componentDidUpdate")}componentWillRender(){e.debug("nylas-reminder-emails","componentWillRender")}componentDidRender(){e.debug("nylas-reminder-emails","componentDidRender")}elementNameChangedHandler(n){e.debug("nylas-reminder-emails","elementNameChangedHandler",n),this.host.setAttribute("name",n)}handleValueChanged(n){e.debug("nylas-reminder-emails","handleValueChanged",n);const{name:a,value:r}=n.detail;if(a.startsWith("reminder-time-")){const[i,s]=a.split(/(\d+)/),l=[...this.reminders];l[s].reminder_minutes=parseInt(r),this.internals.setFormValue(JSON.stringify(l),"reminder-overrides"),this.valueChanged.emit({value:JSON.stringify(l),name:"reminder-overrides"})}}addReminder(){e.debug("nylas-reminder-emails","addReminder"),this.reminders=[...this.reminders,{reminder_method:"email",reminder_minutes:30}],this.editingReminderIndex=this.reminders.length-1,this.updateRemindersFormValue()}deleteReminder(n){this.reminders.splice(n,1),this.editingReminderIndex=null,this.updateRemindersFormValue()}updateRemindersFormValue(){e.debug("nylas-reminder-emails","updateRemindersFormValue"),this.internals.setFormValue(JSON.stringify(this.reminders),"reminder-overrides"),this.valueChanged.emit({value:JSON.stringify(this.reminders),name:"reminder-overrides"})}formatReminderTime(n){switch(!0){case n>24*60:return`${n/60/24} days`;case n===24*60:return"1 day";case(n>90||n===60):return`${n/60} hours`;default:return`${n} minute${n>1?"s":""} `}}render(){var a;const n=(a=this.participants.find(r=>r.is_organizer))==null?void 0:a.name;return e.h(e.Host,{key:"ab55690228cfba67a2efeec1e9d899ac254e6830"},e.h("div",{key:"5f73b959d33a1b9e8bb2d498d4275c52e0db68a9",class:"cards-container"},this.reminders.map((r,i)=>e.h("div",{class:"nylas-reminder-email",part:"nre"},e.h("div",{class:"header",part:"nre__header"},e.h("div",null,e.h("h3",null,"Upcoming meeting",n?` with ${n} `:""),e.h("p",null,"Reminder before event")),this.editingReminderIndex!==i?e.h("button-component",{variant:"basic",key:`edit-${i} `,clickHandler:s=>{s.preventDefault(),this.editingReminderIndex=i}},e.h("edit-icon",{width:"16",height:"16"}),"Edit"):e.h("button-component",{variant:"basic",class:"delete-btn",tooltip:"Delete reminder",key:`delete -${i} `,clickHandler:s=>{s.preventDefault(),this.deleteReminder(i)}},e.h("trash-icon",{width:"16",height:"16"}))),this.editingReminderIndex===i?e.h("div",{class:"nylas-reminder-email__body",part:"nre__body"},e.h("div",{class:"nylas-reminder-email__section"},e.h("div",{class:"nylas-reminder-email__row"},e.h("label",null,"Send confirmation email when",e.h("span",{class:"label-icon"},e.h("tooltip-component",null,e.h("info-icon",{slot:"tooltip-icon"}),e.h("span",{slot:"tooltip-content"},"You and your guests will receive a confirmation immediately after your booking is set up.")))),e.h("nylas-reminder-time",{name:`reminder-time-${i}`,eventReminderTimeMinutes:r.reminder_minutes,exportparts:`nrt, nrt__input_dropdown: nre__reminder-input_dropdown,
2
- nrt__input_dropdown-input: nre__reminder-input_dropdown-input,
3
- nrt__input_dropdown-content: nre__reminder-input_dropdown-content,
4
- `})))):e.h("div",{class:"nylas-reminder-email__summary",part:"nre__summary"},e.h("p",null,e.h("span",{class:"summary-icon"},e.h("person-clipboard-icon",null)),"All host & guests"),e.h("p",null,e.h("span",{class:"summary-icon"},e.h("clock-icon",null)),this.formatReminderTime(r.reminder_minutes)," before the event"))))),e.h("button-component",{key:"bcd775ce7b873124e352e284826ca59a02957c30",class:"create-reminder",variant:"basic",clickHandler:r=>{r.preventDefault(),this.addReminder()}},e.h("plus-icon",{key:"b550e291bad1c4cba157700f34e84d12af5d317e",width:"16",height:"16"}),"New reminder"))}static get formAssociated(){return!0}get host(){return e.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};h([c.RegisterComponent({name:"nylas-reminder-emails",stateToProps:new Map([["schedulerConfig.eventReminders","reminders"]]),eventToProps:{valueChanged:async(n,a)=>{const{valueChanged:r}=n.detail;r&&r(n)}},fireRegisterEvent:!0}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],o.prototype,"render",null);o.style=p;exports.nylas_reminder_emails=o;
@@ -1,129 +0,0 @@
1
- import { r as y, c as p, d as s, h as n, H as _, g as b } from "./index-a282e817.js";
2
- import { R as h } from "./register-component-a7ea27ad-fa2c4b17.js";
3
- import "react";
4
- import "react-dom";
5
- const u = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}', g = u;
6
- var f = function(e, a, r, i) {
7
- var t = arguments.length, l = t < 3 ? a : i === null ? i = Object.getOwnPropertyDescriptor(a, r) : i, d;
8
- if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
9
- l = Reflect.decorate(e, a, r, i);
10
- else
11
- for (var m = e.length - 1; m >= 0; m--)
12
- (d = e[m]) && (l = (t < 3 ? d(l) : t > 3 ? d(a, r, l) : d(a, r)) || l);
13
- return t > 3 && l && Object.defineProperty(a, r, l), l;
14
- }, o = function(e, a) {
15
- if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
16
- return Reflect.metadata(e, a);
17
- };
18
- const c = class {
19
- constructor(e) {
20
- y(this, e), this.valueChanged = p(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventReminders = [], this.participants = [], this.name = "reminder-overrides", this.reminders = this.eventReminders ?? [], this.reminderErrors = {}, this.editingReminderIndex = null;
21
- }
22
- connectedCallback() {
23
- s("nylas-reminder-emails", "connectedCallback");
24
- }
25
- disconnectedCallback() {
26
- s("nylas-reminder-emails", "disconnectedCallback");
27
- }
28
- componentWillLoad() {
29
- s("nylas-reminder-emails", "componentWillLoad"), this.host.setAttribute("name", this.name);
30
- }
31
- componentDidLoad() {
32
- s("nylas-reminder-emails", "componentDidLoad"), this.updateRemindersFormValue();
33
- }
34
- componentWillUpdate() {
35
- s("nylas-reminder-emails", "componentWillUpdate");
36
- }
37
- componentDidUpdate() {
38
- s("nylas-reminder-emails", "componentDidUpdate");
39
- }
40
- componentWillRender() {
41
- s("nylas-reminder-emails", "componentWillRender");
42
- }
43
- componentDidRender() {
44
- s("nylas-reminder-emails", "componentDidRender");
45
- }
46
- elementNameChangedHandler(e) {
47
- s("nylas-reminder-emails", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
48
- }
49
- handleValueChanged(e) {
50
- s("nylas-reminder-emails", "handleValueChanged", e);
51
- const { name: a, value: r } = e.detail;
52
- if (a.startsWith("reminder-time-")) {
53
- const [i, t] = a.split(/(\d+)/), l = [...this.reminders];
54
- l[t].reminder_minutes = parseInt(r), this.internals.setFormValue(JSON.stringify(l), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(l), name: "reminder-overrides" });
55
- }
56
- }
57
- addReminder() {
58
- s("nylas-reminder-emails", "addReminder"), this.reminders = [
59
- ...this.reminders,
60
- {
61
- reminder_method: "email",
62
- reminder_minutes: 30
63
- }
64
- ], this.editingReminderIndex = this.reminders.length - 1, this.updateRemindersFormValue();
65
- }
66
- deleteReminder(e) {
67
- this.reminders.splice(e, 1), this.editingReminderIndex = null, this.updateRemindersFormValue();
68
- }
69
- updateRemindersFormValue() {
70
- s("nylas-reminder-emails", "updateRemindersFormValue"), this.internals.setFormValue(JSON.stringify(this.reminders), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(this.reminders), name: "reminder-overrides" });
71
- }
72
- formatReminderTime(e) {
73
- switch (!0) {
74
- case e > 24 * 60:
75
- return `${e / 60 / 24} days`;
76
- case e === 24 * 60:
77
- return "1 day";
78
- case (e > 90 || e === 60):
79
- return `${e / 60} hours`;
80
- default:
81
- return `${e} minute${e > 1 ? "s" : ""} `;
82
- }
83
- }
84
- render() {
85
- var a;
86
- const e = (a = this.participants.find((r) => r.is_organizer)) == null ? void 0 : a.name;
87
- return n(_, { key: "ab55690228cfba67a2efeec1e9d899ac254e6830" }, n("div", { key: "5f73b959d33a1b9e8bb2d498d4275c52e0db68a9", class: "cards-container" }, this.reminders.map((r, i) => n("div", { class: "nylas-reminder-email", part: "nre" }, n("div", { class: "header", part: "nre__header" }, n("div", null, n("h3", null, "Upcoming meeting", e ? ` with ${e} ` : ""), n("p", null, "Reminder before event")), this.editingReminderIndex !== i ? n("button-component", { variant: "basic", key: `edit-${i} `, clickHandler: (t) => {
88
- t.preventDefault(), this.editingReminderIndex = i;
89
- } }, n("edit-icon", { width: "16", height: "16" }), "Edit") : n("button-component", { variant: "basic", class: "delete-btn", tooltip: "Delete reminder", key: `delete -${i} `, clickHandler: (t) => {
90
- t.preventDefault(), this.deleteReminder(i);
91
- } }, n("trash-icon", { width: "16", height: "16" }))), this.editingReminderIndex === i ? n("div", { class: "nylas-reminder-email__body", part: "nre__body" }, n("div", { class: "nylas-reminder-email__section" }, n("div", { class: "nylas-reminder-email__row" }, n("label", null, "Send confirmation email when", n("span", { class: "label-icon" }, n("tooltip-component", null, n("info-icon", { slot: "tooltip-icon" }), n("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation immediately after your booking is set up.")))), n("nylas-reminder-time", { name: `reminder-time-${i}`, eventReminderTimeMinutes: r.reminder_minutes, exportparts: `nrt, nrt__input_dropdown: nre__reminder-input_dropdown,
92
- nrt__input_dropdown-input: nre__reminder-input_dropdown-input,
93
- nrt__input_dropdown-content: nre__reminder-input_dropdown-content,
94
- ` })))) : n("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, n("p", null, n("span", { class: "summary-icon" }, n("person-clipboard-icon", null)), "All host & guests"), n("p", null, n("span", { class: "summary-icon" }, n("clock-icon", null)), this.formatReminderTime(r.reminder_minutes), " before the event"))))), n("button-component", { key: "bcd775ce7b873124e352e284826ca59a02957c30", class: "create-reminder", variant: "basic", clickHandler: (r) => {
95
- r.preventDefault(), this.addReminder();
96
- } }, n("plus-icon", { key: "b550e291bad1c4cba157700f34e84d12af5d317e", width: "16", height: "16" }), "New reminder"));
97
- }
98
- static get formAssociated() {
99
- return !0;
100
- }
101
- get host() {
102
- return b(this);
103
- }
104
- static get watchers() {
105
- return {
106
- name: ["elementNameChangedHandler"]
107
- };
108
- }
109
- };
110
- f([
111
- h({
112
- name: "nylas-reminder-emails",
113
- stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.eventReminders", "reminders"]]),
114
- eventToProps: {
115
- valueChanged: async (e, a) => {
116
- const { valueChanged: r } = e.detail;
117
- r && r(e);
118
- }
119
- },
120
- fireRegisterEvent: !0
121
- }),
122
- o("design:type", Function),
123
- o("design:paramtypes", []),
124
- o("design:returntype", void 0)
125
- ], c.prototype, "render", null);
126
- c.style = g;
127
- export {
128
- c as nylas_reminder_emails
129
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-11f33e47.cjs"),h=require("./register-component-a7ea27ad-2343f3df.cjs"),l=require("./constants-50c3e067-5ec3f879.cjs");require("react");require("react-dom");const u=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}',f=u;var b=function(e,i,t,s){var a=arguments.length,r=a<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,t):s,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,i,t,s);else for(var o=e.length-1;o>=0;o--)(d=e[o])&&(r=(a<3?d(r):a>3?d(i,t,r):d(i,t))||r);return a>3&&r&&Object.defineProperty(i,t,r),r},m=function(e,i){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,i)};function y(e){return e?e>=60*24?e/(60*24):e>=90||e===60?e/60:e:30}function g(e){return e?e>=60*24?60*24:e>=90||e===60?60:1:30}const p=class{constructor(e){n.registerInstance(this,e),this.valueChanged=n.createEvent(this,"valueChanged",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.selectedConfiguration=void 0,this.name="reminder-time",this.eventReminderTimeMinutes=void 0,this.reminderTime=y(this.eventReminderTimeMinutes),this.reminderTimeMinutes=this.eventReminderTimeMinutes??30,this.reminderTimeincrement=g(this.eventReminderTimeMinutes),this.reminderTimeMinutesOptions=l.REMINDER_MINUTE_OPTIONS}elementNameChangedHandler(e){n.debug("nylas-reminder-time","elementNameChangedHandler",e),this.host.setAttribute("name",e)}reminderTimeMinutesChangedHandler(e,i){n.debug("nylas-reminder-time","reminderTimeMinutesChangedHandler",e),e!==i&&this.valueChanged.emit({value:e.toString(),name:this.name})}connectedCallback(){n.debug("nylas-reminder-time","connectedCallback")}componentWillLoad(){n.debug("nylas-reminder-time","componentWillLoad"),this.host.setAttribute("name",this.name),this.setReminderTimeMinuteOptions()}componentDidLoad(){n.debug("nylas-reminder-time","componentDidLoad")}disconnectedCallback(){n.debug("nylas-reminder-time","disconnectedCallback")}setReminderTimeMinuteOptions(){return this.reminderTimeincrement===1?this.reminderTimeMinutesOptions=l.REMINDER_MINUTE_OPTIONS:this.reminderTimeincrement===60?this.reminderTimeMinutesOptions=l.REMINDER_HOUR_OPTIONS:this.reminderTimeMinutesOptions=l.REMINDER_DAY_OPTIONS,this.reminderTimeMinutesOptions}nylasFormDropdownChangedHandler(e){n.debug("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const{value:i}=e.detail;this.reminderTimeincrement=parseInt(i),this.reminderTimeincrement===1?this.reminderTime=60:this.reminderTime=1,this.setReminderTimeMinuteOptions(),this.reminderTimeMinutes=this.reminderTime*this.reminderTimeincrement,this.internals.setFormValue(this.reminderTimeMinutes.toString(),this.name)}inputOptionChangedHandler(e){n.debug("nylas-calendar-picker","inputOptionChangedHandler",e.detail);const{value:i}=e.detail;this.reminderTime=i,this.reminderTimeMinutes=this.reminderTime*this.reminderTimeincrement,this.internals.setFormValue(this.reminderTimeMinutes.toString(),this.name)}render(){const e=[{value:1,label:"minute"},{value:60,label:"hour"},{value:1440,label:"day"}];return n.h(n.Host,{key:"95650f7ac9614dca98c8e69c27b4b21467979b6d"},n.h("div",{key:"14d23a6f804d63906402639d30550b9cd0ae3138",class:"nylas-reminder-time",part:"nrt"},n.h("div",{key:"a62fe9f7394f5a2bb34beebb29d81bf7aecacb85",class:"nylas-reminder-time__wrapper"},n.h("input-dropdown",{key:"031b5fe434b4d354ed0bfdbac6b09b4695e2d6ce",name:"reminder-time",options:this.reminderTimeMinutesOptions,inputValue:this.reminderTime.toString(),exportparts:"id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content",defaultInputOption:this.reminderTimeMinutesOptions.find(i=>i.value==this.reminderTime)??e[0]}),n.h("select-dropdown",{key:"cd3c38a0fef80875fe5ad9d418aaf53ac2a0f078",name:"reminder-time-unit",options:e,pluralizedLabel:this.reminderTime>1?"s":"",exportparts:"sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content",defaultSelectedOption:e.find(i=>i.value==this.reminderTimeincrement)??e[0],withSearch:!1}))))}static get formAssociated(){return!0}get host(){return n.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],reminderTimeMinutes:["reminderTimeMinutesChangedHandler"]}}};b([h.RegisterComponent({name:"nylas-reminder-time",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{},fireRegisterEvent:!0}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],p.prototype,"render",null);p.style=f;const T=".sc-trash-icon-h{display:flex}",_=T,c=class{constructor(e){n.registerInstance(this,e),this.width="20",this.height="21"}render(){return n.h("svg",{key:"c95c076a50fd25d771e172fb0537c43ed73fc3bc",width:this.width,height:this.height,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("path",{key:"cfa1b9137db9e3be02947593923333de83da11bb",d:"M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z",fill:"currentColor"}))}};c.style=_;exports.nylas_reminder_time=p;exports.trash_icon=c;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-11f33e47.cjs"),E=require("./index.es-ab9affcc-18263b66.cjs"),D=require("./scheduler-store-33ab8dea-a0b39d36.cjs"),A=require("./constants-50c3e067-5ec3f879.cjs"),x=require("./feedbackSync-81d4c4d8-f4e78902.cjs");require("react");require("react-dom");class q{constructor({schedulerAPIURL:t,nylasSchedulerStore:i,sessionId:a,configId:s,slug:d,clientId:r}){if(!t)throw new Error("schedulerAPIURL is required");if(!i)throw new Error("nylasSchedulerStore is required");if(!a&&!s&&!(d||r))throw new Error("sessionId is required for private configs. If using public config either pass a configurationId or a combination of slug and clientId.");t==="/"&&(t=new URL(window.location.href).origin),this.configId=s,this.sessionId=a,this.schedulerAPIURL=t,this.nylasSchedulerStore=i,this.slug=d,this.clientId=r}init(){e.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new D.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId,configId:this.configId,slug:this.slug,clientId:this.clientId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}const w=(n,t)=>{const i=n.isLoading,a=n.showNotification,s=n.nylasBranding;return e.h(e.Fragment,null,a&&e.h("nylas-notification",null),i&&e.h("div",{class:"loading"},e.h("div",{class:"left"},e.h("div",{class:"skeleton"})),e.h("div",{class:"right"},e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}),e.h("div",{class:"skeleton"}))),!i&&t,e.h("div",{class:"footer"},s&&e.h(e.Fragment,null,"Powered by ",e.h("nylas-logo",null))))},N=(n,t)=>e.h("div",{class:"message-banner"},t),W=':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-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;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{padding:0.5rem 4px 0;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}}.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;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 svg{fill:var(--nylas-base-500)}.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}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}',$=W,M={title:e.instance.t("genericErrorTitle"),type:E.nr.Error,category:D.ErrorCategory.Component},j=class{constructor(n){e.registerInstance(this,n),this.init=e.createEvent(this,"init",7),this.schedulerWillLoad=e.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=e.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=e.createEvent(this,"nylasSchedulerError",7),this.configSettingsLoaded=e.createEvent(this,"configSettingsLoaded",7),this.bookingRefExtracted=e.createEvent(this,"bookingRefExtracted",7),this.bookedEventInfo=e.createEvent(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.showNotification=!0,this.enableUserFeedback=!0,this.automaticComponentRegistration=!0,this.selectedDateLabel=new Date().toLocaleDateString(void 0,{dateStyle:"full"})||`${e.instance.t("noDateSelected")}`,this.refConfigId=void 0,this.language=navigator.language,this.showFeedbackModal=!1}connectedCallback(){e.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var s,d;e.debug("[nylas-scheduler] Component will load"),this.enableUserFeedback&&!x.isInitialized()&&x.init({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.1.3",integrations:[x.replayIntegration(),x.feedbackSyncIntegration({colorScheme:"system",autoInject:!1})],replaysSessionSampleRate:.1,replaysOnErrorSampleRate:.1});const n=this.schedulerWillLoad.emit(this.host);if("schedulerWillLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerWillLoad(n,this.nylasSchedulerConnector),n.defaultPrevented))return;this.stores={scheduler:D.CreateNylasSchedulerStore({bookingInfo:this.bookingInfo,nylasBranding:this.nylasBranding,...this.defaultSchedulerState})},this.baseProvider=new E.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.refConfigId=this.configurationId;let t;if(this.rescheduleBookingRef){const[r,o,c]=e.compactStringToUUIDs(this.rescheduleBookingRef);this.refConfigId=r,this.stores.scheduler.set("rescheduleBookingId",o),t=this.bookingRefExtracted.emit({configurationId:r,bookingId:o})}else if(this.cancelBookingRef){const[r,o,c]=e.compactStringToUUIDs(this.cancelBookingRef);this.refConfigId=r,this.stores.scheduler.set("cancelBookingId",o),t=this.bookingRefExtracted.emit({configurationId:r,bookingId:o})}else if(this.organizerConfirmationBookingRef){const[r,o,c]=e.compactStringToUUIDs(this.organizerConfirmationBookingRef);this.refConfigId=r,this.stores.scheduler.set("organizerConfirmationBookingId",o),this.stores.scheduler.set("organizerConfirmationSalt",c),t=this.bookingRefExtracted.emit({configurationId:r,bookingId:o,salt:c})}if("bookingRefExtracted"in this.eventOverrides&&(await this.eventOverrides.bookingRefExtracted(t,this.nylasSchedulerConnector),t.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;const i=(s=this.baseProvider)==null?void 0:s.getStore("scheduler");this.nylasSchedulerConnector=new q({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,configId:this.refConfigId,slug:this.slug,clientId:this.clientId,nylasSchedulerStore:i});const a=this.init.emit(this.host);"init"in this.eventOverrides&&(await this.eventOverrides.init(a,this.nylasSchedulerConnector),a.defaultPrevented)||((d=this.baseProvider)==null||d.componentWillLoad(this.nylasSchedulerConnector),this.applyThemeConfig(this.themeConfig))}async componentDidLoad(){var c,k,b,g,m,u,f,_;(c=this.baseProvider)==null||c.componentDidLoad();const n=this.schedulerDidLoad.emit(this.host);if("schedulerDidLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerDidLoad(n,this.nylasSchedulerConnector),n.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;this.localizationChanged(this.localization);const t=await((k=this.nylasSchedulerConnector)==null?void 0:k.scheduler.getUISettings());if(!t||"error"in t){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(t==null?void 0:t.error)},host:this.host});return}else{"data"in t&&((b=t.data)!=null&&b.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.");const h=this.configSettingsLoaded.emit({settings:t});if("configSettingsLoaded"in this.eventOverrides&&(await this.eventOverrides.configSettingsLoaded(h,this.nylasSchedulerConnector),h.defaultPrevented))return}const i=(g=this.baseProvider)==null?void 0:g.getStore("scheduler"),a=(u=(m=i==null?void 0:i.get("configSettings"))==null?void 0:m.scheduler)==null?void 0:u.available_days_in_future,s=i==null?void 0:i.get("selectedTimeslot");if(s&&(s!=null&&s.start_time)){if(!this.isTimeslotValid(s))return;if(i!=null&&i.get("showBookingForm")){i==null||i.set("selectedDate",s.start_time);return}}const d=i==null?void 0:i.get("selectedDate"),r=i==null?void 0:i.get("availability");let o;if(!(r&&r.length>0)){if(d){const{startTime:h,endTime:l,endTimeForAvailableDaysInFuture:y}=this.validateAvailableDaysInFuture(d,a||30);d.getTime()<y*1e3&&(o=await((_=this.nylasSchedulerConnector)==null?void 0:_.scheduler.getAvailability(h,l)))}else{const h=new Date,{startTime:l,endTime:y,endTimeForAvailableDaysInFuture:C}=this.validateAvailableDaysInFuture(h,a||30);h.getTime()<C*1e3&&(o=await((f=this.nylasSchedulerConnector)==null?void 0:f.scheduler.getAvailability(l,y)))}if((!o||"error"in o)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(o==null?void 0:o.error)},host:this.host}),!d){let h=new Date;const l=i==null?void 0:i.get("availability").find(y=>new Date(y.start_time)>new Date);l&&(h=l.start_time),i==null||i.set("selectedDate",h)}}}componentDisconnected(){var n;(n=this.baseProvider)==null||n.componentDisconnected()}bookingInfoChanged(n){var t;(t=this.stores)==null||t.scheduler.set("bookingInfo",n)}rescheduleBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("rescheduleBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}cancelBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("cancelBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}organizerConfirmationBookingRefChanged(n){var t,i;if(n){const[a,s]=e.compactStringToUUIDs(n);(t=this.stores)==null||t.scheduler.set("organizerConfirmationBookingId",s),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}localizationChanged(n){n&&Object.keys(n).forEach(t=>{t in A.LANGUAGE_CODE&&(e.instance.addResourceBundle(t,"translation",n[t],!1,!0),this.language=this.language)})}themeConfigChanged(n){this.applyThemeConfig(n)}languageChanged(n){const t=n.detail;this.language=t,e.instance.changeLanguage(t)}async registerComponentHandler(n){var t;(t=this.baseProvider)==null||t.registerComponent(n.detail)}async unregisterComponentHandler(n){var t;(t=this.baseProvider)==null||t.unregisterComponent(n.detail)}async monthChangedHandler(n){var r,o,c,k,b,g,m;const t=n.detail,i=(k=(c=(o=(r=this.nylasSchedulerConnector)==null?void 0:r.schedulerStore)==null?void 0:o.get("configSettings"))==null?void 0:c.scheduler)==null?void 0:k.available_days_in_future,{startTime:a,endTime:s,endTimeForAvailableDaysInFuture:d}=this.validateAvailableDaysInFuture(t,i||30);if(a<d&&t.getTime()<d*1e3){const u=await((b=this.nylasSchedulerConnector)==null?void 0:b.scheduler.getAvailability(a,s));(!u||"error"in u)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(u==null?void 0:u.error)},host:this.host});const f=(g=this.stores)==null?void 0:g.scheduler.get("selectableDates");f&&f.length>0&&((m=this.stores)==null||m.scheduler.set("selectedDate",f[0]))}}mapToBookingData(n){var r,o,c;const t=(r=this.stores)==null?void 0:r.scheduler.get("selectedTimeslot"),i=(o=this.stores)==null?void 0:o.scheduler.get("selectedLanguage"),a=(c=this.stores)==null?void 0:c.scheduler.get("selectedTimezone"),s=t!=null&&t.start_time?new Date(t==null?void 0:t.start_time).getTime()/1e3:"",d=t!=null&&t.end_time?new Date(t==null?void 0:t.end_time).getTime()/1e3:"";return{additional_guests:n.guests,guest:n.primaryParticipant,additional_fields:n.additionalFields,start_time:s,end_time:d,email_language:i,timezone:a}}async bookButtonClickedHandler(n){var b,g,m,u,f,_,h;const t=n.detail,i=this.mapToBookingData(t),s={...(g=(b=this.nylasSchedulerConnector)==null?void 0:b.schedulerStore)==null?void 0:g.get("bookingInfo"),...t};(m=this.stores)==null||m.scheduler.set("bookingInfo",s);const r=(f=(u=this.nylasSchedulerConnector)==null?void 0:u.schedulerStore)==null?void 0:f.get("rescheduleBookingId");if(r){const l=await((_=this.nylasSchedulerConnector)==null?void 0:_.scheduler.rescheduleBooking(r,t));(!l||"error"in l)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(l==null?void 0:l.error)},host:this.host});const y=l==null?void 0:l.data,C=this.bookedEventInfo.emit({...l,data:{...y,...i}});"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(C,this.nylasSchedulerConnector);return}const o=await((h=this.nylasSchedulerConnector)==null?void 0:h.scheduler.bookTimeslot(t));(!o||"error"in o)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(o==null?void 0:o.error)},host:this.host});const c=o==null?void 0:o.data,k=this.bookedEventInfo.emit({...o,data:{...c,...i}});"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(k,this.nylasSchedulerConnector)}dateSelectedHandler(n){const t=n.detail;this.selectedDateLabel=t?t.toLocaleDateString(void 0,{dateStyle:"full"}):`${e.instance.t("noDateSelected")}`}cancelBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}cancelBookedEventValidationErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}rescheduleBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}confirmBookingErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}feedbackModalClosedHandler(){this.showFeedbackModal=!1}feedbackSubmittedHandler(n){const i={eventId:x.captureMessage("Scheduling Page User Feedback"),message:n.detail.feedback};x.captureFeedback(i,{includeReplay:!0,captureContext:{tags:{"nylas-web-element":"nylas-schduling","nylas-web-element-version":"1.1.3"},extra:{configId:this.configurationId,slug:this.slug}}}),this.showFeedbackModal=!1}async getNylasSchedulerStore(){var n;return(n=this.baseProvider)==null?void 0:n.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(n){return{title:(n==null?void 0:n.title)||M.title,category:(n==null?void 0:n.category)||M.category,type:E.nr.Error,description:(n==null?void 0:n.message)||"",id:new Date().getTime().toString(),ttl:"none"}}checkIfSessionIdOrConfigIdExists(){if(!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)){let n="";return this.sessionId||(n+=e.instance.t("sessionIdRequiredErrorMessage")),!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)&&(n=e.instance.t("sessionIdRequiredErrorMessage")+" "+e.instance.t("publicConfigErrorMessage")),this.nylasSchedulerError.emit({notification:{title:e.instance.t("schedulingComponentErrorTitle"),category:D.ErrorCategory.Component,type:E.nr.Error,description:n,id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1}return!0}isTimeslotValid(n){return new Date(n.start_time)<new Date?(this.nylasSchedulerError.emit({notification:{title:e.instance.t("invalidTimeslotErrorTitle"),category:D.ErrorCategory.Component,type:E.nr.Error,description:e.instance.t("invalidTimeslotErrorMessage"),id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1):!0}validateAvailableDaysInFuture(n,t){const i=new Date,a=new Date(n.getFullYear(),n.getMonth(),1).getTime()/1e3,s=new Date(n.getFullYear(),n.getMonth()+1,1).getTime()/1e3,d=Math.floor(e.addDaysToCurrentDate(i,t).getTime()/1e3),r=Math.min(d,s);return{startTime:a<i.getTime()/1e3?Math.floor(i.getTime()/1e3):a,endTime:r,endTimeForAvailableDaysInFuture:d}}applyThemeConfig(n){if(n)for(const[t,i]of Object.entries(n))this.host.style.setProperty(`${t}`,i)}onFeedbackClick(){this.showFeedbackModal=!0}render(){var f,_,h,l,y,C,T,L,F,S,z;const n=this.mode==="app",t=(f=this.baseProvider)==null?void 0:f.getStore("scheduler"),i=t==null?void 0:t.get("eventInfo"),a=t==null?void 0:t.get("showBookingForm"),s=t==null?void 0:t.get("cancelledEventInfo"),d=t==null?void 0:t.get("cancelBookingId"),r=t==null?void 0:t.get("selectedTimeslot"),o=t==null?void 0:t.get("rescheduleBookingId"),c=t==null?void 0:t.get("organizerConfirmationBookingId"),k=t==null?void 0:t.get("rejectBookingId"),b=t==null?void 0:t.get("confirmedEventInfo"),g=(t==null?void 0:t.get("nylasBranding"))||this.nylasBranding,m=t==null?void 0:t.get("selectedDate"),u=(h=(_=t==null?void 0:t.get("configSettings"))==null?void 0:_.scheduler)==null?void 0:h.confirmation_redirect_url;if(this.selectedDateLabel=m&&this.language?e.capitalizeFirstLetter(m.toLocaleDateString(A.LANGUAGE_CODE_MAP[this.language],{dateStyle:"full"})):`${e.instance.t("noDateSelected")}`,n&&(d||k)&&!s)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},e.h("nylas-cancel-booking-form",{selectedTimeslot:r,cancelBookingId:d,rejectBookingId:k,exportparts:"ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&c)return e.h(e.Host,null,e.h(w,null,e.h("div",{class:"manual-confirmation-page",part:"manual-confirmation-page"},e.h("nylas-organizer-confirmation-card",{organizerConfirmationBookingId:c,exportparts:"nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&s)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},e.h("nylas-cancelled-event-card",{cancelledEventInfo:s,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&b)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"cancelled-event-page",part:"confirmed-event-page"},e.h("nylas-confirmed-event-card",{confirmedEventInfo:b,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&i&&u){const v=(y=(l=this.stores)==null?void 0:l.scheduler.get("bookingInfo"))==null?void 0:y.primaryParticipant,R=(T=(C=this.stores)==null?void 0:C.scheduler.get("bookingInfo"))==null?void 0:T.additionalFields,I=(L=this.stores)==null?void 0:L.scheduler.get("selectedTimeslot"),O=(F=this.stores)==null?void 0:F.scheduler.get("selectedTimezone"),P=(S=this.stores)==null?void 0:S.scheduler.get("selectedLanguage"),B=(z=this.stores)==null?void 0:z.scheduler.get("configSettings"),U=this.configurationId?this.configurationId:B==null?void 0:B.configuration_id,H=window.location.search,p=new URLSearchParams(H);p.set("booking_id",i.booking_id),v!=null&&v.name&&p.set("name",v.name),v!=null&&v.email&&p.set("email",v.email),I!=null&&I.start_time&&p.set("start_time",(new Date(I.start_time).getTime()/1e3).toString()),I!=null&&I.end_time&&p.set("end_time",(new Date(I.end_time).getTime()/1e3).toString()),O&&p.set("tz",O),P&&p.set("language",P),R&&p.set("additional_values",JSON.stringify(R)),this.slug&&p.set("page_slug",this.slug),U&&p.set("config_id",U),window.location.assign(`${u}?${p.toString()}`);return}if(n&&i)return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},e.h("div",{class:"booked-event-page",part:"booked-event-page"},e.h("nylas-booked-event-card",{selectedTimeslot:r,eventInfo:i,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null));if(n&&(!i||o)&&!a){const v=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},o&&e.h(N,null,`${e.instance.t("rescheduleTitle")}`),e.h("div",{class:"select-date-page",part:"select-date-page"},e.h("div",{class:"left-panel"},e.h("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"}),e.h("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"})),e.h("div",{class:`right-panel ${o?"reschedule":""}`},e.h("h2",null,e.h("calendar-icon",null),e.h("span",{id:"selectedDate"},this.selectedDateLabel)),e.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},v&&e.h("span",{slot:"timeslot-picker-cta-label"},e.h("slot",{name:"timeslot-picker-cta-label"})))))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null))}return n&&!i&&a?e.h(e.Host,null,e.h(w,{nylasBranding:g,isLoading:this.isLoading,showNotification:this.showNotification},o&&e.h(N,null,`${e.instance.t("rescheduleTitle")}`),e.h("div",{class:"additional-data-page",part:"additional-data-page"},e.h("div",{class:"left-panel"},e.h("div",{class:"wrapper"},e.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone"}))),e.h("div",{class:`right-panel ${o?"reschedule":""}`},e.h("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"})))),this.enableUserFeedback&&e.h("button-component",{id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e.h("feedback-icon",null)),this.showFeedbackModal&&e.h("nylas-feedback-form",null)):e.h(e.Host,null,e.h("slot",null))}get host(){return e.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"],rescheduleBookingRef:["rescheduleBookingRefChanged"],cancelBookingRef:["cancelBookingRefChanged"],organizerConfirmationBookingRef:["organizerConfirmationBookingRefChanged"],localization:["localizationChanged"],themeConfig:["themeConfigChanged"]}}};j.style=$;exports.nylas_scheduling=j;
@@ -1,74 +0,0 @@
1
- import { r as f, c as p, d as i, h as o, H as u } from "./index-a282e817.js";
2
- import { R as m } from "./register-component-a7ea27ad-fa2c4b17.js";
3
- import "react";
4
- import "react-dom";
5
- const g = ":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}", y = g;
6
- var v = function(t, e, s, r) {
7
- var a = arguments.length, n = a < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, s) : r, h;
8
- if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
9
- n = Reflect.decorate(t, e, s, r);
10
- else
11
- for (var l = t.length - 1; l >= 0; l--)
12
- (h = t[l]) && (n = (a < 3 ? h(n) : a > 3 ? h(e, s, n) : h(e, s)) || n);
13
- return a > 3 && n && Object.defineProperty(e, s, n), n;
14
- }, c = function(t, e) {
15
- if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
16
- return Reflect.metadata(t, e);
17
- };
18
- const d = class {
19
- constructor(t) {
20
- f(this, t), this.refresh = p(this, "refresh", 7), this.threshold = 100, this.onTouchStart = (e) => {
21
- var s, r, a, n;
22
- i("[nylas-threads-refresh] Touch start", e.touches[0].pageY, (s = this.containerElement) == null ? void 0 : s.scrollTop, (r = this.containerElement) == null ? void 0 : r.offsetHeight, (a = this.contentElement) == null ? void 0 : a.scrollTop), ((n = this.containerElement) == null ? void 0 : n.scrollTop) === 0 ? this.start = e.touches[0].pageY : this.start = 0;
23
- }, this.onTouchMove = (e) => {
24
- this.start && (e.touches[0].pageY - this.start > this.threshold ? this.pulling = !0 : this.pulling = !1);
25
- }, this.onTouchEnd = (e) => {
26
- this.start && (e.changedTouches[0].pageY - this.start > this.threshold && (this.pulling = !1, this.refresh.emit({
27
- updateState: this.updateState
28
- })), this.start = 0);
29
- }, this.start = 0, this.state = "ready", this.pulling = !1, i("[nylas-threads-refresh] Constructor"), this.updateState = this.updateState.bind(this);
30
- }
31
- connectedCallback() {
32
- }
33
- async componentWillLoad() {
34
- i("[nylas-threads-refresh] Component will load");
35
- }
36
- componentDidLoad() {
37
- var t, e, s;
38
- i("[nylas-threads-refresh] Component did load"), (t = this.containerElement) == null || t.addEventListener("touchstart", this.onTouchStart), (e = this.containerElement) == null || e.addEventListener("touchmove", this.onTouchMove), (s = this.containerElement) == null || s.addEventListener("touchend", this.onTouchEnd);
39
- }
40
- disconnectedCallback() {
41
- var t, e, s;
42
- i("[nylas-threads-refresh] Component disconnected"), (t = this.containerElement) == null || t.removeEventListener("touchstart", this.onTouchStart), (e = this.containerElement) == null || e.removeEventListener("touchmove", this.onTouchMove), (s = this.containerElement) == null || s.removeEventListener("touchend", this.onTouchEnd);
43
- }
44
- async updateState(t) {
45
- this.state = t;
46
- }
47
- render() {
48
- return o(u, { key: "0e7150c1fd50e5422e124ac007132ae2ecc0006b" }, o("div", { key: "730765ce38847fdbe691f2b9cfeda44e1a46259b", class: "container", ref: (t) => this.containerElement = t }, o("button", { key: "55427e329f0405960f22f736f10722e620931516", class: {
49
- "pull-to-refresh": !0,
50
- pulling: this.pulling,
51
- refreshing: this.state === "loading"
52
- }, "aria-label": "Refreshing..." }, this.state === "loading" && o("refresh-icon", { slot: "icon" }), this.state !== "loading" && o("arrow-icon", { slot: "icon" })), o("div", { key: "585886ff635733f5e0398ca9cfe11944860f5a61", class: "content", ref: (t) => this.contentElement = t }, o("slot", { key: "f61cab9fae1aae81ecb0e7a6544ddb4b845c91b4" }))));
53
- }
54
- };
55
- v([
56
- m({
57
- name: "nylas-threads-refresh",
58
- eventToProps: {
59
- refresh: async (t, e) => {
60
- i("[nylas-threads-refresh] Refreshing threads");
61
- const { updateState: s } = t.detail;
62
- await s("loading"), await e.threads.getThreads(void 0, "overwrite", !1), await s("ready");
63
- }
64
- },
65
- fireRegisterEvent: !0
66
- }),
67
- c("design:type", Function),
68
- c("design:paramtypes", []),
69
- c("design:returntype", void 0)
70
- ], d.prototype, "render", null);
71
- d.style = y;
72
- export {
73
- d as nylas_threads_refresh
74
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-11f33e47.cjs"),d=require("./register-component-a7ea27ad-2343f3df.cjs");require("react");require("react-dom");const f=":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",u=f;var p=function(t,e,n,a){var i=arguments.length,r=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,n,a);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(i<3?o(r):i>3?o(e,n,r):o(e,n))||r);return i>3&&r&&Object.defineProperty(e,n,r),r},l=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const c=class{constructor(t){s.registerInstance(this,t),this.refresh=s.createEvent(this,"refresh",7),this.threshold=100,this.onTouchStart=e=>{var n,a,i,r;s.debug("[nylas-threads-refresh] Touch start",e.touches[0].pageY,(n=this.containerElement)==null?void 0:n.scrollTop,(a=this.containerElement)==null?void 0:a.offsetHeight,(i=this.contentElement)==null?void 0:i.scrollTop),((r=this.containerElement)==null?void 0:r.scrollTop)===0?this.start=e.touches[0].pageY:this.start=0},this.onTouchMove=e=>{this.start&&(e.touches[0].pageY-this.start>this.threshold?this.pulling=!0:this.pulling=!1)},this.onTouchEnd=e=>{this.start&&(e.changedTouches[0].pageY-this.start>this.threshold&&(this.pulling=!1,this.refresh.emit({updateState:this.updateState})),this.start=0)},this.start=0,this.state="ready",this.pulling=!1,s.debug("[nylas-threads-refresh] Constructor"),this.updateState=this.updateState.bind(this)}connectedCallback(){}async componentWillLoad(){s.debug("[nylas-threads-refresh] Component will load")}componentDidLoad(){var t,e,n;s.debug("[nylas-threads-refresh] Component did load"),(t=this.containerElement)==null||t.addEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.addEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.addEventListener("touchend",this.onTouchEnd)}disconnectedCallback(){var t,e,n;s.debug("[nylas-threads-refresh] Component disconnected"),(t=this.containerElement)==null||t.removeEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.removeEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.removeEventListener("touchend",this.onTouchEnd)}async updateState(t){this.state=t}render(){return s.h(s.Host,{key:"0e7150c1fd50e5422e124ac007132ae2ecc0006b"},s.h("div",{key:"730765ce38847fdbe691f2b9cfeda44e1a46259b",class:"container",ref:t=>this.containerElement=t},s.h("button",{key:"55427e329f0405960f22f736f10722e620931516",class:{"pull-to-refresh":!0,pulling:this.pulling,refreshing:this.state==="loading"},"aria-label":"Refreshing..."},this.state==="loading"&&s.h("refresh-icon",{slot:"icon"}),this.state!=="loading"&&s.h("arrow-icon",{slot:"icon"})),s.h("div",{key:"585886ff635733f5e0398ca9cfe11944860f5a61",class:"content",ref:t=>this.contentElement=t},s.h("slot",{key:"f61cab9fae1aae81ecb0e7a6544ddb4b845c91b4"}))))}};p([d.RegisterComponent({name:"nylas-threads-refresh",eventToProps:{refresh:async(t,e)=>{s.debug("[nylas-threads-refresh] Refreshing threads");const{updateState:n}=t.detail;await n("loading"),await e.threads.getThreads(void 0,"overwrite",!1),await n("ready")}},fireRegisterEvent:!0}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],c.prototype,"render",null);c.style=u;exports.nylas_threads_refresh=c;
@@ -1,69 +0,0 @@
1
- import { r as u, c as f, d, h as i, H as y } from "./index-a282e817.js";
2
- import { R as p } from "./register-component-a7ea27ad-fa2c4b17.js";
3
- import "react";
4
- import "react-dom";
5
- const m = ":host{display:block}sp-search{width:100%;border:0}", g = m;
6
- var b = function(t, e, n, r) {
7
- var s = arguments.length, a = s < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, n) : r, c;
8
- if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
9
- a = Reflect.decorate(t, e, n, r);
10
- else
11
- for (var o = t.length - 1; o >= 0; o--)
12
- (c = t[o]) && (a = (s < 3 ? c(a) : s > 3 ? c(e, n, a) : c(e, n)) || a);
13
- return s > 3 && a && Object.defineProperty(e, n, a), a;
14
- }, l = function(t, e) {
15
- if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
16
- return Reflect.metadata(t, e);
17
- };
18
- const h = class {
19
- constructor(t) {
20
- u(this, t), this.search = f(this, "search", 7), this.onSearch = async (e) => {
21
- e.preventDefault(), e.stopPropagation();
22
- const r = e.target.value;
23
- r !== this.internalQuery && (this.internalQuery = r, this.search.emit(this.internalQuery));
24
- }, this.query = "", this.internalQuery = "";
25
- }
26
- connectedCallback() {
27
- }
28
- disconnectedCallback() {
29
- }
30
- async componentWillLoad() {
31
- d("[nylas-threads-search] Component will load");
32
- }
33
- async componentDidLoad() {
34
- d("[nylas-threads-search] Component did load");
35
- }
36
- onQueryChange() {
37
- this.internalQuery = this.query;
38
- }
39
- render() {
40
- return i(y, { key: "4dcde242d462f487fc890d3759e88909a008de2a" }, i("sp-theme", { key: "713bd18cb67ee2a7accc44c03439c06a5f787214", scale: "medium", color: "dark" }, i("sp-search", { key: "29f18fddeff1bfc8424ce9afdc6a238ef2dfbc7a", quiet: !0, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery })));
41
- }
42
- static get watchers() {
43
- return {
44
- query: ["onQueryChange"]
45
- };
46
- }
47
- };
48
- b([
49
- p({
50
- name: "nylas-pagination",
51
- stateToProps: /* @__PURE__ */ new Map([["mailbox.searchQuery", "query"]]),
52
- eventToProps: {
53
- search: async (t, e) => {
54
- await e.threads.getThreads({
55
- search_query_native: t.detail || void 0,
56
- page_token: void 0
57
- });
58
- }
59
- },
60
- fireRegisterEvent: !0
61
- }),
62
- l("design:type", Function),
63
- l("design:paramtypes", []),
64
- l("design:returntype", void 0)
65
- ], h.prototype, "render", null);
66
- h.style = g;
67
- export {
68
- h as nylas_threads_search
69
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-11f33e47.cjs"),h=require("./register-component-a7ea27ad-2343f3df.cjs");require("react");require("react-dom");const u=":host{display:block}sp-search{width:100%;border:0}",y=u;var f=function(t,e,s,n){var c=arguments.length,r=c<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,s):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,s,n);else for(var i=t.length-1;i>=0;i--)(o=t[i])&&(r=(c<3?o(r):c>3?o(e,s,r):o(e,s))||r);return c>3&&r&&Object.defineProperty(e,s,r),r},d=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const l=class{constructor(t){a.registerInstance(this,t),this.search=a.createEvent(this,"search",7),this.onSearch=async e=>{e.preventDefault(),e.stopPropagation();const n=e.target.value;n!==this.internalQuery&&(this.internalQuery=n,this.search.emit(this.internalQuery))},this.query="",this.internalQuery=""}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){a.debug("[nylas-threads-search] Component will load")}async componentDidLoad(){a.debug("[nylas-threads-search] Component did load")}onQueryChange(){this.internalQuery=this.query}render(){return a.h(a.Host,{key:"4dcde242d462f487fc890d3759e88909a008de2a"},a.h("sp-theme",{key:"713bd18cb67ee2a7accc44c03439c06a5f787214",scale:"medium",color:"dark"},a.h("sp-search",{key:"29f18fddeff1bfc8424ce9afdc6a238ef2dfbc7a",quiet:!0,onSubmit:this.onSearch,onBlur:this.onSearch,value:this.internalQuery})))}static get watchers(){return{query:["onQueryChange"]}}};f([h.RegisterComponent({name:"nylas-pagination",stateToProps:new Map([["mailbox.searchQuery","query"]]),eventToProps:{search:async(t,e)=>{await e.threads.getThreads({search_query_native:t.detail||void 0,page_token:void 0})}},fireRegisterEvent:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],l.prototype,"render",null);l.style=y;exports.nylas_threads_search=l;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-11f33e47.cjs"),f=require("./register-component-a7ea27ad-2343f3df.cjs");require("react");require("react-dom");function w(t,a,s,o,r){if(!o||!s||s.children.length>0)return;e.debug("[nylas-view-thread] Rendering email",{message:t,attachments:a,viewEmailElement:o});const n=o.cloneNode(!0);n.message=t.data,n.parent=r,s.appendChild(n)}const c=({viewEmailElement:t,message:a,attachments:s,onMessageClick:o,onShowContactDataClick:r,parent:n})=>{var l,i,d,g,u,v,y;return e.h(e.Fragment,null,e.h("div",{key:a.id,class:"message"},e.h("div",{class:"sub-header","data-id":a.data.id,onClick:o},e.h("div",{class:"avatar"},a.data.from&&((l=a.data.from[0])==null?void 0:l.name)&&((d=(i=a.data.from[0])==null?void 0:i.name[0])==null?void 0:d.toUpperCase())),e.h("div",{class:"from"},e.h("span",{class:"name"},a.data.from&&((g=a.data.from[0])==null?void 0:g.name))," ",e.h("span",{class:"email"},a.data.from&&((u=a.data.from[0])==null?void 0:u.email))),e.h("div",{class:"date"},new Date(a.data.date*1e3).toLocaleTimeString(void 0,{timeStyle:"short"})," ","(",e.formatTimeAgo(new Date(a.data.date*1e3)),")"),e.h("sp-button-group",{class:"buttons"},e.h("nylas-summarize-message-button",{message:a.data})),a.collapse&&e.h("div",{class:"snippet"},a.data.snippet),!a.collapse&&a.data.to&&e.h("div",{class:"to"},e.h("span",null,"to")," ",e.formatParticipants(a.data.to)," ",e.h("button",{type:"button",value:a.data.id,onClick:r,class:{expand:!0,"expand--showContactData":a.showContactData}},e.h("chevron-icon",null)))),a.showContactData&&e.h("div",{class:"address-info"},e.h("div",{class:"label"},"From"),e.h("div",{class:"value"},e.formatRecipient((v=a.data)!=null&&v.from?(y=a==null?void 0:a.data)==null?void 0:y.from[0]:{name:"",email:""})),a.data.to&&e.h(e.Fragment,null,e.h("div",{class:"label"},"To"),e.h("div",{class:"value"},a.data.to.map(h=>e.h("div",null,e.formatRecipient(h))))),typeof a.data.cc<"u"&&a.data.cc.length>0&&e.h(e.Fragment,null,e.h("div",{class:"label"},"CC"),e.h("div",{class:"value"},a.data.cc.map(h=>e.h("div",null,e.formatRecipient(h)))))),!a.collapse&&t&&e.h("div",{key:a.id,ref:h=>w(a,s,h,t,n)}),!a.collapse&&!t&&e.h("nylas-view-email",{key:a.id,message:a.data,parent:n})),e.h("hr",null))},b=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}',C=b;var k=function(t,a,s,o){var r=arguments.length,n=r<3?a:o===null?o=Object.getOwnPropertyDescriptor(a,s):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,a,s,o);else for(var i=t.length-1;i>=0;i--)(l=t[i])&&(n=(r<3?l(n):r>3?l(a,s,n):l(a,s))||n);return r>3&&n&&Object.defineProperty(a,s,n),n},m=function(t,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,a)};const p=class{constructor(t){e.registerInstance(this,t),this.threadSelected=e.createEvent(this,"threadSelected",7),this.showContactDataClicked=e.createEvent(this,"showContactDataClicked",7),this.messageClicked=e.createEvent(this,"messageClicked",7),this.nylasViewEmailElement=null,this.nylasComposerElement=null,this.onShowContactDataClick=a=>{a.stopPropagation();const o=a.target.value,r=this.internalMessages.find(l=>l.data.id===o);if(!r){e.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.showContactDataClicked.emit(r.data).defaultPrevented||(r.showContactData=!r.showContactData,this.internalMessages=[...this.internalMessages]),e.debug(`[nylas-view-thread] show contact data clicked ${o} ${r.showContactData?"collapsed":"expanded"}`)},this.onMessageClick=a=>{var l;const o=a.target.dataset.id,r=this.internalMessages.find(i=>i.data.id===o);if(!r){e.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.messageClicked.emit(r.data).defaultPrevented||(r.id!==((l=this.internalMessages[this.internalMessages.length-1])==null?void 0:l.id)&&(r.collapse=!r.collapse,r.collapse&&(r.showContactData=!1)),this.internalMessages=[...this.internalMessages]),e.debug(`[nylas-view-thread] message clicked ${o} ${r.collapse?"collapsed":"expanded"}`)},this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails},this.showComposerClick=()=>{this.showComposer=!this.showComposer},this.draft=void 0,this.thread=void 0,this.messages=[],this.attachments=[],this.state="loading",this.internalMessages=[],this.showAllEmails=!1,this.showComposer=!1}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){e.debug("[nylas-view-thread] Component will load"),this.updateInternalMessages(this.messages);const t=this.host.querySelector("template.nylas-view-email");if(!t){e.debug("[nylas-view-thread] Could not find template");return}const a=document.importNode(t.content,!0);this.nylasViewEmailElement=a.querySelector("nylas-view-email");const s=this.host.querySelector("template.nylas-composer");if(!s){e.debug("[nylas-view-thread] Could not find composer template");return}const o=document.importNode(s.content,!0);this.nylasComposerElement=o.querySelector("nylas-composer")}async componentDidLoad(){e.debug("[nylas-view-thread] Component did load")}async threadChanged(t){e.debug("[nylas-view-thread] Thread changed",{thread:t}),this.internalMessages=[],this.threadSelected.emit(t).defaultPrevented||e.debug("[nylas-view-thread] Default event not prevented, initializing")}updateInternalMessages(t){e.debug("[nylas-view-thread] Updating internal messages",{messages:t});const a=t.sort((s,o)=>s.date>o.date?1:-1).map((s,o)=>({id:s.id,data:s,collapse:o!==t.length-1,showContactData:!1}));this.internalMessages=a}render(){var r,n,l;const t=this.internalMessages.length>2?this.internalMessages[0]:null,a=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length),s=this.internalMessages.slice(1,this.internalMessages.length-2),o=this.internalMessages[this.internalMessages.length-1];return e.h(e.Host,{key:"95ab8e5e5e9e8a986132a98e0ea325d9200702a9"},e.h("sp-theme",{key:"6b51c27dcac47e5607a0f35401b53c66066d69b0",scale:"medium",color:"dark"},e.h("div",{key:"28753bfffd987848a4e8308490423930395f0375",class:"view-thread"},e.h("div",{key:"4b95425cc9a6a8e2c81d747852d9da5f07bd67b4",class:"header"},e.h("div",{key:"d5960331681445ad3766b333a8195d951e74c6e6",class:"subject"},(r=this.thread)==null?void 0:r.subject),e.h("div",{key:"3cbd5fe0ffb99ed1648cff0fd1af5b3ff30d0848",class:"folders"},(l=(n=this.thread)==null?void 0:n.folders)==null?void 0:l.map(i=>e.h("sp-tag",{size:"s"},e.toTitleCase(i.replace("CATEGORY_","").replace("_"," ")))))),e.h("div",{key:"a95eb69dbc861e3473f7d5f9fda4ff4ef4f8fdd3",class:"messages"},t&&e.h(c,{message:t,attachments:this.attachments.filter(i=>i.messageId===t.id),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),s.length>0&&this.messages.length>1&&!this.showAllEmails&&a.length>0&&e.h(e.Fragment,null,e.h("div",{class:"show-more"},e.h("button",{type:"button",onClick:this.onShowAllEmailsClick},e.h("span",{class:"avatar"},s.length)," ",e.h("span",{class:"sr-only"},"Show ",s.length," more emails"))),e.h("hr",null)),s.length>0&&this.showAllEmails&&this.messages.length>2&&s.map(i=>e.h(c,{message:i,attachments:this.attachments.filter(d=>d.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})),a.length>0&&a.map(i=>e.h(c,{message:i,attachments:this.attachments.filter(d=>d.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),!(this.showComposer&&o)&&e.h("div",{class:"reply-buttons"},e.h("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e.h("span",{slot:"icon"},e.h("reply-icon",null)),e.h("span",null,"Reply")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("reply-all-icon",null)),e.h("span",null,"Reply All")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("forward-icon",null)),e.h("span",null,"Forward"))),this.showComposer&&o&&e.h("div",{class:"composer"},e.h("nylas-composer",{message:o.data,onClose:this.showComposerClick,onSend:i=>{e.debug("[nylas-view-thread] Send event",{message:i.detail.message,replyBody:i.detail.replyBody})}})))))}get host(){return e.getElement(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};k([f.RegisterComponent({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(t,a)=>{e.debug("[nylas-view-thread] Nylas init event. Fetching thread messages.",{event:t});const s=t.detail;s&&s.id&&await a.messages.getThreadMessages(s.id)}},fireRegisterEvent:!0}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],p.prototype,"render",null);p.style=C;exports.nylas_view_thread=p;