@nylas/react 2.0.0 → 2.0.1

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 (169) hide show
  1. package/dist/abstract-provider-efe136bd-2041bdce.js +187 -0
  2. package/dist/abstract-provider-efe136bd-b4663c02.cjs +1 -0
  3. package/dist/add-circle-icon_2.entry-5204c48a.cjs +1 -0
  4. package/dist/add-circle-icon_2.entry-ea1692a4.js +26 -0
  5. package/dist/archive-icon.entry-0b585dff.js +16 -0
  6. package/dist/archive-icon.entry-c2c66bca.cjs +1 -0
  7. package/dist/{arrow-icon.entry-9414299f.js → arrow-icon.entry-2e61394e.js} +5 -5
  8. package/dist/arrow-icon.entry-9d471162.cjs +1 -0
  9. package/dist/{bold-icon.entry-c781e9c1.cjs → bold-icon.entry-5c37622f.cjs} +1 -1
  10. package/dist/{bold-icon.entry-b72aed9f.js → bold-icon.entry-8ef1b653.js} +2 -2
  11. package/dist/{button-component_2.entry-73f76545.cjs → button-component_2.entry-8335ee1e.cjs} +1 -1
  12. package/dist/{button-component_2.entry-36e49459.js → button-component_2.entry-c906230f.js} +9 -9
  13. package/dist/calendar-agenda-fill-icon_36.entry-59c0a997.cjs +6 -0
  14. package/dist/{calendar-agenda-fill-icon_36.entry-efa7ad26.js → calendar-agenda-fill-icon_36.entry-5f184433.js} +900 -881
  15. package/dist/{calendar-cancel-icon.entry-01c388eb.cjs → calendar-cancel-icon.entry-65a4a34e.cjs} +1 -1
  16. package/dist/{calendar-cancel-icon.entry-0f739a8a.js → calendar-cancel-icon.entry-dd6ac4db.js} +5 -5
  17. package/dist/{calendar-check-icon_2.entry-5febbadf.cjs → calendar-check-icon_2.entry-ded15038.cjs} +1 -1
  18. package/dist/{calendar-check-icon_2.entry-dfb0036d.js → calendar-check-icon_2.entry-f9b50bb8.js} +3 -3
  19. package/dist/{calendar-icon.entry-f197396d.js → calendar-icon.entry-a2a1ddbc.js} +2 -2
  20. package/dist/{calendar-icon.entry-9743e0b7.cjs → calendar-icon.entry-ca512dd6.cjs} +1 -1
  21. package/dist/checkbox-component_2.entry-d6128246.js +115 -0
  22. package/dist/checkbox-component_2.entry-d79b5d1d.cjs +1 -0
  23. package/dist/checkbox-group_4.entry-2946c7ef.cjs +28 -0
  24. package/dist/{nylas-event-calendar_3.entry-9abd46c2.js → checkbox-group_4.entry-e5145451.js} +1038 -923
  25. package/dist/{checkmark-icon_15.entry-5c09cff5.js → checkmark-icon_15.entry-6e92e93e.js} +19 -19
  26. package/dist/{checkmark-icon_15.entry-35dd97b7.cjs → checkmark-icon_15.entry-a75a1825.cjs} +2 -2
  27. package/dist/{chevron-icon_3.entry-4a72f211.js → chevron-icon_3.entry-6eaa3513.js} +16 -16
  28. package/dist/{chevron-icon_3.entry-e0608b7c.cjs → chevron-icon_3.entry-9193a885.cjs} +1 -1
  29. package/dist/{clock-icon_4.entry-0afe79c2.js → clock-icon_4.entry-2c93270e.js} +8 -8
  30. package/dist/{clock-icon_4.entry-202ce025.cjs → clock-icon_4.entry-ae2272f4.cjs} +1 -1
  31. package/dist/{customParseFormat-d1de5ed0-c0ef002d.js → customParseFormat-edc38d83-b3722499.js} +1 -1
  32. package/dist/{customParseFormat-d1de5ed0-65a0bba3.cjs → customParseFormat-edc38d83-fa9c77d9.cjs} +1 -1
  33. package/dist/{delete-icon.entry-580bfcc9.js → delete-icon.entry-6684eba6.js} +2 -2
  34. package/dist/{delete-icon.entry-762ac892.cjs → delete-icon.entry-b9e4f2c7.cjs} +1 -1
  35. package/dist/{document-refresh-icon.entry-4e0f0c61.cjs → document-refresh-icon.entry-7afe6163.cjs} +1 -1
  36. package/dist/document-refresh-icon.entry-fba9f60b.js +16 -0
  37. package/dist/{feedbackSync-172f942c-42124493.js → feedbackSync-e4378c0b-23289195.js} +811 -798
  38. package/dist/{feedbackSync-172f942c-62f72bd2.cjs → feedbackSync-e4378c0b-7876d067.cjs} +26 -26
  39. package/dist/{folder-icon.entry-54c3cc66.js → folder-icon.entry-430c6b47.js} +4 -4
  40. package/dist/{folder-icon.entry-2694e253.cjs → folder-icon.entry-b1632bf3.cjs} +1 -1
  41. package/dist/{forward-icon.entry-5e540f05.js → forward-icon.entry-5e53da76.js} +2 -2
  42. package/dist/{forward-icon.entry-f07102d8.cjs → forward-icon.entry-7626dcca.cjs} +1 -1
  43. package/dist/{globe-icon_2.entry-aaceb196.js → globe-icon_2.entry-646eae41.js} +20 -20
  44. package/dist/{globe-icon_2.entry-14a4c168.cjs → globe-icon_2.entry-bbb0a6ce.cjs} +1 -1
  45. package/dist/{google-logo-icon_6.entry-00d40db2.js → google-logo-icon_6.entry-5951a546.js} +682 -488
  46. package/dist/google-logo-icon_6.entry-e39dd9cb.cjs +2 -0
  47. package/dist/{google-meet-icon_5.entry-f1f05903.js → google-meet-icon_5.entry-a54c83da.js} +14 -14
  48. package/dist/{google-meet-icon_5.entry-6c20e149.cjs → google-meet-icon_5.entry-c13e0738.cjs} +1 -1
  49. package/dist/inbox-icon.entry-7bee82b3.js +16 -0
  50. package/dist/inbox-icon.entry-911b047a.cjs +1 -0
  51. package/dist/index-71f61ea9.js +24544 -0
  52. package/dist/index-f769bc2a.cjs +118 -0
  53. package/dist/index.d.ts +1 -4
  54. package/dist/index.es-6a9d55cf-122c27e0.js +2724 -0
  55. package/dist/index.es-6a9d55cf-458ba0e0.cjs +7 -0
  56. package/dist/{info-icon_2.entry-bbcefb9a.cjs → info-icon_2.entry-471b836b.cjs} +1 -1
  57. package/dist/{info-icon_2.entry-b3b313ab.js → info-icon_2.entry-6ff2f004.js} +3 -3
  58. package/dist/{input-component.entry-401b9ba5.js → input-component.entry-781b584c.js} +12 -12
  59. package/dist/{input-component.entry-ec8e8e7c.cjs → input-component.entry-b6a9b4cb.cjs} +1 -1
  60. package/dist/{input-dropdown_2.entry-c37f392c.js → input-dropdown_2.entry-1feebcba.js} +3 -3
  61. package/dist/{input-dropdown_2.entry-8cb11601.cjs → input-dropdown_2.entry-c71d14ff.cjs} +1 -1
  62. package/dist/{italic-icon.entry-6675558a.cjs → italic-icon.entry-16debde5.cjs} +1 -1
  63. package/dist/italic-icon.entry-9ef7f4a2.js +16 -0
  64. package/dist/{elements → lib/elements}/index.d.ts +1 -1
  65. package/dist/lib/index.d.ts +5 -0
  66. package/dist/lib/main.d.ts +0 -0
  67. package/dist/lib/notetaker/CalendarSync/CalendarSync.d.ts +37 -0
  68. package/dist/lib/notetaker/CalendarSync/CalendarSync.spec.d.ts +0 -0
  69. package/dist/lib/notetaker/SendNotetaker/SendNotetaker.d.ts +31 -0
  70. package/dist/lib/notetaker/SendNotetaker/SendNotetaker.spec.d.ts +1 -0
  71. package/dist/lib/notetaker/Transcript/Transcript.d.ts +23 -0
  72. package/dist/lib/notetaker/Transcript/Transcript.spec.d.ts +0 -0
  73. package/dist/lib/notetaker/VideoPlayer/VideoPlayer.d.ts +22 -0
  74. package/dist/lib/notetaker/VideoPlayer/VideoPlayer.spec.d.ts +1 -0
  75. package/dist/lib/notetaker/index.d.ts +9 -0
  76. package/dist/lib/notetaker/lib/constants.d.ts +12 -0
  77. package/dist/lib/notetaker/lib/http-client.d.ts +2 -0
  78. package/dist/lib/notetaker/lib/primitives.d.ts +66 -0
  79. package/dist/lib/notetaker/lib/store.d.ts +7 -0
  80. package/dist/lib/notetaker/types.d.ts +42 -0
  81. package/dist/multi-select-dropdown.entry-0a6f9417.cjs +1 -0
  82. package/dist/multi-select-dropdown.entry-1b27c746.js +121 -0
  83. package/dist/nylas-booked-event-card_11.entry-74fba802.cjs +1 -0
  84. package/dist/{nylas-booked-event-card_12.entry-e7464ae7.js → nylas-booked-event-card_11.entry-802671ee.js} +469 -534
  85. package/dist/{nylas-form-card.entry-cbb00fba.cjs → nylas-form-card.entry-59a837c9.cjs} +1 -1
  86. package/dist/{nylas-form-card.entry-a3186807.js → nylas-form-card.entry-7da9a312.js} +3 -3
  87. package/dist/nylas-notification_2.entry-8f8bad34.cjs +1 -0
  88. package/dist/nylas-notification_2.entry-b16bb805.js +85 -0
  89. package/dist/{nylas-scheduler-editor.entry-7b188a38.js → nylas-scheduler-editor.entry-cbe3e1e3.js} +160 -136
  90. package/dist/nylas-scheduler-editor.entry-e33e11fb.cjs +2 -0
  91. package/dist/nylas-scheduling.entry-4223e50b.cjs +1 -0
  92. package/dist/{nylas-scheduling.entry-e9929b03.js → nylas-scheduling.entry-6fb094a8.js} +295 -295
  93. package/dist/{person-icon.entry-d2856f08.js → person-icon.entry-6232e6fd.js} +7 -7
  94. package/dist/{person-icon.entry-8998fdb8.cjs → person-icon.entry-beb26b48.cjs} +1 -1
  95. package/dist/play-icon.entry-16a1c1ac.js +16 -0
  96. package/dist/{play-icon.entry-99eb969b.cjs → play-icon.entry-9060d0d8.cjs} +1 -1
  97. package/dist/{radio-button-group.entry-bc3b12fd.js → radio-button-group.entry-5a3728cd.js} +2 -2
  98. package/dist/{radio-button-group.entry-d66edd04.cjs → radio-button-group.entry-6935c39d.cjs} +1 -1
  99. package/dist/react.cjs +1 -1
  100. package/dist/react.js +135 -126
  101. package/dist/{refresh-icon.entry-99d1982d.cjs → refresh-icon.entry-2411b2e1.cjs} +1 -1
  102. package/dist/{refresh-icon.entry-d6df8b1c.js → refresh-icon.entry-4f56e72b.js} +2 -2
  103. package/dist/{register-component-62d792d4-448b6a43.js → register-component-a1c3d7b4-774feacc.js} +1 -1
  104. package/dist/{register-component-62d792d4-c6e7d129.cjs → register-component-a1c3d7b4-97d7a6f5.cjs} +1 -1
  105. package/dist/{reply-all-icon.entry-d7c44139.cjs → reply-all-icon.entry-b4b6926b.cjs} +1 -1
  106. package/dist/{reply-all-icon.entry-7ebf01a0.js → reply-all-icon.entry-b4b917ec.js} +2 -2
  107. package/dist/{reply-icon.entry-d1622d85.js → reply-icon.entry-24f6f4c6.js} +5 -5
  108. package/dist/{reply-icon.entry-058c00e8.cjs → reply-icon.entry-454545ed.cjs} +1 -1
  109. package/dist/sent-icon.entry-d9a79336.cjs +1 -0
  110. package/dist/sent-icon.entry-fa59ce85.js +16 -0
  111. package/dist/spam-icon.entry-da39987e.cjs +1 -0
  112. package/dist/spam-icon.entry-fb18a08b.js +16 -0
  113. package/dist/{star-icon.entry-98b80645.js → star-icon.entry-406472c1.js} +4 -4
  114. package/dist/{star-icon.entry-4db13fdb.cjs → star-icon.entry-833f35a7.cjs} +1 -1
  115. package/dist/{stop-icon.entry-0290fd30.js → stop-icon.entry-1b6ae838.js} +2 -2
  116. package/dist/{stop-icon.entry-9d7b53fd.cjs → stop-icon.entry-3258db59.cjs} +1 -1
  117. package/dist/style.css +1 -0
  118. package/dist/test/vitest.setup.d.ts +0 -0
  119. package/dist/{textarea-component.entry-9b474ab5.cjs → textarea-component.entry-0ae18897.cjs} +1 -1
  120. package/dist/{textarea-component.entry-a62c257b.js → textarea-component.entry-569a281e.js} +2 -2
  121. package/dist/{toggle-switch.entry-5dbfcd48.cjs → toggle-switch.entry-60d75f16.cjs} +1 -1
  122. package/dist/{toggle-switch.entry-e423b793.js → toggle-switch.entry-dc3f796b.js} +4 -4
  123. package/dist/{translate-icon.entry-60c55a2e.js → translate-icon.entry-297cf20f.js} +4 -4
  124. package/dist/{translate-icon.entry-f82fa6fc.cjs → translate-icon.entry-c183ecb5.cjs} +1 -1
  125. package/dist/trash-fill-icon.entry-3d8a2e5e.js +16 -0
  126. package/dist/trash-fill-icon.entry-94d4f66c.cjs +1 -0
  127. package/dist/{underline-icon.entry-40028bc6.js → underline-icon.entry-4a9105c7.js} +2 -2
  128. package/dist/{underline-icon.entry-0807a43d.cjs → underline-icon.entry-50d1e766.cjs} +1 -1
  129. package/package.json +41 -17
  130. package/dist/add-circle-icon_2.entry-8a1c55bc.cjs +0 -1
  131. package/dist/add-circle-icon_2.entry-b4bbcfee.js +0 -26
  132. package/dist/archive-icon.entry-a2492cf3.js +0 -16
  133. package/dist/archive-icon.entry-e48d2356.cjs +0 -1
  134. package/dist/arrow-icon.entry-b1ecb2aa.cjs +0 -1
  135. package/dist/calendar-agenda-fill-icon_36.entry-e9b92e0e.cjs +0 -6
  136. package/dist/checkbox-component.entry-1aa5782f.cjs +0 -1
  137. package/dist/checkbox-component.entry-72a6aa72.js +0 -43
  138. package/dist/document-refresh-icon.entry-e500b4e3.js +0 -16
  139. package/dist/google-logo-icon_6.entry-fa76ffe3.cjs +0 -2
  140. package/dist/inbox-icon.entry-9a4628f2.cjs +0 -1
  141. package/dist/inbox-icon.entry-aa78ba8c.js +0 -16
  142. package/dist/index-1e75512f.cjs +0 -57
  143. package/dist/index-e8380973.js +0 -18492
  144. package/dist/index.es-fc8588de-034ead51.cjs +0 -7
  145. package/dist/index.es-fc8588de-c943eef6.js +0 -2908
  146. package/dist/italic-icon.entry-0e85d0d9.js +0 -16
  147. package/dist/multi-select-dropdown_2.entry-3eecf18a.js +0 -193
  148. package/dist/multi-select-dropdown_2.entry-e37c501d.cjs +0 -1
  149. package/dist/nylas-booked-event-card_12.entry-fddc9ab8.cjs +0 -1
  150. package/dist/nylas-event-calendar_3.entry-e6669bbf.cjs +0 -11
  151. package/dist/nylas-scheduler-editor.entry-5c92901a.cjs +0 -2
  152. package/dist/nylas-scheduling.entry-970240f6.cjs +0 -1
  153. package/dist/play-icon.entry-f949a80f.js +0 -16
  154. package/dist/sent-icon.entry-6c604512.cjs +0 -1
  155. package/dist/sent-icon.entry-fe12bc2f.js +0 -16
  156. package/dist/spam-icon.entry-45e5292e.cjs +0 -1
  157. package/dist/spam-icon.entry-b97c7709.js +0 -16
  158. package/dist/trash-fill-icon.entry-095caae3.cjs +0 -1
  159. package/dist/trash-fill-icon.entry-825055fd.js +0 -16
  160. package/dist/warning-icon.entry-24e37759.js +0 -16
  161. package/dist/warning-icon.entry-fce7c14f.cjs +0 -1
  162. /package/dist/{elements → lib/elements}/react-component-lib/createComponent.d.ts +0 -0
  163. /package/dist/{elements → lib/elements}/react-component-lib/createOverlayComponent.d.ts +0 -0
  164. /package/dist/{elements → lib/elements}/react-component-lib/index.d.ts +0 -0
  165. /package/dist/{elements → lib/elements}/react-component-lib/interfaces.d.ts +0 -0
  166. /package/dist/{elements → lib/elements}/react-component-lib/utils/attachProps.d.ts +0 -0
  167. /package/dist/{elements → lib/elements}/react-component-lib/utils/case.d.ts +0 -0
  168. /package/dist/{elements → lib/elements}/react-component-lib/utils/dev.d.ts +0 -0
  169. /package/dist/{elements → lib/elements}/react-component-lib/utils/index.d.ts +0 -0
