@nylas/react 3.2.8 → 3.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components.js +3 -3
- 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 +6 -6
- 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.11_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
|
@@ -7398,13 +7398,13 @@ const Yf = te(class extends ne {
|
|
|
7398
7398
|
b("nylas-confirmation-email", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
7399
7399
|
}
|
|
7400
7400
|
componentDidLoad() {
|
|
7401
|
-
b("nylas-confirmation-email", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.confirmationEmail = { ...this.confirmationEmailTemplate }, typeof this.confirmationEmail?.show_nylas_branding > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = this.isOpen, this.participantsState = this.participants);
|
|
7401
|
+
b("nylas-confirmation-email", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.confirmationEmail = { ...this.confirmationEmailTemplate }, typeof this.confirmationEmail?.show_nylas_branding > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = this.isOpen, this.participantsState = this.participants, typeof this.internals?.setFormValue == "function" && this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name));
|
|
7402
7402
|
}
|
|
7403
7403
|
elementNameChangedHandler(e) {
|
|
7404
7404
|
b("nylas-confirmation-email", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
7405
7405
|
}
|
|
7406
7406
|
selectedConfigurationChangedHandler(e) {
|
|
7407
|
-
b("nylas-confirmation-email", "selectedConfigurationChangedHandler", e), this.confirmationEmail = { ...e?.scheduler?.email_template || this.confirmationEmailTemplate }, typeof this.confirmationEmail?.show_nylas_branding > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = !e?.event_booking?.reminders?.length, this.participantsState = e?.participants || this.participants;
|
|
7407
|
+
b("nylas-confirmation-email", "selectedConfigurationChangedHandler", e), this.confirmationEmail = { ...e?.scheduler?.email_template || this.confirmationEmailTemplate }, typeof this.confirmationEmail?.show_nylas_branding > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = !e?.event_booking?.reminders?.length, this.participantsState = e?.participants || this.participants, typeof this.internals?.setFormValue == "function" && this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
|
|
7408
7408
|
}
|
|
7409
7409
|
nylasBrandingChangedHandler(e) {
|
|
7410
7410
|
b("nylas-confirmation-email", "nylasBrandingChangedHandler", e), typeof this.confirmationEmail?.show_nylas_branding > "u" && e ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : e || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 });
|
|
@@ -7448,7 +7448,7 @@ const Yf = te(class extends ne {
|
|
|
7448
7448
|
}
|
|
7449
7449
|
render() {
|
|
7450
7450
|
const e = this.participantsState.find((a) => a.is_organizer), t = e?.name || e?.email;
|
|
7451
|
-
return r(Pe, { key: "
|
|
7451
|
+
return r(Pe, { key: "344808e8373d6a890feb576c2d4133fcfae3ba6f" }, r("div", { key: "badfe491592142dd0e5c5b345f3c91770df3d86d", class: "nylas-confirmation-email", part: "nce" }, r("div", { key: "64d6dda525037fdd282d57611cebad8dde327c61", class: "header", part: "nce__header" }, r("div", { key: "8055a976a4cdcf74b03181a591f685f790611918" }, r("h3", { key: "4145e04b902254696d5e08594fe93c563c024dea" }, this.confirmationEmail?.booking_confirmed?.title || t ? h.t("nylasConfirmationEmail.headerTitle_withOrganizer", { organizerName: t }) : h.t("nylasConfirmationEmail.headerTitle")), r("p", { key: "51e76e9ea405e8048c56b1a40ba749dbc2c29739" }, h.t("nylasConfirmationEmail.headerSubTitle"))), this.isConfirmationEmailOpen ? r("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, r("span", { class: `chevron ${this.isConfirmationEmailOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, r("chevron-icon", { width: "24", height: "24" }))) : r("button-component", { variant: "basic", clickHandler: (a) => {
|
|
7452
7452
|
a.preventDefault(), this.toggleConfirmationEmail();
|
|
7453
7453
|
} }, r("edit-icon", { width: "16", height: "16" }), h.t("nylasConfirmationEmail.editButtonText"))), this.isConfirmationEmailOpen ? r("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, r("div", { class: "nylas-confirmation-email__section" }, this.nylasBranding && r("div", { class: "nylas-confirmation-email__row" }, r("label", null, h.t("nylasConfirmationEmail.nylasBranding.label"), r("span", { class: "label-icon" }, r("tooltip-component", null, r("info-icon", { slot: "tooltip-icon" }), r("span", { slot: "tooltip-content" }, h.t("nylasConfirmationEmail.nylasBranding.tooltip.desc"))))), r("toggle-switch", { exportparts: "ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider", name: "confirmation-email-show-branding", checked: this.confirmationEmail?.show_nylas_branding, themeConfig: this.themeConfig })), r("div", { class: "nylas-confirmation-email__row" }, r("div", { class: "subsection" }, r("div", { class: "input-container" }, r("label", null, h.t("nylasConfirmationEmail.companyLogoUrl.label"), r("span", { class: "label-icon" }, r("tooltip-component", null, r("info-icon", { slot: "tooltip-icon" }), r("span", { slot: "tooltip-content" }, h.t("nylasConfirmationEmail.companyLogoUrl.tooltip.desc"))))), this.confirmationEmail && r("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", errorMessage: this.invalidImageErrorMessage, imageUrl: this.confirmationEmail?.logo ?? "", themeConfig: this.themeConfig })))), r("div", { class: "nylas-confirmation-email__row full-width-col" }, r("div", { class: "subsection" }, r("h3", null, h.t("nylasConfirmationEmail.emailMessage.header")), r("div", { class: "input-container" }, r("label", { htmlFor: "title" }, h.t("nylasConfirmationEmail.emailMessage.label"), r("span", { class: "label-icon" }, r("tooltip-component", null, r("info-icon", { slot: "tooltip-icon" }), r("span", { slot: "tooltip-content" }, h.t("nylasConfirmationEmail.emailMessage.tooltip.desc"))))), r("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: t ? h.t("nylasConfirmationEmail.headerTitle_withOrganizer", { organizerName: t }) : h.t("nylasConfirmationEmail.headerTitle"), themeConfig: this.themeConfig, defaultValue: this.confirmationEmail?.booking_confirmed?.title ?? "" })), r("div", { class: "input-container" }, r("textarea-component", { label: h.t("nylasConfirmationEmail.emailMessage.additionalInfoLabel"), name: "confirmation-email-body", id: "confirmation-email-body", placeholder: h.t("nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder"), tooltip: h.t("nylasConfirmationEmail.emailMessage.additionalInfoTooltip"), maxLength: 500, defaultValue: this.confirmationEmail?.booking_confirmed?.body ?? "", themeConfig: this.themeConfig })))))) : r("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, r("p", null, r("span", { class: "summary-icon" }, r("person-clipboard-icon", null)), h.t("nylasConfirmationEmail.allHosts")), r("p", null, r("span", { class: "summary-icon" }, r("clock-icon", null)), h.t("nylasConfirmationEmail.immediatelyUponBooking")))));
|
|
7454
7454
|
}
|
|
@@ -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.11", 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")
|
|
@@ -27536,7 +27536,7 @@ const Ju = te(class extends ne {
|
|
|
27536
27536
|
}), t;
|
|
27537
27537
|
}
|
|
27538
27538
|
selectedConfigurationChangedHandler(e) {
|
|
27539
|
-
b("nylas-page-styling", "selectedConfigurationChangedHandler", e), this.currentAppearance = e?.appearance || {};
|
|
27539
|
+
b("nylas-page-styling", "selectedConfigurationChangedHandler", e), this.currentAppearance = e?.appearance || {}, typeof this.internals?.setFormValue == "function" && this.internals.setFormValue(JSON.stringify(this.currentAppearance), this.name);
|
|
27540
27540
|
const a = document.querySelector("nylas-scheduler-editor")?.shadowRoot?.querySelector('slot[name="custom-page-style-inputs"]');
|
|
27541
27541
|
if (!a) {
|
|
27542
27542
|
this.hasCustomSlot = !1;
|
|
@@ -27610,7 +27610,7 @@ const Ju = te(class extends ne {
|
|
|
27610
27610
|
}
|
|
27611
27611
|
render() {
|
|
27612
27612
|
const e = this.customInputsSlot || !this.hasCustomSlot && !!this.currentAppearance;
|
|
27613
|
-
return r(Pe, { key: "
|
|
27613
|
+
return r(Pe, { key: "ce93f8a170b47e4025dc9b9f976d7478b19f829b" }, r("div", { key: "7349f7a686daf87ed6205203e11eb6070509f36e", part: "nps", class: { "nylas-page-styling": !0, "no-border": !e } }, e ? r("div", { class: "header", part: "nps__header" }, r("div", null, r("h3", null, h.t("nylasPageStyling.headerTitle"))), r("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, r("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, r("chevron-icon", { width: "24", height: "24" })))) : null, r("div", { key: "3143051673a60f6d8f599c489bbfdcfeb224079b", class: "hidden" }, r("input-color-picker", { key: "b2810fd05ec4eaadc9b2a855db24c31ea8fe8aac", name: "color-picker" })), r("div", { key: "4f63127edb25f1cf26f81f3ce8392bdc35b9051f", id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, r("div", { key: "15d7b4435632934794fb2db68243371915ecf901", class: { "nylas-page-styling__section": !0, "no-padding": !e } }, r("div", { key: "6a38e8a555fb599d7ed5d693886094d2bec7117d", class: "nylas-page-styling__row" }, r("div", { key: "a41daf424157f598f7c8418960cd439b3b102abb", class: { subsection: !0, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null))))));
|
|
27614
27614
|
}
|
|
27615
27615
|
static get formAssociated() {
|
|
27616
27616
|
return !0;
|