@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241017103834

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

@@ -1,208 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7af03e3f.js');
-const registerComponent = require('./register-component-36aab1cf.js');
-const utils = require('./utils-5ebd7cf8.js');
-
-const nylasReminderEmailsCss = ":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}";
-const NylasReminderEmailsStyle0 = nylasReminderEmailsCss;
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-        return Reflect.metadata(k, v);
-};
-const NylasReminderEmails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.valueChanged = index.createEvent(this, "valueChanged", 7);
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.internals;
-        }
-        this.selectedConfiguration = undefined;
-        this.name = 'reminder-overrides';
-        this.reminders = this.selectedConfiguration?.event_booking?.reminders ?? [];
-        this.reminderErrors = {};
-        this.participants = this.selectedConfiguration?.participants ?? [];
-    }
-    connectedCallback() {
-        utils.debug('nylas-reminder-emails', 'connectedCallback');
-    }
-    disconnectedCallback() {
-        utils.debug('nylas-reminder-emails', 'disconnectedCallback');
-    }
-    componentWillLoad() {
-        utils.debug('nylas-reminder-emails', 'componentWillLoad');
-        this.host.setAttribute('name', this.name);
-    }
-    componentDidLoad() {
-        utils.debug('nylas-reminder-emails', 'componentDidLoad');
-        if (this.selectedConfiguration) {
-            this.selectedConfigurationChangedHandler(this.selectedConfiguration);
-        }
-        else {
-            this.updateRemindersFormValue();
-        }
-    }
-    componentWillUpdate() {
-        utils.debug('nylas-reminder-emails', 'componentWillUpdate');
-    }
-    componentDidUpdate() {
-        utils.debug('nylas-reminder-emails', 'componentDidUpdate');
-    }
-    componentWillRender() {
-        utils.debug('nylas-reminder-emails', 'componentWillRender');
-    }
-    componentDidRender() {
-        utils.debug('nylas-reminder-emails', 'componentDidRender');
-    }
-    elementNameChangedHandler(newValue) {
-        utils.debug('nylas-reminder-emails', 'elementNameChangedHandler', newValue);
-        this.host.setAttribute('name', newValue);
-    }
-    selectedConfigurationChangedHandler(newVal) {
-        utils.debug('nylas-reminder-emails', 'selectedConfigurationChangedHandler', newVal);
-        this.reminders = newVal?.event_booking?.reminders ?? [];
-        this.participants = newVal?.participants ?? [];
-        this.updateRemindersFormValue();
-    }
-    handleValueChanged(event) {
-        utils.debug('nylas-reminder-emails', 'handleValueChanged', event);
-        const { name, value } = event.detail;
-        if (name.startsWith('reminder-time-')) {
-            const [_, reminderIndex] = name.split(/(\d+)/);
-            const updatedReminders = [...this.reminders];
-            updatedReminders[reminderIndex].minutes_before_event = parseInt(value);
-            this.reminders = [...updatedReminders];
-            this.updateRemindersFormValue();
-        }
-    }
-    handleNylasFormDropdownChanged(event) {
-        utils.debug('nylas-reminder-emails', 'handleNylasFormDropdownChanged', event);
-        const { name, value } = event.detail;
-        if (!name.startsWith('recipient-')) {
-            return;
-        }
-        const [_, reminderIndex] = name.split(/(\d+)/);
-        const updatedReminders = [...this.reminders];
-        updatedReminders[reminderIndex].recipient = value;
-        this.reminders = [...updatedReminders];
-        this.updateRemindersFormValue();
-    }
-    addReminder() {
-        utils.debug('nylas-reminder-emails', 'addReminder');
-        this.reminders = [
-            ...this.reminders,
-            {
-                type: 'email',
-                minutes_before_event: 30,
-                editing: true,
-                recipient: 'all',
-            },
-        ];
-        this.updateRemindersFormValue();
-    }
-    deleteReminder(index) {
-        this.reminders = this.reminders.filter((_, i) => i !== index).map(p => ({ ...p }));
-        this.updateRemindersFormValue();
-    }
-    updateRemindersFormValue() {
-        utils.debug('nylas-reminder-emails', 'updateRemindersFormValue');
-        const eventReminders = this.reminders.map(reminder => {
-            const rem = { ...reminder };
-            delete rem.editing;
-            return rem;
-        });
-        this.internals.setFormValue(JSON.stringify(eventReminders), 'reminder-overrides');
-        this.valueChanged.emit({ value: JSON.stringify(eventReminders), name: 'reminder-overrides' });
-    }
-    formatReminderTime(reminderTime) {
-        switch (true) {
-            case reminderTime > 24 * 60:
-                return `${reminderTime / 60 / 24} days`;
-            case reminderTime === 24 * 60:
-                return '1 day';
-            case reminderTime > 90 || reminderTime === 60:
-                return `${reminderTime / 60} hours`;
-            default:
-                return `${reminderTime} minute${reminderTime > 1 ? 's' : ''} `;
-        }
-    }
-    render() {
-        const organizerName = this.participants.find(p => p.is_organizer)?.name;
-        const recipientOptions = [
-            {
-                label: 'All host & guests',
-                value: 'all',
-            },
-            {
-                label: 'All event guests',
-                value: 'guest',
-            },
-            {
-                label: 'Only event host',
-                value: 'host',
-            },
-        ];
-        return (index.h(index.Host, { key: 'f1982a2fe4c71ae1345b184767d015ba34336f1f' }, index.h("div", { key: '02f612577517fcc9ca50e5278c8e4cf2492aa29e', class: "cards-container" }, this.reminders.map((reminder, index$1) => {
-            return (index.h("div", { class: "nylas-reminder-email", part: "nre" }, index.h("div", { class: "header", part: "nre__header" }, index.h("div", null, index.h("h3", null, "Upcoming meeting", organizerName ? ` with ${organizerName} ` : ''), index.h("p", null, "Reminder before event")), !reminder.editing ? (index.h("button-component", { variant: 'basic', key: `edit-${index$1} `, clickHandler: event => {
-                    event.preventDefault();
-                    reminder.editing = true;
-                    this.reminders = [...this.reminders];
-                } }, index.h("edit-icon", { width: "16", height: "16" }), "Edit")) : (index.h("div", { class: "reminder-open-close-toggle" }, index.h("button-component", { variant: 'basic', class: "delete-btn", tooltip: "Delete reminder", key: `delete -${index$1} `, clickHandler: event => {
-                    event.preventDefault();
-                    this.deleteReminder(index$1);
-                } }, index.h("trash-icon", { width: "16", height: "16" })), index.h("span", { class: `chevron ${reminder.editing ? 'open' : 'closed'}`, onClick: () => {
-                    reminder.editing = !reminder.editing;
-                    this.reminders = [...this.reminders];
-                } }, index.h("chevron-icon", { width: "24", height: "24" }))))), reminder.editing ? (index.h("div", { class: "nylas-reminder-email__body", part: "nre__body" }, index.h("div", { class: "nylas-reminder-email__section" }, index.h("div", { class: "nylas-reminder-email__row" }, index.h("label", null, "Email recipients"), index.h("select-dropdown", { name: `recipient-${index$1}`, options: recipientOptions, defaultSelectedOption: recipientOptions.find(i => i.value === reminder.recipient) ?? recipientOptions[0], withSearch: false })), index.h("div", { class: "nylas-reminder-email__row" }, index.h("label", null, "Send confirmation email when", index.h("span", { class: "label-icon" }, index.h("tooltip-component", null, index.h("info-icon", { slot: "tooltip-icon" }), index.h("span", { slot: "tooltip-content" }, "The recipients will receive a reminder email at the specified time before the event.")))), index.h("nylas-reminder-time", { name: `reminder-time-${index$1}`, eventReminderTimeMinutes: reminder.minutes_before_event, exportparts: "nrt, nrt__input_dropdown: nre__reminder-input_dropdown,\n                          nrt__input_dropdown-input: nre__reminder-input_dropdown-input,\n                          nrt__input_dropdown-content: nre__reminder-input_dropdown-content,\n                          " }))))) : (index.h("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, index.h("p", null, index.h("span", { class: "summary-icon" }, index.h("person-clipboard-icon", null)), recipientOptions.find(i => i.value === reminder.recipient)?.label), index.h("p", null, index.h("span", { class: "summary-icon" }, index.h("clock-icon", null)), this.formatReminderTime(reminder.minutes_before_event), " before the event")))));
-        })), index.h("button-component", { key: '5f0c78b6e6caca06bb8b3c8346480f3cde3ee8f9', class: "create-reminder", variant: 'basic', clickHandler: event => {
-                event.preventDefault();
-                this.addReminder();
-            } }, index.h("plus-icon", { key: 'b72802d4c496bcdad8f26986b43a8d70828fae68', width: "16", height: "16" }), "New reminder")));
-    }
-    static get formAssociated() { return true; }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "name": ["elementNameChangedHandler"],
-        "selectedConfiguration": ["selectedConfigurationChangedHandler"]
-    }; }
-};
-__decorate([
-    registerComponent.RegisterComponent({
-        name: 'nylas-reminder-emails',
-        stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
-        eventToProps: {
-            valueChanged: async (event, _nylasSchedulerConfigConnector) => {
-                const { valueChanged } = event.detail;
-                if (valueChanged) {
-                    valueChanged(event);
-                }
-            },
-        },
-        fireRegisterEvent: true,
-    }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], NylasReminderEmails.prototype, "render", null);
-NylasReminderEmails.style = NylasReminderEmailsStyle0;
-
-exports.nylas_reminder_emails = NylasReminderEmails;
-
-//# sourceMappingURL=nylas-reminder-emails.cjs.entry.js.map

package/dist/cjs/nylas-reminder-emails.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"nylas-reminder-emails.entry.cjs.js","mappings":"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","names":["debug","h","Host","index","RegisterComponent"],"sources":["src/components/scheduler-editor/nylas-reminder-emails/nylas-reminder-emails.scss?tag=nylas-reminder-emails&encapsulation=shadow","src/components/scheduler-editor/nylas-reminder-emails/nylas-reminder-emails.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.cards-container {\n  margin-bottom: 4rem;\n\n  .nylas-reminder-email {\n    width: inherit;\n    display: flex;\n    flex-direction: column;\n    margin: 1rem;\n    border-radius: var(--nylas-border-radius-2x);\n    border: 1px solid var(--nylas-base-200);\n    text-align: left;\n\n    .reminder-open-close-toggle {\n      display: flex;\n      gap: 16px;\n\n      .chevron {\n        display: flex;\n        align-self: center;\n        cursor: pointer;\n\n        &:hover,\n        &:active {\n          color: var(--nylas-primary);\n        }\n\n        &.open {\n          transform: rotate(90deg);\n        }\n\n        &.closed {\n          transform: rotate(270deg);\n        }\n\n        &.disabled {\n          cursor: not-allowed;\n          color: var(--nylas-base-300);\n\n          &:hover {\n            color: var(--nylas-base-300);\n          }\n        }\n      }\n    }\n\n    .header {\n      padding: 1rem;\n      display: grid;\n      grid-template-columns: 1fr auto;\n      border-bottom: 1px solid var(--nylas-base-200);\n\n      h3 {\n        border-radius: var(--nylas-border-radius-2x);\n        margin: 0;\n        font-size: 1rem;\n        font-weight: 600;\n        line-height: 20px;\n        color: var(--nylas-base-900);\n        text-align: left;\n      }\n\n      p {\n        margin: 0.25rem 0 0 0;\n        font-size: 0.875rem;\n        font-weight: 400;\n        line-height: 20px;\n        color: var(--nylas-base-600);\n        text-align: left;\n      }\n\n      .confirmation-email-toggle {\n        display: flex;\n        gap: 24px;\n        align-items: center;\n\n        .chevron {\n          display: flex;\n          align-self: center;\n          cursor: pointer;\n\n          &:hover,\n          &:active {\n            color: var(--nylas-primary);\n          }\n\n          &.open {\n            transform: rotate(90deg);\n          }\n\n          &.closed {\n            transform: rotate(270deg);\n          }\n\n          &.disabled {\n            cursor: not-allowed;\n            color: var(--nylas-base-300);\n\n            &:hover {\n              color: var(--nylas-base-300);\n            }\n          }\n        }\n      }\n    }\n\n    .nylas-reminder-email__body {\n      display: grid;\n      grid-template-columns: 1fr auto;\n      background-color: var(--nylas-base-25);\n      border-radius: var(--nylas-border-radius-2x);\n\n      @media #{$mobile} {\n        grid-template-columns: 1fr;\n      }\n\n      .nylas-reminder-email__section {\n        padding: 1rem;\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        color: var(--nylas-base-800);\n\n        @media #{$mobile} {\n          border: none;\n        }\n\n        .nylas-reminder-email__row {\n          display: grid;\n          grid-template-columns: 1fr auto;\n          align-items: center;\n          gap: 1rem;\n\n          &.full-width-col {\n            grid-template-columns: 1fr;\n          }\n\n          label {\n            display: flex;\n            align-items: center;\n\n            span.required {\n              color: var(--nylas-error, #cc4841);\n            }\n\n            span.label-icon {\n              margin-left: 4px;\n\n              tooltip-component {\n                display: flex;\n              }\n            }\n          }\n\n          p {\n            margin: 0.25rem 0 0 0;\n            font-size: 1rem;\n            font-weight: 500;\n            line-height: 24px;\n            color: var(--nylas-base-900);\n          }\n\n          .company-logo-container {\n            display: flex;\n            gap: 32px;\n            width: 100%;\n\n            .input-container {\n              display: flex;\n              flex-direction: column;\n              flex: 1;\n            }\n\n            .company-logo {\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              width: 200px;\n              height: 100px;\n              border: var(--nylas-base-200) solid 1px;\n              border-radius: var(--nylas-border-radius-2x);\n              overflow: hidden;\n              padding: 10px;\n            }\n\n            .company-logo img {\n              max-height: 100%;\n              max-width: 100%;\n              object-fit: contain;\n              object-position: center;\n            }\n          }\n\n          span.selected-value {\n            font-weight: 500;\n          }\n        }\n\n        .subsection {\n          display: flex;\n          flex-direction: column;\n          gap: 1rem;\n\n          h3 {\n            margin: 0;\n            font-size: 1rem;\n            font-weight: 600;\n            line-height: 20px;\n            color: var(--nylas-base-900);\n            text-align: left;\n          }\n\n          .input-container {\n            display: flex;\n            flex-direction: column;\n            gap: 0.25rem;\n\n            textarea {\n              padding: 12px 16px;\n              border-width: 1;\n              resize: vertical;\n              border-radius: 8px;\n              font-family: var(--nylas-font-family);\n              font-size: 16px;\n              line-height: 24px;\n              border: 1px solid var(--nylas-base-200);\n            }\n          }\n        }\n      }\n\n      .nylas-reminder-email__preview {\n        width: 208px;\n        background: var(--nylas-base-25);\n        border-bottom-right-radius: var(--nylas-border-radius-2x);\n\n        @media #{$mobile} {\n          width: inherit;\n          border-bottom-left-radius: var(--nylas-border-radius-2x);\n        }\n\n        h4 {\n          font-size: 14px;\n          line-height: 24px;\n          color: var(--nylas-base-600);\n          font-family: var(--nylas-font-family);\n          font-weight: 500;\n          text-align: center;\n          margin: 0.75rem 0;\n        }\n\n        .preview-container {\n          padding: 0 2rem 1rem;\n\n          .slot {\n            background-color: transparent;\n            border-top: 1px solid var(--nylas-base-300);\n\n            &.active {\n              background-color: var(--nylas-base-100);\n            }\n\n            &:last-of-type {\n              border-bottom: 1px solid var(--nylas-base-300);\n            }\n          }\n\n          .event-slot {\n            background-color: var(--nylas-base-600);\n            border-top: 1px solid var(--nylas-base-300);\n          }\n        }\n      }\n\n      span.error-message {\n        color: var(--nylas-error);\n      }\n\n      span.help-text {\n        margin: 0.25rem 0 0 0;\n        font-size: 0.875rem;\n        font-weight: 400;\n        line-height: 20px;\n        color: var(--nylas-base-600);\n        text-align: left;\n      }\n    }\n\n    .nylas-reminder-email__summary {\n      padding: 0.75rem 1rem;\n      display: grid;\n      grid-template-columns: auto 1fr;\n      column-gap: 1rem;\n\n      p {\n        margin: 0;\n        display: flex;\n        align-items: center;\n        column-gap: 4px;\n        font-size: 0.875rem;\n        font-weight: 400;\n        line-height: 21px;\n        color: var(--nylas-base-600);\n        text-align: left;\n\n        span.summary-icon {\n          display: flex;\n          justify-content: center;\n          min-width: 20px;\n        }\n      }\n    }\n  }\n}\n\nsp-divider {\n  background-color: var(--nylas-base-200);\n  height: 1px;\n  margin: 0.25rem 0;\n}\n\nbutton-component.create-reminder button {\n  margin: 1rem;\n  width: calc(100% - 2rem);\n}\n\nbutton-component.delete-btn button {\n  color: var(--nylas-error) !important;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, EventReminder, Participant } from '@nylas/core';\n/**\n * The `nylas-reminder-emails` component is a UI component that allows users to set buffer time before and after an event.\n *\n * @part nre__tab-heading - The nylas-reminder-emails main tab heading\n * @part nre - The nylas-reminder-emails container\n * @part nre__header - The header of the event communication section\n * @part nre__body - The body of the event communication section\n * @part nre__summary - The reminder card summary container\n * @part nre__reminder-input_dropdown - The dropdown container for selecting reminder time\n * @part nre__reminder-input_dropdown-input - The dropdown for selecting reminder time value\n * @part nre__reminder-input_dropdown-content - The dropdown for selecting reminder time unit (e.g. min, hrs, days)\n */\n@Component({\n  tag: 'nylas-reminder-emails',\n  styleUrl: 'nylas-reminder-emails.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasReminderEmails {\n  @Element() host!: HTMLNylasReminderEmailsElement;\n\n  /**\n   * The selected configuration.\n   */\n  @Prop() selectedConfiguration?: Configuration;\n  /**\n   * The name of the component\n   */\n  @Prop() name: string = 'reminder-overrides';\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The event reminders state. Defaults to an empty array if no event reminders are present.\n   */\n  @State() reminders: (EventReminder & { editing?: boolean })[] = this.selectedConfiguration?.event_booking?.reminders ?? [];\n  @State() reminderErrors: { [key: string]: string } = {};\n  @State() participants: Participant[] = this.selectedConfiguration?.participants ?? [];\n\n  /**\n   * This event is fired when the email reminders change.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n  }>;\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-reminder-emails', 'connectedCallback');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-reminder-emails', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-reminder-emails', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-reminder-emails', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n    } else {\n      this.updateRemindersFormValue();\n    }\n  }\n\n  componentWillUpdate() {\n    debug('nylas-reminder-emails', 'componentWillUpdate');\n  }\n\n  componentDidUpdate() {\n    debug('nylas-reminder-emails', 'componentDidUpdate');\n  }\n\n  componentWillRender() {\n    debug('nylas-reminder-emails', 'componentWillRender');\n  }\n\n  componentDidRender() {\n    debug('nylas-reminder-emails', 'componentDidRender');\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-reminder-emails', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newVal: Configuration) {\n    debug('nylas-reminder-emails', 'selectedConfigurationChangedHandler', newVal);\n    this.reminders = newVal?.event_booking?.reminders ?? [];\n    this.participants = newVal?.participants ?? [];\n    this.updateRemindersFormValue();\n  }\n\n  @Listen('valueChanged')\n  handleValueChanged(event: CustomEvent) {\n    debug('nylas-reminder-emails', 'handleValueChanged', event);\n    const { name, value } = event.detail;\n\n    if (name.startsWith('reminder-time-')) {\n      // Extract the reminder index from the name attribute (e.g. reminder-time-0)\n      const [_, reminderIndex] = name.split(/(\\d+)/);\n      const updatedReminders = [...this.reminders];\n      updatedReminders[reminderIndex].minutes_before_event = parseInt(value);\n      this.reminders = [...updatedReminders];\n      this.updateRemindersFormValue();\n    }\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  handleNylasFormDropdownChanged(event: CustomEvent) {\n    debug('nylas-reminder-emails', 'handleNylasFormDropdownChanged', event);\n    const { name, value } = event.detail;\n    if (!name.startsWith('recipient-')) {\n      return;\n    }\n    // Extract the reminder index from the name attribute (e.g. recipient-0)\n    const [_, reminderIndex] = name.split(/(\\d+)/);\n    const updatedReminders = [...this.reminders];\n    updatedReminders[reminderIndex].recipient = value;\n    this.reminders = [...updatedReminders];\n    this.updateRemindersFormValue();\n  }\n\n  addReminder() {\n    debug('nylas-reminder-emails', 'addReminder');\n    this.reminders = [\n      ...this.reminders,\n      {\n        type: 'email',\n        minutes_before_event: 30,\n        editing: true,\n        recipient: 'all',\n      },\n    ];\n    this.updateRemindersFormValue();\n  }\n\n  deleteReminder(index: number) {\n    this.reminders = this.reminders.filter((_, i) => i !== index).map(p => ({ ...p }));\n    this.updateRemindersFormValue();\n  }\n\n  updateRemindersFormValue() {\n    debug('nylas-reminder-emails', 'updateRemindersFormValue');\n    const eventReminders = this.reminders.map(reminder => {\n      const rem = { ...reminder };\n      delete rem.editing;\n      return rem;\n    });\n    this.internals.setFormValue(JSON.stringify(eventReminders), 'reminder-overrides');\n    this.valueChanged.emit({ value: JSON.stringify(eventReminders), name: 'reminder-overrides' });\n  }\n\n  formatReminderTime(reminderTime: number) {\n    switch (true) {\n      case reminderTime > 24 * 60:\n        return `${reminderTime / 60 / 24} days`;\n      case reminderTime === 24 * 60:\n        return '1 day';\n      case reminderTime > 90 || reminderTime === 60:\n        return `${reminderTime / 60} hours`;\n      default:\n        return `${reminderTime} minute${reminderTime > 1 ? 's' : ''} `;\n    }\n  }\n\n  @RegisterComponent<NylasReminderEmails, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-reminder-emails',\n    stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),\n    eventToProps: {\n      valueChanged: async (\n        event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n        _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n      ) => {\n        const { valueChanged } = event.detail;\n        // If a handler is passed, call it.\n        if (valueChanged) {\n          valueChanged(event);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const organizerName = this.participants.find(p => p.is_organizer)?.name;\n    const recipientOptions = [\n      {\n        label: 'All host & guests',\n        value: 'all',\n      },\n      {\n        label: 'All event guests',\n        value: 'guest',\n      },\n      {\n        label: 'Only event host',\n        value: 'host',\n      },\n    ];\n\n    return (\n      <Host>\n        <div class=\"cards-container\">\n          {this.reminders.map((reminder, index) => {\n            return (\n              <div class=\"nylas-reminder-email\" part=\"nre\">\n                <div class=\"header\" part=\"nre__header\">\n                  <div>\n                    <h3>Upcoming meeting{organizerName ? ` with ${organizerName} ` : ''}</h3>\n                    <p>Reminder before event</p>\n                  </div>\n                  {!reminder.editing ? (\n                    <button-component\n                      variant={'basic'}\n                      key={`edit-${index} `}\n                      clickHandler={event => {\n                        event.preventDefault();\n                        reminder.editing = true;\n                        this.reminders = [...this.reminders];\n                      }}\n                    >\n                      <edit-icon width=\"16\" height=\"16\"></edit-icon>\n                      Edit\n                    </button-component>\n                  ) : (\n                    <div class=\"reminder-open-close-toggle\">\n                      <button-component\n                        variant={'basic'}\n                        class=\"delete-btn\"\n                        tooltip=\"Delete reminder\"\n                        key={`delete -${index} `}\n                        clickHandler={event => {\n                          event.preventDefault();\n                          this.deleteReminder(index);\n                        }}\n                      >\n                        <trash-icon width=\"16\" height=\"16\"></trash-icon>\n                      </button-component>\n                      <span\n                        class={`chevron ${reminder.editing ? 'open' : 'closed'}`}\n                        onClick={() => {\n                          reminder.editing = !reminder.editing;\n                          this.reminders = [...this.reminders];\n                        }}\n                      >\n                        <chevron-icon width=\"24\" height=\"24\" />\n                      </span>\n                    </div>\n                  )}\n                </div>\n\n                {reminder.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>Email recipients</label>\n                        <select-dropdown\n                          name={`recipient-${index}`}\n                          options={recipientOptions}\n                          defaultSelectedOption={recipientOptions.find(i => i.value === reminder.recipient) ?? recipientOptions[0]}\n                          withSearch={false}\n                        />\n                      </div>\n                      <div class=\"nylas-reminder-email__row\">\n                        <label>\n                          Send confirmation email when\n                          <span class=\"label-icon\">\n                            <tooltip-component>\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.</span>\n                            </tooltip-component>\n                          </span>\n                        </label>\n                        <nylas-reminder-time\n                          name={`reminder-time-${index}`}\n                          eventReminderTimeMinutes={reminder.minutes_before_event}\n                          exportparts=\"nrt, nrt__input_dropdown: nre__reminder-input_dropdown,\n                          nrt__input_dropdown-input: nre__reminder-input_dropdown-input,\n                          nrt__input_dropdown-content: nre__reminder-input_dropdown-content,\n                          \"\n                        />\n                      </div>\n                    </div>\n                  </div>\n                ) : (\n                  <div class=\"nylas-reminder-email__summary\" part=\"nre__summary\">\n                    <p>\n                      <span class=\"summary-icon\">\n                        <person-clipboard-icon></person-clipboard-icon>\n                      </span>\n                      {recipientOptions.find(i => i.value === reminder.recipient)?.label}\n                    </p>\n                    <p>\n                      <span class=\"summary-icon\">\n                        <clock-icon></clock-icon>\n                      </span>\n                      {this.formatReminderTime(reminder.minutes_before_event)} before the event\n                    </p>\n                  </div>\n                )}\n              </div>\n            );\n          })}\n        </div>\n\n        <button-component\n          class=\"create-reminder\"\n          variant={'basic'}\n          clickHandler={event => {\n            event.preventDefault();\n            this.addReminder();\n          }}\n        >\n          <plus-icon width=\"16\" height=\"16\"></plus-icon>\n          New reminder\n        </button-component>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/nylas-reminder-time_2.cjs.entry.js

@@ -1,175 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7af03e3f.js');
-const registerComponent = require('./register-component-36aab1cf.js');
-const constants = require('./constants-b28483d0.js');
-const utils = require('./utils-5ebd7cf8.js');
-
-const nylasReminderTimeCss = ":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)}";
-const NylasReminderTimeStyle0 = nylasReminderTimeCss;
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-        return Reflect.metadata(k, v);
-};
-function getInitialTimeValue(timeInMinutes) {
-    if (!timeInMinutes)
-        return 30;
-    if (timeInMinutes >= 60 * 24)
-        return timeInMinutes / (60 * 24);
-    if (timeInMinutes >= 90 || timeInMinutes === 60)
-        return timeInMinutes / 60;
-    return timeInMinutes;
-}
-function getInitialTimeIncrement(timeInMinutes) {
-    if (!timeInMinutes)
-        return 30;
-    if (timeInMinutes >= 60 * 24)
-        return 60 * 24;
-    if (timeInMinutes >= 90 || timeInMinutes === 60)
-        return 60;
-    return 1;
-}
-const NylasReminderTime = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.valueChanged = index.createEvent(this, "valueChanged", 7);
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.internals;
-        }
-        this.name = 'reminder-time';
-        this.eventReminderTimeMinutes = undefined;
-        this.reminderTime = getInitialTimeValue(this.eventReminderTimeMinutes);
-        this.reminderTimeMinutes = this.eventReminderTimeMinutes ?? 30;
-        this.reminderTimeincrement = getInitialTimeIncrement(this.eventReminderTimeMinutes);
-        this.reminderTimeMinutesOptions = constants.REMINDER_MINUTE_OPTIONS;
-    }
-    elementNameChangedHandler(newValue) {
-        utils.debug('nylas-reminder-time', 'elementNameChangedHandler', newValue);
-        this.host.setAttribute('name', newValue);
-    }
-    eventReminderTimeMinutesChangedHandler(newValue, oldValue) {
-        utils.debug('nylas-reminder-time', 'eventReminderTimeMinutesChangedHandler', newValue);
-        if (newValue === oldValue) {
-            return;
-        }
-        this.reminderTime = getInitialTimeValue(newValue);
-        this.reminderTimeincrement = getInitialTimeIncrement(newValue);
-        this.reminderTimeMinutes = newValue;
-    }
-    reminderTimeMinutesChangedHandler(newValue, oldValue) {
-        utils.debug('nylas-reminder-time', 'reminderTimeMinutesChangedHandler', newValue);
-        if (newValue === oldValue) {
-            return;
-        }
-        this.valueChanged.emit({ value: newValue.toString(), name: this.name });
-    }
-    connectedCallback() {
-        utils.debug('nylas-reminder-time', 'connectedCallback');
-    }
-    componentWillLoad() {
-        utils.debug('nylas-reminder-time', 'componentWillLoad');
-        this.host.setAttribute('name', this.name);
-        this.setReminderTimeMinuteOptions();
-    }
-    componentDidLoad() {
-        utils.debug('nylas-reminder-time', 'componentDidLoad');
-    }
-    disconnectedCallback() {
-        utils.debug('nylas-reminder-time', 'disconnectedCallback');
-    }
-    setReminderTimeMinuteOptions() {
-        if (this.reminderTimeincrement === 1) {
-            this.reminderTimeMinutesOptions = constants.REMINDER_MINUTE_OPTIONS;
-        }
-        else if (this.reminderTimeincrement === 60) {
-            this.reminderTimeMinutesOptions = constants.REMINDER_HOUR_OPTIONS;
-        }
-        else
-            this.reminderTimeMinutesOptions = constants.REMINDER_DAY_OPTIONS;
-        return this.reminderTimeMinutesOptions;
-    }
-    nylasFormDropdownChangedHandler(event) {
-        utils.debug('nylas-calendar-picker', 'nylasFormDropdownChangedHandler', event.detail);
-        const { value } = event.detail;
-        this.reminderTimeincrement = parseInt(value);
-        if (this.reminderTimeincrement === 1) {
-            this.reminderTime = 60;
-        }
-        else {
-            this.reminderTime = 1;
-        }
-        this.setReminderTimeMinuteOptions();
-        this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;
-        this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
-    }
-    inputOptionChangedHandler(event) {
-        utils.debug('nylas-calendar-picker', 'inputOptionChangedHandler', event.detail);
-        const { value } = event.detail;
-        this.reminderTime = value;
-        this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;
-        this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
-    }
-    render() {
-        const reminderTimeOptions = [
-            { value: 1, label: 'minute' },
-            { value: 60, label: 'hour' },
-            { value: 60 * 24, label: 'day' },
-        ];
-        return (index.h(index.Host, { key: 'd08ccb2f53caf574942db1bc7f805927ad5a2b9a' }, index.h("div", { key: '7a2969e3256bfc79d28686c3ade4c981b7425300', class: "nylas-reminder-time", part: "nrt" }, index.h("div", { key: '625bb82d848d490b65463cc2102ddb5f1cdaaad8', class: "nylas-reminder-time__wrapper" }, index.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) ?? reminderTimeOptions[0] }), index.h("select-dropdown", { key: '95ef5eae4f8fc8b73ed8efc4601cac5e0303c858', name: 'reminder-time-unit', options: reminderTimeOptions, pluralizedLabel: this.reminderTime > 1 ? 's' : '', exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: reminderTimeOptions.find(i => i.value == this.reminderTimeincrement) ?? reminderTimeOptions[0], withSearch: false })))));
-    }
-    static get formAssociated() { return true; }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "name": ["elementNameChangedHandler"],
-        "eventReminderTimeMinutes": ["eventReminderTimeMinutesChangedHandler"],
-        "reminderTimeMinutes": ["reminderTimeMinutesChangedHandler"]
-    }; }
-};
-__decorate([
-    registerComponent.RegisterComponent({
-        name: 'nylas-reminder-time',
-        eventToProps: {},
-        fireRegisterEvent: true,
-    }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], NylasReminderTime.prototype, "render", null);
-NylasReminderTime.style = NylasReminderTimeStyle0;
-
-const iconCss = ".sc-trash-icon-h{display:flex}";
-const TrashIconStyle0 = iconCss;
-
-const TrashIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.width = '20';
-        this.height = '21';
-    }
-    render() {
-        return (index.h("svg", { key: 'a2388fd5adfdf9cc72ace3f37609cac599f9d5f2', width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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" })));
-    }
-};
-TrashIcon.style = TrashIconStyle0;
-
-exports.nylas_reminder_time = NylasReminderTime;
-exports.trash_icon = TrashIcon;
-
-//# sourceMappingURL=nylas-reminder-time_2.cjs.entry.js.map

package/dist/cjs/nylas-reminder-time_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"nylas-reminder-time.trash-icon.entry.cjs.js","mappings":"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","names":["REMINDER_MINUTE_OPTIONS","debug","REMINDER_HOUR_OPTIONS","REMINDER_DAY_OPTIONS","h","Host","RegisterComponent"],"sources":["src/components/scheduler-editor/nylas-reminder-time/nylas-reminder-time.scss?tag=nylas-reminder-time&encapsulation=shadow","src/components/scheduler-editor/nylas-reminder-time/nylas-reminder-time.tsx","src/common/icons/icon.css?tag=trash-icon&encapsulation=scoped","src/common/icons/trash.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-reminder-time {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  label {\n    display: flex;\n    align-items: center;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n\n    /* 21px */\n    span.required {\n      color: var(--nylas-error, #cc4841);\n    }\n\n    span.label-icon {\n      margin-left: 4px;\n\n      tooltip-component {\n        display: flex;\n      }\n    }\n  }\n}\n\n.nylas-reminder-time__wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n\n  input {\n    padding: 12px 16px;\n    border-width: 1;\n    border-radius: 8px;\n    border: 1px solid var(--nylas-base-200);\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n    line-height: 24px;\n    width: 48px;\n  }\n\n  input-dropdown::part(id_dropdown-input) {\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius-2x);\n    padding: 14px 16px;\n    width: 50px;\n  }\n\n  input-dropdown::part(id_dropdown-content) {\n    width: 100%;\n    min-width: unset;\n    height: 160px;\n  }\n\n  select-dropdown {\n    width: 120px;\n\n    @media #{$mobile} {\n      width: 100%;\n    }\n  }\n\n  select-dropdown::part(sd_dropdown-button) {\n    border: 1px solid var(--nylas-base-200);\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { REMINDER_MINUTE_OPTIONS, REMINDER_HOUR_OPTIONS, REMINDER_DAY_OPTIONS } from '@/common/constants';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Host, Listen, State, h, Element, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\n\nfunction getInitialTimeValue(timeInMinutes: number | undefined) {\n  if (!timeInMinutes) return 30;\n  if (timeInMinutes >= 60 * 24) return timeInMinutes / (60 * 24);\n  if (timeInMinutes >= 90 || timeInMinutes === 60) return timeInMinutes / 60;\n  return timeInMinutes;\n}\n\nfunction getInitialTimeIncrement(timeInMinutes: number | undefined) {\n  if (!timeInMinutes) return 30;\n  if (timeInMinutes >= 60 * 24) return 60 * 24;\n  if (timeInMinutes >= 90 || timeInMinutes === 60) return 60;\n  return 1;\n}\n\n/**\n * The `nylas-reminder-time` component is a form input for the reminder time before an event.\n *\n * @part nrt - The event reminder container\n * @part nrt - The dropdown container for the reminder time increment\n * @part nrt__dropdown-button - The dropdown button for the reminder time increment\n * @part nrt__dropdown-content - The dropdown content for the reminder time increment\n * @part nrt__input_dropdown - The input dropdown container for the reminder time minutes\n * @part nrt__input_dropdown-input - The input for the reminder time minutes\n * @part nrt__input_dropdown-content - The dropdown content for the input reminder time minutes\n */\n@Component({\n  tag: 'nylas-reminder-time',\n  styleUrl: 'nylas-reminder-time.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasReminderTime {\n  /**\n   * The host element <nylas-reminder-time>\n   */\n  @Element() host!: HTMLElement;\n  /**\n   * The name of the reminder time. Default is 'reminder time'.\n   */\n  @Prop() name: string = 'reminder-time';\n  /**\n   * The event reminder time in minutes as set in the configuration.\n   */\n  @Prop() eventReminderTimeMinutes?: number;\n  /**\n   * The selected event reminder time state. This defaults to the reminder time from the configuration or 30 minutes.\n   */\n  @State() reminderTime: number = getInitialTimeValue(this.eventReminderTimeMinutes);\n  /**\n   * The reminder time in minutes. This defaults to the reminder time from the configuration or 30 minutes.\n   */\n  @State() reminderTimeMinutes: number = this.eventReminderTimeMinutes ?? 30;\n  /**\n   * The reminder time increment. This defaults to minute(s).\n   */\n  @State() reminderTimeincrement: number = getInitialTimeIncrement(this.eventReminderTimeMinutes);\n  /**\n   * The reminderTimeMinutesOptions for the dropdown.\n   */\n  @State() reminderTimeMinutesOptions = REMINDER_MINUTE_OPTIONS;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-reminder-time', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('eventReminderTimeMinutes')\n  eventReminderTimeMinutesChangedHandler(newValue: number, oldValue: number) {\n    debug('nylas-reminder-time', 'eventReminderTimeMinutesChangedHandler', newValue);\n    if (newValue === oldValue) {\n      return;\n    }\n    this.reminderTime = getInitialTimeValue(newValue);\n    this.reminderTimeincrement = getInitialTimeIncrement(newValue);\n    this.reminderTimeMinutes = newValue;\n  }\n\n  @Watch('reminderTimeMinutes')\n  reminderTimeMinutesChangedHandler(newValue: number, oldValue: number) {\n    debug('nylas-reminder-time', 'reminderTimeMinutesChangedHandler', newValue);\n    if (newValue === oldValue) {\n      return;\n    }\n    this.valueChanged.emit({ value: newValue.toString(), name: this.name });\n  }\n\n  /**\n   * Event emitted when the event reminder time changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  connectedCallback() {\n    debug('nylas-reminder-time', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-reminder-time', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n    this.setReminderTimeMinuteOptions();\n  }\n\n  componentDidLoad() {\n    debug('nylas-reminder-time', 'componentDidLoad');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-reminder-time', 'disconnectedCallback');\n  }\n\n  setReminderTimeMinuteOptions() {\n    if (this.reminderTimeincrement === 1) {\n      this.reminderTimeMinutesOptions = REMINDER_MINUTE_OPTIONS;\n    } else if (this.reminderTimeincrement === 60) {\n      this.reminderTimeMinutesOptions = REMINDER_HOUR_OPTIONS;\n    } else this.reminderTimeMinutesOptions = REMINDER_DAY_OPTIONS;\n    return this.reminderTimeMinutesOptions;\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('nylas-calendar-picker', 'nylasFormDropdownChangedHandler', event.detail);\n    const { value } = event.detail;\n    this.reminderTimeincrement = parseInt(value);\n\n    if (this.reminderTimeincrement === 1) {\n      this.reminderTime = 60;\n    } else {\n      this.reminderTime = 1;\n    }\n\n    this.setReminderTimeMinuteOptions();\n    this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;\n    this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);\n  }\n\n  @Listen('inputOptionChanged')\n  inputOptionChangedHandler(event: CustomEvent<{ value: number; name: string }>) {\n    debug('nylas-calendar-picker', 'inputOptionChangedHandler', event.detail);\n    const { value } = event.detail;\n    this.reminderTime = value;\n    this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;\n    this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);\n  }\n\n  @RegisterComponent<NylasReminderTime, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-reminder-time',\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    const reminderTimeOptions = [\n      { value: 1, label: 'minute' },\n      { value: 60, label: 'hour' },\n      { value: 60 * 24, label: 'day' },\n    ];\n\n    return (\n      <Host>\n        <div class=\"nylas-reminder-time\" part=\"nrt\">\n          <div class=\"nylas-reminder-time__wrapper\">\n            <input-dropdown\n              name={'reminder-time'}\n              options={this.reminderTimeMinutesOptions}\n              inputValue={this.reminderTime.toString()}\n              exportparts=\"id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content\"\n              defaultInputOption={this.reminderTimeMinutesOptions.find(i => i.value == this.reminderTime) ?? reminderTimeOptions[0]}\n            />\n            <select-dropdown\n              name={'reminder-time-unit'}\n              options={reminderTimeOptions}\n              pluralizedLabel={this.reminderTime > 1 ? 's' : ''}\n              exportparts=\"sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content\"\n              defaultSelectedOption={reminderTimeOptions.find(i => i.value == this.reminderTimeincrement) ?? reminderTimeOptions[0]}\n              withSearch={false}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'trash-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class TrashIcon {\n  @Prop() width: string = '20';\n  @Prop() height: string = '21';\n\n  render() {\n    // Trash icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          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\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}