@nylas/react 1.4.0 → 1.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{add-circle-icon_2.entry-dbad9a3b.js → add-circle-icon_2.entry-6b57fd96.js} +1 -1
- package/dist/{add-circle-icon_2.entry-6e8e4e1e.cjs → add-circle-icon_2.entry-db0c5d68.cjs} +1 -1
- package/dist/{archive-icon.entry-21f532af.cjs → archive-icon.entry-bf00cb75.cjs} +1 -1
- package/dist/{archive-icon.entry-802f7877.js → archive-icon.entry-cf731ded.js} +1 -1
- package/dist/{arrow-icon.entry-e3dec626.js → arrow-icon.entry-2471d146.js} +1 -1
- package/dist/{arrow-icon.entry-e9af732a.cjs → arrow-icon.entry-5031b5ac.cjs} +1 -1
- package/dist/{bold-icon.entry-1a2be28a.cjs → bold-icon.entry-9cec8c45.cjs} +1 -1
- package/dist/{bold-icon.entry-0492ff02.js → bold-icon.entry-da045de2.js} +1 -1
- package/dist/{button-component_2.entry-fea9bd3d.js → button-component_2.entry-ad0e9642.js} +8 -8
- package/dist/{button-component_2.entry-f0c7f894.cjs → button-component_2.entry-adbcccdf.cjs} +1 -1
- package/dist/{calendar-agenda-fill-icon_36.entry-c85d6a79.js → calendar-agenda-fill-icon_36.entry-05898830.js} +509 -462
- package/dist/calendar-agenda-fill-icon_36.entry-aeb96033.cjs +6 -0
- package/dist/{calendar-cancel-icon.entry-237b8c9e.cjs → calendar-cancel-icon.entry-7b62f915.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-e7dd5b8f.js → calendar-cancel-icon.entry-85ebd74c.js} +1 -1
- package/dist/{calendar-check-icon_2.entry-a868e0bc.cjs → calendar-check-icon_2.entry-2e1586eb.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-c7f47fc8.js → calendar-check-icon_2.entry-72ab0311.js} +1 -1
- package/dist/{calendar-icon.entry-324de624.js → calendar-icon.entry-230a1263.js} +1 -1
- package/dist/{calendar-icon.entry-071eb30d.cjs → calendar-icon.entry-b8c87d5f.cjs} +1 -1
- package/dist/{checkbox-component.entry-0f9970cc.js → checkbox-component.entry-51287f4f.js} +1 -1
- package/dist/{checkbox-component.entry-5bcf4b08.cjs → checkbox-component.entry-b6f0741a.cjs} +1 -1
- package/dist/{checkmark-icon_15.entry-98377585.js → checkmark-icon_15.entry-554964a3.js} +7 -7
- package/dist/{checkmark-icon_15.entry-7776e533.cjs → checkmark-icon_15.entry-a61f7d0b.cjs} +2 -2
- package/dist/{chevron-icon_3.entry-526b4b85.cjs → chevron-icon_3.entry-3913b854.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-ec66260c.js → chevron-icon_3.entry-4595b992.js} +5 -5
- package/dist/{clock-icon_4.entry-66d15f7c.cjs → clock-icon_4.entry-282b96df.cjs} +1 -1
- package/dist/{clock-icon_4.entry-4fa47996.js → clock-icon_4.entry-e081381a.js} +1 -1
- package/dist/{constants-f5ba52b9-40ab2ded.js → constants-3d8016e3-3c080f00.js} +17 -28
- package/dist/constants-3d8016e3-fd6c3848.cjs +1 -0
- package/dist/{customParseFormat-39eacb44-45ade322.cjs → customParseFormat-a4d9ea69-573fe3af.cjs} +1 -1
- package/dist/{customParseFormat-39eacb44-eeffe2bb.js → customParseFormat-a4d9ea69-aeaa945c.js} +1 -1
- package/dist/{delete-icon.entry-540aa2bb.cjs → delete-icon.entry-6c9be3e2.cjs} +1 -1
- package/dist/{delete-icon.entry-95d01eb8.js → delete-icon.entry-e5182b5a.js} +1 -1
- package/dist/{document-refresh-icon.entry-c467f082.cjs → document-refresh-icon.entry-018ce16d.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-b82d5da8.js → document-refresh-icon.entry-0b2c1eb1.js} +1 -1
- package/dist/{feedbackSync-47d13bb0-9f249f33.cjs → feedbackSync-aa8d23d1-2c779b00.cjs} +1 -1
- package/dist/{feedbackSync-47d13bb0-5608d680.js → feedbackSync-aa8d23d1-785b41fd.js} +1 -1
- package/dist/{folder-icon.entry-cb0dc63d.js → folder-icon.entry-eb9c7f65.js} +1 -1
- package/dist/{folder-icon.entry-4d48c2ee.cjs → folder-icon.entry-fdce88ea.cjs} +1 -1
- package/dist/{forward-icon.entry-5aa01f53.js → forward-icon.entry-0b9c7166.js} +1 -1
- package/dist/{forward-icon.entry-d04aaf6d.cjs → forward-icon.entry-1ea23df4.cjs} +1 -1
- package/dist/{globe-icon_2.entry-87e29cdf.cjs → globe-icon_2.entry-385877d0.cjs} +1 -1
- package/dist/{globe-icon_2.entry-c7ae78cc.js → globe-icon_2.entry-3cf1b102.js} +3 -3
- package/dist/google-logo-icon_6.entry-9d97b8db.cjs +2 -0
- package/dist/{google-logo-icon_6.entry-80a6bfa3.js → google-logo-icon_6.entry-f5adddf0.js} +314 -287
- package/dist/{google-meet-icon_5.entry-4e71c83b.js → google-meet-icon_5.entry-20574ba9.js} +1 -1
- package/dist/{google-meet-icon_5.entry-26d667b6.cjs → google-meet-icon_5.entry-e5c673bf.cjs} +1 -1
- package/dist/{inbox-icon.entry-60a82bfc.cjs → inbox-icon.entry-29169ba7.cjs} +1 -1
- package/dist/{inbox-icon.entry-77e4e17b.js → inbox-icon.entry-3ed18276.js} +1 -1
- package/dist/index-58c1674c.cjs +57 -0
- package/dist/{index-04630615.js → index-b04bb93f.js} +114 -87
- package/dist/{index.es-1fdb1e36-fbdb04fa.js → index.es-6d4b50d5-724fa642.js} +1 -1
- package/dist/{index.es-1fdb1e36-830a422f.cjs → index.es-6d4b50d5-7383c4f8.cjs} +1 -1
- package/dist/{info-icon_2.entry-34800b66.cjs → info-icon_2.entry-4fa9aa36.cjs} +1 -1
- package/dist/{info-icon_2.entry-3c483f61.js → info-icon_2.entry-f709a5bf.js} +1 -1
- package/dist/{input-component.entry-ea4016fe.js → input-component.entry-1b91f7cf.js} +1 -1
- package/dist/{input-component.entry-f7ccf3d6.cjs → input-component.entry-82dc06b1.cjs} +1 -1
- package/dist/{input-dropdown_2.entry-d4024d2f.cjs → input-dropdown_2.entry-0601fe2f.cjs} +1 -1
- package/dist/{input-dropdown_2.entry-c7730cf8.js → input-dropdown_2.entry-600dfd62.js} +4 -4
- package/dist/{italic-icon.entry-6e0805ab.js → italic-icon.entry-7bb5d844.js} +1 -1
- package/dist/{italic-icon.entry-8127c2ee.cjs → italic-icon.entry-cfeb3329.cjs} +1 -1
- package/dist/{multi-select-dropdown_2.entry-d749999d.js → multi-select-dropdown_2.entry-2e2caeeb.js} +2 -2
- package/dist/{multi-select-dropdown_2.entry-49d6f0e7.cjs → multi-select-dropdown_2.entry-ded44143.cjs} +1 -1
- package/dist/{notebook-store-b61693cd-7a5576e7.js → notebook-store-b61693cd-a6630a19.js} +1 -1
- package/dist/{notebook-store-b61693cd-84de36d2.cjs → notebook-store-b61693cd-fe56f6e3.cjs} +1 -1
- package/dist/{nylas-booked-event-card_12.entry-3fcfd6f9.js → nylas-booked-event-card_12.entry-46bf945a.js} +347 -343
- package/dist/nylas-booked-event-card_12.entry-c0d66ddf.cjs +1 -0
- package/dist/{nylas-call-summary.entry-38aed89a.js → nylas-call-summary.entry-02a9b542.js} +1 -1
- package/dist/{nylas-call-summary.entry-e9adcb93.cjs → nylas-call-summary.entry-92089a11.cjs} +1 -1
- package/dist/{nylas-event-calendar_3.entry-48f656e5.cjs → nylas-event-calendar_3.entry-c7421045.cjs} +2 -2
- package/dist/{nylas-event-calendar_3.entry-62d1f1f5.js → nylas-event-calendar_3.entry-c77a26ca.js} +35 -23
- package/dist/{nylas-form-card.entry-b900b46e.cjs → nylas-form-card.entry-48b2d9d4.cjs} +1 -1
- package/dist/{nylas-form-card.entry-3828ccb1.js → nylas-form-card.entry-ddaea368.js} +2 -2
- package/dist/{nylas-if-state.entry-92af0a51.cjs → nylas-if-state.entry-b7c26f4c.cjs} +1 -1
- package/dist/{nylas-if-state.entry-2810dcf5.js → nylas-if-state.entry-bd3cba4e.js} +2 -2
- package/dist/{nylas-key-points.entry-977a6fae.js → nylas-key-points.entry-d9a22328.js} +3 -3
- package/dist/{nylas-key-points.entry-de658637.cjs → nylas-key-points.entry-da89162b.cjs} +1 -1
- package/dist/{nylas-login.entry-4a6c11e6.cjs → nylas-login.entry-a4ee2c70.cjs} +1 -1
- package/dist/{nylas-login.entry-8101d3d0.js → nylas-login.entry-cb830f5d.js} +2 -2
- package/dist/{nylas-provider.entry-c054d68a.js → nylas-provider.entry-7b416341.js} +5 -5
- package/dist/{nylas-provider.entry-b7ac25f5.cjs → nylas-provider.entry-8f71dc58.cjs} +1 -1
- package/dist/{nylas-scheduler-editor.entry-e35fad5c.js → nylas-scheduler-editor.entry-04e8f10b.js} +20 -20
- package/dist/nylas-scheduler-editor.entry-77f49e22.cjs +2 -0
- package/dist/nylas-scheduling.entry-df177e08.cjs +1 -0
- package/dist/{nylas-scheduling.entry-360b978c.js → nylas-scheduling.entry-f187da9e.js} +33 -33
- package/dist/{nylas-transcript.entry-81e2c821.js → nylas-transcript.entry-130d62d2.js} +24 -24
- package/dist/{nylas-transcript.entry-4d973027.cjs → nylas-transcript.entry-f35ee1ec.cjs} +3 -3
- package/dist/nylas-video-player.entry-3e1d8faa.js +39 -0
- package/dist/nylas-video-player.entry-7ba2cd73.cjs +1 -0
- package/dist/{nylas-video-preview.entry-12e05e4d.cjs → nylas-video-preview.entry-84b7d31d.cjs} +1 -1
- package/dist/{nylas-video-preview.entry-320421b6.js → nylas-video-preview.entry-85751140.js} +1 -1
- package/dist/{person-icon.entry-967ad730.cjs → person-icon.entry-28c58d83.cjs} +1 -1
- package/dist/{person-icon.entry-8533209c.js → person-icon.entry-29a5030a.js} +1 -1
- package/dist/{play-icon.entry-7b1fd79d.cjs → play-icon.entry-4f53806b.cjs} +1 -1
- package/dist/{play-icon.entry-15ee8568.js → play-icon.entry-78eb1cc5.js} +1 -1
- package/dist/{radio-button-group.entry-53dcf16c.js → radio-button-group.entry-1739abfc.js} +1 -1
- package/dist/{radio-button-group.entry-24cb342f.cjs → radio-button-group.entry-1d2a0c94.cjs} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/{refresh-icon.entry-f3320971.js → refresh-icon.entry-8703a22f.js} +1 -1
- package/dist/{refresh-icon.entry-0486ae54.cjs → refresh-icon.entry-e5f2b07f.cjs} +1 -1
- package/dist/{register-component-504a1cbb-89124fd8.cjs → register-component-238f28de-4166d4fd.cjs} +1 -1
- package/dist/{register-component-504a1cbb-5f986d7f.js → register-component-238f28de-daee0751.js} +1 -1
- package/dist/{reply-all-icon.entry-2cea1a40.cjs → reply-all-icon.entry-77711564.cjs} +1 -1
- package/dist/{reply-all-icon.entry-006fd1fb.js → reply-all-icon.entry-c1da34a1.js} +1 -1
- package/dist/{reply-icon.entry-d27166a1.js → reply-icon.entry-1fe825af.js} +1 -1
- package/dist/{reply-icon.entry-bd252aed.cjs → reply-icon.entry-267c524a.cjs} +1 -1
- package/dist/{scheduler-config-store-d6729d8d-4a2defea.cjs → scheduler-config-store-d6729d8d-39f2a8c8.cjs} +1 -1
- package/dist/{scheduler-config-store-d6729d8d-63e34849.js → scheduler-config-store-d6729d8d-634e14c6.js} +1 -1
- package/dist/{scheduler-store-baf100ed-81b183dc.js → scheduler-store-82bb212a-64d99231.js} +60 -60
- package/dist/scheduler-store-82bb212a-dd809b50.cjs +1 -0
- package/dist/{sent-icon.entry-ee434395.cjs → sent-icon.entry-82b5056c.cjs} +1 -1
- package/dist/{sent-icon.entry-bf101068.js → sent-icon.entry-86f841dd.js} +1 -1
- package/dist/{spam-icon.entry-11016b63.cjs → spam-icon.entry-ce6d3260.cjs} +1 -1
- package/dist/{spam-icon.entry-5193f9c6.js → spam-icon.entry-d8a9b8c3.js} +1 -1
- package/dist/{star-icon.entry-0e269252.cjs → star-icon.entry-13fec0d7.cjs} +1 -1
- package/dist/{star-icon.entry-9c7449f3.js → star-icon.entry-c9272ed6.js} +1 -1
- package/dist/{stop-icon.entry-86412c9f.cjs → stop-icon.entry-95c34b68.cjs} +1 -1
- package/dist/{stop-icon.entry-2ac11166.js → stop-icon.entry-ae569b6b.js} +1 -1
- package/dist/{textarea-component.entry-27717409.cjs → textarea-component.entry-75f2e50a.cjs} +1 -1
- package/dist/{textarea-component.entry-9df3fa96.js → textarea-component.entry-9d484b96.js} +1 -1
- package/dist/{toggle-switch.entry-a5ddfad9.js → toggle-switch.entry-3a2069a0.js} +1 -1
- package/dist/{toggle-switch.entry-9623e2b2.cjs → toggle-switch.entry-b832b7bf.cjs} +1 -1
- package/dist/{translate-icon.entry-e0617680.cjs → translate-icon.entry-a2f84ac4.cjs} +1 -1
- package/dist/{translate-icon.entry-f22293e6.js → translate-icon.entry-b9347ebf.js} +1 -1
- package/dist/{trash-fill-icon.entry-2616c5df.js → trash-fill-icon.entry-25a48052.js} +1 -1
- package/dist/{trash-fill-icon.entry-0275f657.cjs → trash-fill-icon.entry-ae7a4d13.cjs} +1 -1
- package/dist/{underline-icon.entry-d54b06ab.cjs → underline-icon.entry-2e75ba4c.cjs} +1 -1
- package/dist/{underline-icon.entry-1110dcb1.js → underline-icon.entry-53025db9.js} +1 -1
- package/dist/{warning-icon.entry-9a6e7913.js → warning-icon.entry-5c49aabe.js} +1 -1
- package/dist/{warning-icon.entry-6d390ab7.cjs → warning-icon.entry-a87938c6.cjs} +1 -1
- package/package.json +4 -4
- package/dist/calendar-agenda-fill-icon_36.entry-70681da2.cjs +0 -6
- package/dist/constants-f5ba52b9-a0866d2f.cjs +0 -1
- package/dist/google-logo-icon_6.entry-a8b6efc0.cjs +0 -2
- package/dist/index-3d1f13d6.cjs +0 -57
- package/dist/nylas-booked-event-card_12.entry-29337b10.cjs +0 -1
- package/dist/nylas-scheduler-editor.entry-1538950d.cjs +0 -2
- package/dist/nylas-scheduling.entry-92351cd2.cjs +0 -1
- package/dist/nylas-video-player.entry-60268c07.js +0 -39
- package/dist/nylas-video-player.entry-f3c2b073.cjs +0 -1
- package/dist/scheduler-store-baf100ed-5c5d3aa5.cjs +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { i as u, r as Q, c as w, d as P, k as E, l as X, m as Z, h as n, H as C, g as V, F as ee } from "./index-
|
|
2
|
-
import { n as T, N as te } from "./index.es-
|
|
3
|
-
import { E as
|
|
4
|
-
import { L as oe
|
|
5
|
-
import { i as
|
|
1
|
+
import { i as u, r as Q, c as w, d as P, k as E, l as X, m as Z, h as n, H as C, g as V, F as ee } from "./index-b04bb93f.js";
|
|
2
|
+
import { n as T, N as te } from "./index.es-6d4b50d5-724fa642.js";
|
|
3
|
+
import { E as R, C as ne, N as ie } from "./scheduler-store-82bb212a-64d99231.js";
|
|
4
|
+
import { L as oe } from "./constants-3d8016e3-3c080f00.js";
|
|
5
|
+
import { i as se, a as ae, c as re, b as le, f as de } from "./feedbackSync-aa8d23d1-785b41fd.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react/jsx-runtime";
|
|
8
8
|
import "react-dom";
|
|
9
|
-
class
|
|
9
|
+
class ce {
|
|
10
10
|
constructor({ schedulerAPIURL: e, nylasSchedulerStore: i, sessionId: a, configId: s, slug: r, clientId: l }) {
|
|
11
11
|
if (!e)
|
|
12
12
|
throw new Error("schedulerAPIURL is required");
|
|
@@ -69,21 +69,21 @@ const x = (t, e) => {
|
|
|
69
69
|
n("nylas-logo", { "aria-hidden": !0 })
|
|
70
70
|
))
|
|
71
71
|
);
|
|
72
|
-
}, Y = (t, e) => n("div", { class: "message-banner" }, e),
|
|
72
|
+
}, Y = (t, e) => n("div", { class: "message-banner" }, e), he = ':host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto;border-left:none}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer .powered-by-nylas{display:flex;align-items:center;text-decoration:none;color:var(--nylas-base-500)}.footer .powered-by-nylas:hover{color:var(--nylas-base-800)}.footer svg{fill:var(--nylas-base-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}nylas-feedback-form{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}', ge = he, J = { title: u.t("genericErrorTitle"), type: T.Error, category: R.Component }, fe = class {
|
|
73
73
|
constructor(t) {
|
|
74
|
-
Q(this, t), this.init = w(this, "init", 7), this.schedulerWillLoad = w(this, "schedulerWillLoad", 7), this.schedulerDidLoad = w(this, "schedulerDidLoad", 7), this.nylasSchedulerError = w(this, "nylasSchedulerError", 7), this.nylasSchedulerInfo = w(this, "nylasSchedulerInfo", 7), this.configSettingsLoaded = w(this, "configSettingsLoaded", 7), this.bookingRefExtracted = w(this, "bookingRefExtracted", 7), this.bookedEventInfo = w(this, "bookedEventInfo", 7), this.mode = "app", this.defaultSchedulerState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingRef = void 0, this.cancelBookingRef = void 0, this.organizerConfirmationBookingRef = void 0, this.configurationId = void 0, this.slug = void 0, this.clientId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.localization = void 0, this.showNotification = !0, this.enableUserFeedback = !0, this.hour12 = void 0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(
|
|
74
|
+
Q(this, t), this.init = w(this, "init", 7), this.schedulerWillLoad = w(this, "schedulerWillLoad", 7), this.schedulerDidLoad = w(this, "schedulerDidLoad", 7), this.nylasSchedulerError = w(this, "nylasSchedulerError", 7), this.nylasSchedulerInfo = w(this, "nylasSchedulerInfo", 7), this.configSettingsLoaded = w(this, "configSettingsLoaded", 7), this.bookingRefExtracted = w(this, "bookingRefExtracted", 7), this.bookedEventInfo = w(this, "bookedEventInfo", 7), this.mode = "app", this.defaultSchedulerState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingRef = void 0, this.cancelBookingRef = void 0, this.organizerConfirmationBookingRef = void 0, this.configurationId = void 0, this.slug = void 0, this.clientId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.localization = void 0, this.showNotification = !0, this.enableUserFeedback = !0, this.hour12 = void 0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(navigator.language, { dateStyle: "full" }) || `${u.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language, this.showFeedbackModal = !1, this.bookingInfoConfirmed = null;
|
|
75
75
|
}
|
|
76
76
|
connectedCallback() {
|
|
77
77
|
P("[nylas-scheduler] connectedCallback");
|
|
78
78
|
}
|
|
79
79
|
async componentWillLoad() {
|
|
80
80
|
var s, r;
|
|
81
|
-
P("[nylas-scheduler] Component will load"), this.enableUserFeedback && !
|
|
81
|
+
P("[nylas-scheduler] Component will load"), this.enableUserFeedback && !se() && ae({
|
|
82
82
|
dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
|
|
83
|
-
release: "1.4.
|
|
83
|
+
release: "1.4.2",
|
|
84
84
|
integrations: (l) => [
|
|
85
85
|
...l.filter((o) => !1),
|
|
86
|
-
|
|
86
|
+
de({
|
|
87
87
|
colorScheme: "system",
|
|
88
88
|
autoInject: !1
|
|
89
89
|
})
|
|
@@ -117,7 +117,7 @@ const x = (t, e) => {
|
|
|
117
117
|
if ("bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(e, this.nylasSchedulerConnector), e.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
|
|
118
118
|
return;
|
|
119
119
|
const i = (s = this.baseProvider) == null ? void 0 : s.getStore("scheduler");
|
|
120
|
-
this.nylasSchedulerConnector = new
|
|
120
|
+
this.nylasSchedulerConnector = new ce({
|
|
121
121
|
schedulerAPIURL: this.schedulerApiUrl,
|
|
122
122
|
sessionId: this.sessionId,
|
|
123
123
|
configId: this.refConfigId,
|
|
@@ -158,16 +158,16 @@ const x = (t, e) => {
|
|
|
158
158
|
let o;
|
|
159
159
|
if (!(l && l.length > 0)) {
|
|
160
160
|
if (r) {
|
|
161
|
-
const { startTime: b, endTime:
|
|
162
|
-
r.getTime() <
|
|
161
|
+
const { startTime: b, endTime: v, endTimeForAvailableDaysInFuture: _ } = this.validateAvailableDaysInFuture(r, a || 30);
|
|
162
|
+
r.getTime() < _ * 1e3 && (o = await ((D = this.nylasSchedulerConnector) == null ? void 0 : D.scheduler.getAvailability(b, v)));
|
|
163
163
|
} else {
|
|
164
|
-
const b = /* @__PURE__ */ new Date(), { startTime:
|
|
165
|
-
b.getTime() <
|
|
164
|
+
const b = /* @__PURE__ */ new Date(), { startTime: v, endTime: _, endTimeForAvailableDaysInFuture: F } = this.validateAvailableDaysInFuture(b, a || 30);
|
|
165
|
+
b.getTime() < F * 1e3 && (o = await ((k = this.nylasSchedulerConnector) == null ? void 0 : k.scheduler.getAvailability(v, _)));
|
|
166
166
|
}
|
|
167
167
|
if ((!o || "error" in o) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(o == null ? void 0 : o.error) }, host: this.host }), !r) {
|
|
168
168
|
let b = /* @__PURE__ */ new Date();
|
|
169
|
-
const
|
|
170
|
-
|
|
169
|
+
const v = i == null ? void 0 : i.get("availability").find((_) => new Date(_.start_time) > /* @__PURE__ */ new Date());
|
|
170
|
+
v && (b = v.start_time), i == null || i.set("selectedDate", b);
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
173
|
}
|
|
@@ -265,7 +265,7 @@ const x = (t, e) => {
|
|
|
265
265
|
}
|
|
266
266
|
dateSelectedHandler(t) {
|
|
267
267
|
const e = t.detail;
|
|
268
|
-
this.selectedDateLabel = e ? e.toLocaleDateString(
|
|
268
|
+
this.selectedDateLabel = e ? e.toLocaleDateString(this.language, { dateStyle: "full" }) : `${u.t("noDateSelected")}`;
|
|
269
269
|
}
|
|
270
270
|
cancelBookedEventErrorHandler(t) {
|
|
271
271
|
this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
|
|
@@ -287,7 +287,7 @@ const x = (t, e) => {
|
|
|
287
287
|
t.detail.type === "error" ? this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject({ message: e }) }, host: this.host }) : this.nylasSchedulerInfo.emit({
|
|
288
288
|
notification: {
|
|
289
289
|
title: "Event is full",
|
|
290
|
-
category:
|
|
290
|
+
category: R.Component,
|
|
291
291
|
type: T.Info,
|
|
292
292
|
description: "The event you selected is full. Please try a different time.",
|
|
293
293
|
id: (/* @__PURE__ */ new Date()).getTime().toString(),
|
|
@@ -298,7 +298,7 @@ const x = (t, e) => {
|
|
|
298
298
|
}
|
|
299
299
|
feedbackSubmittedHandler(t) {
|
|
300
300
|
const i = {
|
|
301
|
-
eventId:
|
|
301
|
+
eventId: re("Scheduling Page User Feedback", {
|
|
302
302
|
extra: {
|
|
303
303
|
configId: this.configurationId,
|
|
304
304
|
slug: this.slug
|
|
@@ -306,12 +306,12 @@ const x = (t, e) => {
|
|
|
306
306
|
}),
|
|
307
307
|
message: t.detail.feedback
|
|
308
308
|
};
|
|
309
|
-
|
|
309
|
+
le(i, {
|
|
310
310
|
includeReplay: !0,
|
|
311
311
|
captureContext: {
|
|
312
312
|
tags: {
|
|
313
313
|
"nylas-web-element": "nylas-scheduling",
|
|
314
|
-
"nylas-web-element-version": "1.4.
|
|
314
|
+
"nylas-web-element-version": "1.4.2",
|
|
315
315
|
"nylas-config-id": this.configurationId,
|
|
316
316
|
"nylas-slug": this.slug,
|
|
317
317
|
"host-url": window.location.href
|
|
@@ -349,7 +349,7 @@ const x = (t, e) => {
|
|
|
349
349
|
return this.sessionId || (t += u.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (t = u.t("sessionIdRequiredErrorMessage") + " " + u.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
|
|
350
350
|
notification: {
|
|
351
351
|
title: u.t("schedulingComponentErrorTitle"),
|
|
352
|
-
category:
|
|
352
|
+
category: R.Component,
|
|
353
353
|
type: T.Error,
|
|
354
354
|
description: t,
|
|
355
355
|
id: (/* @__PURE__ */ new Date()).getTime().toString(),
|
|
@@ -364,7 +364,7 @@ const x = (t, e) => {
|
|
|
364
364
|
return new Date(t.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
|
|
365
365
|
notification: {
|
|
366
366
|
title: u.t("invalidTimeslotErrorTitle"),
|
|
367
|
-
category:
|
|
367
|
+
category: R.Component,
|
|
368
368
|
type: T.Error,
|
|
369
369
|
description: u.t("invalidTimeslotErrorMessage"),
|
|
370
370
|
id: (/* @__PURE__ */ new Date()).getTime().toString(),
|
|
@@ -389,9 +389,9 @@ const x = (t, e) => {
|
|
|
389
389
|
window.location.assign(t);
|
|
390
390
|
}
|
|
391
391
|
render() {
|
|
392
|
-
var k, D, b,
|
|
392
|
+
var k, D, b, v, _, F, N, A, M, U, j, H;
|
|
393
393
|
const t = this.mode === "app", e = (k = this.baseProvider) == null ? void 0 : k.getStore("scheduler"), i = e == null ? void 0 : e.get("eventInfo"), a = e == null ? void 0 : e.get("showBookingForm"), s = e == null ? void 0 : e.get("cancelledEventInfo"), r = e == null ? void 0 : e.get("cancelBookingId"), l = e == null ? void 0 : e.get("selectedTimeslot"), o = e == null ? void 0 : e.get("rescheduleBookingId"), c = e == null ? void 0 : e.get("organizerConfirmationBookingId"), m = e == null ? void 0 : e.get("rejectBookingId"), y = e == null ? void 0 : e.get("confirmedEventInfo"), g = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, h = e == null ? void 0 : e.get("selectedDate"), f = (b = (D = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : D.scheduler) == null ? void 0 : b.confirmation_redirect_url;
|
|
394
|
-
if (this.selectedDateLabel = h && this.language ? Z(h.toLocaleDateString(
|
|
394
|
+
if (this.selectedDateLabel = h && this.language ? Z(h.toLocaleDateString(this.language, { dateStyle: "full" })) : `${u.t("noDateSelected")}`, t && (r || m) && !s)
|
|
395
395
|
return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, n("nylas-cancel-booking-form", { selectedTimeslot: l, cancelBookingId: r, rejectBookingId: m, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
|
|
396
396
|
if (t && c)
|
|
397
397
|
return n(C, null, n(x, null, n("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, n("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: c, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
|
|
@@ -400,22 +400,22 @@ const x = (t, e) => {
|
|
|
400
400
|
if (t && y)
|
|
401
401
|
return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, n("nylas-confirmed-event-card", { confirmedEventInfo: y, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
|
|
402
402
|
if (t && i && f) {
|
|
403
|
-
const d = (
|
|
403
|
+
const d = (v = this.bookingInfoConfirmed) == null ? void 0 : v.primaryParticipant, L = (_ = this.bookingInfoConfirmed) == null ? void 0 : _.location, $ = (F = this.bookingInfoConfirmed) == null ? void 0 : F.booking_ref, z = ((N = this.bookingInfoConfirmed) == null ? void 0 : N.additionalFields) || {};
|
|
404
404
|
if (this.bookingInfo && typeof ((A = this.bookingInfo) == null ? void 0 : A.additionalFields) < "u") {
|
|
405
405
|
const B = this.bookingInfo.additionalFields;
|
|
406
406
|
Object.keys(B).forEach((S) => {
|
|
407
407
|
!z[S] && (B != null && B[S]) && (z[S] = B[S].value);
|
|
408
408
|
});
|
|
409
409
|
}
|
|
410
|
-
const I = (M = this.stores) == null ? void 0 : M.scheduler.get("selectedTimeslot"), W = (U = this.stores) == null ? void 0 : U.scheduler.get("selectedTimezone"), q = (j = this.stores) == null ? void 0 : j.scheduler.get("selectedLanguage"),
|
|
411
|
-
p.set("booking_id", i.booking_id), d != null && d.name && p.set("name", d.name), d != null && d.email && p.set("email", d.email), I != null && I.start_time && p.set("start_time", (new Date(I.start_time).getTime() / 1e3).toString()), I != null && I.end_time && p.set("end_time", (new Date(I.end_time).getTime() / 1e3).toString()), W && p.set("tz", W), q && p.set("language", q), z && p.set("additional_values", JSON.stringify(z)), this.slug && p.set("page_slug", this.slug), G && p.set("config_id", G),
|
|
410
|
+
const I = (M = this.stores) == null ? void 0 : M.scheduler.get("selectedTimeslot"), W = (U = this.stores) == null ? void 0 : U.scheduler.get("selectedTimezone"), q = (j = this.stores) == null ? void 0 : j.scheduler.get("selectedLanguage"), O = (H = this.stores) == null ? void 0 : H.scheduler.get("configSettings"), G = this.configurationId ? this.configurationId : O == null ? void 0 : O.configuration_id, K = window.location.search, p = new URLSearchParams(K);
|
|
411
|
+
p.set("booking_id", i.booking_id), d != null && d.name && p.set("name", d.name), d != null && d.email && p.set("email", d.email), I != null && I.start_time && p.set("start_time", (new Date(I.start_time).getTime() / 1e3).toString()), I != null && I.end_time && p.set("end_time", (new Date(I.end_time).getTime() / 1e3).toString()), W && p.set("tz", W), q && p.set("language", q), z && p.set("additional_values", JSON.stringify(z)), this.slug && p.set("page_slug", this.slug), G && p.set("config_id", G), L && p.set("location", L), $ && p.set("booking_ref", $), this.redirectToCustomUrl(`${f}?${p.toString()}`);
|
|
412
412
|
return;
|
|
413
413
|
}
|
|
414
414
|
if (t && i)
|
|
415
415
|
return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, n("nylas-booked-event-card", { selectedTimeslot: l, eventInfo: i, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
|
|
416
416
|
if (t && (!i || o) && !a) {
|
|
417
417
|
const d = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
|
|
418
|
-
return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, o && n(Y, null, `${u.t("rescheduleTitle")}`), n("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, n("div", { class: "left-panel", part: "ns_left-panel" }, n("nylas-date-picker", { exportparts: "ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), n("nylas-locale-switch", { exportparts: "nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label" })), n("div", { class: `right-panel ${o ? "reschedule" : ""}`, part: `ns_right-panel ${o ? "ns_reschedule" : ""}` }, n("h2", { part: "ns_right-panel__title" }, n("calendar-icon", { part: "ns_right-panel__calendar-icon" }), n("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, this.selectedDateLabel)), n("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, d && n("span", { slot: "timeslot-picker-cta-label" }, n("slot", { name: "timeslot-picker-cta-label" })))))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (
|
|
418
|
+
return n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, o && n(Y, null, `${u.t("rescheduleTitle")}`), n("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, n("div", { class: "left-panel", part: "ns_left-panel" }, n("nylas-date-picker", { exportparts: "ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), n("nylas-locale-switch", { exportparts: "nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label" })), n("div", { class: `right-panel ${o ? "reschedule" : ""}`, part: `ns_right-panel ${o ? "ns_reschedule" : ""}` }, n("h2", { part: "ns_right-panel__title" }, n("calendar-icon", { part: "ns_right-panel__calendar-icon" }), n("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, this.selectedDateLabel)), n("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, d && n("span", { slot: "timeslot-picker-cta-label" }, n("slot", { name: "timeslot-picker-cta-label" })))))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (L) => this.onFeedbackClick(L) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null));
|
|
419
419
|
}
|
|
420
420
|
return t && !i && a ? n(C, null, n(x, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, o && n(Y, null, `${u.t("rescheduleTitle")}`), n("div", { class: "additional-data-page", part: "additional-data-page ns_additional-data-page" }, n("div", { class: "left-panel ns_left-panel", part: "ns_left-panel" }, n("div", { class: "wrapper", part: "ns_left-panel__wrapper" }, n("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), n("div", { class: `right-panel ${o ? "reschedule" : ""}`, part: `ns_right-panel ${o ? "ns_reschedule" : ""}` }, n("nylas-booking-form", { exportparts: "nbf, nbf__input-textfield, nbf__button-ghost, nbf__button-outline, nbf__button-primary, nbf__input-wrapper, nbf__checkbox-component, nbf__radio-button-group, nbf__textarea-component, nbf__dropdown, nbf__dropdown-button, nbf__dropdown-content" })))), this.enableUserFeedback && n("button-component", { id: "report-issue", variant: "basic", onClick: (d) => this.onFeedbackClick(d) }, n("feedback-icon", null)), this.showFeedbackModal && n("nylas-feedback-form", null)) : n(C, null, n("slot", null));
|
|
421
421
|
}
|
|
@@ -433,7 +433,7 @@ const x = (t, e) => {
|
|
|
433
433
|
};
|
|
434
434
|
}
|
|
435
435
|
};
|
|
436
|
-
|
|
436
|
+
fe.style = ge;
|
|
437
437
|
export {
|
|
438
|
-
|
|
438
|
+
fe as nylas_scheduling
|
|
439
439
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as
|
|
2
|
-
import { v as x } from "./notebook-store-b61693cd-
|
|
1
|
+
import { a as C, b as p, u, r as b, h as r, g as y } from "./index-b04bb93f.js";
|
|
2
|
+
import { v as x } from "./notebook-store-b61693cd-a6630a19.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react/jsx-runtime";
|
|
5
5
|
import "react-dom";
|
|
@@ -9,29 +9,29 @@ d.replaceSync(`
|
|
|
9
9
|
font-family: Arial, sans-serif;
|
|
10
10
|
}
|
|
11
11
|
`);
|
|
12
|
-
const i =
|
|
12
|
+
const i = C({
|
|
13
13
|
style: d,
|
|
14
14
|
toolbarState: "default",
|
|
15
15
|
searchTerm: ""
|
|
16
|
-
}), m = ({ width: t, height: e, fill:
|
|
16
|
+
}), m = ({ width: t, height: e, fill: n }) => r(
|
|
17
17
|
"svg",
|
|
18
18
|
{ viewBox: "0 0 16 16", width: t, height: e, xmlns: "http://www.w3.org/2000/svg" },
|
|
19
|
-
r("path", { d: "M9.30887 10.016C8.53903 10.6318 7.56252 11 6.5 11C4.01472 11 2 8.98531 2 6.50002C2 4.01473 4.01472 2 6.5 2C8.98528 2 11 4.01473 11 6.50002C11 7.56252 10.6318 8.53901 10.016 9.30885L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.6583 14.0488 13.3417 14.0488 13.1464 13.8536L9.30887 10.016ZM10 6.50002C10 4.56701 8.433 3 6.5 3C4.567 3 3 4.56701 3 6.50002C3 8.43302 4.567 10 6.5 10C8.433 10 10 8.43302 10 6.50002Z", fill:
|
|
20
|
-
), h = ({ width: t, height: e, fill:
|
|
19
|
+
r("path", { d: "M9.30887 10.016C8.53903 10.6318 7.56252 11 6.5 11C4.01472 11 2 8.98531 2 6.50002C2 4.01473 4.01472 2 6.5 2C8.98528 2 11 4.01473 11 6.50002C11 7.56252 10.6318 8.53901 10.016 9.30885L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.6583 14.0488 13.3417 14.0488 13.1464 13.8536L9.30887 10.016ZM10 6.50002C10 4.56701 8.433 3 6.5 3C4.567 3 3 4.56701 3 6.50002C3 8.43302 4.567 10 6.5 10C8.433 10 10 8.43302 10 6.50002Z", fill: n })
|
|
20
|
+
), h = ({ width: t, height: e, fill: n, className: s }) => r(
|
|
21
21
|
"svg",
|
|
22
22
|
{ width: t, height: e, class: s, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
|
|
23
|
-
r("path", { d: "M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z", fill:
|
|
24
|
-
), v = ({ width: t, height: e, fill:
|
|
23
|
+
r("path", { d: "M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z", fill: n })
|
|
24
|
+
), v = ({ width: t, height: e, fill: n }) => r(
|
|
25
25
|
"svg",
|
|
26
26
|
{ width: t, height: e, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
|
|
27
|
-
r("path", { d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill:
|
|
28
|
-
),
|
|
27
|
+
r("path", { d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: n })
|
|
28
|
+
), g = i.get, o = i.set, l = (t, e) => g(t) === e;
|
|
29
29
|
function w({ transcripts: t }) {
|
|
30
30
|
const e = () => {
|
|
31
31
|
o("searchTerm", ""), o("toolbarState", "default");
|
|
32
|
-
},
|
|
32
|
+
}, n = async () => {
|
|
33
33
|
const s = {
|
|
34
|
-
"text/plain": t.map((
|
|
34
|
+
"text/plain": t.map((a) => `${a.ts} ${a.speaker}: ${a.text}`).join(`
|
|
35
35
|
`)
|
|
36
36
|
}, c = new ClipboardItem(s);
|
|
37
37
|
await navigator.clipboard.write([c]);
|
|
@@ -50,7 +50,7 @@ function w({ transcripts: t }) {
|
|
|
50
50
|
),
|
|
51
51
|
r(
|
|
52
52
|
"button",
|
|
53
|
-
{ onClick:
|
|
53
|
+
{ onClick: n },
|
|
54
54
|
r(h, { height: 16, fill: "#2C2C2C" }),
|
|
55
55
|
"Copy"
|
|
56
56
|
),
|
|
@@ -64,7 +64,7 @@ function w({ transcripts: t }) {
|
|
|
64
64
|
l("toolbarState", "search") && r(
|
|
65
65
|
"div",
|
|
66
66
|
{ class: "search" },
|
|
67
|
-
r("input", { type: "text", value:
|
|
67
|
+
r("input", { type: "text", value: g("searchTerm"), onInput: (s) => o("searchTerm", s.target.value), onKeyDown: (s) => s.key === "Escape" && e(), placeholder: "Search transcript", autoFocus: !0 }),
|
|
68
68
|
r("button", { class: "clear", onClick: e }, "Cancel")
|
|
69
69
|
),
|
|
70
70
|
l("toolbarState", "language") && r(
|
|
@@ -81,7 +81,7 @@ function w({ transcripts: t }) {
|
|
|
81
81
|
)
|
|
82
82
|
);
|
|
83
83
|
}
|
|
84
|
-
const S = ':host{--background:white;--font-family:"Inter", sans-serif;--border-radius:8px}.nylas-transcript{background-color:var(--background);border-radius:var(--border-radius);border:1px solid #e0e6f9;font-size:14px;font-family:var(--font-family);font-optical-sizing:auto}.nylas-transcript .toolbar{padding:20px 20px}.nylas-transcript .toolbar input,.nylas-transcript .toolbar select{border:1px solid #4169e1;padding:10px 20px;border-radius:6px;width:100%}.nylas-transcript .toolbar button.clear{background:none;border:none;cursor:pointer;font-size:14px;font-family:var(--font-family)}.nylas-transcript .toolbar .controls{display:flex;align-items:center;justify-content:stretch;gap:6px}.nylas-transcript .toolbar .controls button{font-family:var(--font-family);cursor:pointer;background-color:white;border:1px solid #c7dbf9;border-radius:8px;padding-top:12px;padding-bottom:12px;flex-grow:1;letter-spacing:-4%;display:flex;align-items:center;justify-content:center}.nylas-transcript .toolbar .controls button svg{margin-right:6px}.nylas-transcript .toolbar .controls button:active{background-color:#f0f4f9}.nylas-transcript .toolbar .search,.nylas-transcript .toolbar .language{display:flex;align-items:center;justify-content:space-between;gap:20px}.nylas-transcript .language button.regenerate{width:93px;border-radius:8px;padding:12px 8px;text-align:center;outline:0;border:none;background-color:#4169e1;color:white}.nylas-transcript .transcripts{max-height:50vh;overflow-y:auto;border-top:1px solid #ebeff6}.nylas-transcript .transcripts .transcripts-item{padding:16px 18px;gap:20px;display:flex;line-height:24px;border-bottom:1px solid #ebeff6;transition:0.5s background-color ease-in-out;font-size:14px}.nylas-transcript .transcripts .transcripts-item .highlight{background-color:yellow}.nylas-transcript .transcripts .transcripts-item .copy-btn{fill:#4b4b4b;cursor:pointer;width:24px;transition:0.3s transform ease-in-out}.nylas-transcript .transcripts .transcripts-item .copy-btn:active{fill:#9747ff;transform:scale(2)}.nylas-transcript .transcripts .transcripts-item .speaker{font-weight:500;font-size:16px;margin-bottom:0.5rem}.nylas-transcript .transcripts .transcripts-item.active{background-color:#ebeff6}.nylas-transcript .transcripts .transcripts-item .time{color:#9747ff;font-weight:600;min-width:60px}', k = S;
|
|
84
|
+
const S = ':host{--background:white;--font-family:"Inter", sans-serif;--border-radius:8px}.nylas-transcript{background-color:var(--background);border-radius:var(--border-radius);border:1px solid #e0e6f9;font-size:14px;font-family:var(--font-family);font-optical-sizing:auto}.nylas-transcript .toolbar{padding:20px 20px}.nylas-transcript .toolbar input,.nylas-transcript .toolbar select{border:1px solid #4169e1;padding:10px 20px;border-radius:6px;width:100%}.nylas-transcript .toolbar button.clear{background:none;border:none;cursor:pointer;font-size:14px;font-family:var(--font-family)}.nylas-transcript .toolbar .controls{display:flex;align-items:center;justify-content:stretch;gap:6px}.nylas-transcript .toolbar .controls button{font-family:var(--font-family);cursor:pointer;background-color:white;border:1px solid #c7dbf9;border-radius:8px;padding-top:12px;padding-bottom:12px;flex-grow:1;letter-spacing:-4%;display:flex;align-items:center;justify-content:center}.nylas-transcript .toolbar .controls button svg{margin-right:6px}.nylas-transcript .toolbar .controls button:active{background-color:#f0f4f9}.nylas-transcript .toolbar .search,.nylas-transcript .toolbar .language{display:flex;align-items:center;justify-content:space-between;gap:20px}.nylas-transcript .language button.regenerate{width:93px;border-radius:8px;padding:12px 8px;text-align:center;outline:0;border:none;background-color:#4169e1;color:white}.nylas-transcript .transcripts{max-height:50vh;overflow-y:auto;border-top:1px solid #ebeff6}.nylas-transcript .transcripts .no-results{padding:20px;text-align:center;color:rgba(0, 0, 0, 0.6)}.nylas-transcript .transcripts .transcripts-item{padding:16px 18px;gap:20px;display:flex;line-height:24px;border-bottom:1px solid #ebeff6;transition:0.5s background-color ease-in-out;font-size:14px}.nylas-transcript .transcripts .transcripts-item .highlight{background-color:yellow}.nylas-transcript .transcripts .transcripts-item .copy-btn{fill:#4b4b4b;cursor:pointer;width:24px;transition:0.3s transform ease-in-out}.nylas-transcript .transcripts .transcripts-item .copy-btn:active{fill:#9747ff;transform:scale(2)}.nylas-transcript .transcripts .transcripts-item .speaker{font-weight:500;font-size:16px;margin-bottom:0.5rem}.nylas-transcript .transcripts .transcripts-item.active{background-color:#ebeff6}.nylas-transcript .transcripts .transcripts-item .time{color:#9747ff;font-weight:600;min-width:60px}', k = S;
|
|
85
85
|
p.extend(u);
|
|
86
86
|
const H = ({ text: t, highlight: e }) => (e && (t = t.replace(new RegExp(e, "gi"), `<span class="highlight">${e}</span>`)), r("div", { innerHTML: t })), T = class {
|
|
87
87
|
constructor(t) {
|
|
@@ -97,14 +97,14 @@ const H = ({ text: t, highlight: e }) => (e && (t = t.replace(new RegExp(e, "gi"
|
|
|
97
97
|
const t = x.get("videoTime"), e = i.get("searchTerm");
|
|
98
98
|
if (!this.transcript)
|
|
99
99
|
return [];
|
|
100
|
-
const
|
|
101
|
-
|
|
102
|
-
let s = this.transcript.map((
|
|
103
|
-
...
|
|
104
|
-
active:
|
|
105
|
-
ts: this.secondsToStr(
|
|
100
|
+
const n = this.transcript.findIndex((a) => a.start / 1e3 >= t) - 1;
|
|
101
|
+
n >= 0 && this.autoscroll && ((c = this.transcriptContainer.querySelector(".active")) == null || c.scrollIntoView({ behavior: "smooth", block: "center" }));
|
|
102
|
+
let s = this.transcript.map((a, f) => ({
|
|
103
|
+
...a,
|
|
104
|
+
active: f === n,
|
|
105
|
+
ts: a.start ? this.secondsToStr(a.start) : null
|
|
106
106
|
}));
|
|
107
|
-
return e && (s = s.filter((
|
|
107
|
+
return e && (s = s.filter((a) => a.text.toLowerCase().includes(e.toLowerCase()))), s;
|
|
108
108
|
}
|
|
109
109
|
secondsToStr(t) {
|
|
110
110
|
return t < 36e5 ? p.utc(t).format("mm:ss") : p.utc(t).format("HH:mm:ss");
|
|
@@ -113,10 +113,10 @@ const H = ({ text: t, highlight: e }) => (e && (t = t.replace(new RegExp(e, "gi"
|
|
|
113
113
|
navigator.clipboard.writeText(`${t.ts} ${t.speaker}: ${t.text}`);
|
|
114
114
|
}
|
|
115
115
|
render() {
|
|
116
|
-
return r("div", { key: "
|
|
116
|
+
return r("div", { key: "690629131ffa02c83db097568bcb9d983934a52d", class: "nylas-transcript" }, r(w, { key: "e259b18c6f56c48881b305e87540ccf8752299ad", transcripts: this.transcripts }), r("div", { key: "e9fd658295e29bf38877e3bf30c324710e732b8a", class: "transcripts", ref: (t) => this.transcriptContainer = t }, !this.transcripts.length && r("div", { class: "no-results" }, "Transcript not available."), this.transcripts.map((t, e) => r("div", { class: {
|
|
117
117
|
"transcripts-item": !0,
|
|
118
118
|
active: t.active
|
|
119
|
-
}, onPointerEnter: () => this.focusedIndex = e, onPointerLeave: () => this.focusedIndex = -1 }, r("div", { class: "time" }, this.focusedIndex === e ? r("span", { onClick: () => this.handleCopy(t) }, r(h, { className: "copy-btn" })) : t.ts), r("div", { class: "message" }, r("div", { class: "speaker" }, t.speaker), r(H, { text: t.text, highlight: i.get("searchTerm") }))))));
|
|
119
|
+
}, onPointerEnter: () => this.focusedIndex = e, onPointerLeave: () => this.focusedIndex = -1 }, t.ts && r("div", { class: "time" }, this.focusedIndex === e ? r("span", { onClick: () => this.handleCopy(t) }, r(h, { className: "copy-btn" })) : t.ts), r("div", { class: "message" }, r("div", { class: "speaker" }, t.speaker), r(H, { text: t.text, highlight: i.get("searchTerm") }))))));
|
|
120
120
|
}
|
|
121
121
|
get el() {
|
|
122
122
|
return y(this);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-58c1674c.cjs"),C=require("./notebook-store-b61693cd-fe56f6e3.cjs");require("react");require("react/jsx-runtime");require("react-dom");const p=new CSSStyleSheet;p.replaceSync(`
|
|
2
2
|
:host {
|
|
3
3
|
font-family: Arial, sans-serif;
|
|
4
4
|
}
|
|
5
|
-
`);const i=t.createStore({style:p,toolbarState:"default",searchTerm:""}),
|
|
6
|
-
`)},c=new ClipboardItem(s);await navigator.clipboard.write([c])};return t.h("div",{class:"toolbar"},l("toolbarState","default")&&t.h("div",{class:"controls"},t.h("button",{onClick:()=>o("toolbarState","search")},t.h(
|
|
5
|
+
`);const i=t.createStore({style:p,toolbarState:"default",searchTerm:""}),f=({width:r,height:e,fill:n})=>t.h("svg",{viewBox:"0 0 16 16",width:r,height:e,xmlns:"http://www.w3.org/2000/svg"},t.h("path",{d:"M9.30887 10.016C8.53903 10.6318 7.56252 11 6.5 11C4.01472 11 2 8.98531 2 6.50002C2 4.01473 4.01472 2 6.5 2C8.98528 2 11 4.01473 11 6.50002C11 7.56252 10.6318 8.53901 10.016 9.30885L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.6583 14.0488 13.3417 14.0488 13.1464 13.8536L9.30887 10.016ZM10 6.50002C10 4.56701 8.433 3 6.5 3C4.567 3 3 4.56701 3 6.50002C3 8.43302 4.567 10 6.5 10C8.433 10 10 8.43302 10 6.50002Z",fill:n})),h=({width:r,height:e,fill:n,className:s})=>t.h("svg",{width:r,height:e,class:s,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{d:"M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z",fill:n})),b=({width:r,height:e,fill:n})=>t.h("svg",{width:r,height:e,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:n})),d=i.get,o=i.set,l=(r,e)=>d(r)===e;function y({transcripts:r}){const e=()=>{o("searchTerm",""),o("toolbarState","default")},n=async()=>{const s={"text/plain":r.map(a=>`${a.ts} ${a.speaker}: ${a.text}`).join(`
|
|
6
|
+
`)},c=new ClipboardItem(s);await navigator.clipboard.write([c])};return t.h("div",{class:"toolbar"},l("toolbarState","default")&&t.h("div",{class:"controls"},t.h("button",{onClick:()=>o("toolbarState","search")},t.h(f,{height:16,fill:"#2C2C2C"}),"Search"),t.h("button",{onClick:n},t.h(h,{height:16,fill:"#2C2C2C"}),"Copy"),t.h("button",{onClick:()=>o("toolbarState","language")},t.h(b,{height:16,fill:"#2C2C2C"}),"Language")),l("toolbarState","search")&&t.h("div",{class:"search"},t.h("input",{type:"text",value:d("searchTerm"),onInput:s=>o("searchTerm",s.target.value),onKeyDown:s=>s.key==="Escape"&&e(),placeholder:"Search transcript",autoFocus:!0}),t.h("button",{class:"clear",onClick:e},"Cancel")),l("toolbarState","language")&&t.h("div",{class:"language"},t.h("select",null,t.h("option",{value:"en"},"English"),t.h("option",{value:"fr"},"French")),t.h("button",{class:"regenerate"},"Regenerate"),t.h("button",{class:"clear",onClick:e},"Done")))}const x=':host{--background:white;--font-family:"Inter", sans-serif;--border-radius:8px}.nylas-transcript{background-color:var(--background);border-radius:var(--border-radius);border:1px solid #e0e6f9;font-size:14px;font-family:var(--font-family);font-optical-sizing:auto}.nylas-transcript .toolbar{padding:20px 20px}.nylas-transcript .toolbar input,.nylas-transcript .toolbar select{border:1px solid #4169e1;padding:10px 20px;border-radius:6px;width:100%}.nylas-transcript .toolbar button.clear{background:none;border:none;cursor:pointer;font-size:14px;font-family:var(--font-family)}.nylas-transcript .toolbar .controls{display:flex;align-items:center;justify-content:stretch;gap:6px}.nylas-transcript .toolbar .controls button{font-family:var(--font-family);cursor:pointer;background-color:white;border:1px solid #c7dbf9;border-radius:8px;padding-top:12px;padding-bottom:12px;flex-grow:1;letter-spacing:-4%;display:flex;align-items:center;justify-content:center}.nylas-transcript .toolbar .controls button svg{margin-right:6px}.nylas-transcript .toolbar .controls button:active{background-color:#f0f4f9}.nylas-transcript .toolbar .search,.nylas-transcript .toolbar .language{display:flex;align-items:center;justify-content:space-between;gap:20px}.nylas-transcript .language button.regenerate{width:93px;border-radius:8px;padding:12px 8px;text-align:center;outline:0;border:none;background-color:#4169e1;color:white}.nylas-transcript .transcripts{max-height:50vh;overflow-y:auto;border-top:1px solid #ebeff6}.nylas-transcript .transcripts .no-results{padding:20px;text-align:center;color:rgba(0, 0, 0, 0.6)}.nylas-transcript .transcripts .transcripts-item{padding:16px 18px;gap:20px;display:flex;line-height:24px;border-bottom:1px solid #ebeff6;transition:0.5s background-color ease-in-out;font-size:14px}.nylas-transcript .transcripts .transcripts-item .highlight{background-color:yellow}.nylas-transcript .transcripts .transcripts-item .copy-btn{fill:#4b4b4b;cursor:pointer;width:24px;transition:0.3s transform ease-in-out}.nylas-transcript .transcripts .transcripts-item .copy-btn:active{fill:#9747ff;transform:scale(2)}.nylas-transcript .transcripts .transcripts-item .speaker{font-weight:500;font-size:16px;margin-bottom:0.5rem}.nylas-transcript .transcripts .transcripts-item.active{background-color:#ebeff6}.nylas-transcript .transcripts .transcripts-item .time{color:#9747ff;font-weight:600;min-width:60px}',m=x;t.dayjs.extend(t.utc);const v=({text:r,highlight:e})=>(e&&(r=r.replace(new RegExp(e,"gi"),`<span class="highlight">${e}</span>`)),t.h("div",{innerHTML:r})),u=class{constructor(r){t.registerInstance(this,r),this.focusedIndex=-1,this.autoscroll=!0,this.transcript=void 0}componentDidLoad(){i.onChange("style",r=>{console.log("Style change",r),this.el.shadowRoot&&r&&(this.el.shadowRoot.adoptedStyleSheets=[r])})}get transcripts(){var c;const r=C.videoStore.get("videoTime"),e=i.get("searchTerm");if(!this.transcript)return[];const n=this.transcript.findIndex(a=>a.start/1e3>=r)-1;n>=0&&this.autoscroll&&((c=this.transcriptContainer.querySelector(".active"))==null||c.scrollIntoView({behavior:"smooth",block:"center"}));let s=this.transcript.map((a,g)=>({...a,active:g===n,ts:a.start?this.secondsToStr(a.start):null}));return e&&(s=s.filter(a=>a.text.toLowerCase().includes(e.toLowerCase()))),s}secondsToStr(r){return r<36e5?t.dayjs.utc(r).format("mm:ss"):t.dayjs.utc(r).format("HH:mm:ss")}handleCopy(r){navigator.clipboard.writeText(`${r.ts} ${r.speaker}: ${r.text}`)}render(){return t.h("div",{key:"690629131ffa02c83db097568bcb9d983934a52d",class:"nylas-transcript"},t.h(y,{key:"e259b18c6f56c48881b305e87540ccf8752299ad",transcripts:this.transcripts}),t.h("div",{key:"e9fd658295e29bf38877e3bf30c324710e732b8a",class:"transcripts",ref:r=>this.transcriptContainer=r},!this.transcripts.length&&t.h("div",{class:"no-results"},"Transcript not available."),this.transcripts.map((r,e)=>t.h("div",{class:{"transcripts-item":!0,active:r.active},onPointerEnter:()=>this.focusedIndex=e,onPointerLeave:()=>this.focusedIndex=-1},r.ts&&t.h("div",{class:"time"},this.focusedIndex===e?t.h("span",{onClick:()=>this.handleCopy(r)},t.h(h,{className:"copy-btn"})):r.ts),t.h("div",{class:"message"},t.h("div",{class:"speaker"},r.speaker),t.h(v,{text:r.text,highlight:i.get("searchTerm")}))))))}get el(){return t.getElement(this)}};u.style=m;exports.nylas_transcript=u;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { r as n, h as e, g as r } from "./index-b04bb93f.js";
|
|
2
|
+
import { v as i } from "./notebook-store-b61693cd-a6630a19.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "react/jsx-runtime";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
const a = '.video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;position:relative;box-sizing:border-box;border-radius:8px;font-family:"Inter", serif;font-optical-sizing:auto}.video-container video{width:100%;border-radius:8px}.video-container .controls-overlay{color:white;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));position:absolute;bottom:0;left:0;right:0;padding:30px 20px;padding-bottom:10px;opacity:1;transition:opacity 0.3s;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:none;}.video-container .controls-overlay .seek{width:100%}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.video-container .controls-overlay .info{padding-bottom:20px}.video-container .controls-overlay .info .title{font-size:20px}.video-container .controls-overlay .info .description{color:#bbbbbb;font-weight:400;font-size:14px}.video-container .controls-overlay .progress-bar{background-color:rgba(255, 255, 255, 0.5);height:2px;margin:10px 0;transition:width 0.1s}.video-container .controls-overlay .progress-bar .progress{background:white;height:2px}.video-container .controls-overlay .controls{display:flex;align-items:center;justify-content:space-between}.video-container .controls-overlay .controls button{background:none;border:none}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}.video-container .controls-overlay input[type=range]:focus{outline:none}.video-container .controls-overlay input[type=range]::-webkit-slider-runnable-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-webkit-slider-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}.video-container .controls-overlay input[type=range]::-moz-range-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-moz-range-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}', s = a, d = class {
|
|
7
|
+
constructor(o) {
|
|
8
|
+
n(this, o), this.handleTimeUpdate = () => {
|
|
9
|
+
const t = this.videoElement;
|
|
10
|
+
i.set("videoTime", this.videoElement.currentTime), this.isSeeking || (this.seekElement.value = (t.currentTime / t.duration * 100).toString());
|
|
11
|
+
}, this.handlePlay = () => {
|
|
12
|
+
this.isPlaying = !0, this.videoElement.play();
|
|
13
|
+
}, this.handlePause = () => {
|
|
14
|
+
this.isPlaying = !1, this.videoElement.pause();
|
|
15
|
+
}, this.videoUrl = void 0, this.isSeeking = !1, this.isPlaying = !1;
|
|
16
|
+
}
|
|
17
|
+
inputSeek(o) {
|
|
18
|
+
this.isSeeking || (this.isSeeking = !0);
|
|
19
|
+
}
|
|
20
|
+
handleSeek(o) {
|
|
21
|
+
if (this.isSeeking = !1, !this.videoElement)
|
|
22
|
+
return;
|
|
23
|
+
const t = o.target;
|
|
24
|
+
this.videoElement.currentTime = parseFloat(t.value) / 100 * this.videoElement.duration, this.videoElement.play();
|
|
25
|
+
}
|
|
26
|
+
get progressPercent() {
|
|
27
|
+
return this.videoElement ? i.get("videoTime") / this.videoElement.duration * 100 : 0;
|
|
28
|
+
}
|
|
29
|
+
render() {
|
|
30
|
+
return e("div", { key: "98a898e225274dac6fda72126de7eb3fbe3b73b0", class: "video-container" }, e("video", { key: "6ff6bd22efd243b45f7ee92a8f01b4fbe392d4b1", ref: (o) => this.videoElement = o, onPlay: this.handlePlay, onPause: this.handlePause, onTimeUpdate: this.handleTimeUpdate, controls: !0 }, this.videoUrl && e("source", { src: this.videoUrl, type: "video/mp4" })), e("div", { key: "2297c46d4b6d7803a884bbcf7c157573702880ed", class: "controls-overlay" }, e("div", { key: "5207532096947074e5906edddab4e4c573d69795", class: "info" }, e("div", { key: "f0f27ec9f18528ecae5cb705dcdd8579aee92f50", class: "title" }, "Ad Video from Google"), e("div", { key: "b6c13515720c5706f6f30d588df1371ef1d435ae", class: "description" }, "Found on the web...")), e("div", { key: "677f8ea6cbac199f4c5a3452e597dc0991c79d7a", class: "progress-bar" }, e("input", { key: "e31aa4501345fb0eb2f6bbb1ebdad5317d8bface", type: "range", ref: (o) => this.seekElement = o, min: "0", max: "100", class: "seek", value: this.progressPercent, onChange: (o) => this.handleSeek(o), onClickCapture: (o) => this.inputSeek(o) })), e("div", { key: "bdca2a6746d05ac8bc42feaf8a30029fb00c6cf4", class: "controls" }, e("div", { key: "6c9d084306cb984770b28dce6d31cf268b62073e", class: "left" }, e("button", { key: "6d128a31878bf394103bfcfb75c194d5733b5b6a", onClick: () => this.handlePlay() }), e("button", { key: "cc3d3a8fb98b3c74bb8536f43726f71255045d24", onClick: () => this.handlePause() })), e("div", { key: "e940328caf2215b148b97de6d0770d49f3621a5d", class: "right" }, e("button", { key: "7feb3b396dc1463945ab6e44b6bfbcfe8c0e0e48", onClick: () => this.handlePause() })))));
|
|
31
|
+
}
|
|
32
|
+
get el() {
|
|
33
|
+
return r(this);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
d.style = s;
|
|
37
|
+
export {
|
|
38
|
+
d as nylas_video_player
|
|
39
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-58c1674c.cjs"),i=require("./notebook-store-b61693cd-fe56f6e3.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r='.video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;position:relative;box-sizing:border-box;border-radius:8px;font-family:"Inter", serif;font-optical-sizing:auto}.video-container video{width:100%;border-radius:8px}.video-container .controls-overlay{color:white;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));position:absolute;bottom:0;left:0;right:0;padding:30px 20px;padding-bottom:10px;opacity:1;transition:opacity 0.3s;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:none;}.video-container .controls-overlay .seek{width:100%}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.video-container .controls-overlay .info{padding-bottom:20px}.video-container .controls-overlay .info .title{font-size:20px}.video-container .controls-overlay .info .description{color:#bbbbbb;font-weight:400;font-size:14px}.video-container .controls-overlay .progress-bar{background-color:rgba(255, 255, 255, 0.5);height:2px;margin:10px 0;transition:width 0.1s}.video-container .controls-overlay .progress-bar .progress{background:white;height:2px}.video-container .controls-overlay .controls{display:flex;align-items:center;justify-content:space-between}.video-container .controls-overlay .controls button{background:none;border:none}.video-container .controls-overlay input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}.video-container .controls-overlay input[type=range]:focus{outline:none}.video-container .controls-overlay input[type=range]::-webkit-slider-runnable-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-webkit-slider-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}.video-container .controls-overlay input[type=range]::-moz-range-track{background-color:#053a5f;border-radius:0.5rem;height:0.5rem}.video-container .controls-overlay input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#5cd5eb;height:2rem;width:1rem}.video-container .controls-overlay input[type=range]:focus::-moz-range-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:0.125rem}',a=r,n=class{constructor(o){e.registerInstance(this,o),this.handleTimeUpdate=()=>{const t=this.videoElement;i.videoStore.set("videoTime",this.videoElement.currentTime),this.isSeeking||(this.seekElement.value=(t.currentTime/t.duration*100).toString())},this.handlePlay=()=>{this.isPlaying=!0,this.videoElement.play()},this.handlePause=()=>{this.isPlaying=!1,this.videoElement.pause()},this.videoUrl=void 0,this.isSeeking=!1,this.isPlaying=!1}inputSeek(o){this.isSeeking||(this.isSeeking=!0)}handleSeek(o){if(this.isSeeking=!1,!this.videoElement)return;const t=o.target;this.videoElement.currentTime=parseFloat(t.value)/100*this.videoElement.duration,this.videoElement.play()}get progressPercent(){return this.videoElement?i.videoStore.get("videoTime")/this.videoElement.duration*100:0}render(){return e.h("div",{key:"98a898e225274dac6fda72126de7eb3fbe3b73b0",class:"video-container"},e.h("video",{key:"6ff6bd22efd243b45f7ee92a8f01b4fbe392d4b1",ref:o=>this.videoElement=o,onPlay:this.handlePlay,onPause:this.handlePause,onTimeUpdate:this.handleTimeUpdate,controls:!0},this.videoUrl&&e.h("source",{src:this.videoUrl,type:"video/mp4"})),e.h("div",{key:"2297c46d4b6d7803a884bbcf7c157573702880ed",class:"controls-overlay"},e.h("div",{key:"5207532096947074e5906edddab4e4c573d69795",class:"info"},e.h("div",{key:"f0f27ec9f18528ecae5cb705dcdd8579aee92f50",class:"title"},"Ad Video from Google"),e.h("div",{key:"b6c13515720c5706f6f30d588df1371ef1d435ae",class:"description"},"Found on the web...")),e.h("div",{key:"677f8ea6cbac199f4c5a3452e597dc0991c79d7a",class:"progress-bar"},e.h("input",{key:"e31aa4501345fb0eb2f6bbb1ebdad5317d8bface",type:"range",ref:o=>this.seekElement=o,min:"0",max:"100",class:"seek",value:this.progressPercent,onChange:o=>this.handleSeek(o),onClickCapture:o=>this.inputSeek(o)})),e.h("div",{key:"bdca2a6746d05ac8bc42feaf8a30029fb00c6cf4",class:"controls"},e.h("div",{key:"6c9d084306cb984770b28dce6d31cf268b62073e",class:"left"},e.h("button",{key:"6d128a31878bf394103bfcfb75c194d5733b5b6a",onClick:()=>this.handlePlay()}),e.h("button",{key:"cc3d3a8fb98b3c74bb8536f43726f71255045d24",onClick:()=>this.handlePause()})),e.h("div",{key:"e940328caf2215b148b97de6d0770d49f3621a5d",class:"right"},e.h("button",{key:"7feb3b396dc1463945ab6e44b6bfbcfe8c0e0e48",onClick:()=>this.handlePause()})))))}get el(){return e.getElement(this)}};n.style=a;exports.nylas_video_player=n;
|
package/dist/{nylas-video-preview.entry-12e05e4d.cjs → nylas-video-preview.entry-84b7d31d.cjs}
RENAMED
|
@@ -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-58c1674c.cjs");require("react");require("react/jsx-runtime");require("react-dom");const d=".video-preview{border:1px solid #eee;background-color:white;border:1px solid #c7dbf9;border-radius:6px;box-sizing:border-box}.video-preview .image{position:relative;background-size:cover;height:152px}.video-preview .time{font-size:12px;padding:5px;position:absolute;top:15px;left:15px;background-color:rgba(0, 0, 0, 0.5);color:white}.video-preview .body{padding:10px}.video-preview .body .title{color:#2a282f;font-size:18px;font-weight:600;letter-spacing:-4%}.video-preview .body .description{font-weight:400;font-size:14px;line-height:16.94px;letter-spacing:-4%;color:#625f68}.video-preview .footer{display:flex;align-items:center;justify-content:end;padding:10px}.video-preview .footer button{padding:8px 22px;border-radius:6px;color:white;background-color:#4169e1;font-weight:500;font-size:16px;line-height:19.36px;letter-spacing:-4%;text-align:center;cursor:pointer}",r=d,t="https://cdn.prod.website-files.com/606b1a109c3b857f6d84ad01/60b8fb956f01c6e5e16ec69f_Man_Waving_Facing%20Forward_Video_Call_750.jpg",i=class{constructor(o){e.registerInstance(this,o)}render(){return e.h("div",{key:"362c234e52b4516d863727880bf1d5f52875812c",class:"video-preview"},e.h("div",{key:"ad63e9b3cfc9a0e52a08913a5a65ac0f32efb4d9",class:"image",style:{backgroundImage:`url(${t})`}},e.h("div",{key:"9496ecdc42650371fd10abfa0741122cad57ad16",class:"time"},"1:52:33")),e.h("div",{key:"3e1018bc6babff15bc917d03b887b8143d42345d",class:"body"},e.h("div",{key:"290f289f8986b0e4f7d40363a6573fe416cf9a5c",class:"title"},"Product Team Meet"),e.h("div",{key:"706f65d2b1a07adb97e8fc4bd245abdc6ecd1c8c",class:"description"},"January 31, 2025")),e.h("div",{key:"b1e0390a0029677f8001cbdb164cc65fdef2e7a1",class:"footer"},e.h("button",{key:"b1599944c75678a78a2295bca26ffe851b8bbfd7"},"Watch")))}};i.style=r;exports.nylas_video_preview=i;
|
|
@@ -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-58c1674c.cjs");require("react");require("react/jsx-runtime");require("react-dom");const s=".sc-person-icon-h{display:flex}",i=s,t=class{constructor(r){e.registerInstance(this,r),this.width="14",this.height="16"}render(){return e.h("svg",{key:"9db075e484742d36218193c8a44c9506f0a1421d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"bff1ab3306ccb1b16e2424e273de57b93fb05375",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};t.style=i;exports.person_icon=t;
|
|
@@ -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-58c1674c.cjs");require("react");require("react/jsx-runtime");require("react-dom");const s=".sc-play-icon-h{display:flex}",r=s,t=class{constructor(i){e.registerInstance(this,i),this.width="15",this.height="15"}render(){return e.h("svg",{key:"5e2e5392833bfec80155b4277372432de97684a2",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"7758ae8bac3229614c2c20ce100f105481b63b31",d:"M21 12L3 21V3L21 12Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};t.style=r;exports.play_icon=t;
|
package/dist/{radio-button-group.entry-24cb342f.cjs → radio-button-group.entry-1d2a0c94.cjs}
RENAMED
|
@@ -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-58c1674c.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}.radio-group{display:flex;flex-direction:column;gap:0.5rem}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}',o=r,a=class{constructor(l){e.registerInstance(this,l),this.nylasFormRadioChanged=e.createEvent(this,"nylasFormRadioChanged",7),this.componentType="radio-group",this.name="radio-group",this.options=[],this.defaultSelectedValue="",this.label=void 0,this.required=!1,this.readOnly=!1,this.selectedValue=void 0,this.error=""}handleDefaultSelectedValueChange(l){this.selectedValue=l}componentDidLoad(){this.selectedValue=this.defaultSelectedValue}handleBookingFormSubmitted(l){if(this.required&&!this.selectedValue){this.error=`${this.label} is required.`;return}this.error&&l.preventDefault()}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}handleChange(l){this.error="",this.selectedValue=l,this.nylasFormRadioChanged.emit({value:l,name:this.name,label:this.label})}render(){return e.h("div",{key:"a2d7cfe24d154d4751c7f8c33a623eaf97b16247",class:"radio-group"},e.h("slot",{key:"f7139c15a39d9ccc9122caf96f6c471849cad847",name:"label"},this.label&&e.h("p",{class:{error:!!this.error}},e.h("span",{class:"label"},this.label),this.required&&e.h("span",{class:"required"},"*"))),this.options.map(l=>e.h("label",null,e.h("div",{class:"radio-option"},e.h("input",{type:"radio",disabled:this.readOnly,readOnly:this.readOnly,title:this.readOnly?"read-only field":void 0,name:this.name,value:l.value,checked:this.selectedValue===l.value,onChange:()=>this.handleChange(l.value)}),e.h("p",null,e.h("span",{class:"title"},l.label),e.h("span",{class:"description"},l.description))))),this.error&&e.h("span",{class:"error help-text"},this.error))}get el(){return e.getElement(this)}static get watchers(){return{defaultSelectedValue:["handleDefaultSelectedValueChange"]}}};a.style=o;exports.radio_button_group=a;
|