@nylas/react 0.0.0-canary-20240925163706

package/dist/nylas-reminder-emails.entry-dec904fb.js

@@ -0,0 +1,168 @@
+import { r as y, c as p, d as t, h as n, H as _, g as h } from "./index-995dd3b3.js";
+import { R as g } from "./register-component-679c1308-3b561946.js";
+import "react";
+import "react-dom";
+const u = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .reminder-open-close-toggle{display:flex;gap:16px}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:hover,.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}', b = u;
+var f = function(e, r, i, a) {
+  var s = arguments.length, l = s < 3 ? r : a === null ? a = Object.getOwnPropertyDescriptor(r, i) : a, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    l = Reflect.decorate(e, r, i, a);
+  else
+    for (var d = e.length - 1; d >= 0; d--)
+      (o = e[d]) && (l = (s < 3 ? o(l) : s > 3 ? o(r, i, l) : o(r, i)) || l);
+  return s > 3 && l && Object.defineProperty(r, i, l), l;
+}, m = function(e, r) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, r);
+};
+const c = class {
+  constructor(e) {
+    var r, i, a;
+    y(this, e), this.valueChanged = p(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.name = "reminder-overrides", this.reminders = ((i = (r = this.selectedConfiguration) == null ? void 0 : r.event_booking) == null ? void 0 : i.reminders) ?? [], this.reminderErrors = {}, this.participants = ((a = this.selectedConfiguration) == null ? void 0 : a.participants) ?? [];
+  }
+  connectedCallback() {
+    t("nylas-reminder-emails", "connectedCallback");
+  }
+  disconnectedCallback() {
+    t("nylas-reminder-emails", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    t("nylas-reminder-emails", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    t("nylas-reminder-emails", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : this.updateRemindersFormValue();
+  }
+  componentWillUpdate() {
+    t("nylas-reminder-emails", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    t("nylas-reminder-emails", "componentDidUpdate");
+  }
+  componentWillRender() {
+    t("nylas-reminder-emails", "componentWillRender");
+  }
+  componentDidRender() {
+    t("nylas-reminder-emails", "componentDidRender");
+  }
+  elementNameChangedHandler(e) {
+    t("nylas-reminder-emails", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var r;
+    t("nylas-reminder-emails", "selectedConfigurationChangedHandler", e), this.reminders = ((r = e == null ? void 0 : e.event_booking) == null ? void 0 : r.reminders) ?? [], this.participants = (e == null ? void 0 : e.participants) ?? [], this.updateRemindersFormValue();
+  }
+  handleValueChanged(e) {
+    t("nylas-reminder-emails", "handleValueChanged", e);
+    const { name: r, value: i } = e.detail;
+    if (r.startsWith("reminder-time-")) {
+      const [a, s] = r.split(/(\d+)/), l = [...this.reminders];
+      l[s].minutes_before_event = parseInt(i), this.reminders = [...l], this.updateRemindersFormValue();
+    }
+  }
+  handleNylasFormDropdownChanged(e) {
+    t("nylas-reminder-emails", "handleNylasFormDropdownChanged", e);
+    const { name: r, value: i } = e.detail;
+    if (!r.startsWith("recipient-"))
+      return;
+    const [a, s] = r.split(/(\d+)/), l = [...this.reminders];
+    l[s].recipient = i, this.reminders = [...l], this.updateRemindersFormValue();
+  }
+  addReminder() {
+    t("nylas-reminder-emails", "addReminder"), this.reminders = [
+      ...this.reminders,
+      {
+        type: "email",
+        minutes_before_event: 30,
+        editing: !0,
+        recipient: "all"
+      }
+    ], this.updateRemindersFormValue();
+  }
+  deleteReminder(e) {
+    this.reminders = this.reminders.filter((r, i) => i !== e).map((r) => ({ ...r })), this.updateRemindersFormValue();
+  }
+  updateRemindersFormValue() {
+    t("nylas-reminder-emails", "updateRemindersFormValue");
+    const e = this.reminders.map((r) => {
+      const i = { ...r };
+      return delete i.editing, i;
+    });
+    this.internals.setFormValue(JSON.stringify(e), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(e), name: "reminder-overrides" });
+  }
+  formatReminderTime(e) {
+    switch (!0) {
+      case e > 24 * 60:
+        return `${e / 60 / 24} days`;
+      case e === 24 * 60:
+        return "1 day";
+      case (e > 90 || e === 60):
+        return `${e / 60} hours`;
+      default:
+        return `${e} minute${e > 1 ? "s" : ""} `;
+    }
+  }
+  render() {
+    var i;
+    const e = (i = this.participants.find((a) => a.is_organizer)) == null ? void 0 : i.name, r = [
+      {
+        label: "All host & guests",
+        value: "all"
+      },
+      {
+        label: "All event guests",
+        value: "guest"
+      },
+      {
+        label: "Only event host",
+        value: "host"
+      }
+    ];
+    return n(_, { key: "f1982a2fe4c71ae1345b184767d015ba34336f1f" }, n("div", { key: "02f612577517fcc9ca50e5278c8e4cf2492aa29e", class: "cards-container" }, this.reminders.map((a, s) => {
+      var l;
+      return n("div", { class: "nylas-reminder-email", part: "nre" }, n("div", { class: "header", part: "nre__header" }, n("div", null, n("h3", null, "Upcoming meeting", e ? ` with ${e} ` : ""), n("p", null, "Reminder before event")), a.editing ? n("div", { class: "reminder-open-close-toggle" }, n("button-component", { variant: "basic", class: "delete-btn", tooltip: "Delete reminder", key: `delete -${s} `, clickHandler: (o) => {
+        o.preventDefault(), this.deleteReminder(s);
+      } }, n("trash-icon", { width: "16", height: "16" })), n("span", { class: `chevron ${a.editing ? "open" : "closed"}`, onClick: () => {
+        a.editing = !a.editing, this.reminders = [...this.reminders];
+      } }, n("chevron-icon", { width: "24", height: "24" }))) : n("button-component", { variant: "basic", key: `edit-${s} `, clickHandler: (o) => {
+        o.preventDefault(), a.editing = !0, this.reminders = [...this.reminders];
+      } }, n("edit-icon", { width: "16", height: "16" }), "Edit")), a.editing ? n("div", { class: "nylas-reminder-email__body", part: "nre__body" }, n("div", { class: "nylas-reminder-email__section" }, n("div", { class: "nylas-reminder-email__row" }, n("label", null, "Email recipients"), n("select-dropdown", { name: `recipient-${s}`, options: r, defaultSelectedOption: r.find((o) => o.value === a.recipient) ?? r[0], withSearch: !1 })), n("div", { class: "nylas-reminder-email__row" }, n("label", null, "Send confirmation email when", n("span", { class: "label-icon" }, n("tooltip-component", null, n("info-icon", { slot: "tooltip-icon" }), n("span", { slot: "tooltip-content" }, "The recipients will receive a reminder email at the specified time before the event.")))), n("nylas-reminder-time", { name: `reminder-time-${s}`, eventReminderTimeMinutes: a.minutes_before_event, exportparts: `nrt, nrt__input_dropdown: nre__reminder-input_dropdown,
+                          nrt__input_dropdown-input: nre__reminder-input_dropdown-input,
+                          nrt__input_dropdown-content: nre__reminder-input_dropdown-content,
+                          ` })))) : n("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, n("p", null, n("span", { class: "summary-icon" }, n("person-clipboard-icon", null)), (l = r.find((o) => o.value === a.recipient)) == null ? void 0 : l.label), n("p", null, n("span", { class: "summary-icon" }, n("clock-icon", null)), this.formatReminderTime(a.minutes_before_event), " before the event")));
+    })), n("button-component", { key: "5f0c78b6e6caca06bb8b3c8346480f3cde3ee8f9", class: "create-reminder", variant: "basic", clickHandler: (a) => {
+      a.preventDefault(), this.addReminder();
+    } }, n("plus-icon", { key: "b72802d4c496bcdad8f26986b43a8d70828fae68", width: "16", height: "16" }), "New reminder"));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return h(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"]
+    };
+  }
+};
+f([
+  g({
+    name: "nylas-reminder-emails",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {
+      valueChanged: async (e, r) => {
+        const { valueChanged: i } = e.detail;
+        i && i(e);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  m("design:type", Function),
+  m("design:paramtypes", []),
+  m("design:returntype", void 0)
+], c.prototype, "render", null);
+c.style = b;
+export {
+  c as nylas_reminder_emails
+};

package/dist/nylas-reminder-time_2.entry-48b85638.js

@@ -0,0 +1,108 @@
+import { r as f, c as y, d as i, h as t, H as b, g as T } from "./index-995dd3b3.js";
+import { R as _ } from "./register-component-679c1308-3b561946.js";
+import { R as p, c as g, d as w } from "./constants-c31dccfe-93b0694c.js";
+import "react";
+import "react-dom";
+const C = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}', v = C;
+var x = function(e, n, s, a) {
+  var d = arguments.length, r = d < 3 ? n : a === null ? a = Object.getOwnPropertyDescriptor(n, s) : a, m;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    r = Reflect.decorate(e, n, s, a);
+  else
+    for (var l = e.length - 1; l >= 0; l--)
+      (m = e[l]) && (r = (d < 3 ? m(r) : d > 3 ? m(n, s, r) : m(n, s)) || r);
+  return d > 3 && r && Object.defineProperty(n, s, r), r;
+}, o = function(e, n) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, n);
+};
+function c(e) {
+  return e ? e >= 60 * 24 ? e / (60 * 24) : e >= 90 || e === 60 ? e / 60 : e : 30;
+}
+function h(e) {
+  return e ? e >= 60 * 24 ? 60 * 24 : e >= 90 || e === 60 ? 60 : 1 : 30;
+}
+const u = class {
+  constructor(e) {
+    f(this, e), this.valueChanged = y(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "reminder-time", this.eventReminderTimeMinutes = void 0, this.reminderTime = c(this.eventReminderTimeMinutes), this.reminderTimeMinutes = this.eventReminderTimeMinutes ?? 30, this.reminderTimeincrement = h(this.eventReminderTimeMinutes), this.reminderTimeMinutesOptions = p;
+  }
+  elementNameChangedHandler(e) {
+    i("nylas-reminder-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  eventReminderTimeMinutesChangedHandler(e, n) {
+    i("nylas-reminder-time", "eventReminderTimeMinutesChangedHandler", e), e !== n && (this.reminderTime = c(e), this.reminderTimeincrement = h(e), this.reminderTimeMinutes = e);
+  }
+  reminderTimeMinutesChangedHandler(e, n) {
+    i("nylas-reminder-time", "reminderTimeMinutesChangedHandler", e), e !== n && this.valueChanged.emit({ value: e.toString(), name: this.name });
+  }
+  connectedCallback() {
+    i("nylas-reminder-time", "connectedCallback");
+  }
+  componentWillLoad() {
+    i("nylas-reminder-time", "componentWillLoad"), this.host.setAttribute("name", this.name), this.setReminderTimeMinuteOptions();
+  }
+  componentDidLoad() {
+    i("nylas-reminder-time", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    i("nylas-reminder-time", "disconnectedCallback");
+  }
+  setReminderTimeMinuteOptions() {
+    return this.reminderTimeincrement === 1 ? this.reminderTimeMinutesOptions = p : this.reminderTimeincrement === 60 ? this.reminderTimeMinutesOptions = g : this.reminderTimeMinutesOptions = w, this.reminderTimeMinutesOptions;
+  }
+  nylasFormDropdownChangedHandler(e) {
+    i("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
+    const { value: n } = e.detail;
+    this.reminderTimeincrement = parseInt(n), this.reminderTimeincrement === 1 ? this.reminderTime = 60 : this.reminderTime = 1, this.setReminderTimeMinuteOptions(), this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement, this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
+  }
+  inputOptionChangedHandler(e) {
+    i("nylas-calendar-picker", "inputOptionChangedHandler", e.detail);
+    const { value: n } = e.detail;
+    this.reminderTime = n, this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement, this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
+  }
+  render() {
+    const e = [
+      { value: 1, label: "minute" },
+      { value: 60, label: "hour" },
+      { value: 1440, label: "day" }
+    ];
+    return t(b, { key: "d08ccb2f53caf574942db1bc7f805927ad5a2b9a" }, t("div", { key: "7a2969e3256bfc79d28686c3ade4c981b7425300", class: "nylas-reminder-time", part: "nrt" }, t("div", { key: "625bb82d848d490b65463cc2102ddb5f1cdaaad8", class: "nylas-reminder-time__wrapper" }, t("input-dropdown", { key: "5cf299dee023154ae01545f55c5c3a126ff08cc0", name: "reminder-time", options: this.reminderTimeMinutesOptions, inputValue: this.reminderTime.toString(), exportparts: "id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content", defaultInputOption: this.reminderTimeMinutesOptions.find((n) => n.value == this.reminderTime) ?? e[0] }), t("select-dropdown", { key: "95ef5eae4f8fc8b73ed8efc4601cac5e0303c858", name: "reminder-time-unit", options: e, pluralizedLabel: this.reminderTime > 1 ? "s" : "", exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: e.find((n) => n.value == this.reminderTimeincrement) ?? e[0], withSearch: !1 }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return T(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      eventReminderTimeMinutes: ["eventReminderTimeMinutesChangedHandler"],
+      reminderTimeMinutes: ["reminderTimeMinutesChangedHandler"]
+    };
+  }
+};
+x([
+  _({
+    name: "nylas-reminder-time",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  o("design:type", Function),
+  o("design:paramtypes", []),
+  o("design:returntype", void 0)
+], u.prototype, "render", null);
+u.style = v;
+const M = ".sc-trash-icon-h{display:flex}", R = M, O = class {
+  constructor(e) {
+    f(this, e), this.width = "20", this.height = "21";
+  }
+  render() {
+    return t("svg", { key: "a2388fd5adfdf9cc72ace3f37609cac599f9d5f2", width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "f25ec7d671b53f59f83b250205f5a399f36daba4", d: "M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z", fill: "currentColor" }));
+  }
+};
+O.style = R;
+export {
+  u as nylas_reminder_time,
+  O as trash_icon
+};

package/dist/nylas-reminder-time_2.entry-6d8982d9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-87381561.cjs"),f=require("./register-component-679c1308-0b6682e1.cjs"),m=require("./constants-c31dccfe-54f255f4.cjs");require("react");require("react-dom");const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}',b=y;var T=function(e,i,t,s){var a=arguments.length,r=a<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,t):s,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,i,t,s);else for(var l=e.length-1;l>=0;l--)(d=e[l])&&(r=(a<3?d(r):a>3?d(i,t,r):d(i,t))||r);return a>3&&r&&Object.defineProperty(i,t,r),r},o=function(e,i){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,i)};function p(e){return e?e>=60*24?e/(60*24):e>=90||e===60?e/60:e:30}function h(e){return e?e>=60*24?60*24:e>=90||e===60?60:1:30}const c=class{constructor(e){n.registerInstance(this,e),this.valueChanged=n.createEvent(this,"valueChanged",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.name="reminder-time",this.eventReminderTimeMinutes=void 0,this.reminderTime=p(this.eventReminderTimeMinutes),this.reminderTimeMinutes=this.eventReminderTimeMinutes??30,this.reminderTimeincrement=h(this.eventReminderTimeMinutes),this.reminderTimeMinutesOptions=m.REMINDER_MINUTE_OPTIONS}elementNameChangedHandler(e){n.debug("nylas-reminder-time","elementNameChangedHandler",e),this.host.setAttribute("name",e)}eventReminderTimeMinutesChangedHandler(e,i){n.debug("nylas-reminder-time","eventReminderTimeMinutesChangedHandler",e),e!==i&&(this.reminderTime=p(e),this.reminderTimeincrement=h(e),this.reminderTimeMinutes=e)}reminderTimeMinutesChangedHandler(e,i){n.debug("nylas-reminder-time","reminderTimeMinutesChangedHandler",e),e!==i&&this.valueChanged.emit({value:e.toString(),name:this.name})}connectedCallback(){n.debug("nylas-reminder-time","connectedCallback")}componentWillLoad(){n.debug("nylas-reminder-time","componentWillLoad"),this.host.setAttribute("name",this.name),this.setReminderTimeMinuteOptions()}componentDidLoad(){n.debug("nylas-reminder-time","componentDidLoad")}disconnectedCallback(){n.debug("nylas-reminder-time","disconnectedCallback")}setReminderTimeMinuteOptions(){return this.reminderTimeincrement===1?this.reminderTimeMinutesOptions=m.REMINDER_MINUTE_OPTIONS:this.reminderTimeincrement===60?this.reminderTimeMinutesOptions=m.REMINDER_HOUR_OPTIONS:this.reminderTimeMinutesOptions=m.REMINDER_DAY_OPTIONS,this.reminderTimeMinutesOptions}nylasFormDropdownChangedHandler(e){n.debug("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const{value:i}=e.detail;this.reminderTimeincrement=parseInt(i),this.reminderTimeincrement===1?this.reminderTime=60:this.reminderTime=1,this.setReminderTimeMinuteOptions(),this.reminderTimeMinutes=this.reminderTime*this.reminderTimeincrement,this.internals.setFormValue(this.reminderTimeMinutes.toString(),this.name)}inputOptionChangedHandler(e){n.debug("nylas-calendar-picker","inputOptionChangedHandler",e.detail);const{value:i}=e.detail;this.reminderTime=i,this.reminderTimeMinutes=this.reminderTime*this.reminderTimeincrement,this.internals.setFormValue(this.reminderTimeMinutes.toString(),this.name)}render(){const e=[{value:1,label:"minute"},{value:60,label:"hour"},{value:1440,label:"day"}];return n.h(n.Host,{key:"d08ccb2f53caf574942db1bc7f805927ad5a2b9a"},n.h("div",{key:"7a2969e3256bfc79d28686c3ade4c981b7425300",class:"nylas-reminder-time",part:"nrt"},n.h("div",{key:"625bb82d848d490b65463cc2102ddb5f1cdaaad8",class:"nylas-reminder-time__wrapper"},n.h("input-dropdown",{key:"5cf299dee023154ae01545f55c5c3a126ff08cc0",name:"reminder-time",options:this.reminderTimeMinutesOptions,inputValue:this.reminderTime.toString(),exportparts:"id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content",defaultInputOption:this.reminderTimeMinutesOptions.find(i=>i.value==this.reminderTime)??e[0]}),n.h("select-dropdown",{key:"95ef5eae4f8fc8b73ed8efc4601cac5e0303c858",name:"reminder-time-unit",options:e,pluralizedLabel:this.reminderTime>1?"s":"",exportparts:"sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content",defaultSelectedOption:e.find(i=>i.value==this.reminderTimeincrement)??e[0],withSearch:!1}))))}static get formAssociated(){return!0}get host(){return n.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],eventReminderTimeMinutes:["eventReminderTimeMinutesChangedHandler"],reminderTimeMinutes:["reminderTimeMinutesChangedHandler"]}}};T([f.RegisterComponent({name:"nylas-reminder-time",eventToProps:{},fireRegisterEvent:!0}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],c.prototype,"render",null);c.style=b;const g=".sc-trash-icon-h{display:flex}",_=g,u=class{constructor(e){n.registerInstance(this,e),this.width="20",this.height="21"}render(){return n.h("svg",{key:"a2388fd5adfdf9cc72ace3f37609cac599f9d5f2",width:this.width,height:this.height,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("path",{key:"f25ec7d671b53f59f83b250205f5a399f36daba4",d:"M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z",fill:"currentColor"}))}};u.style=_;exports.nylas_reminder_time=c;exports.trash_icon=u;