@@ -1,16 +0,0 @@
1
- import { r as o, h as t } from "./index-e8380973.js";
2
- import "react";
3
- import "react/jsx-runtime";
4
- import "react-dom";
5
- const e = ".sc-italic-icon-h{display:flex}", s = e, c = class {
6
- constructor(i) {
7
- o(this, i), this.width = "15", this.height = "15";
8
- }
9
- render() {
10
- return t("svg", { key: "4a7c601a716d0aaf0c1c96a9721a7e4db7b713ce", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "460d17d1c5215d2b2bf07d8e60a0cc397d3ad230", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m10 20 4-16m2 0h-4m0 16H8" }));
11
- }
12
- };
13
- c.style = s;
14
- export {
15
- c as italic_icon
16
- };
@@ -1,193 +0,0 @@
1
- import { r as p, a as o, b as c, h as l, H as f, g as y, y as i } from "./index-e8380973.js";
2
- import "react";
3
- import "react/jsx-runtime";
4
- import "react-dom";
5
- const b = ':host{display:block;width:inherit;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown .dropdown-label p{margin:0}.dropdown .dropdown-label span.required{color:var(--nylas-error);padding:0 0.25rem}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:var(--nylas-base-900);padding:0.5rem;font-size:16px;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.dropdown-content ul li.disabled{cursor:not-allowed;opacity:0.5}.dropdown-content ul li.disabled label{cursor:not-allowed}.dropdown-content ul li.disabled label input{cursor:not-allowed}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}.selected-options .selected-option button:disabled{cursor:not-allowed;background:var(--nylas-base-100)}', h = b, u = class {
6
- constructor(e) {
7
- p(this, e), this.selectedOptionsChanged = o(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.error = "", this.required = !1, this.readOnly = !1, this.multipleOptionsSelectedLabel = "Multiple options selected", this.selectAtLeastOneOptionLabel = "Please select at least one option", this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
8
- }
9
- areOptionsEqual(e, s) {
10
- if (e.length !== s.length)
11
- return !1;
12
- const a = [...e].sort((t, n) => t.label.localeCompare(n.label) || t.value.localeCompare(n.value)), r = [...s].sort((t, n) => t.label.localeCompare(n.label) || t.value.localeCompare(n.value));
13
- return a.every((t, n) => {
14
- const d = r[n];
15
- return t.label === d.label && t.value === d.value;
16
- });
17
- }
18
- optionsChangedHandler(e) {
19
- this.areOptionsEqual(e, this.availableOptions) || (this.availableOptions = e);
20
- }
21
- componentDidLoad() {
22
- c("multi-select-dropdown", "componentDidLoad"), this.options && (this.availableOptions = this.options);
23
- }
24
- componentDidRender() {
25
- var e;
26
- c("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = (e = this.availableOptions[0]) == null ? void 0 : e.value, this.focusOption(0), this.shouldFocusFirstOption = !1);
27
- }
28
- handleOutsideClick(e) {
29
- !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
30
- }
31
- handleBookingFormSubmitted(e) {
32
- const s = this.availableOptions.filter((a) => a.selected).map((a) => a.value);
33
- this.required && (!s || s.length <= 0) && (this.error = "Please select at least one option"), this.error && e.preventDefault();
34
- }
35
- selectOption(e) {
36
- this.availableOptions = this.availableOptions.map((a) => (a.value === e.value && (a.selected = !e.selected, a.selected && (this.error = "")), a));
37
- const s = this.availableOptions.filter((a) => a.selected).map((a) => a.value);
38
- this.selectedOptionsChanged.emit({
39
- value: s,
40
- name: this.name
41
- });
42
- }
43
- toggleDropdown() {
44
- this.isOpen = !this.isOpen, this.isOpen ? this.shouldFocusFirstOption = !0 : this.ariaActivedescendant = "";
45
- }
46
- handleSelectButtonKeyDown(e) {
47
- switch (e.key) {
48
- case "ArrowDown":
49
- case "Enter":
50
- e.preventDefault(), this.isOpen || this.toggleDropdown();
51
- break;
52
- case "Escape":
53
- this.isOpen = !1;
54
- break;
55
- }
56
- }
57
- handleListboxKeydown(e) {
58
- const s = this.availableOptions, a = s.findIndex((r) => r.value === this.ariaActivedescendant);
59
- switch (e.key) {
60
- case "ArrowDown":
61
- case "Tab": {
62
- if (e.shiftKey) {
63
- e.preventDefault();
64
- const r = a - 1 >= 0 ? a - 1 : s.length - 1;
65
- this.ariaActivedescendant = s[r].value, this.focusOption(r);
66
- } else {
67
- e.preventDefault();
68
- const r = a + 1 < s.length ? a + 1 : 0;
69
- this.ariaActivedescendant = s[r].value, this.focusOption(r);
70
- }
71
- break;
72
- }
73
- case "ArrowUp": {
74
- e.preventDefault();
75
- const r = a - 1 >= 0 ? a - 1 : s.length - 1;
76
- this.ariaActivedescendant = s[r].value, this.focusOption(r);
77
- break;
78
- }
79
- case "Enter": {
80
- e.preventDefault(), this.ariaActivedescendant && this.selectOption(s[a]);
81
- break;
82
- }
83
- case "Escape": {
84
- this.isOpen = !1;
85
- break;
86
- }
87
- }
88
- }
89
- focusOption(e) {
90
- var t;
91
- const s = this.availableOptions[e];
92
- if (!s)
93
- return;
94
- const a = s.value, r = (t = this.el.shadowRoot) == null ? void 0 : t.getElementById(a);
95
- r && (r.focus(), r.scrollIntoView({ behavior: "smooth", block: "nearest" }));
96
- }
97
- getSelectedOptions() {
98
- return this.availableOptions.filter((e) => e.selected);
99
- }
100
- renderOption(e) {
101
- return l("li", { key: e.value, id: e.value, role: "option", tabindex: "0", "aria-selected": e.selected ? "true" : "false", onClick: (s) => {
102
- s.stopImmediatePropagation(), e != null && e.disabled || this.selectOption(e);
103
- }, class: { selected: !!e.selected, disabled: !!e.disabled } }, l("label", { htmlFor: e.value }, l("input", { "aria-hidden": "true", id: e.value, type: "checkbox", checked: e.selected, disabled: !!(e != null && e.disabled) }), l("span", null, e.label)));
104
- }
105
- render() {
106
- var e, s;
107
- return l(f, { key: "879605c76c2b713969a143abe0d265b83494ee72" }, l("div", { key: "30db01af06d688c0fe37f6d049caf2ec80bfb3ec", class: "dropdown", part: "msd_dropdown" }, l("label", { key: "e8c879936db4b424d8be5337f4709f516fc372dc", class: "dropdown-label", part: "msd_dropdown-label" }, l("p", { key: "48a86f8967470ad4dd414772570c9d87841a5219" }, l("span", { key: "9cc591a7d1e44bad010ba67acbabc08c8f70da4c", class: "label" }, this.label), this.required && l("span", { class: "required" }, "*")), l("slot", { key: "b37d654c8d818ffef76548532380fc14ca4a40fa", name: "label-icon", "aria-hidden": "true" })), l("button", { key: "b7c656c1e856c789f9fae8d77af393c7b6e62ffd", name: this.name, part: `msd_dropdown-button ${this.error ? "msd_dropdown-button--error" : ""}`, class: { dropbtn: !0, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, title: this.readOnly ? "read-only field" : void 0, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (a) => this.handleSelectButtonKeyDown(a) }, l("slot", { key: "6f9df602dbf1f632fe17992fbaba9289e7cf22f1", name: "select-icon", "aria-hidden": "true" }), l("span", { key: "6258ccf59c4257d48923619c1284addae4a88a43", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? this.multipleOptionsSelectedLabel : ((e = this.availableOptions.filter((a) => a.selected)[0]) == null ? void 0 : e.label) ?? ((s = this.availableOptions[0]) == null ? void 0 : s.label)), l("span", { key: "edd325e405a12a8698414dbc8ded4c185f0e361e", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, l("chevron-icon", { key: "84a88483eca9eaf0a7e2ff963204b5d3c2972d68", width: "16", height: "16" }))), this.error ? l("span", { class: "error", part: "msd_dropdown_error" }, this.error) : null, l("div", { key: "7ff64b73387b0a6017cda8392bb8afbcfd64e38b", class: "selected-options" }, this.getSelectedOptions().map((a) => l("span", { class: "selected-option" }, a.label, l("button", { disabled: this.readOnly || !!(a != null && a.disabled), key: a.label, onClick: () => this.selectOption(a) }, l("close-icon", null))))), this.isOpen ? l("div", { class: "dropdown-content", part: "msd_dropdown-content" }, l("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (a) => this.handleListboxKeydown(a) }, this.availableOptions.map((a) => this.renderOption(a)))) : null));
108
- }
109
- get el() {
110
- return y(this);
111
- }
112
- static get watchers() {
113
- return {
114
- options: ["optionsChangedHandler"]
115
- };
116
- }
117
- };
118
- u.style = h;
119
- const m = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error);border-color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=date]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:100%;width:-moz-available;width:-webkit-fill-available;font-family:var(--nylas-font-family);cursor:pointer}input[type=date]:focus{outline-color:var(--nylas-primary)}input[type=date].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=date].error::placeholder{font-weight:400}input[type=date]::placeholder{color:var(--nylas-base-300)}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}', g = m, v = {
120
- date: "YYYY-MM-DD"
121
- }, w = class {
122
- constructor(e) {
123
- p(this, e), this.nylasFormInputChanged = o(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = o(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = o(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.placeholder = v.date, this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.minDate = void 0, this.hasError = !1, this.value = void 0, this.error = "", this.isDateValid = !0;
124
- }
125
- handleDefaultValueChange(e) {
126
- this.value = i(e), this.value && this.validatePattern(this.value, !0);
127
- }
128
- componentDidLoad() {
129
- this.value = i(this.defaultValue || ""), this.value && this.validatePattern(this.value, !0);
130
- }
131
- handleBookingFormSubmitted(e) {
132
- this.validatePattern(this.value), this.error && e.preventDefault();
133
- }
134
- async handleFormSubmitted(e) {
135
- this.validatePattern(this.value), this.error && e.preventDefault();
136
- }
137
- handleInput(e) {
138
- this.error = "";
139
- const s = e.target;
140
- this.value = i(s.value), this.isDateValid = s.validity.valid, this.nylasFormInputChanged.emit({
141
- value: this.value,
142
- name: this.name,
143
- label: this.label,
144
- error: this.error,
145
- type: "date"
146
- });
147
- }
148
- handleBlur() {
149
- this.nylasFormInputBlurred.emit({
150
- value: this.value,
151
- name: this.name
152
- });
153
- }
154
- handleFocus() {
155
- this.nylasFormInputFocused.emit({
156
- value: this.value,
157
- name: this.name
158
- });
159
- }
160
- validatePattern(e, s = !1) {
161
- if (this.error = "", !s && (this.required && !this.isDateValid || this.minDate && new Date(this.minDate) > new Date(e))) {
162
- this.error = "Please enter a valid date", this.nylasFormInputChanged.emit({
163
- value: this.value,
164
- name: this.name,
165
- label: this.label,
166
- error: this.error,
167
- type: "date"
168
- });
169
- return;
170
- }
171
- if (this.required && !e) {
172
- this.error = this.requiredError || "This field is required.";
173
- return;
174
- }
175
- !this.pattern || !e && !this.required || (this.pattern.test(e) ? this.error = "" : this.error = this.patternError || "Invalid format.");
176
- }
177
- render() {
178
- return l("label", { key: "2213674910081f34ce29a7f2e840722d9ec608e0", part: "ic__label", class: { error: !!this.error || this.hasError } }, this.label && l("p", null, l("span", { class: "label" }, this.label), this.required && l("span", { class: "required" }, "*")), l("div", { key: "953e14e3f4ba207cdd3f011da1aa8f0b42c95e50", part: "ic__input_wrapper", class: "input_wrapper" }, l("input", { key: "d76722816d2874717a19d0668810a915fd16fef3", type: "date", name: this.name, part: "ic__date", title: this.readOnly ? "read-only field" : void 0, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, min: this.minDate, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error || this.hasError }, onInput: (e) => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), l("slot", { key: "eca0139e8735c848206b314fb8878b08b9d3e0e4", name: "additional-input" })), this.error && l("span", { class: "error help-text" }, this.error));
179
- }
180
- get el() {
181
- return y(this);
182
- }
183
- static get watchers() {
184
- return {
185
- defaultValue: ["handleDefaultValueChange"]
186
- };
187
- }
188
- };
189
- w.style = g;
190
- export {
191
- u as multi_select_dropdown,
192
- w as nylas_date_component
193
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-1e75512f.cjs");require("react");require("react/jsx-runtime");require("react-dom");const c=':host{display:block;width:inherit;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown .dropdown-label p{margin:0}.dropdown .dropdown-label span.required{color:var(--nylas-error);padding:0 0.25rem}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:var(--nylas-base-900);padding:0.5rem;font-size:16px;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.dropdown-content ul li.disabled{cursor:not-allowed;opacity:0.5}.dropdown-content ul li.disabled label{cursor:not-allowed}.dropdown-content ul li.disabled label input{cursor:not-allowed}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}.selected-options .selected-option button:disabled{cursor:not-allowed;background:var(--nylas-base-100)}',p=c,i=class{constructor(e){a.registerInstance(this,e),this.selectedOptionsChanged=a.createEvent(this,"selectedOptionsChanged",7),this.name=void 0,this.label=void 0,this.options=[],this.error="",this.required=!1,this.readOnly=!1,this.multipleOptionsSelectedLabel="Multiple options selected",this.selectAtLeastOneOptionLabel="Please select at least one option",this.availableOptions=this.options,this.isOpen=!1,this.ariaActivedescendant="",this.shouldFocusFirstOption=!1}areOptionsEqual(e,s){if(e.length!==s.length)return!1;const l=[...e].sort((t,n)=>t.label.localeCompare(n.label)||t.value.localeCompare(n.value)),r=[...s].sort((t,n)=>t.label.localeCompare(n.label)||t.value.localeCompare(n.value));return l.every((t,n)=>{const o=r[n];return t.label===o.label&&t.value===o.value})}optionsChangedHandler(e){this.areOptionsEqual(e,this.availableOptions)||(this.availableOptions=e)}componentDidLoad(){a.debug("multi-select-dropdown","componentDidLoad"),this.options&&(this.availableOptions=this.options)}componentDidRender(){var e;a.debug("multi-select-dropdown","componentDidRender"),this.isOpen&&this.shouldFocusFirstOption&&(this.ariaActivedescendant=(e=this.availableOptions[0])==null?void 0:e.value,this.focusOption(0),this.shouldFocusFirstOption=!1)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}handleBookingFormSubmitted(e){const s=this.availableOptions.filter(l=>l.selected).map(l=>l.value);this.required&&(!s||s.length<=0)&&(this.error="Please select at least one option"),this.error&&e.preventDefault()}selectOption(e){this.availableOptions=this.availableOptions.map(l=>(l.value===e.value&&(l.selected=!e.selected,l.selected&&(this.error="")),l));const s=this.availableOptions.filter(l=>l.selected).map(l=>l.value);this.selectedOptionsChanged.emit({value:s,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen,this.isOpen?this.shouldFocusFirstOption=!0:this.ariaActivedescendant=""}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){const s=this.availableOptions,l=s.findIndex(r=>r.value===this.ariaActivedescendant);switch(e.key){case"ArrowDown":case"Tab":{if(e.shiftKey){e.preventDefault();const r=l-1>=0?l-1:s.length-1;this.ariaActivedescendant=s[r].value,this.focusOption(r)}else{e.preventDefault();const r=l+1<s.length?l+1:0;this.ariaActivedescendant=s[r].value,this.focusOption(r)}break}case"ArrowUp":{e.preventDefault();const r=l-1>=0?l-1:s.length-1;this.ariaActivedescendant=s[r].value,this.focusOption(r);break}case"Enter":{e.preventDefault(),this.ariaActivedescendant&&this.selectOption(s[l]);break}case"Escape":{this.isOpen=!1;break}}}focusOption(e){var t;const s=this.availableOptions[e];if(!s)return;const l=s.value,r=(t=this.el.shadowRoot)==null?void 0:t.getElementById(l);r&&(r.focus(),r.scrollIntoView({behavior:"smooth",block:"nearest"}))}getSelectedOptions(){return this.availableOptions.filter(e=>e.selected)}renderOption(e){return a.h("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:s=>{s.stopImmediatePropagation(),e!=null&&e.disabled||this.selectOption(e)},class:{selected:!!e.selected,disabled:!!e.disabled}},a.h("label",{htmlFor:e.value},a.h("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected,disabled:!!(e!=null&&e.disabled)}),a.h("span",null,e.label)))}render(){var e,s;return a.h(a.Host,{key:"879605c76c2b713969a143abe0d265b83494ee72"},a.h("div",{key:"30db01af06d688c0fe37f6d049caf2ec80bfb3ec",class:"dropdown",part:"msd_dropdown"},a.h("label",{key:"e8c879936db4b424d8be5337f4709f516fc372dc",class:"dropdown-label",part:"msd_dropdown-label"},a.h("p",{key:"48a86f8967470ad4dd414772570c9d87841a5219"},a.h("span",{key:"9cc591a7d1e44bad010ba67acbabc08c8f70da4c",class:"label"},this.label),this.required&&a.h("span",{class:"required"},"*")),a.h("slot",{key:"b37d654c8d818ffef76548532380fc14ca4a40fa",name:"label-icon","aria-hidden":"true"})),a.h("button",{key:"b7c656c1e856c789f9fae8d77af393c7b6e62ffd",name:this.name,part:`msd_dropdown-button ${this.error?"msd_dropdown-button--error":""}`,class:{dropbtn:!0,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,title:this.readOnly?"read-only field":void 0,"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:l=>this.handleSelectButtonKeyDown(l)},a.h("slot",{key:"6f9df602dbf1f632fe17992fbaba9289e7cf22f1",name:"select-icon","aria-hidden":"true"}),a.h("span",{key:"6258ccf59c4257d48923619c1284addae4a88a43",class:"selected-option",part:"msd_dropdown-button-selected-label"},this.getSelectedOptions().length>1?this.multipleOptionsSelectedLabel:((e=this.availableOptions.filter(l=>l.selected)[0])==null?void 0:e.label)??((s=this.availableOptions[0])==null?void 0:s.label)),a.h("span",{key:"edd325e405a12a8698414dbc8ded4c185f0e361e",class:this.isOpen?"open":"closed","aria-hidden":"true"},a.h("chevron-icon",{key:"84a88483eca9eaf0a7e2ff963204b5d3c2972d68",width:"16",height:"16"}))),this.error?a.h("span",{class:"error",part:"msd_dropdown_error"},this.error):null,a.h("div",{key:"7ff64b73387b0a6017cda8392bb8afbcfd64e38b",class:"selected-options"},this.getSelectedOptions().map(l=>a.h("span",{class:"selected-option"},l.label,a.h("button",{disabled:this.readOnly||!!(l!=null&&l.disabled),key:l.label,onClick:()=>this.selectOption(l)},a.h("close-icon",null))))),this.isOpen?a.h("div",{class:"dropdown-content",part:"msd_dropdown-content"},a.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":!0,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:l=>this.handleListboxKeydown(l)},this.availableOptions.map(l=>this.renderOption(l)))):null))}get el(){return a.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"]}}};i.style=p;const h=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error);border-color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=date]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:100%;width:-moz-available;width:-webkit-fill-available;font-family:var(--nylas-font-family);cursor:pointer}input[type=date]:focus{outline-color:var(--nylas-primary)}input[type=date].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=date].error::placeholder{font-weight:400}input[type=date]::placeholder{color:var(--nylas-base-300)}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}',y=h,b={date:"YYYY-MM-DD"},d=class{constructor(e){a.registerInstance(this,e),this.nylasFormInputChanged=a.createEvent(this,"nylasFormInputChanged",7),this.nylasFormInputFocused=a.createEvent(this,"nylasFormInputFocused",7),this.nylasFormInputBlurred=a.createEvent(this,"nylasFormInputBlurred",7),this.name="input",this.defaultValue=void 0,this.label="",this.placeholder=b.date,this.required=!1,this.readOnly=!1,this.autoFocus=!1,this.pattern=void 0,this.maxLength=255,this.patternError="",this.requiredError="",this.minDate=void 0,this.hasError=!1,this.value=void 0,this.error="",this.isDateValid=!0}handleDefaultValueChange(e){this.value=a.sanitize(e),this.value&&this.validatePattern(this.value,!0)}componentDidLoad(){this.value=a.sanitize(this.defaultValue||""),this.value&&this.validatePattern(this.value,!0)}handleBookingFormSubmitted(e){this.validatePattern(this.value),this.error&&e.preventDefault()}async handleFormSubmitted(e){this.validatePattern(this.value),this.error&&e.preventDefault()}handleInput(e){this.error="";const s=e.target;this.value=a.sanitize(s.value),this.isDateValid=s.validity.valid,this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:"date"})}handleBlur(){this.nylasFormInputBlurred.emit({value:this.value,name:this.name})}handleFocus(){this.nylasFormInputFocused.emit({value:this.value,name:this.name})}validatePattern(e,s=!1){if(this.error="",!s&&(this.required&&!this.isDateValid||this.minDate&&new Date(this.minDate)>new Date(e))){this.error="Please enter a valid date",this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:"date"});return}if(this.required&&!e){this.error=this.requiredError||"This field is required.";return}!this.pattern||!e&&!this.required||(this.pattern.test(e)?this.error="":this.error=this.patternError||"Invalid format.")}render(){return a.h("label",{key:"2213674910081f34ce29a7f2e840722d9ec608e0",part:"ic__label",class:{error:!!this.error||this.hasError}},this.label&&a.h("p",null,a.h("span",{class:"label"},this.label),this.required&&a.h("span",{class:"required"},"*")),a.h("div",{key:"953e14e3f4ba207cdd3f011da1aa8f0b42c95e50",part:"ic__input_wrapper",class:"input_wrapper"},a.h("input",{key:"d76722816d2874717a19d0668810a915fd16fef3",type:"date",name:this.name,part:"ic__date",title:this.readOnly?"read-only field":void 0,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,min:this.minDate,maxLength:this.maxLength,placeholder:this.placeholder,class:{error:!!this.error||this.hasError},onInput:e=>this.handleInput(e),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),a.h("slot",{key:"eca0139e8735c848206b314fb8878b08b9d3e0e4",name:"additional-input"})),this.error&&a.h("span",{class:"error help-text"},this.error))}get el(){return a.getElement(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};d.style=y;exports.multi_select_dropdown=i;exports.nylas_date_component=d;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-1e75512f.cjs"),_=require("./register-component-62d792d4-c6e7d129.cjs"),m=require("./constants-f51538ef-cd2a67c4.cjs");require("react");require("react/jsx-runtime");require("react-dom");const Ce=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}',_e=Ce;var we=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},S=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const Z=class{constructor(e){n.registerInstance(this,e),this.cancelBookingButtonClicked=n.createEvent(this,"cancelBookingButtonClicked",7),this.rescheduleButtonClicked=n.createEvent(this,"rescheduleButtonClicked",7),this.rescheduleBookedEventError=n.createEvent(this,"rescheduleBookedEventError",7),this.cancelBookedEventValidationError=n.createEvent(this,"cancelBookedEventValidationError",7),this.handleCancelBookingButtonClicked=()=>{var s,o;const t=new Date(this.selectedTimeslot.start_time),a=(o=(s=this.configSettings)==null?void 0:s.scheduler)==null?void 0:o.min_cancellation_notice;if(!a){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}t.getTime()-a*60*1e3<new Date().getTime()?this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${a} minutes of the event.`}}):this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})},this.handleRescheduleButtonClicked=()=>{const t=a=>{this.rescheduleBookedEventError.emit(a)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:t})},this.getPaticipantType=t=>{switch(t){case"host":return"Host";case"you":return"You";default:return""}},this.eventInfo=void 0,this.rescheduleBookingId=void 0,this.bookingInfo=void 0,this.configSettings=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedTimeslot=void 0,this.selectedLanguage=navigator.language,this.hour12=void 0,this.startTime="",this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-booked-event-card] Component will load")}async componentDidLoad(){var a,l;n.debug("[nylas-booked-event-card] Component did load"),this.eventInfo||console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.'),this.bookingInfo||console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.'),this.applyThemeConfig(this.themeConfig);const e=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],t=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=t.format((a=this.selectedTimeslot)==null?void 0:a.start_time),this.endTime=t.format((l=this.selectedTimeslot)==null?void 0:l.end_time)}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a)}render(){var a,l,s,o,r,i,y,d,g,p,w,x,h,b,C,D;const e=(a=this.configSettings)==null?void 0:a.booking_type,t=e&&e!=="booking";return n.h(n.Host,{key:"746e23e82adf30da44ac6a160400705251a5cf98",part:"nbec"},n.h("div",{key:"aa3e79d294ff41b4a43775763f9e5f1922f955c7",class:"nylas-booked-event-card"},n.h("div",{key:"cbb343663633b5ba80875f42af0bb0d091ee1ac8",class:"booked-event-timezone"},n.h("globe-icon",{key:"8c94142bd486144efaa251770c87f4ec15481b41"}),m.TIMEZONE_MAP[this.selectedTimezone]),n.h("div",{key:"e06ef2c5b7a1977ff1953027d6109cb8a1acf493",class:"event-card-wrapper",part:"nbec__card"},n.h("div",{key:"5a99626d44f6ef819af2606bf24208e1833e3a54",class:"calendar-icon"},n.h("calendar-check-icon",{key:"06c5ec0241535ee0ea82c743653f93442bc9a5fa"})),n.h("div",{key:"b38fa39209c64394902a0e7607248d0d0c73adf2",class:"booked-event-header"},n.h("h2",{key:"1706d065e1f427efcccef18f382702e95da33080",slot:"card-title",part:"nbec__title"},this.rescheduleBookingId&&!this.isLoading?`${n.instance.t("bookingRescheduled")}`:t&&!this.isLoading?`${n.instance.t("bookingSent")}`:`${n.instance.t("bookingConfirmed")}`,"!"),n.h("div",{key:"c7bfce355ce08d858862bc7672f20e8a2bb3dce9",class:"card-description",part:"nbec__description"},t?n.instance.t("bookingSentDescription"):n.h("span",null,n.instance.t("bookingConfirmedDescription")))),n.h("div",{key:"2074c51dfdfd0753fcd3d598b7633520bf70ab63",class:"booking-date-time"},n.h("checkmark-circle-icon",{key:"dbfe39fadeeb08186a5214cfb9ca5d3c8da55cb1"}),n.h("h3",{key:"edb9ed53cb25e9e06ec7b27f8141fa6f422c1511"},n.instance.t("bookingDateAndTimeHeader")),n.h("p",{key:"24d8d606ab3e217256152e249ee435d070df0c5b"},(l=this.selectedTimeslot)!=null&&l.start_time?n.capitalizeFirstLetter(n.formatBookedEventDate((s=this.selectedTimeslot)==null?void 0:s.start_time,this.selectedTimezone,m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage])):"-"," ",n.h("br",{key:"5949a97ff7e7b256e410f591b810332a72e0696c"}),this.startTime," - ",this.endTime)),n.h("div",{key:"3450618726c762232151511fd28570834cf07cc4",class:"booking-participants"}),!t&&n.h("div",{class:"button-container"},n.h("div",{class:{footer:!0,"no-footer":((r=(o=this.configSettings)==null?void 0:o.scheduler)==null?void 0:r.hide_cancellation_options)&&((y=(i=this.configSettings)==null?void 0:i.scheduler)==null?void 0:y.hide_rescheduling_options)||((d=this.configSettings)==null?void 0:d.booking_type)==="organizer-confirmation","no-template-cols":!!((p=(g=this.configSettings)==null?void 0:g.scheduler)!=null&&p.hide_cancellation_options)||!!((x=(w=this.configSettings)==null?void 0:w.scheduler)!=null&&x.hide_rescheduling_options)}},!((b=(h=this.configSettings)==null?void 0:h.scheduler)!=null&&b.hide_cancellation_options)&&n.h("button-component",{variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${n.instance.t("cancelBookingButton")}`),!((D=(C=this.configSettings)==null?void 0:C.scheduler)!=null&&D.hide_rescheduling_options)&&n.h("button-component",{variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${n.instance.t("rescheduleBookingButton")}`))))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};we([_.RegisterComponent({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{cancelBookingButtonClicked:async(e,t)=>{t.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,t)=>{const a=await t.scheduler.setReschedule(e.detail.bookingId),{errorHandler:l}=e.detail;l&&(!a||"error"in a)&&l(a)},rescheduleBookedEventError:async(e,t)=>{n.debug("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,t)=>{n.debug("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:!0}),S("design:type",Function),S("design:paramtypes",[]),S("design:returntype",void 0)],Z.prototype,"render",null);Z.style=_e;const xe=':host{display:block;height:100%;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-booking-form{width:100%;padding:1.5rem;box-sizing:border-box;height:450px;overflow-y:auto;height:100%}form{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;align-items:flex-start;justify-content:space-between;gap:0.5rem;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.cta{grid-template-columns:1fr}}.input-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:1rem}.input-wrapper input::placeholder{color:var(--nylas-base-300)}.input-wrapper label,.input-wrapper input{font-family:var(--nylas-font-family);font-size:16px}.input-wrapper .help-text{margin:0;color:var(--nylas-error)}.button-wrapper{width:100%;align-items:flex-start;height:max-content;position:relative}.button-content{display:flex;gap:4px;align-items:center}input[type=text],input[type=email]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%}input[type=text]:focus,input[type=email]:focus{outline-color:var(--nylas-primary)}input[type=text].error,input[type=email].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=email].error::placeholder{font-weight:400}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--nylas-base-300)}input[type=text].guest-email,input[type=email].guest-email{color:var(--nylas-base-900);padding-right:52px}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}button-component.remove-guest{position:absolute;height:51px;right:0}button-component.remove-guest.error button{border-color:var(--nylas-error)}button-component.remove-guest button{height:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;border:none !important;border-left:1px solid var(--nylas-base-300) !important}button-component.remove-guest button:hover,button-component.remove-guest button:focus{outline:1px solid var(--nylas-primary) !important;color:var(--nylas-primary)}button-component.back button{--dot-color:var(--nylas-base-800)}.guest-email-input{position:relative;display:flex;width:100%}multi-select-dropdown::part(msd_dropdown-label){margin-bottom:4px}multi-select-dropdown::part(msd_dropdown_error){font-size:16px}multi-select-dropdown::part(msd_dropdown-button){height:52px;border-color:var(--nylas-base-300)}multi-select-dropdown::part(msd_dropdown-button--error){border-width:2px;border-color:var(--nylas-error)}',Ee=xe;var Te=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},R=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const L=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,U=class{constructor(e){n.registerInstance(this,e),this.nameChanged=n.createEvent(this,"nameChanged",7),this.emailChanged=n.createEvent(this,"emailChanged",7),this.backButtonClicked=n.createEvent(this,"backButtonClicked",7),this.detailsConfirmed=n.createEvent(this,"detailsConfirmed",7),this.bookingFormError=n.createEvent(this,"bookingFormError",7),this.bookingFormSubmitted=n.createEvent(this,"bookingFormSubmitted",7),this.handleGuestChange=(t,a)=>{this.resetGuestEmailError(t);const l=[...this.guestEmails];l[t]=n.sanitizeHtml$1(a),this.guestEmails=[...l]},this.handleGuestBlur=(t,a)=>{if(this.resetGuestEmailError(t),a===""){this.guestEmailErrors[t]=n.instance.t("fieldRequired",{field:n.instance.t("email")});return}if(!L.test(a)){this.guestEmailErrors[t]=n.instance.t("invalidInputFormat",{field:n.instance.t("email")});return}this.handleGuestChange(t,a)},this.addGuestButtonClickedHandler=t=>{t.preventDefault(),this.guestEmails=[...this.guestEmails,""]},this.removeGuestButtonClickHandler=(t,a)=>{t.preventDefault(),this.resetGuestEmailError(a);const l=[...this.guestEmails];l.splice(a,1),this.guestEmails=[...l]},this.handleBackButtonClicked=t=>{t.preventDefault(),this.backButtonLoading=!0,this.backButtonClicked.emit()},this.bookButtonClickedHandler=async t=>{var d,g,p,w,x;if(t.preventDefault(),this.bookingFormSubmitted.emit().defaultPrevented)return;n.debug("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const l=this.name,s=this.email;if(!l||l===""){this.isNameValid=!1,this.validationError.name=n.instance.t("fieldRequired",{field:n.instance.t("name")})||"Name is required",this.bookingFormError.emit({title:"Booking form error",description:"Name is required"});return}if(!s||s===""){this.isEmailValid=!1,this.validationError.email=n.instance.t("fieldRequired",{field:n.instance.t("email")})||"Email is required",this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!L.test(s)){this.isEmailValid=!1,this.validationError.email=n.instance.t("invalidInputFormat",{field:n.instance.t("email")}),this.bookingFormError.emit({title:"Booking form error",description:n.instance.t("invalidInputFormat",{field:n.instance.t("email")})||"Invalid email"});return}let o=[];if(this.guestEmails.length>0){let h=!1;if(this.guestEmails.forEach((b,C)=>{b===""?(h=!0,this.guestEmailErrors={...this.guestEmailErrors,[C]:n.instance.t("fieldRequired",{field:n.instance.t("email")})}):L.test(b)||(h=!0,this.guestEmailErrors={...this.guestEmailErrors,[C]:n.instance.t("invalidInputFormat",{field:n.instance.t("email")})})}),h){this.bookingFormError.emit({title:"Booking form error",description:n.instance.t("invalidInputFormat",{field:n.instance.t("guestEmail")})||"Invalid guest email"});return}o=this.guestEmails.map(b=>({name:b.trim(),email:b.trim()}))}const r={},i=((g=(d=this.configSettings)==null?void 0:d.scheduler)==null?void 0:g.additional_fields)||{},y=((w=(p=this.configSettings)==null?void 0:p.booking)==null?void 0:w.additional_fields)||{};(x=this.bookingInfo)!=null&&x.additionalFields&&Object.entries(this.bookingInfo.additionalFields).forEach(([h,b])=>{h in i&&typeof b.value<"u"&&(r[h]=b.value)}),Object.entries(i).forEach(([h,b])=>{if(!(h in r)){const C=y[h]||b.default||"";r[h]=C}}),this.detailsConfirmed.emit({primaryParticipant:{name:l,email:s},guests:o,additionalFields:{...r,...this.additionalFields}})},this.updateAdditionalFields=(t,a)=>{this.additionalFields&&(this.additionalFields[t]=a)},this.isLoading=void 0,this.bookingInfo=void 0,this.eventInfo=void 0,this.configSettings=void 0,this.themeConfig=void 0,this.selectedTimeslot=void 0,this.name="",this.email="",this.guestEmails=[],this.guestEmailErrors={},this.isNameValid=!0,this.isEmailValid=!0,this.additionalFields={},this.validationError={name:"",email:""},this.backButtonLoading=!1,this.firstRender=!0}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){n.debug("nylas-booking-form","componentWillLoad",this.bookingInfo)}componentDidLoad(){var e;n.debug("nylas-booking-form","componentDidLoad",this.bookingInfo),(e=this.configSettings)!=null&&e.booking?this.configSettingsChangedHandler(this.configSettings):this.bookingInfo&&this.bookingInfoChangedHandler(this.bookingInfo),this.applyThemeConfig(this.themeConfig)}componentDidRender(){this.firstRender&&this.applyThemeConfig(this.themeConfig)}bookingInfoChangedHandler(e){e&&e.primaryParticipant&&(this.name=e.primaryParticipant.name||this.name,this.email=e.primaryParticipant.email||this.email),e!=null&&e.guests&&Array.isArray(e.guests)&&(this.guestEmails=e.guests.map(t=>t.email))}configSettingsChangedHandler(e){var t,a,l,s,o,r,i,y,d,g;!((a=(t=this.bookingInfo)==null?void 0:t.primaryParticipant)!=null&&a.name)&&e&&((s=(l=e.booking)==null?void 0:l.guest)!=null&&s.name)&&(this.name=e.booking.guest.name||this.name),!((r=(o=this.bookingInfo)==null?void 0:o.primaryParticipant)!=null&&r.email)&&e&&((y=(i=e.booking)==null?void 0:i.guest)!=null&&y.email)&&(this.email=e.booking.guest.email||this.email),!((d=this.bookingInfo)!=null&&d.guests)&&((g=e==null?void 0:e.booking)!=null&&g.additional_guests)&&Array.isArray(e.booking.additional_guests)&&(this.guestEmails=e.booking.additional_guests.map(p=>p.email))}themeConfigChanged(e){this.applyThemeConfig(e)}iterateFormComponents(){const e=this.formRef,t=["input-component","button-component","select-dropdown","checkbox-component","radio-button-group","textarea-component","nylas-date-component","multi-select-dropdown"],a=[];if(e){const l=s=>{Array.from(s.children).forEach(o=>{const r=o.tagName.toLowerCase();t.includes(r)&&a.push(o),l(o)})};l(e)}return a}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a),this.iterateFormComponents().forEach(s=>{var o;s.style.setProperty(`${t}`,a),(o=s.shadowRoot)==null||o.host.style.setProperty(`${t}`,a)})}changeName(e){this.isNameValid=!0,this.validationError.name="",this.name=n.sanitize(e),this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=!0,this.validationError.email="",this.email=n.sanitizeHtml$1(e),this.emailChanged.emit(e)}resetGuestEmailError(e){const t={...this.guestEmailErrors};delete t[e],this.guestEmailErrors={...t}}nylasFormInputChangedHandler(e){switch(e.detail.name){case"name":this.changeName(e.detail.value);break;case"email":this.changeEmail(e.detail.value);break;default:if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value);break}}selectOptionChangedHandler(e){if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value)}selecedOptionsChangedHandler(e){if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}const t=e.detail.value.toString();this.updateAdditionalFields(e.detail.name,t)}switchToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}checkboxToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}radioChangedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}dropdownDefaultSelectedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}render(){var t,a,l,s,o,r,i,y,d,g,p,w,x,h,b,C,D,ne,te,ae,oe;const e=!!((t=this.selectedTimeslot)!=null&&t.event_id)&&!!((a=this.selectedTimeslot)!=null&&a.capacity);return n.h(n.Host,{key:"a61445ec4453e619fb5525d2089675923b7b6c95"},n.h("form",{key:"c227ed38d49928a5707b85992d37473afe424a51",onSubmit:k=>this.bookButtonClickedHandler(k),ref:k=>this.formRef=k,noValidate:!0},n.h("div",{key:"425cbdafd7573f7c010df1a892db9d38ee54bc8a",class:"nylas-booking-form",part:"nbf"},n.h("div",{key:"93506a3e9155ae24e4908265b35653701f3faf6f",class:"input-wrapper",part:"nbf__input-wrapper"},n.h("input-component",{key:"7b54bbb3b3065785058dbdebc1f271b6b712e718",label:n.instance.t("name"),name:"name",id:"name",defaultValue:((s=(l=this.bookingInfo)==null?void 0:l.primaryParticipant)==null?void 0:s.name)||((i=(r=(o=this.configSettings)==null?void 0:o.booking)==null?void 0:r.guest)==null?void 0:i.name)||this.name,placeholder:n.instance.t("namePlaceholder"),type:"text",readOnly:((d=(y=this.bookingInfo)==null?void 0:y.primaryParticipant)==null?void 0:d.nameReadOnly)||!1,required:!0,requiredError:n.instance.t("fieldRequired",{field:n.instance.t("name")}),patternError:n.instance.t("invalidInputFormat",{field:n.instance.t("name")}),part:"nbf__input-textfield"})),n.h("div",{key:"2d0b8ccc0390faae5a7e29c1c2c568418bb9bad5",class:"input-wrapper",part:"nbf__input-wrapper"},n.h("input-component",{key:"61c6bed06d612ce4f0bb366cbe675048ad6fa49e",label:n.instance.t("email"),name:"email",id:"email",pattern:L,defaultValue:((p=(g=this.bookingInfo)==null?void 0:g.primaryParticipant)==null?void 0:p.email)||((h=(x=(w=this.configSettings)==null?void 0:w.booking)==null?void 0:x.guest)==null?void 0:h.email)||this.email,placeholder:n.instance.t("emailPlaceholder"),type:"email",readOnly:((C=(b=this.bookingInfo)==null?void 0:b.primaryParticipant)==null?void 0:C.emailReadOnly)||!1,required:!0,requiredError:n.instance.t("fieldRequired",{field:n.instance.t("email")}),patternError:n.instance.t("invalidInputFormat",{field:n.instance.t("email")}),part:"nbf__input-textfield"})),((ne=(D=this.configSettings)==null?void 0:D.scheduler)==null?void 0:ne.hide_additional_guests)!==!0&&n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},this.guestEmails.map((k,c)=>n.h("div",{class:"input-wrapper button-wrapper"},n.h("label",{class:{error:!!this.guestEmailErrors[c]}},n.instance.t("guestEmail")),n.h("div",{class:"guest-email-input"},n.h("input",{type:"email",id:`guest-email-${c}`,maxLength:100,class:{"guest-email":!0,error:!!this.guestEmailErrors[c]},placeholder:n.instance.t("guestEmailPlaceholder"),value:k,"data-index":c,part:"nbf__input-textfield",onBlur:u=>{var f;return this.handleGuestBlur(c,(f=u.target)==null?void 0:f.value)},onInput:u=>{var f;return this.handleGuestChange(c,(f=u.target)==null?void 0:f.value)}}),n.h("button-component",{variant:"basic",tooltip:"Remove guest",onClick:u=>this.removeGuestButtonClickHandler(u,c),class:{"remove-guest":!0,error:!!this.guestEmailErrors[c]}},n.h("close-icon",null))),n.h("p",{class:"help-text"},this.guestEmailErrors[c]))),!e&&n.h("button-component",{class:"add-guest",variant:"invisible",part:"nbf__button-ghost",onClick:k=>this.addGuestButtonClickedHandler(k)},n.h("div",{class:"button-content"},n.h("add-circle-icon",{slot:"icon"}),this.guestEmails.length>0?`${n.instance.t("addAnotherGuest")}`:`${n.instance.t("addGuest")}`))),(oe=Object.entries(((ae=(te=this.configSettings)==null?void 0:te.scheduler)==null?void 0:ae.additional_fields)||{}))==null?void 0:oe.sort((k,c)=>k[1].order-c[1].order).map(k=>{var le,se,re,ie,ce,de,fe,ye,he,be,ge,ue,pe;const c=k[1],u=c.label,f=k[0],v=((re=(se=(le=this.bookingInfo)==null?void 0:le.additionalFields)==null?void 0:se[f])==null?void 0:re.value)||((de=(ce=(ie=this.configSettings)==null?void 0:ie.booking)==null?void 0:ce.additional_fields)==null?void 0:de[f])||c.default||"",E=((he=(ye=(fe=this.bookingInfo)==null?void 0:fe.additionalFields)==null?void 0:ye[f])==null?void 0:he.readOnly)||!1;switch(c.type){case"dropdown":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("select-dropdown",{label:u,name:f,id:f,readOnly:E,withSearch:!1,emptyValue:n.instance.t("nylasBookingCalendarPicker.selectOptionLabel"),defaultSelectedOption:v?{value:v,label:v}:void 0,options:[{value:"",label:n.instance.t("nylasBookingCalendarPicker.selectOptionLabel")},...((be=c.options)==null?void 0:be.map(T=>({value:T,label:T})))||[]],required:c.required,exportparts:"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content"}));case"checkbox":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("checkbox-component",{readOnly:E,label:u,name:f,id:f,checked:v==="true",required:c.required,part:"nbf__checkbox-component"}));case"radio_button":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("radio-button-group",{label:u,name:f,id:f,readOnly:E,defaultSelectedValue:v||((ge=c.options)==null?void 0:ge[0])||"",options:(ue=c.options)==null?void 0:ue.map(T=>({value:T,label:T})),required:c.required,part:"nbf__radio-button-group"}));case"multi_line_text":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("textarea-component",{readOnly:E,label:u,defaultValue:v,name:f,id:f,required:c.required,part:"nbf__textarea-component"}));case"date":return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("nylas-date-component",{readOnly:E,label:u,defaultValue:v,name:f,id:f,required:c.required,part:"nbf__date-component"}));case"multi_select":{const T=(v==null?void 0:v.split(",").map(B=>B.trim()))||[];return n.h("div",null,n.h("multi-select-dropdown",{label:u,name:f,id:f,readOnly:E,multipleOptionsSelectedLabel:n.instance.t("multipleOptionsSelected"),options:(pe=c.options)==null?void 0:pe.map(B=>({value:B,label:B,selected:T.includes(B)})),required:c.required,exportparts:"msd_dropdown: nbf__ms_dropdown, msd_dropdown-label: nbf__ms_dropdown-label, msd_dropdown-button: nbf__ms_dropdown-button, msd_dropdown-content: nbf__ms_dropdown-content, msd_dropdown_error: nbf__ms_dropdown_error, msd_dropdown-button--error: nbf__ms_dropdown-button--error"}))}case"metadata":return null;default:return n.h("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n.h("input-component",{label:u,name:f,id:f,type:c.type,readOnly:E,defaultValue:v||"",requiredError:n.instance.t("fieldRequired",{field:u}),required:c.required,part:"nbf__input-textfield"}))}})),n.h("div",{key:"5ab83b8ecf4b09d9169308906f946aecab4baf1f",class:"cta"},n.h("button-component",{key:"d2c19b009947720bcfc7ef179b2e0676c553c57a",variant:"basic",class:"back",part:"nbf__button-outline",isLoading:this.backButtonLoading&&this.isLoading,onClick:this.handleBackButtonClicked},n.h("slot",{key:"f1dc306efbc505b1a0f13864c9c46282859c6890",name:"booking-form-back-label"},`${n.instance.t("backButton")}`)),n.h("button-component",{key:"44b97991dd46f9cedecceeced7812ac76c5559ad",variant:"primary",isLoading:!this.backButtonLoading&&this.isLoading,disabled:this.isLoading,part:"nbf__button-primary",type:"submit"},n.h("slot",{key:"2e2c4904d08a0fe0bb6d988299e6eed3b8d177d2",name:"booking-form-book-label"},`${n.instance.t("bookNowButton")}`)))))}get host(){return n.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"],configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};Te([_.RegisterComponent({name:"nylas-booking-form",stateToProps:new Map([["scheduler.isLoading","isLoading"],["scheduler.bookingInfo","bookingInfo"],["scheduler.eventInfo","eventInfo"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedTimeslot","selectedTimeslot"]]),eventToProps:{backButtonClicked:async(e,t)=>{t.scheduler.toggleAdditionalData(!1)},nameChanged:async(e,t)=>{t.scheduler.setParticipantName(e.detail)},emailChanged:async(e,t)=>{t.scheduler.setParticipantEmail(e.detail)},detailsConfirmed:async(e,t)=>{n.debug("nylas-booking-form","detailsConfirmed",e.detail)},bookingFormSubmitted:async(e,t)=>{n.debug("nylas-booking-form","bookingFormSubmitted",e.detail)},bookingFormError:async(e,t)=>{n.debug("nylas-booking-form","bookingFormError",e.detail)}},fireRegisterEvent:!0}),R("design:type",Function),R("design:paramtypes",[]),R("design:returntype",void 0)],U.prototype,"render",null);U.style=Ee;const De=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}',Be=De;var Le=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},O=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const W=class{constructor(e){var t,a;n.registerInstance(this,e),this.goBackButtonClicked=n.createEvent(this,"goBackButtonClicked",7),this.cancelBookingFormSubmitted=n.createEvent(this,"cancelBookingFormSubmitted",7),this.triggerValidation=n.createEvent(this,"triggerValidation",7),this.cancelBookedEventError=n.createEvent(this,"cancelBookedEventError",7),this.cancelBookingFormError=n.createEvent(this,"cancelBookingFormError",7),this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()},this.handleSubmitCancelBooking=l=>{var r,i,y;if(this.triggerValidation.emit({}),l.preventDefault(),!this.cancellationReason){this.cancellationError=n.instance.t("cancellationErrorMessage"),this.cancelBookingFormError.emit({title:n.instance.t("cancelBokingFormError"),description:n.instance.t("cancellationErrorMessage")});return}const s=(i=(r=this.configSettings)==null?void 0:r.scheduler)==null?void 0:i.min_cancellation_notice;if(this.selectedTimeslot&&s&&new Date((y=this.selectedTimeslot)==null?void 0:y.start_time).getTime()-s*60*1e3<new Date().getTime()){this.cancelBookedEventError.emit({error:{title:n.instance.t("cancellationErrorTitle"),message:n.instance.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:s})}});return}n.debug(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const o=d=>{this.cancelBookedEventError.emit(d)};this.cancelBookingId?this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:o}):this.rejectBookingId&&this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:o})},this.cancelBookingId=void 0,this.rejectBookingId=void 0,this.selectedTimeslot=void 0,this.configSettings=void 0,this.eventInfo=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.cancellationReason="",this.cancellationError="",this.cancellationPolicy=((a=(t=this.configSettings)==null?void 0:t.scheduler)==null?void 0:a.cancellation_policy)||"Your current timeslot will become available to others."}configSettingsChangedHandler(e){var t;this.cancellationPolicy=((t=e==null?void 0:e.scheduler)==null?void 0:t.cancellation_policy)||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){n.debug("[nylas-cancel-booking-form] Component connected")}async componentWillLoad(){n.debug("[nylas-cancel-booking-form] Component will load")}async componentDidLoad(){n.debug("[nylas-cancel-booking-form] Component did load"),this.cancelBookingId||console.warn('[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.'),this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){n.debug("[nylas-cancel-booking-form] Component disconnected")}applyThemeConfig(e){var t;if(e)for(const[a,l]of Object.entries(e))this.host.style.setProperty(`${a}`,l),(t=this.textareaRef)==null||t.style.setProperty(`${a}`,l)}handleNylasFormInputChanged(e){this.triggerValidation.emit({}),e.detail.name==="cancel-reason"&&(this.cancellationReason=e.detail.value,this.cancellationError=e.detail.error)}render(){var e,t;return n.h(n.Host,{key:"4577319f0ccf1846e56b285db89546582002f1a1",part:"ncbf"},n.h("div",{key:"181d186e20e9579798697d3420a956f56c961297",class:"nylas-cancel-booking-form",part:"ncbf__card"},n.h("div",{key:"c2be52cf0d604ee957302433374d7169bbf433c7",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},n.h("calendar-cancel-icon",{key:"d0a48b300d64a5ceacf73fc88da26da30471b1f7"})),n.h("h3",{key:"c41eb527c32ce6481a9a55caec5b373bcd62f9b9",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},n.instance.t("cancelBookingTitle")),n.h("div",{key:"24c024b030580ce8b39425992be7d970fd9759ac",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},(t=(e=this.configSettings)==null?void 0:e.scheduler)!=null&&t.cancellation_policy?this.cancellationPolicy:`${n.instance.t("cancelBookingMessage")}`),n.h("form",{key:"5b85aece902c3efe9d2b25d24dd33db504129385",onSubmit:this.handleSubmitCancelBooking},n.h("textarea-component",{key:"a501ada75216524a781819dc46022856aeb7833c",id:"cancel-reason",name:"cancel-reason",ref:a=>this.textareaRef=a,required:!0,label:n.instance.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),n.h("div",{key:"51baa8ac7f30f28ef763b5c02002d8c9d3b94c89",class:"footer"},n.h("button-component",{key:"25cc9d6fb66e7c052926320b314deaabea70e6e3",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},n.instance.t("cancelBookingButton")),!!this.eventInfo&&n.h("button-component",{variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},n.instance.t("goBackButton"))))))}get host(){return n.getElement(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};Le([_.RegisterComponent({name:"nylas-cancel-booking-form",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.eventInfo","eventInfo"],["scheduler.isLoading","isLoading"],["scheduler.cancelBookingId","cancelBookingId"],["scheduler.rejectBookingId","rejectBookingId"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{cancelBookingFormSubmitted:async(e,t)=>{const{action:a,errorHandler:l}=e.detail;if(a==="cancel"){const s=await t.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);l&&(!s||"error"in s)&&l(s)}else if(a==="reject"){const s=await t.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});l&&(!s||"error"in s)&&l(s)}},goBackButtonClicked:async(e,t)=>{n.debug("nylas-cancel-booking-form","goBackButtonClicked",e.detail),t.scheduler.goBack()},cancelBookedEventError:async(e,t)=>{n.debug("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,t)=>{n.debug("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:!0}),O("design:type",Function),O("design:paramtypes",[]),O("design:returntype",void 0)],W.prototype,"render",null);W.style=Be;const ze=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}',Ie=ze;var Se=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},P=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const Y=class{constructor(e){n.registerInstance(this,e),this.closeCancelEventCardClicked=n.createEvent(this,"closeCancelEventCardClicked",7),this.cancelledEventCardError=n.createEvent(this,"cancelledEventCardError",7),this.handleCloseClicked=()=>{this.isClosing=!0;const t=a=>{this.cancelledEventCardError.emit(a),this.isClosing=!1};this.closeCancelEventCardClicked.emit({errorHandler:t})},this.configSettings=void 0,this.themeConfig=void 0,this.cancelledEventInfo=void 0,this.isClosing=!1}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){n.debug("[nylas-cancelled-event-card] Component connected")}async componentWillLoad(){n.debug("[nylas-cancelled-event-card] Component will load")}async componentDidLoad(){n.debug("[nylas-cancelled-event-card] Component did load"),this.cancelledEventInfo||console.warn('[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.'),this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){n.debug("[nylas-cancelled-event-card] Component disconnected")}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a)}render(){var e,t;return n.h(n.Host,{key:"9e6545462d4e32c64949688d7ed2894f2bced5ba",part:"ncec"},n.h("div",{key:"a87a98f3475728d0675fcb9d0c43284fd720f4da",class:"nylas-cancelled-event-card",part:"ncec__card"},n.h("div",{key:"9e81e2a9d78d7c7012f95960089ba2b905a5cc24",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},n.h("calendar-cancel-icon",{key:"b98f5cd127e616c349b070fc45c062ca9fcdc59b"})),n.h("h3",{key:"765705214fd7747931c5b0d838a7a056f21e6e57",class:"nylas-cancelled-event-card__title",part:"ncec__title"},n.instance.t("bookingCancelledTitle"),"!"),n.h("div",{key:"86de52bfdc93fa41708b88df51c8887e03ad864f",class:"nylas-cancelled-event-card__description",part:"ncec__description"},n.instance.t("bookingCancelledMessage")," ",((t=(e=this.configSettings)==null?void 0:e.organizer)==null?void 0:t.name)||n.instance.t("bookingCancelledMessage_theParticipants"),"."),n.h("div",{key:"78047e3cc631d8786f7d1056543047f935c4b265",class:"nylas-cancelled-event-card__cta"},n.h("button-component",{key:"ae328907d91108642c37f7f517eecbc1debf57b1",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${n.instance.t("closingButton")}...`:`${n.instance.t("closeButton")}`))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Se([_.RegisterComponent({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeCancelEventCardClicked:async(e,t)=>{const a=await t.scheduler.resetCancel(),{errorHandler:l}=e.detail;l&&(!a||"error"in a)&&l(a)},cancelledEventCardError:async(e,t)=>{n.debug("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:!0}),P("design:type",Function),P("design:paramtypes",[]),P("design:returntype",void 0)],Y.prototype,"render",null);Y.style=Ie;const Re=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}',Oe=Re;var Pe=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},j=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const X=class{constructor(e){n.registerInstance(this,e),this.closeConfirmEventCardClicked=n.createEvent(this,"closeConfirmEventCardClicked",7),this.confirmedEventCardError=n.createEvent(this,"confirmedEventCardError",7),this.handleCloseClicked=()=>{this.isClosing=!0;const t=a=>{this.confirmedEventCardError.emit(a),this.isClosing=!1};this.closeConfirmEventCardClicked.emit({errorHandler:t})},this.configSettings=void 0,this.themeConfig=void 0,this.confirmedEventInfo=void 0,this.isClosing=!1}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){n.debug("[nylas-confirmed-event-card] Component connected")}async componentWillLoad(){n.debug("[nylas-confirmed-event-card] Component will load")}async componentDidLoad(){n.debug("[nylas-confirmed-event-card] Component did load"),this.confirmedEventInfo||console.warn('[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.'),this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){n.debug("[nylas-confirmed-event-card] Component disconnected")}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a)}render(){var e,t;return n.h(n.Host,{key:"173c8986b2146640e4af28d4edb54e75e55f1cd9",part:"ncec"},n.h("div",{key:"a76d396f05330ea02fd2932c9ca8bafe306cac5f",class:"nylas-confirmed-event-card",part:"ncec__card"},n.h("div",{key:"12f89b85eab9ae8275baa185a25c2a8c6ae5bd3a",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},n.h("calendar-cancel-icon",{key:"839aeac2c355b976539ddc28b48cb37b0d0993b0"})),n.h("h3",{key:"e9b753b00b5d39adc5fc77d4de3d4a39c58f4a7e",class:"nylas-confirmed-event-card__title",part:"ncec__title"},n.instance.t("confirmedEventCardTitle"),"!"),n.h("div",{key:"e748c5ba71eadeac3f8329db697af4eb33ae8f8c",class:"nylas-confirmed-event-card__description",part:"ncec__description"},n.instance.t("confirmedEventCardDescription")," ",((t=(e=this.configSettings)==null?void 0:e.organizer)==null?void 0:t.name)||"the participants","."),n.h("div",{key:"19ee46dc2f9e87a71a49bdfd04ced8636a66a72d",class:"nylas-confirmed-event-card__cta"},n.h("button-component",{key:"44996633ea84bda5ecb814ad21da1942cf04f4fd",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${n.instance.t("closingButton")}...`:`${n.instance.t("closeButton")}`))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Pe([_.RegisterComponent({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeConfirmEventCardClicked:async(e,t)=>{const a=await t.scheduler.resetConfirm(),{errorHandler:l}=e.detail;l&&(!a||"error"in a)&&l(a)}},fireRegisterEvent:!0}),j("design:type",Function),j("design:paramtypes",[]),j("design:returntype",void 0)],X.prototype,"render",null);X.style=Oe;const F=new Date,M=new Date;function I(e,t,a,l){function s(o){return e(o=arguments.length===0?new Date:new Date(+o)),o}return s.floor=o=>(e(o=new Date(+o)),o),s.ceil=o=>(e(o=new Date(o-1)),t(o,1),e(o),o),s.round=o=>{const r=s(o),i=s.ceil(o);return o-r<i-o?r:i},s.offset=(o,r)=>(t(o=new Date(+o),r==null?1:Math.floor(r)),o),s.range=(o,r,i)=>{const y=[];if(o=s.ceil(o),i=i==null?1:Math.floor(i),!(o<r)||!(i>0))return y;let d;do y.push(d=new Date(+o)),t(o,i),e(o);while(d<o&&o<r);return y},s.filter=o=>I(r=>{if(r>=r)for(;e(r),!o(r);)r.setTime(r-1)},(r,i)=>{if(r>=r)if(i<0)for(;++i<=0;)for(;t(r,-1),!o(r););else for(;--i>=0;)for(;t(r,1),!o(r););}),a&&(s.count=(o,r)=>(F.setTime(+o),M.setTime(+r),e(F),e(M),Math.floor(a(F,M))),s.every=o=>(o=Math.floor(o),!isFinite(o)||!(o>0)?null:o>1?s.filter(l?r=>l(r)%o===0:r=>s.count(0,r)%o===0):s)),s}const je=1e3,me=je*60,Fe=me*60,z=Fe*24,N=I(e=>e.setHours(0,0,0,0),(e,t)=>e.setDate(e.getDate()+t),(e,t)=>(t-e-(t.getTimezoneOffset()-e.getTimezoneOffset())*me)/z,e=>e.getDate()-1);I(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/z,e=>e.getUTCDate()-1);I(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/z,e=>Math.floor(e/z));const Me=':host{display:block;min-height:444px;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}.title{margin:0 -1.25rem;display:flex;flex-direction:column;padding:0 1.5rem;gap:0.5rem;border-bottom:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);color:var(--nylas-base-800)}.title h1{max-width:376px;margin-bottom:0;font-size:18px;line-height:20px;font-weight:600;display:flex;gap:0.5rem;align-items:center}.title p{margin-top:0;font-size:16px;display:flex;gap:0.5rem;align-items:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.dates{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:24px}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 768px){.dates .date{width:-webkit-fill-available;width:-moz-available;width:fill-available}}@media screen and (max-width: 412px){.dates .date{height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}',Ne=Me;var He=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},H=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};n.dayjs.extend(n.utc);n.dayjs.extend(n.timezone);const J=class{constructor(e){n.registerInstance(this,e),this.dateSelected=n.createEvent(this,"dateSelected",7),this.monthChanged=n.createEvent(this,"monthChanged",7),this.selectableDates=void 0,this.configSettings=void 0,this.themeConfig=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedDate=void 0,this.selectedLanguage=void 0,this.isLoading=void 0,this.eventDuration=void 0,this.month=this.selectedDate||new Date,this.dates=this.getDates(),this.disableNextMonthButton=!1,this.selectableDatesTimezone=[]}configSettingsChanged(e){var s;const t=new Date(this.month.getFullYear(),this.month.getMonth()+1,1),a=(s=e==null?void 0:e.scheduler)==null?void 0:s.available_days_in_future;if(a===void 0)return;n.addDaysToCurrentDate(new Date,a).getTime()<t.getTime()?this.disableNextMonthButton=!0:this.disableNextMonthButton=!1}selectedLanguageChanged(e){n.instance.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}selectedDateChanged(e){(!e||!n.isSameMonth(e,this.month))&&(this.month=e||new Date),this.dates=this.getDates()}convertDatesToTimezone(e,t){return!e||e.length===0?[]:e.map(a=>{const l=n.dayjs(a).tz(t);return new Date(l.year(),l.month(),l.date())})}selectedTimezoneChanged(e){this.selectableDatesTimezone=this.convertDatesToTimezone(this.selectableDates,e)}selectableDatesChanged(e){this.selectableDatesTimezone=this.convertDatesToTimezone(e,this.selectedTimezone)}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){n.debug("[nylas-date-picker] Component did load"),this.applyThemeConfig(this.themeConfig),this.month=this.selectedDate||new Date,this.dates=this.getDates(),this.selectableDatesTimezone=this.convertDatesToTimezone(this.selectableDates,this.selectedTimezone)}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a)}getDates(){const e=n.getLastDayOfMonth(this.month),t=n.getFirstDayOfMonth(this.month);return N.range(N.offset(t,-t.getDay()),N.offset(e,7-e.getDay()))}selectDate(e){this.dateSelected.emit(e)}changeMonth(e){var s,o;this.month=new Date(this.month.getFullYear(),this.month.getMonth()+e,1);const t=new Date(this.month.getFullYear(),this.month.getMonth()+1,1),a=(o=(s=this.configSettings)==null?void 0:s.scheduler)==null?void 0:o.available_days_in_future;n.addDaysToCurrentDate(new Date,a).getTime()<t.getTime()?this.disableNextMonthButton=!0:this.disableNextMonthButton=!1,this.dates=this.getDates(),this.monthChanged.emit(this.month)}isSelected(e,t,a){return e&&t&&n.isSameDay(e,t)&&a&&(a==null?void 0:a.length)>0}isDisabled(e){return!e||!this.selectableDatesTimezone||this.selectableDatesTimezone.length===0?!0:!this.selectableDatesTimezone.some(t=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())}render(){var e,t,a,l,s,o;return n.h(n.Host,{key:"36322bd1badb927a3d8505334c339b220a81c946",part:"ndp"},n.h("div",{key:"666e06338a8be95fdf5a18d0d5e1db006ce0623e",class:"nylas-date-picker"},n.h("div",{key:"7429e08d3dc984205a07efb8a7a0dc21d8b3b6b2",class:"title",part:"ndp__title"},(e=this.configSettings)!=null&&e.name?n.h("h1",null,(t=this.configSettings)==null?void 0:t.name):((l=(a=this.configSettings)==null?void 0:a.organizer)==null?void 0:l.name)&&n.h("h1",null,n.h("person-icon",null),((o=(s=this.configSettings)==null?void 0:s.organizer)==null?void 0:o.name)||"Organizer"),n.h("p",{key:"a5b1770d7f39d173a37f4ee627645f43230b83eb"},n.h("clock-icon",{key:"383105a9bfdb7e45e414941c06278de8b73e705f"}),this.eventDuration?n.convertMinutesToHoursAndMinutes(this.eventDuration):`- ${n.instance.t("time.minutes")}`)),n.h("div",{key:"91cd7691b593bd8af1bd930f0206cc284826ee83",class:"header flex-row"},n.h("h2",{key:"c490b7fe8a6a04ba8fda318b41a7ad5db9c13d0c",part:"ndp__month-header"},n.h("strong",{key:"bfe557291e300cc8ec876d889909168fa5cd798b"},n.translateMonth(this.month.toLocaleDateString("en-US",{month:"long"}).toLowerCase()))," ",this.month.toLocaleDateString(void 0,{year:"numeric"})),n.h("div",{key:"a19535626041e7cb3550aabd677fd788bf003b03",class:"pagination"},n.h("button",{key:"6174f0128f51c6ad814473425da3e983e1dd80bc",title:"Previous month",onClick:()=>this.changeMonth(-1),class:{"chevron-left":!0,button:!0},disabled:this.month<=new Date,part:"ndp__month-button"},n.h("chevron-icon",{key:"9c6c965ca7273205229ee6f3918226588b9cceb6"})),n.h("button",{key:"d83a846832a897e8a35242093ba01fc04497b0ff",title:"Next month",onClick:()=>this.changeMonth(1),class:{"chevron-right":!0,button:!0},disabled:this.disableNextMonthButton,part:"ndp__month-button"},n.h("chevron-icon",{key:"b7106b3807f93e73eb86102a7ce4b81997a2c57a"})))),n.h("div",{key:"3c5809a8f1447005d82a75bc035a52918397a423",class:"dates"},[n.instance.t("days.sunday"),n.instance.t("days.monday"),n.instance.t("days.tuesday"),n.instance.t("days.wednesday"),n.instance.t("days.thursday"),n.instance.t("days.friday"),n.instance.t("days.saturday")].map(r=>n.h("div",{class:"day",part:"ndp__day"},r)),this.dates.map((r,i)=>{var d;const y=this.isDisabled(r);return this.isLoading?n.h("button",{disabled:!0,class:{"date day-skeleton":!0,"current-month":n.isSameMonth(r,this.month)},style:{animationDelay:`${i*20}ms`},part:"ndp__date ndp__date--disabled"},r.getDate()):n.h("button",{class:{date:!0,selected:!!(this.selectedDate&&n.isSameDay(r,this.selectedDate)&&this.selectableDates&&((d=this.selectableDates)==null?void 0:d.length)>0),"current-day":n.isSameDay(r,new Date),"current-month":n.isSameMonth(r,this.month)},"aria-label":r.toLocaleDateString(void 0,{dateStyle:"full"}),disabled:y,onClick:()=>this.selectDate(r),part:`ndp__date ${this.isSelected(r,this.selectedDate,this.selectableDates)?"ndp__date--selected":""} ${n.isSameDay(r,new Date)?"ndp__date--current-day":""} ${n.isSameMonth(r,this.month)?"ndp__date--current-month":""}`},r.getDate())}))))}get host(){return n.getElement(this)}static get watchers(){return{configSettings:["configSettingsChanged"],selectedLanguage:["selectedLanguageChanged"],themeConfig:["themeConfigChanged"],selectedDate:["selectedDateChanged"],selectedTimezone:["selectedTimezoneChanged"],selectableDates:["selectableDatesChanged"]}}};He([_.RegisterComponent({name:"nylas-date-picker",stateToProps:new Map([["scheduler.selectableDates","selectableDates"],["scheduler.selectedDate","selectedDate"],["scheduler.isLoading","isLoading"],["scheduler.configSettings","configSettings"],["scheduler.eventDuration","eventDuration"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedTimezone","selectedTimezone"]]),eventToProps:{dateSelected:async(e,t)=>{n.debug("nylas-date-picker","dateSelected",e.detail),t.scheduler.selectDate(e.detail)},monthChanged:async(e,t)=>{n.debug("nylas-date-picker","monthChanged",e.detail)}},fireRegisterEvent:!0}),H("design:type",Function),H("design:paramtypes",[]),H("design:returntype",void 0)],J.prototype,"render",null);J.style=Ne;const Ae=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-left:none;border-right:none;color:var(--nylas-base-50);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit}@media screen and (max-width: 768px){.nylas-locale-switch{font-size:16px}}.select-wrapper{display:flex;align-items:center;gap:0.5rem}select{border:none;background:transparent;cursor:pointer;outline:none;background-color:transparent;margin:0 0 1px;padding:4px;vertical-align:middle}select#timezone{width:140px}select#language{width:80px}span.timezone-label{display:flex;width:-webkit-fill-available;justify-content:space-between}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){border:none;padding:10px}select-dropdown::part(sd_dropdown-content){max-width:306px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button-selected-label){max-width:80px}select-dropdown::part(sd_dropdown-content){width:100%;max-width:none}}',$e=Ae;var qe=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},A=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const K=class{constructor(e){var t,a;n.registerInstance(this,e),this.timezoneChanged=n.createEvent(this,"timezoneChanged",7),this.languageChanged=n.createEvent(this,"languageChanged",7),this.themeConfig=void 0,this.bookingInfo=void 0,this.selectedTimezone=((t=this.bookingInfo)==null?void 0:t.timezone)||Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedLanguage=((a=this.bookingInfo)==null?void 0:a.language)||navigator.language,this.searchPlaceholder=n.instance.t("search")}themeConfigChanged(e){this.applyThemeConfig(e)}bookingInfoChangedHandler(e){e&&(e!=null&&e.timezone)&&this.changeTimezone(e.timezone),e&&(e!=null&&e.language)&&this.changeLanguage(e.language)}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){var e,t;n.debug("[nylas-locale-switch] Component did load"),this.applyThemeConfig(this.themeConfig),this.bookingInfo&&((e=this.bookingInfo)!=null&&e.timezone)&&this.changeTimezone(this.bookingInfo.timezone),this.bookingInfo&&((t=this.bookingInfo)!=null&&t.language)&&this.changeLanguage(this.bookingInfo.language)}applyThemeConfig(e){var t,a;if(e)for(const[l,s]of Object.entries(e))this.host.style.setProperty(`${l}`,s),(t=this.timezoneRef)==null||t.style.setProperty(`${l}`,s),(a=this.languageRef)==null||a.style.setProperty(`${l}`,s)}changeTimezone(e){this.selectedTimezone=e,this.timezoneChanged.emit(e)}changeLanguage(e){this.selectedLanguage=e,n.instance.changeLanguage(e),this.searchPlaceholder=n.instance.t("search"),this.languageChanged.emit(e)}nylasFormDropdownChangedHandler(e){const{name:t,value:a}=e.detail;t==="timezone"?this.changeTimezone(a):t==="language"&&this.changeLanguage(a)}getTimezoneLabelHTML(e){const t=n.getTimezoneOffset(e);return n.h("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},m.TIMEZONE_MAP[e]," ",n.h("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},t))}render(){const e=Object.keys(m.TIMEZONE_MAP).map(a=>({labelHTML:this.getTimezoneLabelHTML(a),label:m.TIMEZONE_MAP[a],value:a})),t=Object.keys(m.LANGUAGE_MAP).map(a=>({label:m.LANGUAGE_MAP[a],value:a}));return n.h(n.Host,{key:"db7685f65c4d6311437f51b90c8ff2d6f2bfdefb"},n.h("div",{key:"41fe4d870125fec3f1b92de2f3b37a0c53e79541",class:"nylas-locale-switch",part:"nls"},n.h("div",{key:"f3613e5625ce5755ed4c9a52ff74430c5065277a",class:{"select-wrapper":!0,timezone:!0},part:"nls__timezone"},n.h("select-dropdown",{key:"65a17c585133197a0832f2f67165439aefaf0b78",name:"timezone",searchPlaceholder:this.searchPlaceholder,options:e,ref:a=>this.timezoneRef=a,defaultSelectedOption:e.find(a=>a.value==this.selectedTimezone),exportparts:"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label"},n.h("span",{key:"4dcc3bb5f4e2f67d3ded45fc0501dc4cf14b32b4",slot:"select-icon"},n.h("globe-icon",{key:"3e1d39db5640d61cb60259228dad1790fc4dc06a",width:"20",height:"20"})))),n.h("div",{key:"56808c49426922453fbae3393fdf2a1866c6e517",class:{"select-wrapper":!0,language:!0},part:"nls__language"},n.h("select-dropdown",{key:"fde4a71e21e8f252c764dc3b7feee0092ba0d47e",name:"language",searchPlaceholder:this.searchPlaceholder,options:t,ref:a=>this.languageRef=a,defaultSelectedOption:t.find(a=>a.value==this.selectedLanguage),exportparts:"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label"},n.h("span",{key:"b3b824079c7a7c9d82b8e6f12b7f8c765a502e85",slot:"select-icon"},n.h("translate-icon",{key:"eda7d67fb6e01b93d000f2c4fe44ec86c5afb113",width:"20",height:"20"}))))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],bookingInfo:["bookingInfoChangedHandler"]}}};qe([_.RegisterComponent({name:"nylas-locale-switch",stateToProps:new Map([["scheduler.selectedLanguage","selectedLanguage"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.bookingInfo","bookingInfo"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{timezoneChanged:async(e,t)=>{n.debug("nylas-locale-switch","timezoneChanged",e.detail),t.scheduler.selectTimezone(e.detail)},languageChanged:async(e,t)=>{n.debug("nylas-locale-switch","languageChanged",e.detail),t.scheduler.selectLanguage(e.detail)}},fireRegisterEvent:!0}),A("design:type",Function),A("design:paramtypes",[]),A("design:returntype",void 0)],K.prototype,"render",null);K.style=$e;const Ge=".sc-nylas-logo-h{display:flex}",Ze=Ge,ke=class{constructor(e){n.registerInstance(this,e),this.width="69",this.height="24"}render(){return n.h("svg",{key:"bf1f1771705b11c05505efd9752d54823cddcd92",width:this.width,height:this.height,viewBox:"0 0 69 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("g",{key:"217f356be04946dcb803f5a57fdd1253949802f3","clip-path":"url(#clip0_455_3543)"},n.h("path",{key:"634687466b49100774b0e87bcc5b7fdbe2064585",d:"M15.8092 3.03248C14.6497 1.86996 13.1076 1.23047 11.4646 1.23047C9.82156 1.23047 8.27753 1.86996 7.11999 3.03248L0.835347 9.33381C0.686846 9.4827 0.60498 9.68123 0.60498 9.89312C0.60498 10.105 0.686846 10.3035 0.835347 10.4524C0.983848 10.6013 1.18185 10.6834 1.39318 10.6834C1.60451 10.6834 1.80251 10.6013 1.95101 10.4524L8.23374 4.15111C10.0139 2.36627 12.9134 2.36627 14.6935 4.15111C16.4736 5.93785 16.4756 8.84322 14.6935 10.6281L8.4108 16.9275C8.10428 17.2348 8.10428 17.7368 8.4108 18.0461C8.5593 18.195 8.75731 18.2771 8.96863 18.2771C9.17996 18.2771 9.37796 18.195 9.52646 18.0461L15.8092 11.7467C16.9687 10.5841 17.6064 9.03793 17.6064 7.39053C17.6064 5.74314 16.9687 4.19501 15.8092 3.03439V3.03248Z",fill:"currentColor"}),n.h("path",{key:"ecd0250b21971f69d5f05293010e2ba2d79ff145",d:"M14.9296 7.39038C14.9296 6.46074 14.5698 5.58837 13.9148 4.93361C12.5631 3.57828 10.3641 3.57828 9.01239 4.93361L0.663961 13.3023C0.51546 13.4512 0.433594 13.6497 0.433594 13.8616C0.433594 14.0735 0.51546 14.272 0.663961 14.4209C0.812462 14.5698 1.01046 14.6519 1.22179 14.6519C1.43312 14.6519 1.63112 14.5698 1.77962 14.4209L10.0367 6.1515L10.05 6.13623C10.0747 6.10759 10.1014 6.07705 10.128 6.05033C10.1585 6.01978 10.1928 5.99115 10.2251 5.96252L10.2442 5.94534C10.9886 5.31349 12.1119 5.3593 12.8011 6.05033C13.4903 6.74135 13.536 7.78171 12.9705 8.53192L12.9648 8.53955C12.9058 8.61591 12.8544 8.67699 12.8011 8.73044C12.7497 8.78198 12.6906 8.83352 12.6069 8.90033L4.45264 17.0991C4.30414 17.248 4.22227 17.4465 4.22227 17.6584C4.22227 17.8703 4.30414 18.0689 4.45264 18.2177C4.60114 18.3666 4.79914 18.4487 5.01047 18.4487C5.2218 18.4487 5.4198 18.3666 5.5683 18.2177L13.9167 9.84716C14.5698 9.1924 14.9315 8.31812 14.9315 7.39038H14.9296Z",fill:"currentColor"}),n.h("path",{key:"0a58cf42af49db0d74d03d2d63fa8e4909d84cb5",d:"M10.6821 9.11238C10.4727 9.01694 10.2861 8.88904 10.1281 8.7306C9.97008 8.57216 9.84252 8.38508 9.74733 8.1751L9.69021 8.05103L0.467916 17.2978C0.287049 17.4792 0.174721 17.7082 0.149971 17.9411C0.125221 18.1778 0.19376 18.3897 0.344165 18.5405C0.471724 18.6684 0.65259 18.739 0.850592 18.739C1.11142 18.739 1.37796 18.6207 1.58358 18.4145L10.8059 9.16774L10.6821 9.11047V9.11238Z",fill:"currentColor"}),n.h("path",{key:"730b36a3316be58991ff8e2597c971d64ddfcbdf",d:"M68.401 10.6185C68.2126 10.2692 67.9593 9.97334 67.6433 9.73854C67.3235 9.49993 66.956 9.31094 66.5486 9.17541C66.1316 9.03606 65.7033 8.91771 65.2749 8.81844C64.7951 8.70582 64.3039 8.57983 63.8165 8.44811C63.3196 8.31258 62.9065 8.14269 62.5905 7.94225C62.4743 7.88689 62.3391 7.76663 62.3391 7.50129C62.3391 7.39821 62.3639 7.29704 62.4153 7.19587L62.4248 7.18059C62.5352 7.02216 62.7142 6.8828 62.975 6.75109C63.234 6.62128 63.609 6.55829 64.1231 6.55829C64.5286 6.55829 64.877 6.61365 65.1569 6.72436C65.4348 6.83508 65.6652 6.96871 65.8442 7.12524C66.0212 7.27986 66.1659 7.45357 66.2782 7.63873C66.3563 7.76854 66.4267 7.89262 66.4858 8.00525L68.2754 6.84081C68.1669 6.59456 68.0146 6.33495 67.8204 6.0677C67.6033 5.768 67.3254 5.4893 66.9922 5.23732C66.659 4.98534 66.2516 4.77345 65.7813 4.60929C65.3111 4.44512 64.7532 4.36304 64.1231 4.36304C63.3844 4.36304 62.7599 4.46421 62.2706 4.66083C61.7813 4.85935 61.3815 5.09988 61.0845 5.37667C60.7875 5.65346 60.5628 5.95125 60.4143 6.2605C60.2639 6.57547 60.1611 6.85799 60.1078 7.10233C60.0945 7.18059 60.0812 7.27031 60.0678 7.36767C60.0545 7.4593 60.0469 7.5452 60.0469 7.62537C60.0469 8.13314 60.1745 8.56074 60.4239 8.89671C60.679 9.24222 61.0045 9.53429 61.391 9.76336C61.7813 9.99624 62.2116 10.1852 62.6704 10.3227C63.1388 10.462 63.5862 10.5823 64.0012 10.6796C64.4067 10.777 64.7932 10.8782 65.1531 10.9774C65.5224 11.0786 65.8289 11.2122 66.0631 11.3745C66.2801 11.5425 66.3887 11.7448 66.3887 11.9777C66.3887 12.2278 66.2916 12.4263 66.0993 12.5695C65.9279 12.6954 65.7261 12.7985 65.4958 12.8711C65.273 12.9436 65.0407 12.9913 64.8066 13.0142C64.58 13.0352 64.3915 13.0467 64.2468 13.0467C63.8032 13.0467 63.4224 13.0028 63.1197 12.915C62.8151 12.8272 62.5638 12.7241 62.3734 12.6057C62.1811 12.4874 62.0288 12.3614 61.9222 12.2316C61.8213 12.1094 61.747 12.0082 61.7014 11.9319L61.4957 11.6303L59.708 12.7928C59.8508 13.0161 60.0298 13.2643 60.2392 13.5296C60.4772 13.8293 60.7837 14.1138 61.153 14.3734C61.5224 14.633 61.966 14.8525 62.4724 15.0243C62.9788 15.1961 63.5748 15.282 64.2468 15.282C64.797 15.282 65.2901 15.2324 65.7166 15.137C66.1412 15.0396 66.5162 14.9117 66.8285 14.7552C67.1388 14.6005 67.4015 14.4192 67.6109 14.2149C67.8223 14.0107 67.9974 13.8026 68.1326 13.6003C68.4563 13.1135 68.6409 12.5504 68.6828 11.9262C68.6828 11.4069 68.5876 10.9641 68.401 10.6166V10.6185Z",fill:"currentColor"}),n.h("path",{key:"cd4e42ff8c28d3007249195ee36cf3b4bb4cfc69",d:"M26.3585 4.27905C23.7901 4.27905 21.6997 6.37504 21.6997 8.95017V15.0701H23.9291V8.95017C23.9291 7.6082 25.0181 6.5163 26.3565 6.5163C27.695 6.5163 28.784 7.6082 28.784 8.95017V15.0701H31.0134V8.95017C31.0134 6.37504 28.9229 4.27905 26.3546 4.27905H26.3585Z",fill:"currentColor"}),n.h("path",{key:"df80ca8dcc12d3b69ce1542641cbdfae6ca3de39",d:"M53.4522 4.27905C50.4251 4.27905 47.9634 6.74728 47.9634 9.78245C47.9634 12.8176 50.427 15.2859 53.4522 15.2859C54.5545 15.2859 55.6188 14.9594 56.5288 14.3409L56.7116 14.2169V15.0682H58.941V9.78245C58.941 6.74728 56.4793 4.27905 53.4522 4.27905ZM53.4522 13.0505C51.655 13.0505 50.1928 11.5845 50.1928 9.78245C50.1928 7.98044 51.655 6.51439 53.4522 6.51439C55.2494 6.51439 56.7116 7.98044 56.7116 9.78245C56.7116 11.5845 55.2494 13.0505 53.4522 13.0505Z",fill:"currentColor"}),n.h("path",{key:"706235c61454ff31c5f900f043b8064bf353cfb9",d:"M45.5795 10.6166V0.356201H43.3501V10.6166C43.3501 13.1517 45.3758 15.2228 47.8908 15.2858V13.0486C46.6057 12.9875 45.5795 11.9204 45.5795 10.6166Z",fill:"currentColor"}),n.h("path",{key:"a955ff4402567bf7f8d00e4c294462cdd2e6f2cf",d:"M39.5428 4.4967V10.63C39.5428 11.6761 38.8669 12.621 37.9016 12.9284C37.1249 13.1746 36.3157 13.0486 35.6817 12.5829C35.0592 12.1247 34.6879 11.3917 34.6879 10.6186V4.4967H32.4585V10.5995C32.4585 12.7165 33.8388 14.57 35.8131 15.1084C37.0354 15.4424 38.2995 15.2973 39.3695 14.7037L39.5428 14.6063V14.9747C39.5428 16.2766 38.5166 17.3437 37.2315 17.4067V19.6439C39.7465 19.5809 41.7722 17.5117 41.7722 14.9747V4.4967H39.5428Z",fill:"currentColor"})),n.h("defs",{key:"46bd08fdc2d42df3396e2ffcdd7b4e2b118cd03d"},n.h("clipPath",{key:"4c3ea239b61b77a894dde702c51adcab2811732c",id:"clip0_455_3543"},n.h("rect",{key:"1281b74c91e82b1a77c6cc038bde95b709efd525",width:"68.7123",height:"19.2877",fill:"white",transform:"translate(0.144043 0.356201)"}))))}};ke.style=Ze;const Ue=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}',We=Ue,ve=class{constructor(e){n.registerInstance(this,e),this.ttl=5e3,this.allowedCategories=["component","api","validation","invalid_session"],this.notifications=[]}onError(e){n.debug(`[nylas-notification] Error: ${e.detail.notification.title}`),this.handleNotification(e)}onWarning(e){n.debug(`[nylas-notification] Warning: ${e.detail.notification.title}`),this.handleNotification(e)}onInfo(e){n.debug(`[nylas-notification] Info: ${e.detail.notification.title}`),this.handleNotification(e)}onSuccess(e){n.debug(`[nylas-notification] Success: ${e.detail.notification.title}`),this.handleNotification(e)}isChildOf(e){let t=this.host.parentNode;for(;t;){if(t===e)return!0;t instanceof ShadowRoot?t=t.host:t=t.parentNode}return!1}handleNotification(e){const t=e.detail.host;if(e.defaultPrevented){n.debug("[nylas-notification] Event default prevented");return}if(t&&!this.isChildOf(t)){n.debug("[nylas-notification] Host not a parent");return}if(this.ttl===0){n.debug("[nylas-notification] TTL is 0");return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(e.detail.notification.category)){n.debug("[nylas-notification] Category not allowed");return}if(this.notifications=[...this.notifications,{...e.detail.notification}],e.detail.notification.ttl!=="none"){const a=e.detail.notification.ttl?e.detail.notification.ttl:this.ttl;window.setTimeout(()=>{this.notifications=this.notifications.filter(l=>l.id!==e.detail.notification.id)},a)}}dismissNotification(e){this.notifications=this.notifications.filter(t=>t.id!==e)}render(){return n.h(n.Host,{key:"3bcf8226966db8fc4f5d6f6c88f47637126ec2d1"},n.h(n.Fragment,{key:"5f7b27276edb525702fe9d87385149b5840964fe"},this.notifications.map(e=>n.h("div",{class:`notif ${e.type}`,key:e.id},n.h("div",{class:"content"},n.h("span",{class:`icon ${e.type}`},(e.type==="error"||e.type==="warning")&&n.h("warning-icon",null)),n.h("span",{class:"message"},n.h("span",{class:"title"},e.title),e.description&&n.h("span",{class:"description"},e.description))),n.h("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(e.id)},n.h("close-icon",null)))),n.h("slot",{key:"32efc485b78942fd295304d5a3456e2e7a399aa4"})))}get host(){return n.getElement(this)}};ve.style=We;const Ye=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}',Xe=Ye;var Je=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},$=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const Q=class{constructor(e){n.registerInstance(this,e),this.rejectBookingButtonClicked=n.createEvent(this,"rejectBookingButtonClicked",7),this.confirmBookingButtonClicked=n.createEvent(this,"confirmBookingButtonClicked",7),this.confirmBookingError=n.createEvent(this,"confirmBookingError",7),this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const t=a=>{this.confirmBookingError.emit(a)};this.organizerConfirmationBookingId&&!this.isLoading&&this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:t})},this.handleRejectBookingButtonClicked=()=>{this.action="reject",this.organizerConfirmationBookingId&&!this.isLoading&&this.rejectBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host})},this.configSettings=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.organizerConfirmationBookingId=void 0,this.selectedLanguage=navigator.language,this.action=null}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-organizer-confirmation-card] Component will load")}async componentDidLoad(){n.debug("[nylas-organizer-confirmation-card] Component did load"),this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a)}async resetAction(){this.action=null}render(){var e,t,a,l,s,o,r,i,y,d,g,p;return n.h(n.Host,{key:"c0293860e7210fc4ad7104ec546103c611732e7d",part:"nmcc"},n.h("div",{key:"84dc0e38d626f721642b3ea226713b8576e10b38",class:"event-card-wrapper",part:"nmccc__card"},n.h("div",{key:"f8b5428387eadd000f6688911b95da68a74af37a",class:"calendar-icon"},n.h("calendar-check-icon",{key:"170855c87ae4a1565c277602cb17b8090f9098d0"})),n.h("div",{key:"7d1f42bb78b9e7dd41c8e9d40c248ea378a29659",class:"booked-event-header"},n.h("h2",{key:"eb7fac42441a95ff7b41e7ad383a2f03963eeefe",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${n.instance.t("bookingPendingTitle")}!`)),n.h("div",{key:"8174aa7ca94d7d81b523b702f3ea9fc4e3ccc5a0",class:"manage-booking-description"},n.h("p",{key:"8396ed1cc89ad61f9c75d72a42923d43fdd4be93"},n.instance.t("bookingPendingnDescription"))),n.h("div",{key:"c363a47f335e8a00b63dd5235b0edf969fef7f5b",class:{footer:!0,"no-footer":!!((t=(e=this.configSettings)==null?void 0:e.scheduler)!=null&&t.hide_cancellation_options)&&!!((l=(a=this.configSettings)==null?void 0:a.scheduler)!=null&&l.hide_rescheduling_options),"no-template-cols":!!((o=(s=this.configSettings)==null?void 0:s.scheduler)!=null&&o.hide_cancellation_options)||!!((i=(r=this.configSettings)==null?void 0:r.scheduler)!=null&&i.hide_rescheduling_options)}},!((d=(y=this.configSettings)==null?void 0:y.scheduler)!=null&&d.hide_cancellation_options)&&n.h("button-component",{variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${n.instance.t("rejectBookingButton")}`),!((p=(g=this.configSettings)==null?void 0:g.scheduler)!=null&&p.hide_rescheduling_options)&&n.h("button-component",{variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${n.instance.t("confirmBookingButton")}`))))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Je([_.RegisterComponent({name:"nylas-organizer-confirmation-card",stateToProps:new Map([["scheduler.organizerConfirmationBookingId","organizerConfirmationBookingId"],["scheduler.configSettings","configSettings"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{rejectBookingButtonClicked:async(e,t)=>{t.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,t)=>{const{host:a}=e.detail,l=await t.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"}),{errorHandler:s}=e.detail;s&&(!l||"error"in l)&&s(l),await a.resetAction()}},fireRegisterEvent:!0}),$("design:type",Function),$("design:paramtypes",[]),$("design:returntype",void 0)],Q.prototype,"render",null);Q.style=Xe;const Ke=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;gap:4px;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:16px;font-weight:500}.calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-icon{display:flex;align-items:center;justify-content:center;height:100%}.event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:8px;gap:4px;align-items:center}@media screen and (max-width: 768px){.event-timezone{margin-bottom:16px}}',Qe=Ke;var Ve=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},q=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const V=class{constructor(e){n.registerInstance(this,e),this.themeConfig=void 0,this.selectedDate=void 0,this.selectedTimeslot=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedLanguage=void 0,this.hour12=void 0,this.startTime="",this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-selected-event-card] Component will load")}async componentDidLoad(){var a,l;n.debug("[nylas-selected-event-card] Component did load"),this.selectedDate||console.warn('[nylas-selected-event-card] "selectedDate" prop is not provided.'),this.selectedTimeslot||console.warn('[nylas-selected-event-card] "selectedTimeslot" prop is not provided.'),this.applyThemeConfig(this.themeConfig);const e=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],t=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=t.format(new Date((a=this.selectedTimeslot)==null?void 0:a.start_time)),this.endTime=t.format(new Date((l=this.selectedTimeslot)==null?void 0:l.end_time))}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a)}render(){var e;return n.h(n.Host,{key:"22b7e4f0f55d7a75188ebd3e8cc009497ad5a598",part:"nsec"},n.h("div",{key:"0082bd129fe4704e4bf9bcc82ab401f7c50237fe",class:"event-card",part:"nsec__card"},n.h("div",{key:"37093be5b192f8a8a533cb677b432df2cec80d14",class:"calendar-icon",part:"nsec__icon"},n.h("calendar-icon",{key:"253a63fa567065c7a12f6fc8b82333568b52b777"})),n.h("div",{key:"a2d5218bd85c6f94652b0f24a11e68f53a8920d3",class:"nylas-selected-event-card__date",part:"nsec__date"},this.selectedDate?n.capitalizeFirstLetter(n.formatBookedEventDate((e=this.selectedTimeslot)==null?void 0:e.start_time,this.selectedTimezone,m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"])):"-"),n.h("div",{key:"2f11d6deedb50cb0d7b3e9791088266e06cdca1e",class:"nylas-selected-event-card__time",part:"nsec__time"},this.startTime," - ",this.endTime)),n.h("div",{key:"634bd96488b5b1a51064c9bf015b054648f43011",class:"event-timezone",part:"nsec__timezone"},n.h("globe-icon",{key:"b327dfa7747116da0ab29ddebcb6d20c82a0a80b"}),m.TIMEZONE_MAP[this.selectedTimezone]))}get host(){return n.getElement(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Ve([_.RegisterComponent({name:"nylas-selected-event-card",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{},fireRegisterEvent:!0}),q("design:type",Function),q("design:paramtypes",[]),q("design:returntype",void 0)],V.prototype,"render",null);V.style=Qe;const en=':host{display:block;height:calc(100% - 48px);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.time .time-label{display:flex;flex-direction:column;align-items:center;gap:4px}.time .time-label span.spots{font-size:14px;font-family:var(--nylas-font-family);font-weight:400;color:var(--nylas-base-600)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}',nn=en;var tn=function(e,t,a,l){var s=arguments.length,o=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,a):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,a,l);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(o=(s<3?r(o):s>3?r(t,a,o):r(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o},G=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const ee=class{constructor(e){n.registerInstance(this,e),this.timeslotSelected=n.createEvent(this,"timeslotSelected",7),this.timeslotConfirmed=n.createEvent(this,"timeslotConfirmed",7),this.validateTimeslotError=n.createEvent(this,"validateTimeslotError",7),this.handleConfirmedTimeslot=async(t,a)=>{t.preventDefault(),n.debug("[nylas-timeslot-picker] Confirm timeslot",a),a&&this.timeslotConfirmed.emit({timeslot:a,host:this.host})},this.handleMouseEnter=t=>{this.hoveredTimeslotIndex=t},this.handleMouseLeave=()=>{this.hoveredTimeslotIndex=-1},this.availability=void 0,this.isLoading=void 0,this.themeConfig=void 0,this.selectedTimeslot=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedDate=new Date,this.selectedLanguage=void 0,this.hour12=void 0,this.times=[],this.hoveredTimeslotIndex=void 0,this.selectedTimeslotIndex=void 0}selectedLanguageChanged(e){n.instance.changeLanguage(e)}selectedDateChanged(e){var t;if(n.debug("[nylas-timeslot-picker] Selected date changed",{newVal:e}),e&&(this.selectedTimeslotIndex="",typeof e<"u")){const a=(t=this.availability)==null?void 0:t.filter(l=>n.isSameDayTimezone(l.start_time,e,this.selectedTimezone)).map(l=>l);this.times=a||[]}}availabilityChanged(e){if(n.debug("[nylas-timeslot-picker] Available times changed",{newVal:e,selectedDate:this.selectedDate}),typeof e<"u"){const t=e==null?void 0:e.filter(a=>this.selectedDate&&n.isSameDayTimezone(a.start_time,this.selectedDate,this.selectedTimezone)).map(a=>a);this.times=t||[]}}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){n.debug("[nylas-timeslot-picker] Component will load",{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){var t;n.debug("[nylas-timeslot-picker] Component did load");const e=(t=this.availability)==null?void 0:t.filter(a=>this.selectedDate&&n.isSameDayTimezone(a.start_time,this.selectedDate,this.selectedTimezone)).map(a=>a);this.times=e||[],this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e)for(const[t,a]of Object.entries(e))this.host.style.setProperty(`${t}`,a)}getTimeslotId(e,t){const a=new Date(e.start_time),l=e.event_id;return`${a.toLocaleDateString()}-${t}${l?`-${l}`:""}`}onClickSelectTime(e,t){n.debug("[nylas-timeslot-picker] Time selected",e,t),this.selectedTimeslotIndex=this.getTimeslotId(e,t),this.timeslotSelected.emit({start_time:e.start_time,end_time:e.end_time,emails:e.emails,capacity:e==null?void 0:e.capacity,event_id:e==null?void 0:e.event_id,master_id:e==null?void 0:e.master_id,calendar_id:e==null?void 0:e.calendar_id})}async emitValidateTimeslotError(e,t){this.validateTimeslotError.emit({error:e,type:t})}getTimeSlotLabel(e){const t=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"],a=new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});return`${a.format(e.start_time)} - ${a.format(e.end_time)}`}render(){const e=m.LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage||"en"];if(this.isLoading)return n.h(n.Host,null,n.h("div",{class:"loading"},new Array(6).fill(0).map((a,l)=>n.h("div",{class:"timeslot-skeleton",style:{animationDelay:`${l*20}ms`}}))));if(this.availability&&this.availability.length===0)return n.h(n.Host,null,n.h("div",{class:"empty"},n.h("span",null,"No dates available")));const t=this.times.filter(a=>{const l=(a==null?void 0:a.event_id)||(a==null?void 0:a.master_id),s=typeof(a==null?void 0:a.capacity)=="number"&&(a==null?void 0:a.capacity)>0;return!(l&&!s)});return(!this.times||this.times.length===0||t.length===0)&&this.selectedDate?n.h(n.Host,null,n.h("div",{class:"empty"},n.h("span",null,"No time slots available for selected date"))):this.selectedDate?n.h(n.Host,{part:"ntp"},n.h("div",{class:"time-picker-wrapper",part:"ntp__time-picker-wrapper"},n.h("div",{class:"timeslots",part:"ntp__timeslots"},t.map((a,l)=>{var r,i;const s=typeof(a==null?void 0:a.capacity)=="number"&&(a==null?void 0:a.capacity)>0,o=this.selectedTimeslotIndex==this.getTimeslotId(a,l);return n.h("button",{part:`ntp__timeslot ${((i=(r=this.selectedTimeslot)==null?void 0:r.start_time)==null?void 0:i.getTime())===a.start_time.getTime()?"ntp__timeslot--selected":""}`,class:{time:!0,selected:typeof this.selectedTimeslot<"u"&&o},onClick:()=>this.onClickSelectTime(a,l),onMouseEnter:()=>this.handleMouseEnter(l),onMouseLeave:()=>this.handleMouseLeave()},n.h("div",{class:"time-label",part:"ntp__time-label"},this.hoveredTimeslotIndex==l||o?this.getTimeSlotLabel(a):a.start_time.toLocaleTimeString(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12}),n.h("span",{class:"spots"},s?n.instance.t("spotsLeft",{count:a==null?void 0:a.capacity}):null)))})),this.selectedTimeslot&&n.h("div",{class:"footer"},n.h("button-component",{variant:"primary",onClick:a=>this.handleConfirmedTimeslot(a,this.selectedTimeslot),part:"ntp__button-primary"},n.h("slot",{name:"timeslot-picker-cta-label"},n.instance.t("nextButton")))))):n.h(n.Host,null)}get host(){return n.getElement(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChanged"],selectedDate:["selectedDateChanged"],availability:["availabilityChanged"],themeConfig:["themeConfigChanged"]}}};tn([_.RegisterComponent({name:"nylas-timeslot-picker",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.availability","availability"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.isLoading","isLoading"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{timeslotSelected:async(e,t)=>{n.debug("nylas-timeslot-picker","timeslotSelected",e.detail),t.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,t)=>{var s;n.debug("nylas-timeslot-picker","timeslotConfirmed",e.detail);const{timeslot:a,host:l}=e.detail;if(a&&(a!=null&&a.event_id)&&(a!=null&&a.capacity)){const o=await t.scheduler.validateGroupEventTimeslot(a);if(o&&"error"in o){const r=((s=o.error)==null?void 0:s.message)||"An error occurred while validating the timeslot";r==="Event is full"?l.emitValidateTimeslotError(r,"info"):l.emitValidateTimeslotError(r,"error")}}else t.scheduler.toggleAdditionalData(!0)},validateTimeslotError:async(e,t)=>{n.debug("nylas-timeslot-picker","validateTimeslotError",e.detail)}},fireRegisterEvent:!0}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],ee.prototype,"render",null);ee.style=nn;exports.nylas_booked_event_card=Z;exports.nylas_booking_form=U;exports.nylas_cancel_booking_form=W;exports.nylas_cancelled_event_card=Y;exports.nylas_confirmed_event_card=X;exports.nylas_date_picker=J;exports.nylas_locale_switch=K;exports.nylas_logo=ke;exports.nylas_notification=ve;exports.nylas_organizer_confirmation_card=Q;exports.nylas_selected_event_card=V;exports.nylas_timeslot_picker=ee;