@nylas/react 1.0.2-prealpha1 → 1.1.0-canary.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/add-circle-icon_21.entry-125b87a0.js +1719 -0
- package/dist/add-circle-icon_21.entry-1a699a29.cjs +1 -0
- package/dist/{archive-icon_7.entry-91aaa1aa.js → archive-icon_7.entry-70efea56.js} +19 -19
- package/dist/{archive-icon_7.entry-84d70dbf.cjs → archive-icon_7.entry-a69d3d98.cjs} +1 -1
- package/dist/{arrow-icon.entry-400a08fa.cjs → arrow-icon.entry-0a07d7cc.cjs} +1 -1
- package/dist/{arrow-icon.entry-8b2e96a6.js → arrow-icon.entry-c9230436.js} +2 -2
- package/dist/{bold-icon_3.entry-4b2798a8.js → bold-icon_3.entry-54ff7799.js} +4 -4
- package/dist/{bold-icon_3.entry-9ad35153.cjs → bold-icon_3.entry-f7df4331.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-fcb66929.cjs → calendar-cancel-icon.entry-71cc68e2.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-83ba884a.js → calendar-cancel-icon.entry-e5157332.js} +5 -5
- package/dist/calendar-check-icon_2.entry-f02bf0fe.cjs +1 -0
- package/dist/calendar-check-icon_2.entry-f75ef95e.js +25 -0
- package/dist/{calendar-icon.entry-8f38af4a.js → calendar-icon.entry-67aa69f5.js} +5 -5
- package/dist/{calendar-icon.entry-7bae38d7.cjs → calendar-icon.entry-a164e957.cjs} +1 -1
- package/dist/chevron-icon_3.entry-7687ca7a.cjs +1 -0
- package/dist/chevron-icon_3.entry-81c68946.js +117 -0
- package/dist/close-icon.entry-147b4d47.cjs +1 -0
- package/dist/close-icon.entry-3325a08e.js +15 -0
- package/dist/{nylas-booked-event-card_10.entry-7e66a648.js → constants-f34b9c6e-21ac1910.js} +1665 -2374
- package/dist/{nylas-booked-event-card_10.entry-ed515326.cjs → constants-f34b9c6e-99030371.cjs} +6 -6
- package/dist/{document-refresh-icon.entry-9083a2e9.js → document-refresh-icon.entry-1b076630.js} +5 -5
- package/dist/document-refresh-icon.entry-dea23e07.cjs +1 -0
- package/dist/elements/index.d.ts +32 -2
- package/dist/{elements-dc5b338e-81a0319c.cjs → elements-dc5b338e-83c23e9b.cjs} +1 -1
- package/dist/{elements-dc5b338e-fb5dbfb5.js → elements-dc5b338e-c69d1f8a.js} +1 -1
- package/dist/focus-visible-e8093c16-3082af2c.cjs +1 -0
- package/dist/{focus-visible-e8093c16-28fc08a0.js → focus-visible-e8093c16-a6aff071.js} +5 -3
- package/dist/{forward-icon_6.entry-b60fcb35.js → forward-icon_6.entry-55fce1ca.js} +83 -85
- package/dist/forward-icon_6.entry-59c7a975.cjs +3 -0
- package/dist/{globe-icon.entry-e3fd373f.js → globe-icon.entry-25145785.js} +4 -4
- package/dist/{globe-icon.entry-8325e73e.cjs → globe-icon.entry-904f180f.cjs} +1 -1
- package/dist/google-logo-icon_4.entry-1f7b9522.js +387 -0
- package/dist/google-logo-icon_4.entry-feb7a561.cjs +1 -0
- package/dist/index-5f0940e0.cjs +37 -0
- package/dist/index-fd39ea9d.js +4042 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.es-be19d2df-9ba9a7a6.cjs +7 -0
- package/dist/{index-b30d446a-a90f84b2.js → index.es-be19d2df-ff4f0a10.js} +945 -1041
- package/dist/info-icon_2.entry-0e2105da.js +34 -0
- package/dist/info-icon_2.entry-808e6516.cjs +1 -0
- package/dist/{loading-icon.entry-b2096d2b.cjs → loading-icon.entry-17efa7ca.cjs} +1 -1
- package/dist/{loading-icon.entry-27410cf8.js → loading-icon.entry-a3b845bf.js} +2 -2
- package/dist/{mailbox-store-19f0c6c9-e3e8b4e5.js → mailbox-store-76540d24-5f0d1dff.js} +2 -2
- package/dist/mailbox-store-76540d24-ad0e366a.cjs +1 -0
- package/dist/nylas-additional-participants.entry-4120ea2e.js +81 -0
- package/dist/nylas-additional-participants.entry-7e2446cb.cjs +1 -0
- package/dist/nylas-booked-event-card_10.entry-44812e35.cjs +1 -0
- package/dist/nylas-booked-event-card_10.entry-5e87b199.js +805 -0
- package/dist/nylas-custom-booking-flow.entry-cbff44c8.js +106 -0
- package/dist/nylas-custom-booking-flow.entry-da5e66bb.cjs +1 -0
- package/dist/nylas-form-card.entry-1c608edd.js +54 -0
- package/dist/nylas-form-card.entry-2e629e36.cjs +1 -0
- package/dist/nylas-if-state.entry-2c0d8724.js +94 -0
- package/dist/nylas-if-state.entry-61771f3d.cjs +1 -0
- package/dist/{nylas-list-folders.entry-a5437201.js → nylas-list-folders.entry-d6e085b0.js} +10 -11
- package/dist/nylas-list-folders.entry-fa8e8ce9.cjs +1 -0
- package/dist/{nylas-list-threads.entry-fd6cda61.js → nylas-list-threads.entry-4dd2de0a.js} +5 -6
- package/dist/nylas-list-threads.entry-99fc0baa.cjs +1 -0
- package/dist/nylas-login.entry-0ec0813c.cjs +1 -0
- package/dist/nylas-login.entry-6730e226.js +73 -0
- package/dist/{nylas-mailbox-pagination.entry-988214bc.js → nylas-mailbox-pagination.entry-5310880c.js} +7 -8
- package/dist/nylas-mailbox-pagination.entry-e3e52f42.cjs +1 -0
- package/dist/{nylas-mailbox-toolbar-button.entry-c720e22a.js → nylas-mailbox-toolbar-button.entry-028075db.js} +15 -16
- package/dist/nylas-mailbox-toolbar-button.entry-4c377337.cjs +1 -0
- package/dist/nylas-mailbox.entry-87304850.cjs +1 -0
- package/dist/nylas-mailbox.entry-ab92780c.js +134 -0
- package/dist/nylas-provider.entry-3fb60fe4.cjs +1 -0
- package/dist/{nylas-provider.entry-70721009.js → nylas-provider.entry-678a9fe7.js} +40 -29
- package/dist/nylas-scheduler-editor.entry-a0de0ae6.js +2269 -0
- package/dist/nylas-scheduler-editor.entry-cf19391e.cjs +7 -0
- package/dist/nylas-scheduling.entry-d8bb2648.cjs +1 -0
- package/dist/nylas-scheduling.entry-e38c3870.js +248 -0
- package/dist/nylas-threads-refresh.entry-79c8a061.cjs +1 -0
- package/dist/{nylas-threads-refresh.entry-b7f9e93f.js → nylas-threads-refresh.entry-fcb2175f.js} +4 -5
- package/dist/{nylas-threads-search.entry-95afea9c.js → nylas-threads-search.entry-7565bdf8.js} +4 -5
- package/dist/nylas-threads-search.entry-f2d5d0fb.cjs +1 -0
- package/dist/{nylas-view-thread.entry-165173b1.js → nylas-view-thread.entry-1772e0c4.js} +10 -11
- package/dist/nylas-view-thread.entry-6a2ccece.cjs +1 -0
- package/dist/people-icon.entry-3218a267.cjs +1 -0
- package/dist/people-icon.entry-bc2c70cf.js +15 -0
- package/dist/play-icon_2.entry-450a7fa6.cjs +1 -0
- package/dist/play-icon_2.entry-b4dc4e6d.js +25 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +94 -62
- package/dist/{refresh-icon.entry-601cac89.cjs → refresh-icon.entry-030dda82.cjs} +1 -1
- package/dist/{refresh-icon.entry-e48a338f.js → refresh-icon.entry-d30c7264.js} +5 -5
- package/dist/register-component-83e24412-0b25de7f.cjs +1 -0
- package/dist/{register-component-152c6ad2-a06f58c2.js → register-component-83e24412-35c484c4.js} +37 -33
- package/dist/scheduler-config-store-ec3b6190-6d8cef0f.cjs +1 -0
- package/dist/scheduler-config-store-ec3b6190-d5edbae5.js +23 -0
- package/dist/scheduler-store-8ca9003d-38cca5ba.js +321 -0
- package/dist/scheduler-store-8ca9003d-c2aa3522.cjs +1 -0
- package/dist/time-period-selector.entry-b366ba86.js +76 -0
- package/dist/time-period-selector.entry-b3d04e93.cjs +1 -0
- package/dist/translate-icon.entry-03ab2513.cjs +1 -0
- package/dist/translate-icon.entry-b3c21ae9.js +15 -0
- package/dist/warning-icon.entry-602d459b.js +15 -0
- package/dist/warning-icon.entry-65ecfdf0.cjs +1 -0
- package/package.json +7 -4
- package/dist/_commonjsHelpers-57e89916-4a3ae7d8.cjs +0 -1
- package/dist/_commonjsHelpers-57e89916-af061c86.js +0 -19
- package/dist/add-circle-icon.entry-2ccb238b.cjs +0 -1
- package/dist/add-circle-icon.entry-35d6aa07.js +0 -15
- package/dist/calendar-check-icon_3.entry-903e2d82.js +0 -35
- package/dist/calendar-check-icon_3.entry-a16ce05e.cjs +0 -1
- package/dist/chevron-icon.entry-58366662.cjs +0 -1
- package/dist/chevron-icon.entry-5e11cef5.js +0 -15
- package/dist/close-icon_2.entry-011d9cf4.js +0 -25
- package/dist/close-icon_2.entry-83088b9a.cjs +0 -1
- package/dist/document-refresh-icon.entry-071ffd66.cjs +0 -1
- package/dist/duration-bddc4a13-05d3e3e2.cjs +0 -1
- package/dist/duration-bddc4a13-179ce826.js +0 -41
- package/dist/focus-visible-e8093c16-f380b705.cjs +0 -1
- package/dist/forward-icon_6.entry-3345af84.cjs +0 -3
- package/dist/index-3b6f5cd5.cjs +0 -30
- package/dist/index-630f4e87.js +0 -1498
- package/dist/index-b30d446a-cbbef925.cjs +0 -7
- package/dist/mailbox-store-19f0c6c9-a0cbfa97.cjs +0 -1
- package/dist/nylas-if-state_3.entry-504be976.cjs +0 -1
- package/dist/nylas-if-state_3.entry-e96d01f1.js +0 -291
- package/dist/nylas-list-folders.entry-866361cc.cjs +0 -1
- package/dist/nylas-list-threads.entry-04989295.cjs +0 -1
- package/dist/nylas-mailbox-pagination.entry-e0bd4aef.cjs +0 -1
- package/dist/nylas-mailbox-toolbar-button.entry-3d772b26.cjs +0 -1
- package/dist/nylas-open-hours-picker.entry-6bdc7c73.js +0 -186
- package/dist/nylas-open-hours-picker.entry-881b6db7.cjs +0 -1
- package/dist/nylas-provider.entry-8d9a844b.cjs +0 -1
- package/dist/nylas-scheduler.entry-7321e18f.js +0 -230
- package/dist/nylas-scheduler.entry-e82977fb.cjs +0 -1
- package/dist/nylas-threads-refresh.entry-477e68e4.cjs +0 -1
- package/dist/nylas-threads-search.entry-c5854641.cjs +0 -1
- package/dist/nylas-view-thread.entry-8b72cbdb.cjs +0 -1
- package/dist/play-icon_2.entry-ed5877e3.js +0 -25
- package/dist/play-icon_2.entry-f23ed6c1.cjs +0 -1
- package/dist/register-component-152c6ad2-0df7215b.cjs +0 -1
- package/dist/scheduler-store-7d48e682-0c0c3991.js +0 -289
- package/dist/scheduler-store-7d48e682-674705ef.cjs +0 -1
- package/dist/search-icon_3.entry-292138c3.js +0 -101
- package/dist/search-icon_3.entry-8e555357.cjs +0 -1
- package/dist/utils-5074a070-ce33ee6b.js +0 -119
- package/dist/utils-5074a070-d5ba6add.cjs +0 -2
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { r as e, h as o, g as n } from "./index-fd39ea9d.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
const a = ".sc-info-icon-h{display:flex}", i = a, s = class {
|
|
5
|
+
constructor(t) {
|
|
6
|
+
e(this, t), this.width = "14", this.height = "14";
|
|
7
|
+
}
|
|
8
|
+
render() {
|
|
9
|
+
return o("svg", { key: "6f050e856e1f4cbade2935875bd35a8df6fd5c1c", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, o("path", { key: "f96fc4aa622802adc7ba1dc0fe014bd67405f75a", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
s.style = i;
|
|
13
|
+
const r = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}', l = r, c = class {
|
|
14
|
+
constructor(t) {
|
|
15
|
+
e(this, t), this.position = "bottom";
|
|
16
|
+
}
|
|
17
|
+
showTooltip(t) {
|
|
18
|
+
t.target.nextElementSibling.style.visibility = "visible", t.target.nextElementSibling.style.opacity = "1";
|
|
19
|
+
}
|
|
20
|
+
hideTooltip(t) {
|
|
21
|
+
t.target.nextElementSibling.style.visibility = "hidden", t.target.nextElementSibling.style.opacity = "0";
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
return o("div", { key: "e5f137458d3664942d02b31f221b3b5ae2bd9658", class: "tooltip-container" }, o("span", { key: "4838a8e46e43d2f490c81381c3759142868ce45c", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, o("slot", { key: "a4864cffceabaf3bf353647733add76685ac1581", name: "tooltip-icon" }, "i")), o("span", { key: "15cbc68f4e0e07bddff0e7adbb76fd6ffce4b9a4", class: `tooltip-content ${this.position}` }, o("slot", { key: "836a48731f8a24bc4ecbbb097a514ca263dfc887", name: "tooltip-content" }, "This is a help text.")));
|
|
25
|
+
}
|
|
26
|
+
get el() {
|
|
27
|
+
return n(this);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
c.style = l;
|
|
31
|
+
export {
|
|
32
|
+
s as info_icon,
|
|
33
|
+
c as tooltip_component
|
|
34
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-5f0940e0.cjs");require("react");require("react-dom");const i=".sc-info-icon-h{display:flex}",a=i,o=class{constructor(e){t.registerInstance(this,e),this.width="14",this.height="14"}render(){return t.h("svg",{key:"6f050e856e1f4cbade2935875bd35a8df6fd5c1c",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"f96fc4aa622802adc7ba1dc0fe014bd67405f75a",fill:"currentColor",d:"M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z"}))}};o.style=a;const s='.tooltip-container{position:relative;display:flex;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}',r=s,n=class{constructor(e){t.registerInstance(this,e),this.position="bottom"}showTooltip(e){e.target.nextElementSibling.style.visibility="visible",e.target.nextElementSibling.style.opacity="1"}hideTooltip(e){e.target.nextElementSibling.style.visibility="hidden",e.target.nextElementSibling.style.opacity="0"}render(){return t.h("div",{key:"e5f137458d3664942d02b31f221b3b5ae2bd9658",class:"tooltip-container"},t.h("span",{key:"4838a8e46e43d2f490c81381c3759142868ce45c",class:"info-icon",tabindex:"0",onFocus:this.showTooltip.bind(this),onBlur:this.hideTooltip.bind(this)},t.h("slot",{key:"a4864cffceabaf3bf353647733add76685ac1581",name:"tooltip-icon"},"i")),t.h("span",{key:"15cbc68f4e0e07bddff0e7adbb76fd6ffce4b9a4",class:`tooltip-content ${this.position}`},t.h("slot",{key:"836a48731f8a24bc4ecbbb097a514ca263dfc887",name:"tooltip-content"},"This is a help text.")))}get el(){return t.getElement(this)}};n.style=r;exports.info_icon=o;exports.tooltip_component=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-5f0940e0.cjs");require("react");require("react-dom");const i=".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}",n=i,t=class{constructor(a){e.registerInstance(this,a),this.width="15",this.height="15"}render(){return e.h("div",{key:"20e081b4657135796ba486fe3b3ba4eb7e24df55",class:"wave"},e.h("div",{key:"ba8f7cd30e8dbdc4ca5fae882662563661948493",class:"dot"}),e.h("div",{key:"57edfc7797ee57ab9ae22fef20a5abcb84c3bc6b",class:"dot"}),e.h("div",{key:"c56c73301414ebaf6b66112dd3745d7e72f11508",class:"dot"}))}};t.style=n;exports.loading_icon=t;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as e } from "./index-
|
|
1
|
+
import { r as t, h as e } from "./index-fd39ea9d.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const i = ".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}", n = i, o = class {
|
|
@@ -6,7 +6,7 @@ const i = ".wave{display:flex;align-items:center;justify-content:center}.dot{wid
|
|
|
6
6
|
t(this, a), this.width = "15", this.height = "15";
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return e("div", { key: "
|
|
9
|
+
return e("div", { key: "20e081b4657135796ba486fe3b3ba4eb7e24df55", class: "wave" }, e("div", { key: "ba8f7cd30e8dbdc4ca5fae882662563661948493", class: "dot" }), e("div", { key: "57edfc7797ee57ab9ae22fef20a5abcb84c3bc6b", class: "dot" }), e("div", { key: "c56c73301414ebaf6b66112dd3745d7e72f11508", class: "dot" }));
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
o.style = n;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as o } from "./
|
|
2
|
-
import {
|
|
1
|
+
import { d as o, e as f } from "./index-fd39ea9d.js";
|
|
2
|
+
import { X as u, Z as d } from "./index.es-be19d2df-ff4f0a10.js";
|
|
3
3
|
class S {
|
|
4
4
|
constructor(t, e) {
|
|
5
5
|
this.nylasAuth = t, this.nylasAuthStore = e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=require("./index-5f0940e0.cjs"),i=require("./index.es-be19d2df-9ba9a7a6.cjs");class g{constructor(t,e){this.nylasAuth=t,this.nylasAuthStore=e}async validateSession(){const t=await this.isAccessTokenValid();if(!t)this.logout();else{let e=await this.nylasAuth.getTokenInfo();if(e){const a=Math.floor(Date.now()/1e3);if(e.expires_in&&e.expires_in-a<3e5&&(n.debug("[NylasAuthConnectorMixin] Refreshing access token"),e=await this.nylasAuth.refreshAccessToken(),!e)){n.debug("[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out."),this.logout();return}this.nylasAuthStore.state.tokenInfo=e}}this.nylasAuthStore.state.isAuthenticated=t}async isAuthenticated(){return this.nylasAuth.isAuthenticated()}async getTokenInfo(){return this.nylasAuth.getTokenInfo()}async isAccessTokenValid(){return this.nylasAuth.isAccessTokenValid()}async logout(){await this.nylasAuth.logout()}async getHostedAuthRedirectURL(t,e,s){return this.nylasAuth.getHostedAuthRedirectURL(t,e,s)}async manageHostedAuthCodeExchange(t){const s=new URL(t).searchParams.get("code");if(s){const a=await this.nylasAuth.exchangeAuthCodeForTokenInfo(s);if(a)return this.nylasAuthStore.state.tokenInfo=a,this.nylasAuthStore.state.isAuthenticated=!0,a}return null}}class f{constructor(t,e,s){this.nylasAuth=t,this.nylasAuthStore=e,this.nylasMailboxStore=s}async getMessages(){var o;if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");this.nylasMailboxStore.state.state="loading";const t=this.nylasMailboxStore.state.messgeQueryParams,e=new URLSearchParams;for(const h in t){const u=(o=t[h])==null?void 0:o.toString();u&&e.append(h,u)}const s=`/v3/grants/me/messages?${e.toString()}`,a=await this.nylasAuth.nylasAPIRequest(s);if(i.Xr(a))throw new i.Zr(a.error);const r=a.data;return this.nylasMailboxStore.state.messages=r,this.nylasMailboxStore.state.state="ready",r}async getThreadMessages(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");const e=await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/messages?thread_id=${t}&fields=include_headers`);if(i.Xr(e))throw new i.Zr(e.error);const s=e.data;return this.nylasMailboxStore.state.messages=s,s}downloadMessageAttachments(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");const e=[],s=t.attachments||[];for(const a of s){const r=this.nylasAuth.nylasDownloadFileRequest(`/v3/grants/me/attachments/${a.id}?message_id=${t.id}`);e.push(r)}return e}async summarizeText(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");const e=await this.nylasAuth.nylasAPIRequest("/v3/grants/me/mailbox/summarize","POST",{message:{body:t}},!0,this.nylasAuth.config.elementsApiUri);if(i.Xr(e))throw new i.Zr(e.error);return e.data.summary}async textToSpeech(t,e){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");return this.nylasAuth.nylasAPIRequest("/v3/grants/me/mailbox/tts","POST",{text:t},!1,this.nylasAuth.config.elementsApiUri,{...e?{signal:e==null?void 0:e.signal}:{}})}}class w{constructor(t,e,s,a){this.nylasAuth=t,this.nylasAuthStore=e,this.nylasMailboxStore=s,this.router=a}async getThreads(t,e="overwrite",s=!0){var c;if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing thread:read-only scope");s&&(this.nylasMailboxStore.state.state="loading");const a=t||this.nylasMailboxStore.state.threadsQueryParams,r=new URLSearchParams;for(const y in a){const d=(c=a[y])==null?void 0:c.toString();typeof d<"u"&&d!==null&&r.append(y,d)}a.search_query_native?this.router.navigate(`/?query=${a.search_query_native}`,!0):this.nylasMailboxStore.state.threadsQueryParams.search_query_native&&!a.search_query_native&&this.router.navigate("/",!0),a.page_token||(this.nylasMailboxStore.state.previousThreadPageTokens=[]),this.nylasMailboxStore.state.threadsQueryParams=a;const o=`/v3/grants/me/threads?${r.toString()}`,h=await this.nylasAuth.nylasAPIRequest(o);if(i.Xr(h))throw new i.Zr(h.error);const u=h.data;switch(e){case"prepend":this.nylasMailboxStore.state.threads=[...u,...this.nylasMailboxStore.state.threads];break;case"append":this.nylasMailboxStore.state.threads=[...this.nylasMailboxStore.state.threads,...u];break;case"overwrite":default:this.nylasMailboxStore.state.threads=u;break}return h.next_cursor?this.nylasMailboxStore.state.nextThreadPageToken=h.next_cursor:this.nylasMailboxStore.state.nextThreadPageToken=null,s&&(this.nylasMailboxStore.state.state="ready"),u}async getThread(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing thread:read-only scope");const e=this.nylasMailboxStore.state.threads.find(o=>o.id===t);if(e)return e;this.nylasMailboxStore.state.state="loading";const s=`/v3/grants/me/threads/${t}`,a=await this.nylasAuth.nylasAPIRequest(s);if(i.Xr(a))throw new i.Zr(a.error);const r=a.data;return this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map(o=>o.id===r.id?r:o),this.nylasMailboxStore.state.state="ready",r}async nextThreadPage(t="overwrite",e=!0){if(!this.nylasMailboxStore.state.nextThreadPageToken)throw new Error("No next page token");this.nylasMailboxStore.state.previousThreadPageTokens=Array.from(new Set([...this.nylasMailboxStore.state.previousThreadPageTokens,this.nylasMailboxStore.state.threadsQueryParams.page_token??null]));const s=this.nylasMailboxStore.state.nextThreadPageToken;return this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:s},t,e)}async previousThreadPage(t="overwrite",e=!0){if(!this.nylasMailboxStore.state.previousThreadPageTokens.length)throw new Error("No previous page token");const s=[...this.nylasMailboxStore.state.previousThreadPageTokens],a=s.pop();return this.nylasMailboxStore.state.previousThreadPageTokens=s,this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:a??void 0},t,e)}updateThreadQueryParams(t){this.nylasMailboxStore.state.threadsQueryParams={...this.nylasMailboxStore.state.threadsQueryParams,...t}}back(){this.router.navigate("/",!0),this.nylasMailboxStore.state.selectedThread=null}unSelectThread(){this.nylasMailboxStore.state.selectedThread=null}async selectThread(t){this.router.navigate(`/thread/${t.id}`,!0),this.nylasMailboxStore.state.selectedThread=t,t.unread&&this.markThreadAsRead(t).catch(e=>{n.debug("Error marking thread as read",e)})}async markThreadAsRead(t){return this.updateThread(t,{unread:!1})}async updateThread(t,e){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email","modify"))throw new Error("Missing thread:modify scope");const s=`/v3/grants/me/threads/${t.id}`,a=await this.nylasAuth.nylasAPIRequest(s,"PUT",e);if(i.Xr(a))throw new i.Zr(a.error);const r=a.data;return this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map(o=>o.id===r.id?r:o),this.nylasMailboxStore.state.selectedThread=r,r}}class m{constructor(t,e,s){this.nylasAuth=t,this.nylasAuthStore=e,this.nylasMailboxStore=s}async getFolders(){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing thread:read-only scope");this.nylasMailboxStore.state.state="loading";const t="/v3/grants/me/folders",e=await this.nylasAuth.nylasAPIRequest(t);if(i.Xr(e))throw new i.Zr(e.error);const s=e.data;return this.nylasMailboxStore.state.folders=s,this.nylasMailboxStore.state.state="ready",s}async selectFolder(t){this.nylasMailboxStore.state.threadsQueryParams={in:t.id,...this.nylasMailboxStore.state.threadsQueryParams||{}}}}class p extends Event{constructor(t,e){super(t,e),this.oldURL=e.oldURL,this.newURL=e.newURL}}class S{constructor(){this.routeChangeListeners=[],n.debug("HashRouter constructor")}destroy(){n.debug("HashRouter destroy"),window.removeEventListener("hashchange",this.onRouteChange.bind(this))}init(){if(n.debug("HashRouter init"),window.addEventListener("hashchange",this.onRouteChange.bind(this)),typeof HashChangeEvent<"u"){const t=new HashChangeEvent("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}else{const t=new p("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}}addRouteChangeListener(t,e){n.debug("HashRouter addRouteChangeListener"),this.routeChangeListeners.push([t,e])}navigate(t,e){if(n.debug("HashRouter navigate"),e)return window.history.pushState(null,"",`#${t}`);window.location.hash=t}setRoute(t){n.debug("HashRouter setRoute"),window.location.hash=t}matchRoute(t,e){const s=t.split("/"),a=e.split("/");if(n.debug(`HashRouter matchRoute route=${t} path=${e}`,{routeParts:s,pathParts:a}),s[1]===""&&a[0]==="")return!0;if(s.length!==a.length)return!1;for(let r=0;r<s.length;r++){const o=s[r],h=a[r];if(!o.startsWith(":")&&o!==h)return!1}return!0}getRouteParams(t){n.debug("HashRouter getRouteParams");const e={},s=t.split("/"),a=window.location.hash.split("/");return s.forEach((r,o)=>{if(r.startsWith(":")){const h=r.substring(1);e[h]=a[o]}}),e}getRouteWithParams(t,e){n.debug("HashRouter getRouteWithParams");let s=t;return Object.keys(e).forEach(a=>{s=s.replace(`:${a}`,e[a])}),s}getRoute(){return n.debug("HashRouter getRoute"),window.location.hash}onRouteChange(t){this.routeChangeListeners.forEach(async([e,s])=>{const a=t.newURL.indexOf("#")===-1?"":t.newURL.substring(t.newURL.indexOf("#")+1);if(n.debug(`HashRouter onRouteChange route=${e} path=${a}`,{event:t}),!this.matchRoute(e,a)){n.debug(`HashRouter onRouteChange route=${e} path=${a} does not match`);return}const r=this.getRouteParams(e);await s(e,a,r)})}getBasePath(){return n.debug("HashRouter getBasePath"),""}}function A(l={}){const t={isAuthenticated:!1,tokenInfo:null,state:"ready",...l},e=n.createStore(t);return e.reset=()=>{for(const s in t){const a=t[s];e.set(s,a)}},e}function x(l={}){const t={state:"ready",messages:[],threads:[],folders:[],selectedThread:null,nextThreadPageToken:null,previousThreadPageTokens:[],searchQuery:"",hasNextThreadPage:!1,hasPreviousThreadPage:!1,selectedFolder:"inbox",threadsQueryParams:{in:"inbox"},messgeQueryParams:{fields:"include_headers"},...l},e=n.createStore({...t});return e.onChange("nextThreadPageToken",s=>{e.set("hasNextThreadPage",s!==null)}),e.onChange("previousThreadPageTokens",s=>{e.set("hasPreviousThreadPage",s.length>0)}),e.onChange("threadsQueryParams",s=>{e.set("selectedFolder",s.in||"inbox"),e.set("searchQuery",s.search_query_native||"")}),e.reset=()=>{for(const s in t){const a=t[s];e.set(s,a)}},e}exports.CreateNylasAuthStore=A;exports.CreateNylasMailboxStore=x;exports.HashRouter=S;exports.NylasAuthConnector=g;exports.NylasFoldersConnector=m;exports.NylasMessagesConnector=f;exports.NylasThreadsConnector=w;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { r as y, d as n, h as i, H as f, g as _ } from "./index-fd39ea9d.js";
|
|
2
|
+
import { R as u } from "./register-component-83e24412-35c484c4.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
const b = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;padding:12px 16px;border-right:1px solid var(--nylas-base-300)}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}', m = b;
|
|
6
|
+
var h = function(a, t, e, r) {
|
|
7
|
+
var l = arguments.length, s = l < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, e) : r, p;
|
|
8
|
+
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
9
|
+
s = Reflect.decorate(a, t, e, r);
|
|
10
|
+
else
|
|
11
|
+
for (var o = a.length - 1; o >= 0; o--)
|
|
12
|
+
(p = a[o]) && (s = (l < 3 ? p(s) : l > 3 ? p(t, e, s) : p(t, e)) || s);
|
|
13
|
+
return l > 3 && s && Object.defineProperty(t, e, s), s;
|
|
14
|
+
}, d = function(a, t) {
|
|
15
|
+
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
16
|
+
return Reflect.metadata(a, t);
|
|
17
|
+
};
|
|
18
|
+
const c = class {
|
|
19
|
+
constructor(a) {
|
|
20
|
+
y(this, a), a.$hostElement$["s-ei"] ? this.internals = a.$hostElement$["s-ei"] : (this.internals = a.$hostElement$.attachInternals(), a.$hostElement$["s-ei"] = this.internals), this.name = "participants", this.eventParticipants = void 0, this.participants = this.eventParticipants ?? [], this.participantsValid = !0;
|
|
21
|
+
}
|
|
22
|
+
elementNameChangedHandler(a) {
|
|
23
|
+
n("nylas-additional-participants", "elementNameChangedHandler", a), this.host.setAttribute("name", a);
|
|
24
|
+
}
|
|
25
|
+
connectedCallback() {
|
|
26
|
+
n("nylas-additional-participants", "connectedCallback");
|
|
27
|
+
}
|
|
28
|
+
componentWillLoad() {
|
|
29
|
+
n("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
30
|
+
}
|
|
31
|
+
componentDidLoad() {
|
|
32
|
+
n("nylas-additional-participants", "componentDidLoad"), this.internals.setFormValue(JSON.stringify(this.participants), "participants");
|
|
33
|
+
}
|
|
34
|
+
disconnectedCallback() {
|
|
35
|
+
n("nylas-additional-participants", "disconnectedCallback");
|
|
36
|
+
}
|
|
37
|
+
onParticipantChange(a, t) {
|
|
38
|
+
n("nylas-additional-participants", "onParticipantChange"), this.participants[t].email = a.target.value, this.internals.setFormValue(JSON.stringify(this.participants), "participants");
|
|
39
|
+
}
|
|
40
|
+
addParticipant() {
|
|
41
|
+
n("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { email: "", is_organizer: !1, availability: { calendar_ids: ["primary"] } }], this.internals.setFormValue(JSON.stringify(this.participants), "participants");
|
|
42
|
+
}
|
|
43
|
+
removeParticipant(a) {
|
|
44
|
+
n("nylas-additional-participants", "addParticipant"), this.participants = this.participants.filter((t) => t.email !== a), this.internals.setFormValue(JSON.stringify(this.participants), "participants");
|
|
45
|
+
}
|
|
46
|
+
validate(a, t) {
|
|
47
|
+
n("nylas-additional-participants", "validate");
|
|
48
|
+
const r = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(a).toLowerCase());
|
|
49
|
+
this.participants[t].is_valid = r, this.internals.setFormValue(JSON.stringify(this.participants), "participants");
|
|
50
|
+
}
|
|
51
|
+
render() {
|
|
52
|
+
return i(f, { key: "2cee2dd98939f98fdfc950f609fce3f6045ced9f" }, i("nylas-form-card", { key: "e587c19e99fa1b40c9d876123fd50cde51e8882c" }, i("h3", { key: "6c4a90291f5918e98d62e03b599619ff4f345391", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), i("p", { key: "ad4fac5ca4cdb1430f889c723215d9a1538a266f", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), i("div", { key: "80b29a9b1275363dac86274be18cc52210e59de7", slot: "content", class: "nylas-additional-participants__content" }, i("div", { key: "5adf8a7d2be8c780dbc5859b8b634efc114536c2" }, this.participants.map((a, t) => i("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, i("label", null, a.is_organizer ? "Organizer" : `Participant ${t}`), i("div", { part: "nap__input_wrapper", class: `nylas-additional-participants__input_wrapper ${a.is_organizer && "nylas-additional-participants__input_wrapper_organizer"} ${a.is_valid === !1 && "nylas-additional-participants__input_wrapper_invalid"}` }, i("div", { class: "nylas-additional-participants__input", part: "nap__input" }, i("input", { type: "text", value: a.email, onInput: (e) => {
|
|
53
|
+
this.onParticipantChange(e, t);
|
|
54
|
+
}, readOnly: a.is_organizer, onBlur: () => this.validate(a.email, t) })), !a.is_organizer && i("button", { onClick: () => this.removeParticipant(a.email), part: "nap__remove-participant" }, i("close-icon", null)))))))));
|
|
55
|
+
}
|
|
56
|
+
static get formAssociated() {
|
|
57
|
+
return !0;
|
|
58
|
+
}
|
|
59
|
+
get host() {
|
|
60
|
+
return _(this);
|
|
61
|
+
}
|
|
62
|
+
static get watchers() {
|
|
63
|
+
return {
|
|
64
|
+
name: ["elementNameChangedHandler"]
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
h([
|
|
69
|
+
u({
|
|
70
|
+
name: "nylas-additional-participants",
|
|
71
|
+
eventToProps: {},
|
|
72
|
+
fireRegisterEvent: !0
|
|
73
|
+
}),
|
|
74
|
+
d("design:type", Function),
|
|
75
|
+
d("design:paramtypes", []),
|
|
76
|
+
d("design:returntype", void 0)
|
|
77
|
+
], c.prototype, "render", null);
|
|
78
|
+
c.style = m;
|
|
79
|
+
export {
|
|
80
|
+
c as nylas_additional_participants
|
|
81
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-5f0940e0.cjs"),c=require("./register-component-83e24412-0b25de7f.cjs");require("react");require("react-dom");const y=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;padding:12px 16px;border-right:1px solid var(--nylas-base-300)}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}',u=y;var f=function(a,i,n,s){var r=arguments.length,e=r<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,n):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(a,i,n,s);else for(var p=a.length-1;p>=0;p--)(l=a[p])&&(e=(r<3?l(e):r>3?l(i,n,e):l(i,n))||e);return r>3&&e&&Object.defineProperty(i,n,e),e},d=function(a,i){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,i)};const o=class{constructor(a){t.registerInstance(this,a),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.name="participants",this.eventParticipants=void 0,this.participants=this.eventParticipants??[],this.participantsValid=!0}elementNameChangedHandler(a){t.debug("nylas-additional-participants","elementNameChangedHandler",a),this.host.setAttribute("name",a)}connectedCallback(){t.debug("nylas-additional-participants","connectedCallback")}componentWillLoad(){t.debug("nylas-additional-participants","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){t.debug("nylas-additional-participants","componentDidLoad"),this.internals.setFormValue(JSON.stringify(this.participants),"participants")}disconnectedCallback(){t.debug("nylas-additional-participants","disconnectedCallback")}onParticipantChange(a,i){t.debug("nylas-additional-participants","onParticipantChange"),this.participants[i].email=a.target.value,this.internals.setFormValue(JSON.stringify(this.participants),"participants")}addParticipant(){t.debug("nylas-additional-participants","addParticipant"),this.participants=[...this.participants,{email:"",is_organizer:!1,availability:{calendar_ids:["primary"]}}],this.internals.setFormValue(JSON.stringify(this.participants),"participants")}removeParticipant(a){t.debug("nylas-additional-participants","addParticipant"),this.participants=this.participants.filter(i=>i.email!==a),this.internals.setFormValue(JSON.stringify(this.participants),"participants")}validate(a,i){t.debug("nylas-additional-participants","validate");const s=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(a).toLowerCase());this.participants[i].is_valid=s,this.internals.setFormValue(JSON.stringify(this.participants),"participants")}render(){return t.h(t.Host,{key:"2cee2dd98939f98fdfc950f609fce3f6045ced9f"},t.h("nylas-form-card",{key:"e587c19e99fa1b40c9d876123fd50cde51e8882c"},t.h("h3",{key:"6c4a90291f5918e98d62e03b599619ff4f345391",slot:"header-title",class:"nylas-additional-participants__title",part:"nap__title"},"Additional participants"),t.h("p",{key:"ad4fac5ca4cdb1430f889c723215d9a1538a266f",slot:"header-subtitle",class:"nylas-additional-participants__subtitle",part:"nap__subtitle"},"Add anyone else who would be joining for this event."),t.h("div",{key:"80b29a9b1275363dac86274be18cc52210e59de7",slot:"content",class:"nylas-additional-participants__content"},t.h("div",{key:"5adf8a7d2be8c780dbc5859b8b634efc114536c2"},this.participants.map((a,i)=>t.h("div",{class:"nylas-additional-participants__input_group",part:"nap__input_group"},t.h("label",null,a.is_organizer?"Organizer":`Participant ${i}`),t.h("div",{part:"nap__input_wrapper",class:`nylas-additional-participants__input_wrapper ${a.is_organizer&&"nylas-additional-participants__input_wrapper_organizer"} ${a.is_valid===!1&&"nylas-additional-participants__input_wrapper_invalid"}`},t.h("div",{class:"nylas-additional-participants__input",part:"nap__input"},t.h("input",{type:"text",value:a.email,onInput:n=>{this.onParticipantChange(n,i)},readOnly:a.is_organizer,onBlur:()=>this.validate(a.email,i)})),!a.is_organizer&&t.h("button",{onClick:()=>this.removeParticipant(a.email),part:"nap__remove-participant"},t.h("close-icon",null)))))))))}static get formAssociated(){return!0}get host(){return t.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};f([c.RegisterComponent({name:"nylas-additional-participants",eventToProps:{},fireRegisterEvent:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],o.prototype,"render",null);o.style=u;exports.nylas_additional_participants=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-5f0940e0.cjs"),b=require("./register-component-83e24412-0b25de7f.cjs"),d=require("./constants-f34b9c6e-99030371.cjs");require("react");require("react-dom");const Z=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}sp-theme{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 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.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:1rem;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}.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)}sp-button{background-color:var(--nylas-base-0);color:var(--nylas-base-700);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);font-size:16px;padding:8px;font-family:var(--nylas-font-family);font-weight:600;height:48px;line-height:24px}sp-button.cancel{color:var(--nylas-error)}sp-button.cancel:hover,sp-button.cancel:focus{border-color:var(--nylas-error)}sp-button.cancel:active{color:var(--nylas-error-pressed);border-color:var(--nylas-error-pressed)}sp-button.reschedule:hover,sp-button.reschedule:focus{border-color:var(--nylas-primary)}sp-button.reschedule:active{border-color:var(--nylas-base-600)}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}',V=Z;var q=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},y=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const z=class{constructor(e){t.registerInstance(this,e),this.cancelBookingButtonClicked=t.createEvent(this,"cancelBookingButtonClicked",7),this.rescheduleButtonClicked=t.createEvent(this,"rescheduleButtonClicked",7),this.rescheduleBookedEventError=t.createEvent(this,"rescheduleBookedEventError",7),this.cancelBookedEventValidationError=t.createEvent(this,"cancelBookedEventValidationError",7),this.handleCancelBookingButtonClicked=()=>{var o;const a=new Date,n=(o=this.configSettings)==null?void 0:o.scheduler.min_cancellation_notice,s=t.addMinutesToCurrentTime(a,n);a.getTime()<s.getTime()?this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${n} minutes of the event.`}}):this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})},this.handleRescheduleButtonClicked=()=>{const a=n=>{this.rescheduleBookedEventError.emit(n)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:a})},this.getOrganizer=a=>a==null?void 0:a.organizer,this.getPaticipantType=a=>{switch(a){case"host":return"Host";case"you":return"You";default:return""}},this.eventInfo=void 0,this.rescheduleBookingId=void 0,this.bookingInfo=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedTimeslot=void 0,this.configSettings=void 0}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){t.debug("[nylas-booked-event-card] Component will load")}async componentDidLoad(){t.debug("[nylas-booked-event-card] Component did load")}render(){var e,a,n,s,o,i,r,l,c;return t.h(t.Host,{key:"fd31424392865287d5a696d2ea4a0840974324c1",part:"nbec"},t.h("sp-theme",{key:"5e4fab19061fd773200fc8856355d2efc6c7f767",theme:"spectrum",color:"dark",scale:"medium"},t.h("div",{key:"5effb33fcc0492a2f968e5b29229a974fb1bf2a3",class:"booked-event-timezone"},t.h("globe-icon",{key:"7be37ec8323f0c36112e4a8c5903c2078fe0ae0e"}),d.TIMEZONE_MAP[this.selectedTimezone]),t.h("div",{key:"594e1cffea71361c2a52f5ed3f480b7fc7a6c0f4",class:"event-card-wrapper",part:"nbec__card"},t.h("div",{key:"e2bcea8c2cd100f6291846d29524ee08a2c6d6ad",class:"calendar-icon"},t.h("calendar-check-icon",{key:"412d634ebd082474581d8ceba417bcefb45d10eb"})),t.h("div",{key:"97f9f06776a64a9ceed5f8b7c84ed9d03983e083",class:"booked-event-header"},t.h("h2",{key:"7453ad8f16ca9e477a5c6f7791dbf2aa89514394",slot:"card-title",part:"nbec__title"},"Booking ",this.rescheduleBookingId?"rescheduled":"confirmed","!"),t.h("div",{key:"5877c31296ad8821c822b8447a9adb495eea9756",part:"nbec__description"},((e=this.getOrganizer(this.eventInfo))==null?void 0:e.name)||((a=this.getOrganizer(this.eventInfo))==null?void 0:a.email)," & ",((s=(n=this.bookingInfo)==null?void 0:n.primaryParticipant)==null?void 0:s.name)||((i=(o=this.bookingInfo)==null?void 0:o.primaryParticipant)==null?void 0:i.email))),t.h("sp-divider",{key:"3845e25500160ac43e0c19af3c3c3c446caca39e"}),t.h("div",{key:"349d849d49be4e71264436c6add7039b889f8933",class:"booking-date-time"},t.h("checkmark-circle-icon",{key:"bccea293108ed90eece51494c79c8e5ae2db1411"}),t.h("h3",{key:"ee98cd2b9c877a7e8342940892ff08be4ee647e0"},"Booking date and time"),t.h("p",{key:"1efd072abb08a6606299911e594a07b2de396113"},new Date((r=this.selectedTimeslot)==null?void 0:r.start_time).toLocaleDateString(void 0,{dateStyle:"full"})," ",t.h("br",{key:"e014d22678d84c7541854985d945672efde047e9"}),new Date((l=this.selectedTimeslot)==null?void 0:l.start_time).toLocaleTimeString(void 0,{timeStyle:"short"})," -"," ",new Date((c=this.selectedTimeslot)==null?void 0:c.end_time).toLocaleTimeString(void 0,{timeStyle:"short"}))),t.h("div",{key:"0870d9969b572bf688c4c12de934066ed36f421a",class:"booking-participants"}),t.h("sp-divider",{key:"85674fadb92fc69826e738545a9f9bd1c478d522"}),t.h("div",{key:"c60007a3d63af3cca707736386f7cbc1d2963626",class:"footer"},t.h("sp-button",{key:"f1295268e7f3341e37e7d66d460eabc28ad56482",variant:"secondary",treatment:"outline",class:"cancel",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},"Cancel booking"),t.h("sp-button",{key:"276674ce1eb225cfb7ea95936e1cb05056b921cc",variant:"secondary",treatment:"outline",class:"reschedule",onClick:this.handleRescheduleButtonClicked,part:"nbec__button-outline nbec__reschedule-cta"},"Reschedule")))))}};q([b.RegisterComponent({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.configSettings","configSettings"]]),eventToProps:{cancelBookingButtonClicked:async(e,a)=>{a.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,a)=>{const n=await a.scheduler.setReschedule(e.detail.bookingId),{errorHandler:s}=e.detail;s&&(!n||"error"in n)&&s(n)}},fireRegisterEvent:!0}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],z.prototype,"render",null);z.style=V;const G=':host{display:block;height:100%;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-booking-form{width:100%;padding:1.5rem;box-sizing:border-box;height:450px;overflow-y:auto;height:100%}form{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}sp-textfield{--spectrum-corner-radius-100:var(--nylas-border-radius-2x);--spectrum-textfield-border-color:var(--nylas-base-300);position:relative;width:100%;height:48px;margin-bottom:16px;color:var(--nylas-base-500)}.cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0.5rem;padding:10px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.cta{flex-direction:column-reverse}}sp-button{background-color:transparent;color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);--button-width:50%;font-family:var(--nylas-font-family);font-size:16px;font-weight:600;border:none;height:48px;padding:14px}@media screen and (max-width: 768px){sp-button{--button-width:100%}}sp-button:hover,sp-button:focus{background-color:var(--nylas-base-100);color:var(--nylas-primary);border-radius:var(--nylas-border-radius-2x)}sp-button:active{background-color:var(--nylas-base-200);color:var(--nylas-base-800)}sp-button.back{width:var(--button-width);background-color:transparent;color:var(--nylas-base-700);outline:1px solid var(--nylas-base-300)}sp-button.back:hover,sp-button.back:focus{outline-color:var(--nylas-primary)}sp-button.back:active{outline:2px solid var(--nylas-base-600)}sp-button.book{width:var(--button-width);background-color:var(--nylas-primary);color:var(--nylas-base-0)}sp-button.book:hover,sp-button.book:focus{background-color:var(--nylas-base-600)}sp-button.book:active{background-color:var(--nylas-base-800)}.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)}.input-wrapper .help-text{margin:0;color:var(--nylas-error)}.button-wrapper{width:100%;align-items:flex-start;height:max-content;position:relative}sp-infield-button{--spectrum-infield-button-background-color:transparent;--spectrum-infield-button-background-color-hover:transparent;--spectrum-infield-button-background-color-active:transparent;--spectrum-infield-button-border-color:transparent;--spectrum-infield-button-border-width:1px;--spectrum-infield-button-border-radius:0;color:var(--nylas-base-600);background:transparent;border:none;outline:1px solid var(--nylas-base-300);border-radius:0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x) 0;height:52px;width:52px;display:flex;position:absolute;right:0;align-items:center;justify-content:center;cursor:pointer}sp-infield-button sp-icon-cross300{color:var(--nylas-base-600)}sp-infield-button.error{border-width:2px;border-color:var(--nylas-error)}input[type=text],input[type=email]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%}input[type=text].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].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}',U=G;var W=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},g=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const v=/^[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])?)*$/,B=class{constructor(e){t.registerInstance(this,e),this.nameChanged=t.createEvent(this,"nameChanged",7),this.emailChanged=t.createEvent(this,"emailChanged",7),this.backButtonClicked=t.createEvent(this,"backButtonClicked",7),this.detailsConfirmed=t.createEvent(this,"detailsConfirmed",7),this.bookingFormError=t.createEvent(this,"bookingFormError",7),this.handleGuestChange=(a,n)=>{this.resetGuestEmailError(a);const s=[...this.guestEmails];s[a]=n,this.guestEmails=[...s]},this.handleGuestBlur=(a,n)=>{if(this.resetGuestEmailError(a),n===""){this.guestEmailErrors[a]="Email is required";return}if(!v.test(n)){this.guestEmailErrors[a]="Enter a valid email address";return}this.handleGuestChange(a,n)},this.addGuestButtonClickedHandler=()=>{this.guestEmails=[...this.guestEmails,""]},this.removeGuestButtonClickHandler=(a,n)=>{a.preventDefault(),this.resetGuestEmailError(n);const s=[...this.guestEmails];s.splice(n,1),this.guestEmails=[...s]},this.handleBackButtonClicked=()=>{this.backButtonClicked.emit()},this.bookButtonClickedHandler=async a=>{var i,r,l,c,f,N,O;a.preventDefault(),t.debug("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const n=this.name||((r=(i=this.bookingInfo)==null?void 0:i.primaryParticipant)==null?void 0:r.name),s=this.email||((c=(l=this.bookingInfo)==null?void 0:l.primaryParticipant)==null?void 0:c.email);if(!n||n===""){this.isNameValid=!1,this.validationError.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="Email is required",this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!v.test(s)){this.isEmailValid=!1,this.validationError.email="Enter a valid email address",this.bookingFormError.emit({title:"Booking form error",description:"Invalid email"});return}let o=[];if(this.guestEmails.length>0){let p=!1;if(this.guestEmails.forEach((h,F)=>{h===""?(p=!0,this.guestEmailErrors={...this.guestEmailErrors,[F]:"Email is required"}):v.test(h)||(p=!0,this.guestEmailErrors={...this.guestEmailErrors,[F]:"Enter a valid email address"})}),p){this.bookingFormError.emit({title:"Booking form error",description:"Invalid guest email"});return}o=this.guestEmails.map(h=>({name:"",email:h.trim()}))}else(f=this.bookingInfo)!=null&&f.guests&&(o=(N=this.bookingInfo)==null?void 0:N.guests);this.detailsConfirmed.emit({primaryParticipant:{name:n,email:s},guests:o,additionalFields:{...(O=this.bookingInfo)==null?void 0:O.additionalFields}})},this.isLoading=void 0,this.bookingInfo=void 0,this.eventInfo=void 0,this.name="",this.email="",this.guestEmails=[],this.guestEmailErrors={},this.isNameValid=!0,this.isEmailValid=!0,this.validationError={name:"",email:""}}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){var e,a;t.debug("nylas-booking-form","componentWillLoad",this.bookingInfo),this.bookingInfo&&(this.name=(e=this.bookingInfo.primaryParticipant)==null?void 0:e.name,this.email=(a=this.bookingInfo.primaryParticipant)==null?void 0:a.email)}bookingInfoChangedHandler(e){e&&e.primaryParticipant&&(this.name=e.primaryParticipant.name,this.email=e.primaryParticipant.email)}changeName(e){this.isNameValid=!0,this.validationError.name="",this.name=e,this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=!0,this.validationError.email="",this.email=e,this.emailChanged.emit(e)}resetGuestEmailError(e){const a={...this.guestEmailErrors};delete a[e],this.guestEmailErrors={...a}}render(){return t.h(t.Host,{key:"5a255277a21fa84d100bb53d13bb9dce0ce58e24"},t.h("form",{key:"19b7aecb9223557f0ff9d4c062968c3242026f0c",onSubmit:e=>this.bookButtonClickedHandler(e),noValidate:!0},t.h("div",{key:"49276b2a59934eeaeb38c06db6968f957b7b9bee",class:"nylas-booking-form"},t.h("slot",{key:"ee0a8c29c1fb6b7273d6a2d3c8cb88180f0e9dbf",name:"custom-booking-form"},t.h("div",{key:"662e46f3a7925282f824547a069f52584b94d564",class:"input-wrapper"},t.h("label",{key:"a01c1903ee983e1555006ad14e75cd1b2c3036ff",htmlFor:"name",class:{"input-label":!0,error:!this.isNameValid},part:"nbf__input-label"},"Name ",t.h("span",{key:"4729d580bbf9d851c2ac8b686dc826c4e3e4616f",class:"required"},"*")),t.h("input",{key:"51754a63345f1d0332a38f646dde6a8a998c8dee",id:"name",type:"text",placeholder:"Enter your name",value:this.name,class:{input:!0,error:!this.isNameValid},part:"nbf__input-textfield",onInput:e=>{var a;return this.changeName((a=e.target)==null?void 0:a.value)}}),t.h("p",{key:"b8a6660e959a877421bdfffdb87279d8f09123b8",class:"help-text"},this.validationError.name)),t.h("div",{key:"e78a74e67abde7e61c1d3c555c234817770a4040",class:"input-wrapper"},t.h("label",{key:"d5507037f5c668f58e14031dba4276900ef5ed09",htmlFor:"email",class:{"input-label":!0,error:!this.isEmailValid},part:"nbf__input-label"},"Email ",t.h("span",{key:"514f00587069ac1cfc6d16bfd30750d6d501817d",class:"required"},"*")),t.h("input",{key:"0b80ded98b2174f783fa9e7c951a47661aa894f6",id:"email",type:"email",placeholder:"Enter your email",value:this.email,class:{input:!0,error:!this.isEmailValid},part:"nbf__input-textfield",onInput:e=>{var a;return this.changeEmail((a=e.target)==null?void 0:a.value)}}),t.h("p",{key:"ba185ccb2bec87049e94d8c5f8d211a838de0025",class:"help-text"},this.validationError.email)))),t.h("div",{key:"56e2cce79371533ad66cccad95a79dd8935fe3eb",class:"cta"},t.h("sp-button",{key:"2b6410b3cf2b7634737aa858396290ad065dfcfc",treatment:"outline",variant:"secondary",class:"back",part:"nbf__button-outline",onClick:this.handleBackButtonClicked},t.h("slot",{key:"4ba60a2fb3542434ede16ea382ec4ca80cb8d422",name:"booking-form-back-label"},"Back")),t.h("sp-button",{key:"49dd32531d7b55529bb73bc82eb0b91820c6ea33",variant:"primary",class:"book",part:"nbf__button-primary",type:"submit"},this.isLoading&&t.h("loading-icon",{slot:"icon"}),t.h("slot",{key:"a57ae44c1c3a1b020a110f0156435f27897410c6",name:"booking-form-book-label"},"Book now")))))}get host(){return t.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"]}}};W([b.RegisterComponent({name:"nylas-booking-form",stateToProps:new Map([["scheduler.isLoading","isLoading"],["scheduler.bookingInfo","bookingInfo"],["scheduler.eventInfo","eventInfo"]]),eventToProps:{backButtonClicked:async(e,a)=>{a.scheduler.toggleAdditionalData(!1)},nameChanged:async(e,a)=>{a.scheduler.setParticipantName(e.detail)},emailChanged:async(e,a)=>{a.scheduler.setParticipantEmail(e.detail)}},fireRegisterEvent:!0}),g("design:type",Function),g("design:paramtypes",[]),g("design:returntype",void 0)],B.prototype,"render",null);B.style=U;const Y=':host{display:block;width:400px;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}sp-theme{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;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__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:1rem;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600)}.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%}sp-button{background-color:var(--nylas-base-0);color:var(--nylas-base-700);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;width:100%;height:48px;padding:8px;line-height:24px;font-family:var(--nylas-font-family)}sp-button.cancel{margin-top:1.25rem;background-color:var(--nylas-primary);color:var(--nylas-base-0)}sp-button.cancel:hover,sp-button.cancel:focus{background-color:var(--nylas-base-600)}sp-button.cancel:active{background-color:var(--nylas-base-800)}sp-button.back{margin-top:0.5rem}sp-button.back:hover,sp-button.back:focus{border-color:var(--nylas-primary)}sp-button.back:active{border-color:var(--nylas-base-600)}sp-field-label{margin-top:1rem;display:flex;color:var(--nylas-base-800);font-size:14px}sp-field-label.error{color:var(--nylas-error)}sp-field-label span.required{color:var(--nylas-error)}sp-textfield{--spectrum-textfield-border-color:var(--nylas-base-300);--spectrum-textfield-icon-color-invalid:var(--nylas-error);position:relative;width:100%;height:48px;margin-bottom:16px;background-color:var(--nylas-base-0);color:var(--nylas-base-500)}sp-textfield.error{--spectrum-textfield-border-color:var(--nylas-error)}sp-help-text{margin:0.25rem 0 1rem 0;color:var(--nylas-error)}',X=Y;var J=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},k=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const L=class{constructor(e){t.registerInstance(this,e),this.goBackButtonClicked=t.createEvent(this,"goBackButtonClicked",7),this.cancelBookingFormSubmitted=t.createEvent(this,"cancelBookingFormSubmitted",7),this.cancelBookedEventError=t.createEvent(this,"cancelBookedEventError",7),this.cancelBookingFormError=t.createEvent(this,"cancelBookingFormError",7),this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()},this.handleSubmitCancelBooking=a=>{if(a.preventDefault(),!this.cancellationReason){this.cancellationError="Please provide a reason for cancellation.",this.cancelBookingFormError.emit({title:"Cancel booking form error",description:"Please provide a reason for cancellation."});return}t.debug(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const n=s=>{this.cancelBookedEventError.emit(s)};this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,reason:this.cancellationReason,errorHandler:n})},this.handleOnChangeCancellationReason=a=>{this.cancellationError="",this.cancellationReason=a.target.value},this.cancelBookingId=void 0,this.cancellationReason="",this.cancellationError=""}connectedCallback(){t.debug("[nylas-cancel-booking-form] Component connected")}async componentWillLoad(){t.debug("[nylas-cancel-booking-form] Component will load")}async componentDidLoad(){t.debug("[nylas-cancel-booking-form] Component did load")}disconnectedCallback(){t.debug("[nylas-cancel-booking-form] Component disconnected")}render(){return t.h(t.Host,{key:"98dc29d53d8a05beb16dea271cab5c574df4dfd0",part:"ncec"},t.h("sp-theme",{key:"04feb774090fb57270a3d3c05576687ec78c230d",theme:"spectrum",scale:"medium"},t.h("div",{key:"024a947c805b9f2ab6204a8548e9c775078fa969",class:"nylas-cancel-booking-form",part:"ncec__card"},t.h("div",{key:"93295919797719199fbbe6eccdef4e42045c330d",class:"nylas-cancel-booking-form__calendar-icon",part:"ncec__icon"},t.h("calendar-cancel-icon",{key:"b8da092aa626ebdef64dd3f2f54ca2df5082d1f3"})),t.h("h3",{key:"8e33cc23c5bc26aa8e5c979814fa5a398c798237",class:"nylas-cancel-booking-form__title",part:"ncec__title"},"Cancel booking?"),t.h("div",{key:"2c8cd37241e6cfe38bb012be4d700ae03c33876e",class:"nylas-cancel-booking-form__description",part:"ncec__description"},"Your current timeslot will become available to others."),t.h("form",{key:"be720382bd84086cd8a25279dd4ec58dbfc113e6",onSubmit:this.handleSubmitCancelBooking},t.h("sp-field-label",{key:"fadd2793a898975b8ba8da0549bcbb37879a68bf",for:"cancel-reason",class:this.cancellationError?"error":""},"Reason for cancellation ",t.h("span",{key:"0748781625ea7ec8332b4ca20eae8986ad9e8efb",class:"required"},"*")),t.h("sp-textfield",{key:"e8daf40a5c26b1e6b9b59ab42bbe613da72c987a",id:"cancel-reason",class:this.cancellationError?"error":"",part:"ncec__reason-textarea",multiline:!0,value:this.cancellationReason,onInput:this.handleOnChangeCancellationReason,onFocus:this.handleOnChangeCancellationReason,invalid:!!this.cancellationError},t.h("sp-help-text",{key:"f876e2f41098845a235fe2b563e85891843d5351",slot:"negative-help-text"},this.cancellationError)),t.h("sp-button",{key:"a05211715fda7fa75935c974bd20ce6c6ef4206a",variant:"primary",class:"cancel",type:"submit",part:"ncec__button-cta"},"Cancel booking"),t.h("sp-button",{key:"3dd7832e698181eaca4df52835d64c09b664f5f9",variant:"secondary",class:"back",treatment:"outline",part:"ncec__button-outline",onClick:this.handleGoBackClicked},"Go back")))))}};J([b.RegisterComponent({name:"nylas-cancel-booking-form",eventToProps:{cancelBookingFormSubmitted:async(e,a)=>{const n=await a.scheduler.cancelBooking(e.detail.bookingId),{errorHandler:s}=e.detail;s&&(!n||"error"in n)&&s(n)}},fireRegisterEvent:!0}),k("design:type",Function),k("design:paramtypes",[]),k("design:returntype",void 0)],L.prototype,"render",null);L.style=X;const K=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}sp-theme{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.nylas-cancelled-event-card{display:flex;align-items:center;flex-direction:column;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%}sp-button{background-color:var(--nylas-base-0);color:var(--nylas-base-700);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);font-size:1rem;height:48px;padding:8px;line-height:24px;width:100%}sp-button:hover,sp-button:focus{border-color:var(--nylas-primary)}sp-button:active{border-color:var(--nylas-base-600)}',Q=K;var ee=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},x=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const I=class{constructor(e){t.registerInstance(this,e),this.closeCancelEventCardClicked=t.createEvent(this,"closeCancelEventCardClicked",7),this.cancelledEventCardError=t.createEvent(this,"cancelledEventCardError",7),this.handleCloseClicked=()=>{this.isClosing=!0;const a=n=>{this.cancelledEventCardError.emit(n),this.isClosing=!1};this.closeCancelEventCardClicked.emit({errorHandler:a})},this.cancelledEventInfo=void 0,this.isClosing=!1,this.configSettings=void 0}connectedCallback(){t.debug("[nylas-cancelled-event-card] Component connected")}async componentWillLoad(){t.debug("[nylas-cancelled-event-card] Component will load")}async componentDidLoad(){t.debug("[nylas-cancelled-event-card] Component did load")}disconnectedCallback(){t.debug("[nylas-cancelled-event-card] Component disconnected")}render(){var e,a;return t.h(t.Host,{key:"105954b6497f7a8cf45faedb592896629e90c6d0",part:"ncec"},t.h("sp-theme",{key:"d248975c2139a611ab60c5c585d87e8701327a4b",theme:"spectrum",color:"dark",scale:"medium"},t.h("div",{key:"090b767111679ca9968ac0b128c6685fed6e39db",class:"nylas-cancelled-event-card",part:"ncec__card"},t.h("div",{key:"ae1e57f0f2a39f5ad7f4b7b9ed493f3e93ccdeba",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},t.h("calendar-cancel-icon",{key:"06250b1c0f330957f0f691d0f7724c608dffa28b"})),t.h("h3",{key:"1826c12ca770476cfd206d9d1a3b80f0d890da56",class:"nylas-cancelled-event-card__title",part:"ncec__title"},"Your booking has been cancelled successfully!"),t.h("div",{key:"93c4c7e4ed245372e736c61c30b23e9be11453ec",class:"nylas-cancelled-event-card__description",part:"ncec__description"},"A cancellation email has been sent to ",((a=(e=this.configSettings)==null?void 0:e.organizer)==null?void 0:a.name)||"the participants","."),t.h("div",{key:"21162d4c4e2ee6c2f95038b0e25e9ad0aed63742",class:"nylas-cancelled-event-card__cta"},t.h("sp-button",{key:"ab6cb1da324717c3b375c9280f307a2590224f27",variant:"secondary",treatment:"outline",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?"Closing...":"Close")))))}};ee([b.RegisterComponent({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"]]),eventToProps:{closeCancelEventCardClicked:async(e,a)=>{const n=await a.scheduler.resetCancel(),{errorHandler:s}=e.detail;s&&(!n||"error"in n)&&s(n)}},fireRegisterEvent:!0}),x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],I.prototype,"render",null);I.style=Q;const C=new Date,w=new Date;function u(e,a,n,s){function o(i){return e(i=arguments.length===0?new Date:new Date(+i)),i}return o.floor=i=>(e(i=new Date(+i)),i),o.ceil=i=>(e(i=new Date(i-1)),a(i,1),e(i),i),o.round=i=>{const r=o(i),l=o.ceil(i);return i-r<l-i?r:l},o.offset=(i,r)=>(a(i=new Date(+i),r==null?1:Math.floor(r)),i),o.range=(i,r,l)=>{const c=[];if(i=o.ceil(i),l=l==null?1:Math.floor(l),!(i<r)||!(l>0))return c;let f;do c.push(f=new Date(+i)),a(i,l),e(i);while(f<i&&i<r);return c},o.filter=i=>u(r=>{if(r>=r)for(;e(r),!i(r);)r.setTime(r-1)},(r,l)=>{if(r>=r)if(l<0)for(;++l<=0;)for(;a(r,-1),!i(r););else for(;--l>=0;)for(;a(r,1),!i(r););}),n&&(o.count=(i,r)=>(C.setTime(+i),w.setTime(+r),e(C),e(w),Math.floor(n(C,w))),o.every=i=>(i=Math.floor(i),!isFinite(i)||!(i>0)?null:i>1?o.filter(s?r=>s(r)%i===0:r=>o.count(0,r)%i===0):o)),o}const te=1e3,H=te*60,ae=H*60,m=ae*24,_=u(e=>e.setHours(0,0,0,0),(e,a)=>e.setDate(e.getDate()+a),(e,a)=>(a-e-(a.getTimezoneOffset()-e.getTimezoneOffset())*H)/m,e=>e.getDate()-1);u(e=>{e.setUTCHours(0,0,0,0)},(e,a)=>{e.setUTCDate(e.getUTCDate()+a)},(e,a)=>(a-e)/m,e=>e.getUTCDate()-1);u(e=>{e.setUTCHours(0,0,0,0)},(e,a)=>{e.setUTCDate(e.getUTCDate()+a)},(e,a)=>(a-e)/m,e=>Math.floor(e/m));const ne=':host{display:block;min-height:444px;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}@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:1rem}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 412px){.dates .date{width:38px;height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}',ie=ne;var se=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},E=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const R=class{constructor(e){t.registerInstance(this,e),this.dateSelected=t.createEvent(this,"dateSelected",7),this.monthChanged=t.createEvent(this,"monthChanged",7),this.selectableDates=void 0,this.selectedDate=void 0,this.configSettings=void 0,this.isLoading=void 0,this.month=this.selectedDate||new Date,this.dates=this.getDates(),this.disableNextMonthButton=!1}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}getDates(){const e=t.getLastDayOfMonth(this.month),a=t.getFirstDayOfMonth(this.month);return _.range(_.offset(a,-a.getDay()),_.offset(e,7-e.getDay()))}selectDate(e){this.dateSelected.emit(e)}changeMonth(e){var o,i;this.month=new Date(this.month.getFullYear(),this.month.getMonth()+e,1);const a=new Date(this.month.getFullYear(),this.month.getMonth()+1,1),n=(i=(o=this.configSettings)==null?void 0:o.scheduler)==null?void 0:i.available_days_in_future;t.addDaysToCurrentDate(new Date,n).getTime()<a.getTime()?this.disableNextMonthButton=!0:this.disableNextMonthButton=!1,this.dates=this.getDates(),this.monthChanged.emit(this.month),this.selectDate()}isSelected(e,a,n){return e&&a&&t.isSameDay(e,a)&&n&&(n==null?void 0:n.length)>0}isDisabled(e,a){return e&&(a==null?void 0:a.find(n=>t.isSameDay(n,e)))===void 0}render(){var e,a;return t.h(t.Host,{key:"fd7de67053417b11844a66e5b978f7feb80efe18",part:"ndp"},t.h("div",{key:"a08943851e2239ad12121b90f35760d73a085441",class:"nylas-date-picker"},t.h("div",{key:"832ad38012c55eb04ab2c5b0ceb50052ab3edd42",class:"header flex-row"},t.h("h2",{key:"2df451227e57dfee081c1d4435443e479cf8871c",part:"ndp__month-header"},t.h("strong",{key:"63421dca4b9bf36207ba05e9eff795c7c198287c"},this.month.toLocaleDateString(void 0,{month:"long"}))," ",this.month.toLocaleDateString(void 0,{year:"numeric"})),t.h("div",{key:"ca982a82d87baf5658674624c1153f14e77470aa",class:"pagination"},t.h("button",{key:"d2a41582014f92c23784c71fe1df9834d77fd355",onClick:()=>this.changeMonth(-1),class:{"chevron-left":!0,button:!0},disabled:!((e=this.selectableDates)!=null&&e.length)||this.month<=new Date,part:"ndp__month-button"},t.h("chevron-icon",{key:"4f319da7e440236edb9bfa711fb0b05cd046dc8e"})),t.h("button",{key:"ff00426293e1857592ebae58557ea46e5db9858d",onClick:()=>this.changeMonth(1),class:{"chevron-right":!0,button:!0},disabled:!((a=this.selectableDates)!=null&&a.length)||this.disableNextMonthButton,part:"ndp__month-button"},t.h("chevron-icon",{key:"7075f5e8da61c9d91fb612771a3d7672f1521b6f"})))),t.h("div",{key:"3ad884077d163de5182731c03bf856c9e204f411",class:"dates"},["SUN","MON","TUE","WED","THU","FRI","SAT"].map(n=>t.h("div",{class:"day",part:"ndp__day"},n)),this.dates.map((n,s)=>{var i;const o=this.isDisabled(n,this.selectableDates);return this.isLoading?t.h("button",{disabled:!0,class:{"date day-skeleton":!0,"current-month":t.isSameMonth(n,this.month)},style:{animationDelay:`${s*20}ms`},part:"ndp__date"},n.getDate()):t.h("button",{class:{date:!0,selected:!!(this.selectedDate&&t.isSameDay(n,this.selectedDate)&&this.selectableDates&&((i=this.selectableDates)==null?void 0:i.length)>0),"current-day":t.isSameDay(n,new Date),"current-month":t.isSameMonth(n,this.month)},"aria-lang":n.toLocaleDateString(void 0,{dateStyle:"full"}),disabled:o,onClick:()=>this.selectDate(n),part:`ndp__date ${this.isSelected(n,this.selectedDate,this.selectableDates)?"ndp__date--selected":""} ${t.isSameDay(n,new Date)?"ndp__date--current-day":""} ${t.isSameMonth(n,this.month)?"ndp__date--current-month":""}`},n.getDate())}))))}};se([b.RegisterComponent({name:"nylas-date-picker",stateToProps:new Map([["scheduler.selectableDates","selectableDates"],["scheduler.selectedDate","selectedDate"],["scheduler.isLoading","isLoading"],["scheduler.configSettings","configSettings"]]),eventToProps:{dateSelected:async(e,a)=>{a.scheduler.selectDate(e.detail)}},fireRegisterEvent:!0}),E("design:type",Function),E("design:paramtypes",[]),E("design:returntype",void 0)],R.prototype,"render",null);R.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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:68px;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}',oe=re;var le=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},T=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const M=class{constructor(e){t.registerInstance(this,e),this.timezoneChanged=t.createEvent(this,"timezoneChanged",7),this.languageChanged=t.createEvent(this,"languageChanged",7),this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.selectedLanguage=navigator.language}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}changeTimezone(e){this.selectedTimezone=e,this.timezoneChanged.emit(e)}changeLanguage(e){this.selectedLanguage=e,this.languageChanged.emit(e)}selectedOptionChangedHandler(e){const{name:a,value:n}=e.detail;a==="timezone"?this.changeTimezone(n):a==="language"&&this.changeLanguage(n)}getTimezoneLabelHTML(e){const a=d.getTimezoneOffset(e);return t.h("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},d.TIMEZONE_MAP[e]," ",t.h("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},a))}render(){const e=Object.keys(d.TIMEZONE_MAP).map(n=>({labelHTML:this.getTimezoneLabelHTML(n),label:d.TIMEZONE_MAP[n],value:n})),a=Object.keys(d.LANGUAGE_MAP).map(n=>({label:d.LANGUAGE_MAP[n],value:n}));return t.h(t.Host,{key:"688b90cbd1410a8025a8becfd3f979fc854c60a2"},t.h("div",{key:"a4f485ce6204d89e16336c93809dbcf5ebf862ef",class:"nylas-locale-switch"},t.h("div",{key:"5525e493d2f8e3258a2fe8b4c739db49d7ef1a35",class:{"select-wrapper":!0,timezone:!0}},t.h("select-dropdown",{key:"68f7f48a2cada4cc0c7327431f15384d17ebc261",name:"timezone",options:e,defaultSelectedOption:e.find(n=>n.value==this.selectedTimezone)},t.h("span",{key:"d1213a8cba28b2163997cdb4bce7e13d7485e869",slot:"select-icon"},t.h("globe-icon",{key:"f11285b20c93a42a0f195f89966bc7ff7b2d7322",width:"20",height:"20"})))),t.h("div",{key:"0287627954a80ef5092ded694e61ec2a19606667",class:{"select-wrapper":!0,language:!0}},t.h("select-dropdown",{key:"1bd58884de605b22cb6a5631b8e9f960cfa058d4",name:"language",options:a,defaultSelectedOption:a.find(n=>n.value==this.selectedLanguage)},t.h("span",{key:"0681b6c8296d60c258c2df3bcb60d895c0e0c533",slot:"select-icon"},t.h("translate-icon",{key:"bd3f346f56da2a139c5050799c9e2774d311d72c",width:"20",height:"20"}))))))}};le([b.RegisterComponent({name:"nylas-locale-switch",stateToProps:new Map([["scheduler.selectedLanguage","selectedLanguage"],["scheduler.selectedTimezone","selectedTimezone"]]),eventToProps:{timezoneChanged:async(e,a)=>{a.scheduler.selectTimezone(e.detail)}},fireRegisterEvent:!0}),T("design:type",Function),T("design:paramtypes",[]),T("design:returntype",void 0)],M.prototype,"render",null);M.style=oe;const ce=".sc-nylas-logo-h{display:flex}",de=ce,$=class{constructor(e){t.registerInstance(this,e),this.width="69",this.height="24"}render(){return t.h("svg",{key:"5aea87a70e3fd0d4db9231f986662a0e51d5225e",width:this.width,height:this.height,viewBox:"0 0 69 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("g",{key:"635ee7b2cff95d3949dc8a7aba5d7897ac42bec8","clip-path":"url(#clip0_455_3543)"},t.h("path",{key:"818b4ab1d5087f3dbd4b65ec92c46da729b7b034",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"}),t.h("path",{key:"0519037016d40d4c264b929f042bffde6fcb4095",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"}),t.h("path",{key:"10efd16fe4864b407bed8c54611001c6a0f5098f",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"}),t.h("path",{key:"0282ae1035c07bd0f8af5c3530ce7ce799dc2dc1",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"}),t.h("path",{key:"16e1d732c5e6eee5f772d45085103b099c3130bf",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"}),t.h("path",{key:"495550fe08ebeba1c89726b7009112e89088472a",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"}),t.h("path",{key:"effe06423b66ff0a533bfb8ec6d9a0cbbf19f765",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"}),t.h("path",{key:"785098f3a2ac3a19e79056e355365fd8ccc81cd9",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"})),t.h("defs",{key:"9466fc6ad025006936d16136c6f4be4b79282759"},t.h("clipPath",{key:"901a3ef6048680de4ddbdd8e3fd8edfbb7afc0f3",id:"clip0_455_3543"},t.h("rect",{key:"aee5f90208b83c446e4ac3877ce788d0dcad0de3",width:"68.7123",height:"19.2877",fill:"white",transform:"translate(0.144043 0.356201)"}))))}};$.style=de;const be=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error)}.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}',fe=be,A=class{constructor(e){t.registerInstance(this,e),this.ttl=5e3,this.allowedCategories=["component","api","validation","invalid_session"],this.notifications=[]}onError(e){t.debug(`[nylas-notification] Error: ${e.detail.title}`),this.handleNotification(e)}onWarning(e){t.debug(`[nylas-notification] Warning: ${e.detail.title}`),this.handleNotification(e)}onInfo(e){t.debug(`[nylas-notification] Info: ${e.detail.title}`),this.handleNotification(e)}onSuccess(e){t.debug(`[nylas-notification] Success: ${e.detail.title}`),this.handleNotification(e)}handleNotification(e){if(e.defaultPrevented){t.debug("[nylas-notification] Event default prevented");return}if(this.ttl===0){t.debug("[nylas-notification] TTL is 0");return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(e.detail.category)){t.debug("[nylas-notification] Category not allowed");return}if(this.notifications=[...this.notifications,{...e.detail}],e.detail.ttl!=="none"){const a=e.detail.ttl?e.detail.ttl:this.ttl;window.setTimeout(()=>{this.notifications=this.notifications.filter(n=>n.id!==e.detail.id)},a)}}dismissNotification(e){this.notifications=this.notifications.filter(a=>a.id!==e)}render(){return t.h(t.Host,{key:"16bd673245819e3ed76ba5689c3292be510e3cd7"},t.h(t.Fragment,{key:"d88e8ea863d00a8c982c7e26007c975526c7457f"},this.notifications.map(e=>t.h("div",{class:`notif ${e.type}`,key:e.id},t.h("div",{class:"content"},t.h("span",{class:`icon ${e.type}`},(e.type==="error"||e.type==="warning")&&t.h("warning-icon",null)),t.h("span",{class:"message"},t.h("span",{class:"title"},e.title),e.description&&t.h("span",{class:"description"},e.description))),t.h("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(e.id)},t.h("close-icon",null)))),t.h("slot",{key:"c40cb61ce0a1dbd3416824b7c26e08e3aea01eae"})))}};A.style=fe;const he=":host{display:block}sp-theme{position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:min(max(14px, 3vw), 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}}",me=he;var ue=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},D=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const P=class{constructor(e){t.registerInstance(this,e),this.selectedDate=void 0,this.selectedTimeslot=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.startTime="",this.endTime=""}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){t.debug("[nylas-selected-event-card] Component will load")}async componentDidLoad(){t.debug("[nylas-selected-event-card] Component did load")}handleSelectedTimeslotChange(e){this.startTime=new Date(e==null?void 0:e.start_time).toLocaleString(void 0,{timeStyle:"short"}),this.endTime=new Date(e==null?void 0:e.end_time).toLocaleString(void 0,{timeStyle:"short"})}render(){var e;return t.h(t.Host,{key:"1104fd2969ab03bb794c17bbf08f1600a200448c",part:"nsec"},t.h("sp-theme",{key:"674934ecb54519d9e8c227a9946b9725518b77e5",theme:"spectrum",color:"dark",scale:"medium"},t.h("div",{key:"4d492e825e93b93ff96af4970812178656de4ab8",class:"event-card",part:"nsec__card"},t.h("div",{key:"239131412dab45da5b1f7bfe3b4a2eda45a2978b",class:"calendar-icon",part:"nsec__icon"},t.h("calendar-icon",{key:"a2fa2f47b94a2c331d4cac88ef736faef3e30dae"})),t.h("div",{key:"81c873d5c2019b6ae1d8b746685dbe5efc2d7d0b",class:"nylas-selected-event-card__date",part:"nsec__date"},(e=this.selectedDate)==null?void 0:e.toLocaleDateString(void 0,{dateStyle:"full"})),t.h("div",{key:"67348e66fd879ead10594b216a2d66cf7da272aa",class:"nylas-selected-event-card__time",part:"nsec__time"},this.startTime," - ",this.endTime)),t.h("div",{key:"0fc6452dae7c5998a70d116c9bdfe25ab109661c",class:"event-timezone",part:"nsec__timezone"},t.h("globe-icon",{key:"86c4a1e2728a30e34805a7c286378fe9adef110e"}),d.TIMEZONE_MAP[this.selectedTimezone])))}static get watchers(){return{selectedTimeslot:["handleSelectedTimeslotChange"]}}};ue([b.RegisterComponent({name:"nylas-selected-event-card",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"]]),eventToProps:{},fireRegisterEvent:!0}),D("design:type",Function),D("design:paramtypes",[]),D("design:returntype",void 0)],P.prototype,"render",null);P.style=me;const pe=":host{display:block;height:calc(100% - 48px)}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.time-slots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .time-slot-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:10px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}.footer sp-button{padding:14px;color:var(--nylas-base-100);border-radius:var(--nylas-border-radius-2x);width:100%;height:48px;font-weight:600;font-size:16px;background-color:var(--nylas-primary);border:none}.footer sp-button:hover,.footer sp-button:focus{background-color:var(--nylas-base-600)}.footer sp-button:active{background-color:var(--nylas-base-800)}",ye=pe;var ge=function(e,a,n,s){var o=arguments.length,i=o<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,n):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,n,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(i=(o<3?r(i):o>3?r(a,n,i):r(a,n))||i);return o>3&&i&&Object.defineProperty(a,n,i),i},S=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const j=class{constructor(e){t.registerInstance(this,e),this.timeslotSelected=t.createEvent(this,"timeslotSelected",7),this.timeslotConfirmed=t.createEvent(this,"timeslotConfirmed",7),this.handleConfirmedTimeslot=async(a,n)=>{a.preventDefault(),t.debug("[nylas-timeslot-picker] Confirm timeslot",n),this.timeslotConfirmed.emit(n)},this.handleMouseEnter=a=>{this.hoveredTimeslotIndex=a},this.handleMouseLeave=()=>{this.hoveredTimeslotIndex=-1},this.selectedDate=new Date,this.availability=void 0,this.selectedTimeslot=void 0,this.isLoading=void 0,this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.times=[],this.hoveredTimeslotIndex=void 0,this.selectedTimeslotIndex=void 0}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){var a;const e=(a=this.availability)==null?void 0:a.filter(n=>this.selectedDate&&t.isSameDay(n.start_time,this.selectedDate)).map(n=>n);this.times=e||[],t.debug("[nylas-timeslot-picker] Component will load",{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){t.debug("[nylas-timeslot-picker] Component did load")}getTimeslotId(e,a){return`${e.toLocaleDateString()}-${a}`}onClickSelectTime(e,a){t.debug("[nylas-timeslot-picker] Time selected",e,a),this.selectedTimeslotIndex=this.getTimeslotId(e.start_time,a),this.timeslotSelected.emit({start_time:e.start_time,end_time:e.end_time})}getTimeSlotLabel(e){const a=new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"numeric",timeZone:this.selectedTimezone});return`${a.format(e.start_time)} - ${a.format(e.end_time)}`}selectedDateChanged(e){var a;if(t.debug("[nylas-timeslot-picker] Selected date changed",{newVal:e}),e&&(this.selectedTimeslotIndex="",typeof e<"u")){const n=(a=this.availability)==null?void 0:a.filter(s=>t.isSameDay(s.start_time,e)).map(s=>s);this.times=n||[]}}availabilityChanged(e){if(t.debug("[nylas-timeslot-picker] Available times changed",{newVal:e,selectedDate:this.selectedDate}),typeof e<"u"){const a=e==null?void 0:e.filter(n=>this.selectedDate&&t.isSameDay(n.start_time,this.selectedDate)).map(n=>n);this.times=a||[]}}render(){return this.isLoading?t.h(t.Host,null,t.h("div",{class:"loading"},new Array(6).fill(0).map((e,a)=>t.h("div",{class:"time-slot-skeleton",style:{animationDelay:`${a*20}ms`}})))):this.availability&&this.availability.length===0?t.h(t.Host,null,t.h("div",{class:"empty"},t.h("span",null,"No dates available"))):(!this.times||this.times.length===0)&&this.selectedDate?t.h(t.Host,null,t.h("div",{class:"empty"},t.h("span",null,"No time slots available for selected date"))):this.selectedDate?t.h(t.Host,{part:"ntp"},t.h("div",{class:"time-picker-wrapper"},t.h("div",{class:"time-slots"},this.times.map((e,a)=>{var n,s,o,i;return t.h("button",{part:`ntp__timeslot ${((s=(n=this.selectedTimeslot)==null?void 0:n.start_time)==null?void 0:s.getTime())===e.start_time.getTime()?"ntp__timeslot--selected":""}`,"aria-role":"button",class:{time:!0,selected:typeof this.selectedTimeslot<"u"&&((i=(o=this.selectedTimeslot)==null?void 0:o.start_time)==null?void 0:i.getTime())===e.start_time.getTime()},onClick:()=>this.onClickSelectTime(e,a),onMouseEnter:()=>this.handleMouseEnter(a),onMouseLeave:()=>this.handleMouseLeave()},this.hoveredTimeslotIndex==a||this.selectedTimeslotIndex==this.getTimeslotId(e.start_time,a)?this.getTimeSlotLabel(e):e.start_time.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone}))})),this.selectedTimeslot&&t.h("div",{class:"footer"},t.h("sp-button",{variant:"primary",onClick:e=>this.handleConfirmedTimeslot(e,this.selectedTimeslot),part:"ntp__button-primary"},t.h("slot",{name:"timeslot-picker-cta-label"},"Next"))))):t.h(t.Host,null)}static get watchers(){return{selectedDate:["selectedDateChanged"],availability:["availabilityChanged"]}}};ge([b.RegisterComponent({name:"nylas-timeslot-picker",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.availability","availability"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.isLoading","isLoading"]]),eventToProps:{timeslotSelected:async(e,a)=>{a.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,a)=>{e.detail&&a.scheduler.toggleAdditionalData(!0)}},fireRegisterEvent:!0}),S("design:type",Function),S("design:paramtypes",[]),S("design:returntype",void 0)],j.prototype,"render",null);j.style=ye;exports.nylas_booked_event_card=z;exports.nylas_booking_form=B;exports.nylas_cancel_booking_form=L;exports.nylas_cancelled_event_card=I;exports.nylas_date_picker=R;exports.nylas_locale_switch=M;exports.nylas_logo=$;exports.nylas_notification=A;exports.nylas_selected_event_card=P;exports.nylas_timeslot_picker=j;
|