@nylas/react 3.2.11 → 3.2.13
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/cjs/components.js +10 -10
- package/dist/cjs/components.js.map +1 -1
- package/dist/cjs/p-DVWbg8if.js.map +1 -1
- package/dist/cjs/utils.js.map +1 -1
- package/dist/es/components.js +14 -21
- package/dist/es/components.js.map +1 -1
- package/dist/es/p-DVWbg8if.js.map +1 -1
- package/dist/es/utils.js.map +1 -1
- package/package.json +2 -2
package/dist/cjs/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../node_modules/.pnpm/@nylas+web-elements@2.5.
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../node_modules/.pnpm/@nylas+web-elements@2.5.15_rollup@4.50.1/node_modules/@nylas/web-elements/dist/components/index.js"],"sourcesContent":["import { g as globalScripts } from './p-Bht9ktsW.js';\nexport { a as getAssetPath, r as render, s as setAssetPath, b as setNonce, c as setPlatformOptions } from './p-Bht9ktsW.js';\nimport { c as createStore } from './p-DVWbg8if.js';\nexport { N as NylasIdentityRequestWrapper } from './p-DclMe63w.js';\n\nconst store = createStore({});\n\nglobalScripts();\n\nexport { store as NylasThemeStore };\n//# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":["createStore","globalScripts"],"mappings":"mHAKcA,EAAAA,YAAY,CAAA,CAAE,EAE5BC,EAAAA,cAAa","x_google_ignoreList":[0]}
|
package/dist/es/components.js
CHANGED
|
@@ -14755,7 +14755,7 @@ const A8 = () => ({
|
|
|
14755
14755
|
lazyLoadIntegration: yE,
|
|
14756
14756
|
getModalIntegration: () => E8,
|
|
14757
14757
|
getScreenshotIntegration: () => A8
|
|
14758
|
-
}), ka = "2.5.
|
|
14758
|
+
}), ka = "2.5.15", R8 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){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:80px}.nylas-event-capacity__wrapper input-component::part(ic__input--error){border:1px solid var(--nylas-error)}.nylas-event-capacity__wrapper input-component::part(ic__label--error){position:relative;margin-bottom:24px}.nylas-event-capacity__wrapper input-component::part(ic__error_message){position:absolute;top:54px;width:max-content}.nylas-event-capacity__wrapper span.attendees.error{margin-top:-24px}';
|
|
14759
14759
|
var O8 = function(n, e, t, a) {
|
|
14760
14760
|
var i = arguments.length, o = i < 3 ? e : a === null ? a = Object.getOwnPropertyDescriptor(e, t) : a, l;
|
|
14761
14761
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
@@ -30415,17 +30415,17 @@ const uh = te(class extends ne {
|
|
|
30415
30415
|
if (!this.specificTimesAvailability || this.specificTimesAvailability.length === 0)
|
|
30416
30416
|
return;
|
|
30417
30417
|
this.specificTimesAvailability[0].timezone && (this.timezone = this.specificTimesAvailability[0].timezone);
|
|
30418
|
-
const
|
|
30419
|
-
const
|
|
30418
|
+
const t = [...this.specificTimesAvailability].sort((a, i) => a.date === i.date ? a.start.localeCompare(i.start) : a.date.localeCompare(i.date)).map((a, i) => {
|
|
30419
|
+
const o = a.start === "00:00" && a.end === "00:00";
|
|
30420
30420
|
return {
|
|
30421
|
-
id: `specific-time-${
|
|
30422
|
-
date:
|
|
30423
|
-
startTime:
|
|
30424
|
-
endTime:
|
|
30425
|
-
isUnavailable:
|
|
30421
|
+
id: `specific-time-${i}`,
|
|
30422
|
+
date: a.date,
|
|
30423
|
+
startTime: o ? "09:00am" : Un(a.start),
|
|
30424
|
+
endTime: o ? "05:00pm" : Un(a.end),
|
|
30425
|
+
isUnavailable: o
|
|
30426
30426
|
};
|
|
30427
30427
|
});
|
|
30428
|
-
this.specificDateEntries =
|
|
30428
|
+
this.specificDateEntries = t, this.emitValueChanged();
|
|
30429
30429
|
}
|
|
30430
30430
|
addSpecificTimeAvailability() {
|
|
30431
30431
|
const e = /* @__PURE__ */ new Date(), t = new Date(e);
|
|
@@ -30547,7 +30547,7 @@ const uh = te(class extends ne {
|
|
|
30547
30547
|
label: Pn[a],
|
|
30548
30548
|
value: a
|
|
30549
30549
|
})), t = e.find((a) => a.value === this.timezone);
|
|
30550
|
-
return r(Pe, { key: "
|
|
30550
|
+
return r(Pe, { key: "4d134c2b81e17dc6238e06bb89f3d1bfa2b757bb" }, r("div", { key: "f58418df34f1c1070ac356be9e5267df60ba30b3", class: "nylas-specific-time-availability-picker", part: "nstap" }, !this.hideHeader && r("div", { key: "52c61a7f8efc2ee41b96c7cd30db184dac379371", class: "header", part: "nstap__header" }, r("h3", { key: "daaa78a82642cd1389dce9e57a7f4bc53be45976" }, h.t("nylasSpecificTimeAvailabilityPicker.headerTitle")), r("p", { key: "751c1e9596150aa5f0a38778f6236dc0defba68d" }, h.t("nylasSpecificTimeAvailabilityPicker.headerDescription"), r("tooltip-component", { key: "813fe27ad1696a3208c02807aa643c45e4736669" }, r("info-icon", { key: "36c4f8b642df2d8ab6f271696848edf82882f21a", slot: "tooltip-icon" }), r("span", { key: "7b14bb5499644014a51346ec4f1ecd83a6495548", slot: "tooltip-content" }, h.t("nylasSpecificTimeAvailabilityPicker.tooltip.desc"))))), r("div", { key: "9c351dd740cafdba11b2d7c275432f007b5360bf", class: "content", part: "nstap__content" }, r("section", { key: "9d0eb572d83273cf6e468d5f3104360e348dd6e7", class: "timezone-selector", part: "nstap__timezone-selector", "aria-labelledby": "timezone-header" }, r("h4", { key: "299b34a534d35dfee2f2cc762d8a475b464adcaa", id: "timezone-header", class: "sub-header" }, h.t("nylasSpecificTimeAvailabilityPicker.selectTimezone")), r("p", { key: "85e8d70c2f394e183043766c323962eeaa265011", class: "timezone-description" }, h.t("nylasSpecificTimeAvailabilityPicker.timezoneDescription")), t?.label && r("select-dropdown", { key: "18a900c77b84a5a562156bc95b294986eae28a65", name: "specific-time-timezone", searchPlaceholder: h.t("search"), exportparts: "sd_dropdown: nstap__timezone-container, sd_dropdown-button: nstap__timezone-button, sd_dropdown-content: nstap__timezone-dropdown-content", options: e, defaultSelectedOption: t, themeConfig: this.themeConfig, "aria-label": h.t("nylasSpecificTimeAvailabilityPicker.selectTimezone") }, r("span", { key: "718b4f834b19633e519c5a5cf10a27c0c1d0d3e0", slot: "select-icon", "aria-hidden": "true" }, r("globe-icon", { key: "a1d2ec8303c79815c08faeb08800d45e24c1b833", width: "20", height: "20" }))), this.validationErrors.timezone && r("div", { key: "e19aed18519b769fd26013a9f991a389c01e1a7c", class: "error-message timezone-error", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors.timezone)), r("section", { key: "234cf3184d76a414bcfa2c2e59d51172fe89d03c", class: "specific-times-section", part: "nstap__specific-times-section", "aria-labelledby": "specific-times-header" }, r("h4", { key: "d5e8db5b614d13e8a40e89dd2e70b49826ab638e", id: "specific-times-header", class: "section-header" }, h.t("nylasSpecificTimeAvailabilityPicker.specificTimesHeader")), r("p", { key: "523927778ec5002da4ddba94814446722f3f801c", class: "section-description" }, h.t("nylasSpecificTimeAvailabilityPicker.specificTimesDescription")), r("div", { key: "e2855d2f066bbee3b1e1884ddc0b3948673199c2", class: "specific-times", part: "nstap__specific-times", role: "list" }, this.specificDateEntries.length === 0 ? r("div", { class: "empty-state", part: "nstap__empty-state" }, r("div", { class: "empty-icon", part: "nstap__empty-icon" }, r("calendar-icon", { width: "32", height: "32" })), r("h3", { class: "empty-title", part: "nstap__empty-title" }, h.t("nylasSpecificTimeAvailabilityPicker.emptyState.title")), r("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, h.t("nylasSpecificTimeAvailabilityPicker.emptyState.subtitle"))) : this.specificDateEntries.map((a, i) => r("article", { class: "specific-time-entry", part: "nstap__specific-time-entry", key: a.id, "data-entry-id": a.id, role: "listitem", "aria-label": `Specific time availability entry ${i + 1}` }, r("div", { class: "entry-content", part: "nstap__entry-content" }, r("div", { class: "date-input-container", part: "nstap__date-input-container" }, r("nylas-date-component", { name: `date-${a.id}`, defaultValue: a.date, placeholder: "yyyy-mm-dd", part: "nstap__date-input", class: "date-input", themeConfig: this.themeConfig, exportparts: "ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label", "aria-label": `Date for entry ${i + 1}` })), a.isUnavailable ? r("div", { class: "unavailable-text", part: "nstap__unavailable-text", role: "status" }, r("span", { class: "unavailable-label" }, h.t("nylasSpecificTimeAvailabilityPicker.entireDayUnavailable"))) : r("div", { class: "time-pickers", part: "nstap__time-pickers", role: "group", "aria-label": "Time range" }, r("nylas-time-window-picker", { id: `${a.id}_start`, time: a.startTime, name: `${a.id}_start`, key: `${a.id}_start`, language: this.selectedLanguage, hasError: !!this.validationErrors[a.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `Start time for entry ${i + 1}` }), r("span", { class: "time-separator", "aria-hidden": "true" }, "-"), r("nylas-time-window-picker", { id: `${a.id}_end`, time: a.endTime, name: `${a.id}_end`, key: `${a.id}_end`, minimumStartTime: a.startTime, language: this.selectedLanguage, hasError: !!this.validationErrors[a.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `End time for entry ${i + 1}` })), r("div", { class: "action-buttons", part: "nstap__action-buttons" }, r("button", { type: "button", class: { "toggle-button": !0, unavailable: a.isUnavailable }, part: "nstap__toggle-button", onClick: () => this.toggleAvailability(a.id), "aria-label": a.isUnavailable ? h.t("nylasSpecificTimeAvailabilityPicker.markAsAvailable") : h.t("nylasSpecificTimeAvailabilityPicker.markAsUnavailable"), title: a.isUnavailable ? h.t("nylasSpecificTimeAvailabilityPicker.markAsAvailable") : h.t("nylasSpecificTimeAvailabilityPicker.markAsUnavailable") }, r("calendar-icon", { width: "20", height: "20", "aria-hidden": "true" })), r("button", { type: "button", class: "remove-button", part: "nstap__remove-button", onClick: () => this.removeSpecificTimeAvailability(a.id), "aria-label": `Remove specific time entry ${i + 1}`, title: "Remove" }, r("close-icon", { width: "16", height: "16", "aria-hidden": "true" })))), this.validationErrors[a.id] && r("div", { class: "error-message", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors[a.id])))), r("div", { key: "7090e167621c9277ff45fc8d2297a908bd73e03e", class: "add-button-container", part: "nstap__add-button-container" }, r("button-component", { key: "0ccb4dbfd2bcad2f41ba238686519c4376b567e2", id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic", "aria-label": h.t("nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability") }, r("add-circle-icon", { key: "823d017d2df65f36830d818a8fde664c69d12cdb", width: "24", height: "24", "aria-hidden": "true" }), h.t("nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability")))))));
|
|
30551
30551
|
}
|
|
30552
30552
|
static get formAssociated() {
|
|
30553
30553
|
return !0;
|
|
@@ -30721,20 +30721,13 @@ const hh = te(class extends ne {
|
|
|
30721
30721
|
vn(`Failed to parse JSON for participant ${t}:`, o);
|
|
30722
30722
|
return;
|
|
30723
30723
|
}
|
|
30724
|
-
if (this.isInternalsAvailable)
|
|
30725
|
-
if (this.participantFormRef.checkValidity())
|
|
30726
|
-
this.internals.setValidity({});
|
|
30727
|
-
else {
|
|
30728
|
-
this.internals.setValidity({ customError: !0 }, "Please fix the overlapping time ranges.");
|
|
30729
|
-
return;
|
|
30730
|
-
}
|
|
30731
30724
|
if (t.startsWith("participant-availability-")) {
|
|
30732
30725
|
const o = t.split("-");
|
|
30733
30726
|
if (o.length < 4) {
|
|
30734
30727
|
b(`Malformed participant name format: ${t}. Expected format: "participant-availability-{participantId}-{uniqueKey}"`);
|
|
30735
30728
|
return;
|
|
30736
30729
|
}
|
|
30737
|
-
const l = o
|
|
30730
|
+
const l = o.slice(3).join("-");
|
|
30738
30731
|
if (!this.selectedParticipants[l])
|
|
30739
30732
|
return;
|
|
30740
30733
|
const f = i.openHours || [], p = f?.length > 0 ? f : this.selectedConfiguration?.availability?.availability_rules?.default_open_hours || [];
|
|
@@ -30748,7 +30741,7 @@ const hh = te(class extends ne {
|
|
|
30748
30741
|
b(`Malformed participant specific date name format: ${t}. Expected format: "participant-specific-time-availability-{index}-{uniqueKey}"`);
|
|
30749
30742
|
return;
|
|
30750
30743
|
}
|
|
30751
|
-
const l = o
|
|
30744
|
+
const l = o.slice(5).join("-");
|
|
30752
30745
|
if (!this.selectedParticipants[l])
|
|
30753
30746
|
return;
|
|
30754
30747
|
const f = i || [];
|
|
@@ -30760,7 +30753,7 @@ const hh = te(class extends ne {
|
|
|
30760
30753
|
}));
|
|
30761
30754
|
}
|
|
30762
30755
|
}
|
|
30763
|
-
this.selectedParticipants = { ...this.selectedParticipants }, this.updateFormValue();
|
|
30756
|
+
this.selectedParticipants = { ...this.selectedParticipants }, this.updateFormValue(), this.isInternalsAvailable && !this.validationError && (this.participantFormRef.checkValidity() ? this.internals.setValidity({}) : this.internals.setValidity({ customError: !0 }, "Please fix the overlapping time ranges."));
|
|
30764
30757
|
}
|
|
30765
30758
|
updateFormValue() {
|
|
30766
30759
|
const e = {}, t = {}, a = {};
|
|
@@ -30799,7 +30792,7 @@ const hh = te(class extends ne {
|
|
|
30799
30792
|
return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
|
|
30800
30793
|
}
|
|
30801
30794
|
render() {
|
|
30802
|
-
return r(Pe, { key: "
|
|
30795
|
+
return r(Pe, { key: "5e62c290e9bec1901728c12d6d8cbb298b97da2b" }, r("div", { key: "3a7a5d5fda480e55df91e86b87d464b8ee142595", class: "nylas-participants-custom-availability", part: "npca" }, r("div", { key: "7ef83dde9d4ccd2ff36e948a3e27e2e30c457137", class: "header", part: "npca__header" }, r("h3", { key: "5784dbfb95cb7f66a02d995e3f4d53bd4c82b753" }, h.t("nylasParticipantCustomAvailability.headerTitle")), r("p", { key: "e8a803be4c48b789ae499749224a6dbd3f7e1681" }, h.t("nylasParticipantCustomAvailability.headerSubTitle"))), this.validationError && r("div", { key: "f10b45081c034f106237e1fdeb9a92f9bfd8c6ac", class: "validation-error", part: "npca__validation-error" }, r("span", { key: "4d17c47cc99364711ba9bc10aa0e2bafe6c7ffc4" }, this.validationError)), r("div", { key: "bab32e3f7a3f58564269087b34bb223916503a3f", class: "content", part: "npca__content" }, r("form", { key: "f3ade0977a820e63960511ab2c4e8f8bc69b04dd", ref: (e) => this.participantFormRef = e }, Object.keys(this.selectedParticipants).map((e, t) => {
|
|
30803
30796
|
const a = this.selectedParticipants[e], i = a.availability?.open_hours || [];
|
|
30804
30797
|
if (!(!a || !a.name))
|
|
30805
30798
|
return r("div", { class: "participant-container", part: "npca__participant-container", key: `participant-conatiner-${t}` }, r("div", { class: "participant-title", part: "npca__participant-title" }, r("p", null, h.t("nylasParticipantCustomAvailability.participantOpenHoursTitle", { participantName: a.name })), r("div", { class: "participant-toggle", part: "npca__participant-toggle--container" }, r("toggle-switch", { exportparts: "ts_label: npca__toggle-label, ts_input: npca_toggle-input, ts_slider: npca_toggle-slider", name: e, checked: !!a?.openHours && a?.openHours.length > 0, themeConfig: this.themeConfig }), r("span", { class: `chevron ${a.isOpen ? "open" : "closed"} ${a.setCustom ? "" : "disabled"}`, onClick: () => {
|