@nylas/web-elements 0.0.0-canary-20241015194719 → 0.0.0-canary-20241017202051

package/dist/cjs/calendar-agenda-fill-icon_54.cjs.entry.js

@@ -207,6 +207,7 @@ var __metadata$w = (undefined && undefined.__metadata) || function (k, v) {
 const InputImageUrl = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
+        this.nylasFormInputImageUrlInvalid = index$1.createEvent(this, "nylasFormInputImageUrlInvalid", 7);
         this.valueChanged = index$1.createEvent(this, "valueChanged", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
@@ -275,12 +276,15 @@ const InputImageUrl = class {
             this.valueChanged.emit({ value: this.currentImageUrl, name: this.name });
         })
             .catch(() => {
-            this.internals.setValidity({ customError: true }, 'Invalid image URL.');
             this.errorMessage = 'Invalid image URL.';
+            this.nylasFormInputImageUrlInvalid.emit({ value: 'Invalid image URL.', name: this.name });
+            if (typeof this.internals.setValidity === 'function') {
+                this.internals.setValidity({ customError: true }, 'Invalid image URL.');
+            }
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '37ae40e1bc1eadb1d66f68b26e66b9b0046752b0' }, index$1.h("div", { key: 'fe6024927698ba0d41e4875d0f190cf610afe7d7', class: "logo-container" }, index$1.h("div", { key: 'b61b97fb4a518e68773304eaa55833104bc246c8', class: "input-container" }, index$1.h("input-component", { key: 'f918ef5a13ec93e71635ca205534894c97243fe4', name: this.name, id: this.name, type: "text", required: false, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? '' }), this.errorMessage && index$1.h("span", { class: "error-message" }, this.errorMessage)), this.currentImageUrl && !this.errorMessage && (index$1.h("div", { class: "logo" }, index$1.h("img", { src: this.currentImageUrl, alt: "Logo" }))))));
+        return (index$1.h(index$1.Host, { key: '27db94b782ae96518852a8486821a7f6544492a2' }, index$1.h("div", { key: '3923ce12503dd454e716e002b693b8e5f7e7e991', class: "logo-container" }, index$1.h("div", { key: '004c0dfb0e5ec721e356b4915fbdd75f84a67301', class: "input-container" }, index$1.h("input-component", { key: 'f06812996be4fd6384fffc2c095e62ba7067881d', name: this.name, id: this.name, type: "text", required: false, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? '' }), this.errorMessage && index$1.h("span", { class: "error-message" }, this.errorMessage)), this.currentImageUrl && !this.errorMessage && (index$1.h("div", { class: "logo" }, index$1.h("img", { src: this.currentImageUrl, alt: "Logo" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -421,20 +425,23 @@ const NylasAdditionalParticipants = class {
     disconnectedCallback() {
         utils.debug('nylas-additional-participants', 'disconnectedCallback');
     }
+    get isInternalsAvailable() {
+        return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
+    }
     onInputOptionChanged(event) {
         utils.debug('nylas-additional-participants', 'onInputOptionChanged');
-        const EMAIL_REGEX = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
+        const EMAIL_REGEX = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
         const index = event.detail.name;
         const participant = this.participantOptions?.find(participant => participant.email === event.detail.value);
         if (!participant && this.isRoundRobinConfig) {
-            this.internals.setValidity({ customError: true }, 'For round robin configuration, participant should be selected from the dropdown.');
+            this.isInternalsAvailable && this.internals.setValidity({ customError: true }, 'For round robin configuration, participant should be selected from the dropdown.');
             this.participantErrors[index] = 'For round robin page, participant should be selected from the dropdown.';
             this.participants[index].is_valid = false;
             this.participants = [...this.participants];
             return;
         }
         else if (!participant && !EMAIL_REGEX.test(event.detail.value)) {
-            this.internals.setValidity({ customError: true }, 'Please enter a valid email address');
+            this.isInternalsAvailable && this.internals.setValidity({ customError: true }, 'Please enter a valid email address');
             this.participantErrors[index] = 'Please enter a valid email address';
             this.participants[index].is_valid = false;
             this.participants = [...this.participants];
@@ -443,7 +450,7 @@ const NylasAdditionalParticipants = class {
         else {
             this.participantErrors[index] = '';
             this.participants[index].is_valid = true;
-            this.internals.setValidity({});
+            this.isInternalsAvailable && this.internals.setValidity({});
         }
         this.participants[index].email = event.detail.value;
         this.participants[index].availability = participant ? { calendar_ids: ['primary'] } : undefined;
@@ -482,24 +489,17 @@ const NylasAdditionalParticipants = class {
         this.participants = this.participants.filter((_, i) => i !== index);
         this.updateFormValue();
     }
-    validate(email, index) {
-        utils.debug('nylas-additional-participants', 'validate');
-        const regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        const valid = regex.test(String(email).toLowerCase());
-        this.participants[index].is_valid = valid;
-        this.updateFormValue();
-    }
     updateFormValue() {
         utils.debug('nylas-additional-participants', 'updateFormValue');
         const participants = this.isRoundRobinConfig ? (this.includeOrganizerAsParticipant ? this.participants : this.participants.filter(p => !p.is_organizer)) : this.participants;
         if (participants.length === 0) {
-            this.internals.setValidity({ customError: true }, 'Please add at least one participant');
+            this.isInternalsAvailable && this.internals.setValidity({ customError: true }, 'Please add at least one participant');
             this.error = 'Please add at least one participant';
         }
         else {
-            this.internals.setValidity({});
+            this.isInternalsAvailable && this.internals.setValidity({});
             this.error = '';
-            this.internals.setFormValue(JSON.stringify(participants), this.name);
+            this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(participants), this.name);
             this.valueChanged.emit({ value: JSON.stringify(participants), name: this.name });
         }
     }
@@ -510,7 +510,7 @@ const NylasAdditionalParticipants = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a090033dc7d7915ca65100fd1803d2430052b18a', part: "nap" }, index$1.h("nylas-form-card", { key: '19203e4c99690200b679943672f89e9d20bc62b5' }, index$1.h("h3", { key: '33fbde2341b42cb0529b95a06f80d6dea08ffc52', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), index$1.h("p", { key: 'a8c73ed714ab74309f1a417215b9e56da99a2731', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), index$1.h("div", { key: 'bce67b77333c2db513463acaa952b51d933d43d9', slot: "content", class: "nylas-additional-participants__content" }, index$1.h("div", { key: '35e0bf36996f3daec1d41e1d8c74c636fb72307f' }, this.participants.map((participant, index) => {
+        return (index$1.h(index$1.Host, { key: '16a28d7d8ee91b685a22472d8a90721a5074d798', part: "nap" }, index$1.h("nylas-form-card", { key: '9fde59eadfcdf05c3b4add30a5c35f9b21d00c30' }, index$1.h("h3", { key: '82e3c3ad537ef4c60d19695f11e481bac2ed31ae', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), index$1.h("p", { key: '4df3d661d2c6801ba8e88d82853ae562ed3be8e8', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), index$1.h("div", { key: '3ccb34354c025b52760433683812acf37b480e77', slot: "content", class: "nylas-additional-participants__content" }, index$1.h("div", { key: '007cf8396921637cf230cc26d73de147169cd250' }, this.participants.map((participant, index) => {
             return (index$1.h("div", { class: 'nylas-additional-participants__input_group', part: "nap__input_group" }, !participant.is_organizer && index$1.h("label", null, `Participant ${index}`), index$1.h("div", { part: "nap__input_wrapper", class: {
                     'nylas-additional-participants__input_wrapper': true,
                     'nylas-additional-participants__input_wrapper_organizer': participant?.is_organizer === true,
@@ -520,7 +520,7 @@ const NylasAdditionalParticipants = class {
                     this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant;
                     this.updateFormValue();
                 }, checked: this.includeOrganizerAsParticipant }), index$1.h("label", { htmlFor: `organizer_participant`, "aria-label": "Include as participant" }, "Participant", index$1.h("tooltip-component", { id: "organizer_participant_tooltip" }, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, index$1.h("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", index$1.h("br", null), index$1.h("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))))) : (index$1.h("input-dropdown", { id: `${index}`, name: `${index}`, filterable: true, inputValue: participant.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) })), !participant.is_organizer && (index$1.h("button", { onClick: () => this.removeParticipant(index), part: "nap__remove-participant" }, index$1.h("close-icon", null))))), !participant.is_valid && (index$1.h("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[index]))));
-        }), index$1.h("p", { key: '51f51ef0614cd93592fae8a32f501d0249b12c5a', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), index$1.h("button", { key: '93605c6ce8fb6b77451ea0f8c06fb23134727c3f', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index$1.h("add-circle-icon", { key: '8e6ac25f43f06ad3ee24047a1a7469b13c5a56c7' }), " ", index$1.h("span", { key: '511068fb28c498edba86706bef49dcad6633d249' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
+        }), index$1.h("p", { key: 'f1dd954c137093fa9e474f3886e4b5320aeb5e2e', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), index$1.h("button", { key: '859585010fc9fce314b856f5e7e07ac8b8c47b88', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index$1.h("add-circle-icon", { key: 'aec7eb5de30e66bca29b73962f356109471c2e9e' }), " ", index$1.h("span", { key: 'f07ecfaa4db46f7954d734314c46f2d773158730' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -5382,9 +5382,9 @@ const NylasConfirmationEmail = class {
         }
         this.selectedConfiguration = undefined;
         this.confirmationEmailTemplate = {};
-        this.isOpen = false;
         this.participants = [];
         this.name = 'confirmation-email-template';
+        this.isOpen = false;
         this.confirmationEmail = undefined;
         this.isConfirmationEmailOpen = this.isOpen;
         this.participantsState = this.participants;
@@ -5437,8 +5437,17 @@ const NylasConfirmationEmail = class {
         const { value, name } = event.detail;
         if (name === 'confirmation-email-logo') {
             this.confirmationEmail = { ...this.confirmationEmail, logo: value };
-            this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
             this.valueChanged.emit({ value: JSON.stringify(this.confirmationEmail), name: this.name });
+            if (typeof this.internals.setValidity === 'function' && typeof this.internals.setFormValue === 'function') {
+                this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
+                this.internals.setValidity({});
+            }
+        }
+    }
+    async nylasFormInputImageUrlInvalidHandler(event) {
+        const { value, name } = event.detail;
+        if (name === 'confirmation-email-logo' && typeof this.internals.setValidity === 'function') {
+            this.internals.setValidity({ customError: true }, value || 'Invalid image URL.');
         }
     }
     updateConfirmationFormValue() {
@@ -5458,7 +5467,7 @@ const NylasConfirmationEmail = class {
     render() {
         const organizer = this.participantsState.find(p => p.is_organizer);
         const organizerName = organizer?.name || organizer?.email;
-        return (index$1.h(index$1.Host, { key: '0cd4c1886c65ead0e525ea96fe26a1316c61db7f' }, index$1.h("div", { key: '1901775f8a1364fe16485eeaf27d44862e74a642', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '241cf1a885d4d97d53c158e5691e350aa14b549f', class: "header", part: "nce__header" }, index$1.h("div", { key: 'e37c36a4d8f1f82669f3a397969202d3a2612b0e' }, index$1.h("h3", { key: 'ae34b848907720867cb014000e5b7367bcabedb3' }, this.confirmationEmail?.booking_confirmed?.title ?? `Booking confirmed with ${organizerName ? ` ${organizerName}` : ''}`), index$1.h("p", { key: '97d7c78a88b20be8c5b0a27485f917628f1c6edc' }, "Booking confirmation email")), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
+        return (index$1.h(index$1.Host, { key: 'bc4803b94f914d083bd33cf4cecd0cac70b0658c' }, index$1.h("div", { key: '6445d38b903bffd19b4db004e850f6488ed4c27f', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '7ce1ccd72ef83717aec42fe0b533902e3a254796', class: "header", part: "nce__header" }, index$1.h("div", { key: 'cbceb816c30deebc4e053a7abd1da1c82c171ebe' }, index$1.h("h3", { key: '36f5b00d5a98d325341ff06b2bb3ba3cf951e94f' }, this.confirmationEmail?.booking_confirmed?.title ?? `Booking confirmed with ${organizerName ? ` ${organizerName}` : ''}`), index$1.h("p", { key: '6f72022d71e5f4e3c03d0f6d07d7f0f5bc0f9686' }, "Booking confirmation email")), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.toggleConfirmationEmail();
             } }, index$1.h("edit-icon", { width: "16", height: "16" }), "Edit"))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, index$1.h("div", { class: "nylas-confirmation-email__section" }, index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("label", null, "Send confirmation email", index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation email immediately upon booking.")))), index$1.h("span", { class: "selected-value" }, "Immediately upon booking")), index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("div", { class: "subsection" }, index$1.h("div", { class: "input-container" }, index$1.h("label", null, "Company logo URL", index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "This logo appears in the booking confirmation email. The URL must be publicly accessible. The image will be scaled down to a max size of 200px x 100px.")))), this.confirmationEmail && (index$1.h("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", imageUrl: this.confirmationEmail?.logo ?? '' }))))), index$1.h("div", { class: "nylas-confirmation-email__row full-width-col" }, index$1.h("div", { class: "subsection" }, index$1.h("h3", null, "Email message"), index$1.h("div", { class: "input-container" }, index$1.h("label", { htmlFor: "title" }, "Custom email title", index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "An email title is a headline within the body of the email. This doesn't change the subject line.")))), index$1.h("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: `Booking confirmed ${organizerName ? `with ${organizerName}` : ''}`, defaultValue: this.confirmationEmail?.booking_confirmed?.title ?? '' })), index$1.h("div", { class: "input-container" }, index$1.h("textarea-component", { label: "Additional info", name: "confirmation-email-body", id: "confirmation-email-body", placeholder: "Default body", tooltip: "Scheduler adds the content of the box to the email body.", maxLength: 500, defaultValue: this.confirmationEmail?.booking_confirmed?.body ?? '' }))))))) : (index$1.h("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("person-clipboard-icon", null)), "All host & guests"), index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("clock-icon", null)), "Immediately on booking"))))));
@@ -6192,7 +6201,6 @@ const NylasEventDuration = class {
     componentWillLoad() {
         utils.debug('nylas-event-duration', 'componentWillLoad');
         this.host.setAttribute('name', this.name);
-        this.setDurationMintueOptions();
     }
     componentDidLoad() {
         utils.debug('nylas-event-duration', 'componentDidLoad');
@@ -6202,7 +6210,10 @@ const NylasEventDuration = class {
         this.duration = this.duration ? this.duration : this.eventDurationMinutes ? (this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes) : 30;
         this.durationMinutes = this.durationMinutes ? this.durationMinutes : this.duration ? this.duration : 30;
         this.durationIncrement = this.durationIncrement ? this.durationIncrement : this.duration >= 60 ? 60 : 1;
-        this.internals.setFormValue(this.durationMinutes.toString(), 'duration');
+        this.setDurationMintueOptions();
+        if (typeof this.internals.setFormValue === 'function') {
+            this.internals.setFormValue(this.durationMinutes.toString(), 'duration');
+        }
     }
     disconnectedCallback() {
         utils.debug('nylas-event-duration', 'disconnectedCallback');
@@ -6252,7 +6263,7 @@ const NylasEventDuration = class {
             { value: 1, label: 'minute' },
             { value: 60, label: 'hour' },
         ];
-        return (index$1.h(index$1.Host, { key: 'e63530398b7b2231436947da8c9e63c3c7bd696a' }, index$1.h("div", { key: '9ccca25a4322edaedafa53a2bd8ae2baf48b4f1e', class: "nylas-event-duration", part: "ned" }, index$1.h("label", { key: 'cd5562d2516c1f37eeb0b3e074493c671628ef4b', htmlFor: "duration" }, "Event duration", index$1.h("span", { key: 'ef36340fb220f380a9913ad5025e6600ce6e8f17', class: "required" }, "*")), index$1.h("div", { key: 'eddeda40d89ac770f20226605f3fedce00afe060', class: "nylas-event-duration__wrapper" }, index$1.h("input-dropdown", { key: 'b087fff0f15cfcaf5c89c0566941aa45c8e89d54', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) }), this.durationIncrement && (index$1.h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement), withSearch: false }))))));
+        return (index$1.h(index$1.Host, { key: 'f6b60528b9c3f2978ac12beae9bf049a9b90fec5' }, index$1.h("div", { key: 'f7c778d981fa1d33ceed820d500e6820a4f1223c', class: "nylas-event-duration", part: "ned" }, index$1.h("label", { key: 'f461dcfeda616f50820d6cdacb5dfded22ec7aff', htmlFor: "duration" }, "Event duration", index$1.h("span", { key: '086d2458ad14f00f718fb9106c45d63576c9f734', class: "required" }, "*")), index$1.h("div", { key: 'cf27800dec77fbe74c9428de92fa042a419ddb25', class: "nylas-event-duration__wrapper" }, index$1.h("input-dropdown", { key: '06ed64927a69ca96bb9f9cc5cfede6d55c310598', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) }), this.durationIncrement && (index$1.h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement), withSearch: false }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -6317,7 +6328,7 @@ const NylasEventInfo = class {
         utils.debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'fb4a8dd875696bc6a4e951f2649a2ab650558489' }, index$1.h("nylas-form-card", { key: '193b25acb1374842946ff938755fe8fed7a6d4b9', exportparts: "nfc__header: nei__header" }, index$1.h("h1", { key: 'c405c5de0b2eafa15136d10f10de13a158595298', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), index$1.h("div", { key: 'a49993db49876dfdebd6dbe412d759ce1d38028e', slot: "content", class: "nylas-event-info__content" }, index$1.h("slot", { key: 'dc4595988a0b6824f328896c1ea507b96e61e4a8', name: "inputs" })))));
+        return (index$1.h(index$1.Host, { key: 'be80a4e687ce223a8e52bbabc2e8acadcb194b11' }, index$1.h("nylas-form-card", { key: 'c96b77795ec2516889acf0f78c5eb723b26dd89c', exportparts: "nfc__header: nei__header" }, index$1.h("h1", { key: '890113187adcd6be1ab1d1beb489fe3a80124617', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), index$1.h("div", { key: '44eaaae3833654530706dc93077b43a7597acc2c', slot: "content", class: "nylas-event-info__content" }, index$1.h("slot", { key: '7af737a67cb007c0ede7db5aa075828311d98da3', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index$1.getElement(this); }
@@ -6376,7 +6387,7 @@ const NylasEventLimits = class {
         utils.debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '8715c9aeba26e6f4c151b0ab58333cc13d3500d3' }, index$1.h("nylas-form-card", { key: '2e2bf90762d35ac9fc4a995808b9aa3e4481d6c0', exportparts: "nfc__header: nel__header" }, index$1.h("h1", { key: 'b3689912282e3215d862ca06c75fae95b67e501f', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), index$1.h("div", { key: 'bd5513f8c0cc573f14afeadfafe591b64b904920', slot: "content", class: "nylas-event-limits__content" }, index$1.h("slot", { key: '86ebfd856f0c93d3ad98d800d4ce9e1a8daf2516', name: "inputs" })))));
+        return (index$1.h(index$1.Host, { key: '6a28113e3b403869e77cc3a2c9c3a1bea217dc52' }, index$1.h("nylas-form-card", { key: 'cf9004d044222d796ae59df58737ad9719a20576', exportparts: "nfc__header: nel__header" }, index$1.h("h1", { key: 'ffeeb7a5741c9f07fb4f9bd84016b1707e2b55b7', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), index$1.h("div", { key: '7b51592d95736f860ec805950275a18e9d914c32', slot: "content", class: "nylas-event-limits__content" }, index$1.h("slot", { key: '53e9098d736eedf5b22e1b8ae712ec22c8ca865e', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index$1.getElement(this); }
@@ -8443,22 +8454,29 @@ var __metadata$2 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
+const reminderTimeOptions = [
+    { value: 60 * 24, label: 'day' },
+    { value: 60, label: 'hour' },
+    { value: 1, label: 'minute' },
+];
 function getInitialTimeValue(timeInMinutes) {
     if (!timeInMinutes)
         return 30;
-    if (timeInMinutes >= 60 * 24)
-        return timeInMinutes / (60 * 24);
-    if (timeInMinutes >= 90 || timeInMinutes === 60)
-        return timeInMinutes / 60;
+    for (const option of reminderTimeOptions) {
+        if (timeInMinutes % option.value === 0) {
+            return timeInMinutes / option.value;
+        }
+    }
     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;
+    for (const option of reminderTimeOptions) {
+        if (timeInMinutes % option.value === 0) {
+            return option.value;
+        }
+    }
     return 1;
 }
 const NylasReminderTime = class {
@@ -8483,15 +8501,6 @@ const NylasReminderTime = class {
         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) {
@@ -8505,14 +8514,17 @@ const NylasReminderTime = class {
     componentWillLoad() {
         utils.debug('nylas-reminder-time', 'componentWillLoad');
         this.host.setAttribute('name', this.name);
-        this.setReminderTimeMinuteOptions();
     }
     componentDidLoad() {
         utils.debug('nylas-reminder-time', 'componentDidLoad');
+        this.setReminderTimeMinuteOptions();
     }
     disconnectedCallback() {
         utils.debug('nylas-reminder-time', 'disconnectedCallback');
     }
+    get isInternalsAvailable() {
+        return this.internals !== undefined && typeof this.internals.setFormValue === 'function';
+    }
     setReminderTimeMinuteOptions() {
         if (this.reminderTimeincrement === 1) {
             this.reminderTimeMinutesOptions = constants.REMINDER_MINUTE_OPTIONS;
@@ -8536,28 +8548,22 @@ const NylasReminderTime = class {
         }
         this.setReminderTimeMinuteOptions();
         this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;
-        this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
+        this.isInternalsAvailable && 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);
+        this.isInternalsAvailable && 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$1.h(index$1.Host, { key: 'd5f118391bdd7e4779f6eca15335285047fdb350' }, index$1.h("div", { key: '2dd8d3ba52d4f95480c9cf1fdaf5d0f1f7c1e523', class: "nylas-reminder-time", part: "nrt" }, index$1.h("div", { key: '3799c4b266f4078e22ad78b86225ef9abdc5fa49', class: "nylas-reminder-time__wrapper" }, index$1.h("input-dropdown", { key: '004b6336c041660e1424ac44f16e82c8a5a2ca53', 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$1.h("select-dropdown", { key: '6a42c7f4633d89dd9a94d3c2f119e151613667ec', 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 })))));
+        return (index$1.h(index$1.Host, { key: 'b089eb10d76d001112d867a61889a685b8908355' }, index$1.h("div", { key: '13b8479fb822135c00ff8f97974c8269731b2a84', class: "nylas-reminder-time", part: "nrt" }, index$1.h("div", { key: '728e90c61077b1037aa285329f11a09a296b33b4', class: "nylas-reminder-time__wrapper" }, index$1.h("input-dropdown", { key: '40a22b75424d4b3b552a2dc1b60e79a8cb595032', 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$1.h("select-dropdown", { key: '6128bb953b883be5341ba005438ab353b0016c48', name: 'reminder-time-unit', options: [...reminderTimeOptions].sort((a, b) => a.value - b.value), 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$1.getElement(this); }
     static get watchers() { return {
         "name": ["elementNameChangedHandler"],
-        "eventReminderTimeMinutes": ["eventReminderTimeMinutesChangedHandler"],
         "reminderTimeMinutes": ["reminderTimeMinutesChangedHandler"]
     }; }
 };